diff --git a/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COBilling.js b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COBilling.js
new file mode 100644
index 000000000..7cf14bea6
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COBilling.js
@@ -0,0 +1,849 @@
+'use strict';
+
+/**
+ * Controller for the billing logic. It is used by both the single shipping and the multishipping
+ * functionality and is responsible for payment method selection and entering a billing address.
+ *
+ * @module controllers/COBilling
+ */
+
+/* API Includes */
+var GiftCertificate = require('dw/order/GiftCertificate');
+var GiftCertificateMgr = require('dw/order/GiftCertificateMgr');
+var GiftCertificateStatusCodes = require('dw/order/GiftCertificateStatusCodes');
+var PaymentInstrument = require('dw/order/PaymentInstrument');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var ProductListMgr = require('dw/customer/ProductListMgr');
+var Resource = require('dw/web/Resource');
+var Status = require('dw/system/Status');
+var StringUtils = require('dw/util/StringUtils');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var Countries = require('app_storefront_core/cartridge/scripts/util/Countries');
+
+/* Script Modules */
+var app = require('~/cartridge/scripts/app');
+var guard = require('~/cartridge/scripts/guard');
+// ### Custom Adyen cartridge start ###
+var AdyenController = require("int_adyen_controllers/cartridge/controllers/Adyen");
+var AdyenHelper = require("int_adyen_overlay/cartridge/scripts/util/adyenHelper");
+var AdyenConfigs = require("int_adyen_overlay/cartridge/scripts/util/adyenConfigs");
+var constants = require("*/cartridge/adyenConstants/constants");
+// ### Custom Adyen cartridge end ###
+var BasketMgr = require('dw/order/BasketMgr');
+var OrderMgr = require('dw/order/OrderMgr');
+
+/**
+ * Initializes the address form. If the customer chose "use as billing
+ * address" option on the single shipping page the form is prepopulated with the shipping
+ * address, otherwise it prepopulates with the billing address that was already set.
+ * If neither address is available, it prepopulates with the default address of the authenticated customer.
+ */
+function initAddressForm(cart) {
+  if (app.getForm('singleshipping').object.shippingAddress.useAsBillingAddress.value === true) {
+    app.getForm('billing').object.billingAddress.addressFields.firstName.value = app.getForm('singleshipping').object.shippingAddress.addressFields.firstName.value;
+    app.getForm('billing').object.billingAddress.addressFields.lastName.value = app.getForm('singleshipping').object.shippingAddress.addressFields.lastName.value;
+    app.getForm('billing').object.billingAddress.addressFields.address1.value = app.getForm('singleshipping').object.shippingAddress.addressFields.address1.value;
+    app.getForm('billing').object.billingAddress.addressFields.address2.value = app.getForm('singleshipping').object.shippingAddress.addressFields.address2.value;
+    app.getForm('billing').object.billingAddress.addressFields.city.value = app.getForm('singleshipping').object.shippingAddress.addressFields.city.value;
+    app.getForm('billing').object.billingAddress.addressFields.postal.value = app.getForm('singleshipping').object.shippingAddress.addressFields.postal.value;
+    app.getForm('billing').object.billingAddress.addressFields.phone.value = app.getForm('singleshipping').object.shippingAddress.addressFields.phone.value;
+    app.getForm('billing').object.billingAddress.addressFields.states.state.value = app.getForm('singleshipping').object.shippingAddress.addressFields.states.state.value;
+    app.getForm('billing').object.billingAddress.addressFields.country.value = app.getForm('singleshipping').object.shippingAddress.addressFields.country.value;
+    app.getForm('billing').object.billingAddress.addressFields.phone.value = app.getForm('singleshipping').object.shippingAddress.addressFields.phone.value;
+  } else if (cart.getBillingAddress() !== null) {
+    app.getForm('billing.billingAddress.addressFields').copyFrom(cart.getBillingAddress());
+    app.getForm('billing.billingAddress.addressFields.states').copyFrom(cart.getBillingAddress());
+  } else if (customer.authenticated && customer.profile.addressBook.preferredAddress !== null) {
+    app.getForm('billing.billingAddress.addressFields').copyFrom(customer.profile.addressBook.preferredAddress);
+    app.getForm('billing.billingAddress.addressFields.states').copyFrom(customer.profile.addressBook.preferredAddress);
+  }
+}
+
+/**
+ * Initializes the email address form field. If there is already a customer
+ * email set at the basket, that email address is used. If the
+ * current customer is authenticated the email address of the customer's profile
+ * is used.
+ */
+function initEmailAddress(cart) {
+  if (cart.getCustomerEmail() !== null) {
+    app.getForm('billing').object.billingAddress.email.emailAddress.value = cart.getCustomerEmail();
+  } else if (customer.authenticated && customer.profile.email !== null) {
+    app.getForm('billing').object.billingAddress.email.emailAddress.value = customer.profile.email;
+  }
+}
+
+/**
+ * Updates data for the billing page and renders it.
+ * If payment method is set to gift certificate, gets the gift certificate code from the form.
+ * Updates the page metadata. Gets a view and adds any passed parameters to it. Sets the Basket and ContinueURL properties.
+ * Renders the checkout/billing/billing template.
+ * @param {module:models/CartModel~CartModel} cart - A CartModel wrapping the current Basket.
+ * @param {object} params - (optional) if passed, added to view properties so they can be accessed in the template.
+ */
+// ### Custom Adyen cartridge start ###
+function returnToForm(cart, params) {
+  var pageMeta = require('~/cartridge/scripts/meta');
+
+  // if the payment method is set to gift certificate get the gift certificate code from the form
+  if (!empty(cart.getPaymentInstrument()) && cart.getPaymentInstrument().getPaymentMethod() === PaymentInstrument.METHOD_GIFT_CERTIFICATE) {
+    app.getForm('billing').copyFrom({
+      giftCertCode: cart.getPaymentInstrument().getGiftCertificateCode()
+    });
+  }
+  pageMeta.update({
+    pageTitle: Resource.msg('billing.meta.pagetitle', 'checkout', 'SiteGenesis Checkout')
+  });
+  if (params) {
+    app.getView(require('~/cartridge/scripts/object').extend(params, {
+      Basket: cart.object,
+      AdyenHelper: AdyenHelper,
+      ContinueURL: URLUtils.https('COBilling-Billing')
+    })).render('checkout/billing/billing');
+  } else {
+    app.getView({
+      Basket: cart.object,
+      AdyenHelper: AdyenHelper,
+      ContinueURL: URLUtils.https('COBilling-Billing')
+    }).render('checkout/billing/billing');
+  }
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Updates cart calculation and page information and renders the billing page.
+ * @transactional
+ * @param {module:models/CartModel~CartModel} cart - A CartModel wrapping the current Basket.
+ * @param {object} params - (optional) if passed, added to view properties so they can be accessed in the template.
+ */
+function start(cart, params) {
+  app.getController('COShipping').PrepareShipments();
+  Transaction.wrap(function () {
+    cart.calculate();
+  });
+  var pageMeta = require('~/cartridge/scripts/meta');
+  pageMeta.update({
+    pageTitle: Resource.msg('billing.meta.pagetitle', 'checkout', 'SiteGenesis Checkout')
+  });
+  returnToForm(cart, params);
+}
+
+/**
+ * Initializes the credit card list by determining the saved customer payment methods for the current locale.
+ * @param {module:models/CartModel~CartModel} cart - A CartModel wrapping the current Basket.
+ * @return {object} JSON object with members ApplicablePaymentMethods and ApplicableCreditCards.
+ */
+function initCreditCardList(cart) {
+  var paymentAmount = cart.getNonGiftCertificateAmount();
+  var countryCode;
+  var applicablePaymentMethods;
+  var applicablePaymentCards;
+  var applicableCreditCards;
+  countryCode = Countries.getCurrent({
+    CurrentRequest: {
+      locale: request.locale
+    }
+  }).countryCode;
+  applicablePaymentMethods = PaymentMgr.getApplicablePaymentMethods(customer, countryCode, paymentAmount.value);
+  applicablePaymentCards = PaymentMgr.getPaymentMethod(PaymentInstrument.METHOD_CREDIT_CARD).getApplicablePaymentCards(customer, countryCode, paymentAmount.value);
+  app.getForm('billing').object.paymentMethods.creditCard.type.setOptions(applicablePaymentCards.iterator());
+  applicableCreditCards = null;
+  if (customer.authenticated) {
+    var profile = app.getModel('Profile').get();
+    if (profile) {
+      applicableCreditCards = profile.validateWalletPaymentInstruments(countryCode, paymentAmount.getValue()).ValidPaymentInstruments;
+    }
+  }
+  return {
+    ApplicablePaymentMethods: applicablePaymentMethods,
+    ApplicableCreditCards: applicableCreditCards
+  };
+}
+
+/**
+ * Starting point for billing. After a successful shipping setup, both COShipping
+ * and COShippingMultiple call this function.
+ */
+// ### Custom Adyen cartridge start ###
+function publicStart() {
+  var cart = app.getModel('Cart').get();
+  if (cart) {
+    // Initializes all forms of the billing page including: - address form - email address - coupon form
+    initAddressForm(cart);
+    initEmailAddress(cart);
+
+    // Get the Saved Cards from Adyen to get latest saved cards
+    if (customer.authenticated) {
+      require('int_adyen_overlay/cartridge/scripts/updateSavedCards').updateSavedCards({
+        CurrentCustomer: customer
+      });
+    }
+    var creditCardList = initCreditCardList(cart);
+    var applicablePaymentMethods = creditCardList.ApplicablePaymentMethods;
+    var billingForm = app.getForm('billing').object;
+    var paymentMethods = billingForm.paymentMethods;
+    if (paymentMethods.valid) {
+      paymentMethods.selectedPaymentMethodID.setOptions(applicablePaymentMethods.iterator());
+    } else {
+      paymentMethods.clearFormElement();
+    }
+    app.getForm('billing.couponCode').clear();
+    app.getForm('billing.giftCertCode').clear();
+    var AdyenSessionsResponse = AdyenController.Sessions(customer);
+
+    // var AdyenPosTerminals = AdyenController.GetTerminals();
+    //TODO fix terminals
+    start(cart, {
+      ApplicableCreditCards: creditCardList.ApplicableCreditCards,
+      AdyenSessionsResponse: AdyenSessionsResponse
+    });
+  } else {
+    app.getController('Cart').Show();
+  }
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Adjusts gift certificate redemptions after applying coupon(s), because this changes the order total.
+ * Removes and then adds currently added gift certificates to reflect order total changes.
+ */
+function adjustGiftCertificates() {
+  var i, j, cart, gcIdList, gcID, gc;
+  cart = app.getModel('Cart').get();
+  if (cart) {
+    gcIdList = cart.getGiftCertIdList();
+    Transaction.wrap(function () {
+      for (i = 0; i < gcIdList.length; i += 1) {
+        cart.removeGiftCertificatePaymentInstrument(gcIdList[i]);
+      }
+      gcID = null;
+      for (j = 0; j < gcIdList.length; j += 1) {
+        gcID = gcIdList[j];
+        gc = GiftCertificateMgr.getGiftCertificateByCode(gcID);
+        if (gc &&
+        // make sure exists
+        gc.isEnabled() &&
+        // make sure it is enabled
+        gc.getStatus() !== GiftCertificate.STATUS_PENDING &&
+        // make sure it is available for use
+        gc.getStatus() !== GiftCertificate.STATUS_REDEEMED &&
+        // make sure it has not been fully redeemed
+        gc.balance.currencyCode === cart.getCurrencyCode()) {
+          // make sure the GC is in the right currency
+          cart.createGiftCertificatePaymentInstrument(gc);
+        }
+      }
+    });
+  }
+}
+
+/**
+ * Used to adjust gift certificate totals, update page metadata, and render the billing page.
+ * This function is called whenever a billing form action is handled.
+ * @see {@link module:controllers/COBilling~returnToForm|returnToForm}
+ * @see {@link module:controllers/COBilling~adjustGiftCertificates|adjustGiftCertificates}
+ * @see {@link module:controllers/COBilling~billing|billing}
+ */
+function handleCoupon() {
+  var CouponError;
+  // @FIXME what is that used for?
+  if (empty(CouponError)) {
+    /*
+     * Adjust gift certificate redemptions as after applying coupon(s),
+     * order total is changed. AdjustGiftCertificate pipeline removes and
+     * then adds currently added gift certificates to reflect order total
+     * changes.
+     */
+    adjustGiftCertificates();
+  }
+  returnToForm(app.getModel('Cart').get());
+}
+
+/**
+ * Redeems a gift certificate. If the gift certificate was not successfully
+ * redeemed, the form field is invalidated with the appropriate error message.
+ * If the gift certificate was redeemed, the form gets cleared. This function
+ * is called by an Ajax request and generates a JSON response.
+ * @param {String} giftCertCode - Gift certificate code entered into the giftCertCode field in the billing form.
+ * @returns {object} JSON object containing the status of the gift certificate.
+ */
+function redeemGiftCertificate(giftCertCode) {
+  var cart, gc, newGCPaymentInstrument, gcPaymentInstrument, status, result;
+  cart = app.getModel('Cart').get();
+  if (cart) {
+    // fetch the gift certificate
+    gc = GiftCertificateMgr.getGiftCertificateByCode(giftCertCode);
+    if (!gc) {
+      // make sure exists
+      result = new Status(Status.ERROR, GiftCertificateStatusCodes.GIFTCERTIFICATE_NOT_FOUND);
+    } else if (!gc.isEnabled()) {
+      // make sure it is enabled
+      result = new Status(Status.ERROR, GiftCertificateStatusCodes.GIFTCERTIFICATE_DISABLED);
+    } else if (gc.getStatus() === GiftCertificate.STATUS_PENDING) {
+      // make sure it is available for use
+      result = new Status(Status.ERROR, GiftCertificateStatusCodes.GIFTCERTIFICATE_PENDING);
+    } else if (gc.getStatus() === GiftCertificate.STATUS_REDEEMED) {
+      // make sure it has not been fully redeemed
+      result = new Status(Status.ERROR, GiftCertificateStatusCodes.GIFTCERTIFICATE_INSUFFICIENT_BALANCE);
+    } else if (gc.balance.currencyCode !== cart.getCurrencyCode()) {
+      // make sure the GC is in the right currency
+      result = new Status(Status.ERROR, GiftCertificateStatusCodes.GIFTCERTIFICATE_CURRENCY_MISMATCH);
+    } else {
+      newGCPaymentInstrument = Transaction.wrap(function () {
+        gcPaymentInstrument = cart.createGiftCertificatePaymentInstrument(gc);
+        cart.calculate();
+        return gcPaymentInstrument;
+      });
+      status = new Status(Status.OK);
+      status.addDetail('NewGCPaymentInstrument', newGCPaymentInstrument);
+      result = status;
+    }
+  } else {
+    result = new Status(Status.ERROR, 'BASKET_NOT_FOUND');
+  }
+  return result;
+}
+
+/**
+ * Updates credit card information from the httpParameterMap and determines if there is a currently selected credit card.
+ * If a credit card is selected, it adds the the credit card number to the billing form. Otherwise, the {@link module:controllers/COBilling~publicStart|publicStart} method is called.
+ * In either case, it will initialize the credit card list in the billing form and call the {@link module:controllers/COBilling~start|start} function.
+ */
+function updateCreditCardSelection() {
+  var cart, applicableCreditCards, UUID, selectedCreditCard, instrumentsIter, creditCardInstrument;
+  cart = app.getModel('Cart').get();
+  applicableCreditCards = initCreditCardList(cart).ApplicableCreditCards;
+  UUID = request.httpParameterMap.creditCardUUID.value || request.httpParameterMap.dwfrm_billing_paymentMethods_creditCardList.stringValue;
+  selectedCreditCard = null;
+  if (UUID && applicableCreditCards && !applicableCreditCards.empty) {
+    // find credit card in payment instruments
+    instrumentsIter = applicableCreditCards.iterator();
+    while (instrumentsIter.hasNext()) {
+      creditCardInstrument = instrumentsIter.next();
+      if (UUID.equals(creditCardInstrument.UUID)) {
+        selectedCreditCard = creditCardInstrument;
+      }
+    }
+    if (selectedCreditCard) {
+      app.getForm('billing').object.paymentMethods.creditCard.number.value = selectedCreditCard.creditCardNumber;
+    } else {
+      publicStart();
+    }
+  } else {
+    publicStart();
+  }
+  app.getForm('billing.paymentMethods.creditCard').copyFrom(selectedCreditCard);
+  initCreditCardList(cart);
+  start(cart);
+}
+
+/**
+ * Clears the form element for the currently selected payment method and removes the other payment methods.
+ *
+ * @return {Boolean} Returns true if payment is successfully reset. Returns false if the currently selected payment
+ * method is bml and the ssn cannot be validated.
+ */
+function resetPaymentForms() {
+  var cart = app.getModel('Cart').get();
+  var status = Transaction.wrap(function () {
+    if (app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value.equals('PayPal')) {
+      app.getForm('billing').object.paymentMethods.creditCard.clearFormElement();
+      app.getForm('billing').object.paymentMethods.bml.clearFormElement();
+      cart.removePaymentInstruments(cart.getPaymentInstruments(PaymentInstrument.METHOD_CREDIT_CARD));
+      cart.removePaymentInstruments(cart.getPaymentInstruments(PaymentInstrument.METHOD_BML));
+    } else if (app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value.equals(PaymentInstrument.METHOD_CREDIT_CARD)) {
+      app.getForm('billing').object.paymentMethods.bml.clearFormElement();
+      cart.removePaymentInstruments(cart.getPaymentInstruments(PaymentInstrument.METHOD_BML));
+      cart.removePaymentInstruments(cart.getPaymentInstruments('PayPal'));
+    } else if (app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value.equals(PaymentInstrument.METHOD_BML)) {
+      app.getForm('billing').object.paymentMethods.creditCard.clearFormElement();
+      if (!app.getForm('billing').object.paymentMethods.bml.ssn.valid) {
+        return false;
+      }
+      cart.removePaymentInstruments(cart.getPaymentInstruments(PaymentInstrument.METHOD_CREDIT_CARD));
+      cart.removePaymentInstruments(cart.getPaymentInstruments('PayPal'));
+    }
+    return true;
+  });
+  return status;
+}
+
+/**
+ * Validates the billing form.
+ * @returns {boolean} Returns true if the billing address is valid or no payment is needed. Returns false if the billing form is invalid.
+ */
+function validateBilling() {
+  if (!app.getForm('billing').object.billingAddress.valid) {
+    return false;
+  }
+  if (!empty(request.httpParameterMap.noPaymentNeeded.value)) {
+    return true;
+  }
+  if (!empty(app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value) && app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value.equals(PaymentInstrument.METHOD_CREDIT_CARD)) {
+    if (!app.getForm('billing').object.valid) {
+      return false;
+    }
+  }
+  return true;
+}
+
+/**
+ * Handles the selection of the payment method and performs payment method-specific
+ * validation and verification on the entered form fields. If the
+ * order total is 0 (if the user has product promotions) then we do not
+ * need a valid payment method.
+ */
+function handlePaymentSelection(cart) {
+  var result;
+  if (empty(app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value)) {
+    if (cart.getTotalGrossPrice() > 0) {
+      result = {
+        error: true
+      };
+    } else {
+      result = {
+        ok: true
+      };
+    }
+  }
+
+  // skip the payment handling if the whole payment was made using gift cert
+  if (app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value.equals(PaymentInstrument.METHOD_GIFT_CERTIFICATE)) {
+    result = {
+      ok: true
+    };
+  }
+  if (empty(PaymentMgr.getPaymentMethod(app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value).paymentProcessor)) {
+    result = {
+      error: true,
+      MissingPaymentProcessor: true
+    };
+  }
+  if (!result) {
+    result = app.getModel('PaymentProcessor').handle(cart.object, app.getForm('billing').object.paymentMethods.selectedPaymentMethodID.value);
+  }
+  return result;
+}
+
+/**
+ * Gets or creates a billing address and copies it to the billingaddress form. Also sets the customer email address
+ * to the value in the billingAddress form.
+ * @transaction
+ * @param {module:models/CartModel~CartModel} cart - A CartModel wrapping the current Basket.
+ * @returns {boolean} true
+ */
+function handleBillingAddress(cart) {
+  var billingAddress = cart.getBillingAddress();
+  Transaction.wrap(function () {
+    if (!billingAddress) {
+      billingAddress = cart.createBillingAddress();
+    }
+    app.getForm('billing.billingAddress.addressFields').copyTo(billingAddress);
+    app.getForm('billing.billingAddress.addressFields.states').copyTo(billingAddress);
+    cart.setCustomerEmail(app.getForm('billing').object.billingAddress.email.emailAddress.value);
+  });
+  return true;
+}
+
+/**
+ * Checks if there is currently a cart and if one exists, gets the customer address from the httpParameterMap and saves it to the customer address book.
+ * Initializes the list of credit cards and calls the {@link module:controllers/COBilling~start|start} function.
+ * If a cart does not already exist, calls the {@link module:controllers/Cart~Show|Cart controller Show function}.
+ */
+function updateAddressDetails() {
+  var cart, address, billingAddress;
+  cart = app.getModel('Cart').get();
+  if (cart) {
+    address = customer.getAddressBook().getAddress(empty(request.httpParameterMap.addressID.value) ? request.httpParameterMap.dwfrm_billing_addressList.value : request.httpParameterMap.addressID.value);
+    app.getForm('billing.billingAddress.addressFields').copyFrom(address);
+    app.getForm('billing.billingAddress.addressFields.states').copyFrom(address);
+    billingAddress = cart.getBillingAddress();
+    app.getForm('billing.billingAddress.addressFields').copyTo(billingAddress);
+    initCreditCardList(cart);
+    start(cart);
+  } else {
+    //@FIXME redirect
+    app.getController('Cart').Show();
+  }
+}
+
+/**
+ * Form handler for the billing form. Handles the following actions:
+ * - __applyCoupon__ - gets the coupon to add from the httpParameterMap couponCode property and calls {@link module:controllers/COBilling~handleCoupon|handleCoupon}
+ * - __creditCardSelect__ - calls the {@link module:controllers/COBilling~updateCreditCardSelection|updateCreditCardSelection} function.
+ * - __paymentSelect__ - calls the {@link module:controllers/COBilling~publicStart|publicStart} function.
+ * - __redeemGiftCert__ - redeems the gift certificate entered into the billing form and returns to the cart.
+ * - __save__ - validates payment and address information and handles any errors. If the billing form is valid,
+ * saves the billing address to the customer profile, sets a flag to indicate the billing step is successful, and calls
+ * the {@link module:controllers/COSummary~start|COSummary controller Start function}.
+ * - __selectAddress__ - calls the {@link module:controllers/COBilling~updateAddressDetails|updateAddressDetails} function.
+ */
+// ### Custom Adyen cartridge start ###
+function billing(data) {
+  // restore cart and redirect to billing stage if successful
+  if (session.privacy.currentOrderNumber && session.privacy.currentOrderToken) {
+    var order = OrderMgr.getOrder(session.privacy.currentOrderNumber, session.privacy.currentOrderToken);
+
+    // Clear cache so the order restore will only be attmpted once per order
+    session.privacy.currentOrderNumber = null;
+    session.privacy.currentOrderToken = null;
+    Transaction.wrap(function () {
+      OrderMgr.failOrder(order, true);
+    });
+    publicStart();
+    return;
+  }
+  if (!validateBilling()) {
+    var responseUtils = require('~/cartridge/scripts/util/Response');
+    responseUtils.renderJSON({
+      fieldErrors: true
+    });
+  }
+  var paymentInformation = app.getForm('adyPaydata');
+  if (paymentInformation.get("paymentFromComponentStateData").value()) {
+    AdyenController.ShowConfirmationPaymentFromComponent();
+    return;
+  }
+  app.getForm('billing').handleAction({
+    applyCoupon: function () {
+      var couponCode = request.httpParameterMap.couponCode.stringValue || request.httpParameterMap.dwfrm_billing_couponCode.stringValue;
+
+      // TODO what happened to this start node?
+      app.getController('Cart').AddCoupon(couponCode);
+      handleCoupon();
+      return;
+    },
+    creditCardSelect: function () {
+      updateCreditCardSelection();
+      return;
+    },
+    paymentSelect: function () {
+      // ToDo - pass parameter ?
+      publicStart();
+      return;
+    },
+    redeemGiftCert: function () {
+      var status = redeemGiftCertificate(app.getForm('billing').object.giftCertCode.htmlValue);
+      if (!status.isError()) {
+        returnToForm(app.getModel('Cart').get(), {
+          NewGCPaymentInstrument: status.getDetail('NewGCPaymentInstrument')
+        });
+      } else {
+        returnToForm(app.getModel('Cart').get());
+      }
+      return;
+    },
+    save: function () {
+      Transaction.wrap(function () {
+        var cart = app.getModel('Cart').get();
+        if (!resetPaymentForms() || !validateBilling() || !handleBillingAddress(cart) ||
+        // Performs validation steps, based upon the entered billing address
+        // and address options.
+        handlePaymentSelection(cart).error) {
+          // Performs payment method specific checks, such as credit card verification.
+          returnToForm(cart);
+        } else {
+          if (customer.authenticated && app.getForm('billing').object.billingAddress.addToAddressBook.value) {
+            app.getModel('Profile').get(customer.profile).addAddressToAddressBook(cart.getBillingAddress());
+          }
+          // Mark step as fulfilled
+          app.getForm('billing').object.fulfilled.value = true;
+          if (!paymentInformation.get("paymentFromComponentStateData").value()) {
+            // A successful billing page will jump to the next checkout step.
+            app.getController('COSummary').Start();
+          }
+          return;
+        }
+      });
+    },
+    selectAddress: function () {
+      updateAddressDetails();
+      return;
+    }
+  });
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+* Gets the gift certificate code from the httpParameterMap and redeems it. For an ajax call, renders an empty JSON object.
+* Otherwise, renders a JSON object with information about the gift certificate code and the success and status of the redemption.
+*/
+function redeemGiftCertificateJson() {
+  var giftCertCode, giftCertStatus;
+  giftCertCode = request.httpParameterMap.giftCertCode.stringValue;
+  giftCertStatus = redeemGiftCertificate(giftCertCode);
+  let responseUtils = require('~/cartridge/scripts/util/Response');
+  if (request.httpParameterMap.format.stringValue !== 'ajax') {
+    // @FIXME we could also build an ajax guard?
+    responseUtils.renderJSON({});
+  } else {
+    responseUtils.renderJSON({
+      status: giftCertStatus.code,
+      success: !giftCertStatus.error,
+      message: Resource.msgf('billing.' + giftCertStatus.code, 'checkout', null, giftCertCode),
+      code: giftCertCode
+    });
+  }
+}
+
+/**
+ * Removes gift certificate from the basket payment instruments and
+ * generates a JSON response with a status. This function is called by an Ajax
+ * request.
+ */
+function removeGiftCertificate() {
+  if (!empty(request.httpParameterMap.giftCertificateID.stringValue)) {
+    var cart = app.getModel('Cart').get();
+    Transaction.wrap(function () {
+      cart.removeGiftCertificatePaymentInstrument(request.httpParameterMap.giftCertificateID.stringValue);
+      cart.calculate();
+    });
+  }
+  publicStart();
+}
+
+/**
+ * Updates the order totals and recalculates the basket after a coupon code is applied.
+ * Renders the checkout/minisummary template, which includes the mini cart order totals and shipment summary.
+ */
+function updateSummary() {
+  var cart = app.getModel('Cart').get();
+  Transaction.wrap(function () {
+    cart.calculate();
+  });
+  app.getView({
+    checkoutstep: 4,
+    Basket: cart.object
+  }).render('checkout/minisummary');
+}
+
+/**
+ * Renders a form dialog to edit an address. The dialog is supposed to be opened
+ * by an Ajax request and ends in templates, which trigger a certain JavaScript
+ * event. The calling page of this dialog is responsible for handling these
+ * events.
+ */
+function editAddress() {
+  app.getForm('billing').objectaddress.clearFormElement();
+  var address = customer.getAddressBook().getAddress(request.httpParameterMap.addressID.stringValue);
+  if (address) {
+    app.getForm('billinaddress').copyFrom(address);
+    app.getForm('billingaggdress.states').copyFrom(address);
+  }
+  app.getView({
+    ContinueURL: URLUtils.https('COBilling-EditBillingAddress')
+  }).render('checkout/billing/billingaddressdetails');
+}
+
+/**
+ * Form handler for the returnToForm form.
+ * - __apply __ - attempts to save billing address information to the platform. If there is an error, renders the
+ * components/dialog/dialogapply template. If it is successful, sets the ContinueURL to {@link module:controllers/COBilling~EditBillingAddress|EditBillingAddress} and renders the
+ * checkout/billing/billingaddressdetails template.
+ * - __remove __ - Checks if the customer owns any product lists. If they do not, removes the address from the customer address book
+ * and renders the components/dialog/dialogdelete template.
+ * If they do own product lists, sets the ContinueURL to {@link module:controllers/COBilling~EditBillingAddress|EditBillingAddress} and renders the checkout/billing/billingaddressdetails template.
+ */
+function editBillingAddress() {
+  app.getForm('returnToForm').handleAction({
+    apply: function () {
+      if (!app.getForm('billingaddress').copyTo(app.getForm('billingaddress').object)) {
+        app.getView({
+          ContinueURL: URLUtils.https('COBilling-EditBillingAddress')
+        }).render('checkout/billing/billingaddressdetails');
+      } else {
+        app.getView().render('components/dialog/dialogapply');
+      }
+    },
+    remove: function () {
+      if (ProductListMgr.getProductLists(app.getForm('billing').objectaddress.object).isEmpty()) {
+        customer.getAddressBook().removeAddress(app.getForm('billing').objectaddress.object);
+        app.getView().render('components/dialog/dialogdelete');
+      } else {
+        app.getView({
+          ContinueURL: URLUtils.https('COBilling-EditBillingAddress')
+        }).render('checkout/billing/billingaddressdetails');
+      }
+    }
+  });
+}
+
+/**
+ * Returns information of a gift certificate including its balance as JSON
+ * response. Required to check the remaining balance.
+ */
+function getGiftCertificateBalance() {
+  var giftCertificate = GiftCertificateMgr.getGiftCertificateByCode(request.httpParameterMap.giftCertificateID.value);
+  var responseUtils = require('~/cartridge/scripts/util/Response');
+  if (giftCertificate && giftCertificate.isEnabled()) {
+    responseUtils.renderJSON({
+      giftCertificate: {
+        ID: giftCertificate.getGiftCertificateCode(),
+        balance: StringUtils.formatMoney(giftCertificate.getBalance())
+      }
+    });
+  } else {
+    responseUtils.renderJSON({
+      error: Resource.msg('billing.giftcertinvalid', 'checkout', null)
+    });
+  }
+}
+
+/**
+ * Selects a customer credit card and returns the details of the credit card as
+ * JSON response. Required to fill credit card form with details of selected
+ * credit card.
+ */
+function selectCreditCard() {
+  var cart, applicableCreditCards, selectedCreditCard, instrumentsIter, creditCardInstrument;
+  cart = app.getModel('Cart').get();
+  applicableCreditCards = initCreditCardList(cart).ApplicableCreditCards;
+  selectedCreditCard = null;
+
+  // ensure mandatory parameter 'CreditCardUUID' and 'CustomerPaymentInstruments'
+  // in pipeline dictionary and collection is not empty
+  if (request.httpParameterMap.creditCardUUID.value && applicableCreditCards && !applicableCreditCards.empty) {
+    // find credit card in payment instruments
+    instrumentsIter = applicableCreditCards.iterator();
+    while (instrumentsIter.hasNext()) {
+      creditCardInstrument = instrumentsIter.next();
+      if (request.httpParameterMap.creditCardUUID.value.equals(creditCardInstrument.UUID)) {
+        selectedCreditCard = creditCardInstrument;
+      }
+    }
+    if (selectedCreditCard) {
+      app.getForm('billing').object.paymentMethods.creditCard.number.value = selectedCreditCard.getCreditCardNumber();
+    }
+  }
+  app.getView({
+    SelectedCreditCard: selectedCreditCard
+  }).render('checkout/billing/creditcardjson');
+}
+
+/**
+ * Revalidates existing payment instruments in later checkout steps.
+ *
+ * @param {module:models/CartModel~CartModel} cart - A CartModel wrapping the current Basket.
+ * @return {Boolean} true if existing payment instruments are valid, false if not.
+ */
+// ### Custom Adyen cartridge start ###
+function validatePayment(cart) {
+  var paymentAmount, countryCode, invalidPaymentInstruments, result;
+  if (cart.getPaymentInstrument() && [constants.METHOD_ADYEN_POS, constants.METHOD_ADYEN_COMPONENT].indexOf(cart.getPaymentInstrument().getPaymentMethod()) !== -1) {
+    result = true;
+    return result;
+  }
+  if (app.getForm('billing').object.fulfilled.value) {
+    paymentAmount = cart.getNonGiftCertificateAmount();
+    countryCode = Countries.getCurrent({
+      CurrentRequest: {
+        locale: request.locale
+      }
+    }).countryCode;
+    invalidPaymentInstruments = cart.validatePaymentInstruments(customer, countryCode, paymentAmount.value).InvalidPaymentInstruments;
+    if (!invalidPaymentInstruments && cart.calculatePaymentTransactionTotal()) {
+      result = true;
+    } else {
+      app.getForm('billing').object.fulfilled.value = false;
+      result = false;
+    }
+  } else {
+    result = false;
+  }
+  return result;
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Attempts to save the used credit card in the customer payment instruments.
+ * The logic replaces an old saved credit card with the same masked credit card
+ * number of the same card type with the new credit card. This ensures creating
+ * only unique cards as well as replacing expired cards.
+ * @transactional
+ * @return {Boolean} true if credit card is successfully saved.
+ */
+// ### Custom Adyen cartridge start ###
+function saveCreditCard() {
+  if (AdyenConfigs.getAdyenRecurringPaymentsEnabled()) {
+    //saved credit cards are handling in COPlaceOrder and Login for Adyen - saved cards are synced with Adyen ListRecurringDetails API call
+    return true;
+  } else {
+    var i, creditCards, newCreditCard;
+    if (customer.authenticated && app.getForm('billing').object.paymentMethods.creditCard.saveCard.value) {
+      creditCards = customer.getProfile().getWallet().getPaymentInstruments(PaymentInstrument.METHOD_CREDIT_CARD);
+      Transaction.wrap(function () {
+        newCreditCard = customer.getProfile().getWallet().createPaymentInstrument(PaymentInstrument.METHOD_CREDIT_CARD);
+
+        // copy the credit card details to the payment instrument
+        newCreditCard.setCreditCardHolder(app.getForm('billing').object.paymentMethods.creditCard.owner.value);
+        newCreditCard.setCreditCardNumber(app.getForm('billing').object.paymentMethods.creditCard.number.value);
+        newCreditCard.setCreditCardExpirationMonth(app.getForm('billing').object.paymentMethods.creditCard.expiration.month.value);
+        newCreditCard.setCreditCardExpirationYear(app.getForm('billing').object.paymentMethods.creditCard.expiration.year.value);
+        newCreditCard.setCreditCardType(app.getForm('billing').object.paymentMethods.creditCard.type.value);
+        for (i = 0; i < creditCards.length; i++) {
+          var creditcard = creditCards[i];
+          if (creditcard.maskedCreditCardNumber === newCreditCard.maskedCreditCardNumber && creditcard.creditCardType === newCreditCard.creditCardType) {
+            customer.getProfile().getWallet().removePaymentInstrument(creditcard);
+          }
+        }
+      });
+    }
+    return true;
+  }
+}
+// ### Custom Adyen cartridge end ###
+
+/*
+* Module exports
+*/
+
+/*
+* Web exposed methods
+*/
+/** Starting point for billing.
+ * @see module:controllers/COBilling~publicStart */
+exports.Start = guard.ensure(['https'], publicStart);
+
+/** Redeems gift certificates.
+ * @see module:controllers/COBilling~redeemGiftCertificateJson */
+exports.RedeemGiftCertificateJson = guard.ensure(['https', 'get'], redeemGiftCertificateJson);
+/** Removes gift certificate from the basket payment instruments.
+ * @see module:controllers/COBilling~removeGiftCertificate */
+exports.RemoveGiftCertificate = guard.ensure(['https', 'get'], removeGiftCertificate);
+/** Updates the order totals and recalculates the basket after a coupon code is applied.
+ * @see module:controllers/COBilling~updateSummary */
+exports.UpdateSummary = guard.ensure(['https', 'get'], updateSummary);
+/** Gets the customer address and saves it to the customer address book.
+ * @see module:controllers/COBilling~updateAddressDetails */
+exports.UpdateAddressDetails = guard.ensure(['https', 'get'], updateAddressDetails);
+/** Renders a form dialog to edit an address.
+ * @see module:controllers/COBilling~editAddress */
+exports.EditAddress = guard.ensure(['https', 'get', 'csrf'], editAddress);
+/** Returns information of a gift certificate including its balance as JSON response.
+ * @see module:controllers/COBilling~getGiftCertificateBalance */
+exports.GetGiftCertificateBalance = guard.ensure(['https', 'get'], getGiftCertificateBalance);
+/** Selects a customer credit card and returns the details of the credit card as JSON response.
+ * @see module:controllers/COBilling~selectCreditCard */
+exports.SelectCreditCard = guard.ensure(['https', 'get'], selectCreditCard);
+/** Adds the currently selected credit card to the billing form and initializes the credit card selection list.
+ * @see module:controllers/COBilling~updateCreditCardSelection */
+exports.UpdateCreditCardSelection = guard.ensure(['https', 'get'], updateCreditCardSelection);
+/** Form handler for the billing form.
+ * @see module:controllers/COBilling~billing */
+exports.Billing = guard.ensure(['https', 'csrf'], billing);
+/** Form handler for the returnToForm form.
+ * @see module:controllers/COBilling~editBillingAddress */
+exports.EditBillingAddress = guard.ensure(['https', 'post'], editBillingAddress);
+/*
+ * Local methods
+ */
+/** Saves the credit card used in the billing form in the customer payment instruments.
+ * @see module:controllers/COBilling~saveCreditCard */
+exports.SaveCreditCard = saveCreditCard;
+/** Revalidates existing payment instruments in later checkout steps.
+ * @see module:controllers/COBilling~validatePayment */
+exports.ValidatePayment = validatePayment;
+/** Handles the selection of the payment method and performs payment method specific validation and verification upon the entered form fields.
+ * @see module:controllers/COBilling~handlePaymentSelection */
+exports.HandlePaymentSelection = handlePaymentSelection;
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COPlaceOrder.js b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COPlaceOrder.js
new file mode 100644
index 000000000..2be72cdfb
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COPlaceOrder.js
@@ -0,0 +1,261 @@
+'use strict';
+
+/**
+ * Controller that creates an order from the current basket. It's a pure processing controller and does
+ * no page rendering. The controller is used by checkout and is called upon the triggered place order action.
+ * It contains the actual logic to authorize the payment and create the order. The controller communicates the result
+ * of the order creation process and uses a status object PlaceOrderError to set proper error states.
+ * The calling controller is must handle the results of the order creation and evaluate any errors returned by it.
+ *
+ * @module controllers/COPlaceOrder
+ */
+
+/* API Includes */
+var OrderMgr = require('dw/order/OrderMgr');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Status = require('dw/system/Status');
+var Transaction = require('dw/system/Transaction');
+
+/* Script Modules */
+var app = require('~/cartridge/scripts/app');
+var guard = require('~/cartridge/scripts/guard');
+var Cart = app.getModel('Cart');
+var Order = app.getModel('Order');
+var PaymentProcessor = app.getModel('PaymentProcessor');
+
+/**
+ * Responsible for payment handling. This function uses PaymentProcessorModel methods to
+ * handle payment processing specific to each payment instrument. It returns an
+ * error if any of the authorizations failed or a payment
+ * instrument is of an unknown payment method. If a payment method has no
+ * payment processor assigned, the payment is accepted as authorized.
+ *
+ * @transactional
+ * @param {dw.order.Order} order - the order to handle payments for.
+ * @return {Object} JSON object containing information about missing payments, errors, or an empty object if the function is successful.
+ */
+// ### Custom Adyen cartridge start ###
+function handlePayments(order) {
+  if (order.getTotalNetPrice().value !== 0.00) {
+    var paymentInstruments = order.getPaymentInstruments();
+    if (paymentInstruments.length === 0) {
+      return {
+        missingPaymentInfo: true
+      };
+    }
+    /**
+     * Sets the transaction ID for the payment instrument.
+     */
+    var handlePaymentTransaction = function () {
+      paymentInstrument.getPaymentTransaction().setTransactionID(order.getOrderNo());
+    };
+    for (var i = 0; i < paymentInstruments.length; i++) {
+      var paymentInstrument = paymentInstruments[i];
+      if (PaymentMgr.getPaymentMethod(paymentInstrument.getPaymentMethod()).getPaymentProcessor() === null) {
+        Transaction.wrap(handlePaymentTransaction);
+      } else {
+        var authorizationResult = PaymentProcessor.authorize(order, paymentInstrument);
+        if (authorizationResult.not_supported || authorizationResult.error) {
+          return {
+            error: true
+          };
+        }
+        if (authorizationResult.isAdyen) {
+          return authorizationResult;
+        }
+      }
+    }
+  }
+  return {};
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+ * The entry point for order creation. This function is not exported, as this controller must only
+ * be called by another controller.
+ *
+ * @transactional
+ * @return {Object} JSON object that is empty, contains error information, or PlaceOrderError status information.
+ */
+// ### Custom Adyen cartridge start ###
+function start() {
+  var cart = Cart.get();
+  if (!cart) {
+    app.getController('Cart').Show();
+    return {};
+  }
+  var COShipping = app.getController('COShipping');
+
+  // Clean shipments.
+  COShipping.PrepareShipments(cart);
+
+  // Make sure there is a valid shipping address, accounting for gift certificates that do not have one.
+  if (cart.getProductLineItems().size() > 0 && cart.getDefaultShipment().getShippingAddress() === null) {
+    COShipping.Start();
+    return {};
+  }
+
+  // Make sure the billing step is fulfilled, otherwise restart checkout.
+  if (!session.forms.billing.fulfilled.value) {
+    app.getController('COCustomer').Start();
+    return {};
+  }
+  Transaction.wrap(function () {
+    cart.calculate();
+  });
+  var COBilling = app.getController('COBilling');
+  Transaction.wrap(function () {
+    if (!COBilling.ValidatePayment(cart)) {
+      COBilling.Start();
+      return {};
+    }
+  });
+
+  // Recalculate the payments. If there is only gift certificates, make sure it covers the order total, if not
+  // back to billing page.
+  Transaction.wrap(function () {
+    if (!cart.calculatePaymentTransactionTotal()) {
+      COBilling.Start();
+      return {};
+    }
+  });
+
+  // Handle used addresses and credit cards.
+  var saveCCResult = COBilling.SaveCreditCard();
+  if (!saveCCResult) {
+    return {
+      error: true,
+      PlaceOrderError: new Status(Status.ERROR, 'confirm.error.technical')
+    };
+  }
+
+  // Creates a new order. This will internally ReserveInventoryForOrder and will create a new Order with status
+  // 'Created'.
+  var order = cart.createOrder();
+  if (!order) {
+    // TODO - need to pass BasketStatus to Cart-Show ?
+    app.getController('Cart').Show();
+    return {};
+  }
+  var handlePaymentsResult = handlePayments(order);
+  var constants = require('*/cartridge/adyenConstants/constants');
+  var URLUtils = require('dw/web/URLUtils');
+
+  // Cache current order number in order to potentially restore cart.
+  session.privacy.currentOrderNumber = order.orderNo;
+  session.privacy.currentOrderToken = order.orderToken;
+  var submitOrder = handlePaymentsResult.isAdyen === false ||
+  //adyen is not the payment processor for this payment
+  handlePaymentsResult.isAdyen && !handlePaymentsResult.action ||
+  // isAdyen and no action
+  handlePaymentsResult.action && handlePaymentsResult.action.type === constants.ACTIONTYPES.VOUCHER ||
+  // action type is voucher
+  !handlePaymentsResult.action && !handlePaymentsResult.isFinal; // no action and payment is not final (SEPA)
+  if (handlePaymentsResult.error) {
+    return Transaction.wrap(function () {
+      OrderMgr.failOrder(order);
+      return {
+        continueUrl: URLUtils.url('Adyen-ShowConfirmation', 'error', 'true', 'errorStatus', 'confirm.error.technical').toString()
+      };
+    });
+  } else if (handlePaymentsResult.missingPaymentInfo) {
+    return Transaction.wrap(function () {
+      OrderMgr.failOrder(order);
+      return {
+        continueUrl: URLUtils.url('Adyen-ShowConfirmation', 'error', 'true', 'errorStatus', 'confirm.error.technical').toString()
+      };
+    });
+  } else {
+    if (submitOrder) {
+      var orderPlacementStatus = Order.submit(order);
+      if (!orderPlacementStatus.error) {
+        clearForms();
+      }
+      if (handlePaymentsResult.isAdyen) {
+        return {
+          continueUrl: URLUtils.url('Adyen-ShowConfirmation', 'authorized', 'true', 'merchantReference', order.orderNo, 'orderToken', order.orderToken).toString()
+        };
+      }
+      return orderPlacementStatus;
+    }
+  }
+  return handlePaymentsResult;
+}
+// ### Custom Adyen cartridge end ###
+
+function clearForms() {
+  // Clears all forms used in the checkout process.
+  session.forms.singleshipping.clearFormElement();
+  session.forms.multishipping.clearFormElement();
+  session.forms.billing.clearFormElement();
+
+  // clear cached order number
+  session.privacy.currentOrderNumber = null;
+  session.privacy.currentOrderToken = null;
+}
+
+/**
+ * Asynchronous Callbacks for OCAPI. These functions result in a JSON response.
+ * Sets the payment instrument information in the form from values in the httpParameterMap.
+ * Checks that the payment instrument selected is valid and authorizes the payment. Renders error
+ * message information if the payment is not authorized.
+ */
+function submitPaymentJSON() {
+  var order = Order.get(request.httpParameterMap.order_id.stringValue);
+  if (!order.object || request.httpParameterMap.order_token.stringValue !== order.getOrderToken()) {
+    app.getView().render('checkout/components/faults');
+    return;
+  }
+  session.forms.billing.paymentMethods.clearFormElement();
+  var requestObject = JSON.parse(request.httpParameterMap.requestBodyAsString);
+  var form = session.forms.billing.paymentMethods;
+  for (var requestObjectItem in requestObject) {
+    var asyncPaymentMethodResponse = requestObject[requestObjectItem];
+    var terms = requestObjectItem.split('_');
+    if (terms[0] === 'creditCard') {
+      var value = terms[1] === 'month' || terms[1] === 'year' ? Number(asyncPaymentMethodResponse) : asyncPaymentMethodResponse;
+      form.creditCard[terms[1]].setValue(value);
+    } else if (terms[0] === 'selectedPaymentMethodID') {
+      form.selectedPaymentMethodID.setValue(asyncPaymentMethodResponse);
+    }
+  }
+  if (app.getController('COBilling').HandlePaymentSelection('cart').error || handlePayments().error) {
+    app.getView().render('checkout/components/faults');
+    return;
+  }
+  app.getView().render('checkout/components/payment_methods_success');
+}
+
+/*
+ * Asynchronous Callbacks for SiteGenesis.
+ * Identifies if an order exists, submits the order, and shows a confirmation message.
+ */
+function submit() {
+  var order = Order.get(request.httpParameterMap.order_id.stringValue);
+  var orderPlacementStatus;
+  if (order.object && request.httpParameterMap.order_token.stringValue === order.getOrderToken()) {
+    orderPlacementStatus = Order.submit(order.object);
+    if (!orderPlacementStatus.error) {
+      clearForms();
+      return app.getController('COSummary').ShowConfirmation(order.object);
+    }
+  }
+  app.getController('COSummary').Start();
+}
+
+/*
+ * Module exports
+ */
+
+/*
+ * Web exposed methods
+ */
+/** @see module:controllers/COPlaceOrder~submitPaymentJSON */
+exports.SubmitPaymentJSON = guard.ensure(['https'], submitPaymentJSON);
+/** @see module:controllers/COPlaceOrder~submitPaymentJSON */
+exports.Submit = guard.ensure(['https'], submit);
+
+/*
+ * Local methods
+ */
+exports.Start = start;
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COSummary.js b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COSummary.js
new file mode 100644
index 000000000..ed2d8a095
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/COSummary.js
@@ -0,0 +1,130 @@
+'use strict';
+
+/**
+ * This controller implements the last step of the checkout. A successful handling
+ * of billing address and payment method selection leads to this controller. It
+ * provides the customer with a last overview of the basket prior to confirm the
+ * final order creation.
+ *
+ * @module controllers/COSummary
+ */
+
+/* API Includes */
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+/* Script Modules */
+var app = require('~/cartridge/scripts/app');
+var guard = require('~/cartridge/scripts/guard');
+var Cart = app.getModel('Cart');
+// ### Custom Adyen cartridge start ###
+var AdyenController = require("int_adyen_controllers/cartridge/controllers/Adyen");
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Renders the summary page prior to order creation.
+ * @param {Object} context context object used for the view
+ */
+function start(context) {
+  var cart = Cart.get();
+
+  // Checks whether all payment methods are still applicable. Recalculates all existing non-gift certificate payment
+  // instrument totals according to redeemed gift certificates or additional discounts granted through coupon
+  // redemptions on this page.
+  var COBilling = app.getController('COBilling');
+  if (!COBilling.ValidatePayment(cart)) {
+    COBilling.Start();
+    return;
+  } else {
+    Transaction.wrap(function () {
+      cart.calculate();
+    });
+    Transaction.wrap(function () {
+      if (!cart.calculatePaymentTransactionTotal()) {
+        COBilling.Start();
+      }
+    });
+    var pageMeta = require('~/cartridge/scripts/meta');
+    var viewContext = require('app_storefront_core/cartridge/scripts/common/extend').immutable(context, {
+      Basket: cart.object
+    });
+    pageMeta.update({
+      pageTitle: Resource.msg('summary.meta.pagetitle', 'checkout', 'SiteGenesis Checkout')
+    });
+    app.getView(viewContext).render('checkout/summary/summary');
+  }
+}
+
+/**
+ * This function is called when the "Place Order" action is triggered by the
+ * customer.
+ */
+// ### Custom Adyen cartridge start ###
+function submit() {
+  // Calls the COPlaceOrder controller that does the place order action and any payment authorization.
+  // If the order creation failed, it returns a JSON object with an error key and a boolean value.
+  var placeOrderResult = app.getController('COPlaceOrder').Start();
+  if (Object.keys(placeOrderResult).length === 0 || placeOrderResult.error) {
+    start({
+      PlaceOrderError: placeOrderResult.PlaceOrderError
+    });
+  } else {
+    if (placeOrderResult.isAdyen || placeOrderResult.continueUrl) {
+      const responseUtils = require('*/cartridge/scripts/util/Response');
+      responseUtils.renderJSON(placeOrderResult);
+    } else {
+      showConfirmation(placeOrderResult.Order);
+    }
+  }
+}
+// ### Custom Adyen cartridge end ##
+
+/**
+ * Renders the order confirmation page after successful order
+ * creation. If a nonregistered customer has checked out, the confirmation page
+ * provides a "Create Account" form. This function handles the
+ * account creation.
+ */
+// ### Custom Adyen cartridge start ###
+function showConfirmation(order) {
+  var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+  var adyenGivingConfig = AdyenHelper.getAdyenGivingConfig(order);
+  if (!customer.authenticated) {
+    // Initializes the account creation form for guest checkouts by populating the first and last name with the
+    // used billing address.
+    var customerForm = app.getForm('profile.customer');
+    customerForm.setValue('firstname', order.billingAddress.firstName);
+    customerForm.setValue('lastname', order.billingAddress.lastName);
+    customerForm.setValue('email', order.customerEmail);
+    customerForm.setValue('orderNo', order.orderNo);
+  }
+  app.getForm('profile.login.passwordconfirm').clear();
+  app.getForm('profile.login.password').clear();
+  var pageMeta = require('~/cartridge/scripts/meta');
+  pageMeta.update({
+    pageTitle: Resource.msg('confirmation.meta.pagetitle', 'checkout', 'SiteGenesis Checkout Confirmation')
+  });
+  app.getView({
+    Order: order,
+    AdyenGivingConfig: adyenGivingConfig,
+    ContinueURL: URLUtils.https('Account-RegistrationForm') // needed by registration form after anonymous checkouts
+  }).render('checkout/confirmation/confirmation');
+}
+// ### Custom Adyen cartridge end ###
+
+/*
+ * Module exports
+ */
+
+/*
+ * Web exposed methods
+ */
+/** @see module:controllers/COSummary~Start */
+exports.Start = guard.ensure(['https'], start);
+/** @see module:controllers/COSummary~Submit */
+exports.Submit = guard.ensure(['https', 'post', 'csrf'], submit);
+
+/*
+ * Local method
+ */
+exports.ShowConfirmation = showConfirmation;
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/PaymentInstruments.js b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/PaymentInstruments.js
new file mode 100644
index 000000000..6d0bc7560
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/cartridge/controllers/PaymentInstruments.js
@@ -0,0 +1,307 @@
+'use strict';
+
+/**
+ * Controller that displays credit card and other payment information and
+ * lets the user change it.
+ *
+ * @module controllers/PaymentInstruments
+ */
+
+/* API includes */
+var PaymentInstrument = require('dw/order/PaymentInstrument');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var PaymentStatusCodes = require('dw/order/PaymentStatusCodes');
+var Status = require('dw/system/Status');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+
+/* Script Modules */
+var app = require('~/cartridge/scripts/app');
+var guard = require('~/cartridge/scripts/guard');
+var constants = require("*/cartridge/adyenConstants/constants");
+// ### Custom Adyen cartridge start ###
+var AdyenHelper = require('int_adyen_overlay/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('int_adyen_overlay/cartridge/scripts/util/adyenConfigs');
+var adyenSessions = require('int_adyen_overlay/cartridge/scripts/adyenSessions');
+var adyenSaveCreditCard = require("*/cartridge/scripts/adyenSaveCreditCard");
+var AdyenLogs = require("int_adyen_overlay/cartridge/scripts/adyenCustomLogs");
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Displays a list of customer payment instruments.
+ *
+ * Gets customer payment instrument information. Clears the paymentinstruments form and adds the customer
+ * payment information to it. Updates the page metadata.
+ * Renders a list of the saved credit card payment instruments of the current
+ * customer (account/payment/paymentinstrumentlist template).
+ */
+// ### Custom Adyen cartridge start ###
+function list() {
+  // Get the Saved Cards from Adyen to get latest saved cards
+  require('int_adyen_overlay/cartridge/scripts/updateSavedCards').updateSavedCards({
+    CurrentCustomer: customer
+  });
+  var paymentInstruments = getAdyenPaymentInstruments();
+  var pageMeta = require('~/cartridge/scripts/meta');
+  var paymentForm = app.getForm('paymentinstruments');
+  paymentForm.clear();
+  paymentForm.get('creditcards.storedcards').copyFrom(paymentInstruments);
+  pageMeta.update(dw.content.ContentMgr.getContent('myaccount-paymentsettings'));
+  app.getView({
+    PaymentInstruments: paymentInstruments
+  }).render('account/payment/paymentinstrumentlist');
+}
+// ### Custom Adyen cartridge end ##
+
+// ### Custom Adyen cartridge start ##
+function getSessionData() {
+  var sessionsResponse = adyenSessions.createSession(null, customer, '');
+  return {
+    id: sessionsResponse.id,
+    sessionData: sessionsResponse.sessionData
+  };
+}
+// ### Custom Adyen cartridge end ##
+
+/**
+ * Adds a new credit card payment instrument to the saved payment instruments of the current customer.
+ * Sets the ContinueURL to PaymentInstruments-PaymentForm and renders the payment instrument details page
+ * (account/payment/paymentinstrumentdetails template).
+ * __Note:__this function is called by the {@link module:controllers/PaymentInstruments~handlePaymentForm|handlePaymentForm} function.
+ * @param {boolean} clearForm true or missing clears the form before displaying the page, false skips it
+ */
+function add(clearForm) {
+  var paymentForm = app.getForm('paymentinstruments');
+  if (clearForm !== false) {
+    paymentForm.clear();
+  }
+  paymentForm.get('creditcards.newcreditcard.type').setOptions(dw.order.PaymentMgr.getPaymentMethod(dw.order.PaymentInstrument.METHOD_CREDIT_CARD).activePaymentCards.iterator());
+  app.getView({
+    ContinueURL: URLUtils.https('PaymentInstruments-PaymentForm'),
+    SessionData: JSON.stringify(getSessionData())
+  }).render('account/payment/paymentinstrumentdetails');
+}
+
+/**
+ * Form handler for the paymentinstruments form. Handles the following actions:
+ * - __create__ - calls the {@link module:controllers/PaymentInstruments~create|create} function to create a payment instrument
+ * and redirects to {@link module:controllers/PaymentInstruments~list|list}. If the
+ * creation fails, calls the {@link module:controllers/PaymentInstruments~add|add} function with a clearform value of false.
+ * - __error__ - calls the {@link module:controllers/PaymentInstruments~add|add} function with a clearform value of false.
+ */
+function handlePaymentForm() {
+  var paymentForm = app.getForm('paymentinstruments');
+  paymentForm.handleAction({
+    create: function () {
+      if (!create()) {
+        response.redirect(URLUtils.https('PaymentInstruments-List', 'error', 'AuthorisationFailed'));
+        return;
+      } else {
+        response.redirect(URLUtils.https('PaymentInstruments-List'));
+      }
+    },
+    error: function () {
+      add(false);
+    }
+  });
+}
+/**
+ * Saves a  customer credit card payment instrument.
+ * @param {Object} params
+ * @param {dw.customer.CustomerPaymentInstrument} params.PaymentInstrument - credit card object.
+ * @param {dw.web.FormGroup} params.CreditCardFormFields - new credit card form.
+ */
+function save(params) {
+  var saveCustomerCreditCard = require('app_storefront_core/cartridge/scripts/checkout/SaveCustomerCreditCard');
+  var result = saveCustomerCreditCard.save(params);
+  if (result === PIPELET_ERROR) {
+    throw new Error('Problem saving credit card');
+  }
+}
+
+/**
+ * Creates a new payment instrument. Verifies the credit card and checks if it is a duplicate of
+ * a card already in the current customer's payment instruments. In a transaction, the function
+ * attempts to save the credit card to the customer's payment instruments. If a duplicate card was
+ * detected, the original card is removed after the new card is created. If the card cannot be created
+ * successfully, the transaction is rolled back. Whether successful or not, the paymentinstruments
+ * form is cleared.
+ *
+ * @transaction
+ * @return {boolean} true if the credit card can be verified, false otherwise
+ */
+// ### Custom Adyen cartridge start ###
+function create() {
+  if (getAdyenPaymentInstruments()) {
+    return adyenSaveCreditCard.create();
+  }
+  var paymentForm = app.getForm('paymentinstruments');
+  var newCreditCardForm = paymentForm.get('creditcards.newcreditcard');
+  var ccNumber = newCreditCardForm.get('number').value();
+  var wallet = customer.getProfile().getWallet();
+  var paymentInstruments = wallet.getPaymentInstruments(dw.order.PaymentInstrument.METHOD_CREDIT_CARD);
+  if (AdyenConfigs.getAdyenRecurringPaymentsEnabled()) {
+    var createRecurringPaymentAccountResult = AdyenHelper.createRecurringPaymentAccount({
+      Customer: customer
+    });
+    if (createRecurringPaymentAccountResult.error) {
+      return false;
+    }
+    pspReference = 'PspReference' in createRecurringPaymentAccountResult && !empty(createRecurringPaymentAccountResult.PspReference) ? createRecurringPaymentAccountResult.PspReference : '';
+    tokenID = 'TokenID' in createRecurringPaymentAccountResult && !empty(createRecurringPaymentAccountResult.TokenID) ? createRecurringPaymentAccountResult.TokenID : '';
+    try {
+      Transaction.wrap(function () {
+        /*  var  newCreditCard  = customer.getProfile().getWallet().createPaymentInstrument(PaymentInstrument.METHOD_CREDIT_CARD);
+         * //   copy   the   credit   card   details   to   the   payment   instrument
+         * newCreditCard.setCreditCardHolder(
+                    newCreditCard.setCreditCardNumber(
+                    newCreditCard.setCreditCardType(
+                    newCreditCard.setCreditCardToken(tokenID);
+                    newCreditCard.custom.AdyenPspReference  =  pspReference; */
+        require('int_adyen_overlay/cartridge/scripts/updateSavedCards').updateSavedCards({
+          CurrentCustomer: customer,
+          PaymentsMap: createRecurringPaymentAccountResult.PaymentsMap
+        });
+      });
+    } catch (e) {
+      AdyenLogs.error_log(`${e}: ${e.stack}`);
+      return false;
+    }
+    return true;
+  }
+  var isDuplicateCard = false;
+  var oldCard;
+  for (var i = 0; i < paymentInstruments.length; i++) {
+    var card = paymentInstruments[i];
+    if (card.creditCardNumber === ccNumber) {
+      isDuplicateCard = true;
+      oldCard = card;
+      break;
+    }
+  }
+  Transaction.begin();
+  var paymentInstrument = wallet.createPaymentInstrument(dw.order.PaymentInstrument.METHOD_CREDIT_CARD);
+  try {
+    save({
+      PaymentInstrument: paymentInstrument,
+      CreditCardFormFields: newCreditCardForm.object
+    });
+  } catch (err) {
+    Transaction.rollback();
+    return false;
+  }
+  if (isDuplicateCard) {
+    wallet.removePaymentInstrument(oldCard);
+  }
+  Transaction.commit();
+  paymentForm.clear();
+  return true;
+}
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Form handler for the paymentinstruments form. Handles the following actions:
+ * - __remove__ - uses the form and action supplied by the FormModel to remove a customer payment instrument
+ * in a transaction.
+ * - __error__ - does nothing.
+ *
+ * In either case, redirects to the {@link module:controllers/PaymentInstruments~list|List} function.
+ * @transaction
+ * @TODO Should be moved into handlePaymentForm
+ * @FIXME Inner method should be lowercase.error action should do something
+ */
+// ### Custom Adyen cartridge start ###
+function Delete() {
+  var paymentForm = app.getForm('paymentinstruments');
+  paymentForm.handleAction({
+    remove: function (formGroup, action) {
+      Transaction.wrap(function () {
+        var wallet = customer.getProfile().getWallet();
+        var paymentInstrument = action.object;
+        if (!empty(paymentInstrument)) {
+          if (AdyenConfigs.getAdyenRecurringPaymentsEnabled() && !empty(paymentInstrument.getCreditCardToken())) {
+            var result = require('int_adyen_overlay/cartridge/scripts/adyenDeleteRecurringPayment').deleteRecurringPayment({
+              Customer: customer,
+              RecurringDetailReference: paymentInstrument.getCreditCardToken()
+            });
+            if (result == PIPELET_NEXT) {
+              wallet.removePaymentInstrument(paymentInstrument);
+            }
+          } else {
+            wallet.removePaymentInstrument(paymentInstrument);
+          }
+        }
+      });
+    },
+    error: function () {
+      // @TODO When could this happen
+    }
+  });
+  response.redirect(URLUtils.https('PaymentInstruments-List'));
+}
+// ### Custom Adyen cartridge end ###
+
+/*
+ * Private helpers
+ */
+// ### Custom Adyen cartridge start ###
+function getAdyenPaymentInstruments() {
+  var wallet = customer.getProfile().getWallet();
+  return wallet.getPaymentInstruments(constants.METHOD_ADYEN_COMPONENT);
+}
+// ### Custom Adyen cartridge start ###
+
+/**
+ * Verifies if the entered credit card details are valid.
+ *
+ * @returns {boolean} true in case of success, otherwise false.
+ */
+// ### Custom Adyen cartridge start ###
+function verifyCreditCard() {
+  var newCreditCardForm = app.getForm('paymentinstruments.creditcards.newcreditcard');
+  if (getAdyenPaymentInstruments()) {
+    return true;
+  }
+  var expirationMonth = newCreditCardForm.get('expiration.month').value();
+  var expirationYear = newCreditCardForm.get('expiration.year').value();
+  var cardNumber = newCreditCardForm.get('number').value();
+  var paymentCard = PaymentMgr.getPaymentCard(newCreditCardForm.get('type').value());
+  var verifyPaymentCardResult = paymentCard.verify(expirationMonth, expirationYear, cardNumber);
+  if (verifyPaymentCardResult.error === true) {
+    if (!newCreditCardForm.isValid()) {
+      return false;
+    }
+    if (verifyPaymentCardResult.code === Status.OK) {
+      return true;
+    }
+
+    // Invalidate the payment card form elements.
+    for (var i = 0; i < verifyPaymentCardResult.items.length; i++) {
+      if (verifyPaymentCardResult.items[i].code === PaymentStatusCodes.CREDITCARD_INVALID_CARD_NUMBER) {
+        newCreditCardForm.get('number').invalidate();
+      } else if (verifyPaymentCardResult.items[i].code === PaymentStatusCodes.CREDITCARD_INVALID_EXPIRATION_DATE) {
+        newCreditCardForm.get('expiration.month').invalidate();
+        newCreditCardForm.get('expiration.year').invalidate();
+      }
+    }
+    return false;
+  }
+  return true;
+}
+// ### Custom Adyen cartridge end ###
+
+/*
+ * Web exposed methods
+ */
+/** Renders a list of the saved credit card payment instruments of the current customer.
+ * @see module:controllers/PaymentInstruments~list */
+exports.List = guard.ensure(['https', 'get', 'loggedIn'], list);
+/** Adds a new credit card payment instrument to the saved payment instruments of the current customer.
+ * @see module:controllers/PaymentInstruments~add */
+exports.Add = guard.ensure(['https', 'get', 'loggedIn'], add);
+/** Handles the submitted form for creating payment instruments.
+ * @see module:controllers/PaymentInstruments~handlePaymentForm */
+exports.PaymentForm = guard.ensure(['https', 'post', 'loggedIn', 'csrf'], handlePaymentForm);
+/** Deletes a saved credit card payment instrument.
+ * @see module:controllers/PaymentInstruments~Delete */
+exports.Delete = guard.ensure(['https', 'loggedIn'], Delete);
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/package.json b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/package.json
new file mode 100644
index 000000000..a9de38453
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_controllers_changes/package.json
@@ -0,0 +1,3 @@
+{
+   "hooks": "./cartridge/scripts/hooks.json"
+}
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/billing.xml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/billing.xml
new file mode 100644
index 000000000..88f5bfe1d
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/billing.xml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19" secure="false">
+
+	<!-- flag indicating whether this checkout step is fulfilled -->
+	<field formid="fulfilled" type="boolean" default-value="false"/>
+
+	<!-- list of available addresses to select from -->
+	<list formid="addressList">
+
+		<!-- action for actually selecting the address -->
+		<action formid="useThisAddress" valid-form="false"/>
+
+	</list>
+
+	<!-- form for creating and editing billing address -->
+	<group formid="billingAddress" form-error="address.invalid" >
+
+		<!-- use fields from billing address definition -->
+		<include formid="addressFields" name="billingaddress"/>
+
+		<!-- optional flags -->
+		<field formid="addToAddressBook" label="checkout.addtoaddressbook" type="boolean" mandatory="false" />
+		<field formid="addToEmailList" label="checkout.addtoemaillist" type="boolean" mandatory="false" />
+
+		<!-- email field is contained in separate form group to enable binding to customer profile -->
+		<group formid="email">
+
+			<field formid="emailAddress" label="billing.email" type="string" mandatory="true" regexp="^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$" binding="email" max-length="50" missing-error="address.email.invalid" range-error="address.email.invalid" parse-error="address.email.invalid" value-error="address.email.invalid"/>
+
+		</group>
+
+	</group>
+
+	<!-- form for handling payment method selection -->
+	<group formid="paymentMethods">
+
+		<!--
+			the selected payment method, e.g. "CREDIT_CARD" or "PayPal", this field is
+			used to transport the payment method selection; validations then can be
+			made on the proper form group which defines the actual payment method attributes
+		-->
+		<field formid="selectedPaymentMethodID" type="string" default-value="AdyenComponent">
+			<options optionid-binding="ID" value-binding="ID" label-binding="name"/>
+		</field>
+
+		<!-- list of available credit cards to select from -->
+		<list formid="creditCardList">
+
+			<!-- action for actually selecting the credit card -->
+			<action formid="useThisCreditCard" valid-form="false"/>
+
+		</list>
+
+
+		<!-- fields for CreditCard selection -->
+		<include formid="creditCard" name="creditcard"/>
+
+		<!-- fields for BML selection -->
+		<include formid="bml" name="bml"/>
+
+	</group>
+	<field formid="couponCode" label="billingcoupon.couponenter" type="string" mandatory="false" missing-error="billingcoupon.couponinvalid" value-error="billingcoupon.couponinvalid" />
+
+	<!-- gift cert code entry -->
+	<field formid="giftCertCode" label="billinggiftcert.giftcertlabel" type="string" mandatory="false" missing-error="billinggiftcert.giftcertinvalid" value-error="billinggiftcert.giftcertinvalid" />
+
+	<action formid="redeemGiftCert" valid-form="false"/>
+	<action formid="checkBalance" valid-form="false"/>
+	<!-- general actions -->
+
+	<action formid="selectAddress" valid-form="false"/>
+	<action formid="creditCardSelect" valid-form="false"/>
+	<action formid="paymentSelect" valid-form="false"/>
+	<action formid="applyCoupon" valid-form="false"/>
+	<action formid="save" valid-form="false"/>
+
+</form>
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/creditcard.xml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/creditcard.xml
new file mode 100644
index 000000000..69198b20a
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/forms/default/creditcard.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+
+    <!-- field for credit card type -->
+    <field formid="type" label="creditcard.type" type="string" mandatory="true" binding="creditCardType"
+        missing-error="creditcard.typemissing">
+        <options optionid-binding="cardType" value-binding="cardType" label-binding="name"/>
+    </field>
+
+	<!-- field for credit card number -->
+    <field formid="number" label="creditcard.number" type="string" mandatory="true" masked="4" max-length="16"
+	    description="creditcard.numberexample" binding="creditCardNumber"
+	    missing-error="creditcard.numbermissingerror" value-error="creditcard.numbervalueerror"/>
+	    
+	<group formid="expiration"> 
+		<!-- field for credit card expiration month -->
+	    <field formid="month" label="resource.month" type="integer" mandatory="true" binding="creditCardExpirationMonth"
+	      	missing-error="creditcard.monthmissingerror" value-error="creditcard.yearvalueerror">
+	        <options>
+	            <option label="month.january" 	value="01"/>
+	            <option label="month.february" 	value="02"/>
+	            <option label="month.march" 	value="03"/>
+	            <option label="month.april" 	value="04"/>
+	            <option label="month.may" 		value="05"/>
+	            <option label="month.june" 		value="06"/>
+	            <option label="month.july" 		value="07"/>
+	            <option label="month.august" 	value="08"/>
+	            <option label="month.september" value="09"/>
+	            <option label="month.october"   value="10"/>
+	            <option label="month.november"  value="11"/>
+	            <option label="month.december"  value="12"/>
+	        </options>
+	    </field>
+	
+		<!-- 
+			field for credit card expiration year; 
+			a value error (credit card is expired is only displayed for this field) 
+		-->
+	    <field formid="year" label="resource.year" type="integer" mandatory="true" binding="creditCardExpirationYear"
+	      	missing-error="creditcard.yearmissingerror">
+	        <options>
+	            <option optionid="2016" label="year.2016" value="2016"/>
+	            <option optionid="2017" label="year.2017" value="2017"/>
+	            <option optionid="2018" label="year.2018" value="2018"/>
+	            <option optionid="2019" label="year.2019" value="2019"/>
+	            <option optionid="2020" label="year.2020" value="2020"/>
+	            <option optionid="2021" label="year.2021" value="2021"/>
+	            <option optionid="2022" label="year.2022" value="2022"/>            
+	        </options>
+	    </field>
+	</group>
+
+	<!-- field for credit card owner -->
+    <field formid="owner" label="creditcard.ownerlabel" type="string" mandatory="true" max-length="40" binding="creditCardHolder"
+     	missing-error="creditcard.ownermissingerror"/>
+
+	<field formid="adyenEncryptedCardNumber" type="string" mandatory="false" binding="adyenEncryptedCardNumber"/>
+	<field formid="adyenEncryptedExpiryMonth" type="string" mandatory="false" binding="adyenEncryptedExpiryMonth"/>
+	<field formid="adyenEncryptedExpiryYear" type="string" mandatory="false" binding="adyenEncryptedExpiryYear"/>
+	<field formid="adyenEncryptedSecurityCode" type="string" mandatory="false" binding="adyenEncryptedSecurityCode"/>
+	<field formid="browserInfo" type="string" mandatory="false" binding="browserInfo"/>
+	<!-- field for credit card security code -->
+    <field formid="cvn" label="creditcard.cvnlabel" type="string" mandatory="true" masked="0"
+     	missing-error="creditcard.cvnmissingerror" value-error="creditcard.cvnrangeerror"/>
+ 
+	<!-- optional flags -->
+	<field formid="saveCard" label="creditcard.savecard" type="boolean" mandatory="false" default-value="true" />
+	<!-- field for credit card recurring payments / tokenization -->
+	<field formid="selectedCardID" mandatory="false" type="string"/>
+
+	<!-- confirm action to save the card details -->
+    <action formid="confirm" valid-form="true"/>
+
+</form>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/scripts/util/Resource.ds b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/scripts/util/Resource.ds
new file mode 100644
index 000000000..b360d2ce6
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/scripts/util/Resource.ds
@@ -0,0 +1,253 @@
+/**
+ * Resource helper
+ *
+ */
+var Currency = require('dw/util/Currency');
+var Site = require('dw/system/Site');
+var ContentMgr = require('dw/content/ContentMgr');
+var ProductAvailabilityModel = require('dw/catalog/ProductAvailabilityModel');
+
+/* Script Modules */
+var AdyenHelper = require ("int_adyen_overlay/cartridge/scripts/util/adyenHelper");
+
+function ResourceHelper() {}
+/**
+ * Get the client-side constants
+ * @param pageContext
+ * @returns {Object} An objects key key-value pairs holding the constants
+ */
+ResourceHelper.getConstants = function(pageContext) {
+    return {
+        AVAIL_STATUS_IN_STOCK         : ProductAvailabilityModel.AVAILABILITY_STATUS_IN_STOCK,
+        AVAIL_STATUS_PREORDER         : ProductAvailabilityModel.AVAILABILITY_STATUS_PREORDER,
+        AVAIL_STATUS_BACKORDER         : ProductAvailabilityModel.AVAILABILITY_STATUS_BACKORDER,
+        AVAIL_STATUS_NOT_AVAILABLE     : ProductAvailabilityModel.AVAILABILITY_STATUS_NOT_AVAILABLE
+    };
+}
+/**
+ * Get the client-side resources of a given page
+ * @param pageContext
+ * @returns {Object} An objects key key-value pairs holding the resources
+ */
+ResourceHelper.getResources = function(pageContext) {
+    var Resource = require('dw/web/Resource');
+
+    // application resources
+    var resources = {
+        // Common
+        I_AGREE                           : Resource.msg('global.i_agree', 'locale', null),
+        TRACKING_CONSENT                  : Resource.msg('global.tracking_consent', 'locale', null),
+        TRACKING_NO_CONSENT               : Resource.msg('global.tracking_no_consent', 'locale', null),
+        CLOSE                             : Resource.msg('global.close', 'locale', null),
+        NO_THANKS                         : Resource.msg('global.nothanks', 'locale', null),
+        OK                                : Resource.msg('global.ok', 'locale', null),
+        ARE_YOU_HUMAN                     : Resource.msg('global.captcha.areyouhuman', 'locale', null),
+
+        // Checkout
+        SHIP_QualifiesFor                 : Resource.msg('shipment.qualifiesfor', 'checkout', null),
+        CC_LOAD_ERROR                     : Resource.msg('billing.creditcardloaderror', 'checkout', null),
+        COULD_NOT_SAVE_ADDRESS            : Resource.msg('multishippingaddresses.couldnotsaveaddress', 'checkout', null),
+
+        // Registry resources
+        REG_ADDR_ERROR                    : Resource.msg('global.couldntloadaddress', 'locale', null),
+
+         // bonus products messages
+        BONUS_PRODUCT                     : Resource.msg('product.bonusproduct', 'product', null),
+        BONUS_PRODUCTS                    : Resource.msg('product.bonusproducts', 'product', null),
+        SELECT_BONUS_PRODUCTS             : Resource.msg('product.selectbonusproducts', 'product', null),
+        SELECT_BONUS_PRODUCT              : Resource.msg('product.selectbonusproduct', 'product', null),
+        BONUS_PRODUCT_MAX                 : Resource.msg('product.bonusproductsmax', 'product', null),
+        BONUS_PRODUCT_TOOMANY             : Resource.msg('product.bonusproductstoomany', 'product', null),
+        SIMPLE_SEARCH                     : Resource.msg('simplesearch.searchtext', 'search', null),
+        SUBSCRIBE_EMAIL_DEFAULT           : Resource.msg('subscribe.email.default', 'forms', 'Email Address'),
+
+        CURRENCY_SYMBOL                   : Currency.getCurrency(Site.current.getDefaultCurrency()).symbol,
+        MISSINGVAL                        : Resource.msg('global.missingval', 'locale', null),
+        SERVER_ERROR                      : Resource.msg('global.servererror', 'locale', null),
+        MISSING_LIB                       : Resource.msg('global.missinglib', 'locale', null),
+        BAD_RESPONSE                      : Resource.msg('global.badresponse', 'locale', null),
+        INVALID_PHONE                     : Resource.msg('global.invalidphone', 'locale', null),
+        REMOVE                            : Resource.msg('global.remove', 'locale', null),
+        QTY                               : Resource.msg('global.qty', 'locale', null),
+        EMPTY_IMG_ALT                     : Resource.msg('global.remove', 'locale', null),
+        COMPARE_BUTTON_LABEL              : Resource.msg('productcomparewidget.compareitemsbutton', 'search', null),
+        COMPARE_CONFIRMATION              : Resource.msg('productcomparewidget.maxproducts', 'search', null),
+        COMPARE_REMOVE_FAIL               : Resource.msg('productcomparewidget.removefail', 'search', null),
+        COMPARE_ADD_FAIL                  : Resource.msg('productcomparewidget.addfail', 'search', null),
+        ADD_TO_CART_FAIL                  : Resource.msg('cart.unableToAdd', 'checkout', null),
+        REGISTRY_SEARCH_ADVANCED_CLOSE    : Resource.msg('account.giftregistry.closeadvanced', 'account', null),
+        GIFT_CERT_INVALID                 : Resource.msg('billing.giftcertinvalid', 'checkout', null),
+        GIFT_CERT_BALANCE                 : Resource.msg('billing.giftcertbalance', 'checkout', null),
+        GIFT_CERT_AMOUNT_INVALID          : Resource.msg('giftcert.amountvalueerror', 'forms', null),
+        GIFT_CERT_MISSING                 : Resource.msg('billing.giftcertidmissing', 'checkout', null),
+        INVALID_OWNER                     : Resource.msg('billing.ownerparseerror', 'checkout', null),
+        COUPON_CODE_MISSING               : Resource.msg('cart.COUPON_CODE_MISSING', 'checkout',  null),
+        COOKIES_DISABLED                  : Resource.msg('global.browsertoolscheck.cookies', 'locale', null),
+        BML_AGREE_TO_TERMS                : Resource.msg('bml.termserror', 'forms', null),
+        CHAR_LIMIT_MSG                    : Resource.msg('character.limit', 'forms', null),
+        CONFIRM_DELETE                    : Resource.msg('confirm.delete', 'forms', null),
+        TITLE_GIFTREGISTRY                : Resource.msg('title.giftregistry', 'forms', null),
+        TITLE_ADDRESS                     : Resource.msg('title.address', 'forms', null),
+        TITLE_CREDITCARD                  : Resource.msg('title.creditcard', 'forms', null),
+        SERVER_CONNECTION_ERROR           : Resource.msg('global.serverconnection', 'locale', 'Server connection failed!'),
+        IN_STOCK_DATE                     : Resource.msg('global.inStockDate', 'locale', null),
+        ITEM_STATUS_NOTAVAILABLE          : Resource.msg('global.allnotavailable', 'locale', null),
+        INIFINITESCROLL                   : Resource.msg('paginginformation.infinite-scroll', 'search', null),
+        STORE_NEAR_YOU                    : Resource.msg('storelist.lightbox.whatsavailable', 'storepickup', 'What\'s available at a store near you'),
+        SELECT_STORE                      : Resource.msg('storelist.lightbox.selectstore', 'storepickup', null),
+        SELECTED_STORE                    : Resource.msg('storelist.lightbox.selectedstore', 'storepickup', null),
+        PREFERRED_STORE                   : Resource.msg('storelist.lightbox.preferredstore', 'storepickup', null),
+        SET_PREFERRED_STORE               : Resource.msg('storelist.lightbox.setpreferredstore', 'storepickup', null),
+        ENTER_ZIP                         : Resource.msg('storelist.lightbox.enterzip', 'storepickup', null),
+        INVALID_ZIP                       : Resource.msg('storelist.lightbox.invalidpostalcode', 'storepickup', null),
+        SEARCH                            : Resource.msg('global.search', 'locale', null),
+        CHANGE_LOCATION                   : Resource.msg('storelist.lightbox.changelocation', 'storepickup', null),
+        CONTINUE_WITH_STORE               : Resource.msg('storelist.lightbox.continuewithstore', 'storepickup', null),
+        CONTINUE                          : Resource.msg('global.continue', 'locale', null),
+        SEE_MORE                          : Resource.msg('storelist.lightbox.seemore', 'storepickup', null),
+        SEE_LESS                          : Resource.msg('storelist.lightbox.seeless', 'storepickup', null),
+        QUICK_VIEW                        : Resource.msg('product.quickview', 'product', null),
+        QUICK_VIEW_POPUP                  : Resource.msg('product.quickview.popup', 'product', null),
+        TLS_WARNING                       : Resource.msg('global.browsertoolscheck.tls', 'locale', null),
+        CSRF_TOKEN_MISMATCH               : Resource.msg('global.csrf.failed.error', 'locale', null),
+
+        // Validation messages
+        VALIDATE_REQUIRED                 : Resource.msg('validate.required', 'forms', null),
+        VALIDATE_REMOTE                   : Resource.msg('validate.remote', 'forms', null),
+        VALIDATE_EMAIL                    : Resource.msg('validate.email', 'forms', null),
+        VALIDATE_URL                      : Resource.msg('validate.url', 'forms', null),
+        VALIDATE_DATE                     : Resource.msg('validate.date', 'forms', null),
+        VALIDATE_DATEISO                  : Resource.msg('validate.dateISO', 'forms', null),
+        VALIDATE_NUMBER                   : Resource.msg('validate.number', 'forms', null),
+        VALIDATE_DIGITS                   : Resource.msg('validate.digits', 'forms', null),
+        VALIDATE_CREDITCARD               : Resource.msg('validate.creditcard', 'forms', null),
+        VALIDATE_EQUALTO                  : Resource.msg('validate.equalTo', 'forms', null),
+        VALIDATE_MAXLENGTH                : Resource.msg('validate.maxlength', 'forms', null),
+        VALIDATE_MINLENGTH                : Resource.msg('validate.minlength', 'forms', null),
+        VALIDATE_RANGELENGTH              : Resource.msg('validate.rangelength', 'forms', null),
+        VALIDATE_RANGE                    : Resource.msg('validate.range', 'forms', null),
+        VALIDATE_MAX                      : Resource.msg('validate.max', 'forms', null),
+        VALIDATE_MIN                      : Resource.msg('validate.min', 'forms', null),
+        ADYEN_CC_VALIDATE : Resource.msg('adyen.creditcard', 'adyen', null)
+
+    };
+
+    // additional resources
+    resources[ProductAvailabilityModel.AVAILABILITY_STATUS_IN_STOCK] = Resource.msg('global.instock', 'locale', null);
+    resources["QTY_" + ProductAvailabilityModel.AVAILABILITY_STATUS_IN_STOCK] = Resource.msg('global.quantityinstock', 'locale', null);
+    resources[ProductAvailabilityModel.AVAILABILITY_STATUS_PREORDER] = Resource.msg('global.allpreorder', 'locale', null);
+    resources["QTY_" + ProductAvailabilityModel.AVAILABILITY_STATUS_PREORDER] = Resource.msg('global.quantitypreorder', 'locale', null);
+    resources["REMAIN_" + ProductAvailabilityModel.AVAILABILITY_STATUS_PREORDER] = Resource.msg('global.remainingpreorder', 'locale', null);
+    resources[ProductAvailabilityModel.AVAILABILITY_STATUS_BACKORDER] = Resource.msg('global.allbackorder', 'locale', null);
+    resources["QTY_" + ProductAvailabilityModel.AVAILABILITY_STATUS_BACKORDER] = Resource.msg('global.quantitybackorder', 'locale', null);
+    resources["REMAIN_" + ProductAvailabilityModel.AVAILABILITY_STATUS_BACKORDER] = Resource.msg('global.remainingbackorder', 'locale', null);
+    resources[ProductAvailabilityModel.AVAILABILITY_STATUS_NOT_AVAILABLE] = Resource.msg('global.allnotavailable', 'locale', null);
+    resources["REMAIN_" + ProductAvailabilityModel.AVAILABILITY_STATUS_NOT_AVAILABLE] = Resource.msg('global.remainingnotavailable', 'locale', null);
+
+    return resources;
+}
+
+/**
+ * Get the client-side URLs of a given page
+ * @returns {Object} An objects key key-value pairs holding the URLs
+ */
+ResourceHelper.getUrls = function(pageContext) {
+    var URLUtils = require('dw/web/URLUtils');
+    var Resource = require('dw/web/Resource');
+
+    // application urls
+    var urls =  {
+        appResources                : URLUtils.url('Resources-Load').toString(),
+        pageInclude                 : URLUtils.url('Page-Include').toString(),
+        continueUrl                 : request.isHttpSecure() ? URLUtils.httpsContinue().toString() : URLUtils.httpContinue().toString(),
+        staticPath                  : URLUtils.staticURL("/").toString(),
+        addGiftCert                 : URLUtils.url('GiftCert-Purchase').toString(),
+        minicartGC                  : URLUtils.url('GiftCert-ShowMiniCart').toString(),
+        addProduct                  : URLUtils.url('Cart-AddProduct').toString(),
+        minicart                    : URLUtils.url('Cart-MiniAddProduct').toString(),
+        cartShow                    : URLUtils.url('Cart-Show').toString(),
+        giftRegAdd                  : URLUtils.https('Address-GetAddressDetails', 'addressID', '').toString(),
+        paymentsList                : URLUtils.https('PaymentInstruments-List').toString(),
+        addressesList               : URLUtils.https('Address-List').toString(),
+        wishlistAddress             : URLUtils.https('Wishlist-SetShippingAddress').toString(),
+        deleteAddress               : URLUtils.url('Address-Delete').toString(),
+        getProductUrl               : URLUtils.url('Product-Show').toString(),
+        getBonusProducts            : URLUtils.url('Product-GetBonusProducts').toString(),
+        addBonusProduct             : URLUtils.url('Cart-AddBonusProduct').toString(),
+        getSetItem                  : URLUtils.url('Product-GetSetItem').toString(),
+        productDetail               : URLUtils.url('Product-Detail').toString(),
+        getAvailability             : URLUtils.url('Product-GetAvailability').toString(),
+        removeImg                   : URLUtils.staticURL('/images/icon_remove.gif').toString(),
+        searchsuggest               : URLUtils.url('Search-GetSuggestions').toString(),
+        productNav                  : URLUtils.url('Product-Productnav').toString(),
+        summaryRefreshURL           : URLUtils.url('COBilling-UpdateSummary').toString(),
+        billingSelectCC             : URLUtils.https('COBilling-SelectCreditCard').toString(),
+        updateAddressDetails        : URLUtils.https('COShipping-UpdateAddressDetails').toString(),
+        updateAddressDetailsBilling : URLUtils.https('COBilling-UpdateAddressDetails').toString(),
+        shippingMethodsJSON         : URLUtils.https('COShipping-GetApplicableShippingMethodsJSON').toString(),
+        shippingMethodsList         : URLUtils.https('COShipping-UpdateShippingMethodList').toString(),
+        selectShippingMethodsList   : URLUtils.https('COShipping-SelectShippingMethod').toString(),
+        resetPaymentForms           : URLUtils.url('COBilling-ResetPaymentForms').toString(),
+        compareShow                 : URLUtils.url('Compare-Show').toString(),
+        compareAdd                  : URLUtils.url('Compare-AddProduct').toString(),
+        compareRemove               : URLUtils.url('Compare-RemoveProduct').toString(),
+        compareEmptyImage           : URLUtils.staticURL('/images/comparewidgetempty.png').toString(),
+        giftCardCheckBalance        : URLUtils.https('COBilling-GetGiftCertificateBalance').toString(),
+        redeemGiftCert              : URLUtils.https('COBilling-RedeemGiftCertificateJson').toString(),
+        addCoupon                   : URLUtils.https('Cart-AddCouponJson').toString(),
+        storesInventory             : URLUtils.url('StoreInventory-Inventory').toString(),
+        setPreferredStore           : URLUtils.url('StoreInventory-SetPreferredStore').toString(),
+        getPreferredStore           : URLUtils.url('StoreInventory-GetPreferredStore').toString(),
+        setStorePickup              : URLUtils.url('StoreInventory-SetStore').toString(),
+        setZipCode                  : URLUtils.url('StoreInventory-SetZipCode').toString(),
+        getZipCode                  : URLUtils.url('StoreInventory-GetZipCode').toString(),
+        billing                     : URLUtils.url('COBilling-Start').toString(),
+        setSessionCurrency          : URLUtils.url('Currency-SetSessionCurrency').toString(),
+        addEditAddress              : URLUtils.url('COShippingMultiple-AddEditAddressJSON').toString(),
+        cookieHint                  : URLUtils.url('Page-Show', 'cid', 'cookie_hint').toString(),
+        consentTracking             : URLUtils.url('Page-Show', 'cid', 'consent_tracking_hint').toString(),
+        consentTrackingSetSession   : URLUtils.url('Account-ConsentTracking').toString(),
+        rateLimiterReset            : URLUtils.url('RateLimiter-HideCaptcha').toString(),
+        csrffailed                  : URLUtils.url('CSRF-Failed').toString()
+    };
+    return urls;
+}
+/**
+ * Get the client-side preferences of a given page
+ * @returns {Object} An objects key key-value pairs holding the preferences
+ */
+ResourceHelper.getPreferences = function(pageContext) {
+    var cookieHintAsset = ContentMgr.getContent('cookie_hint');
+    var consentTrackingHintAsset = ContentMgr.getContent('consent_tracking_hint');
+    return {
+        LISTING_INFINITE_SCROLL: (Site.getCurrent().getCustomPreferenceValue('enableInfiniteScroll') ? true : false),
+        LISTING_REFINE_SORT: true,
+        STORE_PICKUP: Site.getCurrent().getCustomPreferenceValue('enableStorePickUp'),
+        COOKIE_HINT: (cookieHintAsset && cookieHintAsset.online) || false,
+        CONSENT_TRACKING_HINT: (consentTrackingHintAsset && consentTrackingHintAsset.online) || false,
+        CHECK_TLS: Site.getCurrent().getCustomPreferenceValue('checkTLS'),
+        ADYEN_SF_ENABLED : dw.order.PaymentMgr.getPaymentMethod('AdyenComponent').isActive()
+        || (dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD') && ['Adyen_Component', 'ADYEN_CREDIT'].indexOf(dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD').getPaymentProcessor().getID()) > -1)
+    };
+}
+/**
+ * Get the client-side preferences of a given page
+ * @returns {Object} An objects key key-value pairs holding the preferences
+ */
+ResourceHelper.getSessionAttributes = function(pageContext) {
+    return {
+        SHOW_CAPTCHA: session.privacy.showCaptcha
+    };
+}
+/**
+ * Get the client-side user settings
+ * @returns {Object} An objects key key-value pairs holding the settings
+ */
+ResourceHelper.getUserSettings = function(pageContext) {
+    var ProductAvailabilityModel = require('dw/catalog/ProductAvailabilityModel');
+    var AdyenHelper = require ("int_adyen_overlay/cartridge/scripts/util/adyenHelper");
+    return {
+        zip: session.custom.zipcode == "null" ? null : session.custom.zipcode,
+        storeId: session.custom.storeId == "null" ? null : session.custom.storeId
+    };
+}
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js
new file mode 100644
index 000000000..f4f220cf1
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js
@@ -0,0 +1,11072 @@
+(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a;}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r);},p,p.exports,r,e,n,t);}return n[i].exports;}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o;}return r;})()({1:[function(require,module,exports){require('./adyen-giving');require('./amazon');require('./summary');var qrCodeMethods=['swish','wechatpayQR','bcmc_mobile','pix'];var installmentLocales=['pt_BR','ja_JP','tr_TR','es_MX'];var maskedCardNumber;var MASKED_CC_PREFIX='************';var selectedMethod;var componentsObj={};var checkoutConfiguration;var sessionsResponse;var paymentMethodsResponse;var checkout;var formErrorsExist;var isValid;var paypalTerminatedEarly=false;/**
+ * @function
+ * @description Initializes Adyen Secured Fields  Billing events
+ */async function initializeBillingEvents(){$('#billing-submit').on('click',function(){var isAdyenPOS=document.querySelector('.payment-method-options :checked').value==='AdyenPOS';var isAdyen=document.querySelector('.payment-method-options :checked').value==='AdyenComponent';if(isAdyenPOS){document.querySelector('#dwfrm_adyPaydata_terminalId').value=document.querySelector('#terminalList').value;return true;}if(isAdyen){var adyenPaymentMethod=document.querySelector('#adyenPaymentMethodName');var paymentMethodLabel=document.querySelector(`#lb_${selectedMethod}`).innerHTML;adyenPaymentMethod.value=paymentMethodLabel;validateComponents();return showValidation();}});if(window.sessionsResponse){sessionsResponse=window.sessionsResponse;checkoutConfiguration=window.Configuration;checkoutConfiguration.onChange=function(state/* , component */){var type=state.data.paymentMethod.type;if(selectedMethod==="googlepay"&&type==="paywithgoogle"){type="googlepay";}isValid=state.isValid;if(!componentsObj[type]){componentsObj[type]={};}componentsObj[type].isValid=isValid;componentsObj[type].stateData=state.data;};checkoutConfiguration.showPayButton=false;checkoutConfiguration.paymentMethodsConfiguration={card:getCardConfig(),storedCard:getCardConfig(),boletobancario:{personalDetailsRequired:true,// turn personalDetails section on/off
+billingAddressRequired:false,// turn billingAddress section on/off
+showEmailAddress:false// allow shopper to specify their email address
+},paywithgoogle:getGooglePayConfig(),googlepay:getGooglePayConfig(),paypal:{environment:window.Configuration.environment,showPayButton:true,onClick:(data,actions)=>{if(paypalTerminatedEarly){paymentFromComponent({cancelTransaction:true,merchantReference:document.querySelector('#merchantReference').value});paypalTerminatedEarly=false;return actions.resolve();}paypalTerminatedEarly=true;$('#dwfrm_billing').trigger('submit');if(formErrorsExist){paypalTerminatedEarly=false;return actions.reject();}},onSubmit:(state,component)=>{assignPaymentMethodValue();paymentFromComponent(state.data,component);document.querySelector('#adyenStateData').value=JSON.stringify(state.data);},onCancel:(data,component)=>{paypalTerminatedEarly=false;paymentFromComponent({cancelTransaction:true,merchantReference:document.querySelector('#merchantReference').value},component);},onError:(/* error, component */)=>{paypalTerminatedEarly=false;$('#dwfrm_billing').trigger('submit');},onAdditionalDetails:(state/* , component */)=>{paypalTerminatedEarly=false;document.querySelector('#paymentFromComponentStateData').value=JSON.stringify(state.data);$('#dwfrm_billing').trigger('submit');}},mbway:{showPayButton:true,onSubmit:(state,component)=>{$('#dwfrm_billing').trigger('submit');assignPaymentMethodValue();if(formErrorsExist){return false;}document.getElementById('component_mbway').querySelector('button').disabled=true;paymentFromComponent(state.data,component);document.querySelector('#adyenStateData').value=JSON.stringify(state.data);},onError:(/* error, component */)=>{$('#dwfrm_billing').trigger('submit');},onAdditionalDetails:(state/* , component */)=>{document.querySelector('#paymentFromComponentStateData').value=JSON.stringify(state.data);$('#dwfrm_billing').trigger('submit');}},swish:getQRCodeConfig(),bcmc_mobile:getQRCodeConfig(),wechatpayQR:getQRCodeConfig(),pix:getQRCodeConfig(),amazonpay:getAmazonpayConfig()};if(window.googleMerchantID!=='null'&&window.Configuration.environment==='live'){checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration.merchantIdentifier=window.googleMerchantID;checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration.merchantIdentifier=window.googleMerchantID;}if(window.cardholderNameBool!=='null'){checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName=true;checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired=true;}checkoutConfiguration.session={id:window.sessionsResponse.id,sessionData:window.sessionsResponse.sessionData};checkout=await AdyenCheckout(checkoutConfiguration);paymentMethodsResponse=checkout.paymentMethodsResponse;document.querySelector('#paymentMethodsList').innerHTML='';renderGenericComponent();}}function zeroAuth(data,checkout){$.ajax({url:window.zeroAuthURL,type:'POST',contentType:'application/; charset=utf-8',data:JSON.stringify(data),async:false,success:function(data){if(data.zeroAuthResult.action){document.querySelector('#buttonsContainer').style.display='none';checkout.createFromAction(data.zeroAuthResult.action).mount('#newCard');}if(data.zeroAuthResult.resultCode==='Authorised'){window.location.href=window.paymentInstrumentsList;}else if(data.zeroAuthResult.resultCode==='Refused'){window.location.href=window.paymentInstrumentsListError;}}});}function paymentsDetails(state){$.ajax({type:'post',url:window.paymentsDetails,data:JSON.stringify({data:state.data}),contentType:'application/; charset=utf-8',async:false,success(data){if(data.response.isSuccessful){window.location.href=window.paymentInstrumentsList;}else if(!data.response.isFinal&&typeof data.response.action==='object'){checkout.createFromAction(data.action).mount('#action-container');}else{window.location.href=window.paymentInstrumentsListError;}}});}/**
+ * @function
+ * @description Initializes Adyen Checkout My Account events
+ */async function initializeAccountEvents(){checkoutConfiguration=window.Configuration;checkoutConfiguration.onAdditionalDetails=function(state){paymentsDetails(state);};checkoutConfiguration.session=window.sessionData;checkout=await AdyenCheckout(checkoutConfiguration);var newCard=document.getElementById('newCard');var adyenStateData;var isValid=false;var node=checkout.create('card',{hasHolderName:true,holderNameRequired:true,onChange:function(state){adyenStateData=state.data;isValid=state.isValid;}}).mount(newCard);$('#applyBtn').on('click',function(e){e.preventDefault();if(!isValid){node.showValidation();return false;}document.querySelector('#adyenStateData').value=JSON.stringify(adyenStateData);zeroAuth(adyenStateData,checkout);});}function assignPaymentMethodValue(){var adyenPaymentMethod=document.querySelector('#adyenPaymentMethodName');adyenPaymentMethod.value=document.querySelector(`#lb_${selectedMethod}`).innerHTML;}/**
+ * To avoid re-rendering components twice, unmounts existing components from payment methods list
+ */function unmountComponents(){var promises=Object.entries(componentsObj).map(function([key,val]){delete componentsObj[key];return resolveUnmount(key,val);});return Promise.all(promises);}function resolveUnmount(key,val){try{return Promise.resolve(val.node.unmount(`component_${key}`));}catch(e){// try/catch block for val.unmount
+return Promise.resolve(false);}}function displaySelectedMethod(type){selectedMethod=type;resetPaymentMethod();if(['paypal','paywithgoogle','googlepay','mbway','amazonpay',...qrCodeMethods].indexOf(type)>-1){document.querySelector('#billing-submit').disabled=true;}else{document.querySelector('#billing-submit').disabled=false;}document.querySelector(`#component_${type}`).setAttribute('style','display:block');}function resetPaymentMethod(){$('.additionalFields').hide();}function showValidation(){if(componentsObj[selectedMethod]&&!componentsObj[selectedMethod].isValid){componentsObj[selectedMethod].node.showValidation();return false;}return true;}/**
+ * Assigns stateData value to the hidden stateData input field
+ * so it's sent to the backend for processing
+ */function validateComponents(){var stateData;if(componentsObj[selectedMethod]&&componentsObj[selectedMethod].stateData){stateData=componentsObj[selectedMethod].stateData;}else{var type=document.querySelector(`#component_${selectedMethod} .type`)?document.querySelector(`#component_${selectedMethod} .type`).value:selectedMethod;stateData={paymentMethod:{type:type}};var brandElm=document.querySelector(`#component_${selectedMethod} .brand`);if(brandElm&&brandElm.value){stateData.paymentMethod.brand=brandElm.value;}}document.querySelector('#adyenStateData').value=JSON.stringify(stateData);}/**
+ * Contains fallback components for payment methods that don't have an Adyen web component yet
+ */function getFallback(paymentMethod){var fallback={giftcard:`
+      <input type="hidden" class="brand" name="brand" value="${paymentMethod.brand}"/>
+      <input type="hidden" class="type" name="type" value="${paymentMethod.type}"/>`};return fallback[paymentMethod.type];}/**
+ * Renders all payment methods (including card component) retrieved from Adyen session
+ */async function renderGenericComponent(){if(Object.keys(componentsObj).length){await unmountComponents();}checkoutConfiguration.paymentMethodsResponse=paymentMethodsResponse.paymentMethods;if(sessionsResponse.amount){checkoutConfiguration.amount=sessionsResponse.amount;checkoutConfiguration.paymentMethodsConfiguration.paypal.amount=sessionsResponse.amount;checkoutConfiguration.paymentMethodsConfiguration.amazonpay.amount=sessionsResponse.amount;setInstallments(sessionsResponse.amount);}if(sessionsResponse.countryCode){checkoutConfiguration.countryCode=sessionsResponse.countryCode;}var amazonpay=paymentMethodsResponse.paymentMethods.find(paymentMethod=>paymentMethod.type==='amazonpay');if(amazonpay){checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration=amazonpay.configuration;}if(paymentMethodsResponse.storedPaymentMethods){for(var i=0;i<checkout.paymentMethodsResponse.storedPaymentMethods.length;i++){var paymentMethod=checkout.paymentMethodsResponse.storedPaymentMethods[i];if(paymentMethod.supportedShopperInteractions.includes('Ecommerce')){renderPaymentMethod(paymentMethod,true,sessionsResponse.imagePath);}}}paymentMethodsResponse.paymentMethods.forEach(pm=>{renderPaymentMethod(pm,false,sessionsResponse.imagePath);});var firstPaymentMethod=document.querySelector('input[type=radio][name=brandCode]');firstPaymentMethod.checked=true;displaySelectedMethod(firstPaymentMethod.value);}function getPaymentMethodID(isStored,paymentMethod){if(isStored){return`storedCard${paymentMethod.id}`;}if(paymentMethod.brand){// gift cards all share the same type. Brand is used to differentiate between them
+return`${paymentMethod.type}_${paymentMethod.brand}`;}return paymentMethod.type;}function renderPaymentMethod(paymentMethod,storedPaymentMethodBool,path){var paymentMethodsUI=document.querySelector('#paymentMethodsList');var li=document.createElement('li');var paymentMethodID=getPaymentMethodID(storedPaymentMethodBool,paymentMethod);var isSchemeNotStored=paymentMethod.type==='scheme'&&!storedPaymentMethodBool;var paymentMethodImage=storedPaymentMethodBool?`${path}${paymentMethod.brand}.png`:`${path}${paymentMethod.type}.png`;var cardImage=`${path}card.png`;var imagePath=isSchemeNotStored?cardImage:paymentMethodImage;var label=storedPaymentMethodBool?`${paymentMethod.name} ${MASKED_CC_PREFIX}${paymentMethod.lastFour}`:`${paymentMethod.name}`;var liContents=`
+                              <input name="brandCode" type="radio" value="${paymentMethodID}" id="rb_${paymentMethodID}">
+                              <img class="paymentMethod_img" src="${imagePath}" ></img>
+                              <label id="lb_${paymentMethodID}" for="rb_${paymentMethodID}" style="float: none; width: 100%; display: inline; text-align: inherit">${label}</label>
+                             `;var container=document.createElement('div');li.innerHTML=liContents;li.classList.add('paymentMethod');var node=renderCheckoutComponent(storedPaymentMethodBool,checkout,paymentMethod,container,paymentMethodID);container.classList.add('additionalFields');container.setAttribute('id',`component_${paymentMethodID}`);container.setAttribute('style','display:none');li.append(container);paymentMethodsUI.append(li);if(paymentMethod.type!=='paywithgoogle'){node&&node.mount(container);}else{node.isAvailable().then(()=>{node.mount(container);}).catch(()=>{});// eslint-disable-line no-empty
+}var input=document.querySelector(`#rb_${paymentMethodID}`);input.onchange=async function(event){if(document.querySelector('.adyen-checkout__qr-loader')&&qrCodeMethods.indexOf(selectedMethod)>-1||paypalTerminatedEarly){paypalTerminatedEarly=false;paymentFromComponent({cancelTransaction:true,merchantReference:document.querySelector('#merchantReference').value});}displaySelectedMethod(event.target.value);};if(paymentMethodID==='giropay'){container.innerHTML='';}if(componentsObj[paymentMethodID]&&!container.childNodes[0]&&['bcmc','scheme'].indexOf(paymentMethodID)===-1){componentsObj[paymentMethodID].isValid=true;}}function renderCheckoutComponent(storedPaymentMethodBool,checkout,paymentMethod,container,paymentMethodID){if(storedPaymentMethodBool){return createCheckoutComponent(checkout,paymentMethod,container,paymentMethodID);}var fallback=getFallback(paymentMethod);if(fallback){var template=document.createElement('template');template.innerHTML=fallback;container.append(template.content);return;}return createCheckoutComponent(checkout,paymentMethod,container,paymentMethodID);}function getPersonalDetails(){const shippingAddress=sessionsResponse.shippingAddress;return{firstName:shippingAddress.firstName,lastName:shippingAddress.lastName,telephoneNumber:shippingAddress.phone};}function createCheckoutComponent(checkout,paymentMethod,container,paymentMethodID){try{var nodeData=Object.assign(paymentMethod,{data:Object.assign(getPersonalDetails(),{personalDetails:getPersonalDetails()}),visibility:{personalDetails:'editable',billingAddress:'hidden',deliveryAddress:'hidden'}});var node=checkout.create(paymentMethod.type,nodeData);if(!componentsObj[paymentMethodID]){componentsObj[paymentMethodID]={};}componentsObj[paymentMethodID].node=node;return node;}catch(e){}// eslint-disable-line no-empty
+return false;}/**
+ * Makes an ajax call to the controller function PaymentFromComponent.
+ * Used by certain payment methods like paypal
+ */function paymentFromComponent(data,component){$.ajax({url:window.paymentFromComponentURL,type:'post',data:JSON.stringify(data),contentType:'application/; charset=utf-8',success:function(data){if(data.result&&data.result.orderNo&&data.result.orderToken){document.querySelector('#orderToken').value=data.result.orderToken;document.querySelector('#merchantReference').value=data.result.orderNo;}if(data.result&&data.result.fullResponse&&data.result.fullResponse.action){component.handleAction(data.result.fullResponse.action);}else{document.querySelector('#paymentFromComponentStateData').value=JSON.stringify('null');$('#dwfrm_billing').trigger('submit');}}}).fail(function/* xhr, textStatus */(){});}$('#dwfrm_billing').submit(function(e){if(['paypal','mbway','amazonpay',...qrCodeMethods].indexOf(selectedMethod)>-1&&!document.querySelector('#paymentFromComponentStateData').value){e.preventDefault();var form=$(this);var url=form.attr('action');$.ajax({type:'POST',url:url,data:form.serialize(),async:false,success:function(data){formErrorsExist=data.fieldErrors;}});}});function getQRCodeConfig(){return{showPayButton:true,onSubmit:(state,component)=>{$('#dwfrm_billing').trigger('submit');if(formErrorsExist){return;}assignPaymentMethodValue();document.querySelector('#adyenStateData').value=JSON.stringify(state.data);paymentFromComponent(state.data,component);},onAdditionalDetails:(state/* , component */)=>{document.querySelector('#paymentFromComponentStateData').value=JSON.stringify(state.data);$('#dwfrm_billing').trigger('submit');}};}function getCardConfig(){return{enableStoreDetails:showStoreDetails,onBrand:function(brandObject){$('#cardType').val(brandObject.brand);},onFieldValid:function(data){if(data.endDigits){maskedCardNumber=MASKED_CC_PREFIX+data.endDigits;$('#cardNumber').val(maskedCardNumber);}},onChange:function(state){isValid=state.isValid;var methodToUpdate=state.data.paymentMethod.storedPaymentMethodId?`storedCard${state.data.paymentMethod.storedPaymentMethodId}`:selectedMethod;$('#browserInfo').val(JSON.stringify(state.data.browserInfo));componentsObj[methodToUpdate].isValid=isValid;componentsObj[methodToUpdate].stateData=state.data;}};}function getGooglePayConfig(){return{environment:window.Configuration.environment,onSubmit:()=>{assignPaymentMethodValue();document.querySelector('#billing-submit').disabled=false;document.querySelector('#billing-submit').click();},configuration:{gatewayMerchantId:window.merchantAccount},showPayButton:true,buttonColor:'white'};}function getAmazonpayConfig(){return{showPayButton:true,productType:'PayAndShip',checkoutMode:'ProcessOrder',locale:window.Configuration.locale,returnUrl:window.returnURL,addressDetails:{name:sessionsResponse.shippingAddress.firstName+' '+sessionsResponse.shippingAddress.lastName,addressLine1:sessionsResponse.shippingAddress.address1,city:sessionsResponse.shippingAddress.city,stateOrRegion:sessionsResponse.shippingAddress.city,postalCode:sessionsResponse.shippingAddress.postalCode,countryCode:sessionsResponse.shippingAddress.country,phoneNumber:sessionsResponse.shippingAddress.phone},onClick:(resolve,reject)=>{$('#dwfrm_billing').trigger('submit');if(formErrorsExist){reject();}else{assignPaymentMethodValue();resolve();}},onError:()=>{}};}function getInstallmentValues(maxValue){const values=[];for(let i=1;i<=maxValue;i+=1){values.push(i);}return values;}function setInstallments(amount){try{if(installmentLocales.indexOf(window.Configuration.locale)<0){return;}const[minAmount,numOfInstallments]=window.installments?window.installments.replace(/\[|]/g,'').split(','):[null,null];if(minAmount<=amount.value){checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions={card:{}};// eslint-disable-next-line max-len
+checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values=getInstallmentValues(numOfInstallments);checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts=true;}}catch(e){}// eslint-disable-line no-empty
+}/**
+ * @function
+ * @description Initializes Adyen CSE billing events
+ */exports.initBilling=function(){initializeBillingEvents();};exports.initAccount=function(){initializeAccountEvents();};exports.renderGenericComponent=function(){renderGenericComponent();};},{"./adyen-giving":2,"./amazon":4,"./summary":50}],2:[function(require,module,exports){let donation;function handleOnDonate(state,component){if(!state.isValid){return;}const selectedAmount=state.data.amount;const donationData={amountValue:selectedAmount.value,amountCurrency:selectedAmount.currency,orderNo:window.orderNo,pspReference:window.pspReference};$.ajax({url:window.donateURL,type:'post',data:JSON.stringify(donationData),contentType:'application/; charset=utf-8',success(){component.setStatus('success');}});}function handleOnCancel(){const adyenGiving=document.getElementById('adyenGiving');adyenGiving.style.transition='all 3s ease-in-out';adyenGiving.style.display='none';donation.unmount();}if(document.querySelector('.adyen-payment-details')&&window.adyenGivingAvailable){const adyenGivingNode=document.getElementById('donate-container');let amounts;try{amounts=JSON.parse(window.donationAmounts);}catch(e){amounts=[];}const donationConfig={amounts,backgroundUrl:window.adyenGivingBackgroundUrl,description:window.charityDescription,logoUrl:window.adyenGivingLogoUrl,name:window.charityName,url:window.charityWebsite,showCancelButton:true,onDonate:handleOnDonate,onCancel:handleOnCancel};AdyenCheckout(window.Configuration).then(checkout=>{checkout.create('donation',donationConfig).mount(adyenGivingNode);});}},{}],3:[function(require,module,exports){'use strict';var progress=require('./progress'),util=require('./util');var currentRequests=[];/**
+ * @function
+ * @description Ajax request to get json response
+ * @param {Boolean} async  Asynchronous or not
+ * @param {String} url URI for the request
+ * @param {Object} data Name/Value pair data request
+ * @param {Function} callback  Callback function to be called
+ */var getJson=function(options){options.url=util.toAbsoluteUrl(options.url);// return if no url exists or url matches a current request
+if(!options.url||currentRequests[options.url]){return;}currentRequests[options.url]=true;// make the server call
+$.ajax({dataType:'json',url:options.url,async:typeof options.async==='undefined'||options.async===null?true:options.async,data:options.data||{}})// success
+.done(function(response){if(options.callback){options.callback(response);}})// failed
+.fail(function(xhr,textStatus){if(textStatus==='parsererror'){window.alert(Resources.BAD_RESPONSE);}if(options.callback){options.callback(null);}})// executed on success or fail
+.always(function(){// remove current request from hash
+if(currentRequests[options.url]){delete currentRequests[options.url];}});};/**
+ * @function
+ * @description ajax request to load html response in a given container
+ * @param {String} url URI for the request
+ * @param {Object} data Name/Value pair data request
+ * @param {Function} callback  Callback function to be called
+ * @param {Object} target Selector or element that will receive content
+ */var load=function(options){options.url=util.toAbsoluteUrl(options.url);// return if no url exists or url matches a current request
+if(!options.url||currentRequests[options.url]){return;}currentRequests[options.url]=true;// make the server call
+$.ajax({dataType:'html',url:util.appendParamToURL(options.url,'format','ajax'),data:options.data,xhrFields:{withCredentials:true}}).done(function(response){// success
+if(options.target){$(options.target).empty().html(response);}if(options.callback){options.callback(response);}}).fail(function(xhr,textStatus){// failed
+if(textStatus==='parsererror'){window.alert(Resources.BAD_RESPONSE);}options.callback(null,textStatus);}).always(function(){progress.hide();// remove current request from hash
+if(currentRequests[options.url]){delete currentRequests[options.url];}});};exports.getJson=getJson;exports.load=load;},{"./progress":42,"./util":53}],4:[function(require,module,exports){if(window.amazonCheckoutSessionId){window.sessionsResponse=null;const amazonPayNode=document.getElementById('amazonContainerSG');function handleAuthorised(response){document.querySelector('#result').value=JSON.stringify({pspReference:response.fullResponse.pspReference,resultCode:response.fullResponse.resultCode,paymentMethod:response.fullResponse.paymentMethod?response.fullResponse.paymentMethod:response.fullResponse.additionalData.paymentMethod});document.querySelector('#paymentFromComponentStateData').value=JSON.stringify(response);document.querySelector('#showConfirmationForm').submit();}function handleError(){document.querySelector('#result').value=JSON.stringify({error:true});document.querySelector('#paymentFromComponentStateData').value=JSON.stringify({error:true});document.querySelector('#showConfirmationForm').submit();}function handleAmazonResponse(response,component){if(response.fullResponse&&response.fullResponse.action){component.handleAction(response.fullResponse.action);}else if(response.resultCode===window.resultCodeAuthorised){handleAuthorised(response);}else{// first try the amazon decline flow
+component.handleDeclineFlow();// if this does not trigger a redirect, try the regular handleError flow
+handleError();}}function paymentFromComponent(data,component){$.ajax({url:window.paymentFromComponentURL,type:'post',contentType:'application/; charset=utf-8',data:JSON.stringify(data),success(response){if(response.result&&response.result.orderNo&&response.result.orderToken){document.querySelector('#orderToken').value=response.result.orderToken;document.querySelector('#merchantReference').value=response.result.orderNo;}handleAmazonResponse(response.result,component);}});}const amazonConfig={showOrderButton:false,returnUrl:window.returnURL,configuration:{merchantId:window.amazonMerchantID,storeId:window.amazonStoreID,publicKeyId:window.amazonPublicKeyID},amazonCheckoutSessionId:window.amazonCheckoutSessionId,onSubmit:(state,component)=>{document.querySelector('#adyenStateData').value=JSON.stringify(state.data);paymentFromComponent(state.data,component);},onAdditionalDetails:state=>{state.data.paymentMethod='amazonpay';$.ajax({type:'post',url:window.paymentsDetailsURL,data:JSON.stringify({data:state.data,orderToken:document.querySelector('#orderToken').value}),contentType:'application/; charset=utf-8',success(data){if(data.response.isSuccessful){handleAuthorised(data.response);}else if(!data.response.isFinal&&typeof data.response.action==='object'){checkout.createFromAction(data.action).mount('#amazonContainerSG');}else{handleError();}}});}};async function mountAmazonPayComponent(){const checkout=await AdyenCheckout(window.Configuration);const amazonPayComponent=checkout.create('amazonpay',amazonConfig).mount(amazonPayNode);amazonPayComponent.submit();}mountAmazonPayComponent();}},{}],5:[function(require,module,exports){/**
+ *    (c) 2009-2014 Demandware Inc.
+ *    Subject to standard usage terms and conditions
+ *    For all details and documentation:
+ *    https://bitbucket.com/demandware/sitegenesis
+ */'use strict';var countries=require('./countries'),dialog=require('./dialog'),minicart=require('./minicart'),page=require('./page'),rating=require('./rating'),searchplaceholder=require('./searchplaceholder'),searchsuggest=require('./searchsuggest'),tooltip=require('./tooltip'),util=require('./util'),validator=require('./validator'),tls=require('./tls'),consentTracking=require('./consentTracking');// if jQuery has not been loaded, load from google cdn
+if(!window.jQuery){var s=document.createElement('script');s.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js');s.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(s);}require('./jquery-ext')();require('./cookieprivacy')();consentTracking.init();require('./captcha')();function initializeEvents(){var controlKeys=['8','13','46','45','36','35','38','37','40','39'];$('body').on('keydown','textarea[data-character-limit]',function(e){var text=$.trim($(this).val()),charsLimit=$(this).data('character-limit'),charsUsed=text.length;if(charsUsed>=charsLimit&&controlKeys.indexOf(e.which.toString())<0){e.preventDefault();}}).on('change keyup mouseup','textarea[data-character-limit]',function(){var text=$.trim($(this).val()),charsLimit=$(this).data('character-limit'),charsUsed=text.length,charsRemain=charsLimit-charsUsed;if(charsRemain<0){$(this).val(text.slice(0,charsRemain));charsRemain=0;}$(this).next('div.char-count').find('.char-remain-count').html(charsRemain);});/**
+     * initialize search suggestions, pending the value of the site preference(enhancedSearchSuggestions)
+     * this will either init the legacy(false) or the beta versions(true) of the the search suggest feature.
+     * */var $searchContainer=$('#navigation .header-search');searchsuggest.init($searchContainer,Resources.SIMPLE_SEARCH);// add show/hide navigation elements
+$('.secondary-navigation .toggle').click(function(){$(this).toggleClass('expanded').next('ul').toggle();});// add generic toggle functionality
+$('.toggle').next('.toggle-content').hide();$('.toggle').click(function(){$(this).toggleClass('expanded').next('.toggle-content').toggle();});// subscribe email box
+var $subscribeEmail=$('.subscribe-email');if($subscribeEmail.length>0){$subscribeEmail.focus(function(){var val=$(this.val());if(val.length>0&&val!==Resources.SUBSCRIBE_EMAIL_DEFAULT){return;// do not animate when contains non-default value
+}$(this).animate({color:'#999999'},500,'linear',function(){$(this).val('').css('color','#333333');});}).blur(function(){var val=$.trim($(this.val()));if(val.length>0){return;// do not animate when contains value
+}$(this).val(Resources.SUBSCRIBE_EMAIL_DEFAULT).css('color','#999999').animate({color:'#333333'},500,'linear');});}$('.privacy-policy').on('click',function(e){e.preventDefault();dialog.open({url:$(e.target).attr('href'),options:{height:600}});});$('.consent-tracking-policy').on('click',function(e){e.preventDefault();consentTracking.show();});// main menu toggle
+$('.menu-toggle').on('click',function(){$('#wrapper').toggleClass('menu-active');});$('.menu-category li .menu-item-toggle').on('click',function(e){e.preventDefault();var $parentLi=$(e.target).closest('li');$parentLi.siblings('li').removeClass('active').find('.menu-item-toggle').removeClass('fa-chevron-up active').addClass('fa-chevron-right');$parentLi.toggleClass('active');$(e.target).toggleClass('fa-chevron-right fa-chevron-up active');});$('.user-account').on('click',function(e){e.preventDefault();$(this).parent('.user-info').toggleClass('active');});}/**
+ * @private
+ * @function
+ * @description Adds class ('js') to html for css targeting and loads js specific styles.
+ */function initializeDom(){// add class to html for css targeting
+$('html').addClass('js');if(SitePreferences.LISTING_INFINITE_SCROLL){$('html').addClass('infinite-scroll');}// load js specific styles
+util.limitCharacters();}var pages={account:require('./pages/account'),cart:require('./pages/cart'),checkout:require('./pages/checkout'),compare:require('./pages/compare'),product:require('./pages/product'),registry:require('./pages/registry'),search:require('./pages/search'),storefront:require('./pages/storefront'),wishlist:require('./pages/wishlist'),storelocator:require('./pages/storelocator')};var app={init:function(){if(document.cookie.length===0){$('<div/>').addClass('browser-compatibility-alert').append($('<p/>').addClass('browser-error').html(Resources.COOKIES_DISABLED)).appendTo('#browser-check');}initializeDom();initializeEvents();// init specific global components
+countries.init();tooltip.init();minicart.init();validator.init();rating.init();searchplaceholder.init();// execute page specific initializations
+$.extend(page,window.pageContext);var ns=page.ns;if(ns&&pages[ns]&&pages[ns].init){pages[ns].init();}// Check TLS status if indicated by site preference
+if(SitePreferences.CHECK_TLS===true){tls.getUserAgent();}}};// general extension functions
+(function(){String.format=function(){var s=arguments[0];var i,len=arguments.length-1;for(i=0;i<len;i++){var reg=new RegExp('\\{'+i+'\\}','gm');s=s.replace(reg,arguments[i+1]);}return s;};})();// initialize app
+$(document).ready(function(){app.init();});},{"./captcha":7,"./consentTracking":9,"./cookieprivacy":10,"./countries":11,"./dialog":12,"./jquery-ext":15,"./minicart":17,"./page":18,"./pages/account":19,"./pages/cart":20,"./pages/checkout":24,"./pages/compare":27,"./pages/product":31,"./pages/registry":36,"./pages/search":37,"./pages/storefront":38,"./pages/storelocator":39,"./pages/wishlist":40,"./rating":44,"./searchplaceholder":45,"./searchsuggest":46,"./tls":51,"./tooltip":52,"./util":53,"./validator":54}],6:[function(require,module,exports){'use strict';var dialog=require('./dialog'),page=require('./page'),util=require('./util');var selectedList=[];var maxItems=1;var bliUUID='';/**
+ * @private
+ * @function
+ * description Gets a list of bonus products related to a promoted product
+ */function getBonusProducts(){var bonusproducts=[];var i,len;for(i=0,len=selectedList.length;i<len;i++){var p={pid:selectedList[i].pid,qty:selectedList[i].qty,options:{}};var a,alen,bp=selectedList[i];if(bp.options){for(a=0,alen=bp.options.length;a<alen;a++){var opt=bp.options[a];p.options={optionName:opt.name,optionValue:opt.value};}}bonusproducts.push({product:p});}return{bonusproducts:bonusproducts};}var selectedItemTemplate=function(data){var attributes='';for(var attrID in data.attributes){var attr=data.attributes[attrID];attributes+='<li data-attribute-id="'+attrID+'">\n';attributes+='<span class="display-name">'+attr.displayName+'</span>: ';attributes+='<span class="display-value">'+attr.displayValue+'</span>\n';attributes+='</li>';}attributes+='<li class="item-qty">\n';attributes+='<span class="display-name">Qty</span>: ';attributes+='<span class="display-value">'+data.qty+'</span>';return['<li class="selected-bonus-item" data-uuid="'+data.uuid+'" data-pid="'+data.pid+'">','<i class="remove-link fa fa-remove" title="Remove this product" href="#"></i>','<div class="item-name">'+data.name+'</div>','<ul class="item-attributes">',attributes,'<ul>','<li>'].join('\n');};// hide swatches that are not selected or not part of a Product Variation Group
+var hideSwatches=function(){$('.bonus-product-item:not([data-producttype="master"]) .swatches li').not('.selected').not('.variation-group-value').hide();// prevent unselecting the selected variant
+$('.bonus-product-item .swatches .selected').on('click',function(){return false;});};/**
+ * @private
+ * @function
+ * @description Updates the summary page with the selected bonus product
+ */function updateSummary(){var $bonusProductList=$('#bonus-product-list');if(!selectedList.length){$bonusProductList.find('li.selected-bonus-item').remove();}else{var ulList=$bonusProductList.find('ul.selected-bonus-items').first();var i,len;for(i=0,len=selectedList.length;i<len;i++){var item=selectedList[i];var li=selectedItemTemplate(item);$(li).appendTo(ulList);}}// get remaining item count
+var remain=maxItems-selectedList.length;$bonusProductList.find('.bonus-items-available').text(remain);if(remain<=0){$bonusProductList.find('.select-bonus-item').attr('disabled','disabled');}else{$bonusProductList.find('.select-bonus-item').removeAttr('disabled');}}function initializeGrid(){var $bonusProduct=$('#bonus-product-dialog'),$bonusProductList=$('#bonus-product-list'),bliData=$bonusProductList.data('line-item-detail');maxItems=bliData.maxItems;bliUUID=bliData.uuid;if(bliData.itemCount>=maxItems){$bonusProductList.find('.select-bonus-item').attr('disabled','disabled');}var cartItems=$bonusProductList.find('.selected-bonus-item');cartItems.each(function(){var ci=$(this);var product={uuid:ci.data('uuid'),pid:ci.data('pid'),qty:ci.find('.item-qty').text(),name:ci.find('.item-name').html(),attributes:{}};var attributes=ci.find('ul.item-attributes li');attributes.each(function(){var li=$(this);product.attributes[li.data('attributeId')]={displayName:li.children('.display-name').html(),displayValue:li.children('.display-value').html()};});selectedList.push(product);});$bonusProductList.on('click','.bonus-product-item a[href].swatchanchor',function(e){e.preventDefault();var url=this.href,$this=$(this);url=util.appendParamsToUrl(url,{'source':'bonus','format':'ajax'});$.ajax({url:url,success:function(response){$this.closest('.bonus-product-item').empty().html(response);hideSwatches();}});}).on('change','.input-text',function(){$bonusProductList.find('.select-bonus-item').removeAttr('disabled');$(this).closest('.bonus-product-form').find('.quantity-error').text('');}).on('click','.select-bonus-item',function(e){e.preventDefault();if(selectedList.length>=maxItems){$bonusProductList.find('.select-bonus-item').attr('disabled','disabled');$bonusProductList.find('.bonus-items-available').text('0');return;}var form=$(this).closest('.bonus-product-form'),detail=$(this).closest('.product-detail'),uuid=form.find('input[name="productUUID"]').val(),qtyVal=form.find('input[name="Quantity"]').val(),qty=isNaN(qtyVal)?1:+qtyVal;if(qty>maxItems){$bonusProductList.find('.select-bonus-item').attr('disabled','disabled');form.find('.quantity-error').text(Resources.BONUS_PRODUCT_TOOMANY);return;}var product={uuid:uuid,pid:form.find('input[name="pid"]').val(),qty:qty,name:detail.find('.product-name').text(),attributes:detail.find('.product-variations').data('attributes'),options:[]};var optionSelects=form.find('.product-option');optionSelects.each(function(){product.options.push({name:this.name,value:$(this).val(),display:$(this).children(':selected').first().html()});});selectedList.push(product);updateSummary();}).on('click','.remove-link',function(e){e.preventDefault();var container=$(this).closest('.selected-bonus-item');if(!container.data('uuid')){return;}var uuid=container.data('uuid');var i,len=selectedList.length;for(i=0;i<len;i++){if(selectedList[i].uuid===uuid){selectedList.splice(i,1);break;}}updateSummary();}).on('click','.add-to-cart-bonus',function(e){e.preventDefault();var url=util.appendParamsToUrl(Urls.addBonusProduct,{bonusDiscountLineItemUUID:bliUUID});var bonusProducts=getBonusProducts();if(bonusProducts.bonusproducts[0].product.qty>maxItems){bonusProducts.bonusproducts[0].product.qty=maxItems;}// make the server call
+$.ajax({type:'POST',dataType:'json',cache:false,contentType:'application/json',url:url,data:JSON.stringify(bonusProducts)}).done(function(){// success
+page.refresh();}).fail(function(xhr,textStatus){// failed
+if(textStatus==='parsererror'){window.alert(Resources.BAD_RESPONSE);}else{window.alert(Resources.SERVER_CONNECTION_ERROR);}}).always(function(){$bonusProduct.dialog('close');});}).on('click','#more-bonus-products',function(e){e.preventDefault();var uuid=$('#bonus-product-list').data().lineItemDetail.uuid;//get the next page of choice of bonus products
+var lineItemDetail=JSON.parse($('#bonus-product-list').attr('data-line-item-detail'));lineItemDetail.pageStart=lineItemDetail.pageStart+lineItemDetail.pageSize;$('#bonus-product-list').attr('data-line-item-detail',JSON.stringify(lineItemDetail));var url=util.appendParamsToUrl(Urls.getBonusProducts,{bonusDiscountLineItemUUID:uuid,format:'ajax',lazyLoad:'true',pageStart:lineItemDetail.pageStart,pageSize:$('#bonus-product-list').data().lineItemDetail.pageSize,bonusProductsTotal:$('#bonus-product-list').data().lineItemDetail.bpTotal});$.ajax({type:'GET',cache:false,contentType:'application/json',url:url}).done(function(data){//add the new page to DOM and remove 'More' link if it is the last page of results
+$('#more-bonus-products').before(data);if(lineItemDetail.pageStart+lineItemDetail.pageSize>=$('#bonus-product-list').data().lineItemDetail.bpTotal){$('#more-bonus-products').remove();}}).fail(function(xhr,textStatus){if(textStatus==='parsererror'){window.alert(Resources.BAD_RESPONSE);}else{window.alert(Resources.SERVER_CONNECTION_ERROR);}});});}var bonusProductsView={/**
+     * @function
+     * @description Open the list of bonus products selection dialog
+     */show:function(url){var $bonusProduct=$('#bonus-product-dialog');// create the dialog
+dialog.open({target:$bonusProduct,url:url,options:{width:795,title:Resources.BONUS_PRODUCTS},callback:function(){initializeGrid();hideSwatches();}});},/**
+     * @function
+     * @description Open bonus product promo prompt dialog
+     */loadBonusOption:function(){var self=this,bonusDiscountContainer=document.querySelector('.bonus-discount-container');if(!bonusDiscountContainer){return;}// get the html from minicart, then trash it
+var bonusDiscountContainerHtml=bonusDiscountContainer.outerHTML;bonusDiscountContainer.parentNode.removeChild(bonusDiscountContainer);dialog.open({html:bonusDiscountContainerHtml,options:{width:400,title:Resources.BONUS_PRODUCT,buttons:[{text:Resources.SELECT_BONUS_PRODUCTS,click:function(){var uuid=$('.bonus-product-promo').data('lineitemid'),url=util.appendParamsToUrl(Urls.getBonusProducts,{bonusDiscountLineItemUUID:uuid,source:'bonus',format:'ajax',lazyLoad:'false',pageStart:0,pageSize:10,bonusProductsTotal:-1});$(this).dialog('close');self.show(url);}},{text:Resources.NO_THANKS,click:function(){$(this).dialog('close');}}]},callback:function(){// show hide promo details
+$('.show-promo-details').on('click',function(){$('.promo-details').toggleClass('visible');});}});}};module.exports=bonusProductsView;},{"./dialog":12,"./page":18,"./util":53}],7:[function(require,module,exports){'use strict';var dialog=require('./dialog');var util=require('./util');var SessionAttributes=window.SessionAttributes;/**
+ * @function captcha    Used to display/control the scrim containing the simulated captcha code
+ **/module.exports=function(){/**
+     * if the session.privacy.ratelimited element is present then show the notification
+     * NOTE: You will probably want to replace this with a call to an actual CAPTCHA system to replace the simple one here
+     */if(SessionAttributes.SHOW_CAPTCHA){dialog.open({html:'<h1>'+Resources.ARE_YOU_HUMAN+'</h1>',options:{closeOnEscape:false,dialogClass:'no-close',buttons:[{text:Resources.OK,click:function(){var url=util.appendParamsToUrl(Urls.rateLimiterReset,{format:'ajax'});$.ajax({url:url});$(this).dialog('close');}}]}});}};},{"./dialog":12,"./util":53}],8:[function(require,module,exports){'use strict';var page=require('./page'),util=require('./util'),TPromise=require('promise');var _currentCategory='',MAX_ACTIVE=6;/**
+ * @private
+ * @function
+ * @description Verifies the number of elements in the compare container and updates it with sequential classes for ui targeting
+ */function refreshContainer(){var $compareContainer=$('.compare-items');var $compareItems=$compareContainer.find('.compare-item');var numActive=$compareItems.filter('.active').length;if(numActive<2){$('#compare-items-button').attr('disabled','disabled');}else{$('#compare-items-button').removeAttr('disabled');}$compareContainer.toggle(numActive>0);}/**
+ * @private
+ * @function
+ * @description Adds an item to the compare container and refreshes it
+ */function addToList(data){// get the first compare-item not currently active
+var $item=$('.compare-items .compare-item').not('.active').first(),$productTile=$('#'+data.uuid);if($item.length===0){if($productTile.length>0){$productTile.find('.compare-check')[0].checked=false;}window.alert(Resources.COMPARE_ADD_FAIL);return;}// if already added somehow, return
+if($('[data-uuid="'+data.uuid+'"]').length>0){return;}// set as active item
+$item.addClass('active').attr('data-uuid',data.uuid).attr('data-itemid',data.itemid).data('uuid',data.uuid).data('itemid',data.itemid).append($(data.img).clone().addClass('compare-item-image'));}/**
+ * @private
+ * @function
+ * description Removes an item from the compare container and refreshes it
+ */function removeFromList($item){if($item.length===0){return;}// remove class, data and id from item
+$item.removeClass('active').removeAttr('data-uuid').removeAttr('data-itemid').data('uuid','').data('itemid','')// remove the image
+.find('.compare-item-image').remove();}function addProductAjax(args){var promise=new TPromise(function(resolve,reject){$.ajax({url:Urls.compareAdd,data:{pid:args.itemid,category:_currentCategory},dataType:'json'}).done(function(response){if(!response||!response.success){reject(new Error(Resources.COMPARE_ADD_FAIL));}else{resolve(response);}}).fail(function(jqxhr,status,err){reject(new Error(err));});});return promise;}function removeProductAjax(args){var promise=new TPromise(function(resolve,reject){$.ajax({url:Urls.compareRemove,data:{pid:args.itemid,category:_currentCategory},dataType:'json'}).done(function(response){if(!response||!response.success){reject(new Error(Resources.COMPARE_REMOVE_FAIL));}else{resolve(response);}}).fail(function(jqxhr,status,err){reject(new Error(err));});});return promise;}function shiftImages(){return new TPromise(function(resolve){var $items=$('.compare-items .compare-item');$items.each(function(i,item){var $item=$(item);// last item
+if(i===$items.length-1){return removeFromList($item);}var $next=$items.eq(i+1);if($next.hasClass('active')){// remove its own image
+$next.find('.compare-item-image').detach().appendTo($item);$item.addClass('active').attr('data-uuid',$next.data('uuid')).attr('data-itemid',$next.data('itemid')).data('uuid',$next.data('uuid')).data('itemid',$next.data('itemid'));}});resolve();});}/**
+ * @function
+ * @description Adds product to the compare table
+ */function addProduct(args){var promise;var $items=$('.compare-items .compare-item');var $cb=$(args.cb);var numActive=$items.filter('.active').length;if(numActive===MAX_ACTIVE){if(!window.confirm(Resources.COMPARE_CONFIRMATION)){$cb[0].checked=false;return;}// remove product using id
+var $firstItem=$items.first();promise=removeItem($firstItem).then(function(){return shiftImages();});}else{promise=TPromise.resolve(0);}return promise.then(function(){return addProductAjax(args).then(function(){addToList(args);if($cb&&$cb.length>0){$cb[0].checked=true;}refreshContainer();});}).then(null,function(){if($cb&&$cb.length>0){$cb[0].checked=false;}});}/**
+ * @function
+ * @description Removes product from the compare table
+ * @param {object} args - the arguments object should have the following properties: itemid, uuid and cb (checkbox)
+ */function removeProduct(args){var $cb=args.cb?$(args.cb):null;return removeProductAjax(args).then(function(){var $item=$('[data-uuid="'+args.uuid+'"]');removeFromList($item);if($cb&&$cb.length>0){$cb[0].checked=false;}refreshContainer();},function(){if($cb&&$cb.length>0){$cb[0].checked=true;}});}function removeItem($item){var uuid=$item.data('uuid'),$productTile=$('#'+uuid);return removeProduct({itemid:$item.data('itemid'),uuid:uuid,cb:$productTile.length===0?null:$productTile.find('.compare-check')});}/**
+ * @private
+ * @function
+ * @description Initializes the DOM-Object of the compare container
+ */function initializeDom(){var $compareContainer=$('.compare-items');_currentCategory=$compareContainer.data('category')||'';var $active=$compareContainer.find('.compare-item').filter('.active');$active.each(function(){var $productTile=$('#'+$(this).data('uuid'));if($productTile.length===0){return;}$productTile.find('.compare-check')[0].checked=true;});// set container state
+refreshContainer();}/**
+ * @private
+ * @function
+ * @description Initializes the events on the compare container
+ */function initializeEvents(){// add event to buttons to remove products
+$('.compare-item').on('click','.compare-item-remove',function(){removeItem($(this).closest('.compare-item'));});// Button to go to compare page
+$('#compare-items-button').on('click',function(){page.redirect(util.appendParamToURL(Urls.compareShow,'category',_currentCategory));});// Button to clear all compared items
+// rely on refreshContainer to take care of hiding the container
+$('#clear-compared-items').on('click',function(){$('.compare-items .active').each(function(){removeItem($(this));});});}exports.init=function(){initializeDom();initializeEvents();};exports.addProduct=addProduct;exports.removeProduct=removeProduct;},{"./page":18,"./util":53,"promise":70}],9:[function(require,module,exports){'use strict';var dialog=require('./dialog');var util=require('./util');/**
+ * @function getConsent Used to display/control of the modal containing the consent management message
+ **/function getConsent(){dialog.open({url:Urls.consentTracking,options:{closeOnEscape:false,dialogClass:'no-close',buttons:[{text:Resources.TRACKING_CONSENT,click:function(){$(this).dialog('close');$.ajax({type:'GET',url:util.appendParamToURL(Urls.consentTrackingSetSession,'consentTracking',true),success:function(){showPrivacyDialog();},error:function(){showPrivacyDialog();}});}},{text:Resources.TRACKING_NO_CONSENT,click:function(){$(this).dialog('close');$.ajax({type:'GET',url:util.appendParamToURL(Urls.consentTrackingSetSession,'consentTracking',false),success:function(){showPrivacyDialog();},error:function(){showPrivacyDialog();}});}}]}});}function enablePrivacyCookies(){if(document.cookie.indexOf('dw=1')<0){document.cookie='dw=1; path=/';}if(document.cookie.indexOf('dw_cookies_accepted')<0){document.cookie='dw_cookies_accepted=1; path=/';}}function showPrivacyDialog(){if(SitePreferences.COOKIE_HINT===true&&document.cookie.indexOf('dw_cookies_accepted')<0){// check for privacy policy page
+if($('.privacy-policy').length===0){dialog.open({url:Urls.cookieHint,options:{closeOnEscape:false,dialogClass:'no-close',buttons:[{text:Resources.I_AGREE,click:function(){$(this).dialog('close');enablePrivacyCookies();}}]}});}}else{// Otherwise, we don't need to show the asset, just enable the cookies
+enablePrivacyCookies();}}var consentTracking={init:function(){if(consent==null&&SitePreferences.CONSENT_TRACKING_HINT){// eslint-disable-line no-undef
+getConsent();}if(consent!=null&&SitePreferences.CONSENT_TRACKING_HINT){// eslint-disable-line no-undef
+showPrivacyDialog();}},show:function(){getConsent();}};module.exports=consentTracking;},{"./dialog":12,"./util":53}],10:[function(require,module,exports){'use strict';var dialog=require('./dialog');/**
+ * @function cookieprivacy    Used to display/control the scrim containing the cookie privacy code
+ **/module.exports=function(){/**
+     * If we have not accepted cookies AND we're not on the Privacy Policy page, then show the notification
+     * NOTE: You will probably want to adjust the Privacy Page test to match your site's specific privacy / cookie page
+     */if(!SitePreferences.CONSENT_TRACKING_HINT&&SitePreferences.COOKIE_HINT===true&&document.cookie.indexOf('dw_cookies_accepted')<0){// check for privacy policy page
+if($('.privacy-policy').length===0){dialog.open({url:Urls.cookieHint,options:{closeOnEscape:false,dialogClass:'no-close',buttons:[{text:Resources.I_AGREE,click:function(){$(this).dialog('close');enableCookies();}}]}});}}else{// Otherwise, we don't need to show the asset, just enable the cookies
+enableCookies();}function enableCookies(){if(document.cookie.indexOf('dw=1')<0){document.cookie='dw=1; path=/';}if(document.cookie.indexOf('dw_cookies_accepted')<0){document.cookie='dw_cookies_accepted=1; path=/';}}};},{"./dialog":12}],11:[function(require,module,exports){'use strict';exports.init=function init(){$('.country-selector .current-country').on('click',function(){$('.country-selector .selector').toggleClass('active');$(this).toggleClass('selector-active');});// set currency first before reload
+$('.country-selector .selector .locale').on('click',function(e){e.preventDefault();var url=this.href;var currency=this.getAttribute('data-currency');$.ajax({dataType:'json',url:Urls.setSessionCurrency,data:{format:'ajax',currencyMnemonic:currency}}).done(function(response){if(!response.success){throw new Error('Unable to set currency');}window.location.href=url;});});};},{}],12:[function(require,module,exports){'use strict';var ajax=require('./ajax'),util=require('./util'),_=require('lodash'),imagesLoaded=require('imagesloaded');var dialog={/**
+     * @function
+     * @description Appends a dialog to a given container (target)
+     * @param {Object} params  params.target can be an id selector or an jquery object
+     */create:function(params){var $target,id;if(_.isString(params.target)){if(params.target.charAt(0)==='#'){$target=$(params.target);}else{$target=$('#'+params.target);}}else if(params.target instanceof jQuery){$target=params.target;}else{$target=$('#dialog-container');}// if no element found, create one
+if($target.length===0){if($target.selector&&$target.selector.charAt(0)==='#'){id=$target.selector.substr(1);$target=$('<div>').attr('id',id).addClass('dialog-content').appendTo('body');}}// create the dialog
+this.$container=$target;this.$container.dialog(_.merge({},this.settings,params.options||{}));},/**
+     * @function
+     * @description Opens a dialog using the given url (params.url) or html (params.html)
+     * @param {Object} params
+     * @param {Object} params.url should contain the url
+     * @param {String} params.html contains the html of the dialog content
+     */open:function(params){// close any open dialog
+this.close();this.create(params);this.replace(params);},/**
+     * @description populate the dialog with html content, then open it
+     **/openWithContent:function(params){var content,position,callback;if(!this.$container){return;}content=params.content||params.html;if(!content){return;}this.$container.empty().html(content);if(!this.$container.dialog('isOpen')){this.$container.dialog('open');}if(params.options){position=params.options.position;}if(!position){position=this.settings.position;}imagesLoaded(this.$container).on('done',function(){this.$container.dialog('option','position',position);}.bind(this));callback=typeof params.callback==='function'?params.callback:function(){};callback();},/**
+     * @description Replace the content of current dialog
+     * @param {object} params
+     * @param {string} params.url - If the url property is provided, an ajax call is performed to get the content to replace
+     * @param {string} params.html - If no url property is provided, use html provided to replace
+     */replace:function(params){if(!this.$container){return;}if(params.url){params.url=util.appendParamToURL(params.url,'format','ajax');ajax.load({url:params.url,data:params.data,callback:function(response){params.content=response;this.openWithContent(params);}.bind(this)});}else if(params.html){this.openWithContent(params);}},/**
+     * @function
+     * @description Closes the dialog
+     */close:function(){if(!this.$container){return;}this.$container.dialog('close');},exists:function(){return this.$container&&this.$container.length>0;},isActive:function(){return this.exists()&&this.$container.children.length>0;},settings:{autoOpen:false,height:'auto',modal:true,overlay:{opacity:0.5,background:'black'},resizable:false,title:'',width:'800',close:function(){$(this).dialog('close');},position:{my:'center',at:'center',of:window,collision:'flipfit'}}};module.exports=dialog;},{"./ajax":3,"./util":53,"imagesloaded":67,"lodash":68}],13:[function(require,module,exports){'use strict';var ajax=require('./ajax'),util=require('./util');/**
+ * @function
+ * @description Load details to a given gift certificate
+ * @param {String} id The ID of the gift certificate
+ * @param {Function} callback A function to called
+ */exports.checkBalance=function(id,callback){// load gift certificate details
+var url=util.appendParamToURL(Urls.giftCardCheckBalance,'giftCertificateID',id);ajax.getJson({url:url,callback:callback});};},{"./ajax":3,"./util":53}],14:[function(require,module,exports){'use strict';var ajax=require('./ajax'),minicart=require('./minicart'),util=require('./util');var setAddToCartHandler=function(e){e.preventDefault();var form=$(this).closest('form');var options={url:util.ajaxUrl(form.attr('action')),method:'POST',cache:false,data:form.serialize()};$.ajax(options).done(function(response){if(response.success){ajax.load({url:Urls.minicartGC,data:{lineItemId:response.result.lineItemId},callback:function(response){minicart.show(response);form.find('input,textarea').val('');}});}else{form.find('span.error').hide();for(var id in response.errors.FormErrors){var $errorEl=$('#'+id).addClass('error').removeClass('valid').next('.error');if(!$errorEl||$errorEl.length===0){$errorEl=$('<span for="'+id+'" generated="true" class="error" style=""></span>');$('#'+id).after($errorEl);}$errorEl.text(response.errors.FormErrors[id].replace(/\\'/g,'\'')).show();}}}).fail(function(xhr,textStatus){// failed
+if(textStatus==='parsererror'){window.alert(Resources.BAD_RESPONSE);}else{window.alert(Resources.SERVER_CONNECTION_ERROR);}});};exports.init=function(){$('#AddToBasketButton').on('click',setAddToCartHandler);};},{"./ajax":3,"./minicart":17,"./util":53}],15:[function(require,module,exports){'use strict';// jQuery extensions
+module.exports=function(){// params
+// toggleClass - required
+// triggerSelector - optional. the selector for the element that triggers the event handler. defaults to the child elements of the list.
+// eventName - optional. defaults to 'click'
+$.fn.toggledList=function(options){if(!options.toggleClass){return this;}var list=this;return list.on(options.eventName||'click',options.triggerSelector||list.children(),function(e){e.preventDefault();var classTarget=options.triggerSelector?$(this).parent():$(this);classTarget.toggleClass(options.toggleClass);// execute callback if exists
+if(options.callback){options.callback();}});};$.fn.syncHeight=function(){var arr=$.makeArray(this);arr.sort(function(a,b){return $(a).height()-$(b).height();});return this.height($(arr[arr.length-1]).height());};};},{}],16:[function(require,module,exports){'use strict';var dialog=require('./dialog'),page=require('./page'),validator=require('./validator');var login={/**
+     * @private
+     * @function
+     * @description init events for the loginPage
+     */init:function(){//o-auth binding for which icon is clicked
+$('.oAuthIcon').bind('click',function(){$('#OAuthProvider').val(this.id);});//toggle the value of the rememberme checkbox
+$('#dwfrm_login_rememberme').bind('change',function(){if($('#dwfrm_login_rememberme').attr('checked')){$('#rememberme').val('true');}else{$('#rememberme').val('false');}});$('#password-reset').on('click',function(e){e.preventDefault();dialog.open({url:$(e.target).attr('href'),options:{open:function(){validator.init();var $requestPasswordForm=$('[name$="_requestpassword"]');var $submit=$requestPasswordForm.find('[name$="_requestpassword_send"]');$($submit).on('click',function(e){if(!$requestPasswordForm.valid()){return;}e.preventDefault();var data=$requestPasswordForm.serialize();// add form action to data
+data+='&'+$submit.attr('name')+'=';// make sure the server knows this is an ajax request
+if(data.indexOf('ajax')===-1){data+='&format=ajax';}$.ajax({type:'POST',url:$requestPasswordForm.attr('action'),data:data,success:function(response){if(typeof response==='object'&&!response.success&&response.error===Resources.CSRF_TOKEN_MISMATCH){page.redirect(Urls.csrffailed);}else if(typeof response==='string'){dialog.$container.html(response);}},failure:function(){dialog.$container.html('<h1>'+Resources.SERVER_ERROR+'</h1>');}});});}}});});}};module.exports=login;},{"./dialog":12,"./page":18,"./validator":54}],17:[function(require,module,exports){'use strict';var util=require('./util'),bonusProductsView=require('./bonus-products-view');var timer={id:null,clear:function(){if(this.id){window.clearTimeout(this.id);delete this.id;}},start:function(duration,callback){this.id=setTimeout(callback,duration);}};var minicart={init:function(){this.$el=$('#mini-cart');this.$content=this.$el.find('.mini-cart-content');$('.mini-cart-product').eq(0).find('.mini-cart-toggle').addClass('fa-caret-down');$('.mini-cart-product').not(':first').addClass('collapsed').find('.mini-cart-toggle').addClass('fa-caret-right');$('.mini-cart-toggle').on('click',function(){$(this).toggleClass('fa-caret-down fa-caret-right');$(this).closest('.mini-cart-product').toggleClass('collapsed');});// events
+this.$el.find('.mini-cart-total').on('mouseenter',function(){if(this.$content.not(':visible')){this.slide();}}.bind(this));this.$content.on('mouseenter',function(){timer.clear();}).on('mouseleave',function(){timer.clear();timer.start(30,this.close.bind(this));}.bind(this));},/**
+     * @function
+     * @description Shows the given content in the mini cart
+     * @param {String} A HTML string with the content which will be shown
+     */show:function(html){this.$el.html(html);util.scrollBrowser(0);this.init();this.slide();bonusProductsView.loadBonusOption();},/**
+     * @function
+     * @description Slides down and show the contents of the mini cart
+     */slide:function(){timer.clear();// show the item
+this.$content.slideDown('slow');// after a time out automatically close it
+timer.start(6000,this.close.bind(this));},/**
+     * @function
+     * @description Closes the mini cart with given delay
+     * @param {Number} delay The delay in milliseconds
+     */close:function(delay){timer.clear();this.$content.slideUp(delay);}};module.exports=minicart;},{"./bonus-products-view":6,"./util":53}],18:[function(require,module,exports){'use strict';var util=require('./util');var page={title:'',type:'',params:util.getQueryStringParams(window.location.search.substr(1)),redirect:function(newURL){setTimeout(function(){window.location.href=newURL;},0);},refresh:function(){setTimeout(function(){window.location.assign(window.location.href);},500);}};module.exports=page;},{"./util":53}],19:[function(require,module,exports){'use strict';var giftcert=require('../giftcert'),tooltip=require('../tooltip'),util=require('../util'),dialog=require('../dialog'),page=require('../page'),login=require('../login'),validator=require('../validator'),adyenCheckout=require('../adyen-checkout');/**
+ * @function
+ * @description Initializes the events on the address form (apply, cancel, delete)
+ * @param {Element} form The form which will be initialized
+ */function initializeAddressForm(){var $form=$('#edit-address-form');$form.find('input[name="format"]').remove();tooltip.init();//$("<input/>").attr({type:"hidden", name:"format", value:"ajax"}).appendTo(form);
+$form.on('click','.apply-button',function(e){e.preventDefault();if(!$form.valid()){return false;}var url=util.appendParamToURL($form.attr('action'),'format','ajax');var applyName=$form.find('.apply-button').attr('name');var options={url:url,data:$form.serialize()+'&'+applyName+'=x',type:'POST'};$.ajax(options).done(function(data){if(typeof data!=='string'){if(data.success){dialog.close();page.refresh();}else if(data.error){page.redirect(Urls.csrffailed);}else{window.alert(data.message);return false;}}else{$('#dialog-container').html(data);account.init();tooltip.init();}});}).on('click','.cancel-button, .close-button',function(e){e.preventDefault();dialog.close();}).on('click','.delete-button',function(e){e.preventDefault();if(window.confirm(String.format(Resources.CONFIRM_DELETE,Resources.TITLE_ADDRESS))){var url=util.appendParamsToUrl(Urls.deleteAddress,{AddressID:$form.find('#addressid').val(),format:'ajax'});$.ajax({url:url,method:'POST',dataType:'json'}).done(function(data){if(data.status.toLowerCase()==='ok'){dialog.close();page.refresh();}else if(data.message.length>0){window.alert(data.message);return false;}else{dialog.close();page.refresh();}});}});validator.init();}/**
+ * @private
+ * @function
+ * @description Toggles the list of Orders
+ */function toggleFullOrder(){$('.order-items').find('li.hidden:first').prev('li').append('<a class="toggle">View All</a>').children('.toggle').click(function(){$(this).parent().siblings('li.hidden').show();$(this).remove();});}/**
+ * @private
+ * @function
+ * @description Binds the events on the address form (edit, create, delete)
+ */function initAddressEvents(){var addresses=$('#addresses');if(addresses.length===0){return;}addresses.on('click','.address-edit, .address-create',function(e){e.preventDefault();dialog.open({url:this.href,options:{open:initializeAddressForm}});}).on('click','.delete',function(e){e.preventDefault();if(window.confirm(String.format(Resources.CONFIRM_DELETE,Resources.TITLE_ADDRESS))){$.ajax({url:util.appendParamToURL($(this).attr('href'),'format','ajax'),dataType:'json'}).done(function(data){if(data.status.toLowerCase()==='ok'){page.redirect(Urls.addressesList);}else if(data.message.length>0){window.alert(data.message);}else{page.refresh();}});}});}/**
+ * @private
+ * @function
+ * @description Binds the events of the payment methods list (delete card)
+ */function initPaymentEvents(){$('.add-card').on('click',function(e){e.preventDefault();dialog.open({url:$(e.target).attr('href'),options:{open:initializePaymentForm}});});var paymentList=$('.payment-list');if(paymentList.length===0){return;}util.setDeleteConfirmation(paymentList,String.format(Resources.CONFIRM_DELETE,Resources.TITLE_CREDITCARD));$('form[name="payment-remove"]').on('submit',function(e){e.preventDefault();// override form submission in order to prevent refresh issues
+var button=$(this).find('.delete');$('<input/>').attr({type:'hidden',name:button.attr('name'),value:button.attr('value')||'delete card'}).appendTo($(this));var data=$(this).serialize();$.ajax({type:'POST',url:$(this).attr('action'),data:data}).done(function(){page.redirect(Urls.paymentsList);});});}function initializePaymentForm(){$('#CreditCardForm').on('click','.cancel-button',function(e){e.preventDefault();dialog.close();});if(SitePreferences.ADYEN_SF_ENABLED){adyenCheckout.initAccount();}}/**
+ * @private
+ * @function
+ * @description Binds the events of the order, address and payment pages
+ */function initializeEvents(){toggleFullOrder();initAddressEvents();initPaymentEvents();login.init();}var account={init:function(){initializeEvents();giftcert.init();},initCartLogin:function(){login.init();}};module.exports=account;},{"../adyen-checkout":1,"../dialog":12,"../giftcert":14,"../login":16,"../page":18,"../tooltip":52,"../util":53,"../validator":54}],20:[function(require,module,exports){'use strict';var account=require('./account'),bonusProductsView=require('../bonus-products-view'),quickview=require('../quickview'),cartStoreInventory=require('../storeinventory/cart');/**
+ * @private
+ * @function
+ * @description Binds events to the cart page (edit item's details, bonus item's actions, coupon code entry)
+ */function initializeEvents(){$('#cart-table').on('click','.item-edit-details a',function(e){e.preventDefault();quickview.show({url:e.target.href,source:'cart'});}).on('click','.bonus-item-actions a, .item-details .bonusproducts a',function(e){e.preventDefault();bonusProductsView.show(this.href);});// override enter key for coupon code entry
+$('form input[name$="_couponCode"]').on('keydown',function(e){if(e.which===13&&$(this).val().length===0){return false;}});//to prevent multiple submissions of the form when removing a product from the cart
+var removeItemEvent=false;$('button[name$="deleteProduct"]').on('click',function(e){if(removeItemEvent){e.preventDefault();}else{removeItemEvent=true;}});}exports.init=function(){initializeEvents();if(SitePreferences.STORE_PICKUP){cartStoreInventory.init();}account.initCartLogin();};},{"../bonus-products-view":6,"../quickview":43,"../storeinventory/cart":47,"./account":19}],21:[function(require,module,exports){'use strict';var util=require('../../util');var shipping=require('./shipping');/**
+ * @function
+ * @description Selects the first address from the list of addresses
+ */exports.init=function(){var $form=$('.address');// select address from list
+$('select[name$="_addressList"]',$form).on('change',function(){var selected=$(this).children(':selected').first();var selectedAddress=$(selected).data('address');if(!selectedAddress){return;}util.fillAddressFields(selectedAddress,$form);shipping.updateShippingMethodList();// re-validate the form
+$form.validate().form();});};},{"../../util":53,"./shipping":26}],22:[function(require,module,exports){/*eslint-disable */'use strict';var ajax=require('../../ajax'),formPrepare=require('./formPrepare'),giftcard=require('../../giftcard'),util=require('../../util'),adyenCheckout=require('../../adyen-checkout');/**
+ * @function
+ * @description Fills the Credit Card form with the passed data-parameter and clears the former cvn input
+ * @param {Object} data The Credit Card data (holder, type, masked number, expiration month/year)
+ */function setCCFields(data){var $creditCard=$('[data-method="CREDIT_CARD"]');$creditCard.find('input[name$="creditCard_owner"]').val(data.holder).trigger('change');$creditCard.find('select[name$="_type"]').val(data.type).trigger('change');$creditCard.find('input[name*="_creditCard_number"]').val(data.maskedNumber).trigger('change');$creditCard.find('[name$="_month"]').val(data.expirationMonth).trigger('change');$creditCard.find('[name$="_year"]').val(data.expirationYear).trigger('change');$creditCard.find('input[name$="_cvn"]').val('').trigger('change');$creditCard.find('[name$="creditCard_selectedCardID"]').val(data.selectedCardID).trigger('change');}/**
+ * @function
+ * @description Updates the credit card form with the attributes of a given card
+ * @param {String} cardID the credit card ID of a given card
+ */function populateCreditCardForm(cardID){// load card details
+var url=util.appendParamToURL(Urls.billingSelectCC,'creditCardUUID',cardID);ajax.getJson({url:url,callback:function(data){if(!data){window.alert(Resources.CC_LOAD_ERROR);return false;}setCCFields(data);}});}$('input[name="brandCode"]').on('change',function(e){$("#dwfrm_adyPaydata_issuer").val("");$('.checkoutComponent').hide();$('#component_'+$(this).val()).show();});/**
+ * @function
+ * @description Changes the payment method form depending on the passed paymentMethodID
+ * @param {String} paymentMethodID the ID of the payment method, to which the payment method form should be changed to
+ */function updatePaymentMethod(paymentMethodID){var $paymentMethods=$('.payment-method');$paymentMethods.removeClass('payment-method-expanded');var $selectedPaymentMethod=$paymentMethods.filter('[data-method="'+paymentMethodID+'"]');if($selectedPaymentMethod.length===0){$selectedPaymentMethod=$('[data-method="Custom"]');}$selectedPaymentMethod.addClass('payment-method-expanded');// ensure checkbox of payment method is checked
+$('input[name$="_selectedPaymentMethodID"]').removeAttr('checked');$('input[value='+paymentMethodID+']').prop('checked','checked');formPrepare.validateForm();}/**
+ * @function
+ * @description Changes the payment type or issuerId of the selected payment method
+ * @param {String, Boolean} value of payment type or issuerId and a test value to see which one it is, to which the payment type or issuerId should be changed to
+ */function updatePaymentType(selectedPayType,issuerType){if(issuerType){$('#dwfrm_adyPaydata_issuer').val(selectedPayType);}else{$('input[name="brandCode"]').removeAttr('checked');$('input[value='+selectedPayType+']').prop('checked','checked');}// if the payment type has hidden fields reveal it
+$('#component_'+selectedPayType).show();formPrepare.validateForm();}/**
+ * @function
+ * @description Adyen - Initializes the visibility of HPP fields
+ */function initializeHPPFields(){if($('[name="brandCode"]:checked').hasClass('openInvoice')){$('.additionalfield').hide().find('input').val('');$('.additionalfield.'+$('.checkout-billing').find('select.country').val()).show();}else{$('.additionalfield').hide().find('input').val('');}}/**
+ * @function
+ * @description loads billing address, Gift Certificates, Coupon and Payment methods
+ */exports.init=function(){var $checkoutForm=$('.checkout-billing');var $addGiftCert=$('#add-giftcert');var $giftCertCode=$('input[name$="_giftCertCode"]');var $addCoupon=$('#add-coupon');var $couponCode=$('input[name$="_couponCode"]');var $selectPaymentMethod=$('.payment-method-options');var selectedPaymentMethod=$selectPaymentMethod.find(':checked').val();var $payType=$('[name="brandCode"]');var $issuer=$('.issuer');var selectedPayType=$payType.find(':checked').val();formPrepare.init({formSelector:'form[id$="billing"]',continueSelector:'[name$="billing_save"]'});// default payment method to 'CREDIT_CARD'
+updatePaymentMethod(selectedPaymentMethod?selectedPaymentMethod:'CREDIT_CARD');$selectPaymentMethod.on('click','input[type="radio"]',function(){updatePaymentMethod($(this).val());if($(this).val()=='Adyen'&&$payType.length>0){//set payment type of Adyen to the first one
+updatePaymentType(selectedPayType?selectedPayType:$payType[0].value,false);}else{$payType.removeAttr('checked');}});$issuer.on('change',function(){updatePaymentType($(this).val(),true);});$payType.on('change',function(){$('#selectedIssuer').val("");$issuer.hide();$('.checkoutComponent').hide();$('#component_'+$(this).val()).show();if($(this).siblings(".issuer").length>0){$('#selectedIssuer').val($(this).siblings(".issuer").val());$(this).siblings('.issuer').show();}});// select credit card from list
+$('#creditCardList').on('change',function(){var cardUUID=$(this).val();if(!cardUUID){return;}populateCreditCardForm(cardUUID);// remove server side error
+$('.required.error').removeClass('error');$('.error-message').remove();});$('#check-giftcert').on('click',function(e){e.preventDefault();var $balance=$('.balance');if($giftCertCode.length===0||$giftCertCode.val().length===0){var error=$balance.find('span.error');if(error.length===0){error=$('<span>').addClass('error').appendTo($balance);}error.html(Resources.GIFT_CERT_MISSING);return;}giftcard.checkBalance($giftCertCode.val(),function(data){if(!data||!data.giftCertificate){$balance.html(Resources.GIFT_CERT_INVALID).removeClass('success').addClass('error');return;}$balance.html(Resources.GIFT_CERT_BALANCE+' '+data.giftCertificate.balance).removeClass('error').addClass('success');});});$addGiftCert.on('click',function(e){e.preventDefault();var code=$giftCertCode.val(),$error=$checkoutForm.find('.giftcert-error');if(code.length===0){$error.html(Resources.GIFT_CERT_MISSING);return;}var url=util.appendParamsToUrl(Urls.redeemGiftCert,{giftCertCode:code,format:'ajax'});$.getJSON(url,function(data){var fail=false;var msg='';if(!data){msg=Resources.BAD_RESPONSE;fail=true;}else if(!data.success){msg=data.message.split('<').join('&lt;').split('>').join('&gt;');fail=true;}if(fail){$error.html(msg);return;}else{window.location.assign(Urls.billing);}});});$addCoupon.on('click',function(e){e.preventDefault();var $error=$checkoutForm.find('.coupon-error'),code=$couponCode.val();if(code.length===0){$error.html(Resources.COUPON_CODE_MISSING);return;}var url=util.appendParamsToUrl(Urls.addCoupon,{couponCode:code,format:'ajax'});$.getJSON(url,function(data){var fail=false;var msg='';if(!data){msg=Resources.BAD_RESPONSE;fail=true;}else if(!data.success){msg=data.message.split('<').join('&lt;').split('>').join('&gt;');fail=true;}if(fail){$error.html(msg);return;}//basket check for displaying the payment section, if the adjusted total of the basket is 0 after applying the coupon
+//this will force a page refresh to display the coupon message based on a parameter message
+if(data.success&&data.baskettotal===0){window.location.assign(Urls.billing);}});});// trigger events on enter
+$couponCode.on('keydown',function(e){if(e.which===13){e.preventDefault();$addCoupon.click();}});$giftCertCode.on('keydown',function(e){if(e.which===13){e.preventDefault();$addGiftCert.click();}});if(SitePreferences.ADYEN_SF_ENABLED){adyenCheckout.initBilling();}};},{"../../adyen-checkout":1,"../../ajax":3,"../../giftcard":13,"../../util":53,"./formPrepare":23}],23:[function(require,module,exports){'use strict';var _=require('lodash');var $form,$continue,$requiredInputs,validator;var hasEmptyRequired=function(){// filter out only the visible fields
+var requiredValues=$requiredInputs.filter(':visible').map(function(){return $(this).val();});return _(requiredValues).includes('');};var validateForm=function(){// only validate form when all required fields are filled to avoid
+// throwing errors on empty form
+if(!validator){return;}if(!hasEmptyRequired()){if(validator.form()){$continue.removeAttr('disabled');}}else{$continue.attr('disabled','disabled');}};var validateEl=function(){if($(this).val()===''){$continue.attr('disabled','disabled');}else{// enable continue button on last required field that is valid
+// only validate single field
+if(validator.element(this)&&!hasEmptyRequired()){$continue.removeAttr('disabled');}else{$continue.attr('disabled','disabled');}}};var init=function(opts){if(!opts.formSelector||!opts.continueSelector){throw new Error('Missing form and continue action selectors.');}$form=$(opts.formSelector);$continue=$(opts.continueSelector);validator=$form.validate();$requiredInputs=$('.required',$form).find(':input');validateForm();// start listening
+$requiredInputs.on('change',validateEl);$requiredInputs.filter('input').on('keyup',_.debounce(validateEl,200));};exports.init=init;exports.validateForm=validateForm;exports.validateEl=validateEl;},{"lodash":68}],24:[function(require,module,exports){'use strict';var address=require('./address'),billing=require('./billing'),multiship=require('./multiship'),shipping=require('./shipping');/**
+ * @function Initializes the page events depending on the checkout stage (shipping/billing)
+ */exports.init=function(){address.init();if($('.checkout-shipping').length>0){shipping.init();}else if($('.checkout-multi-shipping').length>0){multiship.init();}else{billing.init();}//if on the order review page and there are products that are not available diable the submit order button
+if($('.order-summary-footer').length>0){if($('.notavailable').length>0){$('.order-summary-footer .submit-order .button-fancy-large').attr('disabled','disabled');}}};},{"./address":21,"./billing":22,"./multiship":25,"./shipping":26}],25:[function(require,module,exports){'use strict';var address=require('./address'),formPrepare=require('./formPrepare'),dialog=require('../../dialog'),util=require('../../util'),validator=require('../../validator');/**
+ * @function
+ * @description Initializes gift message box for multiship shipping, the message box starts off as hidden and this will display it if the radio button is checked to yes, also added event handler to listen for when a radio button is pressed to display the message box
+ */function initMultiGiftMessageBox(){$.each($('.item-list'),function(){var $this=$(this);var $giftMessage=$this.find('.gift-message-text');//handle initial load
+$giftMessage.toggleClass('hidden',$('input[name$="_isGift"]:checked',this).val()!=='true');//set event listeners
+$this.on('change',function(){$giftMessage.toggleClass('hidden',$('input[name$="_isGift"]:checked',this).val()!=='true');});});}/**
+ * @function
+ * @description capture add edit adddress form events
+ */function addEditAddress(target){var $addressForm=$('form[name$="multishipping_editAddress"]'),$addressDropdown=$addressForm.find('select[name$=_addressList]'),$addressList=$addressForm.find('.address-list'),add=true,originalUUID,resetOptionValue=false,selectedAddressUUID=$(target).parent().siblings('.select-address').val();$addressDropdown.on('change',function(e){e.preventDefault();var selectedAddress=$addressList.find('select').val();if(selectedAddress!=='newAddress'){selectedAddress=$.grep($addressList.data('addresses'),function(add){return add.UUID===selectedAddress;})[0];add=false;resetOptionValue=false;// proceed to fill the form with the selected address
+util.fillAddressFields(selectedAddress,$addressForm);}else if(selectedAddress==='newAddress'){add=true;resetOptionValue=true;$addressForm.find('.input-text, .input-select').val('');}else{//reset the form if the value of the option is not a UUID
+$addressForm.find('.input-text, .input-select').val('');}});$addressForm.on('click','.cancel',function(e){e.preventDefault();dialog.close();});$addressForm.on('submit',function(e){e.preventDefault();if(!$addressForm.valid()){return false;}$.getJSON(Urls.addEditAddress,$addressForm.serialize(),function(response){if(!response.success){$('#multiaddresserror').html(Resources.COULD_NOT_SAVE_ADDRESS);return;}$('#multiaddresserror').toggleClass('hidden',response.success);var address=response.address,$shippingAddress=$(target).closest('.shippingaddress'),$select=$shippingAddress.find('.select-address'),$selected=$select.find('option:selected'),newOption='<option value="'+address.UUID+'">'+(address.ID?'('+address.ID+')':address.firstName+' '+address.lastName)+', '+address.address1+', '+address.city+', '+address.stateCode+', '+address.postalCode+'</option>';dialog.close();if(address.UUID!==originalUUID){resetOptionValue=true;}if(add){$('.shippingaddress select').removeClass('no-option').append(newOption);$('.no-address').hide();}else{$('.shippingaddress select').find('option[value="'+address.UUID+'"]').html(newOption);}// if there's no previously selected option, select it
+if($selected.length===0||$selected.val()===''||resetOptionValue){$select.find('option[value="'+address.UUID+'"]').prop('selected','selected').trigger('change');}});});//preserve the uuid of the option for the hop up form
+if(selectedAddressUUID){//update the form with selected address
+$addressList.find('option').each(function(){//check the values of the options
+if($(this).attr('value')===selectedAddressUUID){$(this).prop('selected','selected');$addressDropdown.trigger('change');}});originalUUID=selectedAddressUUID;}validator.init();}/**
+ * @function
+ * @description shows gift message box in multiship, and if the page is the multi shipping address page it will call initmultishipshipaddress() to initialize the form
+ */exports.init=function(){initMultiGiftMessageBox();if($('.cart-row .shippingaddress .select-address').length>0){formPrepare.init({continueSelector:'[name$="addressSelection_save"]',formSelector:'[id$="multishipping_addressSelection"]'});}$('.edit-address').on('click','span',function(e){dialog.open({url:this.attributes.href.value,options:{open:function(){address.init();addEditAddress(e.target);}}});});};},{"../../dialog":12,"../../util":53,"../../validator":54,"./address":21,"./formPrepare":23}],26:[function(require,module,exports){'use strict';var ajax=require('../../ajax'),formPrepare=require('./formPrepare'),progress=require('../../progress'),tooltip=require('../../tooltip'),util=require('../../util');var shippingMethods;/**
+ * @function
+ * @description Initializes gift message box, if shipment is gift
+ */function giftMessageBox(){// show gift message box, if shipment is gift
+$('.gift-message-text').toggleClass('hidden',$('input[name$="_shippingAddress_isGift"]:checked').val()!=='true');}/**
+ * @function
+ * @description updates the order summary based on a possibly recalculated basket after a shipping promotion has been applied
+ */function updateSummary(){var $summary=$('#secondary.summary');// indicate progress
+progress.show($summary);// load the updated summary area
+$summary.load(Urls.summaryRefreshURL,function(){// hide edit shipping method link
+$summary.fadeIn('fast');$summary.find('.checkout-mini-cart .minishipment .header a').hide();$summary.find('.order-totals-table .order-shipping .label a').hide();});}/**
+ * @function
+ * @description Helper method which constructs a URL for an AJAX request using the
+ * entered address information as URL request parameters.
+ */function getShippingMethodURL(url,extraParams){var $form=$('.address');var params={address1:$form.find('input[name$="_address1"]').val(),address2:$form.find('input[name$="_address2"]').val(),countryCode:$form.find('select[id$="_country"]').val(),stateCode:$form.find('select[id$="_state"]').val(),postalCode:$form.find('input[name$="_postal"]').val(),city:$form.find('input[name$="_city"]').val()};return util.appendParamsToUrl(url,$.extend(params,extraParams));}/**
+ * @function
+ * @description selects a shipping method for the default shipment and updates the summary section on the right hand side
+ * @param
+ */function selectShippingMethod(shippingMethodID){// nothing entered
+if(!shippingMethodID){return;}// attempt to set shipping method
+var url=getShippingMethodURL(Urls.selectShippingMethodsList,{shippingMethodID:shippingMethodID});ajax.getJson({url:url,callback:function(data){updateSummary();if(!data||!data.shippingMethodID){window.alert('Couldn\'t select shipping method.');return false;}// display promotion in UI and update the summary section,
+// if some promotions were applied
+$('.shippingpromotions').empty();// TODO the for loop below isn't doing anything?
+// if (data.shippingPriceAdjustments && data.shippingPriceAdjustments.length > 0) {
+//     var len = data.shippingPriceAdjustments.length;
+//     for (var i=0; i < len; i++) {
+//         var spa = data.shippingPriceAdjustments[i];
+//     }
+// }
+}});}/**
+ * @function
+ * @description Make an AJAX request to the server to retrieve the list of applicable shipping methods
+ * based on the merchandise in the cart and the currently entered shipping address
+ * (the address may be only partially entered).  If the list of applicable shipping methods
+ * has changed because new address information has been entered, then issue another AJAX
+ * request which updates the currently selected shipping method (if needed) and also updates
+ * the UI.
+ */function updateShippingMethodList(){var $shippingMethodList=$('#shipping-method-list');if(!$shippingMethodList||$shippingMethodList.length===0){return;}var url=getShippingMethodURL(Urls.shippingMethodsJSON);ajax.getJson({url:url,callback:function(data){if(!data){window.alert('Couldn\'t get list of applicable shipping methods.');return false;}if(shippingMethods&&shippingMethods.toString()===data.toString()){// No need to update the UI.  The list has not changed.
+return true;}// We need to update the UI.  The list has changed.
+// Cache the array of returned shipping methods.
+shippingMethods=data;// indicate progress
+progress.show($shippingMethodList);// load the shipping method form
+var smlUrl=getShippingMethodURL(Urls.shippingMethodsList);$shippingMethodList.load(smlUrl,function(){$shippingMethodList.fadeIn('fast');// rebind the radio buttons onclick function to a handler.
+$shippingMethodList.find('[name$="_shippingMethodID"]').click(function(){selectShippingMethod($(this).val());});// update the summary
+updateSummary();progress.hide();tooltip.init();//if nothing is selected in the shipping methods select the first one
+if($shippingMethodList.find('.input-radio:checked').length===0){$shippingMethodList.find('.input-radio:first').prop('checked','checked');}});}});}exports.init=function(){formPrepare.init({continueSelector:'[name$="shippingAddress_save"]',formSelector:'[id$="singleshipping_shippingAddress"]'});$('input[name$="_shippingAddress_isGift"]').on('click',giftMessageBox);$('.address').on('change','input[name$="_addressFields_address1"], input[name$="_addressFields_address2"], select[name$="_addressFields_states_state"], input[name$="_addressFields_city"], input[name$="_addressFields_zip"]',updateShippingMethodList);giftMessageBox();updateShippingMethodList();};exports.updateShippingMethodList=updateShippingMethodList;},{"../../ajax":3,"../../progress":42,"../../tooltip":52,"../../util":53,"./formPrepare":23}],27:[function(require,module,exports){'use strict';var addProductToCart=require('./product/addToCart'),ajax=require('../ajax'),page=require('../page'),productTile=require('../product-tile'),quickview=require('../quickview');/**
+ * @private
+ * @function
+ * @description Binds the click events to the remove-link and quick-view button
+ */function initializeEvents(){$('#compare-table').on('click','.remove-link',function(e){e.preventDefault();ajax.getJson({url:this.href,callback:function(){page.refresh();}});}).on('click','.open-quick-view',function(e){e.preventDefault();var url=$(this).closest('.product').find('.thumb-link').attr('href');quickview.show({url:url,source:'quickview'});});$('#compare-category-list').on('change',function(){$(this).closest('form').submit();});}exports.init=function(){productTile.init();initializeEvents();addProductToCart();};},{"../ajax":3,"../page":18,"../product-tile":41,"../quickview":43,"./product/addToCart":28}],28:[function(require,module,exports){'use strict';var dialog=require('../../dialog'),minicart=require('../../minicart'),page=require('../../page'),util=require('../../util'),Promise=require('promise'),_=require('lodash');/**
+ * @description Make the AJAX request to add an item to cart
+ * @param {Element} form The form element that contains the item quantity and ID data
+ * @returns {Promise}
+ */var addItemToCart=function(form){var $form=$(form),$qty=$form.find('input[name="Quantity"]');if($qty.length===0||isNaN($qty.val())||parseInt($qty.val(),10)===0){$qty.val('1');}return Promise.resolve($.ajax({type:'POST',url:util.ajaxUrl(Urls.addProduct),data:$form.serialize()})).then(function(response){// handle error in the response
+if(response.error){throw new Error(response.error);}else{return response;}});};/**
+ * @description Handler to handle the add to cart event
+ */var addToCart=function(e){e.preventDefault();var $form=$(this).closest('form');addItemToCart($form).then(function(response){var $uuid=$form.find('input[name="uuid"]');if($uuid.length>0&&$uuid.val().length>0){page.refresh();}else{// do not close quickview if adding individual item that is part of product set
+// @TODO should notify the user some other way that the add action has completed successfully
+if(!$(this).hasClass('sub-product-item')){dialog.close();}minicart.show(response);}}.bind(this));};/**
+ * @description Handler to handle the add all items to cart event
+ */var addAllToCart=function(e){e.preventDefault();var $productForms=$('#product-set-list').find('form').toArray();Promise.all(_.map($productForms,addItemToCart)).then(function(responses){dialog.close();// show the final response only, which would include all the other items
+minicart.show(responses[responses.length-1]);});};/**
+ * @function
+ * @description Binds the click event to a given target for the add-to-cart handling
+ */module.exports=function(){$('.add-to-cart[disabled]').attr('title',$('.availability-msg').text());$('.product-detail').on('click','.add-to-cart',addToCart);$('#add-all-to-cart').on('click',addAllToCart);};},{"../../dialog":12,"../../minicart":17,"../../page":18,"../../util":53,"lodash":68,"promise":70}],29:[function(require,module,exports){'use strict';var ajax=require('../../ajax'),util=require('../../util');var updateContainer=function(data){var $availabilityMsg=$('#pdpMain .availability .availability-msg');var message;// this should be lexically scoped, when `let` is supported (ES6)
+if(!data){$availabilityMsg.html(Resources.ITEM_STATUS_NOTAVAILABLE);return;}$availabilityMsg.empty();// Look through levels ... if msg is not empty, then create span el
+if(data.levels.IN_STOCK>0){if(data.levels.PREORDER===0&&data.levels.BACKORDER===0&&data.levels.NOT_AVAILABLE===0){// Just in stock
+message=Resources.IN_STOCK;}else{// In stock with conditions ...
+message=data.inStockMsg;}$availabilityMsg.append('<p class="in-stock-msg">'+message+'</p>');}if(data.levels.PREORDER>0){if(data.levels.IN_STOCK===0&&data.levels.BACKORDER===0&&data.levels.NOT_AVAILABLE===0){message=Resources.PREORDER;}else{message=data.preOrderMsg;}$availabilityMsg.append('<p class="preorder-msg">'+message+'</p>');}if(data.levels.BACKORDER>0){if(data.levels.IN_STOCK===0&&data.levels.PREORDER===0&&data.levels.NOT_AVAILABLE===0){message=Resources.BACKORDER;}else{message=data.backOrderMsg;}$availabilityMsg.append('<p class="backorder-msg">'+message+'</p>');}if(data.inStockDate!==''){$availabilityMsg.append('<p class="in-stock-date-msg">'+String.format(Resources.IN_STOCK_DATE,data.inStockDate)+'</p>');}if(data.levels.NOT_AVAILABLE>0){if(data.levels.PREORDER===0&&data.levels.BACKORDER===0&&data.levels.IN_STOCK===0){message=Resources.NOT_AVAILABLE;}else{message=Resources.REMAIN_NOT_AVAILABLE;}$availabilityMsg.append('<p class="not-available-msg">'+message+'</p>');}};var getAvailability=function(){ajax.getJson({url:util.appendParamsToUrl(Urls.getAvailability,{pid:$('#pid').val(),Quantity:$(this).val()}),callback:updateContainer});};module.exports=function(){$('#pdpMain').on('change','.pdpForm input[name="Quantity"]',getAvailability);};},{"../../ajax":3,"../../util":53}],30:[function(require,module,exports){'use strict';var dialog=require('../../dialog');var util=require('../../util');var qs=require('qs');var url=require('url');var _=require('lodash');var zoomMediaQuery=matchMedia('(min-width: 960px)');/**
+ * @description Enables the zoom viewer on the product detail page
+ * @param zmq {Media Query List}
+ */function loadZoom(zmq){var $imgZoom=$('#pdpMain .main-image'),hiresUrl;if(!zmq){zmq=zoomMediaQuery;}if($imgZoom.length===0||dialog.isActive()||util.isMobile()||!zoomMediaQuery.matches){// remove zoom
+$imgZoom.trigger('zoom.destroy');return;}hiresUrl=$imgZoom.attr('href');if(hiresUrl&&hiresUrl!=='null'&&hiresUrl.indexOf('noimagelarge')===-1&&zoomMediaQuery.matches){$imgZoom.zoom({url:hiresUrl});}}zoomMediaQuery.addListener(loadZoom);/**
+ * @description Sets the main image attributes and the href for the surrounding <a> tag
+ * @param {Object} atts Object with url, alt, title and hires properties
+ */function setMainImage(atts){$('#pdpMain .primary-image').attr({src:atts.url,alt:atts.alt,title:atts.title});updatePinButton(atts.url);if(!dialog.isActive()&&!util.isMobile()){$('#pdpMain .main-image').attr('href',atts.hires);}loadZoom();}function updatePinButton(imageUrl){var pinButton=document.querySelector('.share-icon[data-share=pinterest]');if(!pinButton){return;}var newUrl=imageUrl;if(!imageUrl){newUrl=document.querySelector('#pdpMain .primary-image').getAttribute('src');}var href=url.parse(pinButton.href);var query=qs.parse(href.query);query.media=url.resolve(window.location.href,newUrl);query.url=window.location.href;var newHref=url.format(_.extend({},href,{query:query,// query is only used if search is absent
+search:qs.stringify(query)}));pinButton.href=newHref;}/**
+ * @description Replaces the images in the image container, for eg. when a different color was clicked.
+ */function replaceImages(){var $newImages=$('#update-images'),$imageContainer=$('#pdpMain .product-image-container');if($newImages.length===0){return;}$imageContainer.html($newImages.html());$newImages.remove();loadZoom();}/* @module image
+ * @description this module handles the primary image viewer on PDP
+ **/ /**
+ * @description by default, this function sets up zoom and event handler for thumbnail click
+ **/module.exports=function(){if(dialog.isActive()||util.isMobile()){$('#pdpMain .main-image').removeAttr('href');}updatePinButton();loadZoom();// handle product thumbnail click event
+$('#pdpMain').on('click','.productthumbnail',function(){// switch indicator
+$(this).closest('.product-thumbnails').find('.thumb.selected').removeClass('selected');$(this).closest('.thumb').addClass('selected');setMainImage($(this).data('lgimg'));});};module.exports.loadZoom=loadZoom;module.exports.setMainImage=setMainImage;module.exports.replaceImages=replaceImages;},{"../../dialog":12,"../../util":53,"lodash":68,"qs":80,"url":88}],31:[function(require,module,exports){'use strict';var dialog=require('../../dialog'),productStoreInventory=require('../../storeinventory/product'),tooltip=require('../../tooltip'),util=require('../../util'),addToCart=require('./addToCart'),availability=require('./availability'),image=require('./image'),productNav=require('./productNav'),productSet=require('./productSet'),recommendations=require('./recommendations'),variant=require('./variant');/**
+ * @description Initialize product detail page with reviews, recommendation and product navigation.
+ */function initializeDom(){productNav();recommendations();tooltip.init();}/**
+ * @description Initialize event handlers on product detail page
+ */function initializeEvents(){var $pdpMain=$('#pdpMain');addToCart();availability();variant();image();productSet();if(SitePreferences.STORE_PICKUP){productStoreInventory.init();}// Add to Wishlist and Add to Gift Registry links behaviors
+$pdpMain.on('click','[data-action="wishlist"], [data-action="gift-registry"]',function(){var data=util.getQueryStringParams($('.pdpForm').serialize());if(data.cartAction){delete data.cartAction;}var url=util.appendParamsToUrl(this.href,data);this.setAttribute('href',url);});// product options
+$pdpMain.on('change','.product-options select',function(){var salesPrice=$pdpMain.find('.product-add-to-cart .price-sales');var selectedItem=$(this).children().filter(':selected').first();salesPrice.text(selectedItem.data('combined'));});// prevent default behavior of thumbnail link and add this Button
+$pdpMain.on('click','.thumbnail-link, .unselectable a',function(e){e.preventDefault();});$('.size-chart-link a').on('click',function(e){e.preventDefault();dialog.open({url:$(e.target).attr('href')});});}var product={initializeEvents:initializeEvents,init:function(){initializeDom();initializeEvents();}};module.exports=product;},{"../../dialog":12,"../../storeinventory/product":49,"../../tooltip":52,"../../util":53,"./addToCart":28,"./availability":29,"./image":30,"./productNav":32,"./productSet":33,"./recommendations":34,"./variant":35}],32:[function(require,module,exports){'use strict';var ajax=require('../../ajax'),util=require('../../util');/**
+ * @description loads product's navigation
+ **/module.exports=function(){var $pidInput=$('.pdpForm input[name="pid"]').last(),$navContainer=$('#product-nav-container');// if no hash exists, or no pid exists, or nav container does not exist, return
+if(window.location.hash.length<=1||$pidInput.length===0||$navContainer.length===0){return;}var pid=$pidInput.val(),hash=window.location.hash.substr(1),url=util.appendParamToURL(Urls.productNav+'?'+hash,'pid',pid);ajax.load({url:url,target:$navContainer});};},{"../../ajax":3,"../../util":53}],33:[function(require,module,exports){'use strict';var ajax=require('../../ajax'),tooltip=require('../../tooltip'),util=require('../../util');module.exports=function(){var $addToCart=$('#add-to-cart'),$addAllToCart=$('#add-all-to-cart'),$productSetList=$('#product-set-list');var updateAddToCartButtons=function(){if($productSetList.find('.add-to-cart[disabled]').length>0){$addAllToCart.attr('disabled','disabled');// product set does not have an add-to-cart button, but product bundle does
+$addToCart.attr('disabled','disabled');}else{$addAllToCart.removeAttr('disabled');$addToCart.removeAttr('disabled');}};if($productSetList.length>0){updateAddToCartButtons();}// click on swatch for product set
+$productSetList.on('click','.product-set-item .swatchanchor',function(e){e.preventDefault();if($(this).parents('li').hasClass('unselectable')){return;}var url=Urls.getSetItem+this.search;var $container=$(this).closest('.product-set-item');var qty=$container.find('form input[name="Quantity"]').first().val();ajax.load({url:util.appendParamToURL(url,'Quantity',isNaN(qty)?'1':qty),target:$container,callback:function(){updateAddToCartButtons();tooltip.init();}});});};},{"../../ajax":3,"../../tooltip":52,"../../util":53}],34:[function(require,module,exports){'use strict';/**
+ * @description Creates product recommendation carousel using jQuery jcarousel plugin
+ **/module.exports=function(){var $carousel=$('#carousel-recommendations');if(!$carousel||$carousel.length===0||$carousel.children().length===0){return;}$carousel.jcarousel();$('#carousel-recommendations .jcarousel-prev').on('jcarouselcontrol:active',function(){$(this).removeClass('inactive');}).on('jcarouselcontrol:inactive',function(){$(this).addClass('inactive');}).jcarouselControl({target:'-=1'});$('#carousel-recommendations .jcarousel-next').on('jcarouselcontrol:active',function(){$(this).removeClass('inactive');}).on('jcarouselcontrol:inactive',function(){$(this).addClass('inactive');}).jcarouselControl({target:'+=1'});};},{}],35:[function(require,module,exports){'use strict';var ajax=require('../../ajax'),image=require('./image'),progress=require('../../progress'),productStoreInventory=require('../../storeinventory/product'),tooltip=require('../../tooltip'),util=require('../../util');/**
+ * @description update product content with new variant from href, load new content to #product-content panel
+ * @param {String} href - url of the new product variant
+ **/var updateContent=function(href){var $pdpForm=$('.pdpForm');var qty=$pdpForm.find('input[name="Quantity"]').first().val();var params={Quantity:isNaN(qty)?'1':qty,format:'ajax',productlistid:$pdpForm.find('input[name="productlistid"]').first().val()};progress.show($('#pdpMain'));ajax.load({url:util.appendParamsToUrl(href,params),target:$('#product-content'),callback:function(){if(SitePreferences.STORE_PICKUP){productStoreInventory.init();}image.replaceImages();tooltip.init();}});};module.exports=function(){var $pdpMain=$('#pdpMain');// hover on swatch - should update main image with swatch image
+$pdpMain.on('mouseenter mouseleave','.swatchanchor',function(){var largeImg=$(this).data('lgimg'),$imgZoom=$pdpMain.find('.main-image'),$mainImage=$pdpMain.find('.primary-image');if(!largeImg){return;}// store the old data from main image for mouseleave handler
+$(this).data('lgimg',{hires:$imgZoom.attr('href'),url:$mainImage.attr('src'),alt:$mainImage.attr('alt'),title:$mainImage.attr('title')});// set the main image
+image.setMainImage(largeImg);});// click on swatch - should replace product content with new variant
+$pdpMain.on('click','.product-detail .swatchanchor',function(e){e.preventDefault();if($(this).parents('li').hasClass('unselectable')){return;}updateContent(this.href);});// change drop down variation attribute - should replace product content with new variant
+$pdpMain.on('change','.variation-select',function(){if($(this).val().length===0){return;}updateContent($(this).val());});};},{"../../ajax":3,"../../progress":42,"../../storeinventory/product":49,"../../tooltip":52,"../../util":53,"./image":30}],36:[function(require,module,exports){'use strict';var addProductToCart=require('./product/addToCart'),ajax=require('../ajax'),login=require('../login'),quickview=require('../quickview'),util=require('../util');/**
+ * @function
+ * @description Loads address details to a given address and fills the address form
+ * @param {String} addressID The ID of the address to which data will be loaded
+ */function populateForm(addressID,$form){// load address details
+var url=Urls.giftRegAdd+addressID;ajax.getJson({url:url,callback:function(data){if(!data||!data.address){window.alert(Resources.REG_ADDR_ERROR);return false;}// fill the form
+$form.find('[name$="_addressid"]').val(data.address.ID);$form.find('[name$="_firstname"]').val(data.address.firstName);$form.find('[name$="_lastname"]').val(data.address.lastName);$form.find('[name$="_address1"]').val(data.address.address1);$form.find('[name$="_address2"]').val(data.address.address2);$form.find('[name$="_city"]').val(data.address.city);$form.find('[name$="_country"]').val(data.address.countryCode).trigger('change');$form.find('[name$="_postal"]').val(data.address.postalCode);$form.find('[name$="_state"]').val(data.address.stateCode);$form.find('[name$="_phone"]').val(data.address.phone);// $form.parent('form').validate().form();
+}});}/**
+ * @private
+ * @function
+ * @description Initializes events for the gift registration
+ */function initializeEvents(){var $eventAddressForm=$('form[name$="_giftregistry"]'),$beforeAddress=$eventAddressForm.find('fieldset[name="address-before"]'),$afterAddress=$eventAddressForm.find('fieldset[name="address-after"]');$('.usepreevent').on('click',function(){// filter out storefront toolkit
+$(':input',$beforeAddress).not('[id^="ext"]').not('select[name$="_addressBeforeList"]').each(function(){var fieldName=$(this).attr('name'),$afterField=$afterAddress.find('[name="'+fieldName.replace('Before','After')+'"]');$afterField.val($(this).val()).trigger('change');});});$eventAddressForm.on('change','select[name$="_addressBeforeList"]',function(){var addressID=$(this).val();if(addressID.length===0){return;}populateForm(addressID,$beforeAddress);}).on('change','select[name$="_addressAfterList"]',function(){var addressID=$(this).val();if(addressID.length===0){return;}populateForm(addressID,$afterAddress);});$('.item-list').on('click','.item-edit-details a',function(e){e.preventDefault();var productListID=$('input[name=productListID]').val();quickview.show({url:e.target.href,source:'giftregistry',productlistid:productListID});});}exports.init=function(){initializeEvents();addProductToCart();login.init();util.setDeleteConfirmation('.item-list',String.format(Resources.CONFIRM_DELETE,Resources.TITLE_GIFTREGISTRY));};},{"../ajax":3,"../login":16,"../quickview":43,"../util":53,"./product/addToCart":28}],37:[function(require,module,exports){'use strict';var compareWidget=require('../compare-widget'),productTile=require('../product-tile'),progress=require('../progress'),util=require('../util');function infiniteScroll(){// getting the hidden div, which is the placeholder for the next page
+var loadingPlaceHolder=$('.infinite-scroll-placeholder[data-loading-state="unloaded"]');// get url hidden in DOM
+var gridUrl=loadingPlaceHolder.attr('data-grid-url');if(loadingPlaceHolder.length===1&&util.elementInViewport(loadingPlaceHolder.get(0),250)){// switch state to 'loading'
+// - switches state, so the above selector is only matching once
+// - shows loading indicator
+loadingPlaceHolder.attr('data-loading-state','loading');loadingPlaceHolder.addClass('infinite-scroll-loading');// named wrapper function, which can either be called, if cache is hit, or ajax repsonse is received
+var fillEndlessScrollChunk=function(html){loadingPlaceHolder.removeClass('infinite-scroll-loading');loadingPlaceHolder.attr('data-loading-state','loaded');$('div.search-result-content').append(html);};// old condition for caching was `'sessionStorage' in window && sessionStorage["scroll-cache_" + gridUrl]`
+// it was removed to temporarily address RAP-2649
+$.ajax({type:'GET',dataType:'html',url:gridUrl,success:function(response){// put response into cache
+try{sessionStorage['scroll-cache_'+gridUrl]=response;}catch(e){// nothing to catch in case of out of memory of session storage
+// it will fall back to load via ajax
+}// update UI
+fillEndlessScrollChunk(response);productTile.init();}});}}/**
+ * @private
+ * @function
+ * @description replaces breadcrumbs, lefthand nav and product listing with ajax and puts a loading indicator over the product listing
+ */function updateProductListing(url){if(!url||url===window.location.href){return;}progress.show($('.search-result-content'));$('#main').load(util.appendParamToURL(url,'format','ajax'),function(){compareWidget.init();productTile.init();progress.hide();history.pushState(undefined,'',url);});}/**
+ * @private
+ * @function
+ * @description Initializes events for the following elements:<br/>
+ * <p>refinement blocks</p>
+ * <p>updating grid: refinements, pagination, breadcrumb</p>
+ * <p>item click</p>
+ * <p>sorting changes</p>
+ */function initializeEvents(){var $main=$('#main');// compare checked
+$main.on('click','input[type="checkbox"].compare-check',function(){var cb=$(this);var tile=cb.closest('.product-tile');var func=this.checked?compareWidget.addProduct:compareWidget.removeProduct;var itemImg=tile.find('.product-image a img').first();func({itemid:tile.data('itemid'),uuid:tile[0].id,img:itemImg,cb:cb});});// handle toggle refinement blocks
+$main.on('click','.refinement h3',function(){$(this).toggleClass('expanded').siblings('ul').toggle();});// handle events for updating grid
+$main.on('click','.refinements a, .pagination a, .breadcrumb-refinement-value a',function(e){// don't intercept for category and folder refinements, as well as unselectable
+if($(this).parents('.category-refinement').length>0||$(this).parents('.folder-refinement').length>0||$(this).parent().hasClass('unselectable')){return;}e.preventDefault();updateProductListing(this.href);});// handle events item click. append params.
+$main.on('click','.product-tile a:not("#quickviewbutton")',function(){var a=$(this);// get current page refinement values
+var wl=window.location;var qsParams=wl.search.length>1?util.getQueryStringParams(wl.search.substr(1)):{};var hashParams=wl.hash.length>1?util.getQueryStringParams(wl.hash.substr(1)):{};// merge hash params with querystring params
+var params=$.extend(hashParams,qsParams);if(!params.start){params.start=0;}// get the index of the selected item and save as start parameter
+var tile=a.closest('.product-tile');var idx=tile.data('idx')?+tile.data('idx'):0;// convert params.start to integer and add index
+params.start=+params.start+(idx+1);// set the hash and allow normal action to continue
+a[0].hash=$.param(params);});// handle sorting change
+$main.on('change','.sort-by select',function(e){e.preventDefault();updateProductListing($(this).find('option:selected').val());}).on('change','.items-per-page select',function(){var refineUrl=$(this).find('option:selected').val();if(refineUrl==='INFINITE_SCROLL'){$('html').addClass('infinite-scroll').removeClass('disable-infinite-scroll');}else{$('html').addClass('disable-infinite-scroll').removeClass('infinite-scroll');updateProductListing(refineUrl);}});}exports.init=function(){compareWidget.init();if(SitePreferences.LISTING_INFINITE_SCROLL){$(window).on('scroll',infiniteScroll);}productTile.init();initializeEvents();};},{"../compare-widget":8,"../product-tile":41,"../progress":42,"../util":53}],38:[function(require,module,exports){'use strict';exports.init=function(){$('#homepage-slider')// responsive slides
+.on('jcarousel:create jcarousel:reload',function(){var element=$(this),width=element.innerWidth();element.jcarousel('items').css('width',width+'px');}).jcarousel({wrap:'circular'}).jcarouselAutoscroll({interval:5000});$('#homepage-slider .jcarousel-control').on('jcarouselpagination:active','a',function(){$(this).addClass('active');}).on('jcarouselpagination:inactive','a',function(){$(this).removeClass('active');}).jcarouselPagination({item:function(page){return'<a href="#'+page+'">'+page+'</a>';}});$('#vertical-carousel').jcarousel({vertical:true}).jcarouselAutoscroll({interval:5000});$('#vertical-carousel .jcarousel-prev').on('jcarouselcontrol:active',function(){$(this).removeClass('inactive');}).on('jcarouselcontrol:inactive',function(){$(this).addClass('inactive');}).jcarouselControl({target:'-=1'});$('#vertical-carousel .jcarousel-next').on('jcarouselcontrol:active',function(){$(this).removeClass('inactive');}).on('jcarouselcontrol:inactive',function(){$(this).addClass('inactive');}).jcarouselControl({target:'+=1'});};},{}],39:[function(require,module,exports){'use strict';var dialog=require('../dialog');exports.init=function(){$('.store-details-link').on('click',function(e){e.preventDefault();dialog.open({url:$(e.target).attr('href')});});};},{"../dialog":12}],40:[function(require,module,exports){'use strict';var addProductToCart=require('./product/addToCart'),page=require('../page'),login=require('../login'),util=require('../util');exports.init=function(){addProductToCart();$('#editAddress').on('change',function(){page.redirect(util.appendParamToURL(Urls.wishlistAddress,'AddressID',$(this).val()));});//add js logic to remove the , from the qty feild to pass regex expression on client side
+$('.option-quantity-desired input').on('focusout',function(){$(this).val($(this).val().replace(',',''));});login.init();};},{"../login":16,"../page":18,"../util":53,"./product/addToCart":28}],41:[function(require,module,exports){'use strict';var imagesLoaded=require('imagesloaded'),quickview=require('./quickview');function initQuickViewButtons(){$('.tiles-container .product-image').on('mouseenter',function(){var $qvButton=$('#quickviewbutton');if($qvButton.length===0){$qvButton=$('<a id="quickviewbutton" class="quickview">'+Resources.QUICK_VIEW+'<i class="fa fa-arrows-alt"></i></a>');}var $link=$(this).find('.thumb-link');$qvButton.attr({'href':$link.attr('href'),'title':$link.attr('title')}).appendTo(this);$qvButton.on('click',function(e){e.preventDefault();quickview.show({url:$(this).attr('href'),source:'quickview'});});});}function gridViewToggle(){$('.toggle-grid').on('click',function(){$('.search-result-content').toggleClass('wide-tiles');$(this).toggleClass('wide');});}/**
+ * @private
+ * @function
+ * @description Initializes events on the product-tile for the following elements:
+ * - swatches
+ * - thumbnails
+ */function initializeEvents(){initQuickViewButtons();gridViewToggle();$('.swatch-list').on('mouseleave',function(){// Restore current thumb image
+var $tile=$(this).closest('.product-tile'),$thumb=$tile.find('.product-image .thumb-link img').eq(0),data=$thumb.data('current');$thumb.attr({src:data.src,alt:data.alt,title:data.title});});$('.swatch-list .swatch').on('click',function(e){e.preventDefault();if($(this).hasClass('selected')){return;}var $tile=$(this).closest('.product-tile');$(this).closest('.swatch-list').find('.swatch.selected').removeClass('selected');$(this).addClass('selected');$tile.find('.thumb-link').attr('href',$(this).attr('href'));$tile.find('name-link').attr('href',$(this).attr('href'));var data=$(this).children('img').filter(':first').data('thumb');var $thumb=$tile.find('.product-image .thumb-link img').eq(0);var currentAttrs={src:data.src,alt:data.alt,title:data.title};$thumb.attr(currentAttrs);$thumb.data('current',currentAttrs);}).on('mouseenter',function(){// get current thumb details
+var $tile=$(this).closest('.product-tile'),$thumb=$tile.find('.product-image .thumb-link img').eq(0),data=$(this).children('img').filter(':first').data('thumb'),current=$thumb.data('current');// If this is the first time, then record the current img
+if(!current){$thumb.data('current',{src:$thumb[0].src,alt:$thumb[0].alt,title:$thumb[0].title});}// Set the tile image to the values provided on the swatch data attributes
+$thumb.attr({src:data.src,alt:data.alt,title:data.title});});}exports.init=function(){var $tiles=$('.tiles-container .product-tile');if($tiles.length===0){return;}imagesLoaded('.tiles-container').on('done',function(){$tiles.syncHeight().each(function(idx){$(this).data('idx',idx);});});initializeEvents();};},{"./quickview":43,"imagesloaded":67}],42:[function(require,module,exports){'use strict';var $loader;/**
+ * @function
+ * @description Shows an AJAX-loader on top of a given container
+ * @param {Element} container The Element on top of which the AJAX-Loader will be shown
+ */var show=function(container){var target=!container||$(container).length===0?$('body'):$(container);$loader=$loader||$('.loader');if($loader.length===0){$loader=$('<div/>').addClass('loader').append($('<div/>').addClass('loader-indicator'),$('<div/>').addClass('loader-bg'));}return $loader.appendTo(target).show();};/**
+ * @function
+ * @description Hides an AJAX-loader
+ */var hide=function(){if($loader){$loader.hide();}};exports.show=show;exports.hide=hide;},{}],43:[function(require,module,exports){'use strict';var dialog=require('./dialog'),product=require('./pages/product'),util=require('./util'),_=require('lodash');var makeUrl=function(url,source,productListID){if(source){url=util.appendParamToURL(url,'source',source);}if(productListID){url=util.appendParamToURL(url,'productlistid',productListID);}return url;};var removeParam=function(url){if(url.indexOf('?')!==-1){return url.substring(0,url.indexOf('?'));}else{return url;}};var quickview={init:function(){if(!this.exists()){this.$container=$('<div/>').attr('id','QuickViewDialog').appendTo(document.body);}this.productLinks=$('#search-result-items .thumb-link').map(function(index,thumbLink){return $(thumbLink).attr('href');});},setup:function(qvUrl){var $btnNext=$('.quickview-next'),$btnPrev=$('.quickview-prev');product.initializeEvents();this.productLinkIndex=_(this.productLinks).findIndex(function(url){return removeParam(url)===removeParam(qvUrl);});// hide the buttons on the compare page or when there are no other products
+if(this.productLinks.length<=1||$('.compareremovecell').length>0){$btnNext.hide();$btnPrev.hide();return;}if(this.productLinkIndex===this.productLinks.length-1){$btnNext.attr('disabled','disabled');}if(this.productLinkIndex===0){$btnPrev.attr('disabled','disabled');}$btnNext.on('click',function(e){e.preventDefault();this.navigateQuickview(1);}.bind(this));$btnPrev.on('click',function(e){e.preventDefault();this.navigateQuickview(-1);}.bind(this));},/**
+     * @param {Number} step - How many products away from current product to navigate to. Negative number means navigate backward
+     */navigateQuickview:function(step){// default step to 0
+this.productLinkIndex+=step?step:0;var url=makeUrl(this.productLinks[this.productLinkIndex],'quickview');dialog.replace({url:url,callback:this.setup.bind(this,url)});},/**
+     * @description show quick view dialog
+     * @param {Object} options
+     * @param {String} options.url - url of the product details
+     * @param {String} options.source - source of the dialog to be appended to URL
+     * @param {String} options.productlistid - to be appended to URL
+     * @param {Function} options.callback - callback once the dialog is opened
+     */show:function(options){var url;if(!this.exists()){this.init();}url=makeUrl(options.url,options.source,options.productlistid);dialog.open({target:this.$container,url:url,options:{width:920,title:Resources.QUICK_VIEW_POPUP,open:function(){this.setup(url);if(typeof options.callback==='function'){options.callback();}}.bind(this)}});},exists:function(){return this.$container&&this.$container.length>0;}};module.exports=quickview;},{"./dialog":12,"./pages/product":31,"./util":53,"lodash":68}],44:[function(require,module,exports){'use strict';/**
+ * copied from https://github.com/darkskyapp/string-hash
+ */function hashFn(str){var hash=5381,i=str.length;while(i){hash=hash*33^str.charCodeAt(--i);}/* JavaScript does bitwise operations (like XOR, above) on 32-bit signed
+    * integers. Since we want the results to be always positive, convert the
+    * signed int to an unsigned by doing an unsigned bitshift. */return hash>>>0;}/**
+ * Create rating based on hash ranging from 2-5
+ * @param pid
+ */function getRating(pid){return hashFn(pid.toString())%30/10+2;}module.exports={init:function(){$('.product-review').each(function(index,review){var pid=$(review).data('pid');if(!pid){return;}// rating range from 2 - 5
+var rating=getRating(pid);var baseRating=Math.floor(rating);var starsCount=0;for(var i=0;i<baseRating;i++){$('.rating',review).append('<i class="fa fa-star"></i>');starsCount++;}// give half star for anything in between
+if(rating>baseRating){$('.rating',review).append('<i class="fa fa-star-half-o"></i>');starsCount++;}if(starsCount<5){for(var j=0;j<5-starsCount;j++){$('.rating',review).append('<i class="fa fa-star-o"></i>');}}});}};},{}],45:[function(require,module,exports){'use strict';/**
+ * @private
+ * @function
+ * @description Binds event to the place holder (.blur)
+ */function initializeEvents(){$('#q').focus(function(){var input=$(this);if(input.val()===input.attr('placeholder')){input.val('');}}).blur(function(){var input=$(this);if(input.val()===''||input.val()===input.attr('placeholder')){input.val(input.attr('placeholder'));}}).blur();}exports.init=initializeEvents;},{}],46:[function(require,module,exports){'use strict';var util=require('./util');var currentQuery=null,lastQuery=null,runningQuery=null,listTotal=-1,listCurrent=-1,delay=30,$resultsContainer;/**
+ * @function
+ * @description Handles keyboard's arrow keys
+ * @param keyCode Code of an arrow key to be handled
+ */function handleArrowKeys(keyCode){switch(keyCode){case 38:// keyUp
+listCurrent=listCurrent<=0?listTotal-1:listCurrent-1;break;case 40:// keyDown
+listCurrent=listCurrent>=listTotal-1?0:listCurrent+1;break;default:// reset
+listCurrent=-1;return false;}$resultsContainer.children().removeClass('selected').eq(listCurrent).addClass('selected');$('input[name="q"]').val($resultsContainer.find('.selected .suggestionterm').first().text());return true;}var searchsuggest={/**
+     * @function
+     * @description Configures parameters and required object instances
+     */init:function(container,defaultValue){var $searchContainer=$(container);var $searchForm=$searchContainer.find('form[name="simpleSearch"]');var $searchField=$searchForm.find('input[name="q"]');// disable browser auto complete
+$searchField.attr('autocomplete','off');// on focus listener (clear default value)
+$searchField.focus(function(){if(!$resultsContainer){// create results container if needed
+$resultsContainer=$('<div/>').attr('id','search-suggestions').appendTo($searchContainer);}if($searchField.val()===defaultValue){$searchField.val('');}});$(document).on('click',function(e){if(!$searchContainer.is(e.target)){setTimeout(this.clearResults,200);}}.bind(this));// on key up listener
+$searchField.keyup(function(e){// get keyCode (window.event is for IE)
+var keyCode=e.keyCode||window.event.keyCode;// check and treat up and down arrows
+if(handleArrowKeys(keyCode)){return;}// check for an ENTER or ESC
+if(keyCode===13||keyCode===27){this.clearResults();return;}currentQuery=$searchField.val().trim();// no query currently running, init an update
+if(!runningQuery){runningQuery=currentQuery;setTimeout(this.suggest.bind(this),delay);}}.bind(this));},/**
+     * @function
+     * @description trigger suggest action
+     */suggest:function(){// check whether query to execute (runningQuery) is still up to date and had not changed in the meanwhile
+// (we had a little delay)
+if(runningQuery!==currentQuery){// update running query to the most recent search phrase
+runningQuery=currentQuery;}// if it's empty clear the results box and return
+if(runningQuery.length===0){this.clearResults();runningQuery=null;return;}// if the current search phrase is the same as for the last suggestion call, just return
+if(lastQuery===runningQuery){runningQuery=null;return;}// build the request url
+var reqUrl=util.appendParamToURL(Urls.searchsuggest,'q',runningQuery);// execute server call
+$.get(reqUrl,function(data){var suggestionHTML=data,ansLength=suggestionHTML.trim().length;// if there are results populate the results div
+if(ansLength===0){this.clearResults();}else{// update the results div
+$resultsContainer.html(suggestionHTML).fadeIn(200);}// record the query that has been executed
+lastQuery=runningQuery;// reset currently running query
+runningQuery=null;// check for another required update (if current search phrase is different from just executed call)
+if(currentQuery!==lastQuery){// ... and execute immediately if search has changed while this server call was in transit
+runningQuery=currentQuery;setTimeout(this.suggest.bind(this),delay);}this.hideLeftPanel();}.bind(this));},/**
+     * @function
+     * @description
+     */clearResults:function(){if(!$resultsContainer){return;}$resultsContainer.fadeOut(200,function(){$resultsContainer.empty();});},/**
+     * @function
+     * @description
+     */hideLeftPanel:function(){//hide left panel if there is only a matching suggested custom phrase
+if($('.search-suggestion-left-panel-hit').length===1&&$('.search-phrase-suggestion a').text().replace(/(^[\s]+|[\s]+$)/g,'').toUpperCase()===$('.search-suggestion-left-panel-hit a').text().toUpperCase()){$('.search-suggestion-left-panel').css('display','none');$('.search-suggestion-wrapper-full').addClass('search-suggestion-wrapper');$('.search-suggestion-wrapper').removeClass('search-suggestion-wrapper-full');}}};module.exports=searchsuggest;},{"./util":53}],47:[function(require,module,exports){'use strict';var inventory=require('./');var cartInventory={setSelectedStore:function(storeId){var $selectedStore=$('.store-tile.'+storeId),$lineItem=$('.cart-row[data-uuid="'+this.uuid+'"]'),storeAddress=$selectedStore.find('.store-address').html(),storeStatus=$selectedStore.find('.store-status').data('status'),storeStatusText=$selectedStore.find('.store-status').text();this.selectedStore=storeId;$lineItem.find('.instore-delivery .selected-store-address').data('storeId',storeId).attr('data-store-id',storeId).html(storeAddress);$lineItem.find('.instore-delivery .selected-store-availability').data('status',storeStatus).attr('data-status',storeStatus).text(storeStatusText);$lineItem.find('.instore-delivery .delivery-option').removeAttr('disabled').trigger('click');},cartSelectStore:function(selectedStore){var self=this;inventory.getStoresInventory(this.uuid).then(function(stores){inventory.selectStoreDialog({stores:stores,selectedStoreId:selectedStore,selectedStoreText:Resources.SELECTED_STORE,continueCallback:function(){},selectStoreCallback:self.setSelectedStore.bind(self)});}).done();},setDeliveryOption:function(value,storeId){// set loading state
+$('.item-delivery-options').addClass('loading').children().hide();var data={plid:this.uuid,storepickup:value==='store'?true:false};if(value==='store'){data.storepickup=true;data.storeid=storeId;}else{data.storepickup=false;}$.ajax({url:Urls.setStorePickup,data:data,success:function(){// remove loading state
+$('.item-delivery-options').removeClass('loading').children().show();}});},init:function(){var self=this;$('.item-delivery-options .set-preferred-store').on('click',function(e){e.preventDefault();self.uuid=$(this).data('uuid');var selectedStore=$(this).closest('.instore-delivery').find('.selected-store-address').data('storeId');if(!User.zip){inventory.zipPrompt(function(){self.cartSelectStore(selectedStore);});}else{self.cartSelectStore(selectedStore);}});$('.item-delivery-options .delivery-option').on('click',function(){// reset the uuid
+var selectedStore=$(this).closest('.instore-delivery').find('.selected-store-address').data('storeId');self.uuid=$(this).closest('.cart-row').data('uuid');self.setDeliveryOption($(this).val(),selectedStore);});}};module.exports=cartInventory;},{"./":48}],48:[function(require,module,exports){'use strict';var _=require('lodash'),dialog=require('../dialog'),TPromise=require('promise'),util=require('../util');var newLine='\n';var storeTemplate=function(store,selectedStoreId,selectedStoreText){return['<li class="store-tile '+store.storeId+(store.storeId===selectedStoreId?' selected':'')+'">','    <p class="store-address">','        '+store.address1+'<br/>','        '+store.city+', '+store.stateCode+' '+store.postalCode,'    </p>','    <p class="store-status" data-status="'+store.statusclass+'">'+store.status+'</p>','    <button class="select-store-button" data-store-id="'+store.storeId+'"'+(store.statusclass!=='store-in-stock'?'disabled="disabled"':'')+'>','        '+(store.storeId===selectedStoreId?selectedStoreText:Resources.SELECT_STORE),'    </button>','</li>'].join(newLine);};var storeListTemplate=function(stores,selectedStoreId,selectedStoreText){if(stores&&stores.length){return['<div class="store-list-container">','<ul class="store-list">',_.map(stores,function(store){return storeTemplate(store,selectedStoreId,selectedStoreText);}).join(newLine),'</ul>','</div>','<div class="store-list-pagination">','</div>'].join(newLine);}else{return'<div class="no-results">'+Resources.INVALID_ZIP+'</div>';}};var zipPromptTemplate=function(){return['<div id="preferred-store-panel">','    <input type="text" id="user-zip" placeholder="'+Resources.ENTER_ZIP+'" name="zipCode"/>','</div>'].join(newLine);};/**
+ * @description test whether zipcode is valid for either US or Canada
+ * @return {Boolean} true if the zipcode is valid for either country, false if it's invalid for both
+ **/var validateZipCode=function(zipCode){var regexes={canada:/^[ABCEGHJKLMNPRSTVXY]\d[ABCEGHJKLMNPRSTVWXYZ]( )?\d[ABCEGHJKLMNPRSTVWXYZ]\d$/i,usa:/^\d{5}(-\d{4})?$/},valid=false;if(!zipCode){return;}_.each(regexes,function(re){var regexp=new RegExp(re);valid=regexp.test(zipCode);});return valid;};var storeinventory={zipPrompt:function(callback){var self=this;dialog.open({html:zipPromptTemplate(),options:{title:Resources.STORE_NEAR_YOU,width:500,buttons:[{text:Resources.SEARCH,click:function(){var zipCode=$('#user-zip').val();if(validateZipCode(zipCode)){self.setUserZip(zipCode);if(callback){callback(zipCode);}}}}],open:function(){$('#user-zip').on('keypress',function(e){if(e.which===13){// trigger the search button
+$('.ui-dialog-buttonset .ui-button').trigger('click');}});}}});},getStoresInventory:function(pid){return TPromise.resolve($.ajax({url:util.appendParamsToUrl(Urls.storesInventory,{pid:pid,zipCode:User.zip}),dataType:'json'}));},/**
+     * @description open the dialog to select store
+     * @param {Array} options.stores
+     * @param {String} options.selectedStoreId
+     * @param {String} options.selectedStoreText
+     * @param {Function} options.continueCallback
+     * @param {Function} options.selectStoreCallback
+     **/selectStoreDialog:function(options){var self=this,stores=options.stores,selectedStoreId=options.selectedStoreId,selectedStoreText=options.selectedStoreText,storeList=storeListTemplate(stores,selectedStoreId,selectedStoreText);dialog.open({html:storeList,options:{title:Resources.SELECT_STORE+' - '+User.zip,buttons:[{text:Resources.CHANGE_LOCATION,click:function(){self.setUserZip(null);// trigger the event to start the process all over again
+$('.set-preferred-store').trigger('click');}.bind(this)},{text:Resources.CONTINUE,click:function(){if(options.continueCallback){options.continueCallback(stores);}dialog.close();}}],open:function(){$('.select-store-button').on('click',function(e){e.preventDefault();var storeId=$(this).data('storeId');// if the store is already selected, don't select again
+if(storeId===selectedStoreId){return;}$('.store-list .store-tile.selected').removeClass('selected').find('.select-store-button').text(Resources.SELECT_STORE);$(this).text(selectedStoreText).closest('.store-tile').addClass('selected');if(options.selectStoreCallback){options.selectStoreCallback(storeId);}});}}});},setUserZip:function(zip){User.zip=zip;$.ajax({type:'POST',url:Urls.setZipCode,data:{zipCode:zip}});},shippingLoad:function(){var $checkoutForm=$('.address');$checkoutForm.off('click');$checkoutForm.on('click','input[name$="_shippingAddress_isGift"]',function(){$(this).parent().siblings('.gift-message-text').toggleClass('hidden',$('input[name$="_shippingAddress_isGift"]:checked').val());});}};module.exports=storeinventory;},{"../dialog":12,"../util":53,"lodash":68,"promise":70}],49:[function(require,module,exports){'use strict';var _=require('lodash'),inventory=require('./');var newLine='\n';var pdpStoreTemplate=function(store){return['<li class="store-list-item '+(store.storeId===User.storeId?' selected':'')+'">','    <div class="store-address">'+store.address1+', '+store.city+' '+store.stateCode+' '+store.postalCode+'</div>','    <div class="store-status" data-status="'+store.statusclass+'">'+store.status+'</div>','</li>'].join(newLine);};var pdpStoresListingTemplate=function(stores){if(stores&&stores.length){return['<div class="store-list-pdp-container">',stores.length>1?'    <a class="stores-toggle collapsed" href="#">'+Resources.SEE_MORE+'</a>':'','    <ul class="store-list-pdp">',_.map(stores,pdpStoreTemplate).join(newLine),'    </ul>','</div>'].join(newLine);}};var storesListing=function(stores){// list all stores on PDP page
+if($('.store-list-pdp-container').length){$('.store-list-pdp-container').remove();}$('.availability-results').append(pdpStoresListingTemplate(stores));};var productInventory={setPreferredStore:function(storeId){User.storeId=storeId;$.ajax({url:Urls.setPreferredStore,type:'POST',data:{storeId:storeId}});},productSelectStore:function(){var self=this;inventory.getStoresInventory(this.pid).then(function(stores){inventory.selectStoreDialog({stores:stores,selectedStoreId:User.storeId,selectedStoreText:Resources.PREFERRED_STORE,continueCallback:storesListing,selectStoreCallback:self.setPreferredStore});}).done();},init:function(){var $availabilityContainer=$('.availability-results'),self=this;this.pid=$('input[name="pid"]').val();$('#product-content .set-preferred-store').on('click',function(e){e.preventDefault();if(!User.zip){inventory.zipPrompt(function(){self.productSelectStore();});}else{self.productSelectStore();}});if($availabilityContainer.length){if(User.storeId){inventory.getStoresInventory(this.pid).then(storesListing);}// See more or less stores in the listing
+$availabilityContainer.on('click','.stores-toggle',function(e){e.preventDefault();$('.store-list-pdp .store-list-item').toggleClass('visible');if($(this).hasClass('collapsed')){$(this).text(Resources.SEE_LESS);}else{$(this).text(Resources.SEE_MORE);}$(this).toggleClass('collapsed');});}}};module.exports=productInventory;},{"./":48,"lodash":68}],50:[function(require,module,exports){// This script is executed only on the checkout summary page
+if((window.location.pathname.includes('COBilling-Billing')||window.location.pathname.includes('Adyen-ShowConfirmation'))&&window.isAdyenPayment){async function handleAction(action){window.Configuration.onAdditionalDetails=onAdditionalDetails;const checkout=await AdyenCheckout(window.Configuration);const actionContainer=document.getElementById('action-container');checkout.createFromAction(action).mount(actionContainer);}// onAdditionalDetails event handler to be included in Adyen Component configuration
+var onAdditionalDetails=function(state){$.ajax({type:'POST',url:'Adyen-PaymentsDetails',data:JSON.stringify({data:state.data,orderToken:window.orderToken}),contentType:'application/json; charset=utf-8',async:false,success:function(data){if(!data.response.isFinal&&typeof data.response.action==='object'){handleAction(data.action);}else{window.location.href=data.response.redirectUrl;}}});};// serializes form data and submits to place order. Then proceeds to handle the result
+function placeOrder(formId){const form=$('#'+formId);$.ajax({method:'POST',url:window.summarySubmitUrl,data:$(form).serialize(),success:function(data){if(data.action){window.orderToken=data.orderToken;document.getElementById('action-modal-SG').style.display="block";handleAction(data.action);}else{window.location.href=data.continueUrl;}},error:function(err){}});}window.addEventListener("load",function(){// Override default submit form behavior
+const formId='submit-order-form';const form=document.getElementById(formId);form.addEventListener("submit",function(event){event.preventDefault();placeOrder(formId);});});}},{}],51:[function(require,module,exports){'use strict';/**
+ * Checks the TLS and displays a warning if appropriate
+ * @function getUserAgent Checks the TLS and displays a warning if appropriate
+ **/function getUserAgent(){// Use an external service to check the TLS of the browser
+// NOTE: this implementation uses https://www.howsmyssl.com
+//     you may also wish to consider the API available at https://www.ssllabs.com/projects/ssllabs-apis/index.html
+var url='https://www.howsmyssl.com/a/check';var cookieName='dw_TLSWarning';var cookieValue=getCookie(cookieName);// Test to see if this browser has already been flagged by looking at its cookies
+if(!cookieValue){getTLS(url,function(message){if(message.length>0){showWarning(message[0]);// the browser is bad - set the cookie to true (for 15 minutes)
+setCookie(cookieName,'true',15);}else{// else the browser is good, set the cookie to false (for 30 days) so we don't check again
+setCookie(cookieName,'false',60*24*30);}});}else if(cookieValue==='true'){// if we already know that this is an invalid browser, show the warning
+showWarning(Resources.TLS_WARNING);}}/**
+ * Calls out to the TLS service and calls the callback with a message (if necessary)
+ * @function getTLS
+ *
+ * @param {string} url - URL of external TLS-checking API
+ * @param {function} callback - function to call with response
+ **/function getTLS(url,callback){var message=[];// First, see if the browser is among the suspect browsers to see if a TLS check is necessary
+var userAgent=navigator.userAgent;/** This list derived from https://www.ssllabs.com/ssltest/clients.html **/var badBrowsers=['MSIE 6.0','MSIE 7.0','MSIE 8.0','MSIE 9.0','MSIE 10.0','Android 2.3.7','Android 4.0.4','Android 4.1.1','Android 4.2.2','Android 4.3','Safari 5.1.9 / OS X 10.6.8','Safari 6.0.4 / OS X 10.8.4 '];function checkTLSLevel(data){// If we can determine the TLS level, check to see if it's less than 1.2
+if(parseFloat(data.tls_version.split(' ')[1])<1.1){message.push(Resources.TLS_WARNING);callback(message);//If you want to track statistics on bad TLS hits, include this call
+$.ajax({url:Urls.TLSBadTLS});}}function reportBadBrowser(){// If the TLS level cannot be determined just report that this browser is suspect
+message.push(Resources.TLS_WARNING);callback(message);//If you want to track statistics on deprecated browsers, include this call
+$.ajax({url:Urls.TLSBadBrowser});}for(var i=0;i<badBrowsers.length;i++){if(userAgent.match(badBrowsers[i])){// It's a suspect browser, let's see what it's TLS level is
+$.ajax({url:url}).done(checkTLSLevel).fail(reportBadBrowser);break;}}/** For testing purposes, uncomment this block
+        message.push(Resources.TLS_WARNING);
+    **/callback(message);}/**
+ * @function showWarning turns on the browser-compatibility-alert and sets the message
+ *
+ * @param {string} message - the message that will be shown upon detection of a bad browser
+ **/function showWarning(message){$('<div/>').addClass('browser-compatibility-alert').append($('<p/>').addClass('browser-error').html(message)).appendTo('#browser-check');}/**
+ * @function getCookie
+ *
+ * @param {string} key - The cookie name
+ * @returns {string} value - the value of the cookie if found, null otherwise
+ **/function getCookie(key){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var tokens=cookies[i].split('=');var cookieKey=tokens[0].trim();if(cookieKey===key){return tokens[1];}}return'';}/**
+ * @function setCookie
+ *
+ * @param {string} key - The cookie name
+ * @param {string} value - The cookie value
+ * @param {integer} minutes - The number of minutes to expire the cookie
+ **/function setCookie(key,value,minutes){var date=new Date();date.setTime(date+minutes*60*1000);document.cookie=key+'='+value+'; expires='+date.toGMTString()+'; path=/';}/**
+ * Export the getUserAgent function
+ */exports.getUserAgent=getUserAgent;},{}],52:[function(require,module,exports){'use strict';/**
+ * @function
+ * @description Initializes the tooltip-content and layout
+ */exports.init=function(){$(document).tooltip({items:'.tooltip',track:true,content:function(){return $(this).find('.tooltip-content').html();}});$('.share-link').on('click',function(e){e.preventDefault();var target=$(this).data('target');if(!target){return;}$(target).toggleClass('active');});};},{}],53:[function(require,module,exports){'use strict';var _=require('lodash');var util={/**
+     * @function
+     * @description appends the parameter with the given name and value to the given url and returns the changed url
+     * @param {String} url the url to which the parameter will be added
+     * @param {String} name the name of the parameter
+     * @param {String} value the value of the parameter
+     */appendParamToURL:function(url,name,value){// quit if the param already exists
+if(url.indexOf(name+'=')!==-1){return url;}var separator=url.indexOf('?')!==-1?'&':'?';return url+separator+name+'='+encodeURIComponent(value);},/**
+     * @function
+     * @description remove the parameter and its value from the given url and returns the changed url
+     * @param {String} url the url from which the parameter will be removed
+     * @param {String} name the name of parameter that will be removed from url
+     */removeParamFromURL:function(url,name){if(url.indexOf('?')===-1||url.indexOf(name+'=')===-1){return url;}var hash;var params;var domain=url.split('?')[0];var paramUrl=url.split('?')[1];var newParams=[];// if there is a hash at the end, store the hash
+if(paramUrl.indexOf('#')>-1){hash=paramUrl.split('#')[1]||'';paramUrl=paramUrl.split('#')[0];}params=paramUrl.split('&');for(var i=0;i<params.length;i++){// put back param to newParams array if it is not the one to be removed
+if(params[i].split('=')[0]!==name){newParams.push(params[i]);}}return domain+'?'+newParams.join('&')+(hash?'#'+hash:'');},/**
+     * @function
+     * @description appends the parameters to the given url and returns the changed url
+     * @param {String} url the url to which the parameters will be added
+     * @param {Object} params
+     */appendParamsToUrl:function(url,params){var _url=url;_.each(params,function(value,name){_url=this.appendParamToURL(_url,name,value);}.bind(this));return _url;},/**
+     * @function
+     * @description extract the query string from URL
+     * @param {String} url the url to extra query string from
+     **/getQueryString:function(url){var qs;if(!_.isString(url)){return;}var a=document.createElement('a');a.href=url;if(a.search){qs=a.search.substr(1);// remove the leading ?
+}return qs;},/**
+     * @function
+     * @description
+     * @param {String}
+     * @param {String}
+     */elementInViewport:function(el,offsetToTop){var top=el.offsetTop,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;while(el.offsetParent){el=el.offsetParent;top+=el.offsetTop;left+=el.offsetLeft;}if(typeof offsetToTop!=='undefined'){top-=offsetToTop;}if(window.pageXOffset!==null){return top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset;}if(document.compatMode==='CSS1Compat'){return top<window.document.documentElement.scrollTop+window.document.documentElement.clientHeight&&left<window.document.documentElement.scrollLeft+window.document.documentElement.clientWidth&&top+height>window.document.documentElement.scrollTop&&left+width>window.document.documentElement.scrollLeft;}},/**
+     * @function
+     * @description Appends the parameter 'format=ajax' to a given path
+     * @param {String} path the relative path
+     */ajaxUrl:function(path){return this.appendParamToURL(path,'format','ajax');},/**
+     * @function
+     * @description
+     * @param {String} url
+     */toAbsoluteUrl:function(url){if(url.indexOf('http')!==0&&url.charAt(0)!=='/'){url='/'+url;}return url;},/**
+     * @function
+     * @description Loads css dynamically from given urls
+     * @param {Array} urls Array of urls from which css will be dynamically loaded.
+     */loadDynamicCss:function(urls){var i,len=urls.length;for(i=0;i<len;i++){this.loadedCssFiles.push(this.loadCssFile(urls[i]));}},/**
+     * @function
+     * @description Loads css file dynamically from given url
+     * @param {String} url The url from which css file will be dynamically loaded.
+     */loadCssFile:function(url){return $('<link/>').appendTo($('head')).attr({type:'text/css',rel:'stylesheet'}).attr('href',url);// for i.e. <9, href must be added after link has been appended to head
+},// array to keep track of the dynamically loaded CSS files
+loadedCssFiles:[],/**
+     * @function
+     * @description Removes all css files which were dynamically loaded
+     */clearDynamicCss:function(){var i=this.loadedCssFiles.length;while(0>i--){$(this.loadedCssFiles[i]).remove();}this.loadedCssFiles=[];},/**
+     * @function
+     * @description Extracts all parameters from a given query string into an object
+     * @param {String} qs The query string from which the parameters will be extracted
+     */getQueryStringParams:function(qs){if(!qs||qs.length===0){return{};}var params={},unescapedQS=decodeURIComponent(qs);// Use the String::replace method to iterate over each
+// name-value pair in the string.
+unescapedQS.replace(new RegExp('([^?=&]+)(=([^&]*))?','g'),function($0,$1,$2,$3){params[$1]=$3;});return params;},fillAddressFields:function(address,$form){for(var field in address){if(field==='ID'||field==='UUID'||field==='key'){continue;}// if the key in address object ends with 'Code', remove that suffix
+// keys that ends with 'Code' are postalCode, stateCode and countryCode
+$form.find('[name$="'+field.replace('Code','')+'"]').val(address[field]);// update the state fields
+if(field==='countryCode'){$form.find('[name$="country"]').trigger('change');// retrigger state selection after country has changed
+// this results in duplication of the state code, but is a necessary evil
+// for now because sometimes countryCode comes after stateCode
+$form.find('[name$="state"]').val(address.stateCode);}}},/**
+     * @function
+     * @description Updates the number of the remaining character
+     * based on the character limit in a text area
+     */limitCharacters:function(){$('form').find('textarea[data-character-limit]').each(function(){var characterLimit=$(this).data('character-limit');var charCountHtml=String.format(Resources.CHAR_LIMIT_MSG,'<span class="char-remain-count">'+characterLimit+'</span>','<span class="char-allowed-count">'+characterLimit+'</span>');var charCountContainer=$(this).next('div.char-count');if(charCountContainer.length===0){charCountContainer=$('<div class="char-count"/>').insertAfter($(this));}charCountContainer.html(charCountHtml);// trigger the keydown event so that any existing character data is calculated
+$(this).change();});},/**
+     * @function
+     * @description Binds the onclick-event to a delete button on a given container,
+     * which opens a confirmation box with a given message
+     * @param {String} container The name of element to which the function will be bind
+     * @param {String} message The message the will be shown upon a click
+     */setDeleteConfirmation:function(container,message){$(container).on('click','.delete',function(){return window.confirm(message);});},/**
+     * @function
+     * @description Scrolls a browser window to a given x point
+     * @param {String} The x coordinate
+     */scrollBrowser:function(xLocation){$('html, body').animate({scrollTop:xLocation},500);},isMobile:function(){var mobileAgentHash=['mobile','tablet','phone','ipad','ipod','android','blackberry','windows ce','opera mini','palm'];var idx=0;var isMobile=false;var userAgent=navigator.userAgent.toLowerCase();while(mobileAgentHash[idx]&&!isMobile){isMobile=userAgent.indexOf(mobileAgentHash[idx])>=0;idx++;}return isMobile;}};module.exports=util;},{"lodash":68}],54:[function(require,module,exports){'use strict';var naPhone=/^\(?([2-9][0-8][0-9])\)?[\-\. ]?([2-9][0-9]{2})[\-\. ]?([0-9]{4})(\s*x[0-9]+)?$/;var regex={phone:{us:naPhone,ca:naPhone,fr:/^0[1-6]{1}(([0-9]{2}){4})|((\s[0-9]{2}){4})|((-[0-9]{2}){4})$/,it:/^(([0-9]{2,4})([-\s\/]{0,1})([0-9]{4,8}))?$/,jp:/^(0\d{1,4}- ?)?\d{1,4}-\d{4}$/,cn:/.*/,gb:/^((\(?0\d{4}\)?\s?\d{3}\s?\d{3})|(\(?0\d{3}\)?\s?\d{3}\s?\d{4})|(\(?0\d{2}\)?\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3}))?$/},postal:{us:/^\d{5}(-\d{4})?$/,ca:/^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$/,fr:/^(F-)?((2[A|B])|[0-9]{2})[0-9]{3}$/,it:/^([0-9]){5}$/,jp:/^([0-9]){3}[-]([0-9]){4}$/,cn:/^([0-9]){6}$/,gb:/^([A-PR-UWYZ0-9][A-HK-Y0-9][AEHMNPRTVXY0-9]?[ABEHMNPRVWXY0-9]? {1,2}[0-9][ABD-HJLN-UW-Z]{2}|GIR 0AA)$/},notCC:/^(?!(([0-9 -]){13,19})).*$/};// global form validator settings
+var settings={errorClass:'error',errorElement:'span',onkeyup:false,onfocusout:function(element){if(!this.checkable(element)){this.element(element);}}};/**
+ * @function
+ * @description Validates a given phone number against the countries phone regex
+ * @param {String} value The phone number which will be validated
+ * @param {String} el The input field
+ */var validatePhone=function(value,el){var country=$(el).closest('form').find('.country');if(country.length===0||country.val().length===0||!regex.phone[country.val().toLowerCase()]){return true;}var rgx=regex.phone[country.val().toLowerCase()];var isOptional=this.optional(el);var isValid=rgx.test($.trim(value));return isOptional||isValid;};/**
+ * @function
+ * @description Validates that a credit card owner is not a Credit card number
+ * @param {String} value The owner field which will be validated
+ * @param {String} el The input field
+ */var validateOwner=function(value){var isValid=regex.notCC.test($.trim(value));return isValid;};/**
+ * Add phone validation method to jQuery validation plugin.
+ * Text fields must have 'phone' css class to be validated as phone
+ */$.validator.addMethod('phone',validatePhone,Resources.INVALID_PHONE);/**
+ * Add CCOwner validation method to jQuery validation plugin.
+ * Text fields must have 'owner' css class to be validated as not a credit card
+ */$.validator.addMethod('owner',validateOwner,Resources.INVALID_OWNER);/**
+ * Add gift cert amount validation method to jQuery validation plugin.
+ * Text fields must have 'gift-cert-amont' css class to be validated
+ */$.validator.addMethod('gift-cert-amount',function(value,el){var isOptional=this.optional(el);var isValid=!isNaN(value)&&parseFloat(value)>=5&&parseFloat(value)<=5000;return isOptional||isValid;},Resources.GIFT_CERT_AMOUNT_INVALID);/**
+ * Add positive number validation method to jQuery validation plugin.
+ * Text fields must have 'positivenumber' css class to be validated as positivenumber
+ */$.validator.addMethod('positivenumber',function(value){if($.trim(value).length===0){return true;}return!isNaN(value)&&Number(value)>=0;},'');// '' should be replaced with error message if needed
+$.extend($.validator.messages,{required:Resources.VALIDATE_REQUIRED,remote:Resources.VALIDATE_REMOTE,email:Resources.VALIDATE_EMAIL,url:Resources.VALIDATE_URL,date:Resources.VALIDATE_DATE,dateISO:Resources.VALIDATE_DATEISO,number:Resources.VALIDATE_NUMBER,digits:Resources.VALIDATE_DIGITS,creditcard:Resources.VALIDATE_CREDITCARD,equalTo:Resources.VALIDATE_EQUALTO,maxlength:$.validator.format(Resources.VALIDATE_MAXLENGTH),minlength:$.validator.format(Resources.VALIDATE_MINLENGTH),rangelength:$.validator.format(Resources.VALIDATE_RANGELENGTH),range:$.validator.format(Resources.VALIDATE_RANGE),max:$.validator.format(Resources.VALIDATE_MAX),min:$.validator.format(Resources.VALIDATE_MIN)});var validator={regex:regex,settings:settings,init:function(){var self=this;$('form:not(.suppress)').each(function(){$(this).validate(self.settings);});},initForm:function(f){$(f).validate(this.settings);}};module.exports=validator;},{}],55:[function(require,module,exports){"use strict";// rawAsap provides everything we need except exception management.
+var rawAsap=require("./raw");// RawTasks are recycled to reduce GC churn.
+var freeTasks=[];// We queue errors to ensure they are thrown in right order (FIFO).
+// Array-as-queue is good enough here, since we are just dealing with exceptions.
+var pendingErrors=[];var requestErrorThrow=rawAsap.makeRequestCallFromTimer(throwFirstError);function throwFirstError(){if(pendingErrors.length){throw pendingErrors.shift();}}/**
+ * Calls a task as soon as possible after returning, in its own event, with priority
+ * over other events like animation, reflow, and repaint. An error thrown from an
+ * event will not interrupt, nor even substantially slow down the processing of
+ * other events, but will be rather postponed to a lower priority event.
+ * @param {{call}} task A callable object, typically a function that takes no
+ * arguments.
+ */module.exports=asap;function asap(task){var rawTask;if(freeTasks.length){rawTask=freeTasks.pop();}else{rawTask=new RawTask();}rawTask.task=task;rawAsap(rawTask);}// We wrap tasks with recyclable task objects.  A task object implements
+// `call`, just like a function.
+function RawTask(){this.task=null;}// The sole purpose of wrapping the task is to catch the exception and recycle
+// the task object after its single use.
+RawTask.prototype.call=function(){try{this.task.call();}catch(error){if(asap.onerror){// This hook exists purely for testing purposes.
+// Its name will be periodically randomized to break any code that
+// depends on its existence.
+asap.onerror(error);}else{// In a web browser, exceptions are not fatal. However, to avoid
+// slowing down the queue of pending tasks, we rethrow the error in a
+// lower priority turn.
+pendingErrors.push(error);requestErrorThrow();}}finally{this.task=null;freeTasks[freeTasks.length]=this;}};},{"./raw":56}],56:[function(require,module,exports){(function(global){(function(){"use strict";// Use the fastest means possible to execute a task in its own turn, with
+// priority over other events including IO, animation, reflow, and redraw
+// events in browsers.
+//
+// An exception thrown by a task will permanently interrupt the processing of
+// subsequent tasks. The higher level `asap` function ensures that if an
+// exception is thrown by a task, that the task queue will continue flushing as
+// soon as possible, but if you use `rawAsap` directly, you are responsible to
+// either ensure that no exceptions are thrown from your task, or to manually
+// call `rawAsap.requestFlush` if an exception is thrown.
+module.exports=rawAsap;function rawAsap(task){if(!queue.length){requestFlush();flushing=true;}// Equivalent to push, but avoids a function call.
+queue[queue.length]=task;}var queue=[];// Once a flush has been requested, no further calls to `requestFlush` are
+// necessary until the next `flush` completes.
+var flushing=false;// `requestFlush` is an implementation-specific method that attempts to kick
+// off a `flush` event as quickly as possible. `flush` will attempt to exhaust
+// the event queue before yielding to the browser's own event loop.
+var requestFlush;// The position of the next task to execute in the task queue. This is
+// preserved between calls to `flush` so that it can be resumed if
+// a task throws an exception.
+var index=0;// If a task schedules additional tasks recursively, the task queue can grow
+// unbounded. To prevent memory exhaustion, the task queue will periodically
+// truncate already-completed tasks.
+var capacity=1024;// The flush function processes all tasks that have been scheduled with
+// `rawAsap` unless and until one of those tasks throws an exception.
+// If a task throws an exception, `flush` ensures that its state will remain
+// consistent and will resume where it left off when called again.
+// However, `flush` does not make any arrangements to be called again if an
+// exception is thrown.
+function flush(){while(index<queue.length){var currentIndex=index;// Advance the index before calling the task. This ensures that we will
+// begin flushing on the next task the task throws an error.
+index=index+1;queue[currentIndex].call();// Prevent leaking memory for long chains of recursive calls to `asap`.
+// If we call `asap` within tasks scheduled by `asap`, the queue will
+// grow, but to avoid an O(n) walk for every task we execute, we don't
+// shift tasks off the queue after they have been executed.
+// Instead, we periodically shift 1024 tasks off the queue.
+if(index>capacity){// Manually shift all values starting at the index back to the
+// beginning of the queue.
+for(var scan=0,newLength=queue.length-index;scan<newLength;scan++){queue[scan]=queue[scan+index];}queue.length-=index;index=0;}}queue.length=0;index=0;flushing=false;}// `requestFlush` is implemented using a strategy based on data collected from
+// every available SauceLabs Selenium web driver worker at time of writing.
+// https://docs.google.com/spreadsheets/d/1mG-5UYGup5qxGdEMWkhP6BWCz053NUb2E1QoUTU16uA/edit#gid=783724593
+// Safari 6 and 6.1 for desktop, iPad, and iPhone are the only browsers that
+// have WebKitMutationObserver but not un-prefixed MutationObserver.
+// Must use `global` or `self` instead of `window` to work in both frames and web
+// workers. `global` is a provision of Browserify, Mr, Mrs, or Mop.
+/* globals self */var scope=typeof global!=="undefined"?global:self;var BrowserMutationObserver=scope.MutationObserver||scope.WebKitMutationObserver;// MutationObservers are desirable because they have high priority and work
+// reliably everywhere they are implemented.
+// They are implemented in all modern browsers.
+//
+// - Android 4-4.3
+// - Chrome 26-34
+// - Firefox 14-29
+// - Internet Explorer 11
+// - iPad Safari 6-7.1
+// - iPhone Safari 7-7.1
+// - Safari 6-7
+if(typeof BrowserMutationObserver==="function"){requestFlush=makeRequestCallFromMutationObserver(flush);// MessageChannels are desirable because they give direct access to the HTML
+// task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
+// 11-12, and in web workers in many engines.
+// Although message channels yield to any queued rendering and IO tasks, they
+// would be better than imposing the 4ms delay of timers.
+// However, they do not work reliably in Internet Explorer or Safari.
+// Internet Explorer 10 is the only browser that has setImmediate but does
+// not have MutationObservers.
+// Although setImmediate yields to the browser's renderer, it would be
+// preferrable to falling back to setTimeout since it does not have
+// the minimum 4ms penalty.
+// Unfortunately there appears to be a bug in Internet Explorer 10 Mobile (and
+// Desktop to a lesser extent) that renders both setImmediate and
+// MessageChannel useless for the purposes of ASAP.
+// https://github.com/kriskowal/q/issues/396
+// Timers are implemented universally.
+// We fall back to timers in workers in most engines, and in foreground
+// contexts in the following browsers.
+// However, note that even this simple case requires nuances to operate in a
+// broad spectrum of browsers.
+//
+// - Firefox 3-13
+// - Internet Explorer 6-9
+// - iPad Safari 4.3
+// - Lynx 2.8.7
+}else{requestFlush=makeRequestCallFromTimer(flush);}// `requestFlush` requests that the high priority event queue be flushed as
+// soon as possible.
+// This is useful to prevent an error thrown in a task from stalling the event
+// queue if the exception handled by Node.js’s
+// `process.on("uncaughtException")` or by a domain.
+rawAsap.requestFlush=requestFlush;// To request a high priority event, we induce a mutation observer by toggling
+// the text of a text node between "1" and "-1".
+function makeRequestCallFromMutationObserver(callback){var toggle=1;var observer=new BrowserMutationObserver(callback);var node=document.createTextNode("");observer.observe(node,{characterData:true});return function requestCall(){toggle=-toggle;node.data=toggle;};}// The message channel technique was discovered by Malte Ubl and was the
+// original foundation for this library.
+// http://www.nonblocking.io/2011/06/windownexttick.html
+// Safari 6.0.5 (at least) intermittently fails to create message ports on a
+// page's first load. Thankfully, this version of Safari supports
+// MutationObservers, so we don't need to fall back in that case.
+// function makeRequestCallFromMessageChannel(callback) {
+//     var channel = new MessageChannel();
+//     channel.port1.onmessage = callback;
+//     return function requestCall() {
+//         channel.port2.postMessage(0);
+//     };
+// }
+// For reasons explained above, we are also unable to use `setImmediate`
+// under any circumstances.
+// Even if we were, there is another bug in Internet Explorer 10.
+// It is not sufficient to assign `setImmediate` to `requestFlush` because
+// `setImmediate` must be called *by name* and therefore must be wrapped in a
+// closure.
+// Never forget.
+// function makeRequestCallFromSetImmediate(callback) {
+//     return function requestCall() {
+//         setImmediate(callback);
+//     };
+// }
+// Safari 6.0 has a problem where timers will get lost while the user is
+// scrolling. This problem does not impact ASAP because Safari 6.0 supports
+// mutation observers, so that implementation is used instead.
+// However, if we ever elect to use timers in Safari, the prevalent work-around
+// is to add a scroll event listener that calls for a flush.
+// `setTimeout` does not call the passed callback if the delay is less than
+// approximately 7 in web workers in Firefox 8 through 18, and sometimes not
+// even then.
+function makeRequestCallFromTimer(callback){return function requestCall(){// We dispatch a timeout with a specified delay of 0 for engines that
+// can reliably accommodate that request. This will usually be snapped
+// to a 4 milisecond delay, but once we're flushing, there's no delay
+// between events.
+var timeoutHandle=setTimeout(handleTimer,0);// However, since this timer gets frequently dropped in Firefox
+// workers, we enlist an interval handle that will try to fire
+// an event 20 times per second until it succeeds.
+var intervalHandle=setInterval(handleTimer,50);function handleTimer(){// Whichever timer succeeds will cancel both timers and
+// execute the callback.
+clearTimeout(timeoutHandle);clearInterval(intervalHandle);callback();}};}// This is for `asap.js` only.
+// Its name will be periodically randomized to break any code that depends on
+// its existence.
+rawAsap.makeRequestCallFromTimer=makeRequestCallFromTimer;// ASAP was originally a nextTick shim included in Q. This was factored out
+// into this ASAP package. It was later adapted to RSVP which made further
+// amendments. These decisions, particularly to marginalize MessageChannel and
+// to capture the MutationObserver implementation in a closure, were integrated
+// back into ASAP proper.
+// https://github.com/tildeio/rsvp.js/blob/cddf7232546a9cf858524b75cde6f9edf72620a7/lib/rsvp/asap.js
+}).call(this);}).call(this,typeof global!=="undefined"?global:typeof self!=="undefined"?self:typeof window!=="undefined"?window:{});},{}],57:[function(require,module,exports){},{}],58:[function(require,module,exports){'use strict';var GetIntrinsic=require('get-intrinsic');var callBind=require('./');var $indexOf=callBind(GetIntrinsic('String.prototype.indexOf'));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);if(typeof intrinsic==='function'&&$indexOf(name,'.prototype.')>-1){return callBind(intrinsic);}return intrinsic;};},{"./":59,"get-intrinsic":63}],59:[function(require,module,exports){'use strict';var bind=require('function-bind');var GetIntrinsic=require('get-intrinsic');var $apply=GetIntrinsic('%Function.prototype.apply%');var $call=GetIntrinsic('%Function.prototype.call%');var $reflectApply=GetIntrinsic('%Reflect.apply%',true)||bind.call($call,$apply);var $gOPD=GetIntrinsic('%Object.getOwnPropertyDescriptor%',true);var $defineProperty=GetIntrinsic('%Object.defineProperty%',true);var $max=GetIntrinsic('%Math.max%');if($defineProperty){try{$defineProperty({},'a',{value:1});}catch(e){// IE 8 has a broken defineProperty
+$defineProperty=null;}}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);if($gOPD&&$defineProperty){var desc=$gOPD(func,'length');if(desc.configurable){// original length, plus the receiver, minus any additional arguments (after the receiver)
+$defineProperty(func,'length',{value:1+$max(0,originalFunction.length-(arguments.length-1))});}}return func;};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments);};if($defineProperty){$defineProperty(module.exports,'apply',{value:applyBind});}else{module.exports.apply=applyBind;}},{"function-bind":62,"get-intrinsic":63}],60:[function(require,module,exports){/*!
+ * eventie v1.0.6
+ * event binding helper
+ *   eventie.bind( elem, 'click', myFn )
+ *   eventie.unbind( elem, 'click', myFn )
+ * MIT license
+ */ /*jshint browser: true, undef: true, unused: true */ /*global define: false, module: false */(function(window){'use strict';var docElem=document.documentElement;var bind=function(){};function getIEEvent(obj){var event=window.event;// add event.target
+event.target=event.target||event.srcElement||obj;return event;}if(docElem.addEventListener){bind=function(obj,type,fn){obj.addEventListener(type,fn,false);};}else if(docElem.attachEvent){bind=function(obj,type,fn){obj[type+fn]=fn.handleEvent?function(){var event=getIEEvent(obj);fn.handleEvent.call(fn,event);}:function(){var event=getIEEvent(obj);fn.call(obj,event);};obj.attachEvent("on"+type,obj[type+fn]);};}var unbind=function(){};if(docElem.removeEventListener){unbind=function(obj,type,fn){obj.removeEventListener(type,fn,false);};}else if(docElem.detachEvent){unbind=function(obj,type,fn){obj.detachEvent("on"+type,obj[type+fn]);try{delete obj[type+fn];}catch(err){// can't delete window object properties
+obj[type+fn]=undefined;}};}var eventie={bind:bind,unbind:unbind};// ----- module definition ----- //
+if(typeof define==='function'&&define.amd){// AMD
+define(eventie);}else if(typeof exports==='object'){// CommonJS
+module.exports=eventie;}else{// browser global
+window.eventie=eventie;}})(window);},{}],61:[function(require,module,exports){'use strict';/* eslint no-invalid-this: 1 */var ERROR_MESSAGE='Function.prototype.bind called on incompatible ';var slice=Array.prototype.slice;var toStr=Object.prototype.toString;var funcType='[object Function]';module.exports=function bind(that){var target=this;if(typeof target!=='function'||toStr.call(target)!==funcType){throw new TypeError(ERROR_MESSAGE+target);}var args=slice.call(arguments,1);var bound;var binder=function(){if(this instanceof bound){var result=target.apply(this,args.concat(slice.call(arguments)));if(Object(result)===result){return result;}return this;}else{return target.apply(that,args.concat(slice.call(arguments)));}};var boundLength=Math.max(0,target.length-args.length);var boundArgs=[];for(var i=0;i<boundLength;i++){boundArgs.push('$'+i);}bound=Function('binder','return function ('+boundArgs.join(',')+'){ return binder.apply(this,arguments); }')(binder);if(target.prototype){var Empty=function Empty(){};Empty.prototype=target.prototype;bound.prototype=new Empty();Empty.prototype=null;}return bound;};},{}],62:[function(require,module,exports){'use strict';var implementation=require('./implementation');module.exports=Function.prototype.bind||implementation;},{"./implementation":61}],63:[function(require,module,exports){'use strict';var undefined;var $SyntaxError=SyntaxError;var $Function=Function;var $TypeError=TypeError;// eslint-disable-next-line consistent-return
+var getEvalledConstructor=function(expressionSyntax){try{return $Function('"use strict"; return ('+expressionSyntax+').constructor;')();}catch(e){}};var $gOPD=Object.getOwnPropertyDescriptor;if($gOPD){try{$gOPD({},'');}catch(e){$gOPD=null;// this is IE 8, which has a broken gOPD
+}}var throwTypeError=function(){throw new $TypeError();};var ThrowTypeError=$gOPD?function(){try{// eslint-disable-next-line no-unused-expressions, no-caller, no-restricted-properties
+arguments.callee;// IE 8 does not throw here
+return throwTypeError;}catch(calleeThrows){try{// IE 8 throws on Object.getOwnPropertyDescriptor(arguments, '')
+return $gOPD(arguments,'callee').get;}catch(gOPDthrows){return throwTypeError;}}}():throwTypeError;var hasSymbols=require('has-symbols')();var getProto=Object.getPrototypeOf||function(x){return x.__proto__;};// eslint-disable-line no-proto
+var needsEval={};var TypedArray=typeof Uint8Array==='undefined'?undefined:getProto(Uint8Array);var INTRINSICS={'%AggregateError%':typeof AggregateError==='undefined'?undefined:AggregateError,'%Array%':Array,'%ArrayBuffer%':typeof ArrayBuffer==='undefined'?undefined:ArrayBuffer,'%ArrayIteratorPrototype%':hasSymbols?getProto([][Symbol.iterator]()):undefined,'%AsyncFromSyncIteratorPrototype%':undefined,'%AsyncFunction%':needsEval,'%AsyncGenerator%':needsEval,'%AsyncGeneratorFunction%':needsEval,'%AsyncIteratorPrototype%':needsEval,'%Atomics%':typeof Atomics==='undefined'?undefined:Atomics,'%BigInt%':typeof BigInt==='undefined'?undefined:BigInt,'%Boolean%':Boolean,'%DataView%':typeof DataView==='undefined'?undefined:DataView,'%Date%':Date,'%decodeURI%':decodeURI,'%decodeURIComponent%':decodeURIComponent,'%encodeURI%':encodeURI,'%encodeURIComponent%':encodeURIComponent,'%Error%':Error,'%eval%':eval,// eslint-disable-line no-eval
+'%EvalError%':EvalError,'%Float32Array%':typeof Float32Array==='undefined'?undefined:Float32Array,'%Float64Array%':typeof Float64Array==='undefined'?undefined:Float64Array,'%FinalizationRegistry%':typeof FinalizationRegistry==='undefined'?undefined:FinalizationRegistry,'%Function%':$Function,'%GeneratorFunction%':needsEval,'%Int8Array%':typeof Int8Array==='undefined'?undefined:Int8Array,'%Int16Array%':typeof Int16Array==='undefined'?undefined:Int16Array,'%Int32Array%':typeof Int32Array==='undefined'?undefined:Int32Array,'%isFinite%':isFinite,'%isNaN%':isNaN,'%IteratorPrototype%':hasSymbols?getProto(getProto([][Symbol.iterator]())):undefined,'%JSON%':typeof JSON==='object'?JSON:undefined,'%Map%':typeof Map==='undefined'?undefined:Map,'%MapIteratorPrototype%':typeof Map==='undefined'||!hasSymbols?undefined:getProto(new Map()[Symbol.iterator]()),'%Math%':Math,'%Number%':Number,'%Object%':Object,'%parseFloat%':parseFloat,'%parseInt%':parseInt,'%Promise%':typeof Promise==='undefined'?undefined:Promise,'%Proxy%':typeof Proxy==='undefined'?undefined:Proxy,'%RangeError%':RangeError,'%ReferenceError%':ReferenceError,'%Reflect%':typeof Reflect==='undefined'?undefined:Reflect,'%RegExp%':RegExp,'%Set%':typeof Set==='undefined'?undefined:Set,'%SetIteratorPrototype%':typeof Set==='undefined'||!hasSymbols?undefined:getProto(new Set()[Symbol.iterator]()),'%SharedArrayBuffer%':typeof SharedArrayBuffer==='undefined'?undefined:SharedArrayBuffer,'%String%':String,'%StringIteratorPrototype%':hasSymbols?getProto(''[Symbol.iterator]()):undefined,'%Symbol%':hasSymbols?Symbol:undefined,'%SyntaxError%':$SyntaxError,'%ThrowTypeError%':ThrowTypeError,'%TypedArray%':TypedArray,'%TypeError%':$TypeError,'%Uint8Array%':typeof Uint8Array==='undefined'?undefined:Uint8Array,'%Uint8ClampedArray%':typeof Uint8ClampedArray==='undefined'?undefined:Uint8ClampedArray,'%Uint16Array%':typeof Uint16Array==='undefined'?undefined:Uint16Array,'%Uint32Array%':typeof Uint32Array==='undefined'?undefined:Uint32Array,'%URIError%':URIError,'%WeakMap%':typeof WeakMap==='undefined'?undefined:WeakMap,'%WeakRef%':typeof WeakRef==='undefined'?undefined:WeakRef,'%WeakSet%':typeof WeakSet==='undefined'?undefined:WeakSet};var doEval=function doEval(name){var value;if(name==='%AsyncFunction%'){value=getEvalledConstructor('async function () {}');}else if(name==='%GeneratorFunction%'){value=getEvalledConstructor('function* () {}');}else if(name==='%AsyncGeneratorFunction%'){value=getEvalledConstructor('async function* () {}');}else if(name==='%AsyncGenerator%'){var fn=doEval('%AsyncGeneratorFunction%');if(fn){value=fn.prototype;}}else if(name==='%AsyncIteratorPrototype%'){var gen=doEval('%AsyncGenerator%');if(gen){value=getProto(gen.prototype);}}INTRINSICS[name]=value;return value;};var LEGACY_ALIASES={'%ArrayBufferPrototype%':['ArrayBuffer','prototype'],'%ArrayPrototype%':['Array','prototype'],'%ArrayProto_entries%':['Array','prototype','entries'],'%ArrayProto_forEach%':['Array','prototype','forEach'],'%ArrayProto_keys%':['Array','prototype','keys'],'%ArrayProto_values%':['Array','prototype','values'],'%AsyncFunctionPrototype%':['AsyncFunction','prototype'],'%AsyncGenerator%':['AsyncGeneratorFunction','prototype'],'%AsyncGeneratorPrototype%':['AsyncGeneratorFunction','prototype','prototype'],'%BooleanPrototype%':['Boolean','prototype'],'%DataViewPrototype%':['DataView','prototype'],'%DatePrototype%':['Date','prototype'],'%ErrorPrototype%':['Error','prototype'],'%EvalErrorPrototype%':['EvalError','prototype'],'%Float32ArrayPrototype%':['Float32Array','prototype'],'%Float64ArrayPrototype%':['Float64Array','prototype'],'%FunctionPrototype%':['Function','prototype'],'%Generator%':['GeneratorFunction','prototype'],'%GeneratorPrototype%':['GeneratorFunction','prototype','prototype'],'%Int8ArrayPrototype%':['Int8Array','prototype'],'%Int16ArrayPrototype%':['Int16Array','prototype'],'%Int32ArrayPrototype%':['Int32Array','prototype'],'%JSONParse%':['JSON','parse'],'%JSONStringify%':['JSON','stringify'],'%MapPrototype%':['Map','prototype'],'%NumberPrototype%':['Number','prototype'],'%ObjectPrototype%':['Object','prototype'],'%ObjProto_toString%':['Object','prototype','toString'],'%ObjProto_valueOf%':['Object','prototype','valueOf'],'%PromisePrototype%':['Promise','prototype'],'%PromiseProto_then%':['Promise','prototype','then'],'%Promise_all%':['Promise','all'],'%Promise_reject%':['Promise','reject'],'%Promise_resolve%':['Promise','resolve'],'%RangeErrorPrototype%':['RangeError','prototype'],'%ReferenceErrorPrototype%':['ReferenceError','prototype'],'%RegExpPrototype%':['RegExp','prototype'],'%SetPrototype%':['Set','prototype'],'%SharedArrayBufferPrototype%':['SharedArrayBuffer','prototype'],'%StringPrototype%':['String','prototype'],'%SymbolPrototype%':['Symbol','prototype'],'%SyntaxErrorPrototype%':['SyntaxError','prototype'],'%TypedArrayPrototype%':['TypedArray','prototype'],'%TypeErrorPrototype%':['TypeError','prototype'],'%Uint8ArrayPrototype%':['Uint8Array','prototype'],'%Uint8ClampedArrayPrototype%':['Uint8ClampedArray','prototype'],'%Uint16ArrayPrototype%':['Uint16Array','prototype'],'%Uint32ArrayPrototype%':['Uint32Array','prototype'],'%URIErrorPrototype%':['URIError','prototype'],'%WeakMapPrototype%':['WeakMap','prototype'],'%WeakSetPrototype%':['WeakSet','prototype']};var bind=require('function-bind');var hasOwn=require('has');var $concat=bind.call(Function.call,Array.prototype.concat);var $spliceApply=bind.call(Function.apply,Array.prototype.splice);var $replace=bind.call(Function.call,String.prototype.replace);var $strSlice=bind.call(Function.call,String.prototype.slice);/* adapted from https://github.com/lodash/lodash/blob/4.17.15/dist/lodash.js#L6735-L6744 */var rePropName=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;var reEscapeChar=/\\(\\)?/g;/** Used to match backslashes in property paths. */var stringToPath=function stringToPath(string){var first=$strSlice(string,0,1);var last=$strSlice(string,-1);if(first==='%'&&last!=='%'){throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');}else if(last==='%'&&first!=='%'){throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');}var result=[];$replace(string,rePropName,function(match,number,quote,subString){result[result.length]=quote?$replace(subString,reEscapeChar,'$1'):number||match;});return result;};/* end adaptation */var getBaseIntrinsic=function getBaseIntrinsic(name,allowMissing){var intrinsicName=name;var alias;if(hasOwn(LEGACY_ALIASES,intrinsicName)){alias=LEGACY_ALIASES[intrinsicName];intrinsicName='%'+alias[0]+'%';}if(hasOwn(INTRINSICS,intrinsicName)){var value=INTRINSICS[intrinsicName];if(value===needsEval){value=doEval(intrinsicName);}if(typeof value==='undefined'&&!allowMissing){throw new $TypeError('intrinsic '+name+' exists, but is not available. Please file an issue!');}return{alias:alias,name:intrinsicName,value:value};}throw new $SyntaxError('intrinsic '+name+' does not exist!');};module.exports=function GetIntrinsic(name,allowMissing){if(typeof name!=='string'||name.length===0){throw new $TypeError('intrinsic name must be a non-empty string');}if(arguments.length>1&&typeof allowMissing!=='boolean'){throw new $TypeError('"allowMissing" argument must be a boolean');}var parts=stringToPath(name);var intrinsicBaseName=parts.length>0?parts[0]:'';var intrinsic=getBaseIntrinsic('%'+intrinsicBaseName+'%',allowMissing);var intrinsicRealName=intrinsic.name;var value=intrinsic.value;var skipFurtherCaching=false;var alias=intrinsic.alias;if(alias){intrinsicBaseName=alias[0];$spliceApply(parts,$concat([0,1],alias));}for(var i=1,isOwn=true;i<parts.length;i+=1){var part=parts[i];var first=$strSlice(part,0,1);var last=$strSlice(part,-1);if((first==='"'||first==="'"||first==='`'||last==='"'||last==="'"||last==='`')&&first!==last){throw new $SyntaxError('property names with quotes must have matching quotes');}if(part==='constructor'||!isOwn){skipFurtherCaching=true;}intrinsicBaseName+='.'+part;intrinsicRealName='%'+intrinsicBaseName+'%';if(hasOwn(INTRINSICS,intrinsicRealName)){value=INTRINSICS[intrinsicRealName];}else if(value!=null){if(!(part in value)){if(!allowMissing){throw new $TypeError('base intrinsic for '+name+' exists, but the property is not available.');}return void undefined;}if($gOPD&&i+1>=parts.length){var desc=$gOPD(value,part);isOwn=!!desc;// By convention, when a data property is converted to an accessor
+// property to emulate a data property that does not suffer from
+// the override mistake, that accessor's getter is marked with
+// an `originalValue` property. Here, when we detect this, we
+// uphold the illusion by pretending to see that original data
+// property, i.e., returning the value rather than the getter
+// itself.
+if(isOwn&&'get'in desc&&!('originalValue'in desc.get)){value=desc.get;}else{value=value[part];}}else{isOwn=hasOwn(value,part);value=value[part];}if(isOwn&&!skipFurtherCaching){INTRINSICS[intrinsicRealName]=value;}}}return value;};},{"function-bind":62,"has":66,"has-symbols":64}],64:[function(require,module,exports){'use strict';var origSymbol=typeof Symbol!=='undefined'&&Symbol;var hasSymbolSham=require('./shams');module.exports=function hasNativeSymbols(){if(typeof origSymbol!=='function'){return false;}if(typeof Symbol!=='function'){return false;}if(typeof origSymbol('foo')!=='symbol'){return false;}if(typeof Symbol('bar')!=='symbol'){return false;}return hasSymbolSham();};},{"./shams":65}],65:[function(require,module,exports){'use strict';/* eslint complexity: [2, 18], max-statements: [2, 33] */module.exports=function hasSymbols(){if(typeof Symbol!=='function'||typeof Object.getOwnPropertySymbols!=='function'){return false;}if(typeof Symbol.iterator==='symbol'){return true;}var obj={};var sym=Symbol('test');var symObj=Object(sym);if(typeof sym==='string'){return false;}if(Object.prototype.toString.call(sym)!=='[object Symbol]'){return false;}if(Object.prototype.toString.call(symObj)!=='[object Symbol]'){return false;}// temp disabled per https://github.com/ljharb/object.assign/issues/17
+// if (sym instanceof Symbol) { return false; }
+// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4
+// if (!(symObj instanceof Symbol)) { return false; }
+// if (typeof Symbol.prototype.toString !== 'function') { return false; }
+// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }
+var symVal=42;obj[sym]=symVal;for(sym in obj){return false;}// eslint-disable-line no-restricted-syntax, no-unreachable-loop
+if(typeof Object.keys==='function'&&Object.keys(obj).length!==0){return false;}if(typeof Object.getOwnPropertyNames==='function'&&Object.getOwnPropertyNames(obj).length!==0){return false;}var syms=Object.getOwnPropertySymbols(obj);if(syms.length!==1||syms[0]!==sym){return false;}if(!Object.prototype.propertyIsEnumerable.call(obj,sym)){return false;}if(typeof Object.getOwnPropertyDescriptor==='function'){var descriptor=Object.getOwnPropertyDescriptor(obj,sym);if(descriptor.value!==symVal||descriptor.enumerable!==true){return false;}}return true;};},{}],66:[function(require,module,exports){'use strict';var bind=require('function-bind');module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty);},{"function-bind":62}],67:[function(require,module,exports){/*!
+ * imagesLoaded v3.2.0
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */(function(window,factory){'use strict';// universal module definition
+/*global define: false, module: false, require: false */if(typeof define=='function'&&define.amd){// AMD
+define(['eventEmitter/EventEmitter','eventie/eventie'],function(EventEmitter,eventie){return factory(window,EventEmitter,eventie);});}else if(typeof module=='object'&&module.exports){// CommonJS
+module.exports=factory(window,require('wolfy87-eventemitter'),require('eventie'));}else{// browser global
+window.imagesLoaded=factory(window,window.EventEmitter,window.eventie);}})(window,// --------------------------  factory -------------------------- //
+function factory(window,EventEmitter,eventie){'use strict';var $=window.jQuery;var console=window.console;// -------------------------- helpers -------------------------- //
+// extend objects
+function extend(a,b){for(var prop in b){a[prop]=b[prop];}return a;}var objToString=Object.prototype.toString;function isArray(obj){return objToString.call(obj)=='[object Array]';}// turn element or nodeList into an array
+function makeArray(obj){var ary=[];if(isArray(obj)){// use object if already an array
+ary=obj;}else if(typeof obj.length=='number'){// convert nodeList to array
+for(var i=0;i<obj.length;i++){ary.push(obj[i]);}}else{// array of single index
+ary.push(obj);}return ary;}// -------------------------- imagesLoaded -------------------------- //
+/**
+   * @param {Array, Element, NodeList, String} elem
+   * @param {Object or Function} options - if function, use as callback
+   * @param {Function} onAlways - callback function
+   */function ImagesLoaded(elem,options,onAlways){// coerce ImagesLoaded() without new, to be new ImagesLoaded()
+if(!(this instanceof ImagesLoaded)){return new ImagesLoaded(elem,options,onAlways);}// use elem as selector string
+if(typeof elem=='string'){elem=document.querySelectorAll(elem);}this.elements=makeArray(elem);this.options=extend({},this.options);if(typeof options=='function'){onAlways=options;}else{extend(this.options,options);}if(onAlways){this.on('always',onAlways);}this.getImages();if($){// add jQuery Deferred object
+this.jqDeferred=new $.Deferred();}// HACK check async to allow time to bind listeners
+var _this=this;setTimeout(function(){_this.check();});}ImagesLoaded.prototype=new EventEmitter();ImagesLoaded.prototype.options={};ImagesLoaded.prototype.getImages=function(){this.images=[];// filter & find items if we have an item selector
+for(var i=0;i<this.elements.length;i++){var elem=this.elements[i];this.addElementImages(elem);}};/**
+   * @param {Node} element
+   */ImagesLoaded.prototype.addElementImages=function(elem){// filter siblings
+if(elem.nodeName=='IMG'){this.addImage(elem);}// get background image on element
+if(this.options.background===true){this.addElementBackgroundImages(elem);}// find children
+// no non-element nodes, #143
+var nodeType=elem.nodeType;if(!nodeType||!elementNodeTypes[nodeType]){return;}var childImgs=elem.querySelectorAll('img');// concat childElems to filterFound array
+for(var i=0;i<childImgs.length;i++){var img=childImgs[i];this.addImage(img);}// get child background images
+if(typeof this.options.background=='string'){var children=elem.querySelectorAll(this.options.background);for(i=0;i<children.length;i++){var child=children[i];this.addElementBackgroundImages(child);}}};var elementNodeTypes={1:true,9:true,11:true};ImagesLoaded.prototype.addElementBackgroundImages=function(elem){var style=getStyle(elem);// get url inside url("...")
+var reURL=/url\(['"]*([^'"\)]+)['"]*\)/gi;var matches=reURL.exec(style.backgroundImage);while(matches!==null){var url=matches&&matches[1];if(url){this.addBackground(url,elem);}matches=reURL.exec(style.backgroundImage);}};// IE8
+var getStyle=window.getComputedStyle||function(elem){return elem.currentStyle;};/**
+   * @param {Image} img
+   */ImagesLoaded.prototype.addImage=function(img){var loadingImage=new LoadingImage(img);this.images.push(loadingImage);};ImagesLoaded.prototype.addBackground=function(url,elem){var background=new Background(url,elem);this.images.push(background);};ImagesLoaded.prototype.check=function(){var _this=this;this.progressedCount=0;this.hasAnyBroken=false;// complete if no images
+if(!this.images.length){this.complete();return;}function onProgress(image,elem,message){// HACK - Chrome triggers event before object properties have changed. #83
+setTimeout(function(){_this.progress(image,elem,message);});}for(var i=0;i<this.images.length;i++){var loadingImage=this.images[i];loadingImage.once('progress',onProgress);loadingImage.check();}};ImagesLoaded.prototype.progress=function(image,elem,message){this.progressedCount++;this.hasAnyBroken=this.hasAnyBroken||!image.isLoaded;// progress event
+this.emit('progress',this,image,elem);if(this.jqDeferred&&this.jqDeferred.notify){this.jqDeferred.notify(this,image);}// check if completed
+if(this.progressedCount==this.images.length){this.complete();}if(this.options.debug&&console){console.log('progress: '+message,image,elem);}};ImagesLoaded.prototype.complete=function(){var eventName=this.hasAnyBroken?'fail':'done';this.isComplete=true;this.emit(eventName,this);this.emit('always',this);if(this.jqDeferred){var jqMethod=this.hasAnyBroken?'reject':'resolve';this.jqDeferred[jqMethod](this);}};// --------------------------  -------------------------- //
+function LoadingImage(img){this.img=img;}LoadingImage.prototype=new EventEmitter();LoadingImage.prototype.check=function(){// If complete is true and browser supports natural sizes,
+// try to check for image status manually.
+var isComplete=this.getIsImageComplete();if(isComplete){// report based on naturalWidth
+this.confirm(this.img.naturalWidth!==0,'naturalWidth');return;}// If none of the checks above matched, simulate loading on detached element.
+this.proxyImage=new Image();eventie.bind(this.proxyImage,'load',this);eventie.bind(this.proxyImage,'error',this);// bind to image as well for Firefox. #191
+eventie.bind(this.img,'load',this);eventie.bind(this.img,'error',this);this.proxyImage.src=this.img.src;};LoadingImage.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth!==undefined;};LoadingImage.prototype.confirm=function(isLoaded,message){this.isLoaded=isLoaded;this.emit('progress',this,this.img,message);};// ----- events ----- //
+// trigger specified handler for event type
+LoadingImage.prototype.handleEvent=function(event){var method='on'+event.type;if(this[method]){this[method](event);}};LoadingImage.prototype.onload=function(){this.confirm(true,'onload');this.unbindEvents();};LoadingImage.prototype.onerror=function(){this.confirm(false,'onerror');this.unbindEvents();};LoadingImage.prototype.unbindEvents=function(){eventie.unbind(this.proxyImage,'load',this);eventie.unbind(this.proxyImage,'error',this);eventie.unbind(this.img,'load',this);eventie.unbind(this.img,'error',this);};// -------------------------- Background -------------------------- //
+function Background(url,element){this.url=url;this.element=element;this.img=new Image();}// inherit LoadingImage prototype
+Background.prototype=new LoadingImage();Background.prototype.check=function(){eventie.bind(this.img,'load',this);eventie.bind(this.img,'error',this);this.img.src=this.url;// check if image is already complete
+var isComplete=this.getIsImageComplete();if(isComplete){this.confirm(this.img.naturalWidth!==0,'naturalWidth');this.unbindEvents();}};Background.prototype.unbindEvents=function(){eventie.unbind(this.img,'load',this);eventie.unbind(this.img,'error',this);};Background.prototype.confirm=function(isLoaded,message){this.isLoaded=isLoaded;this.emit('progress',this,this.element,message);};// -------------------------- jQuery -------------------------- //
+ImagesLoaded.makeJQueryPlugin=function(jQuery){jQuery=jQuery||window.jQuery;if(!jQuery){return;}// set local variable
+$=jQuery;// $().imagesLoaded()
+$.fn.imagesLoaded=function(options,callback){var instance=new ImagesLoaded(this,options,callback);return instance.jqDeferred.promise($(this));};};// try making plugin
+ImagesLoaded.makeJQueryPlugin();// --------------------------  -------------------------- //
+return ImagesLoaded;});},{"eventie":60,"wolfy87-eventemitter":90}],68:[function(require,module,exports){(function(global){(function(){/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */;(function(){/** Used as a safe reference for `undefined` in pre-ES5 environments. */var undefined;/** Used as the semantic version number. */var VERSION='4.17.21';/** Used as the size to enable large array optimizations. */var LARGE_ARRAY_SIZE=200;/** Error message constants. */var CORE_ERROR_TEXT='Unsupported core-js use. Try https://npms.io/search?q=ponyfill.',FUNC_ERROR_TEXT='Expected a function',INVALID_TEMPL_VAR_ERROR_TEXT='Invalid `variable` option passed into `_.template`';/** Used to stand-in for `undefined` hash values. */var HASH_UNDEFINED='__lodash_hash_undefined__';/** Used as the maximum memoize cache size. */var MAX_MEMOIZE_SIZE=500;/** Used as the internal argument placeholder. */var PLACEHOLDER='__lodash_placeholder__';/** Used to compose bitmasks for cloning. */var CLONE_DEEP_FLAG=1,CLONE_FLAT_FLAG=2,CLONE_SYMBOLS_FLAG=4;/** Used to compose bitmasks for value comparisons. */var COMPARE_PARTIAL_FLAG=1,COMPARE_UNORDERED_FLAG=2;/** Used to compose bitmasks for function metadata. */var WRAP_BIND_FLAG=1,WRAP_BIND_KEY_FLAG=2,WRAP_CURRY_BOUND_FLAG=4,WRAP_CURRY_FLAG=8,WRAP_CURRY_RIGHT_FLAG=16,WRAP_PARTIAL_FLAG=32,WRAP_PARTIAL_RIGHT_FLAG=64,WRAP_ARY_FLAG=128,WRAP_REARG_FLAG=256,WRAP_FLIP_FLAG=512;/** Used as default options for `_.truncate`. */var DEFAULT_TRUNC_LENGTH=30,DEFAULT_TRUNC_OMISSION='...';/** Used to detect hot functions by number of calls within a span of milliseconds. */var HOT_COUNT=800,HOT_SPAN=16;/** Used to indicate the type of lazy iteratees. */var LAZY_FILTER_FLAG=1,LAZY_MAP_FLAG=2,LAZY_WHILE_FLAG=3;/** Used as references for various `Number` constants. */var INFINITY=1/0,MAX_SAFE_INTEGER=9007199254740991,MAX_INTEGER=1.7976931348623157e+308,NAN=0/0;/** Used as references for the maximum length and index of an array. */var MAX_ARRAY_LENGTH=4294967295,MAX_ARRAY_INDEX=MAX_ARRAY_LENGTH-1,HALF_MAX_ARRAY_LENGTH=MAX_ARRAY_LENGTH>>>1;/** Used to associate wrap methods with their bit flags. */var wrapFlags=[['ary',WRAP_ARY_FLAG],['bind',WRAP_BIND_FLAG],['bindKey',WRAP_BIND_KEY_FLAG],['curry',WRAP_CURRY_FLAG],['curryRight',WRAP_CURRY_RIGHT_FLAG],['flip',WRAP_FLIP_FLAG],['partial',WRAP_PARTIAL_FLAG],['partialRight',WRAP_PARTIAL_RIGHT_FLAG],['rearg',WRAP_REARG_FLAG]];/** `Object#toString` result references. */var argsTag='[object Arguments]',arrayTag='[object Array]',asyncTag='[object AsyncFunction]',boolTag='[object Boolean]',dateTag='[object Date]',domExcTag='[object DOMException]',errorTag='[object Error]',funcTag='[object Function]',genTag='[object GeneratorFunction]',mapTag='[object Map]',numberTag='[object Number]',nullTag='[object Null]',objectTag='[object Object]',promiseTag='[object Promise]',proxyTag='[object Proxy]',regexpTag='[object RegExp]',setTag='[object Set]',stringTag='[object String]',symbolTag='[object Symbol]',undefinedTag='[object Undefined]',weakMapTag='[object WeakMap]',weakSetTag='[object WeakSet]';var arrayBufferTag='[object ArrayBuffer]',dataViewTag='[object DataView]',float32Tag='[object Float32Array]',float64Tag='[object Float64Array]',int8Tag='[object Int8Array]',int16Tag='[object Int16Array]',int32Tag='[object Int32Array]',uint8Tag='[object Uint8Array]',uint8ClampedTag='[object Uint8ClampedArray]',uint16Tag='[object Uint16Array]',uint32Tag='[object Uint32Array]';/** Used to match empty string literals in compiled template source. */var reEmptyStringLeading=/\b__p \+= '';/g,reEmptyStringMiddle=/\b(__p \+=) '' \+/g,reEmptyStringTrailing=/(__e\(.*?\)|\b__t\)) \+\n'';/g;/** Used to match HTML entities and HTML characters. */var reEscapedHtml=/&(?:amp|lt|gt|quot|#39);/g,reUnescapedHtml=/[&<>"']/g,reHasEscapedHtml=RegExp(reEscapedHtml.source),reHasUnescapedHtml=RegExp(reUnescapedHtml.source);/** Used to match template delimiters. */var reEscape=/<%-([\s\S]+?)%>/g,reEvaluate=/<%([\s\S]+?)%>/g,reInterpolate=/<%=([\s\S]+?)%>/g;/** Used to match property names within property paths. */var reIsDeepProp=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,reIsPlainProp=/^\w*$/,rePropName=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;/**
+   * Used to match `RegExp`
+   * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+   */var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reHasRegExpChar=RegExp(reRegExpChar.source);/** Used to match leading whitespace. */var reTrimStart=/^\s+/;/** Used to match a single whitespace character. */var reWhitespace=/\s/;/** Used to match wrap detail comments. */var reWrapComment=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,reWrapDetails=/\{\n\/\* \[wrapped with (.+)\] \*/,reSplitDetails=/,? & /;/** Used to match words composed of alphanumeric characters. */var reAsciiWord=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;/**
+   * Used to validate the `validate` option in `_.template` variable.
+   *
+   * Forbids characters which could potentially change the meaning of the function argument definition:
+   * - "()," (modification of function parameters)
+   * - "=" (default value)
+   * - "[]{}" (destructuring of function parameters)
+   * - "/" (beginning of a comment)
+   * - whitespace
+   */var reForbiddenIdentifierChars=/[()=,{}\[\]\/\s]/;/** Used to match backslashes in property paths. */var reEscapeChar=/\\(\\)?/g;/**
+   * Used to match
+   * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components).
+   */var reEsTemplate=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g;/** Used to match `RegExp` flags from their coerced string values. */var reFlags=/\w*$/;/** Used to detect bad signed hexadecimal string values. */var reIsBadHex=/^[-+]0x[0-9a-f]+$/i;/** Used to detect binary string values. */var reIsBinary=/^0b[01]+$/i;/** Used to detect host constructors (Safari). */var reIsHostCtor=/^\[object .+?Constructor\]$/;/** Used to detect octal string values. */var reIsOctal=/^0o[0-7]+$/i;/** Used to detect unsigned integer values. */var reIsUint=/^(?:0|[1-9]\d*)$/;/** Used to match Latin Unicode letters (excluding mathematical operators). */var reLatin=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;/** Used to ensure capturing order of template delimiters. */var reNoMatch=/($^)/;/** Used to match unescaped characters in compiled string literals. */var reUnescapedString=/['\n\r\u2028\u2029\\]/g;/** Used to compose unicode character classes. */var rsAstralRange='\\ud800-\\udfff',rsComboMarksRange='\\u0300-\\u036f',reComboHalfMarksRange='\\ufe20-\\ufe2f',rsComboSymbolsRange='\\u20d0-\\u20ff',rsComboRange=rsComboMarksRange+reComboHalfMarksRange+rsComboSymbolsRange,rsDingbatRange='\\u2700-\\u27bf',rsLowerRange='a-z\\xdf-\\xf6\\xf8-\\xff',rsMathOpRange='\\xac\\xb1\\xd7\\xf7',rsNonCharRange='\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',rsPunctuationRange='\\u2000-\\u206f',rsSpaceRange=' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',rsUpperRange='A-Z\\xc0-\\xd6\\xd8-\\xde',rsVarRange='\\ufe0e\\ufe0f',rsBreakRange=rsMathOpRange+rsNonCharRange+rsPunctuationRange+rsSpaceRange;/** Used to compose unicode capture groups. */var rsApos="['\u2019]",rsAstral='['+rsAstralRange+']',rsBreak='['+rsBreakRange+']',rsCombo='['+rsComboRange+']',rsDigits='\\d+',rsDingbat='['+rsDingbatRange+']',rsLower='['+rsLowerRange+']',rsMisc='[^'+rsAstralRange+rsBreakRange+rsDigits+rsDingbatRange+rsLowerRange+rsUpperRange+']',rsFitz='\\ud83c[\\udffb-\\udfff]',rsModifier='(?:'+rsCombo+'|'+rsFitz+')',rsNonAstral='[^'+rsAstralRange+']',rsRegional='(?:\\ud83c[\\udde6-\\uddff]){2}',rsSurrPair='[\\ud800-\\udbff][\\udc00-\\udfff]',rsUpper='['+rsUpperRange+']',rsZWJ='\\u200d';/** Used to compose unicode regexes. */var rsMiscLower='(?:'+rsLower+'|'+rsMisc+')',rsMiscUpper='(?:'+rsUpper+'|'+rsMisc+')',rsOptContrLower='(?:'+rsApos+'(?:d|ll|m|re|s|t|ve))?',rsOptContrUpper='(?:'+rsApos+'(?:D|LL|M|RE|S|T|VE))?',reOptMod=rsModifier+'?',rsOptVar='['+rsVarRange+']?',rsOptJoin='(?:'+rsZWJ+'(?:'+[rsNonAstral,rsRegional,rsSurrPair].join('|')+')'+rsOptVar+reOptMod+')*',rsOrdLower='\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',rsOrdUpper='\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',rsSeq=rsOptVar+reOptMod+rsOptJoin,rsEmoji='(?:'+[rsDingbat,rsRegional,rsSurrPair].join('|')+')'+rsSeq,rsSymbol='(?:'+[rsNonAstral+rsCombo+'?',rsCombo,rsRegional,rsSurrPair,rsAstral].join('|')+')';/** Used to match apostrophes. */var reApos=RegExp(rsApos,'g');/**
+   * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
+   * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
+   */var reComboMark=RegExp(rsCombo,'g');/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */var reUnicode=RegExp(rsFitz+'(?='+rsFitz+')|'+rsSymbol+rsSeq,'g');/** Used to match complex or compound words. */var reUnicodeWord=RegExp([rsUpper+'?'+rsLower+'+'+rsOptContrLower+'(?='+[rsBreak,rsUpper,'$'].join('|')+')',rsMiscUpper+'+'+rsOptContrUpper+'(?='+[rsBreak,rsUpper+rsMiscLower,'$'].join('|')+')',rsUpper+'?'+rsMiscLower+'+'+rsOptContrLower,rsUpper+'+'+rsOptContrUpper,rsOrdUpper,rsOrdLower,rsDigits,rsEmoji].join('|'),'g');/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */var reHasUnicode=RegExp('['+rsZWJ+rsAstralRange+rsComboRange+rsVarRange+']');/** Used to detect strings that need a more robust regexp to match words. */var reHasUnicodeWord=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;/** Used to assign default `context` object properties. */var contextProps=['Array','Buffer','DataView','Date','Error','Float32Array','Float64Array','Function','Int8Array','Int16Array','Int32Array','Map','Math','Object','Promise','RegExp','Set','String','Symbol','TypeError','Uint8Array','Uint8ClampedArray','Uint16Array','Uint32Array','WeakMap','_','clearTimeout','isFinite','parseInt','setTimeout'];/** Used to make template sourceURLs easier to identify. */var templateCounter=-1;/** Used to identify `toStringTag` values of typed arrays. */var typedArrayTags={};typedArrayTags[float32Tag]=typedArrayTags[float64Tag]=typedArrayTags[int8Tag]=typedArrayTags[int16Tag]=typedArrayTags[int32Tag]=typedArrayTags[uint8Tag]=typedArrayTags[uint8ClampedTag]=typedArrayTags[uint16Tag]=typedArrayTags[uint32Tag]=true;typedArrayTags[argsTag]=typedArrayTags[arrayTag]=typedArrayTags[arrayBufferTag]=typedArrayTags[boolTag]=typedArrayTags[dataViewTag]=typedArrayTags[dateTag]=typedArrayTags[errorTag]=typedArrayTags[funcTag]=typedArrayTags[mapTag]=typedArrayTags[numberTag]=typedArrayTags[objectTag]=typedArrayTags[regexpTag]=typedArrayTags[setTag]=typedArrayTags[stringTag]=typedArrayTags[weakMapTag]=false;/** Used to identify `toStringTag` values supported by `_.clone`. */var cloneableTags={};cloneableTags[argsTag]=cloneableTags[arrayTag]=cloneableTags[arrayBufferTag]=cloneableTags[dataViewTag]=cloneableTags[boolTag]=cloneableTags[dateTag]=cloneableTags[float32Tag]=cloneableTags[float64Tag]=cloneableTags[int8Tag]=cloneableTags[int16Tag]=cloneableTags[int32Tag]=cloneableTags[mapTag]=cloneableTags[numberTag]=cloneableTags[objectTag]=cloneableTags[regexpTag]=cloneableTags[setTag]=cloneableTags[stringTag]=cloneableTags[symbolTag]=cloneableTags[uint8Tag]=cloneableTags[uint8ClampedTag]=cloneableTags[uint16Tag]=cloneableTags[uint32Tag]=true;cloneableTags[errorTag]=cloneableTags[funcTag]=cloneableTags[weakMapTag]=false;/** Used to map Latin Unicode letters to basic Latin letters. */var deburredLetters={// Latin-1 Supplement block.
+'\xc0':'A','\xc1':'A','\xc2':'A','\xc3':'A','\xc4':'A','\xc5':'A','\xe0':'a','\xe1':'a','\xe2':'a','\xe3':'a','\xe4':'a','\xe5':'a','\xc7':'C','\xe7':'c','\xd0':'D','\xf0':'d','\xc8':'E','\xc9':'E','\xca':'E','\xcb':'E','\xe8':'e','\xe9':'e','\xea':'e','\xeb':'e','\xcc':'I','\xcd':'I','\xce':'I','\xcf':'I','\xec':'i','\xed':'i','\xee':'i','\xef':'i','\xd1':'N','\xf1':'n','\xd2':'O','\xd3':'O','\xd4':'O','\xd5':'O','\xd6':'O','\xd8':'O','\xf2':'o','\xf3':'o','\xf4':'o','\xf5':'o','\xf6':'o','\xf8':'o','\xd9':'U','\xda':'U','\xdb':'U','\xdc':'U','\xf9':'u','\xfa':'u','\xfb':'u','\xfc':'u','\xdd':'Y','\xfd':'y','\xff':'y','\xc6':'Ae','\xe6':'ae','\xde':'Th','\xfe':'th','\xdf':'ss',// Latin Extended-A block.
+'\u0100':'A','\u0102':'A','\u0104':'A','\u0101':'a','\u0103':'a','\u0105':'a','\u0106':'C','\u0108':'C','\u010a':'C','\u010c':'C','\u0107':'c','\u0109':'c','\u010b':'c','\u010d':'c','\u010e':'D','\u0110':'D','\u010f':'d','\u0111':'d','\u0112':'E','\u0114':'E','\u0116':'E','\u0118':'E','\u011a':'E','\u0113':'e','\u0115':'e','\u0117':'e','\u0119':'e','\u011b':'e','\u011c':'G','\u011e':'G','\u0120':'G','\u0122':'G','\u011d':'g','\u011f':'g','\u0121':'g','\u0123':'g','\u0124':'H','\u0126':'H','\u0125':'h','\u0127':'h','\u0128':'I','\u012a':'I','\u012c':'I','\u012e':'I','\u0130':'I','\u0129':'i','\u012b':'i','\u012d':'i','\u012f':'i','\u0131':'i','\u0134':'J','\u0135':'j','\u0136':'K','\u0137':'k','\u0138':'k','\u0139':'L','\u013b':'L','\u013d':'L','\u013f':'L','\u0141':'L','\u013a':'l','\u013c':'l','\u013e':'l','\u0140':'l','\u0142':'l','\u0143':'N','\u0145':'N','\u0147':'N','\u014a':'N','\u0144':'n','\u0146':'n','\u0148':'n','\u014b':'n','\u014c':'O','\u014e':'O','\u0150':'O','\u014d':'o','\u014f':'o','\u0151':'o','\u0154':'R','\u0156':'R','\u0158':'R','\u0155':'r','\u0157':'r','\u0159':'r','\u015a':'S','\u015c':'S','\u015e':'S','\u0160':'S','\u015b':'s','\u015d':'s','\u015f':'s','\u0161':'s','\u0162':'T','\u0164':'T','\u0166':'T','\u0163':'t','\u0165':'t','\u0167':'t','\u0168':'U','\u016a':'U','\u016c':'U','\u016e':'U','\u0170':'U','\u0172':'U','\u0169':'u','\u016b':'u','\u016d':'u','\u016f':'u','\u0171':'u','\u0173':'u','\u0174':'W','\u0175':'w','\u0176':'Y','\u0177':'y','\u0178':'Y','\u0179':'Z','\u017b':'Z','\u017d':'Z','\u017a':'z','\u017c':'z','\u017e':'z','\u0132':'IJ','\u0133':'ij','\u0152':'Oe','\u0153':'oe','\u0149':"'n",'\u017f':'s'};/** Used to map characters to HTML entities. */var htmlEscapes={'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'};/** Used to map HTML entities to characters. */var htmlUnescapes={'&amp;':'&','&lt;':'<','&gt;':'>','&quot;':'"','&#39;':"'"};/** Used to escape characters for inclusion in compiled string literals. */var stringEscapes={'\\':'\\',"'":"'",'\n':'n','\r':'r','\u2028':'u2028','\u2029':'u2029'};/** Built-in method references without a dependency on `root`. */var freeParseFloat=parseFloat,freeParseInt=parseInt;/** Detect free variable `global` from Node.js. */var freeGlobal=typeof global=='object'&&global&&global.Object===Object&&global;/** Detect free variable `self`. */var freeSelf=typeof self=='object'&&self&&self.Object===Object&&self;/** Used as a reference to the global object. */var root=freeGlobal||freeSelf||Function('return this')();/** Detect free variable `exports`. */var freeExports=typeof exports=='object'&&exports&&!exports.nodeType&&exports;/** Detect free variable `module`. */var freeModule=freeExports&&typeof module=='object'&&module&&!module.nodeType&&module;/** Detect the popular CommonJS extension `module.exports`. */var moduleExports=freeModule&&freeModule.exports===freeExports;/** Detect free variable `process` from Node.js. */var freeProcess=moduleExports&&freeGlobal.process;/** Used to access faster Node.js helpers. */var nodeUtil=function(){try{// Use `util.types` for Node.js 10+.
+var types=freeModule&&freeModule.require&&freeModule.require('util').types;if(types){return types;}// Legacy `process.binding('util')` for Node.js < 10.
+return freeProcess&&freeProcess.binding&&freeProcess.binding('util');}catch(e){}}();/* Node.js helper references. */var nodeIsArrayBuffer=nodeUtil&&nodeUtil.isArrayBuffer,nodeIsDate=nodeUtil&&nodeUtil.isDate,nodeIsMap=nodeUtil&&nodeUtil.isMap,nodeIsRegExp=nodeUtil&&nodeUtil.isRegExp,nodeIsSet=nodeUtil&&nodeUtil.isSet,nodeIsTypedArray=nodeUtil&&nodeUtil.isTypedArray;/*--------------------------------------------------------------------------*/ /**
+   * A faster alternative to `Function#apply`, this function invokes `func`
+   * with the `this` binding of `thisArg` and the arguments of `args`.
+   *
+   * @private
+   * @param {Function} func The function to invoke.
+   * @param {*} thisArg The `this` binding of `func`.
+   * @param {Array} args The arguments to invoke `func` with.
+   * @returns {*} Returns the result of `func`.
+   */function apply(func,thisArg,args){switch(args.length){case 0:return func.call(thisArg);case 1:return func.call(thisArg,args[0]);case 2:return func.call(thisArg,args[0],args[1]);case 3:return func.call(thisArg,args[0],args[1],args[2]);}return func.apply(thisArg,args);}/**
+   * A specialized version of `baseAggregator` for arrays.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} setter The function to set `accumulator` values.
+   * @param {Function} iteratee The iteratee to transform keys.
+   * @param {Object} accumulator The initial aggregated object.
+   * @returns {Function} Returns `accumulator`.
+   */function arrayAggregator(array,setter,iteratee,accumulator){var index=-1,length=array==null?0:array.length;while(++index<length){var value=array[index];setter(accumulator,value,iteratee(value),array);}return accumulator;}/**
+   * A specialized version of `_.forEach` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {Array} Returns `array`.
+   */function arrayEach(array,iteratee){var index=-1,length=array==null?0:array.length;while(++index<length){if(iteratee(array[index],index,array)===false){break;}}return array;}/**
+   * A specialized version of `_.forEachRight` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {Array} Returns `array`.
+   */function arrayEachRight(array,iteratee){var length=array==null?0:array.length;while(length--){if(iteratee(array[length],length,array)===false){break;}}return array;}/**
+   * A specialized version of `_.every` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} predicate The function invoked per iteration.
+   * @returns {boolean} Returns `true` if all elements pass the predicate check,
+   *  else `false`.
+   */function arrayEvery(array,predicate){var index=-1,length=array==null?0:array.length;while(++index<length){if(!predicate(array[index],index,array)){return false;}}return true;}/**
+   * A specialized version of `_.filter` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} predicate The function invoked per iteration.
+   * @returns {Array} Returns the new filtered array.
+   */function arrayFilter(array,predicate){var index=-1,length=array==null?0:array.length,resIndex=0,result=[];while(++index<length){var value=array[index];if(predicate(value,index,array)){result[resIndex++]=value;}}return result;}/**
+   * A specialized version of `_.includes` for arrays without support for
+   * specifying an index to search from.
+   *
+   * @private
+   * @param {Array} [array] The array to inspect.
+   * @param {*} target The value to search for.
+   * @returns {boolean} Returns `true` if `target` is found, else `false`.
+   */function arrayIncludes(array,value){var length=array==null?0:array.length;return!!length&&baseIndexOf(array,value,0)>-1;}/**
+   * This function is like `arrayIncludes` except that it accepts a comparator.
+   *
+   * @private
+   * @param {Array} [array] The array to inspect.
+   * @param {*} target The value to search for.
+   * @param {Function} comparator The comparator invoked per element.
+   * @returns {boolean} Returns `true` if `target` is found, else `false`.
+   */function arrayIncludesWith(array,value,comparator){var index=-1,length=array==null?0:array.length;while(++index<length){if(comparator(value,array[index])){return true;}}return false;}/**
+   * A specialized version of `_.map` for arrays without support for iteratee
+   * shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {Array} Returns the new mapped array.
+   */function arrayMap(array,iteratee){var index=-1,length=array==null?0:array.length,result=Array(length);while(++index<length){result[index]=iteratee(array[index],index,array);}return result;}/**
+   * Appends the elements of `values` to `array`.
+   *
+   * @private
+   * @param {Array} array The array to modify.
+   * @param {Array} values The values to append.
+   * @returns {Array} Returns `array`.
+   */function arrayPush(array,values){var index=-1,length=values.length,offset=array.length;while(++index<length){array[offset+index]=values[index];}return array;}/**
+   * A specialized version of `_.reduce` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @param {*} [accumulator] The initial value.
+   * @param {boolean} [initAccum] Specify using the first element of `array` as
+   *  the initial value.
+   * @returns {*} Returns the accumulated value.
+   */function arrayReduce(array,iteratee,accumulator,initAccum){var index=-1,length=array==null?0:array.length;if(initAccum&&length){accumulator=array[++index];}while(++index<length){accumulator=iteratee(accumulator,array[index],index,array);}return accumulator;}/**
+   * A specialized version of `_.reduceRight` for arrays without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @param {*} [accumulator] The initial value.
+   * @param {boolean} [initAccum] Specify using the last element of `array` as
+   *  the initial value.
+   * @returns {*} Returns the accumulated value.
+   */function arrayReduceRight(array,iteratee,accumulator,initAccum){var length=array==null?0:array.length;if(initAccum&&length){accumulator=array[--length];}while(length--){accumulator=iteratee(accumulator,array[length],length,array);}return accumulator;}/**
+   * A specialized version of `_.some` for arrays without support for iteratee
+   * shorthands.
+   *
+   * @private
+   * @param {Array} [array] The array to iterate over.
+   * @param {Function} predicate The function invoked per iteration.
+   * @returns {boolean} Returns `true` if any element passes the predicate check,
+   *  else `false`.
+   */function arraySome(array,predicate){var index=-1,length=array==null?0:array.length;while(++index<length){if(predicate(array[index],index,array)){return true;}}return false;}/**
+   * Gets the size of an ASCII `string`.
+   *
+   * @private
+   * @param {string} string The string inspect.
+   * @returns {number} Returns the string size.
+   */var asciiSize=baseProperty('length');/**
+   * Converts an ASCII `string` to an array.
+   *
+   * @private
+   * @param {string} string The string to convert.
+   * @returns {Array} Returns the converted array.
+   */function asciiToArray(string){return string.split('');}/**
+   * Splits an ASCII `string` into an array of its words.
+   *
+   * @private
+   * @param {string} The string to inspect.
+   * @returns {Array} Returns the words of `string`.
+   */function asciiWords(string){return string.match(reAsciiWord)||[];}/**
+   * The base implementation of methods like `_.findKey` and `_.findLastKey`,
+   * without support for iteratee shorthands, which iterates over `collection`
+   * using `eachFunc`.
+   *
+   * @private
+   * @param {Array|Object} collection The collection to inspect.
+   * @param {Function} predicate The function invoked per iteration.
+   * @param {Function} eachFunc The function to iterate over `collection`.
+   * @returns {*} Returns the found element or its key, else `undefined`.
+   */function baseFindKey(collection,predicate,eachFunc){var result;eachFunc(collection,function(value,key,collection){if(predicate(value,key,collection)){result=key;return false;}});return result;}/**
+   * The base implementation of `_.findIndex` and `_.findLastIndex` without
+   * support for iteratee shorthands.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {Function} predicate The function invoked per iteration.
+   * @param {number} fromIndex The index to search from.
+   * @param {boolean} [fromRight] Specify iterating from right to left.
+   * @returns {number} Returns the index of the matched value, else `-1`.
+   */function baseFindIndex(array,predicate,fromIndex,fromRight){var length=array.length,index=fromIndex+(fromRight?1:-1);while(fromRight?index--:++index<length){if(predicate(array[index],index,array)){return index;}}return-1;}/**
+   * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {*} value The value to search for.
+   * @param {number} fromIndex The index to search from.
+   * @returns {number} Returns the index of the matched value, else `-1`.
+   */function baseIndexOf(array,value,fromIndex){return value===value?strictIndexOf(array,value,fromIndex):baseFindIndex(array,baseIsNaN,fromIndex);}/**
+   * This function is like `baseIndexOf` except that it accepts a comparator.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {*} value The value to search for.
+   * @param {number} fromIndex The index to search from.
+   * @param {Function} comparator The comparator invoked per element.
+   * @returns {number} Returns the index of the matched value, else `-1`.
+   */function baseIndexOfWith(array,value,fromIndex,comparator){var index=fromIndex-1,length=array.length;while(++index<length){if(comparator(array[index],value)){return index;}}return-1;}/**
+   * The base implementation of `_.isNaN` without support for number objects.
+   *
+   * @private
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+   */function baseIsNaN(value){return value!==value;}/**
+   * The base implementation of `_.mean` and `_.meanBy` without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} array The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {number} Returns the mean.
+   */function baseMean(array,iteratee){var length=array==null?0:array.length;return length?baseSum(array,iteratee)/length:NAN;}/**
+   * The base implementation of `_.property` without support for deep paths.
+   *
+   * @private
+   * @param {string} key The key of the property to get.
+   * @returns {Function} Returns the new accessor function.
+   */function baseProperty(key){return function(object){return object==null?undefined:object[key];};}/**
+   * The base implementation of `_.propertyOf` without support for deep paths.
+   *
+   * @private
+   * @param {Object} object The object to query.
+   * @returns {Function} Returns the new accessor function.
+   */function basePropertyOf(object){return function(key){return object==null?undefined:object[key];};}/**
+   * The base implementation of `_.reduce` and `_.reduceRight`, without support
+   * for iteratee shorthands, which iterates over `collection` using `eachFunc`.
+   *
+   * @private
+   * @param {Array|Object} collection The collection to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @param {*} accumulator The initial value.
+   * @param {boolean} initAccum Specify using the first or last element of
+   *  `collection` as the initial value.
+   * @param {Function} eachFunc The function to iterate over `collection`.
+   * @returns {*} Returns the accumulated value.
+   */function baseReduce(collection,iteratee,accumulator,initAccum,eachFunc){eachFunc(collection,function(value,index,collection){accumulator=initAccum?(initAccum=false,value):iteratee(accumulator,value,index,collection);});return accumulator;}/**
+   * The base implementation of `_.sortBy` which uses `comparer` to define the
+   * sort order of `array` and replaces criteria objects with their corresponding
+   * values.
+   *
+   * @private
+   * @param {Array} array The array to sort.
+   * @param {Function} comparer The function to define sort order.
+   * @returns {Array} Returns `array`.
+   */function baseSortBy(array,comparer){var length=array.length;array.sort(comparer);while(length--){array[length]=array[length].value;}return array;}/**
+   * The base implementation of `_.sum` and `_.sumBy` without support for
+   * iteratee shorthands.
+   *
+   * @private
+   * @param {Array} array The array to iterate over.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {number} Returns the sum.
+   */function baseSum(array,iteratee){var result,index=-1,length=array.length;while(++index<length){var current=iteratee(array[index]);if(current!==undefined){result=result===undefined?current:result+current;}}return result;}/**
+   * The base implementation of `_.times` without support for iteratee shorthands
+   * or max array length checks.
+   *
+   * @private
+   * @param {number} n The number of times to invoke `iteratee`.
+   * @param {Function} iteratee The function invoked per iteration.
+   * @returns {Array} Returns the array of results.
+   */function baseTimes(n,iteratee){var index=-1,result=Array(n);while(++index<n){result[index]=iteratee(index);}return result;}/**
+   * The base implementation of `_.toPairs` and `_.toPairsIn` which creates an array
+   * of key-value pairs for `object` corresponding to the property names of `props`.
+   *
+   * @private
+   * @param {Object} object The object to query.
+   * @param {Array} props The property names to get values for.
+   * @returns {Object} Returns the key-value pairs.
+   */function baseToPairs(object,props){return arrayMap(props,function(key){return[key,object[key]];});}/**
+   * The base implementation of `_.trim`.
+   *
+   * @private
+   * @param {string} string The string to trim.
+   * @returns {string} Returns the trimmed string.
+   */function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,''):string;}/**
+   * The base implementation of `_.unary` without support for storing metadata.
+   *
+   * @private
+   * @param {Function} func The function to cap arguments for.
+   * @returns {Function} Returns the new capped function.
+   */function baseUnary(func){return function(value){return func(value);};}/**
+   * The base implementation of `_.values` and `_.valuesIn` which creates an
+   * array of `object` property values corresponding to the property names
+   * of `props`.
+   *
+   * @private
+   * @param {Object} object The object to query.
+   * @param {Array} props The property names to get values for.
+   * @returns {Object} Returns the array of property values.
+   */function baseValues(object,props){return arrayMap(props,function(key){return object[key];});}/**
+   * Checks if a `cache` value for `key` exists.
+   *
+   * @private
+   * @param {Object} cache The cache to query.
+   * @param {string} key The key of the entry to check.
+   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+   */function cacheHas(cache,key){return cache.has(key);}/**
+   * Used by `_.trim` and `_.trimStart` to get the index of the first string symbol
+   * that is not found in the character symbols.
+   *
+   * @private
+   * @param {Array} strSymbols The string symbols to inspect.
+   * @param {Array} chrSymbols The character symbols to find.
+   * @returns {number} Returns the index of the first unmatched string symbol.
+   */function charsStartIndex(strSymbols,chrSymbols){var index=-1,length=strSymbols.length;while(++index<length&&baseIndexOf(chrSymbols,strSymbols[index],0)>-1){}return index;}/**
+   * Used by `_.trim` and `_.trimEnd` to get the index of the last string symbol
+   * that is not found in the character symbols.
+   *
+   * @private
+   * @param {Array} strSymbols The string symbols to inspect.
+   * @param {Array} chrSymbols The character symbols to find.
+   * @returns {number} Returns the index of the last unmatched string symbol.
+   */function charsEndIndex(strSymbols,chrSymbols){var index=strSymbols.length;while(index--&&baseIndexOf(chrSymbols,strSymbols[index],0)>-1){}return index;}/**
+   * Gets the number of `placeholder` occurrences in `array`.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {*} placeholder The placeholder to search for.
+   * @returns {number} Returns the placeholder count.
+   */function countHolders(array,placeholder){var length=array.length,result=0;while(length--){if(array[length]===placeholder){++result;}}return result;}/**
+   * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
+   * letters to basic Latin letters.
+   *
+   * @private
+   * @param {string} letter The matched letter to deburr.
+   * @returns {string} Returns the deburred letter.
+   */var deburrLetter=basePropertyOf(deburredLetters);/**
+   * Used by `_.escape` to convert characters to HTML entities.
+   *
+   * @private
+   * @param {string} chr The matched character to escape.
+   * @returns {string} Returns the escaped character.
+   */var escapeHtmlChar=basePropertyOf(htmlEscapes);/**
+   * Used by `_.template` to escape characters for inclusion in compiled string literals.
+   *
+   * @private
+   * @param {string} chr The matched character to escape.
+   * @returns {string} Returns the escaped character.
+   */function escapeStringChar(chr){return'\\'+stringEscapes[chr];}/**
+   * Gets the value at `key` of `object`.
+   *
+   * @private
+   * @param {Object} [object] The object to query.
+   * @param {string} key The key of the property to get.
+   * @returns {*} Returns the property value.
+   */function getValue(object,key){return object==null?undefined:object[key];}/**
+   * Checks if `string` contains Unicode symbols.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {boolean} Returns `true` if a symbol is found, else `false`.
+   */function hasUnicode(string){return reHasUnicode.test(string);}/**
+   * Checks if `string` contains a word composed of Unicode symbols.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {boolean} Returns `true` if a word is found, else `false`.
+   */function hasUnicodeWord(string){return reHasUnicodeWord.test(string);}/**
+   * Converts `iterator` to an array.
+   *
+   * @private
+   * @param {Object} iterator The iterator to convert.
+   * @returns {Array} Returns the converted array.
+   */function iteratorToArray(iterator){var data,result=[];while(!(data=iterator.next()).done){result.push(data.value);}return result;}/**
+   * Converts `map` to its key-value pairs.
+   *
+   * @private
+   * @param {Object} map The map to convert.
+   * @returns {Array} Returns the key-value pairs.
+   */function mapToArray(map){var index=-1,result=Array(map.size);map.forEach(function(value,key){result[++index]=[key,value];});return result;}/**
+   * Creates a unary function that invokes `func` with its argument transformed.
+   *
+   * @private
+   * @param {Function} func The function to wrap.
+   * @param {Function} transform The argument transform.
+   * @returns {Function} Returns the new function.
+   */function overArg(func,transform){return function(arg){return func(transform(arg));};}/**
+   * Replaces all `placeholder` elements in `array` with an internal placeholder
+   * and returns an array of their indexes.
+   *
+   * @private
+   * @param {Array} array The array to modify.
+   * @param {*} placeholder The placeholder to replace.
+   * @returns {Array} Returns the new array of placeholder indexes.
+   */function replaceHolders(array,placeholder){var index=-1,length=array.length,resIndex=0,result=[];while(++index<length){var value=array[index];if(value===placeholder||value===PLACEHOLDER){array[index]=PLACEHOLDER;result[resIndex++]=index;}}return result;}/**
+   * Converts `set` to an array of its values.
+   *
+   * @private
+   * @param {Object} set The set to convert.
+   * @returns {Array} Returns the values.
+   */function setToArray(set){var index=-1,result=Array(set.size);set.forEach(function(value){result[++index]=value;});return result;}/**
+   * Converts `set` to its value-value pairs.
+   *
+   * @private
+   * @param {Object} set The set to convert.
+   * @returns {Array} Returns the value-value pairs.
+   */function setToPairs(set){var index=-1,result=Array(set.size);set.forEach(function(value){result[++index]=[value,value];});return result;}/**
+   * A specialized version of `_.indexOf` which performs strict equality
+   * comparisons of values, i.e. `===`.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {*} value The value to search for.
+   * @param {number} fromIndex The index to search from.
+   * @returns {number} Returns the index of the matched value, else `-1`.
+   */function strictIndexOf(array,value,fromIndex){var index=fromIndex-1,length=array.length;while(++index<length){if(array[index]===value){return index;}}return-1;}/**
+   * A specialized version of `_.lastIndexOf` which performs strict equality
+   * comparisons of values, i.e. `===`.
+   *
+   * @private
+   * @param {Array} array The array to inspect.
+   * @param {*} value The value to search for.
+   * @param {number} fromIndex The index to search from.
+   * @returns {number} Returns the index of the matched value, else `-1`.
+   */function strictLastIndexOf(array,value,fromIndex){var index=fromIndex+1;while(index--){if(array[index]===value){return index;}}return index;}/**
+   * Gets the number of symbols in `string`.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {number} Returns the string size.
+   */function stringSize(string){return hasUnicode(string)?unicodeSize(string):asciiSize(string);}/**
+   * Converts `string` to an array.
+   *
+   * @private
+   * @param {string} string The string to convert.
+   * @returns {Array} Returns the converted array.
+   */function stringToArray(string){return hasUnicode(string)?unicodeToArray(string):asciiToArray(string);}/**
+   * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+   * character of `string`.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {number} Returns the index of the last non-whitespace character.
+   */function trimmedEndIndex(string){var index=string.length;while(index--&&reWhitespace.test(string.charAt(index))){}return index;}/**
+   * Used by `_.unescape` to convert HTML entities to characters.
+   *
+   * @private
+   * @param {string} chr The matched character to unescape.
+   * @returns {string} Returns the unescaped character.
+   */var unescapeHtmlChar=basePropertyOf(htmlUnescapes);/**
+   * Gets the size of a Unicode `string`.
+   *
+   * @private
+   * @param {string} string The string inspect.
+   * @returns {number} Returns the string size.
+   */function unicodeSize(string){var result=reUnicode.lastIndex=0;while(reUnicode.test(string)){++result;}return result;}/**
+   * Converts a Unicode `string` to an array.
+   *
+   * @private
+   * @param {string} string The string to convert.
+   * @returns {Array} Returns the converted array.
+   */function unicodeToArray(string){return string.match(reUnicode)||[];}/**
+   * Splits a Unicode `string` into an array of its words.
+   *
+   * @private
+   * @param {string} The string to inspect.
+   * @returns {Array} Returns the words of `string`.
+   */function unicodeWords(string){return string.match(reUnicodeWord)||[];}/*--------------------------------------------------------------------------*/ /**
+   * Create a new pristine `lodash` function using the `context` object.
+   *
+   * @static
+   * @memberOf _
+   * @since 1.1.0
+   * @category Util
+   * @param {Object} [context=root] The context object.
+   * @returns {Function} Returns a new `lodash` function.
+   * @example
+   *
+   * _.mixin({ 'foo': _.constant('foo') });
+   *
+   * var lodash = _.runInContext();
+   * lodash.mixin({ 'bar': lodash.constant('bar') });
+   *
+   * _.isFunction(_.foo);
+   * // => true
+   * _.isFunction(_.bar);
+   * // => false
+   *
+   * lodash.isFunction(lodash.foo);
+   * // => false
+   * lodash.isFunction(lodash.bar);
+   * // => true
+   *
+   * // Create a suped-up `defer` in Node.js.
+   * var defer = _.runInContext({ 'setTimeout': setImmediate }).defer;
+   */var runInContext=function runInContext(context){context=context==null?root:_.defaults(root.Object(),context,_.pick(root,contextProps));/** Built-in constructor references. */var Array=context.Array,Date=context.Date,Error=context.Error,Function=context.Function,Math=context.Math,Object=context.Object,RegExp=context.RegExp,String=context.String,TypeError=context.TypeError;/** Used for built-in method references. */var arrayProto=Array.prototype,funcProto=Function.prototype,objectProto=Object.prototype;/** Used to detect overreaching core-js shims. */var coreJsData=context['__core-js_shared__'];/** Used to resolve the decompiled source of functions. */var funcToString=funcProto.toString;/** Used to check objects for own properties. */var hasOwnProperty=objectProto.hasOwnProperty;/** Used to generate unique IDs. */var idCounter=0;/** Used to detect methods masquerading as native. */var maskSrcKey=function(){var uid=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||'');return uid?'Symbol(src)_1.'+uid:'';}();/**
+     * Used to resolve the
+     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+     * of values.
+     */var nativeObjectToString=objectProto.toString;/** Used to infer the `Object` constructor. */var objectCtorString=funcToString.call(Object);/** Used to restore the original `_` reference in `_.noConflict`. */var oldDash=root._;/** Used to detect if a method is native. */var reIsNative=RegExp('^'+funcToString.call(hasOwnProperty).replace(reRegExpChar,'\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,'$1.*?')+'$');/** Built-in value references. */var Buffer=moduleExports?context.Buffer:undefined,Symbol=context.Symbol,Uint8Array=context.Uint8Array,allocUnsafe=Buffer?Buffer.allocUnsafe:undefined,getPrototype=overArg(Object.getPrototypeOf,Object),objectCreate=Object.create,propertyIsEnumerable=objectProto.propertyIsEnumerable,splice=arrayProto.splice,spreadableSymbol=Symbol?Symbol.isConcatSpreadable:undefined,symIterator=Symbol?Symbol.iterator:undefined,symToStringTag=Symbol?Symbol.toStringTag:undefined;var defineProperty=function(){try{var func=getNative(Object,'defineProperty');func({},'',{});return func;}catch(e){}}();/** Mocked built-ins. */var ctxClearTimeout=context.clearTimeout!==root.clearTimeout&&context.clearTimeout,ctxNow=Date&&Date.now!==root.Date.now&&Date.now,ctxSetTimeout=context.setTimeout!==root.setTimeout&&context.setTimeout;/* Built-in method references for those with the same name as other `lodash` methods. */var nativeCeil=Math.ceil,nativeFloor=Math.floor,nativeGetSymbols=Object.getOwnPropertySymbols,nativeIsBuffer=Buffer?Buffer.isBuffer:undefined,nativeIsFinite=context.isFinite,nativeJoin=arrayProto.join,nativeKeys=overArg(Object.keys,Object),nativeMax=Math.max,nativeMin=Math.min,nativeNow=Date.now,nativeParseInt=context.parseInt,nativeRandom=Math.random,nativeReverse=arrayProto.reverse;/* Built-in method references that are verified to be native. */var DataView=getNative(context,'DataView'),Map=getNative(context,'Map'),Promise=getNative(context,'Promise'),Set=getNative(context,'Set'),WeakMap=getNative(context,'WeakMap'),nativeCreate=getNative(Object,'create');/** Used to store function metadata. */var metaMap=WeakMap&&new WeakMap();/** Used to lookup unminified function names. */var realNames={};/** Used to detect maps, sets, and weakmaps. */var dataViewCtorString=toSource(DataView),mapCtorString=toSource(Map),promiseCtorString=toSource(Promise),setCtorString=toSource(Set),weakMapCtorString=toSource(WeakMap);/** Used to convert symbols to primitives and strings. */var symbolProto=Symbol?Symbol.prototype:undefined,symbolValueOf=symbolProto?symbolProto.valueOf:undefined,symbolToString=symbolProto?symbolProto.toString:undefined;/*------------------------------------------------------------------------*/ /**
+     * Creates a `lodash` object which wraps `value` to enable implicit method
+     * chain sequences. Methods that operate on and return arrays, collections,
+     * and functions can be chained together. Methods that retrieve a single value
+     * or may return a primitive value will automatically end the chain sequence
+     * and return the unwrapped value. Otherwise, the value must be unwrapped
+     * with `_#value`.
+     *
+     * Explicit chain sequences, which must be unwrapped with `_#value`, may be
+     * enabled using `_.chain`.
+     *
+     * The execution of chained methods is lazy, that is, it's deferred until
+     * `_#value` is implicitly or explicitly called.
+     *
+     * Lazy evaluation allows several methods to support shortcut fusion.
+     * Shortcut fusion is an optimization to merge iteratee calls; this avoids
+     * the creation of intermediate arrays and can greatly reduce the number of
+     * iteratee executions. Sections of a chain sequence qualify for shortcut
+     * fusion if the section is applied to an array and iteratees accept only
+     * one argument. The heuristic for whether a section qualifies for shortcut
+     * fusion is subject to change.
+     *
+     * Chaining is supported in custom builds as long as the `_#value` method is
+     * directly or indirectly included in the build.
+     *
+     * In addition to lodash methods, wrappers have `Array` and `String` methods.
+     *
+     * The wrapper `Array` methods are:
+     * `concat`, `join`, `pop`, `push`, `shift`, `sort`, `splice`, and `unshift`
+     *
+     * The wrapper `String` methods are:
+     * `replace` and `split`
+     *
+     * The wrapper methods that support shortcut fusion are:
+     * `at`, `compact`, `drop`, `dropRight`, `dropWhile`, `filter`, `find`,
+     * `findLast`, `head`, `initial`, `last`, `map`, `reject`, `reverse`, `slice`,
+     * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, and `toArray`
+     *
+     * The chainable wrapper methods are:
+     * `after`, `ary`, `assign`, `assignIn`, `assignInWith`, `assignWith`, `at`,
+     * `before`, `bind`, `bindAll`, `bindKey`, `castArray`, `chain`, `chunk`,
+     * `commit`, `compact`, `concat`, `conforms`, `constant`, `countBy`, `create`,
+     * `curry`, `debounce`, `defaults`, `defaultsDeep`, `defer`, `delay`,
+     * `difference`, `differenceBy`, `differenceWith`, `drop`, `dropRight`,
+     * `dropRightWhile`, `dropWhile`, `extend`, `extendWith`, `fill`, `filter`,
+     * `flatMap`, `flatMapDeep`, `flatMapDepth`, `flatten`, `flattenDeep`,
+     * `flattenDepth`, `flip`, `flow`, `flowRight`, `fromPairs`, `functions`,
+     * `functionsIn`, `groupBy`, `initial`, `intersection`, `intersectionBy`,
+     * `intersectionWith`, `invert`, `invertBy`, `invokeMap`, `iteratee`, `keyBy`,
+     * `keys`, `keysIn`, `map`, `mapKeys`, `mapValues`, `matches`, `matchesProperty`,
+     * `memoize`, `merge`, `mergeWith`, `method`, `methodOf`, `mixin`, `negate`,
+     * `nthArg`, `omit`, `omitBy`, `once`, `orderBy`, `over`, `overArgs`,
+     * `overEvery`, `overSome`, `partial`, `partialRight`, `partition`, `pick`,
+     * `pickBy`, `plant`, `property`, `propertyOf`, `pull`, `pullAll`, `pullAllBy`,
+     * `pullAllWith`, `pullAt`, `push`, `range`, `rangeRight`, `rearg`, `reject`,
+     * `remove`, `rest`, `reverse`, `sampleSize`, `set`, `setWith`, `shuffle`,
+     * `slice`, `sort`, `sortBy`, `splice`, `spread`, `tail`, `take`, `takeRight`,
+     * `takeRightWhile`, `takeWhile`, `tap`, `throttle`, `thru`, `toArray`,
+     * `toPairs`, `toPairsIn`, `toPath`, `toPlainObject`, `transform`, `unary`,
+     * `union`, `unionBy`, `unionWith`, `uniq`, `uniqBy`, `uniqWith`, `unset`,
+     * `unshift`, `unzip`, `unzipWith`, `update`, `updateWith`, `values`,
+     * `valuesIn`, `without`, `wrap`, `xor`, `xorBy`, `xorWith`, `zip`,
+     * `zipObject`, `zipObjectDeep`, and `zipWith`
+     *
+     * The wrapper methods that are **not** chainable by default are:
+     * `add`, `attempt`, `camelCase`, `capitalize`, `ceil`, `clamp`, `clone`,
+     * `cloneDeep`, `cloneDeepWith`, `cloneWith`, `conformsTo`, `deburr`,
+     * `defaultTo`, `divide`, `each`, `eachRight`, `endsWith`, `eq`, `escape`,
+     * `escapeRegExp`, `every`, `find`, `findIndex`, `findKey`, `findLast`,
+     * `findLastIndex`, `findLastKey`, `first`, `floor`, `forEach`, `forEachRight`,
+     * `forIn`, `forInRight`, `forOwn`, `forOwnRight`, `get`, `gt`, `gte`, `has`,
+     * `hasIn`, `head`, `identity`, `includes`, `indexOf`, `inRange`, `invoke`,
+     * `isArguments`, `isArray`, `isArrayBuffer`, `isArrayLike`, `isArrayLikeObject`,
+     * `isBoolean`, `isBuffer`, `isDate`, `isElement`, `isEmpty`, `isEqual`,
+     * `isEqualWith`, `isError`, `isFinite`, `isFunction`, `isInteger`, `isLength`,
+     * `isMap`, `isMatch`, `isMatchWith`, `isNaN`, `isNative`, `isNil`, `isNull`,
+     * `isNumber`, `isObject`, `isObjectLike`, `isPlainObject`, `isRegExp`,
+     * `isSafeInteger`, `isSet`, `isString`, `isUndefined`, `isTypedArray`,
+     * `isWeakMap`, `isWeakSet`, `join`, `kebabCase`, `last`, `lastIndexOf`,
+     * `lowerCase`, `lowerFirst`, `lt`, `lte`, `max`, `maxBy`, `mean`, `meanBy`,
+     * `min`, `minBy`, `multiply`, `noConflict`, `noop`, `now`, `nth`, `pad`,
+     * `padEnd`, `padStart`, `parseInt`, `pop`, `random`, `reduce`, `reduceRight`,
+     * `repeat`, `result`, `round`, `runInContext`, `sample`, `shift`, `size`,
+     * `snakeCase`, `some`, `sortedIndex`, `sortedIndexBy`, `sortedLastIndex`,
+     * `sortedLastIndexBy`, `startCase`, `startsWith`, `stubArray`, `stubFalse`,
+     * `stubObject`, `stubString`, `stubTrue`, `subtract`, `sum`, `sumBy`,
+     * `template`, `times`, `toFinite`, `toInteger`, `toJSON`, `toLength`,
+     * `toLower`, `toNumber`, `toSafeInteger`, `toString`, `toUpper`, `trim`,
+     * `trimEnd`, `trimStart`, `truncate`, `unescape`, `uniqueId`, `upperCase`,
+     * `upperFirst`, `value`, and `words`
+     *
+     * @name _
+     * @constructor
+     * @category Seq
+     * @param {*} value The value to wrap in a `lodash` instance.
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * var wrapped = _([1, 2, 3]);
+     *
+     * // Returns an unwrapped value.
+     * wrapped.reduce(_.add);
+     * // => 6
+     *
+     * // Returns a wrapped value.
+     * var squares = wrapped.map(square);
+     *
+     * _.isArray(squares);
+     * // => false
+     *
+     * _.isArray(squares.value());
+     * // => true
+     */function lodash(value){if(isObjectLike(value)&&!isArray(value)&&!(value instanceof LazyWrapper)){if(value instanceof LodashWrapper){return value;}if(hasOwnProperty.call(value,'__wrapped__')){return wrapperClone(value);}}return new LodashWrapper(value);}/**
+     * The base implementation of `_.create` without support for assigning
+     * properties to the created object.
+     *
+     * @private
+     * @param {Object} proto The object to inherit from.
+     * @returns {Object} Returns the new object.
+     */var baseCreate=function(){function object(){}return function(proto){if(!isObject(proto)){return{};}if(objectCreate){return objectCreate(proto);}object.prototype=proto;var result=new object();object.prototype=undefined;return result;};}();/**
+     * The function whose prototype chain sequence wrappers inherit from.
+     *
+     * @private
+     */function baseLodash(){// No operation performed.
+}/**
+     * The base constructor for creating `lodash` wrapper objects.
+     *
+     * @private
+     * @param {*} value The value to wrap.
+     * @param {boolean} [chainAll] Enable explicit method chain sequences.
+     */function LodashWrapper(value,chainAll){this.__wrapped__=value;this.__actions__=[];this.__chain__=!!chainAll;this.__index__=0;this.__values__=undefined;}/**
+     * By default, the template delimiters used by lodash are like those in
+     * embedded Ruby (ERB) as well as ES2015 template strings. Change the
+     * following template settings to use alternative delimiters.
+     *
+     * @static
+     * @memberOf _
+     * @type {Object}
+     */lodash.templateSettings={/**
+       * Used to detect `data` property values to be HTML-escaped.
+       *
+       * @memberOf _.templateSettings
+       * @type {RegExp}
+       */'escape':reEscape,/**
+       * Used to detect code to be evaluated.
+       *
+       * @memberOf _.templateSettings
+       * @type {RegExp}
+       */'evaluate':reEvaluate,/**
+       * Used to detect `data` property values to inject.
+       *
+       * @memberOf _.templateSettings
+       * @type {RegExp}
+       */'interpolate':reInterpolate,/**
+       * Used to reference the data object in the template text.
+       *
+       * @memberOf _.templateSettings
+       * @type {string}
+       */'variable':'',/**
+       * Used to import variables into the compiled template.
+       *
+       * @memberOf _.templateSettings
+       * @type {Object}
+       */'imports':{/**
+         * A reference to the `lodash` function.
+         *
+         * @memberOf _.templateSettings.imports
+         * @type {Function}
+         */'_':lodash}};// Ensure wrappers are instances of `baseLodash`.
+lodash.prototype=baseLodash.prototype;lodash.prototype.constructor=lodash;LodashWrapper.prototype=baseCreate(baseLodash.prototype);LodashWrapper.prototype.constructor=LodashWrapper;/*------------------------------------------------------------------------*/ /**
+     * Creates a lazy wrapper object which wraps `value` to enable lazy evaluation.
+     *
+     * @private
+     * @constructor
+     * @param {*} value The value to wrap.
+     */function LazyWrapper(value){this.__wrapped__=value;this.__actions__=[];this.__dir__=1;this.__filtered__=false;this.__iteratees__=[];this.__takeCount__=MAX_ARRAY_LENGTH;this.__views__=[];}/**
+     * Creates a clone of the lazy wrapper object.
+     *
+     * @private
+     * @name clone
+     * @memberOf LazyWrapper
+     * @returns {Object} Returns the cloned `LazyWrapper` object.
+     */function lazyClone(){var result=new LazyWrapper(this.__wrapped__);result.__actions__=copyArray(this.__actions__);result.__dir__=this.__dir__;result.__filtered__=this.__filtered__;result.__iteratees__=copyArray(this.__iteratees__);result.__takeCount__=this.__takeCount__;result.__views__=copyArray(this.__views__);return result;}/**
+     * Reverses the direction of lazy iteration.
+     *
+     * @private
+     * @name reverse
+     * @memberOf LazyWrapper
+     * @returns {Object} Returns the new reversed `LazyWrapper` object.
+     */function lazyReverse(){if(this.__filtered__){var result=new LazyWrapper(this);result.__dir__=-1;result.__filtered__=true;}else{result=this.clone();result.__dir__*=-1;}return result;}/**
+     * Extracts the unwrapped value from its lazy wrapper.
+     *
+     * @private
+     * @name value
+     * @memberOf LazyWrapper
+     * @returns {*} Returns the unwrapped value.
+     */function lazyValue(){var array=this.__wrapped__.value(),dir=this.__dir__,isArr=isArray(array),isRight=dir<0,arrLength=isArr?array.length:0,view=getView(0,arrLength,this.__views__),start=view.start,end=view.end,length=end-start,index=isRight?end:start-1,iteratees=this.__iteratees__,iterLength=iteratees.length,resIndex=0,takeCount=nativeMin(length,this.__takeCount__);if(!isArr||!isRight&&arrLength==length&&takeCount==length){return baseWrapperValue(array,this.__actions__);}var result=[];outer:while(length--&&resIndex<takeCount){index+=dir;var iterIndex=-1,value=array[index];while(++iterIndex<iterLength){var data=iteratees[iterIndex],iteratee=data.iteratee,type=data.type,computed=iteratee(value);if(type==LAZY_MAP_FLAG){value=computed;}else if(!computed){if(type==LAZY_FILTER_FLAG){continue outer;}else{break outer;}}}result[resIndex++]=value;}return result;}// Ensure `LazyWrapper` is an instance of `baseLodash`.
+LazyWrapper.prototype=baseCreate(baseLodash.prototype);LazyWrapper.prototype.constructor=LazyWrapper;/*------------------------------------------------------------------------*/ /**
+     * Creates a hash object.
+     *
+     * @private
+     * @constructor
+     * @param {Array} [entries] The key-value pairs to cache.
+     */function Hash(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1]);}}/**
+     * Removes all key-value entries from the hash.
+     *
+     * @private
+     * @name clear
+     * @memberOf Hash
+     */function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{};this.size=0;}/**
+     * Removes `key` and its value from the hash.
+     *
+     * @private
+     * @name delete
+     * @memberOf Hash
+     * @param {Object} hash The hash to modify.
+     * @param {string} key The key of the value to remove.
+     * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+     */function hashDelete(key){var result=this.has(key)&&delete this.__data__[key];this.size-=result?1:0;return result;}/**
+     * Gets the hash value for `key`.
+     *
+     * @private
+     * @name get
+     * @memberOf Hash
+     * @param {string} key The key of the value to get.
+     * @returns {*} Returns the entry value.
+     */function hashGet(key){var data=this.__data__;if(nativeCreate){var result=data[key];return result===HASH_UNDEFINED?undefined:result;}return hasOwnProperty.call(data,key)?data[key]:undefined;}/**
+     * Checks if a hash value for `key` exists.
+     *
+     * @private
+     * @name has
+     * @memberOf Hash
+     * @param {string} key The key of the entry to check.
+     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+     */function hashHas(key){var data=this.__data__;return nativeCreate?data[key]!==undefined:hasOwnProperty.call(data,key);}/**
+     * Sets the hash `key` to `value`.
+     *
+     * @private
+     * @name set
+     * @memberOf Hash
+     * @param {string} key The key of the value to set.
+     * @param {*} value The value to set.
+     * @returns {Object} Returns the hash instance.
+     */function hashSet(key,value){var data=this.__data__;this.size+=this.has(key)?0:1;data[key]=nativeCreate&&value===undefined?HASH_UNDEFINED:value;return this;}// Add methods to `Hash`.
+Hash.prototype.clear=hashClear;Hash.prototype['delete']=hashDelete;Hash.prototype.get=hashGet;Hash.prototype.has=hashHas;Hash.prototype.set=hashSet;/*------------------------------------------------------------------------*/ /**
+     * Creates an list cache object.
+     *
+     * @private
+     * @constructor
+     * @param {Array} [entries] The key-value pairs to cache.
+     */function ListCache(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1]);}}/**
+     * Removes all key-value entries from the list cache.
+     *
+     * @private
+     * @name clear
+     * @memberOf ListCache
+     */function listCacheClear(){this.__data__=[];this.size=0;}/**
+     * Removes `key` and its value from the list cache.
+     *
+     * @private
+     * @name delete
+     * @memberOf ListCache
+     * @param {string} key The key of the value to remove.
+     * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+     */function listCacheDelete(key){var data=this.__data__,index=assocIndexOf(data,key);if(index<0){return false;}var lastIndex=data.length-1;if(index==lastIndex){data.pop();}else{splice.call(data,index,1);}--this.size;return true;}/**
+     * Gets the list cache value for `key`.
+     *
+     * @private
+     * @name get
+     * @memberOf ListCache
+     * @param {string} key The key of the value to get.
+     * @returns {*} Returns the entry value.
+     */function listCacheGet(key){var data=this.__data__,index=assocIndexOf(data,key);return index<0?undefined:data[index][1];}/**
+     * Checks if a list cache value for `key` exists.
+     *
+     * @private
+     * @name has
+     * @memberOf ListCache
+     * @param {string} key The key of the entry to check.
+     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+     */function listCacheHas(key){return assocIndexOf(this.__data__,key)>-1;}/**
+     * Sets the list cache `key` to `value`.
+     *
+     * @private
+     * @name set
+     * @memberOf ListCache
+     * @param {string} key The key of the value to set.
+     * @param {*} value The value to set.
+     * @returns {Object} Returns the list cache instance.
+     */function listCacheSet(key,value){var data=this.__data__,index=assocIndexOf(data,key);if(index<0){++this.size;data.push([key,value]);}else{data[index][1]=value;}return this;}// Add methods to `ListCache`.
+ListCache.prototype.clear=listCacheClear;ListCache.prototype['delete']=listCacheDelete;ListCache.prototype.get=listCacheGet;ListCache.prototype.has=listCacheHas;ListCache.prototype.set=listCacheSet;/*------------------------------------------------------------------------*/ /**
+     * Creates a map cache object to store key-value pairs.
+     *
+     * @private
+     * @constructor
+     * @param {Array} [entries] The key-value pairs to cache.
+     */function MapCache(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1]);}}/**
+     * Removes all key-value entries from the map.
+     *
+     * @private
+     * @name clear
+     * @memberOf MapCache
+     */function mapCacheClear(){this.size=0;this.__data__={'hash':new Hash(),'map':new(Map||ListCache)(),'string':new Hash()};}/**
+     * Removes `key` and its value from the map.
+     *
+     * @private
+     * @name delete
+     * @memberOf MapCache
+     * @param {string} key The key of the value to remove.
+     * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+     */function mapCacheDelete(key){var result=getMapData(this,key)['delete'](key);this.size-=result?1:0;return result;}/**
+     * Gets the map value for `key`.
+     *
+     * @private
+     * @name get
+     * @memberOf MapCache
+     * @param {string} key The key of the value to get.
+     * @returns {*} Returns the entry value.
+     */function mapCacheGet(key){return getMapData(this,key).get(key);}/**
+     * Checks if a map value for `key` exists.
+     *
+     * @private
+     * @name has
+     * @memberOf MapCache
+     * @param {string} key The key of the entry to check.
+     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+     */function mapCacheHas(key){return getMapData(this,key).has(key);}/**
+     * Sets the map `key` to `value`.
+     *
+     * @private
+     * @name set
+     * @memberOf MapCache
+     * @param {string} key The key of the value to set.
+     * @param {*} value The value to set.
+     * @returns {Object} Returns the map cache instance.
+     */function mapCacheSet(key,value){var data=getMapData(this,key),size=data.size;data.set(key,value);this.size+=data.size==size?0:1;return this;}// Add methods to `MapCache`.
+MapCache.prototype.clear=mapCacheClear;MapCache.prototype['delete']=mapCacheDelete;MapCache.prototype.get=mapCacheGet;MapCache.prototype.has=mapCacheHas;MapCache.prototype.set=mapCacheSet;/*------------------------------------------------------------------------*/ /**
+     *
+     * Creates an array cache object to store unique values.
+     *
+     * @private
+     * @constructor
+     * @param {Array} [values] The values to cache.
+     */function SetCache(values){var index=-1,length=values==null?0:values.length;this.__data__=new MapCache();while(++index<length){this.add(values[index]);}}/**
+     * Adds `value` to the array cache.
+     *
+     * @private
+     * @name add
+     * @memberOf SetCache
+     * @alias push
+     * @param {*} value The value to cache.
+     * @returns {Object} Returns the cache instance.
+     */function setCacheAdd(value){this.__data__.set(value,HASH_UNDEFINED);return this;}/**
+     * Checks if `value` is in the array cache.
+     *
+     * @private
+     * @name has
+     * @memberOf SetCache
+     * @param {*} value The value to search for.
+     * @returns {number} Returns `true` if `value` is found, else `false`.
+     */function setCacheHas(value){return this.__data__.has(value);}// Add methods to `SetCache`.
+SetCache.prototype.add=SetCache.prototype.push=setCacheAdd;SetCache.prototype.has=setCacheHas;/*------------------------------------------------------------------------*/ /**
+     * Creates a stack cache object to store key-value pairs.
+     *
+     * @private
+     * @constructor
+     * @param {Array} [entries] The key-value pairs to cache.
+     */function Stack(entries){var data=this.__data__=new ListCache(entries);this.size=data.size;}/**
+     * Removes all key-value entries from the stack.
+     *
+     * @private
+     * @name clear
+     * @memberOf Stack
+     */function stackClear(){this.__data__=new ListCache();this.size=0;}/**
+     * Removes `key` and its value from the stack.
+     *
+     * @private
+     * @name delete
+     * @memberOf Stack
+     * @param {string} key The key of the value to remove.
+     * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+     */function stackDelete(key){var data=this.__data__,result=data['delete'](key);this.size=data.size;return result;}/**
+     * Gets the stack value for `key`.
+     *
+     * @private
+     * @name get
+     * @memberOf Stack
+     * @param {string} key The key of the value to get.
+     * @returns {*} Returns the entry value.
+     */function stackGet(key){return this.__data__.get(key);}/**
+     * Checks if a stack value for `key` exists.
+     *
+     * @private
+     * @name has
+     * @memberOf Stack
+     * @param {string} key The key of the entry to check.
+     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+     */function stackHas(key){return this.__data__.has(key);}/**
+     * Sets the stack `key` to `value`.
+     *
+     * @private
+     * @name set
+     * @memberOf Stack
+     * @param {string} key The key of the value to set.
+     * @param {*} value The value to set.
+     * @returns {Object} Returns the stack cache instance.
+     */function stackSet(key,value){var data=this.__data__;if(data instanceof ListCache){var pairs=data.__data__;if(!Map||pairs.length<LARGE_ARRAY_SIZE-1){pairs.push([key,value]);this.size=++data.size;return this;}data=this.__data__=new MapCache(pairs);}data.set(key,value);this.size=data.size;return this;}// Add methods to `Stack`.
+Stack.prototype.clear=stackClear;Stack.prototype['delete']=stackDelete;Stack.prototype.get=stackGet;Stack.prototype.has=stackHas;Stack.prototype.set=stackSet;/*------------------------------------------------------------------------*/ /**
+     * Creates an array of the enumerable property names of the array-like `value`.
+     *
+     * @private
+     * @param {*} value The value to query.
+     * @param {boolean} inherited Specify returning inherited property names.
+     * @returns {Array} Returns the array of property names.
+     */function arrayLikeKeys(value,inherited){var isArr=isArray(value),isArg=!isArr&&isArguments(value),isBuff=!isArr&&!isArg&&isBuffer(value),isType=!isArr&&!isArg&&!isBuff&&isTypedArray(value),skipIndexes=isArr||isArg||isBuff||isType,result=skipIndexes?baseTimes(value.length,String):[],length=result.length;for(var key in value){if((inherited||hasOwnProperty.call(value,key))&&!(skipIndexes&&(// Safari 9 has enumerable `arguments.length` in strict mode.
+key=='length'||// Node.js 0.10 has enumerable non-index properties on buffers.
+isBuff&&(key=='offset'||key=='parent')||// PhantomJS 2 has enumerable non-index properties on typed arrays.
+isType&&(key=='buffer'||key=='byteLength'||key=='byteOffset')||// Skip index properties.
+isIndex(key,length)))){result.push(key);}}return result;}/**
+     * A specialized version of `_.sample` for arrays.
+     *
+     * @private
+     * @param {Array} array The array to sample.
+     * @returns {*} Returns the random element.
+     */function arraySample(array){var length=array.length;return length?array[baseRandom(0,length-1)]:undefined;}/**
+     * A specialized version of `_.sampleSize` for arrays.
+     *
+     * @private
+     * @param {Array} array The array to sample.
+     * @param {number} n The number of elements to sample.
+     * @returns {Array} Returns the random elements.
+     */function arraySampleSize(array,n){return shuffleSelf(copyArray(array),baseClamp(n,0,array.length));}/**
+     * A specialized version of `_.shuffle` for arrays.
+     *
+     * @private
+     * @param {Array} array The array to shuffle.
+     * @returns {Array} Returns the new shuffled array.
+     */function arrayShuffle(array){return shuffleSelf(copyArray(array));}/**
+     * This function is like `assignValue` except that it doesn't assign
+     * `undefined` values.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {string} key The key of the property to assign.
+     * @param {*} value The value to assign.
+     */function assignMergeValue(object,key,value){if(value!==undefined&&!eq(object[key],value)||value===undefined&&!(key in object)){baseAssignValue(object,key,value);}}/**
+     * Assigns `value` to `key` of `object` if the existing value is not equivalent
+     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {string} key The key of the property to assign.
+     * @param {*} value The value to assign.
+     */function assignValue(object,key,value){var objValue=object[key];if(!(hasOwnProperty.call(object,key)&&eq(objValue,value))||value===undefined&&!(key in object)){baseAssignValue(object,key,value);}}/**
+     * Gets the index at which the `key` is found in `array` of key-value pairs.
+     *
+     * @private
+     * @param {Array} array The array to inspect.
+     * @param {*} key The key to search for.
+     * @returns {number} Returns the index of the matched value, else `-1`.
+     */function assocIndexOf(array,key){var length=array.length;while(length--){if(eq(array[length][0],key)){return length;}}return-1;}/**
+     * Aggregates elements of `collection` on `accumulator` with keys transformed
+     * by `iteratee` and values set by `setter`.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} setter The function to set `accumulator` values.
+     * @param {Function} iteratee The iteratee to transform keys.
+     * @param {Object} accumulator The initial aggregated object.
+     * @returns {Function} Returns `accumulator`.
+     */function baseAggregator(collection,setter,iteratee,accumulator){baseEach(collection,function(value,key,collection){setter(accumulator,value,iteratee(value),collection);});return accumulator;}/**
+     * The base implementation of `_.assign` without support for multiple sources
+     * or `customizer` functions.
+     *
+     * @private
+     * @param {Object} object The destination object.
+     * @param {Object} source The source object.
+     * @returns {Object} Returns `object`.
+     */function baseAssign(object,source){return object&&copyObject(source,keys(source),object);}/**
+     * The base implementation of `_.assignIn` without support for multiple sources
+     * or `customizer` functions.
+     *
+     * @private
+     * @param {Object} object The destination object.
+     * @param {Object} source The source object.
+     * @returns {Object} Returns `object`.
+     */function baseAssignIn(object,source){return object&&copyObject(source,keysIn(source),object);}/**
+     * The base implementation of `assignValue` and `assignMergeValue` without
+     * value checks.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {string} key The key of the property to assign.
+     * @param {*} value The value to assign.
+     */function baseAssignValue(object,key,value){if(key=='__proto__'&&defineProperty){defineProperty(object,key,{'configurable':true,'enumerable':true,'value':value,'writable':true});}else{object[key]=value;}}/**
+     * The base implementation of `_.at` without support for individual paths.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {string[]} paths The property paths to pick.
+     * @returns {Array} Returns the picked elements.
+     */function baseAt(object,paths){var index=-1,length=paths.length,result=Array(length),skip=object==null;while(++index<length){result[index]=skip?undefined:get(object,paths[index]);}return result;}/**
+     * The base implementation of `_.clamp` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {number} number The number to clamp.
+     * @param {number} [lower] The lower bound.
+     * @param {number} upper The upper bound.
+     * @returns {number} Returns the clamped number.
+     */function baseClamp(number,lower,upper){if(number===number){if(upper!==undefined){number=number<=upper?number:upper;}if(lower!==undefined){number=number>=lower?number:lower;}}return number;}/**
+     * The base implementation of `_.clone` and `_.cloneDeep` which tracks
+     * traversed objects.
+     *
+     * @private
+     * @param {*} value The value to clone.
+     * @param {boolean} bitmask The bitmask flags.
+     *  1 - Deep clone
+     *  2 - Flatten inherited properties
+     *  4 - Clone symbols
+     * @param {Function} [customizer] The function to customize cloning.
+     * @param {string} [key] The key of `value`.
+     * @param {Object} [object] The parent object of `value`.
+     * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
+     * @returns {*} Returns the cloned value.
+     */function baseClone(value,bitmask,customizer,key,object,stack){var result,isDeep=bitmask&CLONE_DEEP_FLAG,isFlat=bitmask&CLONE_FLAT_FLAG,isFull=bitmask&CLONE_SYMBOLS_FLAG;if(customizer){result=object?customizer(value,key,object,stack):customizer(value);}if(result!==undefined){return result;}if(!isObject(value)){return value;}var isArr=isArray(value);if(isArr){result=initCloneArray(value);if(!isDeep){return copyArray(value,result);}}else{var tag=getTag(value),isFunc=tag==funcTag||tag==genTag;if(isBuffer(value)){return cloneBuffer(value,isDeep);}if(tag==objectTag||tag==argsTag||isFunc&&!object){result=isFlat||isFunc?{}:initCloneObject(value);if(!isDeep){return isFlat?copySymbolsIn(value,baseAssignIn(result,value)):copySymbols(value,baseAssign(result,value));}}else{if(!cloneableTags[tag]){return object?value:{};}result=initCloneByTag(value,tag,isDeep);}}// Check for circular references and return its corresponding clone.
+stack||(stack=new Stack());var stacked=stack.get(value);if(stacked){return stacked;}stack.set(value,result);if(isSet(value)){value.forEach(function(subValue){result.add(baseClone(subValue,bitmask,customizer,subValue,value,stack));});}else if(isMap(value)){value.forEach(function(subValue,key){result.set(key,baseClone(subValue,bitmask,customizer,key,value,stack));});}var keysFunc=isFull?isFlat?getAllKeysIn:getAllKeys:isFlat?keysIn:keys;var props=isArr?undefined:keysFunc(value);arrayEach(props||value,function(subValue,key){if(props){key=subValue;subValue=value[key];}// Recursively populate clone (susceptible to call stack limits).
+assignValue(result,key,baseClone(subValue,bitmask,customizer,key,value,stack));});return result;}/**
+     * The base implementation of `_.conforms` which doesn't clone `source`.
+     *
+     * @private
+     * @param {Object} source The object of property predicates to conform to.
+     * @returns {Function} Returns the new spec function.
+     */function baseConforms(source){var props=keys(source);return function(object){return baseConformsTo(object,source,props);};}/**
+     * The base implementation of `_.conformsTo` which accepts `props` to check.
+     *
+     * @private
+     * @param {Object} object The object to inspect.
+     * @param {Object} source The object of property predicates to conform to.
+     * @returns {boolean} Returns `true` if `object` conforms, else `false`.
+     */function baseConformsTo(object,source,props){var length=props.length;if(object==null){return!length;}object=Object(object);while(length--){var key=props[length],predicate=source[key],value=object[key];if(value===undefined&&!(key in object)||!predicate(value)){return false;}}return true;}/**
+     * The base implementation of `_.delay` and `_.defer` which accepts `args`
+     * to provide to `func`.
+     *
+     * @private
+     * @param {Function} func The function to delay.
+     * @param {number} wait The number of milliseconds to delay invocation.
+     * @param {Array} args The arguments to provide to `func`.
+     * @returns {number|Object} Returns the timer id or timeout object.
+     */function baseDelay(func,wait,args){if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}return setTimeout(function(){func.apply(undefined,args);},wait);}/**
+     * The base implementation of methods like `_.difference` without support
+     * for excluding multiple arrays or iteratee shorthands.
+     *
+     * @private
+     * @param {Array} array The array to inspect.
+     * @param {Array} values The values to exclude.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of filtered values.
+     */function baseDifference(array,values,iteratee,comparator){var index=-1,includes=arrayIncludes,isCommon=true,length=array.length,result=[],valuesLength=values.length;if(!length){return result;}if(iteratee){values=arrayMap(values,baseUnary(iteratee));}if(comparator){includes=arrayIncludesWith;isCommon=false;}else if(values.length>=LARGE_ARRAY_SIZE){includes=cacheHas;isCommon=false;values=new SetCache(values);}outer:while(++index<length){var value=array[index],computed=iteratee==null?value:iteratee(value);value=comparator||value!==0?value:0;if(isCommon&&computed===computed){var valuesIndex=valuesLength;while(valuesIndex--){if(values[valuesIndex]===computed){continue outer;}}result.push(value);}else if(!includes(values,computed,comparator)){result.push(value);}}return result;}/**
+     * The base implementation of `_.forEach` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @returns {Array|Object} Returns `collection`.
+     */var baseEach=createBaseEach(baseForOwn);/**
+     * The base implementation of `_.forEachRight` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @returns {Array|Object} Returns `collection`.
+     */var baseEachRight=createBaseEach(baseForOwnRight,true);/**
+     * The base implementation of `_.every` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} predicate The function invoked per iteration.
+     * @returns {boolean} Returns `true` if all elements pass the predicate check,
+     *  else `false`
+     */function baseEvery(collection,predicate){var result=true;baseEach(collection,function(value,index,collection){result=!!predicate(value,index,collection);return result;});return result;}/**
+     * The base implementation of methods like `_.max` and `_.min` which accepts a
+     * `comparator` to determine the extremum value.
+     *
+     * @private
+     * @param {Array} array The array to iterate over.
+     * @param {Function} iteratee The iteratee invoked per iteration.
+     * @param {Function} comparator The comparator used to compare values.
+     * @returns {*} Returns the extremum value.
+     */function baseExtremum(array,iteratee,comparator){var index=-1,length=array.length;while(++index<length){var value=array[index],current=iteratee(value);if(current!=null&&(computed===undefined?current===current&&!isSymbol(current):comparator(current,computed))){var computed=current,result=value;}}return result;}/**
+     * The base implementation of `_.fill` without an iteratee call guard.
+     *
+     * @private
+     * @param {Array} array The array to fill.
+     * @param {*} value The value to fill `array` with.
+     * @param {number} [start=0] The start position.
+     * @param {number} [end=array.length] The end position.
+     * @returns {Array} Returns `array`.
+     */function baseFill(array,value,start,end){var length=array.length;start=toInteger(start);if(start<0){start=-start>length?0:length+start;}end=end===undefined||end>length?length:toInteger(end);if(end<0){end+=length;}end=start>end?0:toLength(end);while(start<end){array[start++]=value;}return array;}/**
+     * The base implementation of `_.filter` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} predicate The function invoked per iteration.
+     * @returns {Array} Returns the new filtered array.
+     */function baseFilter(collection,predicate){var result=[];baseEach(collection,function(value,index,collection){if(predicate(value,index,collection)){result.push(value);}});return result;}/**
+     * The base implementation of `_.flatten` with support for restricting flattening.
+     *
+     * @private
+     * @param {Array} array The array to flatten.
+     * @param {number} depth The maximum recursion depth.
+     * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.
+     * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.
+     * @param {Array} [result=[]] The initial result value.
+     * @returns {Array} Returns the new flattened array.
+     */function baseFlatten(array,depth,predicate,isStrict,result){var index=-1,length=array.length;predicate||(predicate=isFlattenable);result||(result=[]);while(++index<length){var value=array[index];if(depth>0&&predicate(value)){if(depth>1){// Recursively flatten arrays (susceptible to call stack limits).
+baseFlatten(value,depth-1,predicate,isStrict,result);}else{arrayPush(result,value);}}else if(!isStrict){result[result.length]=value;}}return result;}/**
+     * The base implementation of `baseForOwn` which iterates over `object`
+     * properties returned by `keysFunc` and invokes `iteratee` for each property.
+     * Iteratee functions may exit iteration early by explicitly returning `false`.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @param {Function} keysFunc The function to get the keys of `object`.
+     * @returns {Object} Returns `object`.
+     */var baseFor=createBaseFor();/**
+     * This function is like `baseFor` except that it iterates over properties
+     * in the opposite order.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @param {Function} keysFunc The function to get the keys of `object`.
+     * @returns {Object} Returns `object`.
+     */var baseForRight=createBaseFor(true);/**
+     * The base implementation of `_.forOwn` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     */function baseForOwn(object,iteratee){return object&&baseFor(object,iteratee,keys);}/**
+     * The base implementation of `_.forOwnRight` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     */function baseForOwnRight(object,iteratee){return object&&baseForRight(object,iteratee,keys);}/**
+     * The base implementation of `_.functions` which creates an array of
+     * `object` function property names filtered from `props`.
+     *
+     * @private
+     * @param {Object} object The object to inspect.
+     * @param {Array} props The property names to filter.
+     * @returns {Array} Returns the function names.
+     */function baseFunctions(object,props){return arrayFilter(props,function(key){return isFunction(object[key]);});}/**
+     * The base implementation of `_.get` without support for default values.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path of the property to get.
+     * @returns {*} Returns the resolved value.
+     */function baseGet(object,path){path=castPath(path,object);var index=0,length=path.length;while(object!=null&&index<length){object=object[toKey(path[index++])];}return index&&index==length?object:undefined;}/**
+     * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
+     * `keysFunc` and `symbolsFunc` to get the enumerable property names and
+     * symbols of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {Function} keysFunc The function to get the keys of `object`.
+     * @param {Function} symbolsFunc The function to get the symbols of `object`.
+     * @returns {Array} Returns the array of property names and symbols.
+     */function baseGetAllKeys(object,keysFunc,symbolsFunc){var result=keysFunc(object);return isArray(object)?result:arrayPush(result,symbolsFunc(object));}/**
+     * The base implementation of `getTag` without fallbacks for buggy environments.
+     *
+     * @private
+     * @param {*} value The value to query.
+     * @returns {string} Returns the `toStringTag`.
+     */function baseGetTag(value){if(value==null){return value===undefined?undefinedTag:nullTag;}return symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString(value);}/**
+     * The base implementation of `_.gt` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is greater than `other`,
+     *  else `false`.
+     */function baseGt(value,other){return value>other;}/**
+     * The base implementation of `_.has` without support for deep paths.
+     *
+     * @private
+     * @param {Object} [object] The object to query.
+     * @param {Array|string} key The key to check.
+     * @returns {boolean} Returns `true` if `key` exists, else `false`.
+     */function baseHas(object,key){return object!=null&&hasOwnProperty.call(object,key);}/**
+     * The base implementation of `_.hasIn` without support for deep paths.
+     *
+     * @private
+     * @param {Object} [object] The object to query.
+     * @param {Array|string} key The key to check.
+     * @returns {boolean} Returns `true` if `key` exists, else `false`.
+     */function baseHasIn(object,key){return object!=null&&key in Object(object);}/**
+     * The base implementation of `_.inRange` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {number} number The number to check.
+     * @param {number} start The start of the range.
+     * @param {number} end The end of the range.
+     * @returns {boolean} Returns `true` if `number` is in the range, else `false`.
+     */function baseInRange(number,start,end){return number>=nativeMin(start,end)&&number<nativeMax(start,end);}/**
+     * The base implementation of methods like `_.intersection`, without support
+     * for iteratee shorthands, that accepts an array of arrays to inspect.
+     *
+     * @private
+     * @param {Array} arrays The arrays to inspect.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of shared values.
+     */function baseIntersection(arrays,iteratee,comparator){var includes=comparator?arrayIncludesWith:arrayIncludes,length=arrays[0].length,othLength=arrays.length,othIndex=othLength,caches=Array(othLength),maxLength=Infinity,result=[];while(othIndex--){var array=arrays[othIndex];if(othIndex&&iteratee){array=arrayMap(array,baseUnary(iteratee));}maxLength=nativeMin(array.length,maxLength);caches[othIndex]=!comparator&&(iteratee||length>=120&&array.length>=120)?new SetCache(othIndex&&array):undefined;}array=arrays[0];var index=-1,seen=caches[0];outer:while(++index<length&&result.length<maxLength){var value=array[index],computed=iteratee?iteratee(value):value;value=comparator||value!==0?value:0;if(!(seen?cacheHas(seen,computed):includes(result,computed,comparator))){othIndex=othLength;while(--othIndex){var cache=caches[othIndex];if(!(cache?cacheHas(cache,computed):includes(arrays[othIndex],computed,comparator))){continue outer;}}if(seen){seen.push(computed);}result.push(value);}}return result;}/**
+     * The base implementation of `_.invert` and `_.invertBy` which inverts
+     * `object` with values transformed by `iteratee` and set by `setter`.
+     *
+     * @private
+     * @param {Object} object The object to iterate over.
+     * @param {Function} setter The function to set `accumulator` values.
+     * @param {Function} iteratee The iteratee to transform values.
+     * @param {Object} accumulator The initial inverted object.
+     * @returns {Function} Returns `accumulator`.
+     */function baseInverter(object,setter,iteratee,accumulator){baseForOwn(object,function(value,key,object){setter(accumulator,iteratee(value),key,object);});return accumulator;}/**
+     * The base implementation of `_.invoke` without support for individual
+     * method arguments.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path of the method to invoke.
+     * @param {Array} args The arguments to invoke the method with.
+     * @returns {*} Returns the result of the invoked method.
+     */function baseInvoke(object,path,args){path=castPath(path,object);object=parent(object,path);var func=object==null?object:object[toKey(last(path))];return func==null?undefined:apply(func,object,args);}/**
+     * The base implementation of `_.isArguments`.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+     */function baseIsArguments(value){return isObjectLike(value)&&baseGetTag(value)==argsTag;}/**
+     * The base implementation of `_.isArrayBuffer` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.
+     */function baseIsArrayBuffer(value){return isObjectLike(value)&&baseGetTag(value)==arrayBufferTag;}/**
+     * The base implementation of `_.isDate` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a date object, else `false`.
+     */function baseIsDate(value){return isObjectLike(value)&&baseGetTag(value)==dateTag;}/**
+     * The base implementation of `_.isEqual` which supports partial comparisons
+     * and tracks traversed objects.
+     *
+     * @private
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @param {boolean} bitmask The bitmask flags.
+     *  1 - Unordered comparison
+     *  2 - Partial comparison
+     * @param {Function} [customizer] The function to customize comparisons.
+     * @param {Object} [stack] Tracks traversed `value` and `other` objects.
+     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+     */function baseIsEqual(value,other,bitmask,customizer,stack){if(value===other){return true;}if(value==null||other==null||!isObjectLike(value)&&!isObjectLike(other)){return value!==value&&other!==other;}return baseIsEqualDeep(value,other,bitmask,customizer,baseIsEqual,stack);}/**
+     * A specialized version of `baseIsEqual` for arrays and objects which performs
+     * deep comparisons and tracks traversed objects enabling objects with circular
+     * references to be compared.
+     *
+     * @private
+     * @param {Object} object The object to compare.
+     * @param {Object} other The other object to compare.
+     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+     * @param {Function} customizer The function to customize comparisons.
+     * @param {Function} equalFunc The function to determine equivalents of values.
+     * @param {Object} [stack] Tracks traversed `object` and `other` objects.
+     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+     */function baseIsEqualDeep(object,other,bitmask,customizer,equalFunc,stack){var objIsArr=isArray(object),othIsArr=isArray(other),objTag=objIsArr?arrayTag:getTag(object),othTag=othIsArr?arrayTag:getTag(other);objTag=objTag==argsTag?objectTag:objTag;othTag=othTag==argsTag?objectTag:othTag;var objIsObj=objTag==objectTag,othIsObj=othTag==objectTag,isSameTag=objTag==othTag;if(isSameTag&&isBuffer(object)){if(!isBuffer(other)){return false;}objIsArr=true;objIsObj=false;}if(isSameTag&&!objIsObj){stack||(stack=new Stack());return objIsArr||isTypedArray(object)?equalArrays(object,other,bitmask,customizer,equalFunc,stack):equalByTag(object,other,objTag,bitmask,customizer,equalFunc,stack);}if(!(bitmask&COMPARE_PARTIAL_FLAG)){var objIsWrapped=objIsObj&&hasOwnProperty.call(object,'__wrapped__'),othIsWrapped=othIsObj&&hasOwnProperty.call(other,'__wrapped__');if(objIsWrapped||othIsWrapped){var objUnwrapped=objIsWrapped?object.value():object,othUnwrapped=othIsWrapped?other.value():other;stack||(stack=new Stack());return equalFunc(objUnwrapped,othUnwrapped,bitmask,customizer,stack);}}if(!isSameTag){return false;}stack||(stack=new Stack());return equalObjects(object,other,bitmask,customizer,equalFunc,stack);}/**
+     * The base implementation of `_.isMap` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a map, else `false`.
+     */function baseIsMap(value){return isObjectLike(value)&&getTag(value)==mapTag;}/**
+     * The base implementation of `_.isMatch` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Object} object The object to inspect.
+     * @param {Object} source The object of property values to match.
+     * @param {Array} matchData The property names, values, and compare flags to match.
+     * @param {Function} [customizer] The function to customize comparisons.
+     * @returns {boolean} Returns `true` if `object` is a match, else `false`.
+     */function baseIsMatch(object,source,matchData,customizer){var index=matchData.length,length=index,noCustomizer=!customizer;if(object==null){return!length;}object=Object(object);while(index--){var data=matchData[index];if(noCustomizer&&data[2]?data[1]!==object[data[0]]:!(data[0]in object)){return false;}}while(++index<length){data=matchData[index];var key=data[0],objValue=object[key],srcValue=data[1];if(noCustomizer&&data[2]){if(objValue===undefined&&!(key in object)){return false;}}else{var stack=new Stack();if(customizer){var result=customizer(objValue,srcValue,key,object,source,stack);}if(!(result===undefined?baseIsEqual(srcValue,objValue,COMPARE_PARTIAL_FLAG|COMPARE_UNORDERED_FLAG,customizer,stack):result)){return false;}}}return true;}/**
+     * The base implementation of `_.isNative` without bad shim checks.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a native function,
+     *  else `false`.
+     */function baseIsNative(value){if(!isObject(value)||isMasked(value)){return false;}var pattern=isFunction(value)?reIsNative:reIsHostCtor;return pattern.test(toSource(value));}/**
+     * The base implementation of `_.isRegExp` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.
+     */function baseIsRegExp(value){return isObjectLike(value)&&baseGetTag(value)==regexpTag;}/**
+     * The base implementation of `_.isSet` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a set, else `false`.
+     */function baseIsSet(value){return isObjectLike(value)&&getTag(value)==setTag;}/**
+     * The base implementation of `_.isTypedArray` without Node.js optimizations.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+     */function baseIsTypedArray(value){return isObjectLike(value)&&isLength(value.length)&&!!typedArrayTags[baseGetTag(value)];}/**
+     * The base implementation of `_.iteratee`.
+     *
+     * @private
+     * @param {*} [value=_.identity] The value to convert to an iteratee.
+     * @returns {Function} Returns the iteratee.
+     */function baseIteratee(value){// Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
+// See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
+if(typeof value=='function'){return value;}if(value==null){return identity;}if(typeof value=='object'){return isArray(value)?baseMatchesProperty(value[0],value[1]):baseMatches(value);}return property(value);}/**
+     * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names.
+     */function baseKeys(object){if(!isPrototype(object)){return nativeKeys(object);}var result=[];for(var key in Object(object)){if(hasOwnProperty.call(object,key)&&key!='constructor'){result.push(key);}}return result;}/**
+     * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names.
+     */function baseKeysIn(object){if(!isObject(object)){return nativeKeysIn(object);}var isProto=isPrototype(object),result=[];for(var key in object){if(!(key=='constructor'&&(isProto||!hasOwnProperty.call(object,key)))){result.push(key);}}return result;}/**
+     * The base implementation of `_.lt` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is less than `other`,
+     *  else `false`.
+     */function baseLt(value,other){return value<other;}/**
+     * The base implementation of `_.map` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} iteratee The function invoked per iteration.
+     * @returns {Array} Returns the new mapped array.
+     */function baseMap(collection,iteratee){var index=-1,result=isArrayLike(collection)?Array(collection.length):[];baseEach(collection,function(value,key,collection){result[++index]=iteratee(value,key,collection);});return result;}/**
+     * The base implementation of `_.matches` which doesn't clone `source`.
+     *
+     * @private
+     * @param {Object} source The object of property values to match.
+     * @returns {Function} Returns the new spec function.
+     */function baseMatches(source){var matchData=getMatchData(source);if(matchData.length==1&&matchData[0][2]){return matchesStrictComparable(matchData[0][0],matchData[0][1]);}return function(object){return object===source||baseIsMatch(object,source,matchData);};}/**
+     * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
+     *
+     * @private
+     * @param {string} path The path of the property to get.
+     * @param {*} srcValue The value to match.
+     * @returns {Function} Returns the new spec function.
+     */function baseMatchesProperty(path,srcValue){if(isKey(path)&&isStrictComparable(srcValue)){return matchesStrictComparable(toKey(path),srcValue);}return function(object){var objValue=get(object,path);return objValue===undefined&&objValue===srcValue?hasIn(object,path):baseIsEqual(srcValue,objValue,COMPARE_PARTIAL_FLAG|COMPARE_UNORDERED_FLAG);};}/**
+     * The base implementation of `_.merge` without support for multiple sources.
+     *
+     * @private
+     * @param {Object} object The destination object.
+     * @param {Object} source The source object.
+     * @param {number} srcIndex The index of `source`.
+     * @param {Function} [customizer] The function to customize merged values.
+     * @param {Object} [stack] Tracks traversed source values and their merged
+     *  counterparts.
+     */function baseMerge(object,source,srcIndex,customizer,stack){if(object===source){return;}baseFor(source,function(srcValue,key){stack||(stack=new Stack());if(isObject(srcValue)){baseMergeDeep(object,source,key,srcIndex,baseMerge,customizer,stack);}else{var newValue=customizer?customizer(safeGet(object,key),srcValue,key+'',object,source,stack):undefined;if(newValue===undefined){newValue=srcValue;}assignMergeValue(object,key,newValue);}},keysIn);}/**
+     * A specialized version of `baseMerge` for arrays and objects which performs
+     * deep merges and tracks traversed objects enabling objects with circular
+     * references to be merged.
+     *
+     * @private
+     * @param {Object} object The destination object.
+     * @param {Object} source The source object.
+     * @param {string} key The key of the value to merge.
+     * @param {number} srcIndex The index of `source`.
+     * @param {Function} mergeFunc The function to merge values.
+     * @param {Function} [customizer] The function to customize assigned values.
+     * @param {Object} [stack] Tracks traversed source values and their merged
+     *  counterparts.
+     */function baseMergeDeep(object,source,key,srcIndex,mergeFunc,customizer,stack){var objValue=safeGet(object,key),srcValue=safeGet(source,key),stacked=stack.get(srcValue);if(stacked){assignMergeValue(object,key,stacked);return;}var newValue=customizer?customizer(objValue,srcValue,key+'',object,source,stack):undefined;var isCommon=newValue===undefined;if(isCommon){var isArr=isArray(srcValue),isBuff=!isArr&&isBuffer(srcValue),isTyped=!isArr&&!isBuff&&isTypedArray(srcValue);newValue=srcValue;if(isArr||isBuff||isTyped){if(isArray(objValue)){newValue=objValue;}else if(isArrayLikeObject(objValue)){newValue=copyArray(objValue);}else if(isBuff){isCommon=false;newValue=cloneBuffer(srcValue,true);}else if(isTyped){isCommon=false;newValue=cloneTypedArray(srcValue,true);}else{newValue=[];}}else if(isPlainObject(srcValue)||isArguments(srcValue)){newValue=objValue;if(isArguments(objValue)){newValue=toPlainObject(objValue);}else if(!isObject(objValue)||isFunction(objValue)){newValue=initCloneObject(srcValue);}}else{isCommon=false;}}if(isCommon){// Recursively merge objects and arrays (susceptible to call stack limits).
+stack.set(srcValue,newValue);mergeFunc(newValue,srcValue,srcIndex,customizer,stack);stack['delete'](srcValue);}assignMergeValue(object,key,newValue);}/**
+     * The base implementation of `_.nth` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {Array} array The array to query.
+     * @param {number} n The index of the element to return.
+     * @returns {*} Returns the nth element of `array`.
+     */function baseNth(array,n){var length=array.length;if(!length){return;}n+=n<0?length:0;return isIndex(n,length)?array[n]:undefined;}/**
+     * The base implementation of `_.orderBy` without param guards.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.
+     * @param {string[]} orders The sort orders of `iteratees`.
+     * @returns {Array} Returns the new sorted array.
+     */function baseOrderBy(collection,iteratees,orders){if(iteratees.length){iteratees=arrayMap(iteratees,function(iteratee){if(isArray(iteratee)){return function(value){return baseGet(value,iteratee.length===1?iteratee[0]:iteratee);};}return iteratee;});}else{iteratees=[identity];}var index=-1;iteratees=arrayMap(iteratees,baseUnary(getIteratee()));var result=baseMap(collection,function(value,key,collection){var criteria=arrayMap(iteratees,function(iteratee){return iteratee(value);});return{'criteria':criteria,'index':++index,'value':value};});return baseSortBy(result,function(object,other){return compareMultiple(object,other,orders);});}/**
+     * The base implementation of `_.pick` without support for individual
+     * property identifiers.
+     *
+     * @private
+     * @param {Object} object The source object.
+     * @param {string[]} paths The property paths to pick.
+     * @returns {Object} Returns the new object.
+     */function basePick(object,paths){return basePickBy(object,paths,function(value,path){return hasIn(object,path);});}/**
+     * The base implementation of  `_.pickBy` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Object} object The source object.
+     * @param {string[]} paths The property paths to pick.
+     * @param {Function} predicate The function invoked per property.
+     * @returns {Object} Returns the new object.
+     */function basePickBy(object,paths,predicate){var index=-1,length=paths.length,result={};while(++index<length){var path=paths[index],value=baseGet(object,path);if(predicate(value,path)){baseSet(result,castPath(path,object),value);}}return result;}/**
+     * A specialized version of `baseProperty` which supports deep paths.
+     *
+     * @private
+     * @param {Array|string} path The path of the property to get.
+     * @returns {Function} Returns the new accessor function.
+     */function basePropertyDeep(path){return function(object){return baseGet(object,path);};}/**
+     * The base implementation of `_.pullAllBy` without support for iteratee
+     * shorthands.
+     *
+     * @private
+     * @param {Array} array The array to modify.
+     * @param {Array} values The values to remove.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns `array`.
+     */function basePullAll(array,values,iteratee,comparator){var indexOf=comparator?baseIndexOfWith:baseIndexOf,index=-1,length=values.length,seen=array;if(array===values){values=copyArray(values);}if(iteratee){seen=arrayMap(array,baseUnary(iteratee));}while(++index<length){var fromIndex=0,value=values[index],computed=iteratee?iteratee(value):value;while((fromIndex=indexOf(seen,computed,fromIndex,comparator))>-1){if(seen!==array){splice.call(seen,fromIndex,1);}splice.call(array,fromIndex,1);}}return array;}/**
+     * The base implementation of `_.pullAt` without support for individual
+     * indexes or capturing the removed elements.
+     *
+     * @private
+     * @param {Array} array The array to modify.
+     * @param {number[]} indexes The indexes of elements to remove.
+     * @returns {Array} Returns `array`.
+     */function basePullAt(array,indexes){var length=array?indexes.length:0,lastIndex=length-1;while(length--){var index=indexes[length];if(length==lastIndex||index!==previous){var previous=index;if(isIndex(index)){splice.call(array,index,1);}else{baseUnset(array,index);}}}return array;}/**
+     * The base implementation of `_.random` without support for returning
+     * floating-point numbers.
+     *
+     * @private
+     * @param {number} lower The lower bound.
+     * @param {number} upper The upper bound.
+     * @returns {number} Returns the random number.
+     */function baseRandom(lower,upper){return lower+nativeFloor(nativeRandom()*(upper-lower+1));}/**
+     * The base implementation of `_.range` and `_.rangeRight` which doesn't
+     * coerce arguments.
+     *
+     * @private
+     * @param {number} start The start of the range.
+     * @param {number} end The end of the range.
+     * @param {number} step The value to increment or decrement by.
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Array} Returns the range of numbers.
+     */function baseRange(start,end,step,fromRight){var index=-1,length=nativeMax(nativeCeil((end-start)/(step||1)),0),result=Array(length);while(length--){result[fromRight?length:++index]=start;start+=step;}return result;}/**
+     * The base implementation of `_.repeat` which doesn't coerce arguments.
+     *
+     * @private
+     * @param {string} string The string to repeat.
+     * @param {number} n The number of times to repeat the string.
+     * @returns {string} Returns the repeated string.
+     */function baseRepeat(string,n){var result='';if(!string||n<1||n>MAX_SAFE_INTEGER){return result;}// Leverage the exponentiation by squaring algorithm for a faster repeat.
+// See https://en.wikipedia.org/wiki/Exponentiation_by_squaring for more details.
+do{if(n%2){result+=string;}n=nativeFloor(n/2);if(n){string+=string;}}while(n);return result;}/**
+     * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+     *
+     * @private
+     * @param {Function} func The function to apply a rest parameter to.
+     * @param {number} [start=func.length-1] The start position of the rest parameter.
+     * @returns {Function} Returns the new function.
+     */function baseRest(func,start){return setToString(overRest(func,start,identity),func+'');}/**
+     * The base implementation of `_.sample`.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to sample.
+     * @returns {*} Returns the random element.
+     */function baseSample(collection){return arraySample(values(collection));}/**
+     * The base implementation of `_.sampleSize` without param guards.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to sample.
+     * @param {number} n The number of elements to sample.
+     * @returns {Array} Returns the random elements.
+     */function baseSampleSize(collection,n){var array=values(collection);return shuffleSelf(array,baseClamp(n,0,array.length));}/**
+     * The base implementation of `_.set`.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to set.
+     * @param {*} value The value to set.
+     * @param {Function} [customizer] The function to customize path creation.
+     * @returns {Object} Returns `object`.
+     */function baseSet(object,path,value,customizer){if(!isObject(object)){return object;}path=castPath(path,object);var index=-1,length=path.length,lastIndex=length-1,nested=object;while(nested!=null&&++index<length){var key=toKey(path[index]),newValue=value;if(key==='__proto__'||key==='constructor'||key==='prototype'){return object;}if(index!=lastIndex){var objValue=nested[key];newValue=customizer?customizer(objValue,key,nested):undefined;if(newValue===undefined){newValue=isObject(objValue)?objValue:isIndex(path[index+1])?[]:{};}}assignValue(nested,key,newValue);nested=nested[key];}return object;}/**
+     * The base implementation of `setData` without support for hot loop shorting.
+     *
+     * @private
+     * @param {Function} func The function to associate metadata with.
+     * @param {*} data The metadata.
+     * @returns {Function} Returns `func`.
+     */var baseSetData=!metaMap?identity:function(func,data){metaMap.set(func,data);return func;};/**
+     * The base implementation of `setToString` without support for hot loop shorting.
+     *
+     * @private
+     * @param {Function} func The function to modify.
+     * @param {Function} string The `toString` result.
+     * @returns {Function} Returns `func`.
+     */var baseSetToString=!defineProperty?identity:function(func,string){return defineProperty(func,'toString',{'configurable':true,'enumerable':false,'value':constant(string),'writable':true});};/**
+     * The base implementation of `_.shuffle`.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to shuffle.
+     * @returns {Array} Returns the new shuffled array.
+     */function baseShuffle(collection){return shuffleSelf(values(collection));}/**
+     * The base implementation of `_.slice` without an iteratee call guard.
+     *
+     * @private
+     * @param {Array} array The array to slice.
+     * @param {number} [start=0] The start position.
+     * @param {number} [end=array.length] The end position.
+     * @returns {Array} Returns the slice of `array`.
+     */function baseSlice(array,start,end){var index=-1,length=array.length;if(start<0){start=-start>length?0:length+start;}end=end>length?length:end;if(end<0){end+=length;}length=start>end?0:end-start>>>0;start>>>=0;var result=Array(length);while(++index<length){result[index]=array[index+start];}return result;}/**
+     * The base implementation of `_.some` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} predicate The function invoked per iteration.
+     * @returns {boolean} Returns `true` if any element passes the predicate check,
+     *  else `false`.
+     */function baseSome(collection,predicate){var result;baseEach(collection,function(value,index,collection){result=predicate(value,index,collection);return!result;});return!!result;}/**
+     * The base implementation of `_.sortedIndex` and `_.sortedLastIndex` which
+     * performs a binary search of `array` to determine the index at which `value`
+     * should be inserted into `array` in order to maintain its sort order.
+     *
+     * @private
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @param {boolean} [retHighest] Specify returning the highest qualified index.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     */function baseSortedIndex(array,value,retHighest){var low=0,high=array==null?low:array.length;if(typeof value=='number'&&value===value&&high<=HALF_MAX_ARRAY_LENGTH){while(low<high){var mid=low+high>>>1,computed=array[mid];if(computed!==null&&!isSymbol(computed)&&(retHighest?computed<=value:computed<value)){low=mid+1;}else{high=mid;}}return high;}return baseSortedIndexBy(array,value,identity,retHighest);}/**
+     * The base implementation of `_.sortedIndexBy` and `_.sortedLastIndexBy`
+     * which invokes `iteratee` for `value` and each element of `array` to compute
+     * their sort ranking. The iteratee is invoked with one argument; (value).
+     *
+     * @private
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @param {Function} iteratee The iteratee invoked per element.
+     * @param {boolean} [retHighest] Specify returning the highest qualified index.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     */function baseSortedIndexBy(array,value,iteratee,retHighest){var low=0,high=array==null?0:array.length;if(high===0){return 0;}value=iteratee(value);var valIsNaN=value!==value,valIsNull=value===null,valIsSymbol=isSymbol(value),valIsUndefined=value===undefined;while(low<high){var mid=nativeFloor((low+high)/2),computed=iteratee(array[mid]),othIsDefined=computed!==undefined,othIsNull=computed===null,othIsReflexive=computed===computed,othIsSymbol=isSymbol(computed);if(valIsNaN){var setLow=retHighest||othIsReflexive;}else if(valIsUndefined){setLow=othIsReflexive&&(retHighest||othIsDefined);}else if(valIsNull){setLow=othIsReflexive&&othIsDefined&&(retHighest||!othIsNull);}else if(valIsSymbol){setLow=othIsReflexive&&othIsDefined&&!othIsNull&&(retHighest||!othIsSymbol);}else if(othIsNull||othIsSymbol){setLow=false;}else{setLow=retHighest?computed<=value:computed<value;}if(setLow){low=mid+1;}else{high=mid;}}return nativeMin(high,MAX_ARRAY_INDEX);}/**
+     * The base implementation of `_.sortedUniq` and `_.sortedUniqBy` without
+     * support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array} array The array to inspect.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @returns {Array} Returns the new duplicate free array.
+     */function baseSortedUniq(array,iteratee){var index=-1,length=array.length,resIndex=0,result=[];while(++index<length){var value=array[index],computed=iteratee?iteratee(value):value;if(!index||!eq(computed,seen)){var seen=computed;result[resIndex++]=value===0?0:value;}}return result;}/**
+     * The base implementation of `_.toNumber` which doesn't ensure correct
+     * conversions of binary, hexadecimal, or octal string values.
+     *
+     * @private
+     * @param {*} value The value to process.
+     * @returns {number} Returns the number.
+     */function baseToNumber(value){if(typeof value=='number'){return value;}if(isSymbol(value)){return NAN;}return+value;}/**
+     * The base implementation of `_.toString` which doesn't convert nullish
+     * values to empty strings.
+     *
+     * @private
+     * @param {*} value The value to process.
+     * @returns {string} Returns the string.
+     */function baseToString(value){// Exit early for strings to avoid a performance hit in some environments.
+if(typeof value=='string'){return value;}if(isArray(value)){// Recursively convert values (susceptible to call stack limits).
+return arrayMap(value,baseToString)+'';}if(isSymbol(value)){return symbolToString?symbolToString.call(value):'';}var result=value+'';return result=='0'&&1/value==-INFINITY?'-0':result;}/**
+     * The base implementation of `_.uniqBy` without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array} array The array to inspect.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new duplicate free array.
+     */function baseUniq(array,iteratee,comparator){var index=-1,includes=arrayIncludes,length=array.length,isCommon=true,result=[],seen=result;if(comparator){isCommon=false;includes=arrayIncludesWith;}else if(length>=LARGE_ARRAY_SIZE){var set=iteratee?null:createSet(array);if(set){return setToArray(set);}isCommon=false;includes=cacheHas;seen=new SetCache();}else{seen=iteratee?[]:result;}outer:while(++index<length){var value=array[index],computed=iteratee?iteratee(value):value;value=comparator||value!==0?value:0;if(isCommon&&computed===computed){var seenIndex=seen.length;while(seenIndex--){if(seen[seenIndex]===computed){continue outer;}}if(iteratee){seen.push(computed);}result.push(value);}else if(!includes(seen,computed,comparator)){if(seen!==result){seen.push(computed);}result.push(value);}}return result;}/**
+     * The base implementation of `_.unset`.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The property path to unset.
+     * @returns {boolean} Returns `true` if the property is deleted, else `false`.
+     */function baseUnset(object,path){path=castPath(path,object);object=parent(object,path);return object==null||delete object[toKey(last(path))];}/**
+     * The base implementation of `_.update`.
+     *
+     * @private
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to update.
+     * @param {Function} updater The function to produce the updated value.
+     * @param {Function} [customizer] The function to customize path creation.
+     * @returns {Object} Returns `object`.
+     */function baseUpdate(object,path,updater,customizer){return baseSet(object,path,updater(baseGet(object,path)),customizer);}/**
+     * The base implementation of methods like `_.dropWhile` and `_.takeWhile`
+     * without support for iteratee shorthands.
+     *
+     * @private
+     * @param {Array} array The array to query.
+     * @param {Function} predicate The function invoked per iteration.
+     * @param {boolean} [isDrop] Specify dropping elements instead of taking them.
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Array} Returns the slice of `array`.
+     */function baseWhile(array,predicate,isDrop,fromRight){var length=array.length,index=fromRight?length:-1;while((fromRight?index--:++index<length)&&predicate(array[index],index,array)){}return isDrop?baseSlice(array,fromRight?0:index,fromRight?index+1:length):baseSlice(array,fromRight?index+1:0,fromRight?length:index);}/**
+     * The base implementation of `wrapperValue` which returns the result of
+     * performing a sequence of actions on the unwrapped `value`, where each
+     * successive action is supplied the return value of the previous.
+     *
+     * @private
+     * @param {*} value The unwrapped value.
+     * @param {Array} actions Actions to perform to resolve the unwrapped value.
+     * @returns {*} Returns the resolved value.
+     */function baseWrapperValue(value,actions){var result=value;if(result instanceof LazyWrapper){result=result.value();}return arrayReduce(actions,function(result,action){return action.func.apply(action.thisArg,arrayPush([result],action.args));},result);}/**
+     * The base implementation of methods like `_.xor`, without support for
+     * iteratee shorthands, that accepts an array of arrays to inspect.
+     *
+     * @private
+     * @param {Array} arrays The arrays to inspect.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of values.
+     */function baseXor(arrays,iteratee,comparator){var length=arrays.length;if(length<2){return length?baseUniq(arrays[0]):[];}var index=-1,result=Array(length);while(++index<length){var array=arrays[index],othIndex=-1;while(++othIndex<length){if(othIndex!=index){result[index]=baseDifference(result[index]||array,arrays[othIndex],iteratee,comparator);}}}return baseUniq(baseFlatten(result,1),iteratee,comparator);}/**
+     * This base implementation of `_.zipObject` which assigns values using `assignFunc`.
+     *
+     * @private
+     * @param {Array} props The property identifiers.
+     * @param {Array} values The property values.
+     * @param {Function} assignFunc The function to assign values.
+     * @returns {Object} Returns the new object.
+     */function baseZipObject(props,values,assignFunc){var index=-1,length=props.length,valsLength=values.length,result={};while(++index<length){var value=index<valsLength?values[index]:undefined;assignFunc(result,props[index],value);}return result;}/**
+     * Casts `value` to an empty array if it's not an array like object.
+     *
+     * @private
+     * @param {*} value The value to inspect.
+     * @returns {Array|Object} Returns the cast array-like object.
+     */function castArrayLikeObject(value){return isArrayLikeObject(value)?value:[];}/**
+     * Casts `value` to `identity` if it's not a function.
+     *
+     * @private
+     * @param {*} value The value to inspect.
+     * @returns {Function} Returns cast function.
+     */function castFunction(value){return typeof value=='function'?value:identity;}/**
+     * Casts `value` to a path array if it's not one.
+     *
+     * @private
+     * @param {*} value The value to inspect.
+     * @param {Object} [object] The object to query keys on.
+     * @returns {Array} Returns the cast property path array.
+     */function castPath(value,object){if(isArray(value)){return value;}return isKey(value,object)?[value]:stringToPath(toString(value));}/**
+     * A `baseRest` alias which can be replaced with `identity` by module
+     * replacement plugins.
+     *
+     * @private
+     * @type {Function}
+     * @param {Function} func The function to apply a rest parameter to.
+     * @returns {Function} Returns the new function.
+     */var castRest=baseRest;/**
+     * Casts `array` to a slice if it's needed.
+     *
+     * @private
+     * @param {Array} array The array to inspect.
+     * @param {number} start The start position.
+     * @param {number} [end=array.length] The end position.
+     * @returns {Array} Returns the cast slice.
+     */function castSlice(array,start,end){var length=array.length;end=end===undefined?length:end;return!start&&end>=length?array:baseSlice(array,start,end);}/**
+     * A simple wrapper around the global [`clearTimeout`](https://mdn.io/clearTimeout).
+     *
+     * @private
+     * @param {number|Object} id The timer id or timeout object of the timer to clear.
+     */var clearTimeout=ctxClearTimeout||function(id){return root.clearTimeout(id);};/**
+     * Creates a clone of  `buffer`.
+     *
+     * @private
+     * @param {Buffer} buffer The buffer to clone.
+     * @param {boolean} [isDeep] Specify a deep clone.
+     * @returns {Buffer} Returns the cloned buffer.
+     */function cloneBuffer(buffer,isDeep){if(isDeep){return buffer.slice();}var length=buffer.length,result=allocUnsafe?allocUnsafe(length):new buffer.constructor(length);buffer.copy(result);return result;}/**
+     * Creates a clone of `arrayBuffer`.
+     *
+     * @private
+     * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+     * @returns {ArrayBuffer} Returns the cloned array buffer.
+     */function cloneArrayBuffer(arrayBuffer){var result=new arrayBuffer.constructor(arrayBuffer.byteLength);new Uint8Array(result).set(new Uint8Array(arrayBuffer));return result;}/**
+     * Creates a clone of `dataView`.
+     *
+     * @private
+     * @param {Object} dataView The data view to clone.
+     * @param {boolean} [isDeep] Specify a deep clone.
+     * @returns {Object} Returns the cloned data view.
+     */function cloneDataView(dataView,isDeep){var buffer=isDeep?cloneArrayBuffer(dataView.buffer):dataView.buffer;return new dataView.constructor(buffer,dataView.byteOffset,dataView.byteLength);}/**
+     * Creates a clone of `regexp`.
+     *
+     * @private
+     * @param {Object} regexp The regexp to clone.
+     * @returns {Object} Returns the cloned regexp.
+     */function cloneRegExp(regexp){var result=new regexp.constructor(regexp.source,reFlags.exec(regexp));result.lastIndex=regexp.lastIndex;return result;}/**
+     * Creates a clone of the `symbol` object.
+     *
+     * @private
+     * @param {Object} symbol The symbol object to clone.
+     * @returns {Object} Returns the cloned symbol object.
+     */function cloneSymbol(symbol){return symbolValueOf?Object(symbolValueOf.call(symbol)):{};}/**
+     * Creates a clone of `typedArray`.
+     *
+     * @private
+     * @param {Object} typedArray The typed array to clone.
+     * @param {boolean} [isDeep] Specify a deep clone.
+     * @returns {Object} Returns the cloned typed array.
+     */function cloneTypedArray(typedArray,isDeep){var buffer=isDeep?cloneArrayBuffer(typedArray.buffer):typedArray.buffer;return new typedArray.constructor(buffer,typedArray.byteOffset,typedArray.length);}/**
+     * Compares values to sort them in ascending order.
+     *
+     * @private
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {number} Returns the sort order indicator for `value`.
+     */function compareAscending(value,other){if(value!==other){var valIsDefined=value!==undefined,valIsNull=value===null,valIsReflexive=value===value,valIsSymbol=isSymbol(value);var othIsDefined=other!==undefined,othIsNull=other===null,othIsReflexive=other===other,othIsSymbol=isSymbol(other);if(!othIsNull&&!othIsSymbol&&!valIsSymbol&&value>other||valIsSymbol&&othIsDefined&&othIsReflexive&&!othIsNull&&!othIsSymbol||valIsNull&&othIsDefined&&othIsReflexive||!valIsDefined&&othIsReflexive||!valIsReflexive){return 1;}if(!valIsNull&&!valIsSymbol&&!othIsSymbol&&value<other||othIsSymbol&&valIsDefined&&valIsReflexive&&!valIsNull&&!valIsSymbol||othIsNull&&valIsDefined&&valIsReflexive||!othIsDefined&&valIsReflexive||!othIsReflexive){return-1;}}return 0;}/**
+     * Used by `_.orderBy` to compare multiple properties of a value to another
+     * and stable sort them.
+     *
+     * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,
+     * specify an order of "desc" for descending or "asc" for ascending sort order
+     * of corresponding values.
+     *
+     * @private
+     * @param {Object} object The object to compare.
+     * @param {Object} other The other object to compare.
+     * @param {boolean[]|string[]} orders The order to sort by for each property.
+     * @returns {number} Returns the sort order indicator for `object`.
+     */function compareMultiple(object,other,orders){var index=-1,objCriteria=object.criteria,othCriteria=other.criteria,length=objCriteria.length,ordersLength=orders.length;while(++index<length){var result=compareAscending(objCriteria[index],othCriteria[index]);if(result){if(index>=ordersLength){return result;}var order=orders[index];return result*(order=='desc'?-1:1);}}// Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications
+// that causes it, under certain circumstances, to provide the same value for
+// `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247
+// for more details.
+//
+// This also ensures a stable sort in V8 and other engines.
+// See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.
+return object.index-other.index;}/**
+     * Creates an array that is the composition of partially applied arguments,
+     * placeholders, and provided arguments into a single array of arguments.
+     *
+     * @private
+     * @param {Array} args The provided arguments.
+     * @param {Array} partials The arguments to prepend to those provided.
+     * @param {Array} holders The `partials` placeholder indexes.
+     * @params {boolean} [isCurried] Specify composing for a curried function.
+     * @returns {Array} Returns the new array of composed arguments.
+     */function composeArgs(args,partials,holders,isCurried){var argsIndex=-1,argsLength=args.length,holdersLength=holders.length,leftIndex=-1,leftLength=partials.length,rangeLength=nativeMax(argsLength-holdersLength,0),result=Array(leftLength+rangeLength),isUncurried=!isCurried;while(++leftIndex<leftLength){result[leftIndex]=partials[leftIndex];}while(++argsIndex<holdersLength){if(isUncurried||argsIndex<argsLength){result[holders[argsIndex]]=args[argsIndex];}}while(rangeLength--){result[leftIndex++]=args[argsIndex++];}return result;}/**
+     * This function is like `composeArgs` except that the arguments composition
+     * is tailored for `_.partialRight`.
+     *
+     * @private
+     * @param {Array} args The provided arguments.
+     * @param {Array} partials The arguments to append to those provided.
+     * @param {Array} holders The `partials` placeholder indexes.
+     * @params {boolean} [isCurried] Specify composing for a curried function.
+     * @returns {Array} Returns the new array of composed arguments.
+     */function composeArgsRight(args,partials,holders,isCurried){var argsIndex=-1,argsLength=args.length,holdersIndex=-1,holdersLength=holders.length,rightIndex=-1,rightLength=partials.length,rangeLength=nativeMax(argsLength-holdersLength,0),result=Array(rangeLength+rightLength),isUncurried=!isCurried;while(++argsIndex<rangeLength){result[argsIndex]=args[argsIndex];}var offset=argsIndex;while(++rightIndex<rightLength){result[offset+rightIndex]=partials[rightIndex];}while(++holdersIndex<holdersLength){if(isUncurried||argsIndex<argsLength){result[offset+holders[holdersIndex]]=args[argsIndex++];}}return result;}/**
+     * Copies the values of `source` to `array`.
+     *
+     * @private
+     * @param {Array} source The array to copy values from.
+     * @param {Array} [array=[]] The array to copy values to.
+     * @returns {Array} Returns `array`.
+     */function copyArray(source,array){var index=-1,length=source.length;array||(array=Array(length));while(++index<length){array[index]=source[index];}return array;}/**
+     * Copies properties of `source` to `object`.
+     *
+     * @private
+     * @param {Object} source The object to copy properties from.
+     * @param {Array} props The property identifiers to copy.
+     * @param {Object} [object={}] The object to copy properties to.
+     * @param {Function} [customizer] The function to customize copied values.
+     * @returns {Object} Returns `object`.
+     */function copyObject(source,props,object,customizer){var isNew=!object;object||(object={});var index=-1,length=props.length;while(++index<length){var key=props[index];var newValue=customizer?customizer(object[key],source[key],key,object,source):undefined;if(newValue===undefined){newValue=source[key];}if(isNew){baseAssignValue(object,key,newValue);}else{assignValue(object,key,newValue);}}return object;}/**
+     * Copies own symbols of `source` to `object`.
+     *
+     * @private
+     * @param {Object} source The object to copy symbols from.
+     * @param {Object} [object={}] The object to copy symbols to.
+     * @returns {Object} Returns `object`.
+     */function copySymbols(source,object){return copyObject(source,getSymbols(source),object);}/**
+     * Copies own and inherited symbols of `source` to `object`.
+     *
+     * @private
+     * @param {Object} source The object to copy symbols from.
+     * @param {Object} [object={}] The object to copy symbols to.
+     * @returns {Object} Returns `object`.
+     */function copySymbolsIn(source,object){return copyObject(source,getSymbolsIn(source),object);}/**
+     * Creates a function like `_.groupBy`.
+     *
+     * @private
+     * @param {Function} setter The function to set accumulator values.
+     * @param {Function} [initializer] The accumulator object initializer.
+     * @returns {Function} Returns the new aggregator function.
+     */function createAggregator(setter,initializer){return function(collection,iteratee){var func=isArray(collection)?arrayAggregator:baseAggregator,accumulator=initializer?initializer():{};return func(collection,setter,getIteratee(iteratee,2),accumulator);};}/**
+     * Creates a function like `_.assign`.
+     *
+     * @private
+     * @param {Function} assigner The function to assign values.
+     * @returns {Function} Returns the new assigner function.
+     */function createAssigner(assigner){return baseRest(function(object,sources){var index=-1,length=sources.length,customizer=length>1?sources[length-1]:undefined,guard=length>2?sources[2]:undefined;customizer=assigner.length>3&&typeof customizer=='function'?(length--,customizer):undefined;if(guard&&isIterateeCall(sources[0],sources[1],guard)){customizer=length<3?undefined:customizer;length=1;}object=Object(object);while(++index<length){var source=sources[index];if(source){assigner(object,source,index,customizer);}}return object;});}/**
+     * Creates a `baseEach` or `baseEachRight` function.
+     *
+     * @private
+     * @param {Function} eachFunc The function to iterate over a collection.
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Function} Returns the new base function.
+     */function createBaseEach(eachFunc,fromRight){return function(collection,iteratee){if(collection==null){return collection;}if(!isArrayLike(collection)){return eachFunc(collection,iteratee);}var length=collection.length,index=fromRight?length:-1,iterable=Object(collection);while(fromRight?index--:++index<length){if(iteratee(iterable[index],index,iterable)===false){break;}}return collection;};}/**
+     * Creates a base function for methods like `_.forIn` and `_.forOwn`.
+     *
+     * @private
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Function} Returns the new base function.
+     */function createBaseFor(fromRight){return function(object,iteratee,keysFunc){var index=-1,iterable=Object(object),props=keysFunc(object),length=props.length;while(length--){var key=props[fromRight?length:++index];if(iteratee(iterable[key],key,iterable)===false){break;}}return object;};}/**
+     * Creates a function that wraps `func` to invoke it with the optional `this`
+     * binding of `thisArg`.
+     *
+     * @private
+     * @param {Function} func The function to wrap.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @param {*} [thisArg] The `this` binding of `func`.
+     * @returns {Function} Returns the new wrapped function.
+     */function createBind(func,bitmask,thisArg){var isBind=bitmask&WRAP_BIND_FLAG,Ctor=createCtor(func);function wrapper(){var fn=this&&this!==root&&this instanceof wrapper?Ctor:func;return fn.apply(isBind?thisArg:this,arguments);}return wrapper;}/**
+     * Creates a function like `_.lowerFirst`.
+     *
+     * @private
+     * @param {string} methodName The name of the `String` case method to use.
+     * @returns {Function} Returns the new case function.
+     */function createCaseFirst(methodName){return function(string){string=toString(string);var strSymbols=hasUnicode(string)?stringToArray(string):undefined;var chr=strSymbols?strSymbols[0]:string.charAt(0);var trailing=strSymbols?castSlice(strSymbols,1).join(''):string.slice(1);return chr[methodName]()+trailing;};}/**
+     * Creates a function like `_.camelCase`.
+     *
+     * @private
+     * @param {Function} callback The function to combine each word.
+     * @returns {Function} Returns the new compounder function.
+     */function createCompounder(callback){return function(string){return arrayReduce(words(deburr(string).replace(reApos,'')),callback,'');};}/**
+     * Creates a function that produces an instance of `Ctor` regardless of
+     * whether it was invoked as part of a `new` expression or by `call` or `apply`.
+     *
+     * @private
+     * @param {Function} Ctor The constructor to wrap.
+     * @returns {Function} Returns the new wrapped function.
+     */function createCtor(Ctor){return function(){// Use a `switch` statement to work with class constructors. See
+// http://ecma-international.org/ecma-262/7.0/#sec-ecmascript-function-objects-call-thisargument-argumentslist
+// for more details.
+var args=arguments;switch(args.length){case 0:return new Ctor();case 1:return new Ctor(args[0]);case 2:return new Ctor(args[0],args[1]);case 3:return new Ctor(args[0],args[1],args[2]);case 4:return new Ctor(args[0],args[1],args[2],args[3]);case 5:return new Ctor(args[0],args[1],args[2],args[3],args[4]);case 6:return new Ctor(args[0],args[1],args[2],args[3],args[4],args[5]);case 7:return new Ctor(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);}var thisBinding=baseCreate(Ctor.prototype),result=Ctor.apply(thisBinding,args);// Mimic the constructor's `return` behavior.
+// See https://es5.github.io/#x13.2.2 for more details.
+return isObject(result)?result:thisBinding;};}/**
+     * Creates a function that wraps `func` to enable currying.
+     *
+     * @private
+     * @param {Function} func The function to wrap.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @param {number} arity The arity of `func`.
+     * @returns {Function} Returns the new wrapped function.
+     */function createCurry(func,bitmask,arity){var Ctor=createCtor(func);function wrapper(){var length=arguments.length,args=Array(length),index=length,placeholder=getHolder(wrapper);while(index--){args[index]=arguments[index];}var holders=length<3&&args[0]!==placeholder&&args[length-1]!==placeholder?[]:replaceHolders(args,placeholder);length-=holders.length;if(length<arity){return createRecurry(func,bitmask,createHybrid,wrapper.placeholder,undefined,args,holders,undefined,undefined,arity-length);}var fn=this&&this!==root&&this instanceof wrapper?Ctor:func;return apply(fn,this,args);}return wrapper;}/**
+     * Creates a `_.find` or `_.findLast` function.
+     *
+     * @private
+     * @param {Function} findIndexFunc The function to find the collection index.
+     * @returns {Function} Returns the new find function.
+     */function createFind(findIndexFunc){return function(collection,predicate,fromIndex){var iterable=Object(collection);if(!isArrayLike(collection)){var iteratee=getIteratee(predicate,3);collection=keys(collection);predicate=function(key){return iteratee(iterable[key],key,iterable);};}var index=findIndexFunc(collection,predicate,fromIndex);return index>-1?iterable[iteratee?collection[index]:index]:undefined;};}/**
+     * Creates a `_.flow` or `_.flowRight` function.
+     *
+     * @private
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Function} Returns the new flow function.
+     */function createFlow(fromRight){return flatRest(function(funcs){var length=funcs.length,index=length,prereq=LodashWrapper.prototype.thru;if(fromRight){funcs.reverse();}while(index--){var func=funcs[index];if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}if(prereq&&!wrapper&&getFuncName(func)=='wrapper'){var wrapper=new LodashWrapper([],true);}}index=wrapper?index:length;while(++index<length){func=funcs[index];var funcName=getFuncName(func),data=funcName=='wrapper'?getData(func):undefined;if(data&&isLaziable(data[0])&&data[1]==(WRAP_ARY_FLAG|WRAP_CURRY_FLAG|WRAP_PARTIAL_FLAG|WRAP_REARG_FLAG)&&!data[4].length&&data[9]==1){wrapper=wrapper[getFuncName(data[0])].apply(wrapper,data[3]);}else{wrapper=func.length==1&&isLaziable(func)?wrapper[funcName]():wrapper.thru(func);}}return function(){var args=arguments,value=args[0];if(wrapper&&args.length==1&&isArray(value)){return wrapper.plant(value).value();}var index=0,result=length?funcs[index].apply(this,args):value;while(++index<length){result=funcs[index].call(this,result);}return result;};});}/**
+     * Creates a function that wraps `func` to invoke it with optional `this`
+     * binding of `thisArg`, partial application, and currying.
+     *
+     * @private
+     * @param {Function|string} func The function or method name to wrap.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @param {*} [thisArg] The `this` binding of `func`.
+     * @param {Array} [partials] The arguments to prepend to those provided to
+     *  the new function.
+     * @param {Array} [holders] The `partials` placeholder indexes.
+     * @param {Array} [partialsRight] The arguments to append to those provided
+     *  to the new function.
+     * @param {Array} [holdersRight] The `partialsRight` placeholder indexes.
+     * @param {Array} [argPos] The argument positions of the new function.
+     * @param {number} [ary] The arity cap of `func`.
+     * @param {number} [arity] The arity of `func`.
+     * @returns {Function} Returns the new wrapped function.
+     */function createHybrid(func,bitmask,thisArg,partials,holders,partialsRight,holdersRight,argPos,ary,arity){var isAry=bitmask&WRAP_ARY_FLAG,isBind=bitmask&WRAP_BIND_FLAG,isBindKey=bitmask&WRAP_BIND_KEY_FLAG,isCurried=bitmask&(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG),isFlip=bitmask&WRAP_FLIP_FLAG,Ctor=isBindKey?undefined:createCtor(func);function wrapper(){var length=arguments.length,args=Array(length),index=length;while(index--){args[index]=arguments[index];}if(isCurried){var placeholder=getHolder(wrapper),holdersCount=countHolders(args,placeholder);}if(partials){args=composeArgs(args,partials,holders,isCurried);}if(partialsRight){args=composeArgsRight(args,partialsRight,holdersRight,isCurried);}length-=holdersCount;if(isCurried&&length<arity){var newHolders=replaceHolders(args,placeholder);return createRecurry(func,bitmask,createHybrid,wrapper.placeholder,thisArg,args,newHolders,argPos,ary,arity-length);}var thisBinding=isBind?thisArg:this,fn=isBindKey?thisBinding[func]:func;length=args.length;if(argPos){args=reorder(args,argPos);}else if(isFlip&&length>1){args.reverse();}if(isAry&&ary<length){args.length=ary;}if(this&&this!==root&&this instanceof wrapper){fn=Ctor||createCtor(fn);}return fn.apply(thisBinding,args);}return wrapper;}/**
+     * Creates a function like `_.invertBy`.
+     *
+     * @private
+     * @param {Function} setter The function to set accumulator values.
+     * @param {Function} toIteratee The function to resolve iteratees.
+     * @returns {Function} Returns the new inverter function.
+     */function createInverter(setter,toIteratee){return function(object,iteratee){return baseInverter(object,setter,toIteratee(iteratee),{});};}/**
+     * Creates a function that performs a mathematical operation on two values.
+     *
+     * @private
+     * @param {Function} operator The function to perform the operation.
+     * @param {number} [defaultValue] The value used for `undefined` arguments.
+     * @returns {Function} Returns the new mathematical operation function.
+     */function createMathOperation(operator,defaultValue){return function(value,other){var result;if(value===undefined&&other===undefined){return defaultValue;}if(value!==undefined){result=value;}if(other!==undefined){if(result===undefined){return other;}if(typeof value=='string'||typeof other=='string'){value=baseToString(value);other=baseToString(other);}else{value=baseToNumber(value);other=baseToNumber(other);}result=operator(value,other);}return result;};}/**
+     * Creates a function like `_.over`.
+     *
+     * @private
+     * @param {Function} arrayFunc The function to iterate over iteratees.
+     * @returns {Function} Returns the new over function.
+     */function createOver(arrayFunc){return flatRest(function(iteratees){iteratees=arrayMap(iteratees,baseUnary(getIteratee()));return baseRest(function(args){var thisArg=this;return arrayFunc(iteratees,function(iteratee){return apply(iteratee,thisArg,args);});});});}/**
+     * Creates the padding for `string` based on `length`. The `chars` string
+     * is truncated if the number of characters exceeds `length`.
+     *
+     * @private
+     * @param {number} length The padding length.
+     * @param {string} [chars=' '] The string used as padding.
+     * @returns {string} Returns the padding for `string`.
+     */function createPadding(length,chars){chars=chars===undefined?' ':baseToString(chars);var charsLength=chars.length;if(charsLength<2){return charsLength?baseRepeat(chars,length):chars;}var result=baseRepeat(chars,nativeCeil(length/stringSize(chars)));return hasUnicode(chars)?castSlice(stringToArray(result),0,length).join(''):result.slice(0,length);}/**
+     * Creates a function that wraps `func` to invoke it with the `this` binding
+     * of `thisArg` and `partials` prepended to the arguments it receives.
+     *
+     * @private
+     * @param {Function} func The function to wrap.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @param {*} thisArg The `this` binding of `func`.
+     * @param {Array} partials The arguments to prepend to those provided to
+     *  the new function.
+     * @returns {Function} Returns the new wrapped function.
+     */function createPartial(func,bitmask,thisArg,partials){var isBind=bitmask&WRAP_BIND_FLAG,Ctor=createCtor(func);function wrapper(){var argsIndex=-1,argsLength=arguments.length,leftIndex=-1,leftLength=partials.length,args=Array(leftLength+argsLength),fn=this&&this!==root&&this instanceof wrapper?Ctor:func;while(++leftIndex<leftLength){args[leftIndex]=partials[leftIndex];}while(argsLength--){args[leftIndex++]=arguments[++argsIndex];}return apply(fn,isBind?thisArg:this,args);}return wrapper;}/**
+     * Creates a `_.range` or `_.rangeRight` function.
+     *
+     * @private
+     * @param {boolean} [fromRight] Specify iterating from right to left.
+     * @returns {Function} Returns the new range function.
+     */function createRange(fromRight){return function(start,end,step){if(step&&typeof step!='number'&&isIterateeCall(start,end,step)){end=step=undefined;}// Ensure the sign of `-0` is preserved.
+start=toFinite(start);if(end===undefined){end=start;start=0;}else{end=toFinite(end);}step=step===undefined?start<end?1:-1:toFinite(step);return baseRange(start,end,step,fromRight);};}/**
+     * Creates a function that performs a relational operation on two values.
+     *
+     * @private
+     * @param {Function} operator The function to perform the operation.
+     * @returns {Function} Returns the new relational operation function.
+     */function createRelationalOperation(operator){return function(value,other){if(!(typeof value=='string'&&typeof other=='string')){value=toNumber(value);other=toNumber(other);}return operator(value,other);};}/**
+     * Creates a function that wraps `func` to continue currying.
+     *
+     * @private
+     * @param {Function} func The function to wrap.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @param {Function} wrapFunc The function to create the `func` wrapper.
+     * @param {*} placeholder The placeholder value.
+     * @param {*} [thisArg] The `this` binding of `func`.
+     * @param {Array} [partials] The arguments to prepend to those provided to
+     *  the new function.
+     * @param {Array} [holders] The `partials` placeholder indexes.
+     * @param {Array} [argPos] The argument positions of the new function.
+     * @param {number} [ary] The arity cap of `func`.
+     * @param {number} [arity] The arity of `func`.
+     * @returns {Function} Returns the new wrapped function.
+     */function createRecurry(func,bitmask,wrapFunc,placeholder,thisArg,partials,holders,argPos,ary,arity){var isCurry=bitmask&WRAP_CURRY_FLAG,newHolders=isCurry?holders:undefined,newHoldersRight=isCurry?undefined:holders,newPartials=isCurry?partials:undefined,newPartialsRight=isCurry?undefined:partials;bitmask|=isCurry?WRAP_PARTIAL_FLAG:WRAP_PARTIAL_RIGHT_FLAG;bitmask&=~(isCurry?WRAP_PARTIAL_RIGHT_FLAG:WRAP_PARTIAL_FLAG);if(!(bitmask&WRAP_CURRY_BOUND_FLAG)){bitmask&=~(WRAP_BIND_FLAG|WRAP_BIND_KEY_FLAG);}var newData=[func,bitmask,thisArg,newPartials,newHolders,newPartialsRight,newHoldersRight,argPos,ary,arity];var result=wrapFunc.apply(undefined,newData);if(isLaziable(func)){setData(result,newData);}result.placeholder=placeholder;return setWrapToString(result,func,bitmask);}/**
+     * Creates a function like `_.round`.
+     *
+     * @private
+     * @param {string} methodName The name of the `Math` method to use when rounding.
+     * @returns {Function} Returns the new round function.
+     */function createRound(methodName){var func=Math[methodName];return function(number,precision){number=toNumber(number);precision=precision==null?0:nativeMin(toInteger(precision),292);if(precision&&nativeIsFinite(number)){// Shift with exponential notation to avoid floating-point issues.
+// See [MDN](https://mdn.io/round#Examples) for more details.
+var pair=(toString(number)+'e').split('e'),value=func(pair[0]+'e'+(+pair[1]+precision));pair=(toString(value)+'e').split('e');return+(pair[0]+'e'+(+pair[1]-precision));}return func(number);};}/**
+     * Creates a set object of `values`.
+     *
+     * @private
+     * @param {Array} values The values to add to the set.
+     * @returns {Object} Returns the new set.
+     */var createSet=!(Set&&1/setToArray(new Set([,-0]))[1]==INFINITY)?noop:function(values){return new Set(values);};/**
+     * Creates a `_.toPairs` or `_.toPairsIn` function.
+     *
+     * @private
+     * @param {Function} keysFunc The function to get the keys of a given object.
+     * @returns {Function} Returns the new pairs function.
+     */function createToPairs(keysFunc){return function(object){var tag=getTag(object);if(tag==mapTag){return mapToArray(object);}if(tag==setTag){return setToPairs(object);}return baseToPairs(object,keysFunc(object));};}/**
+     * Creates a function that either curries or invokes `func` with optional
+     * `this` binding and partially applied arguments.
+     *
+     * @private
+     * @param {Function|string} func The function or method name to wrap.
+     * @param {number} bitmask The bitmask flags.
+     *    1 - `_.bind`
+     *    2 - `_.bindKey`
+     *    4 - `_.curry` or `_.curryRight` of a bound function
+     *    8 - `_.curry`
+     *   16 - `_.curryRight`
+     *   32 - `_.partial`
+     *   64 - `_.partialRight`
+     *  128 - `_.rearg`
+     *  256 - `_.ary`
+     *  512 - `_.flip`
+     * @param {*} [thisArg] The `this` binding of `func`.
+     * @param {Array} [partials] The arguments to be partially applied.
+     * @param {Array} [holders] The `partials` placeholder indexes.
+     * @param {Array} [argPos] The argument positions of the new function.
+     * @param {number} [ary] The arity cap of `func`.
+     * @param {number} [arity] The arity of `func`.
+     * @returns {Function} Returns the new wrapped function.
+     */function createWrap(func,bitmask,thisArg,partials,holders,argPos,ary,arity){var isBindKey=bitmask&WRAP_BIND_KEY_FLAG;if(!isBindKey&&typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}var length=partials?partials.length:0;if(!length){bitmask&=~(WRAP_PARTIAL_FLAG|WRAP_PARTIAL_RIGHT_FLAG);partials=holders=undefined;}ary=ary===undefined?ary:nativeMax(toInteger(ary),0);arity=arity===undefined?arity:toInteger(arity);length-=holders?holders.length:0;if(bitmask&WRAP_PARTIAL_RIGHT_FLAG){var partialsRight=partials,holdersRight=holders;partials=holders=undefined;}var data=isBindKey?undefined:getData(func);var newData=[func,bitmask,thisArg,partials,holders,partialsRight,holdersRight,argPos,ary,arity];if(data){mergeData(newData,data);}func=newData[0];bitmask=newData[1];thisArg=newData[2];partials=newData[3];holders=newData[4];arity=newData[9]=newData[9]===undefined?isBindKey?0:func.length:nativeMax(newData[9]-length,0);if(!arity&&bitmask&(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG)){bitmask&=~(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG);}if(!bitmask||bitmask==WRAP_BIND_FLAG){var result=createBind(func,bitmask,thisArg);}else if(bitmask==WRAP_CURRY_FLAG||bitmask==WRAP_CURRY_RIGHT_FLAG){result=createCurry(func,bitmask,arity);}else if((bitmask==WRAP_PARTIAL_FLAG||bitmask==(WRAP_BIND_FLAG|WRAP_PARTIAL_FLAG))&&!holders.length){result=createPartial(func,bitmask,thisArg,partials);}else{result=createHybrid.apply(undefined,newData);}var setter=data?baseSetData:setData;return setWrapToString(setter(result,newData),func,bitmask);}/**
+     * Used by `_.defaults` to customize its `_.assignIn` use to assign properties
+     * of source objects to the destination object for all destination properties
+     * that resolve to `undefined`.
+     *
+     * @private
+     * @param {*} objValue The destination value.
+     * @param {*} srcValue The source value.
+     * @param {string} key The key of the property to assign.
+     * @param {Object} object The parent object of `objValue`.
+     * @returns {*} Returns the value to assign.
+     */function customDefaultsAssignIn(objValue,srcValue,key,object){if(objValue===undefined||eq(objValue,objectProto[key])&&!hasOwnProperty.call(object,key)){return srcValue;}return objValue;}/**
+     * Used by `_.defaultsDeep` to customize its `_.merge` use to merge source
+     * objects into destination objects that are passed thru.
+     *
+     * @private
+     * @param {*} objValue The destination value.
+     * @param {*} srcValue The source value.
+     * @param {string} key The key of the property to merge.
+     * @param {Object} object The parent object of `objValue`.
+     * @param {Object} source The parent object of `srcValue`.
+     * @param {Object} [stack] Tracks traversed source values and their merged
+     *  counterparts.
+     * @returns {*} Returns the value to assign.
+     */function customDefaultsMerge(objValue,srcValue,key,object,source,stack){if(isObject(objValue)&&isObject(srcValue)){// Recursively merge objects and arrays (susceptible to call stack limits).
+stack.set(srcValue,objValue);baseMerge(objValue,srcValue,undefined,customDefaultsMerge,stack);stack['delete'](srcValue);}return objValue;}/**
+     * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain
+     * objects.
+     *
+     * @private
+     * @param {*} value The value to inspect.
+     * @param {string} key The key of the property to inspect.
+     * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
+     */function customOmitClone(value){return isPlainObject(value)?undefined:value;}/**
+     * A specialized version of `baseIsEqualDeep` for arrays with support for
+     * partial deep comparisons.
+     *
+     * @private
+     * @param {Array} array The array to compare.
+     * @param {Array} other The other array to compare.
+     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+     * @param {Function} customizer The function to customize comparisons.
+     * @param {Function} equalFunc The function to determine equivalents of values.
+     * @param {Object} stack Tracks traversed `array` and `other` objects.
+     * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
+     */function equalArrays(array,other,bitmask,customizer,equalFunc,stack){var isPartial=bitmask&COMPARE_PARTIAL_FLAG,arrLength=array.length,othLength=other.length;if(arrLength!=othLength&&!(isPartial&&othLength>arrLength)){return false;}// Check that cyclic values are equal.
+var arrStacked=stack.get(array);var othStacked=stack.get(other);if(arrStacked&&othStacked){return arrStacked==other&&othStacked==array;}var index=-1,result=true,seen=bitmask&COMPARE_UNORDERED_FLAG?new SetCache():undefined;stack.set(array,other);stack.set(other,array);// Ignore non-index properties.
+while(++index<arrLength){var arrValue=array[index],othValue=other[index];if(customizer){var compared=isPartial?customizer(othValue,arrValue,index,other,array,stack):customizer(arrValue,othValue,index,array,other,stack);}if(compared!==undefined){if(compared){continue;}result=false;break;}// Recursively compare arrays (susceptible to call stack limits).
+if(seen){if(!arraySome(other,function(othValue,othIndex){if(!cacheHas(seen,othIndex)&&(arrValue===othValue||equalFunc(arrValue,othValue,bitmask,customizer,stack))){return seen.push(othIndex);}})){result=false;break;}}else if(!(arrValue===othValue||equalFunc(arrValue,othValue,bitmask,customizer,stack))){result=false;break;}}stack['delete'](array);stack['delete'](other);return result;}/**
+     * A specialized version of `baseIsEqualDeep` for comparing objects of
+     * the same `toStringTag`.
+     *
+     * **Note:** This function only supports comparing values with tags of
+     * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
+     *
+     * @private
+     * @param {Object} object The object to compare.
+     * @param {Object} other The other object to compare.
+     * @param {string} tag The `toStringTag` of the objects to compare.
+     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+     * @param {Function} customizer The function to customize comparisons.
+     * @param {Function} equalFunc The function to determine equivalents of values.
+     * @param {Object} stack Tracks traversed `object` and `other` objects.
+     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+     */function equalByTag(object,other,tag,bitmask,customizer,equalFunc,stack){switch(tag){case dataViewTag:if(object.byteLength!=other.byteLength||object.byteOffset!=other.byteOffset){return false;}object=object.buffer;other=other.buffer;case arrayBufferTag:if(object.byteLength!=other.byteLength||!equalFunc(new Uint8Array(object),new Uint8Array(other))){return false;}return true;case boolTag:case dateTag:case numberTag:// Coerce booleans to `1` or `0` and dates to milliseconds.
+// Invalid dates are coerced to `NaN`.
+return eq(+object,+other);case errorTag:return object.name==other.name&&object.message==other.message;case regexpTag:case stringTag:// Coerce regexes to strings and treat strings, primitives and objects,
+// as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring
+// for more details.
+return object==other+'';case mapTag:var convert=mapToArray;case setTag:var isPartial=bitmask&COMPARE_PARTIAL_FLAG;convert||(convert=setToArray);if(object.size!=other.size&&!isPartial){return false;}// Assume cyclic values are equal.
+var stacked=stack.get(object);if(stacked){return stacked==other;}bitmask|=COMPARE_UNORDERED_FLAG;// Recursively compare objects (susceptible to call stack limits).
+stack.set(object,other);var result=equalArrays(convert(object),convert(other),bitmask,customizer,equalFunc,stack);stack['delete'](object);return result;case symbolTag:if(symbolValueOf){return symbolValueOf.call(object)==symbolValueOf.call(other);}}return false;}/**
+     * A specialized version of `baseIsEqualDeep` for objects with support for
+     * partial deep comparisons.
+     *
+     * @private
+     * @param {Object} object The object to compare.
+     * @param {Object} other The other object to compare.
+     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+     * @param {Function} customizer The function to customize comparisons.
+     * @param {Function} equalFunc The function to determine equivalents of values.
+     * @param {Object} stack Tracks traversed `object` and `other` objects.
+     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+     */function equalObjects(object,other,bitmask,customizer,equalFunc,stack){var isPartial=bitmask&COMPARE_PARTIAL_FLAG,objProps=getAllKeys(object),objLength=objProps.length,othProps=getAllKeys(other),othLength=othProps.length;if(objLength!=othLength&&!isPartial){return false;}var index=objLength;while(index--){var key=objProps[index];if(!(isPartial?key in other:hasOwnProperty.call(other,key))){return false;}}// Check that cyclic values are equal.
+var objStacked=stack.get(object);var othStacked=stack.get(other);if(objStacked&&othStacked){return objStacked==other&&othStacked==object;}var result=true;stack.set(object,other);stack.set(other,object);var skipCtor=isPartial;while(++index<objLength){key=objProps[index];var objValue=object[key],othValue=other[key];if(customizer){var compared=isPartial?customizer(othValue,objValue,key,other,object,stack):customizer(objValue,othValue,key,object,other,stack);}// Recursively compare objects (susceptible to call stack limits).
+if(!(compared===undefined?objValue===othValue||equalFunc(objValue,othValue,bitmask,customizer,stack):compared)){result=false;break;}skipCtor||(skipCtor=key=='constructor');}if(result&&!skipCtor){var objCtor=object.constructor,othCtor=other.constructor;// Non `Object` object instances with different constructors are not equal.
+if(objCtor!=othCtor&&'constructor'in object&&'constructor'in other&&!(typeof objCtor=='function'&&objCtor instanceof objCtor&&typeof othCtor=='function'&&othCtor instanceof othCtor)){result=false;}}stack['delete'](object);stack['delete'](other);return result;}/**
+     * A specialized version of `baseRest` which flattens the rest array.
+     *
+     * @private
+     * @param {Function} func The function to apply a rest parameter to.
+     * @returns {Function} Returns the new function.
+     */function flatRest(func){return setToString(overRest(func,undefined,flatten),func+'');}/**
+     * Creates an array of own enumerable property names and symbols of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names and symbols.
+     */function getAllKeys(object){return baseGetAllKeys(object,keys,getSymbols);}/**
+     * Creates an array of own and inherited enumerable property names and
+     * symbols of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names and symbols.
+     */function getAllKeysIn(object){return baseGetAllKeys(object,keysIn,getSymbolsIn);}/**
+     * Gets metadata for `func`.
+     *
+     * @private
+     * @param {Function} func The function to query.
+     * @returns {*} Returns the metadata for `func`.
+     */var getData=!metaMap?noop:function(func){return metaMap.get(func);};/**
+     * Gets the name of `func`.
+     *
+     * @private
+     * @param {Function} func The function to query.
+     * @returns {string} Returns the function name.
+     */function getFuncName(func){var result=func.name+'',array=realNames[result],length=hasOwnProperty.call(realNames,result)?array.length:0;while(length--){var data=array[length],otherFunc=data.func;if(otherFunc==null||otherFunc==func){return data.name;}}return result;}/**
+     * Gets the argument placeholder value for `func`.
+     *
+     * @private
+     * @param {Function} func The function to inspect.
+     * @returns {*} Returns the placeholder value.
+     */function getHolder(func){var object=hasOwnProperty.call(lodash,'placeholder')?lodash:func;return object.placeholder;}/**
+     * Gets the appropriate "iteratee" function. If `_.iteratee` is customized,
+     * this function returns the custom method, otherwise it returns `baseIteratee`.
+     * If arguments are provided, the chosen function is invoked with them and
+     * its result is returned.
+     *
+     * @private
+     * @param {*} [value] The value to convert to an iteratee.
+     * @param {number} [arity] The arity of the created iteratee.
+     * @returns {Function} Returns the chosen function or its result.
+     */function getIteratee(){var result=lodash.iteratee||iteratee;result=result===iteratee?baseIteratee:result;return arguments.length?result(arguments[0],arguments[1]):result;}/**
+     * Gets the data for `map`.
+     *
+     * @private
+     * @param {Object} map The map to query.
+     * @param {string} key The reference key.
+     * @returns {*} Returns the map data.
+     */function getMapData(map,key){var data=map.__data__;return isKeyable(key)?data[typeof key=='string'?'string':'hash']:data.map;}/**
+     * Gets the property names, values, and compare flags of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the match data of `object`.
+     */function getMatchData(object){var result=keys(object),length=result.length;while(length--){var key=result[length],value=object[key];result[length]=[key,value,isStrictComparable(value)];}return result;}/**
+     * Gets the native function at `key` of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {string} key The key of the method to get.
+     * @returns {*} Returns the function if it's native, else `undefined`.
+     */function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:undefined;}/**
+     * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+     *
+     * @private
+     * @param {*} value The value to query.
+     * @returns {string} Returns the raw `toStringTag`.
+     */function getRawTag(value){var isOwn=hasOwnProperty.call(value,symToStringTag),tag=value[symToStringTag];try{value[symToStringTag]=undefined;var unmasked=true;}catch(e){}var result=nativeObjectToString.call(value);if(unmasked){if(isOwn){value[symToStringTag]=tag;}else{delete value[symToStringTag];}}return result;}/**
+     * Creates an array of the own enumerable symbols of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of symbols.
+     */var getSymbols=!nativeGetSymbols?stubArray:function(object){if(object==null){return[];}object=Object(object);return arrayFilter(nativeGetSymbols(object),function(symbol){return propertyIsEnumerable.call(object,symbol);});};/**
+     * Creates an array of the own and inherited enumerable symbols of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of symbols.
+     */var getSymbolsIn=!nativeGetSymbols?stubArray:function(object){var result=[];while(object){arrayPush(result,getSymbols(object));object=getPrototype(object);}return result;};/**
+     * Gets the `toStringTag` of `value`.
+     *
+     * @private
+     * @param {*} value The value to query.
+     * @returns {string} Returns the `toStringTag`.
+     */var getTag=baseGetTag;// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
+if(DataView&&getTag(new DataView(new ArrayBuffer(1)))!=dataViewTag||Map&&getTag(new Map())!=mapTag||Promise&&getTag(Promise.resolve())!=promiseTag||Set&&getTag(new Set())!=setTag||WeakMap&&getTag(new WeakMap())!=weakMapTag){getTag=function(value){var result=baseGetTag(value),Ctor=result==objectTag?value.constructor:undefined,ctorString=Ctor?toSource(Ctor):'';if(ctorString){switch(ctorString){case dataViewCtorString:return dataViewTag;case mapCtorString:return mapTag;case promiseCtorString:return promiseTag;case setCtorString:return setTag;case weakMapCtorString:return weakMapTag;}}return result;};}/**
+     * Gets the view, applying any `transforms` to the `start` and `end` positions.
+     *
+     * @private
+     * @param {number} start The start of the view.
+     * @param {number} end The end of the view.
+     * @param {Array} transforms The transformations to apply to the view.
+     * @returns {Object} Returns an object containing the `start` and `end`
+     *  positions of the view.
+     */function getView(start,end,transforms){var index=-1,length=transforms.length;while(++index<length){var data=transforms[index],size=data.size;switch(data.type){case'drop':start+=size;break;case'dropRight':end-=size;break;case'take':end=nativeMin(end,start+size);break;case'takeRight':start=nativeMax(start,end-size);break;}}return{'start':start,'end':end};}/**
+     * Extracts wrapper details from the `source` body comment.
+     *
+     * @private
+     * @param {string} source The source to inspect.
+     * @returns {Array} Returns the wrapper details.
+     */function getWrapDetails(source){var match=source.match(reWrapDetails);return match?match[1].split(reSplitDetails):[];}/**
+     * Checks if `path` exists on `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path to check.
+     * @param {Function} hasFunc The function to check properties.
+     * @returns {boolean} Returns `true` if `path` exists, else `false`.
+     */function hasPath(object,path,hasFunc){path=castPath(path,object);var index=-1,length=path.length,result=false;while(++index<length){var key=toKey(path[index]);if(!(result=object!=null&&hasFunc(object,key))){break;}object=object[key];}if(result||++index!=length){return result;}length=object==null?0:object.length;return!!length&&isLength(length)&&isIndex(key,length)&&(isArray(object)||isArguments(object));}/**
+     * Initializes an array clone.
+     *
+     * @private
+     * @param {Array} array The array to clone.
+     * @returns {Array} Returns the initialized clone.
+     */function initCloneArray(array){var length=array.length,result=new array.constructor(length);// Add properties assigned by `RegExp#exec`.
+if(length&&typeof array[0]=='string'&&hasOwnProperty.call(array,'index')){result.index=array.index;result.input=array.input;}return result;}/**
+     * Initializes an object clone.
+     *
+     * @private
+     * @param {Object} object The object to clone.
+     * @returns {Object} Returns the initialized clone.
+     */function initCloneObject(object){return typeof object.constructor=='function'&&!isPrototype(object)?baseCreate(getPrototype(object)):{};}/**
+     * Initializes an object clone based on its `toStringTag`.
+     *
+     * **Note:** This function only supports cloning values with tags of
+     * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.
+     *
+     * @private
+     * @param {Object} object The object to clone.
+     * @param {string} tag The `toStringTag` of the object to clone.
+     * @param {boolean} [isDeep] Specify a deep clone.
+     * @returns {Object} Returns the initialized clone.
+     */function initCloneByTag(object,tag,isDeep){var Ctor=object.constructor;switch(tag){case arrayBufferTag:return cloneArrayBuffer(object);case boolTag:case dateTag:return new Ctor(+object);case dataViewTag:return cloneDataView(object,isDeep);case float32Tag:case float64Tag:case int8Tag:case int16Tag:case int32Tag:case uint8Tag:case uint8ClampedTag:case uint16Tag:case uint32Tag:return cloneTypedArray(object,isDeep);case mapTag:return new Ctor();case numberTag:case stringTag:return new Ctor(object);case regexpTag:return cloneRegExp(object);case setTag:return new Ctor();case symbolTag:return cloneSymbol(object);}}/**
+     * Inserts wrapper `details` in a comment at the top of the `source` body.
+     *
+     * @private
+     * @param {string} source The source to modify.
+     * @returns {Array} details The details to insert.
+     * @returns {string} Returns the modified source.
+     */function insertWrapDetails(source,details){var length=details.length;if(!length){return source;}var lastIndex=length-1;details[lastIndex]=(length>1?'& ':'')+details[lastIndex];details=details.join(length>2?', ':' ');return source.replace(reWrapComment,'{\n/* [wrapped with '+details+'] */\n');}/**
+     * Checks if `value` is a flattenable `arguments` object or array.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.
+     */function isFlattenable(value){return isArray(value)||isArguments(value)||!!(spreadableSymbol&&value&&value[spreadableSymbol]);}/**
+     * Checks if `value` is a valid array-like index.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+     * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+     */function isIndex(value,length){var type=typeof value;length=length==null?MAX_SAFE_INTEGER:length;return!!length&&(type=='number'||type!='symbol'&&reIsUint.test(value))&&value>-1&&value%1==0&&value<length;}/**
+     * Checks if the given arguments are from an iteratee call.
+     *
+     * @private
+     * @param {*} value The potential iteratee value argument.
+     * @param {*} index The potential iteratee index or key argument.
+     * @param {*} object The potential iteratee object argument.
+     * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+     *  else `false`.
+     */function isIterateeCall(value,index,object){if(!isObject(object)){return false;}var type=typeof index;if(type=='number'?isArrayLike(object)&&isIndex(index,object.length):type=='string'&&index in object){return eq(object[index],value);}return false;}/**
+     * Checks if `value` is a property name and not a property path.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @param {Object} [object] The object to query keys on.
+     * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
+     */function isKey(value,object){if(isArray(value)){return false;}var type=typeof value;if(type=='number'||type=='symbol'||type=='boolean'||value==null||isSymbol(value)){return true;}return reIsPlainProp.test(value)||!reIsDeepProp.test(value)||object!=null&&value in Object(object);}/**
+     * Checks if `value` is suitable for use as unique object key.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+     */function isKeyable(value){var type=typeof value;return type=='string'||type=='number'||type=='symbol'||type=='boolean'?value!=='__proto__':value===null;}/**
+     * Checks if `func` has a lazy counterpart.
+     *
+     * @private
+     * @param {Function} func The function to check.
+     * @returns {boolean} Returns `true` if `func` has a lazy counterpart,
+     *  else `false`.
+     */function isLaziable(func){var funcName=getFuncName(func),other=lodash[funcName];if(typeof other!='function'||!(funcName in LazyWrapper.prototype)){return false;}if(func===other){return true;}var data=getData(other);return!!data&&func===data[0];}/**
+     * Checks if `func` has its source masked.
+     *
+     * @private
+     * @param {Function} func The function to check.
+     * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+     */function isMasked(func){return!!maskSrcKey&&maskSrcKey in func;}/**
+     * Checks if `func` is capable of being masked.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `func` is maskable, else `false`.
+     */var isMaskable=coreJsData?isFunction:stubFalse;/**
+     * Checks if `value` is likely a prototype object.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+     */function isPrototype(value){var Ctor=value&&value.constructor,proto=typeof Ctor=='function'&&Ctor.prototype||objectProto;return value===proto;}/**
+     * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
+     *
+     * @private
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` if suitable for strict
+     *  equality comparisons, else `false`.
+     */function isStrictComparable(value){return value===value&&!isObject(value);}/**
+     * A specialized version of `matchesProperty` for source values suitable
+     * for strict equality comparisons, i.e. `===`.
+     *
+     * @private
+     * @param {string} key The key of the property to get.
+     * @param {*} srcValue The value to match.
+     * @returns {Function} Returns the new spec function.
+     */function matchesStrictComparable(key,srcValue){return function(object){if(object==null){return false;}return object[key]===srcValue&&(srcValue!==undefined||key in Object(object));};}/**
+     * A specialized version of `_.memoize` which clears the memoized function's
+     * cache when it exceeds `MAX_MEMOIZE_SIZE`.
+     *
+     * @private
+     * @param {Function} func The function to have its output memoized.
+     * @returns {Function} Returns the new memoized function.
+     */function memoizeCapped(func){var result=memoize(func,function(key){if(cache.size===MAX_MEMOIZE_SIZE){cache.clear();}return key;});var cache=result.cache;return result;}/**
+     * Merges the function metadata of `source` into `data`.
+     *
+     * Merging metadata reduces the number of wrappers used to invoke a function.
+     * This is possible because methods like `_.bind`, `_.curry`, and `_.partial`
+     * may be applied regardless of execution order. Methods like `_.ary` and
+     * `_.rearg` modify function arguments, making the order in which they are
+     * executed important, preventing the merging of metadata. However, we make
+     * an exception for a safe combined case where curried functions have `_.ary`
+     * and or `_.rearg` applied.
+     *
+     * @private
+     * @param {Array} data The destination metadata.
+     * @param {Array} source The source metadata.
+     * @returns {Array} Returns `data`.
+     */function mergeData(data,source){var bitmask=data[1],srcBitmask=source[1],newBitmask=bitmask|srcBitmask,isCommon=newBitmask<(WRAP_BIND_FLAG|WRAP_BIND_KEY_FLAG|WRAP_ARY_FLAG);var isCombo=srcBitmask==WRAP_ARY_FLAG&&bitmask==WRAP_CURRY_FLAG||srcBitmask==WRAP_ARY_FLAG&&bitmask==WRAP_REARG_FLAG&&data[7].length<=source[8]||srcBitmask==(WRAP_ARY_FLAG|WRAP_REARG_FLAG)&&source[7].length<=source[8]&&bitmask==WRAP_CURRY_FLAG;// Exit early if metadata can't be merged.
+if(!(isCommon||isCombo)){return data;}// Use source `thisArg` if available.
+if(srcBitmask&WRAP_BIND_FLAG){data[2]=source[2];// Set when currying a bound function.
+newBitmask|=bitmask&WRAP_BIND_FLAG?0:WRAP_CURRY_BOUND_FLAG;}// Compose partial arguments.
+var value=source[3];if(value){var partials=data[3];data[3]=partials?composeArgs(partials,value,source[4]):value;data[4]=partials?replaceHolders(data[3],PLACEHOLDER):source[4];}// Compose partial right arguments.
+value=source[5];if(value){partials=data[5];data[5]=partials?composeArgsRight(partials,value,source[6]):value;data[6]=partials?replaceHolders(data[5],PLACEHOLDER):source[6];}// Use source `argPos` if available.
+value=source[7];if(value){data[7]=value;}// Use source `ary` if it's smaller.
+if(srcBitmask&WRAP_ARY_FLAG){data[8]=data[8]==null?source[8]:nativeMin(data[8],source[8]);}// Use source `arity` if one is not provided.
+if(data[9]==null){data[9]=source[9];}// Use source `func` and merge bitmasks.
+data[0]=source[0];data[1]=newBitmask;return data;}/**
+     * This function is like
+     * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+     * except that it includes inherited enumerable properties.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names.
+     */function nativeKeysIn(object){var result=[];if(object!=null){for(var key in Object(object)){result.push(key);}}return result;}/**
+     * Converts `value` to a string using `Object.prototype.toString`.
+     *
+     * @private
+     * @param {*} value The value to convert.
+     * @returns {string} Returns the converted string.
+     */function objectToString(value){return nativeObjectToString.call(value);}/**
+     * A specialized version of `baseRest` which transforms the rest array.
+     *
+     * @private
+     * @param {Function} func The function to apply a rest parameter to.
+     * @param {number} [start=func.length-1] The start position of the rest parameter.
+     * @param {Function} transform The rest array transform.
+     * @returns {Function} Returns the new function.
+     */function overRest(func,start,transform){start=nativeMax(start===undefined?func.length-1:start,0);return function(){var args=arguments,index=-1,length=nativeMax(args.length-start,0),array=Array(length);while(++index<length){array[index]=args[start+index];}index=-1;var otherArgs=Array(start+1);while(++index<start){otherArgs[index]=args[index];}otherArgs[start]=transform(array);return apply(func,this,otherArgs);};}/**
+     * Gets the parent value at `path` of `object`.
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {Array} path The path to get the parent value of.
+     * @returns {*} Returns the parent value.
+     */function parent(object,path){return path.length<2?object:baseGet(object,baseSlice(path,0,-1));}/**
+     * Reorder `array` according to the specified indexes where the element at
+     * the first index is assigned as the first element, the element at
+     * the second index is assigned as the second element, and so on.
+     *
+     * @private
+     * @param {Array} array The array to reorder.
+     * @param {Array} indexes The arranged array indexes.
+     * @returns {Array} Returns `array`.
+     */function reorder(array,indexes){var arrLength=array.length,length=nativeMin(indexes.length,arrLength),oldArray=copyArray(array);while(length--){var index=indexes[length];array[length]=isIndex(index,arrLength)?oldArray[index]:undefined;}return array;}/**
+     * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+     *
+     * @private
+     * @param {Object} object The object to query.
+     * @param {string} key The key of the property to get.
+     * @returns {*} Returns the property value.
+     */function safeGet(object,key){if(key==='constructor'&&typeof object[key]==='function'){return;}if(key=='__proto__'){return;}return object[key];}/**
+     * Sets metadata for `func`.
+     *
+     * **Note:** If this function becomes hot, i.e. is invoked a lot in a short
+     * period of time, it will trip its breaker and transition to an identity
+     * function to avoid garbage collection pauses in V8. See
+     * [V8 issue 2070](https://bugs.chromium.org/p/v8/issues/detail?id=2070)
+     * for more details.
+     *
+     * @private
+     * @param {Function} func The function to associate metadata with.
+     * @param {*} data The metadata.
+     * @returns {Function} Returns `func`.
+     */var setData=shortOut(baseSetData);/**
+     * A simple wrapper around the global [`setTimeout`](https://mdn.io/setTimeout).
+     *
+     * @private
+     * @param {Function} func The function to delay.
+     * @param {number} wait The number of milliseconds to delay invocation.
+     * @returns {number|Object} Returns the timer id or timeout object.
+     */var setTimeout=ctxSetTimeout||function(func,wait){return root.setTimeout(func,wait);};/**
+     * Sets the `toString` method of `func` to return `string`.
+     *
+     * @private
+     * @param {Function} func The function to modify.
+     * @param {Function} string The `toString` result.
+     * @returns {Function} Returns `func`.
+     */var setToString=shortOut(baseSetToString);/**
+     * Sets the `toString` method of `wrapper` to mimic the source of `reference`
+     * with wrapper details in a comment at the top of the source body.
+     *
+     * @private
+     * @param {Function} wrapper The function to modify.
+     * @param {Function} reference The reference function.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @returns {Function} Returns `wrapper`.
+     */function setWrapToString(wrapper,reference,bitmask){var source=reference+'';return setToString(wrapper,insertWrapDetails(source,updateWrapDetails(getWrapDetails(source),bitmask)));}/**
+     * Creates a function that'll short out and invoke `identity` instead
+     * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
+     * milliseconds.
+     *
+     * @private
+     * @param {Function} func The function to restrict.
+     * @returns {Function} Returns the new shortable function.
+     */function shortOut(func){var count=0,lastCalled=0;return function(){var stamp=nativeNow(),remaining=HOT_SPAN-(stamp-lastCalled);lastCalled=stamp;if(remaining>0){if(++count>=HOT_COUNT){return arguments[0];}}else{count=0;}return func.apply(undefined,arguments);};}/**
+     * A specialized version of `_.shuffle` which mutates and sets the size of `array`.
+     *
+     * @private
+     * @param {Array} array The array to shuffle.
+     * @param {number} [size=array.length] The size of `array`.
+     * @returns {Array} Returns `array`.
+     */function shuffleSelf(array,size){var index=-1,length=array.length,lastIndex=length-1;size=size===undefined?length:size;while(++index<size){var rand=baseRandom(index,lastIndex),value=array[rand];array[rand]=array[index];array[index]=value;}array.length=size;return array;}/**
+     * Converts `string` to a property path array.
+     *
+     * @private
+     * @param {string} string The string to convert.
+     * @returns {Array} Returns the property path array.
+     */var stringToPath=memoizeCapped(function(string){var result=[];if(string.charCodeAt(0)===46/* . */){result.push('');}string.replace(rePropName,function(match,number,quote,subString){result.push(quote?subString.replace(reEscapeChar,'$1'):number||match);});return result;});/**
+     * Converts `value` to a string key if it's not a string or symbol.
+     *
+     * @private
+     * @param {*} value The value to inspect.
+     * @returns {string|symbol} Returns the key.
+     */function toKey(value){if(typeof value=='string'||isSymbol(value)){return value;}var result=value+'';return result=='0'&&1/value==-INFINITY?'-0':result;}/**
+     * Converts `func` to its source code.
+     *
+     * @private
+     * @param {Function} func The function to convert.
+     * @returns {string} Returns the source code.
+     */function toSource(func){if(func!=null){try{return funcToString.call(func);}catch(e){}try{return func+'';}catch(e){}}return'';}/**
+     * Updates wrapper `details` based on `bitmask` flags.
+     *
+     * @private
+     * @returns {Array} details The details to modify.
+     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.
+     * @returns {Array} Returns `details`.
+     */function updateWrapDetails(details,bitmask){arrayEach(wrapFlags,function(pair){var value='_.'+pair[0];if(bitmask&pair[1]&&!arrayIncludes(details,value)){details.push(value);}});return details.sort();}/**
+     * Creates a clone of `wrapper`.
+     *
+     * @private
+     * @param {Object} wrapper The wrapper to clone.
+     * @returns {Object} Returns the cloned wrapper.
+     */function wrapperClone(wrapper){if(wrapper instanceof LazyWrapper){return wrapper.clone();}var result=new LodashWrapper(wrapper.__wrapped__,wrapper.__chain__);result.__actions__=copyArray(wrapper.__actions__);result.__index__=wrapper.__index__;result.__values__=wrapper.__values__;return result;}/*------------------------------------------------------------------------*/ /**
+     * Creates an array of elements split into groups the length of `size`.
+     * If `array` can't be split evenly, the final chunk will be the remaining
+     * elements.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to process.
+     * @param {number} [size=1] The length of each chunk
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the new array of chunks.
+     * @example
+     *
+     * _.chunk(['a', 'b', 'c', 'd'], 2);
+     * // => [['a', 'b'], ['c', 'd']]
+     *
+     * _.chunk(['a', 'b', 'c', 'd'], 3);
+     * // => [['a', 'b', 'c'], ['d']]
+     */function chunk(array,size,guard){if(guard?isIterateeCall(array,size,guard):size===undefined){size=1;}else{size=nativeMax(toInteger(size),0);}var length=array==null?0:array.length;if(!length||size<1){return[];}var index=0,resIndex=0,result=Array(nativeCeil(length/size));while(index<length){result[resIndex++]=baseSlice(array,index,index+=size);}return result;}/**
+     * Creates an array with all falsey values removed. The values `false`, `null`,
+     * `0`, `""`, `undefined`, and `NaN` are falsey.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to compact.
+     * @returns {Array} Returns the new array of filtered values.
+     * @example
+     *
+     * _.compact([0, 1, false, 2, '', 3]);
+     * // => [1, 2, 3]
+     */function compact(array){var index=-1,length=array==null?0:array.length,resIndex=0,result=[];while(++index<length){var value=array[index];if(value){result[resIndex++]=value;}}return result;}/**
+     * Creates a new array concatenating `array` with any additional arrays
+     * and/or values.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to concatenate.
+     * @param {...*} [values] The values to concatenate.
+     * @returns {Array} Returns the new concatenated array.
+     * @example
+     *
+     * var array = [1];
+     * var other = _.concat(array, 2, [3], [[4]]);
+     *
+     * console.log(other);
+     * // => [1, 2, 3, [4]]
+     *
+     * console.log(array);
+     * // => [1]
+     */function concat(){var length=arguments.length;if(!length){return[];}var args=Array(length-1),array=arguments[0],index=length;while(index--){args[index-1]=arguments[index];}return arrayPush(isArray(array)?copyArray(array):[array],baseFlatten(args,1));}/**
+     * Creates an array of `array` values not included in the other given arrays
+     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons. The order and references of result values are
+     * determined by the first array.
+     *
+     * **Note:** Unlike `_.pullAll`, this method returns a new array.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {...Array} [values] The values to exclude.
+     * @returns {Array} Returns the new array of filtered values.
+     * @see _.without, _.xor
+     * @example
+     *
+     * _.difference([2, 1], [2, 3]);
+     * // => [1]
+     */var difference=baseRest(function(array,values){return isArrayLikeObject(array)?baseDifference(array,baseFlatten(values,1,isArrayLikeObject,true)):[];});/**
+     * This method is like `_.difference` except that it accepts `iteratee` which
+     * is invoked for each element of `array` and `values` to generate the criterion
+     * by which they're compared. The order and references of result values are
+     * determined by the first array. The iteratee is invoked with one argument:
+     * (value).
+     *
+     * **Note:** Unlike `_.pullAllBy`, this method returns a new array.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {...Array} [values] The values to exclude.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns the new array of filtered values.
+     * @example
+     *
+     * _.differenceBy([2.1, 1.2], [2.3, 3.4], Math.floor);
+     * // => [1.2]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.differenceBy([{ 'x': 2 }, { 'x': 1 }], [{ 'x': 1 }], 'x');
+     * // => [{ 'x': 2 }]
+     */var differenceBy=baseRest(function(array,values){var iteratee=last(values);if(isArrayLikeObject(iteratee)){iteratee=undefined;}return isArrayLikeObject(array)?baseDifference(array,baseFlatten(values,1,isArrayLikeObject,true),getIteratee(iteratee,2)):[];});/**
+     * This method is like `_.difference` except that it accepts `comparator`
+     * which is invoked to compare elements of `array` to `values`. The order and
+     * references of result values are determined by the first array. The comparator
+     * is invoked with two arguments: (arrVal, othVal).
+     *
+     * **Note:** Unlike `_.pullAllWith`, this method returns a new array.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {...Array} [values] The values to exclude.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of filtered values.
+     * @example
+     *
+     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
+     *
+     * _.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);
+     * // => [{ 'x': 2, 'y': 1 }]
+     */var differenceWith=baseRest(function(array,values){var comparator=last(values);if(isArrayLikeObject(comparator)){comparator=undefined;}return isArrayLikeObject(array)?baseDifference(array,baseFlatten(values,1,isArrayLikeObject,true),undefined,comparator):[];});/**
+     * Creates a slice of `array` with `n` elements dropped from the beginning.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.5.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {number} [n=1] The number of elements to drop.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.drop([1, 2, 3]);
+     * // => [2, 3]
+     *
+     * _.drop([1, 2, 3], 2);
+     * // => [3]
+     *
+     * _.drop([1, 2, 3], 5);
+     * // => []
+     *
+     * _.drop([1, 2, 3], 0);
+     * // => [1, 2, 3]
+     */function drop(array,n,guard){var length=array==null?0:array.length;if(!length){return[];}n=guard||n===undefined?1:toInteger(n);return baseSlice(array,n<0?0:n,length);}/**
+     * Creates a slice of `array` with `n` elements dropped from the end.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {number} [n=1] The number of elements to drop.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.dropRight([1, 2, 3]);
+     * // => [1, 2]
+     *
+     * _.dropRight([1, 2, 3], 2);
+     * // => [1]
+     *
+     * _.dropRight([1, 2, 3], 5);
+     * // => []
+     *
+     * _.dropRight([1, 2, 3], 0);
+     * // => [1, 2, 3]
+     */function dropRight(array,n,guard){var length=array==null?0:array.length;if(!length){return[];}n=guard||n===undefined?1:toInteger(n);n=length-n;return baseSlice(array,0,n<0?0:n);}/**
+     * Creates a slice of `array` excluding elements dropped from the end.
+     * Elements are dropped until `predicate` returns falsey. The predicate is
+     * invoked with three arguments: (value, index, array).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': true },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': false }
+     * ];
+     *
+     * _.dropRightWhile(users, function(o) { return !o.active; });
+     * // => objects for ['barney']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.dropRightWhile(users, { 'user': 'pebbles', 'active': false });
+     * // => objects for ['barney', 'fred']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.dropRightWhile(users, ['active', false]);
+     * // => objects for ['barney']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.dropRightWhile(users, 'active');
+     * // => objects for ['barney', 'fred', 'pebbles']
+     */function dropRightWhile(array,predicate){return array&&array.length?baseWhile(array,getIteratee(predicate,3),true,true):[];}/**
+     * Creates a slice of `array` excluding elements dropped from the beginning.
+     * Elements are dropped until `predicate` returns falsey. The predicate is
+     * invoked with three arguments: (value, index, array).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': false },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': true }
+     * ];
+     *
+     * _.dropWhile(users, function(o) { return !o.active; });
+     * // => objects for ['pebbles']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.dropWhile(users, { 'user': 'barney', 'active': false });
+     * // => objects for ['fred', 'pebbles']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.dropWhile(users, ['active', false]);
+     * // => objects for ['pebbles']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.dropWhile(users, 'active');
+     * // => objects for ['barney', 'fred', 'pebbles']
+     */function dropWhile(array,predicate){return array&&array.length?baseWhile(array,getIteratee(predicate,3),true):[];}/**
+     * Fills elements of `array` with `value` from `start` up to, but not
+     * including, `end`.
+     *
+     * **Note:** This method mutates `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.2.0
+     * @category Array
+     * @param {Array} array The array to fill.
+     * @param {*} value The value to fill `array` with.
+     * @param {number} [start=0] The start position.
+     * @param {number} [end=array.length] The end position.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = [1, 2, 3];
+     *
+     * _.fill(array, 'a');
+     * console.log(array);
+     * // => ['a', 'a', 'a']
+     *
+     * _.fill(Array(3), 2);
+     * // => [2, 2, 2]
+     *
+     * _.fill([4, 6, 8, 10], '*', 1, 3);
+     * // => [4, '*', '*', 10]
+     */function fill(array,value,start,end){var length=array==null?0:array.length;if(!length){return[];}if(start&&typeof start!='number'&&isIterateeCall(array,value,start)){start=0;end=length;}return baseFill(array,value,start,end);}/**
+     * This method is like `_.find` except that it returns the index of the first
+     * element `predicate` returns truthy for instead of the element itself.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param {number} [fromIndex=0] The index to search from.
+     * @returns {number} Returns the index of the found element, else `-1`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': false },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': true }
+     * ];
+     *
+     * _.findIndex(users, function(o) { return o.user == 'barney'; });
+     * // => 0
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.findIndex(users, { 'user': 'fred', 'active': false });
+     * // => 1
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.findIndex(users, ['active', false]);
+     * // => 0
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.findIndex(users, 'active');
+     * // => 2
+     */function findIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return-1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseFindIndex(array,getIteratee(predicate,3),index);}/**
+     * This method is like `_.findIndex` except that it iterates over elements
+     * of `collection` from right to left.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param {number} [fromIndex=array.length-1] The index to search from.
+     * @returns {number} Returns the index of the found element, else `-1`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': true },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': false }
+     * ];
+     *
+     * _.findLastIndex(users, function(o) { return o.user == 'pebbles'; });
+     * // => 2
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.findLastIndex(users, { 'user': 'barney', 'active': true });
+     * // => 0
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.findLastIndex(users, ['active', false]);
+     * // => 2
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.findLastIndex(users, 'active');
+     * // => 0
+     */function findLastIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return-1;}var index=length-1;if(fromIndex!==undefined){index=toInteger(fromIndex);index=fromIndex<0?nativeMax(length+index,0):nativeMin(index,length-1);}return baseFindIndex(array,getIteratee(predicate,3),index,true);}/**
+     * Flattens `array` a single level deep.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to flatten.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * _.flatten([1, [2, [3, [4]], 5]]);
+     * // => [1, 2, [3, [4]], 5]
+     */function flatten(array){var length=array==null?0:array.length;return length?baseFlatten(array,1):[];}/**
+     * Recursively flattens `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to flatten.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * _.flattenDeep([1, [2, [3, [4]], 5]]);
+     * // => [1, 2, 3, 4, 5]
+     */function flattenDeep(array){var length=array==null?0:array.length;return length?baseFlatten(array,INFINITY):[];}/**
+     * Recursively flatten `array` up to `depth` times.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.4.0
+     * @category Array
+     * @param {Array} array The array to flatten.
+     * @param {number} [depth=1] The maximum recursion depth.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * var array = [1, [2, [3, [4]], 5]];
+     *
+     * _.flattenDepth(array, 1);
+     * // => [1, 2, [3, [4]], 5]
+     *
+     * _.flattenDepth(array, 2);
+     * // => [1, 2, 3, [4], 5]
+     */function flattenDepth(array,depth){var length=array==null?0:array.length;if(!length){return[];}depth=depth===undefined?1:toInteger(depth);return baseFlatten(array,depth);}/**
+     * The inverse of `_.toPairs`; this method returns an object composed
+     * from key-value `pairs`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} pairs The key-value pairs.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * _.fromPairs([['a', 1], ['b', 2]]);
+     * // => { 'a': 1, 'b': 2 }
+     */function fromPairs(pairs){var index=-1,length=pairs==null?0:pairs.length,result={};while(++index<length){var pair=pairs[index];result[pair[0]]=pair[1];}return result;}/**
+     * Gets the first element of `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @alias first
+     * @category Array
+     * @param {Array} array The array to query.
+     * @returns {*} Returns the first element of `array`.
+     * @example
+     *
+     * _.head([1, 2, 3]);
+     * // => 1
+     *
+     * _.head([]);
+     * // => undefined
+     */function head(array){return array&&array.length?array[0]:undefined;}/**
+     * Gets the index at which the first occurrence of `value` is found in `array`
+     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons. If `fromIndex` is negative, it's used as the
+     * offset from the end of `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {*} value The value to search for.
+     * @param {number} [fromIndex=0] The index to search from.
+     * @returns {number} Returns the index of the matched value, else `-1`.
+     * @example
+     *
+     * _.indexOf([1, 2, 1, 2], 2);
+     * // => 1
+     *
+     * // Search from the `fromIndex`.
+     * _.indexOf([1, 2, 1, 2], 2, 2);
+     * // => 3
+     */function indexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return-1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseIndexOf(array,value,index);}/**
+     * Gets all but the last element of `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.initial([1, 2, 3]);
+     * // => [1, 2]
+     */function initial(array){var length=array==null?0:array.length;return length?baseSlice(array,0,-1):[];}/**
+     * Creates an array of unique values that are included in all given arrays
+     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons. The order and references of result values are
+     * determined by the first array.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @returns {Array} Returns the new array of intersecting values.
+     * @example
+     *
+     * _.intersection([2, 1], [2, 3]);
+     * // => [2]
+     */var intersection=baseRest(function(arrays){var mapped=arrayMap(arrays,castArrayLikeObject);return mapped.length&&mapped[0]===arrays[0]?baseIntersection(mapped):[];});/**
+     * This method is like `_.intersection` except that it accepts `iteratee`
+     * which is invoked for each element of each `arrays` to generate the criterion
+     * by which they're compared. The order and references of result values are
+     * determined by the first array. The iteratee is invoked with one argument:
+     * (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns the new array of intersecting values.
+     * @example
+     *
+     * _.intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor);
+     * // => [2.1]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.intersectionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');
+     * // => [{ 'x': 1 }]
+     */var intersectionBy=baseRest(function(arrays){var iteratee=last(arrays),mapped=arrayMap(arrays,castArrayLikeObject);if(iteratee===last(mapped)){iteratee=undefined;}else{mapped.pop();}return mapped.length&&mapped[0]===arrays[0]?baseIntersection(mapped,getIteratee(iteratee,2)):[];});/**
+     * This method is like `_.intersection` except that it accepts `comparator`
+     * which is invoked to compare elements of `arrays`. The order and references
+     * of result values are determined by the first array. The comparator is
+     * invoked with two arguments: (arrVal, othVal).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of intersecting values.
+     * @example
+     *
+     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
+     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];
+     *
+     * _.intersectionWith(objects, others, _.isEqual);
+     * // => [{ 'x': 1, 'y': 2 }]
+     */var intersectionWith=baseRest(function(arrays){var comparator=last(arrays),mapped=arrayMap(arrays,castArrayLikeObject);comparator=typeof comparator=='function'?comparator:undefined;if(comparator){mapped.pop();}return mapped.length&&mapped[0]===arrays[0]?baseIntersection(mapped,undefined,comparator):[];});/**
+     * Converts all elements in `array` into a string separated by `separator`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to convert.
+     * @param {string} [separator=','] The element separator.
+     * @returns {string} Returns the joined string.
+     * @example
+     *
+     * _.join(['a', 'b', 'c'], '~');
+     * // => 'a~b~c'
+     */function join(array,separator){return array==null?'':nativeJoin.call(array,separator);}/**
+     * Gets the last element of `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @returns {*} Returns the last element of `array`.
+     * @example
+     *
+     * _.last([1, 2, 3]);
+     * // => 3
+     */function last(array){var length=array==null?0:array.length;return length?array[length-1]:undefined;}/**
+     * This method is like `_.indexOf` except that it iterates over elements of
+     * `array` from right to left.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {*} value The value to search for.
+     * @param {number} [fromIndex=array.length-1] The index to search from.
+     * @returns {number} Returns the index of the matched value, else `-1`.
+     * @example
+     *
+     * _.lastIndexOf([1, 2, 1, 2], 2);
+     * // => 3
+     *
+     * // Search from the `fromIndex`.
+     * _.lastIndexOf([1, 2, 1, 2], 2, 2);
+     * // => 1
+     */function lastIndexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return-1;}var index=length;if(fromIndex!==undefined){index=toInteger(fromIndex);index=index<0?nativeMax(length+index,0):nativeMin(index,length-1);}return value===value?strictLastIndexOf(array,value,index):baseFindIndex(array,baseIsNaN,index,true);}/**
+     * Gets the element at index `n` of `array`. If `n` is negative, the nth
+     * element from the end is returned.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.11.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {number} [n=0] The index of the element to return.
+     * @returns {*} Returns the nth element of `array`.
+     * @example
+     *
+     * var array = ['a', 'b', 'c', 'd'];
+     *
+     * _.nth(array, 1);
+     * // => 'b'
+     *
+     * _.nth(array, -2);
+     * // => 'c';
+     */function nth(array,n){return array&&array.length?baseNth(array,toInteger(n)):undefined;}/**
+     * Removes all given values from `array` using
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons.
+     *
+     * **Note:** Unlike `_.without`, this method mutates `array`. Use `_.remove`
+     * to remove elements from an array by predicate.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {...*} [values] The values to remove.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = ['a', 'b', 'c', 'a', 'b', 'c'];
+     *
+     * _.pull(array, 'a', 'c');
+     * console.log(array);
+     * // => ['b', 'b']
+     */var pull=baseRest(pullAll);/**
+     * This method is like `_.pull` except that it accepts an array of values to remove.
+     *
+     * **Note:** Unlike `_.difference`, this method mutates `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {Array} values The values to remove.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = ['a', 'b', 'c', 'a', 'b', 'c'];
+     *
+     * _.pullAll(array, ['a', 'c']);
+     * console.log(array);
+     * // => ['b', 'b']
+     */function pullAll(array,values){return array&&array.length&&values&&values.length?basePullAll(array,values):array;}/**
+     * This method is like `_.pullAll` except that it accepts `iteratee` which is
+     * invoked for each element of `array` and `values` to generate the criterion
+     * by which they're compared. The iteratee is invoked with one argument: (value).
+     *
+     * **Note:** Unlike `_.differenceBy`, this method mutates `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {Array} values The values to remove.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = [{ 'x': 1 }, { 'x': 2 }, { 'x': 3 }, { 'x': 1 }];
+     *
+     * _.pullAllBy(array, [{ 'x': 1 }, { 'x': 3 }], 'x');
+     * console.log(array);
+     * // => [{ 'x': 2 }]
+     */function pullAllBy(array,values,iteratee){return array&&array.length&&values&&values.length?basePullAll(array,values,getIteratee(iteratee,2)):array;}/**
+     * This method is like `_.pullAll` except that it accepts `comparator` which
+     * is invoked to compare elements of `array` to `values`. The comparator is
+     * invoked with two arguments: (arrVal, othVal).
+     *
+     * **Note:** Unlike `_.differenceWith`, this method mutates `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.6.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {Array} values The values to remove.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = [{ 'x': 1, 'y': 2 }, { 'x': 3, 'y': 4 }, { 'x': 5, 'y': 6 }];
+     *
+     * _.pullAllWith(array, [{ 'x': 3, 'y': 4 }], _.isEqual);
+     * console.log(array);
+     * // => [{ 'x': 1, 'y': 2 }, { 'x': 5, 'y': 6 }]
+     */function pullAllWith(array,values,comparator){return array&&array.length&&values&&values.length?basePullAll(array,values,undefined,comparator):array;}/**
+     * Removes elements from `array` corresponding to `indexes` and returns an
+     * array of removed elements.
+     *
+     * **Note:** Unlike `_.at`, this method mutates `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {...(number|number[])} [indexes] The indexes of elements to remove.
+     * @returns {Array} Returns the new array of removed elements.
+     * @example
+     *
+     * var array = ['a', 'b', 'c', 'd'];
+     * var pulled = _.pullAt(array, [1, 3]);
+     *
+     * console.log(array);
+     * // => ['a', 'c']
+     *
+     * console.log(pulled);
+     * // => ['b', 'd']
+     */var pullAt=flatRest(function(array,indexes){var length=array==null?0:array.length,result=baseAt(array,indexes);basePullAt(array,arrayMap(indexes,function(index){return isIndex(index,length)?+index:index;}).sort(compareAscending));return result;});/**
+     * Removes all elements from `array` that `predicate` returns truthy for
+     * and returns an array of the removed elements. The predicate is invoked
+     * with three arguments: (value, index, array).
+     *
+     * **Note:** Unlike `_.filter`, this method mutates `array`. Use `_.pull`
+     * to pull elements from an array by value.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new array of removed elements.
+     * @example
+     *
+     * var array = [1, 2, 3, 4];
+     * var evens = _.remove(array, function(n) {
+     *   return n % 2 == 0;
+     * });
+     *
+     * console.log(array);
+     * // => [1, 3]
+     *
+     * console.log(evens);
+     * // => [2, 4]
+     */function remove(array,predicate){var result=[];if(!(array&&array.length)){return result;}var index=-1,indexes=[],length=array.length;predicate=getIteratee(predicate,3);while(++index<length){var value=array[index];if(predicate(value,index,array)){result.push(value);indexes.push(index);}}basePullAt(array,indexes);return result;}/**
+     * Reverses `array` so that the first element becomes the last, the second
+     * element becomes the second to last, and so on.
+     *
+     * **Note:** This method mutates `array` and is based on
+     * [`Array#reverse`](https://mdn.io/Array/reverse).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to modify.
+     * @returns {Array} Returns `array`.
+     * @example
+     *
+     * var array = [1, 2, 3];
+     *
+     * _.reverse(array);
+     * // => [3, 2, 1]
+     *
+     * console.log(array);
+     * // => [3, 2, 1]
+     */function reverse(array){return array==null?array:nativeReverse.call(array);}/**
+     * Creates a slice of `array` from `start` up to, but not including, `end`.
+     *
+     * **Note:** This method is used instead of
+     * [`Array#slice`](https://mdn.io/Array/slice) to ensure dense arrays are
+     * returned.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to slice.
+     * @param {number} [start=0] The start position.
+     * @param {number} [end=array.length] The end position.
+     * @returns {Array} Returns the slice of `array`.
+     */function slice(array,start,end){var length=array==null?0:array.length;if(!length){return[];}if(end&&typeof end!='number'&&isIterateeCall(array,start,end)){start=0;end=length;}else{start=start==null?0:toInteger(start);end=end===undefined?length:toInteger(end);}return baseSlice(array,start,end);}/**
+     * Uses a binary search to determine the lowest index at which `value`
+     * should be inserted into `array` in order to maintain its sort order.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     * @example
+     *
+     * _.sortedIndex([30, 50], 40);
+     * // => 1
+     */function sortedIndex(array,value){return baseSortedIndex(array,value);}/**
+     * This method is like `_.sortedIndex` except that it accepts `iteratee`
+     * which is invoked for `value` and each element of `array` to compute their
+     * sort ranking. The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     * @example
+     *
+     * var objects = [{ 'x': 4 }, { 'x': 5 }];
+     *
+     * _.sortedIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });
+     * // => 0
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.sortedIndexBy(objects, { 'x': 4 }, 'x');
+     * // => 0
+     */function sortedIndexBy(array,value,iteratee){return baseSortedIndexBy(array,value,getIteratee(iteratee,2));}/**
+     * This method is like `_.indexOf` except that it performs a binary
+     * search on a sorted `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {*} value The value to search for.
+     * @returns {number} Returns the index of the matched value, else `-1`.
+     * @example
+     *
+     * _.sortedIndexOf([4, 5, 5, 5, 6], 5);
+     * // => 1
+     */function sortedIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value);if(index<length&&eq(array[index],value)){return index;}}return-1;}/**
+     * This method is like `_.sortedIndex` except that it returns the highest
+     * index at which `value` should be inserted into `array` in order to
+     * maintain its sort order.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     * @example
+     *
+     * _.sortedLastIndex([4, 5, 5, 5, 6], 5);
+     * // => 4
+     */function sortedLastIndex(array,value){return baseSortedIndex(array,value,true);}/**
+     * This method is like `_.sortedLastIndex` except that it accepts `iteratee`
+     * which is invoked for `value` and each element of `array` to compute their
+     * sort ranking. The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The sorted array to inspect.
+     * @param {*} value The value to evaluate.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {number} Returns the index at which `value` should be inserted
+     *  into `array`.
+     * @example
+     *
+     * var objects = [{ 'x': 4 }, { 'x': 5 }];
+     *
+     * _.sortedLastIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });
+     * // => 1
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.sortedLastIndexBy(objects, { 'x': 4 }, 'x');
+     * // => 1
+     */function sortedLastIndexBy(array,value,iteratee){return baseSortedIndexBy(array,value,getIteratee(iteratee,2),true);}/**
+     * This method is like `_.lastIndexOf` except that it performs a binary
+     * search on a sorted `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {*} value The value to search for.
+     * @returns {number} Returns the index of the matched value, else `-1`.
+     * @example
+     *
+     * _.sortedLastIndexOf([4, 5, 5, 5, 6], 5);
+     * // => 3
+     */function sortedLastIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value,true)-1;if(eq(array[index],value)){return index;}}return-1;}/**
+     * This method is like `_.uniq` except that it's designed and optimized
+     * for sorted arrays.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @returns {Array} Returns the new duplicate free array.
+     * @example
+     *
+     * _.sortedUniq([1, 1, 2]);
+     * // => [1, 2]
+     */function sortedUniq(array){return array&&array.length?baseSortedUniq(array):[];}/**
+     * This method is like `_.uniqBy` except that it's designed and optimized
+     * for sorted arrays.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {Function} [iteratee] The iteratee invoked per element.
+     * @returns {Array} Returns the new duplicate free array.
+     * @example
+     *
+     * _.sortedUniqBy([1.1, 1.2, 2.3, 2.4], Math.floor);
+     * // => [1.1, 2.3]
+     */function sortedUniqBy(array,iteratee){return array&&array.length?baseSortedUniq(array,getIteratee(iteratee,2)):[];}/**
+     * Gets all but the first element of `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.tail([1, 2, 3]);
+     * // => [2, 3]
+     */function tail(array){var length=array==null?0:array.length;return length?baseSlice(array,1,length):[];}/**
+     * Creates a slice of `array` with `n` elements taken from the beginning.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {number} [n=1] The number of elements to take.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.take([1, 2, 3]);
+     * // => [1]
+     *
+     * _.take([1, 2, 3], 2);
+     * // => [1, 2]
+     *
+     * _.take([1, 2, 3], 5);
+     * // => [1, 2, 3]
+     *
+     * _.take([1, 2, 3], 0);
+     * // => []
+     */function take(array,n,guard){if(!(array&&array.length)){return[];}n=guard||n===undefined?1:toInteger(n);return baseSlice(array,0,n<0?0:n);}/**
+     * Creates a slice of `array` with `n` elements taken from the end.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {number} [n=1] The number of elements to take.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * _.takeRight([1, 2, 3]);
+     * // => [3]
+     *
+     * _.takeRight([1, 2, 3], 2);
+     * // => [2, 3]
+     *
+     * _.takeRight([1, 2, 3], 5);
+     * // => [1, 2, 3]
+     *
+     * _.takeRight([1, 2, 3], 0);
+     * // => []
+     */function takeRight(array,n,guard){var length=array==null?0:array.length;if(!length){return[];}n=guard||n===undefined?1:toInteger(n);n=length-n;return baseSlice(array,n<0?0:n,length);}/**
+     * Creates a slice of `array` with elements taken from the end. Elements are
+     * taken until `predicate` returns falsey. The predicate is invoked with
+     * three arguments: (value, index, array).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': true },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': false }
+     * ];
+     *
+     * _.takeRightWhile(users, function(o) { return !o.active; });
+     * // => objects for ['fred', 'pebbles']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.takeRightWhile(users, { 'user': 'pebbles', 'active': false });
+     * // => objects for ['pebbles']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.takeRightWhile(users, ['active', false]);
+     * // => objects for ['fred', 'pebbles']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.takeRightWhile(users, 'active');
+     * // => []
+     */function takeRightWhile(array,predicate){return array&&array.length?baseWhile(array,getIteratee(predicate,3),false,true):[];}/**
+     * Creates a slice of `array` with elements taken from the beginning. Elements
+     * are taken until `predicate` returns falsey. The predicate is invoked with
+     * three arguments: (value, index, array).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Array
+     * @param {Array} array The array to query.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the slice of `array`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'active': false },
+     *   { 'user': 'fred',    'active': false },
+     *   { 'user': 'pebbles', 'active': true }
+     * ];
+     *
+     * _.takeWhile(users, function(o) { return !o.active; });
+     * // => objects for ['barney', 'fred']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.takeWhile(users, { 'user': 'barney', 'active': false });
+     * // => objects for ['barney']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.takeWhile(users, ['active', false]);
+     * // => objects for ['barney', 'fred']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.takeWhile(users, 'active');
+     * // => []
+     */function takeWhile(array,predicate){return array&&array.length?baseWhile(array,getIteratee(predicate,3)):[];}/**
+     * Creates an array of unique values, in order, from all given arrays using
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @returns {Array} Returns the new array of combined values.
+     * @example
+     *
+     * _.union([2], [1, 2]);
+     * // => [2, 1]
+     */var union=baseRest(function(arrays){return baseUniq(baseFlatten(arrays,1,isArrayLikeObject,true));});/**
+     * This method is like `_.union` except that it accepts `iteratee` which is
+     * invoked for each element of each `arrays` to generate the criterion by
+     * which uniqueness is computed. Result values are chosen from the first
+     * array in which the value occurs. The iteratee is invoked with one argument:
+     * (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns the new array of combined values.
+     * @example
+     *
+     * _.unionBy([2.1], [1.2, 2.3], Math.floor);
+     * // => [2.1, 1.2]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.unionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');
+     * // => [{ 'x': 1 }, { 'x': 2 }]
+     */var unionBy=baseRest(function(arrays){var iteratee=last(arrays);if(isArrayLikeObject(iteratee)){iteratee=undefined;}return baseUniq(baseFlatten(arrays,1,isArrayLikeObject,true),getIteratee(iteratee,2));});/**
+     * This method is like `_.union` except that it accepts `comparator` which
+     * is invoked to compare elements of `arrays`. Result values are chosen from
+     * the first array in which the value occurs. The comparator is invoked
+     * with two arguments: (arrVal, othVal).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of combined values.
+     * @example
+     *
+     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
+     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];
+     *
+     * _.unionWith(objects, others, _.isEqual);
+     * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]
+     */var unionWith=baseRest(function(arrays){var comparator=last(arrays);comparator=typeof comparator=='function'?comparator:undefined;return baseUniq(baseFlatten(arrays,1,isArrayLikeObject,true),undefined,comparator);});/**
+     * Creates a duplicate-free version of an array, using
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons, in which only the first occurrence of each element
+     * is kept. The order of result values is determined by the order they occur
+     * in the array.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @returns {Array} Returns the new duplicate free array.
+     * @example
+     *
+     * _.uniq([2, 1, 2]);
+     * // => [2, 1]
+     */function uniq(array){return array&&array.length?baseUniq(array):[];}/**
+     * This method is like `_.uniq` except that it accepts `iteratee` which is
+     * invoked for each element in `array` to generate the criterion by which
+     * uniqueness is computed. The order of result values is determined by the
+     * order they occur in the array. The iteratee is invoked with one argument:
+     * (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns the new duplicate free array.
+     * @example
+     *
+     * _.uniqBy([2.1, 1.2, 2.3], Math.floor);
+     * // => [2.1, 1.2]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
+     * // => [{ 'x': 1 }, { 'x': 2 }]
+     */function uniqBy(array,iteratee){return array&&array.length?baseUniq(array,getIteratee(iteratee,2)):[];}/**
+     * This method is like `_.uniq` except that it accepts `comparator` which
+     * is invoked to compare elements of `array`. The order of result values is
+     * determined by the order they occur in the array.The comparator is invoked
+     * with two arguments: (arrVal, othVal).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new duplicate free array.
+     * @example
+     *
+     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];
+     *
+     * _.uniqWith(objects, _.isEqual);
+     * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]
+     */function uniqWith(array,comparator){comparator=typeof comparator=='function'?comparator:undefined;return array&&array.length?baseUniq(array,undefined,comparator):[];}/**
+     * This method is like `_.zip` except that it accepts an array of grouped
+     * elements and creates an array regrouping the elements to their pre-zip
+     * configuration.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.2.0
+     * @category Array
+     * @param {Array} array The array of grouped elements to process.
+     * @returns {Array} Returns the new array of regrouped elements.
+     * @example
+     *
+     * var zipped = _.zip(['a', 'b'], [1, 2], [true, false]);
+     * // => [['a', 1, true], ['b', 2, false]]
+     *
+     * _.unzip(zipped);
+     * // => [['a', 'b'], [1, 2], [true, false]]
+     */function unzip(array){if(!(array&&array.length)){return[];}var length=0;array=arrayFilter(array,function(group){if(isArrayLikeObject(group)){length=nativeMax(group.length,length);return true;}});return baseTimes(length,function(index){return arrayMap(array,baseProperty(index));});}/**
+     * This method is like `_.unzip` except that it accepts `iteratee` to specify
+     * how regrouped values should be combined. The iteratee is invoked with the
+     * elements of each group: (...group).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.8.0
+     * @category Array
+     * @param {Array} array The array of grouped elements to process.
+     * @param {Function} [iteratee=_.identity] The function to combine
+     *  regrouped values.
+     * @returns {Array} Returns the new array of regrouped elements.
+     * @example
+     *
+     * var zipped = _.zip([1, 2], [10, 20], [100, 200]);
+     * // => [[1, 10, 100], [2, 20, 200]]
+     *
+     * _.unzipWith(zipped, _.add);
+     * // => [3, 30, 300]
+     */function unzipWith(array,iteratee){if(!(array&&array.length)){return[];}var result=unzip(array);if(iteratee==null){return result;}return arrayMap(result,function(group){return apply(iteratee,undefined,group);});}/**
+     * Creates an array excluding all given values using
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * for equality comparisons.
+     *
+     * **Note:** Unlike `_.pull`, this method returns a new array.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {Array} array The array to inspect.
+     * @param {...*} [values] The values to exclude.
+     * @returns {Array} Returns the new array of filtered values.
+     * @see _.difference, _.xor
+     * @example
+     *
+     * _.without([2, 1, 2, 3], 1, 2);
+     * // => [3]
+     */var without=baseRest(function(array,values){return isArrayLikeObject(array)?baseDifference(array,values):[];});/**
+     * Creates an array of unique values that is the
+     * [symmetric difference](https://en.wikipedia.org/wiki/Symmetric_difference)
+     * of the given arrays. The order of result values is determined by the order
+     * they occur in the arrays.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @returns {Array} Returns the new array of filtered values.
+     * @see _.difference, _.without
+     * @example
+     *
+     * _.xor([2, 1], [2, 3]);
+     * // => [1, 3]
+     */var xor=baseRest(function(arrays){return baseXor(arrayFilter(arrays,isArrayLikeObject));});/**
+     * This method is like `_.xor` except that it accepts `iteratee` which is
+     * invoked for each element of each `arrays` to generate the criterion by
+     * which by which they're compared. The order of result values is determined
+     * by the order they occur in the arrays. The iteratee is invoked with one
+     * argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Array} Returns the new array of filtered values.
+     * @example
+     *
+     * _.xorBy([2.1, 1.2], [2.3, 3.4], Math.floor);
+     * // => [1.2, 3.4]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.xorBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');
+     * // => [{ 'x': 2 }]
+     */var xorBy=baseRest(function(arrays){var iteratee=last(arrays);if(isArrayLikeObject(iteratee)){iteratee=undefined;}return baseXor(arrayFilter(arrays,isArrayLikeObject),getIteratee(iteratee,2));});/**
+     * This method is like `_.xor` except that it accepts `comparator` which is
+     * invoked to compare elements of `arrays`. The order of result values is
+     * determined by the order they occur in the arrays. The comparator is invoked
+     * with two arguments: (arrVal, othVal).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to inspect.
+     * @param {Function} [comparator] The comparator invoked per element.
+     * @returns {Array} Returns the new array of filtered values.
+     * @example
+     *
+     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
+     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];
+     *
+     * _.xorWith(objects, others, _.isEqual);
+     * // => [{ 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]
+     */var xorWith=baseRest(function(arrays){var comparator=last(arrays);comparator=typeof comparator=='function'?comparator:undefined;return baseXor(arrayFilter(arrays,isArrayLikeObject),undefined,comparator);});/**
+     * Creates an array of grouped elements, the first of which contains the
+     * first elements of the given arrays, the second of which contains the
+     * second elements of the given arrays, and so on.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to process.
+     * @returns {Array} Returns the new array of grouped elements.
+     * @example
+     *
+     * _.zip(['a', 'b'], [1, 2], [true, false]);
+     * // => [['a', 1, true], ['b', 2, false]]
+     */var zip=baseRest(unzip);/**
+     * This method is like `_.fromPairs` except that it accepts two arrays,
+     * one of property identifiers and one of corresponding values.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.4.0
+     * @category Array
+     * @param {Array} [props=[]] The property identifiers.
+     * @param {Array} [values=[]] The property values.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * _.zipObject(['a', 'b'], [1, 2]);
+     * // => { 'a': 1, 'b': 2 }
+     */function zipObject(props,values){return baseZipObject(props||[],values||[],assignValue);}/**
+     * This method is like `_.zipObject` except that it supports property paths.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.1.0
+     * @category Array
+     * @param {Array} [props=[]] The property identifiers.
+     * @param {Array} [values=[]] The property values.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * _.zipObjectDeep(['a.b[0].c', 'a.b[1].d'], [1, 2]);
+     * // => { 'a': { 'b': [{ 'c': 1 }, { 'd': 2 }] } }
+     */function zipObjectDeep(props,values){return baseZipObject(props||[],values||[],baseSet);}/**
+     * This method is like `_.zip` except that it accepts `iteratee` to specify
+     * how grouped values should be combined. The iteratee is invoked with the
+     * elements of each group: (...group).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.8.0
+     * @category Array
+     * @param {...Array} [arrays] The arrays to process.
+     * @param {Function} [iteratee=_.identity] The function to combine
+     *  grouped values.
+     * @returns {Array} Returns the new array of grouped elements.
+     * @example
+     *
+     * _.zipWith([1, 2], [10, 20], [100, 200], function(a, b, c) {
+     *   return a + b + c;
+     * });
+     * // => [111, 222]
+     */var zipWith=baseRest(function(arrays){var length=arrays.length,iteratee=length>1?arrays[length-1]:undefined;iteratee=typeof iteratee=='function'?(arrays.pop(),iteratee):undefined;return unzipWith(arrays,iteratee);});/*------------------------------------------------------------------------*/ /**
+     * Creates a `lodash` wrapper instance that wraps `value` with explicit method
+     * chain sequences enabled. The result of such sequences must be unwrapped
+     * with `_#value`.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.3.0
+     * @category Seq
+     * @param {*} value The value to wrap.
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'age': 36 },
+     *   { 'user': 'fred',    'age': 40 },
+     *   { 'user': 'pebbles', 'age': 1 }
+     * ];
+     *
+     * var youngest = _
+     *   .chain(users)
+     *   .sortBy('age')
+     *   .map(function(o) {
+     *     return o.user + ' is ' + o.age;
+     *   })
+     *   .head()
+     *   .value();
+     * // => 'pebbles is 1'
+     */function chain(value){var result=lodash(value);result.__chain__=true;return result;}/**
+     * This method invokes `interceptor` and returns `value`. The interceptor
+     * is invoked with one argument; (value). The purpose of this method is to
+     * "tap into" a method chain sequence in order to modify intermediate results.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Seq
+     * @param {*} value The value to provide to `interceptor`.
+     * @param {Function} interceptor The function to invoke.
+     * @returns {*} Returns `value`.
+     * @example
+     *
+     * _([1, 2, 3])
+     *  .tap(function(array) {
+     *    // Mutate input array.
+     *    array.pop();
+     *  })
+     *  .reverse()
+     *  .value();
+     * // => [2, 1]
+     */function tap(value,interceptor){interceptor(value);return value;}/**
+     * This method is like `_.tap` except that it returns the result of `interceptor`.
+     * The purpose of this method is to "pass thru" values replacing intermediate
+     * results in a method chain sequence.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Seq
+     * @param {*} value The value to provide to `interceptor`.
+     * @param {Function} interceptor The function to invoke.
+     * @returns {*} Returns the result of `interceptor`.
+     * @example
+     *
+     * _('  abc  ')
+     *  .chain()
+     *  .trim()
+     *  .thru(function(value) {
+     *    return [value];
+     *  })
+     *  .value();
+     * // => ['abc']
+     */function thru(value,interceptor){return interceptor(value);}/**
+     * This method is the wrapper version of `_.at`.
+     *
+     * @name at
+     * @memberOf _
+     * @since 1.0.0
+     * @category Seq
+     * @param {...(string|string[])} [paths] The property paths to pick.
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };
+     *
+     * _(object).at(['a[0].b.c', 'a[1]']).value();
+     * // => [3, 4]
+     */var wrapperAt=flatRest(function(paths){var length=paths.length,start=length?paths[0]:0,value=this.__wrapped__,interceptor=function(object){return baseAt(object,paths);};if(length>1||this.__actions__.length||!(value instanceof LazyWrapper)||!isIndex(start)){return this.thru(interceptor);}value=value.slice(start,+start+(length?1:0));value.__actions__.push({'func':thru,'args':[interceptor],'thisArg':undefined});return new LodashWrapper(value,this.__chain__).thru(function(array){if(length&&!array.length){array.push(undefined);}return array;});});/**
+     * Creates a `lodash` wrapper instance with explicit method chain sequences enabled.
+     *
+     * @name chain
+     * @memberOf _
+     * @since 0.1.0
+     * @category Seq
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney', 'age': 36 },
+     *   { 'user': 'fred',   'age': 40 }
+     * ];
+     *
+     * // A sequence without explicit chaining.
+     * _(users).head();
+     * // => { 'user': 'barney', 'age': 36 }
+     *
+     * // A sequence with explicit chaining.
+     * _(users)
+     *   .chain()
+     *   .head()
+     *   .pick('user')
+     *   .value();
+     * // => { 'user': 'barney' }
+     */function wrapperChain(){return chain(this);}/**
+     * Executes the chain sequence and returns the wrapped result.
+     *
+     * @name commit
+     * @memberOf _
+     * @since 3.2.0
+     * @category Seq
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * var array = [1, 2];
+     * var wrapped = _(array).push(3);
+     *
+     * console.log(array);
+     * // => [1, 2]
+     *
+     * wrapped = wrapped.commit();
+     * console.log(array);
+     * // => [1, 2, 3]
+     *
+     * wrapped.last();
+     * // => 3
+     *
+     * console.log(array);
+     * // => [1, 2, 3]
+     */function wrapperCommit(){return new LodashWrapper(this.value(),this.__chain__);}/**
+     * Gets the next value on a wrapped object following the
+     * [iterator protocol](https://mdn.io/iteration_protocols#iterator).
+     *
+     * @name next
+     * @memberOf _
+     * @since 4.0.0
+     * @category Seq
+     * @returns {Object} Returns the next iterator value.
+     * @example
+     *
+     * var wrapped = _([1, 2]);
+     *
+     * wrapped.next();
+     * // => { 'done': false, 'value': 1 }
+     *
+     * wrapped.next();
+     * // => { 'done': false, 'value': 2 }
+     *
+     * wrapped.next();
+     * // => { 'done': true, 'value': undefined }
+     */function wrapperNext(){if(this.__values__===undefined){this.__values__=toArray(this.value());}var done=this.__index__>=this.__values__.length,value=done?undefined:this.__values__[this.__index__++];return{'done':done,'value':value};}/**
+     * Enables the wrapper to be iterable.
+     *
+     * @name Symbol.iterator
+     * @memberOf _
+     * @since 4.0.0
+     * @category Seq
+     * @returns {Object} Returns the wrapper object.
+     * @example
+     *
+     * var wrapped = _([1, 2]);
+     *
+     * wrapped[Symbol.iterator]() === wrapped;
+     * // => true
+     *
+     * Array.from(wrapped);
+     * // => [1, 2]
+     */function wrapperToIterator(){return this;}/**
+     * Creates a clone of the chain sequence planting `value` as the wrapped value.
+     *
+     * @name plant
+     * @memberOf _
+     * @since 3.2.0
+     * @category Seq
+     * @param {*} value The value to plant.
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * var wrapped = _([1, 2]).map(square);
+     * var other = wrapped.plant([3, 4]);
+     *
+     * other.value();
+     * // => [9, 16]
+     *
+     * wrapped.value();
+     * // => [1, 4]
+     */function wrapperPlant(value){var result,parent=this;while(parent instanceof baseLodash){var clone=wrapperClone(parent);clone.__index__=0;clone.__values__=undefined;if(result){previous.__wrapped__=clone;}else{result=clone;}var previous=clone;parent=parent.__wrapped__;}previous.__wrapped__=value;return result;}/**
+     * This method is the wrapper version of `_.reverse`.
+     *
+     * **Note:** This method mutates the wrapped array.
+     *
+     * @name reverse
+     * @memberOf _
+     * @since 0.1.0
+     * @category Seq
+     * @returns {Object} Returns the new `lodash` wrapper instance.
+     * @example
+     *
+     * var array = [1, 2, 3];
+     *
+     * _(array).reverse().value()
+     * // => [3, 2, 1]
+     *
+     * console.log(array);
+     * // => [3, 2, 1]
+     */function wrapperReverse(){var value=this.__wrapped__;if(value instanceof LazyWrapper){var wrapped=value;if(this.__actions__.length){wrapped=new LazyWrapper(this);}wrapped=wrapped.reverse();wrapped.__actions__.push({'func':thru,'args':[reverse],'thisArg':undefined});return new LodashWrapper(wrapped,this.__chain__);}return this.thru(reverse);}/**
+     * Executes the chain sequence to resolve the unwrapped value.
+     *
+     * @name value
+     * @memberOf _
+     * @since 0.1.0
+     * @alias toJSON, valueOf
+     * @category Seq
+     * @returns {*} Returns the resolved unwrapped value.
+     * @example
+     *
+     * _([1, 2, 3]).value();
+     * // => [1, 2, 3]
+     */function wrapperValue(){return baseWrapperValue(this.__wrapped__,this.__actions__);}/*------------------------------------------------------------------------*/ /**
+     * Creates an object composed of keys generated from the results of running
+     * each element of `collection` thru `iteratee`. The corresponding value of
+     * each key is the number of times the key was returned by `iteratee`. The
+     * iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.5.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+     * @returns {Object} Returns the composed aggregate object.
+     * @example
+     *
+     * _.countBy([6.1, 4.2, 6.3], Math.floor);
+     * // => { '4': 1, '6': 2 }
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.countBy(['one', 'two', 'three'], 'length');
+     * // => { '3': 2, '5': 1 }
+     */var countBy=createAggregator(function(result,value,key){if(hasOwnProperty.call(result,key)){++result[key];}else{baseAssignValue(result,key,1);}});/**
+     * Checks if `predicate` returns truthy for **all** elements of `collection`.
+     * Iteration is stopped once `predicate` returns falsey. The predicate is
+     * invoked with three arguments: (value, index|key, collection).
+     *
+     * **Note:** This method returns `true` for
+     * [empty collections](https://en.wikipedia.org/wiki/Empty_set) because
+     * [everything is true](https://en.wikipedia.org/wiki/Vacuous_truth) of
+     * elements of empty collections.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {boolean} Returns `true` if all elements pass the predicate check,
+     *  else `false`.
+     * @example
+     *
+     * _.every([true, 1, null, 'yes'], Boolean);
+     * // => false
+     *
+     * var users = [
+     *   { 'user': 'barney', 'age': 36, 'active': false },
+     *   { 'user': 'fred',   'age': 40, 'active': false }
+     * ];
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.every(users, { 'user': 'barney', 'active': false });
+     * // => false
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.every(users, ['active', false]);
+     * // => true
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.every(users, 'active');
+     * // => false
+     */function every(collection,predicate,guard){var func=isArray(collection)?arrayEvery:baseEvery;if(guard&&isIterateeCall(collection,predicate,guard)){predicate=undefined;}return func(collection,getIteratee(predicate,3));}/**
+     * Iterates over elements of `collection`, returning an array of all elements
+     * `predicate` returns truthy for. The predicate is invoked with three
+     * arguments: (value, index|key, collection).
+     *
+     * **Note:** Unlike `_.remove`, this method returns a new array.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new filtered array.
+     * @see _.reject
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney', 'age': 36, 'active': true },
+     *   { 'user': 'fred',   'age': 40, 'active': false }
+     * ];
+     *
+     * _.filter(users, function(o) { return !o.active; });
+     * // => objects for ['fred']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.filter(users, { 'age': 36, 'active': true });
+     * // => objects for ['barney']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.filter(users, ['active', false]);
+     * // => objects for ['fred']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.filter(users, 'active');
+     * // => objects for ['barney']
+     *
+     * // Combining several predicates using `_.overEvery` or `_.overSome`.
+     * _.filter(users, _.overSome([{ 'age': 36 }, ['age', 40]]));
+     * // => objects for ['fred', 'barney']
+     */function filter(collection,predicate){var func=isArray(collection)?arrayFilter:baseFilter;return func(collection,getIteratee(predicate,3));}/**
+     * Iterates over elements of `collection`, returning the first element
+     * `predicate` returns truthy for. The predicate is invoked with three
+     * arguments: (value, index|key, collection).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param {number} [fromIndex=0] The index to search from.
+     * @returns {*} Returns the matched element, else `undefined`.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'age': 36, 'active': true },
+     *   { 'user': 'fred',    'age': 40, 'active': false },
+     *   { 'user': 'pebbles', 'age': 1,  'active': true }
+     * ];
+     *
+     * _.find(users, function(o) { return o.age < 40; });
+     * // => object for 'barney'
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.find(users, { 'age': 1, 'active': true });
+     * // => object for 'pebbles'
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.find(users, ['active', false]);
+     * // => object for 'fred'
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.find(users, 'active');
+     * // => object for 'barney'
+     */var find=createFind(findIndex);/**
+     * This method is like `_.find` except that it iterates over elements of
+     * `collection` from right to left.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param {number} [fromIndex=collection.length-1] The index to search from.
+     * @returns {*} Returns the matched element, else `undefined`.
+     * @example
+     *
+     * _.findLast([1, 2, 3, 4], function(n) {
+     *   return n % 2 == 1;
+     * });
+     * // => 3
+     */var findLast=createFind(findLastIndex);/**
+     * Creates a flattened array of values by running each element in `collection`
+     * thru `iteratee` and flattening the mapped results. The iteratee is invoked
+     * with three arguments: (value, index|key, collection).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * function duplicate(n) {
+     *   return [n, n];
+     * }
+     *
+     * _.flatMap([1, 2], duplicate);
+     * // => [1, 1, 2, 2]
+     */function flatMap(collection,iteratee){return baseFlatten(map(collection,iteratee),1);}/**
+     * This method is like `_.flatMap` except that it recursively flattens the
+     * mapped results.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.7.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * function duplicate(n) {
+     *   return [[[n, n]]];
+     * }
+     *
+     * _.flatMapDeep([1, 2], duplicate);
+     * // => [1, 1, 2, 2]
+     */function flatMapDeep(collection,iteratee){return baseFlatten(map(collection,iteratee),INFINITY);}/**
+     * This method is like `_.flatMap` except that it recursively flattens the
+     * mapped results up to `depth` times.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.7.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @param {number} [depth=1] The maximum recursion depth.
+     * @returns {Array} Returns the new flattened array.
+     * @example
+     *
+     * function duplicate(n) {
+     *   return [[[n, n]]];
+     * }
+     *
+     * _.flatMapDepth([1, 2], duplicate, 2);
+     * // => [[1, 1], [2, 2]]
+     */function flatMapDepth(collection,iteratee,depth){depth=depth===undefined?1:toInteger(depth);return baseFlatten(map(collection,iteratee),depth);}/**
+     * Iterates over elements of `collection` and invokes `iteratee` for each element.
+     * The iteratee is invoked with three arguments: (value, index|key, collection).
+     * Iteratee functions may exit iteration early by explicitly returning `false`.
+     *
+     * **Note:** As with other "Collections" methods, objects with a "length"
+     * property are iterated like arrays. To avoid this behavior use `_.forIn`
+     * or `_.forOwn` for object iteration.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @alias each
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array|Object} Returns `collection`.
+     * @see _.forEachRight
+     * @example
+     *
+     * _.forEach([1, 2], function(value) {
+     *   console.log(value);
+     * });
+     * // => Logs `1` then `2`.
+     *
+     * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
+     *   console.log(key);
+     * });
+     * // => Logs 'a' then 'b' (iteration order is not guaranteed).
+     */function forEach(collection,iteratee){var func=isArray(collection)?arrayEach:baseEach;return func(collection,getIteratee(iteratee,3));}/**
+     * This method is like `_.forEach` except that it iterates over elements of
+     * `collection` from right to left.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @alias eachRight
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array|Object} Returns `collection`.
+     * @see _.forEach
+     * @example
+     *
+     * _.forEachRight([1, 2], function(value) {
+     *   console.log(value);
+     * });
+     * // => Logs `2` then `1`.
+     */function forEachRight(collection,iteratee){var func=isArray(collection)?arrayEachRight:baseEachRight;return func(collection,getIteratee(iteratee,3));}/**
+     * Creates an object composed of keys generated from the results of running
+     * each element of `collection` thru `iteratee`. The order of grouped values
+     * is determined by the order they occur in `collection`. The corresponding
+     * value of each key is an array of elements responsible for generating the
+     * key. The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+     * @returns {Object} Returns the composed aggregate object.
+     * @example
+     *
+     * _.groupBy([6.1, 4.2, 6.3], Math.floor);
+     * // => { '4': [4.2], '6': [6.1, 6.3] }
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.groupBy(['one', 'two', 'three'], 'length');
+     * // => { '3': ['one', 'two'], '5': ['three'] }
+     */var groupBy=createAggregator(function(result,value,key){if(hasOwnProperty.call(result,key)){result[key].push(value);}else{baseAssignValue(result,key,[value]);}});/**
+     * Checks if `value` is in `collection`. If `collection` is a string, it's
+     * checked for a substring of `value`, otherwise
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * is used for equality comparisons. If `fromIndex` is negative, it's used as
+     * the offset from the end of `collection`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object|string} collection The collection to inspect.
+     * @param {*} value The value to search for.
+     * @param {number} [fromIndex=0] The index to search from.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.
+     * @returns {boolean} Returns `true` if `value` is found, else `false`.
+     * @example
+     *
+     * _.includes([1, 2, 3], 1);
+     * // => true
+     *
+     * _.includes([1, 2, 3], 1, 2);
+     * // => false
+     *
+     * _.includes({ 'a': 1, 'b': 2 }, 1);
+     * // => true
+     *
+     * _.includes('abcd', 'bc');
+     * // => true
+     */function includes(collection,value,fromIndex,guard){collection=isArrayLike(collection)?collection:values(collection);fromIndex=fromIndex&&!guard?toInteger(fromIndex):0;var length=collection.length;if(fromIndex<0){fromIndex=nativeMax(length+fromIndex,0);}return isString(collection)?fromIndex<=length&&collection.indexOf(value,fromIndex)>-1:!!length&&baseIndexOf(collection,value,fromIndex)>-1;}/**
+     * Invokes the method at `path` of each element in `collection`, returning
+     * an array of the results of each invoked method. Any additional arguments
+     * are provided to each invoked method. If `path` is a function, it's invoked
+     * for, and `this` bound to, each element in `collection`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Array|Function|string} path The path of the method to invoke or
+     *  the function invoked per iteration.
+     * @param {...*} [args] The arguments to invoke each method with.
+     * @returns {Array} Returns the array of results.
+     * @example
+     *
+     * _.invokeMap([[5, 1, 7], [3, 2, 1]], 'sort');
+     * // => [[1, 5, 7], [1, 2, 3]]
+     *
+     * _.invokeMap([123, 456], String.prototype.split, '');
+     * // => [['1', '2', '3'], ['4', '5', '6']]
+     */var invokeMap=baseRest(function(collection,path,args){var index=-1,isFunc=typeof path=='function',result=isArrayLike(collection)?Array(collection.length):[];baseEach(collection,function(value){result[++index]=isFunc?apply(path,value,args):baseInvoke(value,path,args);});return result;});/**
+     * Creates an object composed of keys generated from the results of running
+     * each element of `collection` thru `iteratee`. The corresponding value of
+     * each key is the last element responsible for generating the key. The
+     * iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+     * @returns {Object} Returns the composed aggregate object.
+     * @example
+     *
+     * var array = [
+     *   { 'dir': 'left', 'code': 97 },
+     *   { 'dir': 'right', 'code': 100 }
+     * ];
+     *
+     * _.keyBy(array, function(o) {
+     *   return String.fromCharCode(o.code);
+     * });
+     * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }
+     *
+     * _.keyBy(array, 'dir');
+     * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }
+     */var keyBy=createAggregator(function(result,value,key){baseAssignValue(result,key,value);});/**
+     * Creates an array of values by running each element in `collection` thru
+     * `iteratee`. The iteratee is invoked with three arguments:
+     * (value, index|key, collection).
+     *
+     * Many lodash methods are guarded to work as iteratees for methods like
+     * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.
+     *
+     * The guarded methods are:
+     * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,
+     * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,
+     * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,
+     * `template`, `trim`, `trimEnd`, `trimStart`, and `words`
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new mapped array.
+     * @example
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * _.map([4, 8], square);
+     * // => [16, 64]
+     *
+     * _.map({ 'a': 4, 'b': 8 }, square);
+     * // => [16, 64] (iteration order is not guaranteed)
+     *
+     * var users = [
+     *   { 'user': 'barney' },
+     *   { 'user': 'fred' }
+     * ];
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.map(users, 'user');
+     * // => ['barney', 'fred']
+     */function map(collection,iteratee){var func=isArray(collection)?arrayMap:baseMap;return func(collection,getIteratee(iteratee,3));}/**
+     * This method is like `_.sortBy` except that it allows specifying the sort
+     * orders of the iteratees to sort by. If `orders` is unspecified, all values
+     * are sorted in ascending order. Otherwise, specify an order of "desc" for
+     * descending or "asc" for ascending sort order of corresponding values.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Array[]|Function[]|Object[]|string[]} [iteratees=[_.identity]]
+     *  The iteratees to sort by.
+     * @param {string[]} [orders] The sort orders of `iteratees`.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.
+     * @returns {Array} Returns the new sorted array.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'fred',   'age': 48 },
+     *   { 'user': 'barney', 'age': 34 },
+     *   { 'user': 'fred',   'age': 40 },
+     *   { 'user': 'barney', 'age': 36 }
+     * ];
+     *
+     * // Sort by `user` in ascending order and by `age` in descending order.
+     * _.orderBy(users, ['user', 'age'], ['asc', 'desc']);
+     * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]]
+     */function orderBy(collection,iteratees,orders,guard){if(collection==null){return[];}if(!isArray(iteratees)){iteratees=iteratees==null?[]:[iteratees];}orders=guard?undefined:orders;if(!isArray(orders)){orders=orders==null?[]:[orders];}return baseOrderBy(collection,iteratees,orders);}/**
+     * Creates an array of elements split into two groups, the first of which
+     * contains elements `predicate` returns truthy for, the second of which
+     * contains elements `predicate` returns falsey for. The predicate is
+     * invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the array of grouped elements.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney',  'age': 36, 'active': false },
+     *   { 'user': 'fred',    'age': 40, 'active': true },
+     *   { 'user': 'pebbles', 'age': 1,  'active': false }
+     * ];
+     *
+     * _.partition(users, function(o) { return o.active; });
+     * // => objects for [['fred'], ['barney', 'pebbles']]
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.partition(users, { 'age': 1, 'active': false });
+     * // => objects for [['pebbles'], ['barney', 'fred']]
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.partition(users, ['active', false]);
+     * // => objects for [['barney', 'pebbles'], ['fred']]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.partition(users, 'active');
+     * // => objects for [['fred'], ['barney', 'pebbles']]
+     */var partition=createAggregator(function(result,value,key){result[key?0:1].push(value);},function(){return[[],[]];});/**
+     * Reduces `collection` to a value which is the accumulated result of running
+     * each element in `collection` thru `iteratee`, where each successive
+     * invocation is supplied the return value of the previous. If `accumulator`
+     * is not given, the first element of `collection` is used as the initial
+     * value. The iteratee is invoked with four arguments:
+     * (accumulator, value, index|key, collection).
+     *
+     * Many lodash methods are guarded to work as iteratees for methods like
+     * `_.reduce`, `_.reduceRight`, and `_.transform`.
+     *
+     * The guarded methods are:
+     * `assign`, `defaults`, `defaultsDeep`, `includes`, `merge`, `orderBy`,
+     * and `sortBy`
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @param {*} [accumulator] The initial value.
+     * @returns {*} Returns the accumulated value.
+     * @see _.reduceRight
+     * @example
+     *
+     * _.reduce([1, 2], function(sum, n) {
+     *   return sum + n;
+     * }, 0);
+     * // => 3
+     *
+     * _.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {
+     *   (result[value] || (result[value] = [])).push(key);
+     *   return result;
+     * }, {});
+     * // => { '1': ['a', 'c'], '2': ['b'] } (iteration order is not guaranteed)
+     */function reduce(collection,iteratee,accumulator){var func=isArray(collection)?arrayReduce:baseReduce,initAccum=arguments.length<3;return func(collection,getIteratee(iteratee,4),accumulator,initAccum,baseEach);}/**
+     * This method is like `_.reduce` except that it iterates over elements of
+     * `collection` from right to left.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @param {*} [accumulator] The initial value.
+     * @returns {*} Returns the accumulated value.
+     * @see _.reduce
+     * @example
+     *
+     * var array = [[0, 1], [2, 3], [4, 5]];
+     *
+     * _.reduceRight(array, function(flattened, other) {
+     *   return flattened.concat(other);
+     * }, []);
+     * // => [4, 5, 2, 3, 0, 1]
+     */function reduceRight(collection,iteratee,accumulator){var func=isArray(collection)?arrayReduceRight:baseReduce,initAccum=arguments.length<3;return func(collection,getIteratee(iteratee,4),accumulator,initAccum,baseEachRight);}/**
+     * The opposite of `_.filter`; this method returns the elements of `collection`
+     * that `predicate` does **not** return truthy for.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the new filtered array.
+     * @see _.filter
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney', 'age': 36, 'active': false },
+     *   { 'user': 'fred',   'age': 40, 'active': true }
+     * ];
+     *
+     * _.reject(users, function(o) { return !o.active; });
+     * // => objects for ['fred']
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.reject(users, { 'age': 40, 'active': true });
+     * // => objects for ['barney']
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.reject(users, ['active', false]);
+     * // => objects for ['fred']
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.reject(users, 'active');
+     * // => objects for ['barney']
+     */function reject(collection,predicate){var func=isArray(collection)?arrayFilter:baseFilter;return func(collection,negate(getIteratee(predicate,3)));}/**
+     * Gets a random element from `collection`.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to sample.
+     * @returns {*} Returns the random element.
+     * @example
+     *
+     * _.sample([1, 2, 3, 4]);
+     * // => 2
+     */function sample(collection){var func=isArray(collection)?arraySample:baseSample;return func(collection);}/**
+     * Gets `n` random elements at unique keys from `collection` up to the
+     * size of `collection`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to sample.
+     * @param {number} [n=1] The number of elements to sample.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the random elements.
+     * @example
+     *
+     * _.sampleSize([1, 2, 3], 2);
+     * // => [3, 1]
+     *
+     * _.sampleSize([1, 2, 3], 4);
+     * // => [2, 3, 1]
+     */function sampleSize(collection,n,guard){if(guard?isIterateeCall(collection,n,guard):n===undefined){n=1;}else{n=toInteger(n);}var func=isArray(collection)?arraySampleSize:baseSampleSize;return func(collection,n);}/**
+     * Creates an array of shuffled values, using a version of the
+     * [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher-Yates_shuffle).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to shuffle.
+     * @returns {Array} Returns the new shuffled array.
+     * @example
+     *
+     * _.shuffle([1, 2, 3, 4]);
+     * // => [4, 1, 3, 2]
+     */function shuffle(collection){var func=isArray(collection)?arrayShuffle:baseShuffle;return func(collection);}/**
+     * Gets the size of `collection` by returning its length for array-like
+     * values or the number of own enumerable string keyed properties for objects.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object|string} collection The collection to inspect.
+     * @returns {number} Returns the collection size.
+     * @example
+     *
+     * _.size([1, 2, 3]);
+     * // => 3
+     *
+     * _.size({ 'a': 1, 'b': 2 });
+     * // => 2
+     *
+     * _.size('pebbles');
+     * // => 7
+     */function size(collection){if(collection==null){return 0;}if(isArrayLike(collection)){return isString(collection)?stringSize(collection):collection.length;}var tag=getTag(collection);if(tag==mapTag||tag==setTag){return collection.size;}return baseKeys(collection).length;}/**
+     * Checks if `predicate` returns truthy for **any** element of `collection`.
+     * Iteration is stopped once `predicate` returns truthy. The predicate is
+     * invoked with three arguments: (value, index|key, collection).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {boolean} Returns `true` if any element passes the predicate check,
+     *  else `false`.
+     * @example
+     *
+     * _.some([null, 0, 'yes', false], Boolean);
+     * // => true
+     *
+     * var users = [
+     *   { 'user': 'barney', 'active': true },
+     *   { 'user': 'fred',   'active': false }
+     * ];
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.some(users, { 'user': 'barney', 'active': false });
+     * // => false
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.some(users, ['active', false]);
+     * // => true
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.some(users, 'active');
+     * // => true
+     */function some(collection,predicate,guard){var func=isArray(collection)?arraySome:baseSome;if(guard&&isIterateeCall(collection,predicate,guard)){predicate=undefined;}return func(collection,getIteratee(predicate,3));}/**
+     * Creates an array of elements, sorted in ascending order by the results of
+     * running each element in a collection thru each iteratee. This method
+     * performs a stable sort, that is, it preserves the original sort order of
+     * equal elements. The iteratees are invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Collection
+     * @param {Array|Object} collection The collection to iterate over.
+     * @param {...(Function|Function[])} [iteratees=[_.identity]]
+     *  The iteratees to sort by.
+     * @returns {Array} Returns the new sorted array.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'fred',   'age': 48 },
+     *   { 'user': 'barney', 'age': 36 },
+     *   { 'user': 'fred',   'age': 30 },
+     *   { 'user': 'barney', 'age': 34 }
+     * ];
+     *
+     * _.sortBy(users, [function(o) { return o.user; }]);
+     * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 30]]
+     *
+     * _.sortBy(users, ['user', 'age']);
+     * // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]]
+     */var sortBy=baseRest(function(collection,iteratees){if(collection==null){return[];}var length=iteratees.length;if(length>1&&isIterateeCall(collection,iteratees[0],iteratees[1])){iteratees=[];}else if(length>2&&isIterateeCall(iteratees[0],iteratees[1],iteratees[2])){iteratees=[iteratees[0]];}return baseOrderBy(collection,baseFlatten(iteratees,1),[]);});/*------------------------------------------------------------------------*/ /**
+     * Gets the timestamp of the number of milliseconds that have elapsed since
+     * the Unix epoch (1 January 1970 00:00:00 UTC).
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Date
+     * @returns {number} Returns the timestamp.
+     * @example
+     *
+     * _.defer(function(stamp) {
+     *   console.log(_.now() - stamp);
+     * }, _.now());
+     * // => Logs the number of milliseconds it took for the deferred invocation.
+     */var now=ctxNow||function(){return root.Date.now();};/*------------------------------------------------------------------------*/ /**
+     * The opposite of `_.before`; this method creates a function that invokes
+     * `func` once it's called `n` or more times.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {number} n The number of calls before `func` is invoked.
+     * @param {Function} func The function to restrict.
+     * @returns {Function} Returns the new restricted function.
+     * @example
+     *
+     * var saves = ['profile', 'settings'];
+     *
+     * var done = _.after(saves.length, function() {
+     *   console.log('done saving!');
+     * });
+     *
+     * _.forEach(saves, function(type) {
+     *   asyncSave({ 'type': type, 'complete': done });
+     * });
+     * // => Logs 'done saving!' after the two async saves have completed.
+     */function after(n,func){if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}n=toInteger(n);return function(){if(--n<1){return func.apply(this,arguments);}};}/**
+     * Creates a function that invokes `func`, with up to `n` arguments,
+     * ignoring any additional arguments.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Function
+     * @param {Function} func The function to cap arguments for.
+     * @param {number} [n=func.length] The arity cap.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Function} Returns the new capped function.
+     * @example
+     *
+     * _.map(['6', '8', '10'], _.ary(parseInt, 1));
+     * // => [6, 8, 10]
+     */function ary(func,n,guard){n=guard?undefined:n;n=func&&n==null?func.length:n;return createWrap(func,WRAP_ARY_FLAG,undefined,undefined,undefined,undefined,n);}/**
+     * Creates a function that invokes `func`, with the `this` binding and arguments
+     * of the created function, while it's called less than `n` times. Subsequent
+     * calls to the created function return the result of the last `func` invocation.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Function
+     * @param {number} n The number of calls at which `func` is no longer invoked.
+     * @param {Function} func The function to restrict.
+     * @returns {Function} Returns the new restricted function.
+     * @example
+     *
+     * jQuery(element).on('click', _.before(5, addContactToList));
+     * // => Allows adding up to 4 contacts to the list.
+     */function before(n,func){var result;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}n=toInteger(n);return function(){if(--n>0){result=func.apply(this,arguments);}if(n<=1){func=undefined;}return result;};}/**
+     * Creates a function that invokes `func` with the `this` binding of `thisArg`
+     * and `partials` prepended to the arguments it receives.
+     *
+     * The `_.bind.placeholder` value, which defaults to `_` in monolithic builds,
+     * may be used as a placeholder for partially applied arguments.
+     *
+     * **Note:** Unlike native `Function#bind`, this method doesn't set the "length"
+     * property of bound functions.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to bind.
+     * @param {*} thisArg The `this` binding of `func`.
+     * @param {...*} [partials] The arguments to be partially applied.
+     * @returns {Function} Returns the new bound function.
+     * @example
+     *
+     * function greet(greeting, punctuation) {
+     *   return greeting + ' ' + this.user + punctuation;
+     * }
+     *
+     * var object = { 'user': 'fred' };
+     *
+     * var bound = _.bind(greet, object, 'hi');
+     * bound('!');
+     * // => 'hi fred!'
+     *
+     * // Bound with placeholders.
+     * var bound = _.bind(greet, object, _, '!');
+     * bound('hi');
+     * // => 'hi fred!'
+     */var bind=baseRest(function(func,thisArg,partials){var bitmask=WRAP_BIND_FLAG;if(partials.length){var holders=replaceHolders(partials,getHolder(bind));bitmask|=WRAP_PARTIAL_FLAG;}return createWrap(func,bitmask,thisArg,partials,holders);});/**
+     * Creates a function that invokes the method at `object[key]` with `partials`
+     * prepended to the arguments it receives.
+     *
+     * This method differs from `_.bind` by allowing bound functions to reference
+     * methods that may be redefined or don't yet exist. See
+     * [Peter Michaux's article](http://peter.michaux.ca/articles/lazy-function-definition-pattern)
+     * for more details.
+     *
+     * The `_.bindKey.placeholder` value, which defaults to `_` in monolithic
+     * builds, may be used as a placeholder for partially applied arguments.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.10.0
+     * @category Function
+     * @param {Object} object The object to invoke the method on.
+     * @param {string} key The key of the method.
+     * @param {...*} [partials] The arguments to be partially applied.
+     * @returns {Function} Returns the new bound function.
+     * @example
+     *
+     * var object = {
+     *   'user': 'fred',
+     *   'greet': function(greeting, punctuation) {
+     *     return greeting + ' ' + this.user + punctuation;
+     *   }
+     * };
+     *
+     * var bound = _.bindKey(object, 'greet', 'hi');
+     * bound('!');
+     * // => 'hi fred!'
+     *
+     * object.greet = function(greeting, punctuation) {
+     *   return greeting + 'ya ' + this.user + punctuation;
+     * };
+     *
+     * bound('!');
+     * // => 'hiya fred!'
+     *
+     * // Bound with placeholders.
+     * var bound = _.bindKey(object, 'greet', _, '!');
+     * bound('hi');
+     * // => 'hiya fred!'
+     */var bindKey=baseRest(function(object,key,partials){var bitmask=WRAP_BIND_FLAG|WRAP_BIND_KEY_FLAG;if(partials.length){var holders=replaceHolders(partials,getHolder(bindKey));bitmask|=WRAP_PARTIAL_FLAG;}return createWrap(key,bitmask,object,partials,holders);});/**
+     * Creates a function that accepts arguments of `func` and either invokes
+     * `func` returning its result, if at least `arity` number of arguments have
+     * been provided, or returns a function that accepts the remaining `func`
+     * arguments, and so on. The arity of `func` may be specified if `func.length`
+     * is not sufficient.
+     *
+     * The `_.curry.placeholder` value, which defaults to `_` in monolithic builds,
+     * may be used as a placeholder for provided arguments.
+     *
+     * **Note:** This method doesn't set the "length" property of curried functions.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Function
+     * @param {Function} func The function to curry.
+     * @param {number} [arity=func.length] The arity of `func`.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Function} Returns the new curried function.
+     * @example
+     *
+     * var abc = function(a, b, c) {
+     *   return [a, b, c];
+     * };
+     *
+     * var curried = _.curry(abc);
+     *
+     * curried(1)(2)(3);
+     * // => [1, 2, 3]
+     *
+     * curried(1, 2)(3);
+     * // => [1, 2, 3]
+     *
+     * curried(1, 2, 3);
+     * // => [1, 2, 3]
+     *
+     * // Curried with placeholders.
+     * curried(1)(_, 3)(2);
+     * // => [1, 2, 3]
+     */function curry(func,arity,guard){arity=guard?undefined:arity;var result=createWrap(func,WRAP_CURRY_FLAG,undefined,undefined,undefined,undefined,undefined,arity);result.placeholder=curry.placeholder;return result;}/**
+     * This method is like `_.curry` except that arguments are applied to `func`
+     * in the manner of `_.partialRight` instead of `_.partial`.
+     *
+     * The `_.curryRight.placeholder` value, which defaults to `_` in monolithic
+     * builds, may be used as a placeholder for provided arguments.
+     *
+     * **Note:** This method doesn't set the "length" property of curried functions.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Function
+     * @param {Function} func The function to curry.
+     * @param {number} [arity=func.length] The arity of `func`.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Function} Returns the new curried function.
+     * @example
+     *
+     * var abc = function(a, b, c) {
+     *   return [a, b, c];
+     * };
+     *
+     * var curried = _.curryRight(abc);
+     *
+     * curried(3)(2)(1);
+     * // => [1, 2, 3]
+     *
+     * curried(2, 3)(1);
+     * // => [1, 2, 3]
+     *
+     * curried(1, 2, 3);
+     * // => [1, 2, 3]
+     *
+     * // Curried with placeholders.
+     * curried(3)(1, _)(2);
+     * // => [1, 2, 3]
+     */function curryRight(func,arity,guard){arity=guard?undefined:arity;var result=createWrap(func,WRAP_CURRY_RIGHT_FLAG,undefined,undefined,undefined,undefined,undefined,arity);result.placeholder=curryRight.placeholder;return result;}/**
+     * Creates a debounced function that delays invoking `func` until after `wait`
+     * milliseconds have elapsed since the last time the debounced function was
+     * invoked. The debounced function comes with a `cancel` method to cancel
+     * delayed `func` invocations and a `flush` method to immediately invoke them.
+     * Provide `options` to indicate whether `func` should be invoked on the
+     * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+     * with the last arguments provided to the debounced function. Subsequent
+     * calls to the debounced function return the result of the last `func`
+     * invocation.
+     *
+     * **Note:** If `leading` and `trailing` options are `true`, `func` is
+     * invoked on the trailing edge of the timeout only if the debounced function
+     * is invoked more than once during the `wait` timeout.
+     *
+     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+     * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+     *
+     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+     * for details over the differences between `_.debounce` and `_.throttle`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to debounce.
+     * @param {number} [wait=0] The number of milliseconds to delay.
+     * @param {Object} [options={}] The options object.
+     * @param {boolean} [options.leading=false]
+     *  Specify invoking on the leading edge of the timeout.
+     * @param {number} [options.maxWait]
+     *  The maximum time `func` is allowed to be delayed before it's invoked.
+     * @param {boolean} [options.trailing=true]
+     *  Specify invoking on the trailing edge of the timeout.
+     * @returns {Function} Returns the new debounced function.
+     * @example
+     *
+     * // Avoid costly calculations while the window size is in flux.
+     * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+     *
+     * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+     * jQuery(element).on('click', _.debounce(sendMail, 300, {
+     *   'leading': true,
+     *   'trailing': false
+     * }));
+     *
+     * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+     * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+     * var source = new EventSource('/stream');
+     * jQuery(source).on('message', debounced);
+     *
+     * // Cancel the trailing debounced invocation.
+     * jQuery(window).on('popstate', debounced.cancel);
+     */function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=false,maxing=false,trailing=true;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}wait=toNumber(wait)||0;if(isObject(options)){leading=!!options.leading;maxing='maxWait'in options;maxWait=maxing?nativeMax(toNumber(options.maxWait)||0,wait):maxWait;trailing='trailing'in options?!!options.trailing:trailing;}function invokeFunc(time){var args=lastArgs,thisArg=lastThis;lastArgs=lastThis=undefined;lastInvokeTime=time;result=func.apply(thisArg,args);return result;}function leadingEdge(time){// Reset any `maxWait` timer.
+lastInvokeTime=time;// Start the timer for the trailing edge.
+timerId=setTimeout(timerExpired,wait);// Invoke the leading edge.
+return leading?invokeFunc(time):result;}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting;}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;// Either this is the first call, activity has stopped and we're at the
+// trailing edge, the system time has gone backwards and we're treating
+// it as the trailing edge, or we've hit the `maxWait` limit.
+return lastCallTime===undefined||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait;}function timerExpired(){var time=now();if(shouldInvoke(time)){return trailingEdge(time);}// Restart the timer.
+timerId=setTimeout(timerExpired,remainingWait(time));}function trailingEdge(time){timerId=undefined;// Only invoke if we have `lastArgs` which means `func` has been
+// debounced at least once.
+if(trailing&&lastArgs){return invokeFunc(time);}lastArgs=lastThis=undefined;return result;}function cancel(){if(timerId!==undefined){clearTimeout(timerId);}lastInvokeTime=0;lastArgs=lastCallTime=lastThis=timerId=undefined;}function flush(){return timerId===undefined?result:trailingEdge(now());}function debounced(){var time=now(),isInvoking=shouldInvoke(time);lastArgs=arguments;lastThis=this;lastCallTime=time;if(isInvoking){if(timerId===undefined){return leadingEdge(lastCallTime);}if(maxing){// Handle invocations in a tight loop.
+clearTimeout(timerId);timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime);}}if(timerId===undefined){timerId=setTimeout(timerExpired,wait);}return result;}debounced.cancel=cancel;debounced.flush=flush;return debounced;}/**
+     * Defers invoking the `func` until the current call stack has cleared. Any
+     * additional arguments are provided to `func` when it's invoked.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to defer.
+     * @param {...*} [args] The arguments to invoke `func` with.
+     * @returns {number} Returns the timer id.
+     * @example
+     *
+     * _.defer(function(text) {
+     *   console.log(text);
+     * }, 'deferred');
+     * // => Logs 'deferred' after one millisecond.
+     */var defer=baseRest(function(func,args){return baseDelay(func,1,args);});/**
+     * Invokes `func` after `wait` milliseconds. Any additional arguments are
+     * provided to `func` when it's invoked.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to delay.
+     * @param {number} wait The number of milliseconds to delay invocation.
+     * @param {...*} [args] The arguments to invoke `func` with.
+     * @returns {number} Returns the timer id.
+     * @example
+     *
+     * _.delay(function(text) {
+     *   console.log(text);
+     * }, 1000, 'later');
+     * // => Logs 'later' after one second.
+     */var delay=baseRest(function(func,wait,args){return baseDelay(func,toNumber(wait)||0,args);});/**
+     * Creates a function that invokes `func` with arguments reversed.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Function
+     * @param {Function} func The function to flip arguments for.
+     * @returns {Function} Returns the new flipped function.
+     * @example
+     *
+     * var flipped = _.flip(function() {
+     *   return _.toArray(arguments);
+     * });
+     *
+     * flipped('a', 'b', 'c', 'd');
+     * // => ['d', 'c', 'b', 'a']
+     */function flip(func){return createWrap(func,WRAP_FLIP_FLAG);}/**
+     * Creates a function that memoizes the result of `func`. If `resolver` is
+     * provided, it determines the cache key for storing the result based on the
+     * arguments provided to the memoized function. By default, the first argument
+     * provided to the memoized function is used as the map cache key. The `func`
+     * is invoked with the `this` binding of the memoized function.
+     *
+     * **Note:** The cache is exposed as the `cache` property on the memoized
+     * function. Its creation may be customized by replacing the `_.memoize.Cache`
+     * constructor with one whose instances implement the
+     * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+     * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to have its output memoized.
+     * @param {Function} [resolver] The function to resolve the cache key.
+     * @returns {Function} Returns the new memoized function.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': 2 };
+     * var other = { 'c': 3, 'd': 4 };
+     *
+     * var values = _.memoize(_.values);
+     * values(object);
+     * // => [1, 2]
+     *
+     * values(other);
+     * // => [3, 4]
+     *
+     * object.a = 2;
+     * values(object);
+     * // => [1, 2]
+     *
+     * // Modify the result cache.
+     * values.cache.set(object, ['a', 'b']);
+     * values(object);
+     * // => ['a', 'b']
+     *
+     * // Replace `_.memoize.Cache`.
+     * _.memoize.Cache = WeakMap;
+     */function memoize(func,resolver){if(typeof func!='function'||resolver!=null&&typeof resolver!='function'){throw new TypeError(FUNC_ERROR_TEXT);}var memoized=function(){var args=arguments,key=resolver?resolver.apply(this,args):args[0],cache=memoized.cache;if(cache.has(key)){return cache.get(key);}var result=func.apply(this,args);memoized.cache=cache.set(key,result)||cache;return result;};memoized.cache=new(memoize.Cache||MapCache)();return memoized;}// Expose `MapCache`.
+memoize.Cache=MapCache;/**
+     * Creates a function that negates the result of the predicate `func`. The
+     * `func` predicate is invoked with the `this` binding and arguments of the
+     * created function.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Function
+     * @param {Function} predicate The predicate to negate.
+     * @returns {Function} Returns the new negated function.
+     * @example
+     *
+     * function isEven(n) {
+     *   return n % 2 == 0;
+     * }
+     *
+     * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven));
+     * // => [1, 3, 5]
+     */function negate(predicate){if(typeof predicate!='function'){throw new TypeError(FUNC_ERROR_TEXT);}return function(){var args=arguments;switch(args.length){case 0:return!predicate.call(this);case 1:return!predicate.call(this,args[0]);case 2:return!predicate.call(this,args[0],args[1]);case 3:return!predicate.call(this,args[0],args[1],args[2]);}return!predicate.apply(this,args);};}/**
+     * Creates a function that is restricted to invoking `func` once. Repeat calls
+     * to the function return the value of the first invocation. The `func` is
+     * invoked with the `this` binding and arguments of the created function.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to restrict.
+     * @returns {Function} Returns the new restricted function.
+     * @example
+     *
+     * var initialize = _.once(createApplication);
+     * initialize();
+     * initialize();
+     * // => `createApplication` is invoked once
+     */function once(func){return before(2,func);}/**
+     * Creates a function that invokes `func` with its arguments transformed.
+     *
+     * @static
+     * @since 4.0.0
+     * @memberOf _
+     * @category Function
+     * @param {Function} func The function to wrap.
+     * @param {...(Function|Function[])} [transforms=[_.identity]]
+     *  The argument transforms.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * function doubled(n) {
+     *   return n * 2;
+     * }
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * var func = _.overArgs(function(x, y) {
+     *   return [x, y];
+     * }, [square, doubled]);
+     *
+     * func(9, 3);
+     * // => [81, 6]
+     *
+     * func(10, 5);
+     * // => [100, 10]
+     */var overArgs=castRest(function(func,transforms){transforms=transforms.length==1&&isArray(transforms[0])?arrayMap(transforms[0],baseUnary(getIteratee())):arrayMap(baseFlatten(transforms,1),baseUnary(getIteratee()));var funcsLength=transforms.length;return baseRest(function(args){var index=-1,length=nativeMin(args.length,funcsLength);while(++index<length){args[index]=transforms[index].call(this,args[index]);}return apply(func,this,args);});});/**
+     * Creates a function that invokes `func` with `partials` prepended to the
+     * arguments it receives. This method is like `_.bind` except it does **not**
+     * alter the `this` binding.
+     *
+     * The `_.partial.placeholder` value, which defaults to `_` in monolithic
+     * builds, may be used as a placeholder for partially applied arguments.
+     *
+     * **Note:** This method doesn't set the "length" property of partially
+     * applied functions.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.2.0
+     * @category Function
+     * @param {Function} func The function to partially apply arguments to.
+     * @param {...*} [partials] The arguments to be partially applied.
+     * @returns {Function} Returns the new partially applied function.
+     * @example
+     *
+     * function greet(greeting, name) {
+     *   return greeting + ' ' + name;
+     * }
+     *
+     * var sayHelloTo = _.partial(greet, 'hello');
+     * sayHelloTo('fred');
+     * // => 'hello fred'
+     *
+     * // Partially applied with placeholders.
+     * var greetFred = _.partial(greet, _, 'fred');
+     * greetFred('hi');
+     * // => 'hi fred'
+     */var partial=baseRest(function(func,partials){var holders=replaceHolders(partials,getHolder(partial));return createWrap(func,WRAP_PARTIAL_FLAG,undefined,partials,holders);});/**
+     * This method is like `_.partial` except that partially applied arguments
+     * are appended to the arguments it receives.
+     *
+     * The `_.partialRight.placeholder` value, which defaults to `_` in monolithic
+     * builds, may be used as a placeholder for partially applied arguments.
+     *
+     * **Note:** This method doesn't set the "length" property of partially
+     * applied functions.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.0.0
+     * @category Function
+     * @param {Function} func The function to partially apply arguments to.
+     * @param {...*} [partials] The arguments to be partially applied.
+     * @returns {Function} Returns the new partially applied function.
+     * @example
+     *
+     * function greet(greeting, name) {
+     *   return greeting + ' ' + name;
+     * }
+     *
+     * var greetFred = _.partialRight(greet, 'fred');
+     * greetFred('hi');
+     * // => 'hi fred'
+     *
+     * // Partially applied with placeholders.
+     * var sayHelloTo = _.partialRight(greet, 'hello', _);
+     * sayHelloTo('fred');
+     * // => 'hello fred'
+     */var partialRight=baseRest(function(func,partials){var holders=replaceHolders(partials,getHolder(partialRight));return createWrap(func,WRAP_PARTIAL_RIGHT_FLAG,undefined,partials,holders);});/**
+     * Creates a function that invokes `func` with arguments arranged according
+     * to the specified `indexes` where the argument value at the first index is
+     * provided as the first argument, the argument value at the second index is
+     * provided as the second argument, and so on.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Function
+     * @param {Function} func The function to rearrange arguments for.
+     * @param {...(number|number[])} indexes The arranged argument indexes.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var rearged = _.rearg(function(a, b, c) {
+     *   return [a, b, c];
+     * }, [2, 0, 1]);
+     *
+     * rearged('b', 'c', 'a')
+     * // => ['a', 'b', 'c']
+     */var rearg=flatRest(function(func,indexes){return createWrap(func,WRAP_REARG_FLAG,undefined,undefined,undefined,indexes);});/**
+     * Creates a function that invokes `func` with the `this` binding of the
+     * created function and arguments from `start` and beyond provided as
+     * an array.
+     *
+     * **Note:** This method is based on the
+     * [rest parameter](https://mdn.io/rest_parameters).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Function
+     * @param {Function} func The function to apply a rest parameter to.
+     * @param {number} [start=func.length-1] The start position of the rest parameter.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var say = _.rest(function(what, names) {
+     *   return what + ' ' + _.initial(names).join(', ') +
+     *     (_.size(names) > 1 ? ', & ' : '') + _.last(names);
+     * });
+     *
+     * say('hello', 'fred', 'barney', 'pebbles');
+     * // => 'hello fred, barney, & pebbles'
+     */function rest(func,start){if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}start=start===undefined?start:toInteger(start);return baseRest(func,start);}/**
+     * Creates a function that invokes `func` with the `this` binding of the
+     * create function and an array of arguments much like
+     * [`Function#apply`](http://www.ecma-international.org/ecma-262/7.0/#sec-function.prototype.apply).
+     *
+     * **Note:** This method is based on the
+     * [spread operator](https://mdn.io/spread_operator).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.2.0
+     * @category Function
+     * @param {Function} func The function to spread arguments over.
+     * @param {number} [start=0] The start position of the spread.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var say = _.spread(function(who, what) {
+     *   return who + ' says ' + what;
+     * });
+     *
+     * say(['fred', 'hello']);
+     * // => 'fred says hello'
+     *
+     * var numbers = Promise.all([
+     *   Promise.resolve(40),
+     *   Promise.resolve(36)
+     * ]);
+     *
+     * numbers.then(_.spread(function(x, y) {
+     *   return x + y;
+     * }));
+     * // => a Promise of 76
+     */function spread(func,start){if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}start=start==null?0:nativeMax(toInteger(start),0);return baseRest(function(args){var array=args[start],otherArgs=castSlice(args,0,start);if(array){arrayPush(otherArgs,array);}return apply(func,this,otherArgs);});}/**
+     * Creates a throttled function that only invokes `func` at most once per
+     * every `wait` milliseconds. The throttled function comes with a `cancel`
+     * method to cancel delayed `func` invocations and a `flush` method to
+     * immediately invoke them. Provide `options` to indicate whether `func`
+     * should be invoked on the leading and/or trailing edge of the `wait`
+     * timeout. The `func` is invoked with the last arguments provided to the
+     * throttled function. Subsequent calls to the throttled function return the
+     * result of the last `func` invocation.
+     *
+     * **Note:** If `leading` and `trailing` options are `true`, `func` is
+     * invoked on the trailing edge of the timeout only if the throttled function
+     * is invoked more than once during the `wait` timeout.
+     *
+     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+     * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+     *
+     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+     * for details over the differences between `_.throttle` and `_.debounce`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to throttle.
+     * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+     * @param {Object} [options={}] The options object.
+     * @param {boolean} [options.leading=true]
+     *  Specify invoking on the leading edge of the timeout.
+     * @param {boolean} [options.trailing=true]
+     *  Specify invoking on the trailing edge of the timeout.
+     * @returns {Function} Returns the new throttled function.
+     * @example
+     *
+     * // Avoid excessively updating the position while scrolling.
+     * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+     *
+     * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+     * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+     * jQuery(element).on('click', throttled);
+     *
+     * // Cancel the trailing throttled invocation.
+     * jQuery(window).on('popstate', throttled.cancel);
+     */function throttle(func,wait,options){var leading=true,trailing=true;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}if(isObject(options)){leading='leading'in options?!!options.leading:leading;trailing='trailing'in options?!!options.trailing:trailing;}return debounce(func,wait,{'leading':leading,'maxWait':wait,'trailing':trailing});}/**
+     * Creates a function that accepts up to one argument, ignoring any
+     * additional arguments.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Function
+     * @param {Function} func The function to cap arguments for.
+     * @returns {Function} Returns the new capped function.
+     * @example
+     *
+     * _.map(['6', '8', '10'], _.unary(parseInt));
+     * // => [6, 8, 10]
+     */function unary(func){return ary(func,1);}/**
+     * Creates a function that provides `value` to `wrapper` as its first
+     * argument. Any additional arguments provided to the function are appended
+     * to those provided to the `wrapper`. The wrapper is invoked with the `this`
+     * binding of the created function.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {*} value The value to wrap.
+     * @param {Function} [wrapper=identity] The wrapper function.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var p = _.wrap(_.escape, function(func, text) {
+     *   return '<p>' + func(text) + '</p>';
+     * });
+     *
+     * p('fred, barney, & pebbles');
+     * // => '<p>fred, barney, &amp; pebbles</p>'
+     */function wrap(value,wrapper){return partial(castFunction(wrapper),value);}/*------------------------------------------------------------------------*/ /**
+     * Casts `value` as an array if it's not one.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.4.0
+     * @category Lang
+     * @param {*} value The value to inspect.
+     * @returns {Array} Returns the cast array.
+     * @example
+     *
+     * _.castArray(1);
+     * // => [1]
+     *
+     * _.castArray({ 'a': 1 });
+     * // => [{ 'a': 1 }]
+     *
+     * _.castArray('abc');
+     * // => ['abc']
+     *
+     * _.castArray(null);
+     * // => [null]
+     *
+     * _.castArray(undefined);
+     * // => [undefined]
+     *
+     * _.castArray();
+     * // => []
+     *
+     * var array = [1, 2, 3];
+     * console.log(_.castArray(array) === array);
+     * // => true
+     */function castArray(){if(!arguments.length){return[];}var value=arguments[0];return isArray(value)?value:[value];}/**
+     * Creates a shallow clone of `value`.
+     *
+     * **Note:** This method is loosely based on the
+     * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)
+     * and supports cloning arrays, array buffers, booleans, date objects, maps,
+     * numbers, `Object` objects, regexes, sets, strings, symbols, and typed
+     * arrays. The own enumerable properties of `arguments` objects are cloned
+     * as plain objects. An empty object is returned for uncloneable values such
+     * as error objects, functions, DOM nodes, and WeakMaps.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to clone.
+     * @returns {*} Returns the cloned value.
+     * @see _.cloneDeep
+     * @example
+     *
+     * var objects = [{ 'a': 1 }, { 'b': 2 }];
+     *
+     * var shallow = _.clone(objects);
+     * console.log(shallow[0] === objects[0]);
+     * // => true
+     */function clone(value){return baseClone(value,CLONE_SYMBOLS_FLAG);}/**
+     * This method is like `_.clone` except that it accepts `customizer` which
+     * is invoked to produce the cloned value. If `customizer` returns `undefined`,
+     * cloning is handled by the method instead. The `customizer` is invoked with
+     * up to four arguments; (value [, index|key, object, stack]).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to clone.
+     * @param {Function} [customizer] The function to customize cloning.
+     * @returns {*} Returns the cloned value.
+     * @see _.cloneDeepWith
+     * @example
+     *
+     * function customizer(value) {
+     *   if (_.isElement(value)) {
+     *     return value.cloneNode(false);
+     *   }
+     * }
+     *
+     * var el = _.cloneWith(document.body, customizer);
+     *
+     * console.log(el === document.body);
+     * // => false
+     * console.log(el.nodeName);
+     * // => 'BODY'
+     * console.log(el.childNodes.length);
+     * // => 0
+     */function cloneWith(value,customizer){customizer=typeof customizer=='function'?customizer:undefined;return baseClone(value,CLONE_SYMBOLS_FLAG,customizer);}/**
+     * This method is like `_.clone` except that it recursively clones `value`.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.0.0
+     * @category Lang
+     * @param {*} value The value to recursively clone.
+     * @returns {*} Returns the deep cloned value.
+     * @see _.clone
+     * @example
+     *
+     * var objects = [{ 'a': 1 }, { 'b': 2 }];
+     *
+     * var deep = _.cloneDeep(objects);
+     * console.log(deep[0] === objects[0]);
+     * // => false
+     */function cloneDeep(value){return baseClone(value,CLONE_DEEP_FLAG|CLONE_SYMBOLS_FLAG);}/**
+     * This method is like `_.cloneWith` except that it recursively clones `value`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to recursively clone.
+     * @param {Function} [customizer] The function to customize cloning.
+     * @returns {*} Returns the deep cloned value.
+     * @see _.cloneWith
+     * @example
+     *
+     * function customizer(value) {
+     *   if (_.isElement(value)) {
+     *     return value.cloneNode(true);
+     *   }
+     * }
+     *
+     * var el = _.cloneDeepWith(document.body, customizer);
+     *
+     * console.log(el === document.body);
+     * // => false
+     * console.log(el.nodeName);
+     * // => 'BODY'
+     * console.log(el.childNodes.length);
+     * // => 20
+     */function cloneDeepWith(value,customizer){customizer=typeof customizer=='function'?customizer:undefined;return baseClone(value,CLONE_DEEP_FLAG|CLONE_SYMBOLS_FLAG,customizer);}/**
+     * Checks if `object` conforms to `source` by invoking the predicate
+     * properties of `source` with the corresponding property values of `object`.
+     *
+     * **Note:** This method is equivalent to `_.conforms` when `source` is
+     * partially applied.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.14.0
+     * @category Lang
+     * @param {Object} object The object to inspect.
+     * @param {Object} source The object of property predicates to conform to.
+     * @returns {boolean} Returns `true` if `object` conforms, else `false`.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': 2 };
+     *
+     * _.conformsTo(object, { 'b': function(n) { return n > 1; } });
+     * // => true
+     *
+     * _.conformsTo(object, { 'b': function(n) { return n > 2; } });
+     * // => false
+     */function conformsTo(object,source){return source==null||baseConformsTo(object,source,keys(source));}/**
+     * Performs a
+     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+     * comparison between two values to determine if they are equivalent.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+     * @example
+     *
+     * var object = { 'a': 1 };
+     * var other = { 'a': 1 };
+     *
+     * _.eq(object, object);
+     * // => true
+     *
+     * _.eq(object, other);
+     * // => false
+     *
+     * _.eq('a', 'a');
+     * // => true
+     *
+     * _.eq('a', Object('a'));
+     * // => false
+     *
+     * _.eq(NaN, NaN);
+     * // => true
+     */function eq(value,other){return value===other||value!==value&&other!==other;}/**
+     * Checks if `value` is greater than `other`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.9.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is greater than `other`,
+     *  else `false`.
+     * @see _.lt
+     * @example
+     *
+     * _.gt(3, 1);
+     * // => true
+     *
+     * _.gt(3, 3);
+     * // => false
+     *
+     * _.gt(1, 3);
+     * // => false
+     */var gt=createRelationalOperation(baseGt);/**
+     * Checks if `value` is greater than or equal to `other`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.9.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is greater than or equal to
+     *  `other`, else `false`.
+     * @see _.lte
+     * @example
+     *
+     * _.gte(3, 1);
+     * // => true
+     *
+     * _.gte(3, 3);
+     * // => true
+     *
+     * _.gte(1, 3);
+     * // => false
+     */var gte=createRelationalOperation(function(value,other){return value>=other;});/**
+     * Checks if `value` is likely an `arguments` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+     *  else `false`.
+     * @example
+     *
+     * _.isArguments(function() { return arguments; }());
+     * // => true
+     *
+     * _.isArguments([1, 2, 3]);
+     * // => false
+     */var isArguments=baseIsArguments(function(){return arguments;}())?baseIsArguments:function(value){return isObjectLike(value)&&hasOwnProperty.call(value,'callee')&&!propertyIsEnumerable.call(value,'callee');};/**
+     * Checks if `value` is classified as an `Array` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+     * @example
+     *
+     * _.isArray([1, 2, 3]);
+     * // => true
+     *
+     * _.isArray(document.body.children);
+     * // => false
+     *
+     * _.isArray('abc');
+     * // => false
+     *
+     * _.isArray(_.noop);
+     * // => false
+     */var isArray=Array.isArray;/**
+     * Checks if `value` is classified as an `ArrayBuffer` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.
+     * @example
+     *
+     * _.isArrayBuffer(new ArrayBuffer(2));
+     * // => true
+     *
+     * _.isArrayBuffer(new Array(2));
+     * // => false
+     */var isArrayBuffer=nodeIsArrayBuffer?baseUnary(nodeIsArrayBuffer):baseIsArrayBuffer;/**
+     * Checks if `value` is array-like. A value is considered array-like if it's
+     * not a function and has a `value.length` that's an integer greater than or
+     * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+     * @example
+     *
+     * _.isArrayLike([1, 2, 3]);
+     * // => true
+     *
+     * _.isArrayLike(document.body.children);
+     * // => true
+     *
+     * _.isArrayLike('abc');
+     * // => true
+     *
+     * _.isArrayLike(_.noop);
+     * // => false
+     */function isArrayLike(value){return value!=null&&isLength(value.length)&&!isFunction(value);}/**
+     * This method is like `_.isArrayLike` except that it also checks if `value`
+     * is an object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an array-like object,
+     *  else `false`.
+     * @example
+     *
+     * _.isArrayLikeObject([1, 2, 3]);
+     * // => true
+     *
+     * _.isArrayLikeObject(document.body.children);
+     * // => true
+     *
+     * _.isArrayLikeObject('abc');
+     * // => false
+     *
+     * _.isArrayLikeObject(_.noop);
+     * // => false
+     */function isArrayLikeObject(value){return isObjectLike(value)&&isArrayLike(value);}/**
+     * Checks if `value` is classified as a boolean primitive or object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.
+     * @example
+     *
+     * _.isBoolean(false);
+     * // => true
+     *
+     * _.isBoolean(null);
+     * // => false
+     */function isBoolean(value){return value===true||value===false||isObjectLike(value)&&baseGetTag(value)==boolTag;}/**
+     * Checks if `value` is a buffer.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+     * @example
+     *
+     * _.isBuffer(new Buffer(2));
+     * // => true
+     *
+     * _.isBuffer(new Uint8Array(2));
+     * // => false
+     */var isBuffer=nativeIsBuffer||stubFalse;/**
+     * Checks if `value` is classified as a `Date` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a date object, else `false`.
+     * @example
+     *
+     * _.isDate(new Date);
+     * // => true
+     *
+     * _.isDate('Mon April 23 2012');
+     * // => false
+     */var isDate=nodeIsDate?baseUnary(nodeIsDate):baseIsDate;/**
+     * Checks if `value` is likely a DOM element.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a DOM element, else `false`.
+     * @example
+     *
+     * _.isElement(document.body);
+     * // => true
+     *
+     * _.isElement('<body>');
+     * // => false
+     */function isElement(value){return isObjectLike(value)&&value.nodeType===1&&!isPlainObject(value);}/**
+     * Checks if `value` is an empty object, collection, map, or set.
+     *
+     * Objects are considered empty if they have no own enumerable string keyed
+     * properties.
+     *
+     * Array-like values such as `arguments` objects, arrays, buffers, strings, or
+     * jQuery-like collections are considered empty if they have a `length` of `0`.
+     * Similarly, maps and sets are considered empty if they have a `size` of `0`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is empty, else `false`.
+     * @example
+     *
+     * _.isEmpty(null);
+     * // => true
+     *
+     * _.isEmpty(true);
+     * // => true
+     *
+     * _.isEmpty(1);
+     * // => true
+     *
+     * _.isEmpty([1, 2, 3]);
+     * // => false
+     *
+     * _.isEmpty({ 'a': 1 });
+     * // => false
+     */function isEmpty(value){if(value==null){return true;}if(isArrayLike(value)&&(isArray(value)||typeof value=='string'||typeof value.splice=='function'||isBuffer(value)||isTypedArray(value)||isArguments(value))){return!value.length;}var tag=getTag(value);if(tag==mapTag||tag==setTag){return!value.size;}if(isPrototype(value)){return!baseKeys(value).length;}for(var key in value){if(hasOwnProperty.call(value,key)){return false;}}return true;}/**
+     * Performs a deep comparison between two values to determine if they are
+     * equivalent.
+     *
+     * **Note:** This method supports comparing arrays, array buffers, booleans,
+     * date objects, error objects, maps, numbers, `Object` objects, regexes,
+     * sets, strings, symbols, and typed arrays. `Object` objects are compared
+     * by their own, not inherited, enumerable properties. Functions and DOM
+     * nodes are compared by strict equality, i.e. `===`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+     * @example
+     *
+     * var object = { 'a': 1 };
+     * var other = { 'a': 1 };
+     *
+     * _.isEqual(object, other);
+     * // => true
+     *
+     * object === other;
+     * // => false
+     */function isEqual(value,other){return baseIsEqual(value,other);}/**
+     * This method is like `_.isEqual` except that it accepts `customizer` which
+     * is invoked to compare values. If `customizer` returns `undefined`, comparisons
+     * are handled by the method instead. The `customizer` is invoked with up to
+     * six arguments: (objValue, othValue [, index|key, object, other, stack]).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @param {Function} [customizer] The function to customize comparisons.
+     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+     * @example
+     *
+     * function isGreeting(value) {
+     *   return /^h(?:i|ello)$/.test(value);
+     * }
+     *
+     * function customizer(objValue, othValue) {
+     *   if (isGreeting(objValue) && isGreeting(othValue)) {
+     *     return true;
+     *   }
+     * }
+     *
+     * var array = ['hello', 'goodbye'];
+     * var other = ['hi', 'goodbye'];
+     *
+     * _.isEqualWith(array, other, customizer);
+     * // => true
+     */function isEqualWith(value,other,customizer){customizer=typeof customizer=='function'?customizer:undefined;var result=customizer?customizer(value,other):undefined;return result===undefined?baseIsEqual(value,other,undefined,customizer):!!result;}/**
+     * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`,
+     * `SyntaxError`, `TypeError`, or `URIError` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an error object, else `false`.
+     * @example
+     *
+     * _.isError(new Error);
+     * // => true
+     *
+     * _.isError(Error);
+     * // => false
+     */function isError(value){if(!isObjectLike(value)){return false;}var tag=baseGetTag(value);return tag==errorTag||tag==domExcTag||typeof value.message=='string'&&typeof value.name=='string'&&!isPlainObject(value);}/**
+     * Checks if `value` is a finite primitive number.
+     *
+     * **Note:** This method is based on
+     * [`Number.isFinite`](https://mdn.io/Number/isFinite).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.
+     * @example
+     *
+     * _.isFinite(3);
+     * // => true
+     *
+     * _.isFinite(Number.MIN_VALUE);
+     * // => true
+     *
+     * _.isFinite(Infinity);
+     * // => false
+     *
+     * _.isFinite('3');
+     * // => false
+     */function isFinite(value){return typeof value=='number'&&nativeIsFinite(value);}/**
+     * Checks if `value` is classified as a `Function` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+     * @example
+     *
+     * _.isFunction(_);
+     * // => true
+     *
+     * _.isFunction(/abc/);
+     * // => false
+     */function isFunction(value){if(!isObject(value)){return false;}// The use of `Object#toString` avoids issues with the `typeof` operator
+// in Safari 9 which returns 'object' for typed arrays and other constructors.
+var tag=baseGetTag(value);return tag==funcTag||tag==genTag||tag==asyncTag||tag==proxyTag;}/**
+     * Checks if `value` is an integer.
+     *
+     * **Note:** This method is based on
+     * [`Number.isInteger`](https://mdn.io/Number/isInteger).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an integer, else `false`.
+     * @example
+     *
+     * _.isInteger(3);
+     * // => true
+     *
+     * _.isInteger(Number.MIN_VALUE);
+     * // => false
+     *
+     * _.isInteger(Infinity);
+     * // => false
+     *
+     * _.isInteger('3');
+     * // => false
+     */function isInteger(value){return typeof value=='number'&&value==toInteger(value);}/**
+     * Checks if `value` is a valid array-like length.
+     *
+     * **Note:** This method is loosely based on
+     * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+     * @example
+     *
+     * _.isLength(3);
+     * // => true
+     *
+     * _.isLength(Number.MIN_VALUE);
+     * // => false
+     *
+     * _.isLength(Infinity);
+     * // => false
+     *
+     * _.isLength('3');
+     * // => false
+     */function isLength(value){return typeof value=='number'&&value>-1&&value%1==0&&value<=MAX_SAFE_INTEGER;}/**
+     * Checks if `value` is the
+     * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+     * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+     * @example
+     *
+     * _.isObject({});
+     * // => true
+     *
+     * _.isObject([1, 2, 3]);
+     * // => true
+     *
+     * _.isObject(_.noop);
+     * // => true
+     *
+     * _.isObject(null);
+     * // => false
+     */function isObject(value){var type=typeof value;return value!=null&&(type=='object'||type=='function');}/**
+     * Checks if `value` is object-like. A value is object-like if it's not `null`
+     * and has a `typeof` result of "object".
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+     * @example
+     *
+     * _.isObjectLike({});
+     * // => true
+     *
+     * _.isObjectLike([1, 2, 3]);
+     * // => true
+     *
+     * _.isObjectLike(_.noop);
+     * // => false
+     *
+     * _.isObjectLike(null);
+     * // => false
+     */function isObjectLike(value){return value!=null&&typeof value=='object';}/**
+     * Checks if `value` is classified as a `Map` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a map, else `false`.
+     * @example
+     *
+     * _.isMap(new Map);
+     * // => true
+     *
+     * _.isMap(new WeakMap);
+     * // => false
+     */var isMap=nodeIsMap?baseUnary(nodeIsMap):baseIsMap;/**
+     * Performs a partial deep comparison between `object` and `source` to
+     * determine if `object` contains equivalent property values.
+     *
+     * **Note:** This method is equivalent to `_.matches` when `source` is
+     * partially applied.
+     *
+     * Partial comparisons will match empty array and empty object `source`
+     * values against any array or object value, respectively. See `_.isEqual`
+     * for a list of supported value comparisons.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Lang
+     * @param {Object} object The object to inspect.
+     * @param {Object} source The object of property values to match.
+     * @returns {boolean} Returns `true` if `object` is a match, else `false`.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': 2 };
+     *
+     * _.isMatch(object, { 'b': 2 });
+     * // => true
+     *
+     * _.isMatch(object, { 'b': 1 });
+     * // => false
+     */function isMatch(object,source){return object===source||baseIsMatch(object,source,getMatchData(source));}/**
+     * This method is like `_.isMatch` except that it accepts `customizer` which
+     * is invoked to compare values. If `customizer` returns `undefined`, comparisons
+     * are handled by the method instead. The `customizer` is invoked with five
+     * arguments: (objValue, srcValue, index|key, object, source).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {Object} object The object to inspect.
+     * @param {Object} source The object of property values to match.
+     * @param {Function} [customizer] The function to customize comparisons.
+     * @returns {boolean} Returns `true` if `object` is a match, else `false`.
+     * @example
+     *
+     * function isGreeting(value) {
+     *   return /^h(?:i|ello)$/.test(value);
+     * }
+     *
+     * function customizer(objValue, srcValue) {
+     *   if (isGreeting(objValue) && isGreeting(srcValue)) {
+     *     return true;
+     *   }
+     * }
+     *
+     * var object = { 'greeting': 'hello' };
+     * var source = { 'greeting': 'hi' };
+     *
+     * _.isMatchWith(object, source, customizer);
+     * // => true
+     */function isMatchWith(object,source,customizer){customizer=typeof customizer=='function'?customizer:undefined;return baseIsMatch(object,source,getMatchData(source),customizer);}/**
+     * Checks if `value` is `NaN`.
+     *
+     * **Note:** This method is based on
+     * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as
+     * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for
+     * `undefined` and other non-number values.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+     * @example
+     *
+     * _.isNaN(NaN);
+     * // => true
+     *
+     * _.isNaN(new Number(NaN));
+     * // => true
+     *
+     * isNaN(undefined);
+     * // => true
+     *
+     * _.isNaN(undefined);
+     * // => false
+     */function isNaN(value){// An `NaN` primitive is the only value that is not equal to itself.
+// Perform the `toStringTag` check first to avoid errors with some
+// ActiveX objects in IE.
+return isNumber(value)&&value!=+value;}/**
+     * Checks if `value` is a pristine native function.
+     *
+     * **Note:** This method can't reliably detect native functions in the presence
+     * of the core-js package because core-js circumvents this kind of detection.
+     * Despite multiple requests, the core-js maintainer has made it clear: any
+     * attempt to fix the detection will be obstructed. As a result, we're left
+     * with little choice but to throw an error. Unfortunately, this also affects
+     * packages, like [babel-polyfill](https://www.npmjs.com/package/babel-polyfill),
+     * which rely on core-js.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a native function,
+     *  else `false`.
+     * @example
+     *
+     * _.isNative(Array.prototype.push);
+     * // => true
+     *
+     * _.isNative(_);
+     * // => false
+     */function isNative(value){if(isMaskable(value)){throw new Error(CORE_ERROR_TEXT);}return baseIsNative(value);}/**
+     * Checks if `value` is `null`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is `null`, else `false`.
+     * @example
+     *
+     * _.isNull(null);
+     * // => true
+     *
+     * _.isNull(void 0);
+     * // => false
+     */function isNull(value){return value===null;}/**
+     * Checks if `value` is `null` or `undefined`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+     * @example
+     *
+     * _.isNil(null);
+     * // => true
+     *
+     * _.isNil(void 0);
+     * // => true
+     *
+     * _.isNil(NaN);
+     * // => false
+     */function isNil(value){return value==null;}/**
+     * Checks if `value` is classified as a `Number` primitive or object.
+     *
+     * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
+     * classified as numbers, use the `_.isFinite` method.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a number, else `false`.
+     * @example
+     *
+     * _.isNumber(3);
+     * // => true
+     *
+     * _.isNumber(Number.MIN_VALUE);
+     * // => true
+     *
+     * _.isNumber(Infinity);
+     * // => true
+     *
+     * _.isNumber('3');
+     * // => false
+     */function isNumber(value){return typeof value=='number'||isObjectLike(value)&&baseGetTag(value)==numberTag;}/**
+     * Checks if `value` is a plain object, that is, an object created by the
+     * `Object` constructor or one with a `[[Prototype]]` of `null`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.8.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     * }
+     *
+     * _.isPlainObject(new Foo);
+     * // => false
+     *
+     * _.isPlainObject([1, 2, 3]);
+     * // => false
+     *
+     * _.isPlainObject({ 'x': 0, 'y': 0 });
+     * // => true
+     *
+     * _.isPlainObject(Object.create(null));
+     * // => true
+     */function isPlainObject(value){if(!isObjectLike(value)||baseGetTag(value)!=objectTag){return false;}var proto=getPrototype(value);if(proto===null){return true;}var Ctor=hasOwnProperty.call(proto,'constructor')&&proto.constructor;return typeof Ctor=='function'&&Ctor instanceof Ctor&&funcToString.call(Ctor)==objectCtorString;}/**
+     * Checks if `value` is classified as a `RegExp` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.
+     * @example
+     *
+     * _.isRegExp(/abc/);
+     * // => true
+     *
+     * _.isRegExp('/abc/');
+     * // => false
+     */var isRegExp=nodeIsRegExp?baseUnary(nodeIsRegExp):baseIsRegExp;/**
+     * Checks if `value` is a safe integer. An integer is safe if it's an IEEE-754
+     * double precision number which isn't the result of a rounded unsafe integer.
+     *
+     * **Note:** This method is based on
+     * [`Number.isSafeInteger`](https://mdn.io/Number/isSafeInteger).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a safe integer, else `false`.
+     * @example
+     *
+     * _.isSafeInteger(3);
+     * // => true
+     *
+     * _.isSafeInteger(Number.MIN_VALUE);
+     * // => false
+     *
+     * _.isSafeInteger(Infinity);
+     * // => false
+     *
+     * _.isSafeInteger('3');
+     * // => false
+     */function isSafeInteger(value){return isInteger(value)&&value>=-MAX_SAFE_INTEGER&&value<=MAX_SAFE_INTEGER;}/**
+     * Checks if `value` is classified as a `Set` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a set, else `false`.
+     * @example
+     *
+     * _.isSet(new Set);
+     * // => true
+     *
+     * _.isSet(new WeakSet);
+     * // => false
+     */var isSet=nodeIsSet?baseUnary(nodeIsSet):baseIsSet;/**
+     * Checks if `value` is classified as a `String` primitive or object.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a string, else `false`.
+     * @example
+     *
+     * _.isString('abc');
+     * // => true
+     *
+     * _.isString(1);
+     * // => false
+     */function isString(value){return typeof value=='string'||!isArray(value)&&isObjectLike(value)&&baseGetTag(value)==stringTag;}/**
+     * Checks if `value` is classified as a `Symbol` primitive or object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+     * @example
+     *
+     * _.isSymbol(Symbol.iterator);
+     * // => true
+     *
+     * _.isSymbol('abc');
+     * // => false
+     */function isSymbol(value){return typeof value=='symbol'||isObjectLike(value)&&baseGetTag(value)==symbolTag;}/**
+     * Checks if `value` is classified as a typed array.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+     * @example
+     *
+     * _.isTypedArray(new Uint8Array);
+     * // => true
+     *
+     * _.isTypedArray([]);
+     * // => false
+     */var isTypedArray=nodeIsTypedArray?baseUnary(nodeIsTypedArray):baseIsTypedArray;/**
+     * Checks if `value` is `undefined`.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
+     * @example
+     *
+     * _.isUndefined(void 0);
+     * // => true
+     *
+     * _.isUndefined(null);
+     * // => false
+     */function isUndefined(value){return value===undefined;}/**
+     * Checks if `value` is classified as a `WeakMap` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a weak map, else `false`.
+     * @example
+     *
+     * _.isWeakMap(new WeakMap);
+     * // => true
+     *
+     * _.isWeakMap(new Map);
+     * // => false
+     */function isWeakMap(value){return isObjectLike(value)&&getTag(value)==weakMapTag;}/**
+     * Checks if `value` is classified as a `WeakSet` object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.3.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a weak set, else `false`.
+     * @example
+     *
+     * _.isWeakSet(new WeakSet);
+     * // => true
+     *
+     * _.isWeakSet(new Set);
+     * // => false
+     */function isWeakSet(value){return isObjectLike(value)&&baseGetTag(value)==weakSetTag;}/**
+     * Checks if `value` is less than `other`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.9.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is less than `other`,
+     *  else `false`.
+     * @see _.gt
+     * @example
+     *
+     * _.lt(1, 3);
+     * // => true
+     *
+     * _.lt(3, 3);
+     * // => false
+     *
+     * _.lt(3, 1);
+     * // => false
+     */var lt=createRelationalOperation(baseLt);/**
+     * Checks if `value` is less than or equal to `other`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.9.0
+     * @category Lang
+     * @param {*} value The value to compare.
+     * @param {*} other The other value to compare.
+     * @returns {boolean} Returns `true` if `value` is less than or equal to
+     *  `other`, else `false`.
+     * @see _.gte
+     * @example
+     *
+     * _.lte(1, 3);
+     * // => true
+     *
+     * _.lte(3, 3);
+     * // => true
+     *
+     * _.lte(3, 1);
+     * // => false
+     */var lte=createRelationalOperation(function(value,other){return value<=other;});/**
+     * Converts `value` to an array.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {Array} Returns the converted array.
+     * @example
+     *
+     * _.toArray({ 'a': 1, 'b': 2 });
+     * // => [1, 2]
+     *
+     * _.toArray('abc');
+     * // => ['a', 'b', 'c']
+     *
+     * _.toArray(1);
+     * // => []
+     *
+     * _.toArray(null);
+     * // => []
+     */function toArray(value){if(!value){return[];}if(isArrayLike(value)){return isString(value)?stringToArray(value):copyArray(value);}if(symIterator&&value[symIterator]){return iteratorToArray(value[symIterator]());}var tag=getTag(value),func=tag==mapTag?mapToArray:tag==setTag?setToArray:values;return func(value);}/**
+     * Converts `value` to a finite number.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.12.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {number} Returns the converted number.
+     * @example
+     *
+     * _.toFinite(3.2);
+     * // => 3.2
+     *
+     * _.toFinite(Number.MIN_VALUE);
+     * // => 5e-324
+     *
+     * _.toFinite(Infinity);
+     * // => 1.7976931348623157e+308
+     *
+     * _.toFinite('3.2');
+     * // => 3.2
+     */function toFinite(value){if(!value){return value===0?value:0;}value=toNumber(value);if(value===INFINITY||value===-INFINITY){var sign=value<0?-1:1;return sign*MAX_INTEGER;}return value===value?value:0;}/**
+     * Converts `value` to an integer.
+     *
+     * **Note:** This method is loosely based on
+     * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {number} Returns the converted integer.
+     * @example
+     *
+     * _.toInteger(3.2);
+     * // => 3
+     *
+     * _.toInteger(Number.MIN_VALUE);
+     * // => 0
+     *
+     * _.toInteger(Infinity);
+     * // => 1.7976931348623157e+308
+     *
+     * _.toInteger('3.2');
+     * // => 3
+     */function toInteger(value){var result=toFinite(value),remainder=result%1;return result===result?remainder?result-remainder:result:0;}/**
+     * Converts `value` to an integer suitable for use as the length of an
+     * array-like object.
+     *
+     * **Note:** This method is based on
+     * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {number} Returns the converted integer.
+     * @example
+     *
+     * _.toLength(3.2);
+     * // => 3
+     *
+     * _.toLength(Number.MIN_VALUE);
+     * // => 0
+     *
+     * _.toLength(Infinity);
+     * // => 4294967295
+     *
+     * _.toLength('3.2');
+     * // => 3
+     */function toLength(value){return value?baseClamp(toInteger(value),0,MAX_ARRAY_LENGTH):0;}/**
+     * Converts `value` to a number.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to process.
+     * @returns {number} Returns the number.
+     * @example
+     *
+     * _.toNumber(3.2);
+     * // => 3.2
+     *
+     * _.toNumber(Number.MIN_VALUE);
+     * // => 5e-324
+     *
+     * _.toNumber(Infinity);
+     * // => Infinity
+     *
+     * _.toNumber('3.2');
+     * // => 3.2
+     */function toNumber(value){if(typeof value=='number'){return value;}if(isSymbol(value)){return NAN;}if(isObject(value)){var other=typeof value.valueOf=='function'?value.valueOf():value;value=isObject(other)?other+'':other;}if(typeof value!='string'){return value===0?value:+value;}value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value;}/**
+     * Converts `value` to a plain object flattening inherited enumerable string
+     * keyed properties of `value` to own properties of the plain object.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {Object} Returns the converted plain object.
+     * @example
+     *
+     * function Foo() {
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.assign({ 'a': 1 }, new Foo);
+     * // => { 'a': 1, 'b': 2 }
+     *
+     * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+     * // => { 'a': 1, 'b': 2, 'c': 3 }
+     */function toPlainObject(value){return copyObject(value,keysIn(value));}/**
+     * Converts `value` to a safe integer. A safe integer can be compared and
+     * represented correctly.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {number} Returns the converted integer.
+     * @example
+     *
+     * _.toSafeInteger(3.2);
+     * // => 3
+     *
+     * _.toSafeInteger(Number.MIN_VALUE);
+     * // => 0
+     *
+     * _.toSafeInteger(Infinity);
+     * // => 9007199254740991
+     *
+     * _.toSafeInteger('3.2');
+     * // => 3
+     */function toSafeInteger(value){return value?baseClamp(toInteger(value),-MAX_SAFE_INTEGER,MAX_SAFE_INTEGER):value===0?value:0;}/**
+     * Converts `value` to a string. An empty string is returned for `null`
+     * and `undefined` values. The sign of `-0` is preserved.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to convert.
+     * @returns {string} Returns the converted string.
+     * @example
+     *
+     * _.toString(null);
+     * // => ''
+     *
+     * _.toString(-0);
+     * // => '-0'
+     *
+     * _.toString([1, 2, 3]);
+     * // => '1,2,3'
+     */function toString(value){return value==null?'':baseToString(value);}/*------------------------------------------------------------------------*/ /**
+     * Assigns own enumerable string keyed properties of source objects to the
+     * destination object. Source objects are applied from left to right.
+     * Subsequent sources overwrite property assignments of previous sources.
+     *
+     * **Note:** This method mutates `object` and is loosely based on
+     * [`Object.assign`](https://mdn.io/Object/assign).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.10.0
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} [sources] The source objects.
+     * @returns {Object} Returns `object`.
+     * @see _.assignIn
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     * }
+     *
+     * function Bar() {
+     *   this.c = 3;
+     * }
+     *
+     * Foo.prototype.b = 2;
+     * Bar.prototype.d = 4;
+     *
+     * _.assign({ 'a': 0 }, new Foo, new Bar);
+     * // => { 'a': 1, 'c': 3 }
+     */var assign=createAssigner(function(object,source){if(isPrototype(source)||isArrayLike(source)){copyObject(source,keys(source),object);return;}for(var key in source){if(hasOwnProperty.call(source,key)){assignValue(object,key,source[key]);}}});/**
+     * This method is like `_.assign` except that it iterates over own and
+     * inherited source properties.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @alias extend
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} [sources] The source objects.
+     * @returns {Object} Returns `object`.
+     * @see _.assign
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     * }
+     *
+     * function Bar() {
+     *   this.c = 3;
+     * }
+     *
+     * Foo.prototype.b = 2;
+     * Bar.prototype.d = 4;
+     *
+     * _.assignIn({ 'a': 0 }, new Foo, new Bar);
+     * // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }
+     */var assignIn=createAssigner(function(object,source){copyObject(source,keysIn(source),object);});/**
+     * This method is like `_.assignIn` except that it accepts `customizer`
+     * which is invoked to produce the assigned values. If `customizer` returns
+     * `undefined`, assignment is handled by the method instead. The `customizer`
+     * is invoked with five arguments: (objValue, srcValue, key, object, source).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @alias extendWith
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} sources The source objects.
+     * @param {Function} [customizer] The function to customize assigned values.
+     * @returns {Object} Returns `object`.
+     * @see _.assignWith
+     * @example
+     *
+     * function customizer(objValue, srcValue) {
+     *   return _.isUndefined(objValue) ? srcValue : objValue;
+     * }
+     *
+     * var defaults = _.partialRight(_.assignInWith, customizer);
+     *
+     * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
+     * // => { 'a': 1, 'b': 2 }
+     */var assignInWith=createAssigner(function(object,source,srcIndex,customizer){copyObject(source,keysIn(source),object,customizer);});/**
+     * This method is like `_.assign` except that it accepts `customizer`
+     * which is invoked to produce the assigned values. If `customizer` returns
+     * `undefined`, assignment is handled by the method instead. The `customizer`
+     * is invoked with five arguments: (objValue, srcValue, key, object, source).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} sources The source objects.
+     * @param {Function} [customizer] The function to customize assigned values.
+     * @returns {Object} Returns `object`.
+     * @see _.assignInWith
+     * @example
+     *
+     * function customizer(objValue, srcValue) {
+     *   return _.isUndefined(objValue) ? srcValue : objValue;
+     * }
+     *
+     * var defaults = _.partialRight(_.assignWith, customizer);
+     *
+     * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
+     * // => { 'a': 1, 'b': 2 }
+     */var assignWith=createAssigner(function(object,source,srcIndex,customizer){copyObject(source,keys(source),object,customizer);});/**
+     * Creates an array of values corresponding to `paths` of `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.0.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {...(string|string[])} [paths] The property paths to pick.
+     * @returns {Array} Returns the picked values.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };
+     *
+     * _.at(object, ['a[0].b.c', 'a[1]']);
+     * // => [3, 4]
+     */var at=flatRest(baseAt);/**
+     * Creates an object that inherits from the `prototype` object. If a
+     * `properties` object is given, its own enumerable string keyed properties
+     * are assigned to the created object.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.3.0
+     * @category Object
+     * @param {Object} prototype The object to inherit from.
+     * @param {Object} [properties] The properties to assign to the object.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * function Shape() {
+     *   this.x = 0;
+     *   this.y = 0;
+     * }
+     *
+     * function Circle() {
+     *   Shape.call(this);
+     * }
+     *
+     * Circle.prototype = _.create(Shape.prototype, {
+     *   'constructor': Circle
+     * });
+     *
+     * var circle = new Circle;
+     * circle instanceof Circle;
+     * // => true
+     *
+     * circle instanceof Shape;
+     * // => true
+     */function create(prototype,properties){var result=baseCreate(prototype);return properties==null?result:baseAssign(result,properties);}/**
+     * Assigns own and inherited enumerable string keyed properties of source
+     * objects to the destination object for all destination properties that
+     * resolve to `undefined`. Source objects are applied from left to right.
+     * Once a property is set, additional values of the same property are ignored.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} [sources] The source objects.
+     * @returns {Object} Returns `object`.
+     * @see _.defaultsDeep
+     * @example
+     *
+     * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
+     * // => { 'a': 1, 'b': 2 }
+     */var defaults=baseRest(function(object,sources){object=Object(object);var index=-1;var length=sources.length;var guard=length>2?sources[2]:undefined;if(guard&&isIterateeCall(sources[0],sources[1],guard)){length=1;}while(++index<length){var source=sources[index];var props=keysIn(source);var propsIndex=-1;var propsLength=props.length;while(++propsIndex<propsLength){var key=props[propsIndex];var value=object[key];if(value===undefined||eq(value,objectProto[key])&&!hasOwnProperty.call(object,key)){object[key]=source[key];}}}return object;});/**
+     * This method is like `_.defaults` except that it recursively assigns
+     * default properties.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.10.0
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} [sources] The source objects.
+     * @returns {Object} Returns `object`.
+     * @see _.defaults
+     * @example
+     *
+     * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });
+     * // => { 'a': { 'b': 2, 'c': 3 } }
+     */var defaultsDeep=baseRest(function(args){args.push(undefined,customDefaultsMerge);return apply(mergeWith,undefined,args);});/**
+     * This method is like `_.find` except that it returns the key of the first
+     * element `predicate` returns truthy for instead of the element itself.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.1.0
+     * @category Object
+     * @param {Object} object The object to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {string|undefined} Returns the key of the matched element,
+     *  else `undefined`.
+     * @example
+     *
+     * var users = {
+     *   'barney':  { 'age': 36, 'active': true },
+     *   'fred':    { 'age': 40, 'active': false },
+     *   'pebbles': { 'age': 1,  'active': true }
+     * };
+     *
+     * _.findKey(users, function(o) { return o.age < 40; });
+     * // => 'barney' (iteration order is not guaranteed)
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.findKey(users, { 'age': 1, 'active': true });
+     * // => 'pebbles'
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.findKey(users, ['active', false]);
+     * // => 'fred'
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.findKey(users, 'active');
+     * // => 'barney'
+     */function findKey(object,predicate){return baseFindKey(object,getIteratee(predicate,3),baseForOwn);}/**
+     * This method is like `_.findKey` except that it iterates over elements of
+     * a collection in the opposite order.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Object
+     * @param {Object} object The object to inspect.
+     * @param {Function} [predicate=_.identity] The function invoked per iteration.
+     * @returns {string|undefined} Returns the key of the matched element,
+     *  else `undefined`.
+     * @example
+     *
+     * var users = {
+     *   'barney':  { 'age': 36, 'active': true },
+     *   'fred':    { 'age': 40, 'active': false },
+     *   'pebbles': { 'age': 1,  'active': true }
+     * };
+     *
+     * _.findLastKey(users, function(o) { return o.age < 40; });
+     * // => returns 'pebbles' assuming `_.findKey` returns 'barney'
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.findLastKey(users, { 'age': 36, 'active': true });
+     * // => 'barney'
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.findLastKey(users, ['active', false]);
+     * // => 'fred'
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.findLastKey(users, 'active');
+     * // => 'pebbles'
+     */function findLastKey(object,predicate){return baseFindKey(object,getIteratee(predicate,3),baseForOwnRight);}/**
+     * Iterates over own and inherited enumerable string keyed properties of an
+     * object and invokes `iteratee` for each property. The iteratee is invoked
+     * with three arguments: (value, key, object). Iteratee functions may exit
+     * iteration early by explicitly returning `false`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.3.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     * @see _.forInRight
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.forIn(new Foo, function(value, key) {
+     *   console.log(key);
+     * });
+     * // => Logs 'a', 'b', then 'c' (iteration order is not guaranteed).
+     */function forIn(object,iteratee){return object==null?object:baseFor(object,getIteratee(iteratee,3),keysIn);}/**
+     * This method is like `_.forIn` except that it iterates over properties of
+     * `object` in the opposite order.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     * @see _.forIn
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.forInRight(new Foo, function(value, key) {
+     *   console.log(key);
+     * });
+     * // => Logs 'c', 'b', then 'a' assuming `_.forIn` logs 'a', 'b', then 'c'.
+     */function forInRight(object,iteratee){return object==null?object:baseForRight(object,getIteratee(iteratee,3),keysIn);}/**
+     * Iterates over own enumerable string keyed properties of an object and
+     * invokes `iteratee` for each property. The iteratee is invoked with three
+     * arguments: (value, key, object). Iteratee functions may exit iteration
+     * early by explicitly returning `false`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.3.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     * @see _.forOwnRight
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.forOwn(new Foo, function(value, key) {
+     *   console.log(key);
+     * });
+     * // => Logs 'a' then 'b' (iteration order is not guaranteed).
+     */function forOwn(object,iteratee){return object&&baseForOwn(object,getIteratee(iteratee,3));}/**
+     * This method is like `_.forOwn` except that it iterates over properties of
+     * `object` in the opposite order.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.0.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns `object`.
+     * @see _.forOwn
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.forOwnRight(new Foo, function(value, key) {
+     *   console.log(key);
+     * });
+     * // => Logs 'b' then 'a' assuming `_.forOwn` logs 'a' then 'b'.
+     */function forOwnRight(object,iteratee){return object&&baseForOwnRight(object,getIteratee(iteratee,3));}/**
+     * Creates an array of function property names from own enumerable properties
+     * of `object`.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The object to inspect.
+     * @returns {Array} Returns the function names.
+     * @see _.functionsIn
+     * @example
+     *
+     * function Foo() {
+     *   this.a = _.constant('a');
+     *   this.b = _.constant('b');
+     * }
+     *
+     * Foo.prototype.c = _.constant('c');
+     *
+     * _.functions(new Foo);
+     * // => ['a', 'b']
+     */function functions(object){return object==null?[]:baseFunctions(object,keys(object));}/**
+     * Creates an array of function property names from own and inherited
+     * enumerable properties of `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The object to inspect.
+     * @returns {Array} Returns the function names.
+     * @see _.functions
+     * @example
+     *
+     * function Foo() {
+     *   this.a = _.constant('a');
+     *   this.b = _.constant('b');
+     * }
+     *
+     * Foo.prototype.c = _.constant('c');
+     *
+     * _.functionsIn(new Foo);
+     * // => ['a', 'b', 'c']
+     */function functionsIn(object){return object==null?[]:baseFunctions(object,keysIn(object));}/**
+     * Gets the value at `path` of `object`. If the resolved value is
+     * `undefined`, the `defaultValue` is returned in its place.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.7.0
+     * @category Object
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path of the property to get.
+     * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+     * @returns {*} Returns the resolved value.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+     *
+     * _.get(object, 'a[0].b.c');
+     * // => 3
+     *
+     * _.get(object, ['a', '0', 'b', 'c']);
+     * // => 3
+     *
+     * _.get(object, 'a.b.c', 'default');
+     * // => 'default'
+     */function get(object,path,defaultValue){var result=object==null?undefined:baseGet(object,path);return result===undefined?defaultValue:result;}/**
+     * Checks if `path` is a direct property of `object`.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path to check.
+     * @returns {boolean} Returns `true` if `path` exists, else `false`.
+     * @example
+     *
+     * var object = { 'a': { 'b': 2 } };
+     * var other = _.create({ 'a': _.create({ 'b': 2 }) });
+     *
+     * _.has(object, 'a');
+     * // => true
+     *
+     * _.has(object, 'a.b');
+     * // => true
+     *
+     * _.has(object, ['a', 'b']);
+     * // => true
+     *
+     * _.has(other, 'a');
+     * // => false
+     */function has(object,path){return object!=null&&hasPath(object,path,baseHas);}/**
+     * Checks if `path` is a direct or inherited property of `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path to check.
+     * @returns {boolean} Returns `true` if `path` exists, else `false`.
+     * @example
+     *
+     * var object = _.create({ 'a': _.create({ 'b': 2 }) });
+     *
+     * _.hasIn(object, 'a');
+     * // => true
+     *
+     * _.hasIn(object, 'a.b');
+     * // => true
+     *
+     * _.hasIn(object, ['a', 'b']);
+     * // => true
+     *
+     * _.hasIn(object, 'b');
+     * // => false
+     */function hasIn(object,path){return object!=null&&hasPath(object,path,baseHasIn);}/**
+     * Creates an object composed of the inverted keys and values of `object`.
+     * If `object` contains duplicate values, subsequent values overwrite
+     * property assignments of previous values.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.7.0
+     * @category Object
+     * @param {Object} object The object to invert.
+     * @returns {Object} Returns the new inverted object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': 2, 'c': 1 };
+     *
+     * _.invert(object);
+     * // => { '1': 'c', '2': 'b' }
+     */var invert=createInverter(function(result,value,key){if(value!=null&&typeof value.toString!='function'){value=nativeObjectToString.call(value);}result[value]=key;},constant(identity));/**
+     * This method is like `_.invert` except that the inverted object is generated
+     * from the results of running each element of `object` thru `iteratee`. The
+     * corresponding inverted value of each inverted key is an array of keys
+     * responsible for generating the inverted value. The iteratee is invoked
+     * with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.1.0
+     * @category Object
+     * @param {Object} object The object to invert.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {Object} Returns the new inverted object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': 2, 'c': 1 };
+     *
+     * _.invertBy(object);
+     * // => { '1': ['a', 'c'], '2': ['b'] }
+     *
+     * _.invertBy(object, function(value) {
+     *   return 'group' + value;
+     * });
+     * // => { 'group1': ['a', 'c'], 'group2': ['b'] }
+     */var invertBy=createInverter(function(result,value,key){if(value!=null&&typeof value.toString!='function'){value=nativeObjectToString.call(value);}if(hasOwnProperty.call(result,value)){result[value].push(key);}else{result[value]=[key];}},getIteratee);/**
+     * Invokes the method at `path` of `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path of the method to invoke.
+     * @param {...*} [args] The arguments to invoke the method with.
+     * @returns {*} Returns the result of the invoked method.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': [1, 2, 3, 4] } }] };
+     *
+     * _.invoke(object, 'a[0].b.c.slice', 1, 3);
+     * // => [2, 3]
+     */var invoke=baseRest(baseInvoke);/**
+     * Creates an array of the own enumerable property names of `object`.
+     *
+     * **Note:** Non-object values are coerced to objects. See the
+     * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+     * for more details.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.keys(new Foo);
+     * // => ['a', 'b'] (iteration order is not guaranteed)
+     *
+     * _.keys('hi');
+     * // => ['0', '1']
+     */function keys(object){return isArrayLike(object)?arrayLikeKeys(object):baseKeys(object);}/**
+     * Creates an array of the own and inherited enumerable property names of `object`.
+     *
+     * **Note:** Non-object values are coerced to objects.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property names.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.keysIn(new Foo);
+     * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+     */function keysIn(object){return isArrayLike(object)?arrayLikeKeys(object,true):baseKeysIn(object);}/**
+     * The opposite of `_.mapValues`; this method creates an object with the
+     * same values as `object` and keys generated by running each own enumerable
+     * string keyed property of `object` thru `iteratee`. The iteratee is invoked
+     * with three arguments: (value, key, object).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.8.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns the new mapped object.
+     * @see _.mapValues
+     * @example
+     *
+     * _.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) {
+     *   return key + value;
+     * });
+     * // => { 'a1': 1, 'b2': 2 }
+     */function mapKeys(object,iteratee){var result={};iteratee=getIteratee(iteratee,3);baseForOwn(object,function(value,key,object){baseAssignValue(result,iteratee(value,key,object),value);});return result;}/**
+     * Creates an object with the same keys as `object` and values generated
+     * by running each own enumerable string keyed property of `object` thru
+     * `iteratee`. The iteratee is invoked with three arguments:
+     * (value, key, object).
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Object} Returns the new mapped object.
+     * @see _.mapKeys
+     * @example
+     *
+     * var users = {
+     *   'fred':    { 'user': 'fred',    'age': 40 },
+     *   'pebbles': { 'user': 'pebbles', 'age': 1 }
+     * };
+     *
+     * _.mapValues(users, function(o) { return o.age; });
+     * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.mapValues(users, 'age');
+     * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
+     */function mapValues(object,iteratee){var result={};iteratee=getIteratee(iteratee,3);baseForOwn(object,function(value,key,object){baseAssignValue(result,key,iteratee(value,key,object));});return result;}/**
+     * This method is like `_.assign` except that it recursively merges own and
+     * inherited enumerable string keyed properties of source objects into the
+     * destination object. Source properties that resolve to `undefined` are
+     * skipped if a destination value exists. Array and plain object properties
+     * are merged recursively. Other objects and value types are overridden by
+     * assignment. Source objects are applied from left to right. Subsequent
+     * sources overwrite property assignments of previous sources.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.5.0
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} [sources] The source objects.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var object = {
+     *   'a': [{ 'b': 2 }, { 'd': 4 }]
+     * };
+     *
+     * var other = {
+     *   'a': [{ 'c': 3 }, { 'e': 5 }]
+     * };
+     *
+     * _.merge(object, other);
+     * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
+     */var merge=createAssigner(function(object,source,srcIndex){baseMerge(object,source,srcIndex);});/**
+     * This method is like `_.merge` except that it accepts `customizer` which
+     * is invoked to produce the merged values of the destination and source
+     * properties. If `customizer` returns `undefined`, merging is handled by the
+     * method instead. The `customizer` is invoked with six arguments:
+     * (objValue, srcValue, key, object, source, stack).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The destination object.
+     * @param {...Object} sources The source objects.
+     * @param {Function} customizer The function to customize assigned values.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * function customizer(objValue, srcValue) {
+     *   if (_.isArray(objValue)) {
+     *     return objValue.concat(srcValue);
+     *   }
+     * }
+     *
+     * var object = { 'a': [1], 'b': [2] };
+     * var other = { 'a': [3], 'b': [4] };
+     *
+     * _.mergeWith(object, other, customizer);
+     * // => { 'a': [1, 3], 'b': [2, 4] }
+     */var mergeWith=createAssigner(function(object,source,srcIndex,customizer){baseMerge(object,source,srcIndex,customizer);});/**
+     * The opposite of `_.pick`; this method creates an object composed of the
+     * own and inherited enumerable property paths of `object` that are not omitted.
+     *
+     * **Note:** This method is considerably slower than `_.pick`.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The source object.
+     * @param {...(string|string[])} [paths] The property paths to omit.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': '2', 'c': 3 };
+     *
+     * _.omit(object, ['a', 'c']);
+     * // => { 'b': '2' }
+     */var omit=flatRest(function(object,paths){var result={};if(object==null){return result;}var isDeep=false;paths=arrayMap(paths,function(path){path=castPath(path,object);isDeep||(isDeep=path.length>1);return path;});copyObject(object,getAllKeysIn(object),result);if(isDeep){result=baseClone(result,CLONE_DEEP_FLAG|CLONE_FLAT_FLAG|CLONE_SYMBOLS_FLAG,customOmitClone);}var length=paths.length;while(length--){baseUnset(result,paths[length]);}return result;});/**
+     * The opposite of `_.pickBy`; this method creates an object composed of
+     * the own and inherited enumerable string keyed properties of `object` that
+     * `predicate` doesn't return truthy for. The predicate is invoked with two
+     * arguments: (value, key).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The source object.
+     * @param {Function} [predicate=_.identity] The function invoked per property.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': '2', 'c': 3 };
+     *
+     * _.omitBy(object, _.isNumber);
+     * // => { 'b': '2' }
+     */function omitBy(object,predicate){return pickBy(object,negate(getIteratee(predicate)));}/**
+     * Creates an object composed of the picked `object` properties.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The source object.
+     * @param {...(string|string[])} [paths] The property paths to pick.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': '2', 'c': 3 };
+     *
+     * _.pick(object, ['a', 'c']);
+     * // => { 'a': 1, 'c': 3 }
+     */var pick=flatRest(function(object,paths){return object==null?{}:basePick(object,paths);});/**
+     * Creates an object composed of the `object` properties `predicate` returns
+     * truthy for. The predicate is invoked with two arguments: (value, key).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The source object.
+     * @param {Function} [predicate=_.identity] The function invoked per property.
+     * @returns {Object} Returns the new object.
+     * @example
+     *
+     * var object = { 'a': 1, 'b': '2', 'c': 3 };
+     *
+     * _.pickBy(object, _.isNumber);
+     * // => { 'a': 1, 'c': 3 }
+     */function pickBy(object,predicate){if(object==null){return{};}var props=arrayMap(getAllKeysIn(object),function(prop){return[prop];});predicate=getIteratee(predicate);return basePickBy(object,props,function(value,path){return predicate(value,path[0]);});}/**
+     * This method is like `_.get` except that if the resolved value is a
+     * function it's invoked with the `this` binding of its parent object and
+     * its result is returned.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The object to query.
+     * @param {Array|string} path The path of the property to resolve.
+     * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+     * @returns {*} Returns the resolved value.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] };
+     *
+     * _.result(object, 'a[0].b.c1');
+     * // => 3
+     *
+     * _.result(object, 'a[0].b.c2');
+     * // => 4
+     *
+     * _.result(object, 'a[0].b.c3', 'default');
+     * // => 'default'
+     *
+     * _.result(object, 'a[0].b.c3', _.constant('default'));
+     * // => 'default'
+     */function result(object,path,defaultValue){path=castPath(path,object);var index=-1,length=path.length;// Ensure the loop is entered when path is empty.
+if(!length){length=1;object=undefined;}while(++index<length){var value=object==null?undefined:object[toKey(path[index])];if(value===undefined){index=length;value=defaultValue;}object=isFunction(value)?value.call(object):value;}return object;}/**
+     * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,
+     * it's created. Arrays are created for missing index properties while objects
+     * are created for all other missing properties. Use `_.setWith` to customize
+     * `path` creation.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.7.0
+     * @category Object
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to set.
+     * @param {*} value The value to set.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+     *
+     * _.set(object, 'a[0].b.c', 4);
+     * console.log(object.a[0].b.c);
+     * // => 4
+     *
+     * _.set(object, ['x', '0', 'y', 'z'], 5);
+     * console.log(object.x[0].y.z);
+     * // => 5
+     */function set(object,path,value){return object==null?object:baseSet(object,path,value);}/**
+     * This method is like `_.set` except that it accepts `customizer` which is
+     * invoked to produce the objects of `path`.  If `customizer` returns `undefined`
+     * path creation is handled by the method instead. The `customizer` is invoked
+     * with three arguments: (nsValue, key, nsObject).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to set.
+     * @param {*} value The value to set.
+     * @param {Function} [customizer] The function to customize assigned values.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var object = {};
+     *
+     * _.setWith(object, '[0][1]', 'a', Object);
+     * // => { '0': { '1': 'a' } }
+     */function setWith(object,path,value,customizer){customizer=typeof customizer=='function'?customizer:undefined;return object==null?object:baseSet(object,path,value,customizer);}/**
+     * Creates an array of own enumerable string keyed-value pairs for `object`
+     * which can be consumed by `_.fromPairs`. If `object` is a map or set, its
+     * entries are returned.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @alias entries
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the key-value pairs.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.toPairs(new Foo);
+     * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed)
+     */var toPairs=createToPairs(keys);/**
+     * Creates an array of own and inherited enumerable string keyed-value pairs
+     * for `object` which can be consumed by `_.fromPairs`. If `object` is a map
+     * or set, its entries are returned.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @alias entriesIn
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the key-value pairs.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.toPairsIn(new Foo);
+     * // => [['a', 1], ['b', 2], ['c', 3]] (iteration order is not guaranteed)
+     */var toPairsIn=createToPairs(keysIn);/**
+     * An alternative to `_.reduce`; this method transforms `object` to a new
+     * `accumulator` object which is the result of running each of its own
+     * enumerable string keyed properties thru `iteratee`, with each invocation
+     * potentially mutating the `accumulator` object. If `accumulator` is not
+     * provided, a new object with the same `[[Prototype]]` will be used. The
+     * iteratee is invoked with four arguments: (accumulator, value, key, object).
+     * Iteratee functions may exit iteration early by explicitly returning `false`.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.3.0
+     * @category Object
+     * @param {Object} object The object to iterate over.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @param {*} [accumulator] The custom accumulator value.
+     * @returns {*} Returns the accumulated value.
+     * @example
+     *
+     * _.transform([2, 3, 4], function(result, n) {
+     *   result.push(n *= n);
+     *   return n % 2 == 0;
+     * }, []);
+     * // => [4, 9]
+     *
+     * _.transform({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {
+     *   (result[value] || (result[value] = [])).push(key);
+     * }, {});
+     * // => { '1': ['a', 'c'], '2': ['b'] }
+     */function transform(object,iteratee,accumulator){var isArr=isArray(object),isArrLike=isArr||isBuffer(object)||isTypedArray(object);iteratee=getIteratee(iteratee,4);if(accumulator==null){var Ctor=object&&object.constructor;if(isArrLike){accumulator=isArr?new Ctor():[];}else if(isObject(object)){accumulator=isFunction(Ctor)?baseCreate(getPrototype(object)):{};}else{accumulator={};}}(isArrLike?arrayEach:baseForOwn)(object,function(value,index,object){return iteratee(accumulator,value,index,object);});return accumulator;}/**
+     * Removes the property at `path` of `object`.
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Object
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to unset.
+     * @returns {boolean} Returns `true` if the property is deleted, else `false`.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 7 } }] };
+     * _.unset(object, 'a[0].b.c');
+     * // => true
+     *
+     * console.log(object);
+     * // => { 'a': [{ 'b': {} }] };
+     *
+     * _.unset(object, ['a', '0', 'b', 'c']);
+     * // => true
+     *
+     * console.log(object);
+     * // => { 'a': [{ 'b': {} }] };
+     */function unset(object,path){return object==null?true:baseUnset(object,path);}/**
+     * This method is like `_.set` except that accepts `updater` to produce the
+     * value to set. Use `_.updateWith` to customize `path` creation. The `updater`
+     * is invoked with one argument: (value).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.6.0
+     * @category Object
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to set.
+     * @param {Function} updater The function to produce the updated value.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+     *
+     * _.update(object, 'a[0].b.c', function(n) { return n * n; });
+     * console.log(object.a[0].b.c);
+     * // => 9
+     *
+     * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; });
+     * console.log(object.x[0].y.z);
+     * // => 0
+     */function update(object,path,updater){return object==null?object:baseUpdate(object,path,castFunction(updater));}/**
+     * This method is like `_.update` except that it accepts `customizer` which is
+     * invoked to produce the objects of `path`.  If `customizer` returns `undefined`
+     * path creation is handled by the method instead. The `customizer` is invoked
+     * with three arguments: (nsValue, key, nsObject).
+     *
+     * **Note:** This method mutates `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.6.0
+     * @category Object
+     * @param {Object} object The object to modify.
+     * @param {Array|string} path The path of the property to set.
+     * @param {Function} updater The function to produce the updated value.
+     * @param {Function} [customizer] The function to customize assigned values.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var object = {};
+     *
+     * _.updateWith(object, '[0][1]', _.constant('a'), Object);
+     * // => { '0': { '1': 'a' } }
+     */function updateWith(object,path,updater,customizer){customizer=typeof customizer=='function'?customizer:undefined;return object==null?object:baseUpdate(object,path,castFunction(updater),customizer);}/**
+     * Creates an array of the own enumerable string keyed property values of `object`.
+     *
+     * **Note:** Non-object values are coerced to objects.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property values.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.values(new Foo);
+     * // => [1, 2] (iteration order is not guaranteed)
+     *
+     * _.values('hi');
+     * // => ['h', 'i']
+     */function values(object){return object==null?[]:baseValues(object,keys(object));}/**
+     * Creates an array of the own and inherited enumerable string keyed property
+     * values of `object`.
+     *
+     * **Note:** Non-object values are coerced to objects.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Object
+     * @param {Object} object The object to query.
+     * @returns {Array} Returns the array of property values.
+     * @example
+     *
+     * function Foo() {
+     *   this.a = 1;
+     *   this.b = 2;
+     * }
+     *
+     * Foo.prototype.c = 3;
+     *
+     * _.valuesIn(new Foo);
+     * // => [1, 2, 3] (iteration order is not guaranteed)
+     */function valuesIn(object){return object==null?[]:baseValues(object,keysIn(object));}/*------------------------------------------------------------------------*/ /**
+     * Clamps `number` within the inclusive `lower` and `upper` bounds.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Number
+     * @param {number} number The number to clamp.
+     * @param {number} [lower] The lower bound.
+     * @param {number} upper The upper bound.
+     * @returns {number} Returns the clamped number.
+     * @example
+     *
+     * _.clamp(-10, -5, 5);
+     * // => -5
+     *
+     * _.clamp(10, -5, 5);
+     * // => 5
+     */function clamp(number,lower,upper){if(upper===undefined){upper=lower;lower=undefined;}if(upper!==undefined){upper=toNumber(upper);upper=upper===upper?upper:0;}if(lower!==undefined){lower=toNumber(lower);lower=lower===lower?lower:0;}return baseClamp(toNumber(number),lower,upper);}/**
+     * Checks if `n` is between `start` and up to, but not including, `end`. If
+     * `end` is not specified, it's set to `start` with `start` then set to `0`.
+     * If `start` is greater than `end` the params are swapped to support
+     * negative ranges.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.3.0
+     * @category Number
+     * @param {number} number The number to check.
+     * @param {number} [start=0] The start of the range.
+     * @param {number} end The end of the range.
+     * @returns {boolean} Returns `true` if `number` is in the range, else `false`.
+     * @see _.range, _.rangeRight
+     * @example
+     *
+     * _.inRange(3, 2, 4);
+     * // => true
+     *
+     * _.inRange(4, 8);
+     * // => true
+     *
+     * _.inRange(4, 2);
+     * // => false
+     *
+     * _.inRange(2, 2);
+     * // => false
+     *
+     * _.inRange(1.2, 2);
+     * // => true
+     *
+     * _.inRange(5.2, 4);
+     * // => false
+     *
+     * _.inRange(-3, -2, -6);
+     * // => true
+     */function inRange(number,start,end){start=toFinite(start);if(end===undefined){end=start;start=0;}else{end=toFinite(end);}number=toNumber(number);return baseInRange(number,start,end);}/**
+     * Produces a random number between the inclusive `lower` and `upper` bounds.
+     * If only one argument is provided a number between `0` and the given number
+     * is returned. If `floating` is `true`, or either `lower` or `upper` are
+     * floats, a floating-point number is returned instead of an integer.
+     *
+     * **Note:** JavaScript follows the IEEE-754 standard for resolving
+     * floating-point values which can produce unexpected results.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.7.0
+     * @category Number
+     * @param {number} [lower=0] The lower bound.
+     * @param {number} [upper=1] The upper bound.
+     * @param {boolean} [floating] Specify returning a floating-point number.
+     * @returns {number} Returns the random number.
+     * @example
+     *
+     * _.random(0, 5);
+     * // => an integer between 0 and 5
+     *
+     * _.random(5);
+     * // => also an integer between 0 and 5
+     *
+     * _.random(5, true);
+     * // => a floating-point number between 0 and 5
+     *
+     * _.random(1.2, 5.2);
+     * // => a floating-point number between 1.2 and 5.2
+     */function random(lower,upper,floating){if(floating&&typeof floating!='boolean'&&isIterateeCall(lower,upper,floating)){upper=floating=undefined;}if(floating===undefined){if(typeof upper=='boolean'){floating=upper;upper=undefined;}else if(typeof lower=='boolean'){floating=lower;lower=undefined;}}if(lower===undefined&&upper===undefined){lower=0;upper=1;}else{lower=toFinite(lower);if(upper===undefined){upper=lower;lower=0;}else{upper=toFinite(upper);}}if(lower>upper){var temp=lower;lower=upper;upper=temp;}if(floating||lower%1||upper%1){var rand=nativeRandom();return nativeMin(lower+rand*(upper-lower+freeParseFloat('1e-'+((rand+'').length-1))),upper);}return baseRandom(lower,upper);}/*------------------------------------------------------------------------*/ /**
+     * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the camel cased string.
+     * @example
+     *
+     * _.camelCase('Foo Bar');
+     * // => 'fooBar'
+     *
+     * _.camelCase('--foo-bar--');
+     * // => 'fooBar'
+     *
+     * _.camelCase('__FOO_BAR__');
+     * // => 'fooBar'
+     */var camelCase=createCompounder(function(result,word,index){word=word.toLowerCase();return result+(index?capitalize(word):word);});/**
+     * Converts the first character of `string` to upper case and the remaining
+     * to lower case.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to capitalize.
+     * @returns {string} Returns the capitalized string.
+     * @example
+     *
+     * _.capitalize('FRED');
+     * // => 'Fred'
+     */function capitalize(string){return upperFirst(toString(string).toLowerCase());}/**
+     * Deburrs `string` by converting
+     * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
+     * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
+     * letters to basic Latin letters and removing
+     * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to deburr.
+     * @returns {string} Returns the deburred string.
+     * @example
+     *
+     * _.deburr('déjà vu');
+     * // => 'deja vu'
+     */function deburr(string){string=toString(string);return string&&string.replace(reLatin,deburrLetter).replace(reComboMark,'');}/**
+     * Checks if `string` ends with the given target string.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to inspect.
+     * @param {string} [target] The string to search for.
+     * @param {number} [position=string.length] The position to search up to.
+     * @returns {boolean} Returns `true` if `string` ends with `target`,
+     *  else `false`.
+     * @example
+     *
+     * _.endsWith('abc', 'c');
+     * // => true
+     *
+     * _.endsWith('abc', 'b');
+     * // => false
+     *
+     * _.endsWith('abc', 'b', 2);
+     * // => true
+     */function endsWith(string,target,position){string=toString(string);target=baseToString(target);var length=string.length;position=position===undefined?length:baseClamp(toInteger(position),0,length);var end=position;position-=target.length;return position>=0&&string.slice(position,end)==target;}/**
+     * Converts the characters "&", "<", ">", '"', and "'" in `string` to their
+     * corresponding HTML entities.
+     *
+     * **Note:** No other characters are escaped. To escape additional
+     * characters use a third-party library like [_he_](https://mths.be/he).
+     *
+     * Though the ">" character is escaped for symmetry, characters like
+     * ">" and "/" don't need escaping in HTML and have no special meaning
+     * unless they're part of a tag or unquoted attribute value. See
+     * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)
+     * (under "semi-related fun fact") for more details.
+     *
+     * When working with HTML you should always
+     * [quote attribute values](http://wonko.com/post/html-escaping) to reduce
+     * XSS vectors.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category String
+     * @param {string} [string=''] The string to escape.
+     * @returns {string} Returns the escaped string.
+     * @example
+     *
+     * _.escape('fred, barney, & pebbles');
+     * // => 'fred, barney, &amp; pebbles'
+     */function escape(string){string=toString(string);return string&&reHasUnescapedHtml.test(string)?string.replace(reUnescapedHtml,escapeHtmlChar):string;}/**
+     * Escapes the `RegExp` special characters "^", "$", "\", ".", "*", "+",
+     * "?", "(", ")", "[", "]", "{", "}", and "|" in `string`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to escape.
+     * @returns {string} Returns the escaped string.
+     * @example
+     *
+     * _.escapeRegExp('[lodash](https://lodash.com/)');
+     * // => '\[lodash\]\(https://lodash\.com/\)'
+     */function escapeRegExp(string){string=toString(string);return string&&reHasRegExpChar.test(string)?string.replace(reRegExpChar,'\\$&'):string;}/**
+     * Converts `string` to
+     * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the kebab cased string.
+     * @example
+     *
+     * _.kebabCase('Foo Bar');
+     * // => 'foo-bar'
+     *
+     * _.kebabCase('fooBar');
+     * // => 'foo-bar'
+     *
+     * _.kebabCase('__FOO_BAR__');
+     * // => 'foo-bar'
+     */var kebabCase=createCompounder(function(result,word,index){return result+(index?'-':'')+word.toLowerCase();});/**
+     * Converts `string`, as space separated words, to lower case.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the lower cased string.
+     * @example
+     *
+     * _.lowerCase('--Foo-Bar--');
+     * // => 'foo bar'
+     *
+     * _.lowerCase('fooBar');
+     * // => 'foo bar'
+     *
+     * _.lowerCase('__FOO_BAR__');
+     * // => 'foo bar'
+     */var lowerCase=createCompounder(function(result,word,index){return result+(index?' ':'')+word.toLowerCase();});/**
+     * Converts the first character of `string` to lower case.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the converted string.
+     * @example
+     *
+     * _.lowerFirst('Fred');
+     * // => 'fred'
+     *
+     * _.lowerFirst('FRED');
+     * // => 'fRED'
+     */var lowerFirst=createCaseFirst('toLowerCase');/**
+     * Pads `string` on the left and right sides if it's shorter than `length`.
+     * Padding characters are truncated if they can't be evenly divided by `length`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to pad.
+     * @param {number} [length=0] The padding length.
+     * @param {string} [chars=' '] The string used as padding.
+     * @returns {string} Returns the padded string.
+     * @example
+     *
+     * _.pad('abc', 8);
+     * // => '  abc   '
+     *
+     * _.pad('abc', 8, '_-');
+     * // => '_-abc_-_'
+     *
+     * _.pad('abc', 3);
+     * // => 'abc'
+     */function pad(string,length,chars){string=toString(string);length=toInteger(length);var strLength=length?stringSize(string):0;if(!length||strLength>=length){return string;}var mid=(length-strLength)/2;return createPadding(nativeFloor(mid),chars)+string+createPadding(nativeCeil(mid),chars);}/**
+     * Pads `string` on the right side if it's shorter than `length`. Padding
+     * characters are truncated if they exceed `length`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to pad.
+     * @param {number} [length=0] The padding length.
+     * @param {string} [chars=' '] The string used as padding.
+     * @returns {string} Returns the padded string.
+     * @example
+     *
+     * _.padEnd('abc', 6);
+     * // => 'abc   '
+     *
+     * _.padEnd('abc', 6, '_-');
+     * // => 'abc_-_'
+     *
+     * _.padEnd('abc', 3);
+     * // => 'abc'
+     */function padEnd(string,length,chars){string=toString(string);length=toInteger(length);var strLength=length?stringSize(string):0;return length&&strLength<length?string+createPadding(length-strLength,chars):string;}/**
+     * Pads `string` on the left side if it's shorter than `length`. Padding
+     * characters are truncated if they exceed `length`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to pad.
+     * @param {number} [length=0] The padding length.
+     * @param {string} [chars=' '] The string used as padding.
+     * @returns {string} Returns the padded string.
+     * @example
+     *
+     * _.padStart('abc', 6);
+     * // => '   abc'
+     *
+     * _.padStart('abc', 6, '_-');
+     * // => '_-_abc'
+     *
+     * _.padStart('abc', 3);
+     * // => 'abc'
+     */function padStart(string,length,chars){string=toString(string);length=toInteger(length);var strLength=length?stringSize(string):0;return length&&strLength<length?createPadding(length-strLength,chars)+string:string;}/**
+     * Converts `string` to an integer of the specified radix. If `radix` is
+     * `undefined` or `0`, a `radix` of `10` is used unless `value` is a
+     * hexadecimal, in which case a `radix` of `16` is used.
+     *
+     * **Note:** This method aligns with the
+     * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`.
+     *
+     * @static
+     * @memberOf _
+     * @since 1.1.0
+     * @category String
+     * @param {string} string The string to convert.
+     * @param {number} [radix=10] The radix to interpret `value` by.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {number} Returns the converted integer.
+     * @example
+     *
+     * _.parseInt('08');
+     * // => 8
+     *
+     * _.map(['6', '08', '10'], _.parseInt);
+     * // => [6, 8, 10]
+     */function parseInt(string,radix,guard){if(guard||radix==null){radix=0;}else if(radix){radix=+radix;}return nativeParseInt(toString(string).replace(reTrimStart,''),radix||0);}/**
+     * Repeats the given string `n` times.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to repeat.
+     * @param {number} [n=1] The number of times to repeat the string.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {string} Returns the repeated string.
+     * @example
+     *
+     * _.repeat('*', 3);
+     * // => '***'
+     *
+     * _.repeat('abc', 2);
+     * // => 'abcabc'
+     *
+     * _.repeat('abc', 0);
+     * // => ''
+     */function repeat(string,n,guard){if(guard?isIterateeCall(string,n,guard):n===undefined){n=1;}else{n=toInteger(n);}return baseRepeat(toString(string),n);}/**
+     * Replaces matches for `pattern` in `string` with `replacement`.
+     *
+     * **Note:** This method is based on
+     * [`String#replace`](https://mdn.io/String/replace).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to modify.
+     * @param {RegExp|string} pattern The pattern to replace.
+     * @param {Function|string} replacement The match replacement.
+     * @returns {string} Returns the modified string.
+     * @example
+     *
+     * _.replace('Hi Fred', 'Fred', 'Barney');
+     * // => 'Hi Barney'
+     */function replace(){var args=arguments,string=toString(args[0]);return args.length<3?string:string.replace(args[1],args[2]);}/**
+     * Converts `string` to
+     * [snake case](https://en.wikipedia.org/wiki/Snake_case).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the snake cased string.
+     * @example
+     *
+     * _.snakeCase('Foo Bar');
+     * // => 'foo_bar'
+     *
+     * _.snakeCase('fooBar');
+     * // => 'foo_bar'
+     *
+     * _.snakeCase('--FOO-BAR--');
+     * // => 'foo_bar'
+     */var snakeCase=createCompounder(function(result,word,index){return result+(index?'_':'')+word.toLowerCase();});/**
+     * Splits `string` by `separator`.
+     *
+     * **Note:** This method is based on
+     * [`String#split`](https://mdn.io/String/split).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to split.
+     * @param {RegExp|string} separator The separator pattern to split by.
+     * @param {number} [limit] The length to truncate results to.
+     * @returns {Array} Returns the string segments.
+     * @example
+     *
+     * _.split('a-b-c', '-', 2);
+     * // => ['a', 'b']
+     */function split(string,separator,limit){if(limit&&typeof limit!='number'&&isIterateeCall(string,separator,limit)){separator=limit=undefined;}limit=limit===undefined?MAX_ARRAY_LENGTH:limit>>>0;if(!limit){return[];}string=toString(string);if(string&&(typeof separator=='string'||separator!=null&&!isRegExp(separator))){separator=baseToString(separator);if(!separator&&hasUnicode(string)){return castSlice(stringToArray(string),0,limit);}}return string.split(separator,limit);}/**
+     * Converts `string` to
+     * [start case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage).
+     *
+     * @static
+     * @memberOf _
+     * @since 3.1.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the start cased string.
+     * @example
+     *
+     * _.startCase('--foo-bar--');
+     * // => 'Foo Bar'
+     *
+     * _.startCase('fooBar');
+     * // => 'Foo Bar'
+     *
+     * _.startCase('__FOO_BAR__');
+     * // => 'FOO BAR'
+     */var startCase=createCompounder(function(result,word,index){return result+(index?' ':'')+upperFirst(word);});/**
+     * Checks if `string` starts with the given target string.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to inspect.
+     * @param {string} [target] The string to search for.
+     * @param {number} [position=0] The position to search from.
+     * @returns {boolean} Returns `true` if `string` starts with `target`,
+     *  else `false`.
+     * @example
+     *
+     * _.startsWith('abc', 'a');
+     * // => true
+     *
+     * _.startsWith('abc', 'b');
+     * // => false
+     *
+     * _.startsWith('abc', 'b', 1);
+     * // => true
+     */function startsWith(string,target,position){string=toString(string);position=position==null?0:baseClamp(toInteger(position),0,string.length);target=baseToString(target);return string.slice(position,position+target.length)==target;}/**
+     * Creates a compiled template function that can interpolate data properties
+     * in "interpolate" delimiters, HTML-escape interpolated data properties in
+     * "escape" delimiters, and execute JavaScript in "evaluate" delimiters. Data
+     * properties may be accessed as free variables in the template. If a setting
+     * object is given, it takes precedence over `_.templateSettings` values.
+     *
+     * **Note:** In the development build `_.template` utilizes
+     * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)
+     * for easier debugging.
+     *
+     * For more information on precompiling templates see
+     * [lodash's custom builds documentation](https://lodash.com/custom-builds).
+     *
+     * For more information on Chrome extension sandboxes see
+     * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category String
+     * @param {string} [string=''] The template string.
+     * @param {Object} [options={}] The options object.
+     * @param {RegExp} [options.escape=_.templateSettings.escape]
+     *  The HTML "escape" delimiter.
+     * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]
+     *  The "evaluate" delimiter.
+     * @param {Object} [options.imports=_.templateSettings.imports]
+     *  An object to import into the template as free variables.
+     * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]
+     *  The "interpolate" delimiter.
+     * @param {string} [options.sourceURL='lodash.templateSources[n]']
+     *  The sourceURL of the compiled template.
+     * @param {string} [options.variable='obj']
+     *  The data object variable name.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Function} Returns the compiled template function.
+     * @example
+     *
+     * // Use the "interpolate" delimiter to create a compiled template.
+     * var compiled = _.template('hello <%= user %>!');
+     * compiled({ 'user': 'fred' });
+     * // => 'hello fred!'
+     *
+     * // Use the HTML "escape" delimiter to escape data property values.
+     * var compiled = _.template('<b><%- value %></b>');
+     * compiled({ 'value': '<script>' });
+     * // => '<b>&lt;script&gt;</b>'
+     *
+     * // Use the "evaluate" delimiter to execute JavaScript and generate HTML.
+     * var compiled = _.template('<% _.forEach(users, function(user) { %><li><%- user %></li><% }); %>');
+     * compiled({ 'users': ['fred', 'barney'] });
+     * // => '<li>fred</li><li>barney</li>'
+     *
+     * // Use the internal `print` function in "evaluate" delimiters.
+     * var compiled = _.template('<% print("hello " + user); %>!');
+     * compiled({ 'user': 'barney' });
+     * // => 'hello barney!'
+     *
+     * // Use the ES template literal delimiter as an "interpolate" delimiter.
+     * // Disable support by replacing the "interpolate" delimiter.
+     * var compiled = _.template('hello ${ user }!');
+     * compiled({ 'user': 'pebbles' });
+     * // => 'hello pebbles!'
+     *
+     * // Use backslashes to treat delimiters as plain text.
+     * var compiled = _.template('<%= "\\<%- value %\\>" %>');
+     * compiled({ 'value': 'ignored' });
+     * // => '<%- value %>'
+     *
+     * // Use the `imports` option to import `jQuery` as `jq`.
+     * var text = '<% jq.each(users, function(user) { %><li><%- user %></li><% }); %>';
+     * var compiled = _.template(text, { 'imports': { 'jq': jQuery } });
+     * compiled({ 'users': ['fred', 'barney'] });
+     * // => '<li>fred</li><li>barney</li>'
+     *
+     * // Use the `sourceURL` option to specify a custom sourceURL for the template.
+     * var compiled = _.template('hello <%= user %>!', { 'sourceURL': '/basic/greeting.jst' });
+     * compiled(data);
+     * // => Find the source of "greeting.jst" under the Sources tab or Resources panel of the web inspector.
+     *
+     * // Use the `variable` option to ensure a with-statement isn't used in the compiled template.
+     * var compiled = _.template('hi <%= data.user %>!', { 'variable': 'data' });
+     * compiled.source;
+     * // => function(data) {
+     * //   var __t, __p = '';
+     * //   __p += 'hi ' + ((__t = ( data.user )) == null ? '' : __t) + '!';
+     * //   return __p;
+     * // }
+     *
+     * // Use custom template delimiters.
+     * _.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
+     * var compiled = _.template('hello {{ user }}!');
+     * compiled({ 'user': 'mustache' });
+     * // => 'hello mustache!'
+     *
+     * // Use the `source` property to inline compiled templates for meaningful
+     * // line numbers in error messages and stack traces.
+     * fs.writeFileSync(path.join(process.cwd(), 'jst.js'), '\
+     *   var JST = {\
+     *     "main": ' + _.template(mainText).source + '\
+     *   };\
+     * ');
+     */function template(string,options,guard){// Based on John Resig's `tmpl` implementation
+// (http://ejohn.org/blog/javascript-micro-templating/)
+// and Laura Doktorova's doT.js (https://github.com/olado/doT).
+var settings=lodash.templateSettings;if(guard&&isIterateeCall(string,options,guard)){options=undefined;}string=toString(string);options=assignInWith({},options,settings,customDefaultsAssignIn);var imports=assignInWith({},options.imports,settings.imports,customDefaultsAssignIn),importsKeys=keys(imports),importsValues=baseValues(imports,importsKeys);var isEscaping,isEvaluating,index=0,interpolate=options.interpolate||reNoMatch,source="__p += '";// Compile the regexp to match each delimiter.
+var reDelimiters=RegExp((options.escape||reNoMatch).source+'|'+interpolate.source+'|'+(interpolate===reInterpolate?reEsTemplate:reNoMatch).source+'|'+(options.evaluate||reNoMatch).source+'|$','g');// Use a sourceURL for easier debugging.
+// The sourceURL gets injected into the source that's eval-ed, so be careful
+// to normalize all kinds of whitespace, so e.g. newlines (and unicode versions of it) can't sneak in
+// and escape the comment, thus injecting code that gets evaled.
+var sourceURL='//# sourceURL='+(hasOwnProperty.call(options,'sourceURL')?(options.sourceURL+'').replace(/\s/g,' '):'lodash.templateSources['+ ++templateCounter+']')+'\n';string.replace(reDelimiters,function(match,escapeValue,interpolateValue,esTemplateValue,evaluateValue,offset){interpolateValue||(interpolateValue=esTemplateValue);// Escape characters that can't be included in string literals.
+source+=string.slice(index,offset).replace(reUnescapedString,escapeStringChar);// Replace delimiters with snippets.
+if(escapeValue){isEscaping=true;source+="' +\n__e("+escapeValue+") +\n'";}if(evaluateValue){isEvaluating=true;source+="';\n"+evaluateValue+";\n__p += '";}if(interpolateValue){source+="' +\n((__t = ("+interpolateValue+")) == null ? '' : __t) +\n'";}index=offset+match.length;// The JS engine embedded in Adobe products needs `match` returned in
+// order to produce the correct `offset` value.
+return match;});source+="';\n";// If `variable` is not specified wrap a with-statement around the generated
+// code to add the data object to the top of the scope chain.
+var variable=hasOwnProperty.call(options,'variable')&&options.variable;if(!variable){source='with (obj) {\n'+source+'\n}\n';}// Throw an error if a forbidden character was found in `variable`, to prevent
+// potential command injection attacks.
+else if(reForbiddenIdentifierChars.test(variable)){throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);}// Cleanup code by stripping empty strings.
+source=(isEvaluating?source.replace(reEmptyStringLeading,''):source).replace(reEmptyStringMiddle,'$1').replace(reEmptyStringTrailing,'$1;');// Frame code as the function body.
+source='function('+(variable||'obj')+') {\n'+(variable?'':'obj || (obj = {});\n')+"var __t, __p = ''"+(isEscaping?', __e = _.escape':'')+(isEvaluating?', __j = Array.prototype.join;\n'+"function print() { __p += __j.call(arguments, '') }\n":';\n')+source+'return __p\n}';var result=attempt(function(){return Function(importsKeys,sourceURL+'return '+source).apply(undefined,importsValues);});// Provide the compiled function's source by its `toString` method or
+// the `source` property as a convenience for inlining compiled templates.
+result.source=source;if(isError(result)){throw result;}return result;}/**
+     * Converts `string`, as a whole, to lower case just like
+     * [String#toLowerCase](https://mdn.io/toLowerCase).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the lower cased string.
+     * @example
+     *
+     * _.toLower('--Foo-Bar--');
+     * // => '--foo-bar--'
+     *
+     * _.toLower('fooBar');
+     * // => 'foobar'
+     *
+     * _.toLower('__FOO_BAR__');
+     * // => '__foo_bar__'
+     */function toLower(value){return toString(value).toLowerCase();}/**
+     * Converts `string`, as a whole, to upper case just like
+     * [String#toUpperCase](https://mdn.io/toUpperCase).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the upper cased string.
+     * @example
+     *
+     * _.toUpper('--foo-bar--');
+     * // => '--FOO-BAR--'
+     *
+     * _.toUpper('fooBar');
+     * // => 'FOOBAR'
+     *
+     * _.toUpper('__foo_bar__');
+     * // => '__FOO_BAR__'
+     */function toUpper(value){return toString(value).toUpperCase();}/**
+     * Removes leading and trailing whitespace or specified characters from `string`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to trim.
+     * @param {string} [chars=whitespace] The characters to trim.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {string} Returns the trimmed string.
+     * @example
+     *
+     * _.trim('  abc  ');
+     * // => 'abc'
+     *
+     * _.trim('-_-abc-_-', '_-');
+     * // => 'abc'
+     *
+     * _.map(['  foo  ', '  bar  '], _.trim);
+     * // => ['foo', 'bar']
+     */function trim(string,chars,guard){string=toString(string);if(string&&(guard||chars===undefined)){return baseTrim(string);}if(!string||!(chars=baseToString(chars))){return string;}var strSymbols=stringToArray(string),chrSymbols=stringToArray(chars),start=charsStartIndex(strSymbols,chrSymbols),end=charsEndIndex(strSymbols,chrSymbols)+1;return castSlice(strSymbols,start,end).join('');}/**
+     * Removes trailing whitespace or specified characters from `string`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to trim.
+     * @param {string} [chars=whitespace] The characters to trim.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {string} Returns the trimmed string.
+     * @example
+     *
+     * _.trimEnd('  abc  ');
+     * // => '  abc'
+     *
+     * _.trimEnd('-_-abc-_-', '_-');
+     * // => '-_-abc'
+     */function trimEnd(string,chars,guard){string=toString(string);if(string&&(guard||chars===undefined)){return string.slice(0,trimmedEndIndex(string)+1);}if(!string||!(chars=baseToString(chars))){return string;}var strSymbols=stringToArray(string),end=charsEndIndex(strSymbols,stringToArray(chars))+1;return castSlice(strSymbols,0,end).join('');}/**
+     * Removes leading whitespace or specified characters from `string`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to trim.
+     * @param {string} [chars=whitespace] The characters to trim.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {string} Returns the trimmed string.
+     * @example
+     *
+     * _.trimStart('  abc  ');
+     * // => 'abc  '
+     *
+     * _.trimStart('-_-abc-_-', '_-');
+     * // => 'abc-_-'
+     */function trimStart(string,chars,guard){string=toString(string);if(string&&(guard||chars===undefined)){return string.replace(reTrimStart,'');}if(!string||!(chars=baseToString(chars))){return string;}var strSymbols=stringToArray(string),start=charsStartIndex(strSymbols,stringToArray(chars));return castSlice(strSymbols,start).join('');}/**
+     * Truncates `string` if it's longer than the given maximum string length.
+     * The last characters of the truncated string are replaced with the omission
+     * string which defaults to "...".
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to truncate.
+     * @param {Object} [options={}] The options object.
+     * @param {number} [options.length=30] The maximum string length.
+     * @param {string} [options.omission='...'] The string to indicate text is omitted.
+     * @param {RegExp|string} [options.separator] The separator pattern to truncate to.
+     * @returns {string} Returns the truncated string.
+     * @example
+     *
+     * _.truncate('hi-diddly-ho there, neighborino');
+     * // => 'hi-diddly-ho there, neighbo...'
+     *
+     * _.truncate('hi-diddly-ho there, neighborino', {
+     *   'length': 24,
+     *   'separator': ' '
+     * });
+     * // => 'hi-diddly-ho there,...'
+     *
+     * _.truncate('hi-diddly-ho there, neighborino', {
+     *   'length': 24,
+     *   'separator': /,? +/
+     * });
+     * // => 'hi-diddly-ho there...'
+     *
+     * _.truncate('hi-diddly-ho there, neighborino', {
+     *   'omission': ' [...]'
+     * });
+     * // => 'hi-diddly-ho there, neig [...]'
+     */function truncate(string,options){var length=DEFAULT_TRUNC_LENGTH,omission=DEFAULT_TRUNC_OMISSION;if(isObject(options)){var separator='separator'in options?options.separator:separator;length='length'in options?toInteger(options.length):length;omission='omission'in options?baseToString(options.omission):omission;}string=toString(string);var strLength=string.length;if(hasUnicode(string)){var strSymbols=stringToArray(string);strLength=strSymbols.length;}if(length>=strLength){return string;}var end=length-stringSize(omission);if(end<1){return omission;}var result=strSymbols?castSlice(strSymbols,0,end).join(''):string.slice(0,end);if(separator===undefined){return result+omission;}if(strSymbols){end+=result.length-end;}if(isRegExp(separator)){if(string.slice(end).search(separator)){var match,substring=result;if(!separator.global){separator=RegExp(separator.source,toString(reFlags.exec(separator))+'g');}separator.lastIndex=0;while(match=separator.exec(substring)){var newEnd=match.index;}result=result.slice(0,newEnd===undefined?end:newEnd);}}else if(string.indexOf(baseToString(separator),end)!=end){var index=result.lastIndexOf(separator);if(index>-1){result=result.slice(0,index);}}return result+omission;}/**
+     * The inverse of `_.escape`; this method converts the HTML entities
+     * `&amp;`, `&lt;`, `&gt;`, `&quot;`, and `&#39;` in `string` to
+     * their corresponding characters.
+     *
+     * **Note:** No other HTML entities are unescaped. To unescape additional
+     * HTML entities use a third-party library like [_he_](https://mths.be/he).
+     *
+     * @static
+     * @memberOf _
+     * @since 0.6.0
+     * @category String
+     * @param {string} [string=''] The string to unescape.
+     * @returns {string} Returns the unescaped string.
+     * @example
+     *
+     * _.unescape('fred, barney, &amp; pebbles');
+     * // => 'fred, barney, & pebbles'
+     */function unescape(string){string=toString(string);return string&&reHasEscapedHtml.test(string)?string.replace(reEscapedHtml,unescapeHtmlChar):string;}/**
+     * Converts `string`, as space separated words, to upper case.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the upper cased string.
+     * @example
+     *
+     * _.upperCase('--foo-bar');
+     * // => 'FOO BAR'
+     *
+     * _.upperCase('fooBar');
+     * // => 'FOO BAR'
+     *
+     * _.upperCase('__foo_bar__');
+     * // => 'FOO BAR'
+     */var upperCase=createCompounder(function(result,word,index){return result+(index?' ':'')+word.toUpperCase();});/**
+     * Converts the first character of `string` to upper case.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category String
+     * @param {string} [string=''] The string to convert.
+     * @returns {string} Returns the converted string.
+     * @example
+     *
+     * _.upperFirst('fred');
+     * // => 'Fred'
+     *
+     * _.upperFirst('FRED');
+     * // => 'FRED'
+     */var upperFirst=createCaseFirst('toUpperCase');/**
+     * Splits `string` into an array of its words.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category String
+     * @param {string} [string=''] The string to inspect.
+     * @param {RegExp|string} [pattern] The pattern to match words.
+     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+     * @returns {Array} Returns the words of `string`.
+     * @example
+     *
+     * _.words('fred, barney, & pebbles');
+     * // => ['fred', 'barney', 'pebbles']
+     *
+     * _.words('fred, barney, & pebbles', /[^, ]+/g);
+     * // => ['fred', 'barney', '&', 'pebbles']
+     */function words(string,pattern,guard){string=toString(string);pattern=guard?undefined:pattern;if(pattern===undefined){return hasUnicodeWord(string)?unicodeWords(string):asciiWords(string);}return string.match(pattern)||[];}/*------------------------------------------------------------------------*/ /**
+     * Attempts to invoke `func`, returning either the result or the caught error
+     * object. Any additional arguments are provided to `func` when it's invoked.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Util
+     * @param {Function} func The function to attempt.
+     * @param {...*} [args] The arguments to invoke `func` with.
+     * @returns {*} Returns the `func` result or error object.
+     * @example
+     *
+     * // Avoid throwing errors for invalid selectors.
+     * var elements = _.attempt(function(selector) {
+     *   return document.querySelectorAll(selector);
+     * }, '>_>');
+     *
+     * if (_.isError(elements)) {
+     *   elements = [];
+     * }
+     */var attempt=baseRest(function(func,args){try{return apply(func,undefined,args);}catch(e){return isError(e)?e:new Error(e);}});/**
+     * Binds methods of an object to the object itself, overwriting the existing
+     * method.
+     *
+     * **Note:** This method doesn't set the "length" property of bound functions.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {Object} object The object to bind and assign the bound methods to.
+     * @param {...(string|string[])} methodNames The object method names to bind.
+     * @returns {Object} Returns `object`.
+     * @example
+     *
+     * var view = {
+     *   'label': 'docs',
+     *   'click': function() {
+     *     console.log('clicked ' + this.label);
+     *   }
+     * };
+     *
+     * _.bindAll(view, ['click']);
+     * jQuery(element).on('click', view.click);
+     * // => Logs 'clicked docs' when clicked.
+     */var bindAll=flatRest(function(object,methodNames){arrayEach(methodNames,function(key){key=toKey(key);baseAssignValue(object,key,bind(object[key],object));});return object;});/**
+     * Creates a function that iterates over `pairs` and invokes the corresponding
+     * function of the first predicate to return truthy. The predicate-function
+     * pairs are invoked with the `this` binding and arguments of the created
+     * function.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {Array} pairs The predicate-function pairs.
+     * @returns {Function} Returns the new composite function.
+     * @example
+     *
+     * var func = _.cond([
+     *   [_.matches({ 'a': 1 }),           _.constant('matches A')],
+     *   [_.conforms({ 'b': _.isNumber }), _.constant('matches B')],
+     *   [_.stubTrue,                      _.constant('no match')]
+     * ]);
+     *
+     * func({ 'a': 1, 'b': 2 });
+     * // => 'matches A'
+     *
+     * func({ 'a': 0, 'b': 1 });
+     * // => 'matches B'
+     *
+     * func({ 'a': '1', 'b': '2' });
+     * // => 'no match'
+     */function cond(pairs){var length=pairs==null?0:pairs.length,toIteratee=getIteratee();pairs=!length?[]:arrayMap(pairs,function(pair){if(typeof pair[1]!='function'){throw new TypeError(FUNC_ERROR_TEXT);}return[toIteratee(pair[0]),pair[1]];});return baseRest(function(args){var index=-1;while(++index<length){var pair=pairs[index];if(apply(pair[0],this,args)){return apply(pair[1],this,args);}}});}/**
+     * Creates a function that invokes the predicate properties of `source` with
+     * the corresponding property values of a given object, returning `true` if
+     * all predicates return truthy, else `false`.
+     *
+     * **Note:** The created function is equivalent to `_.conformsTo` with
+     * `source` partially applied.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {Object} source The object of property predicates to conform to.
+     * @returns {Function} Returns the new spec function.
+     * @example
+     *
+     * var objects = [
+     *   { 'a': 2, 'b': 1 },
+     *   { 'a': 1, 'b': 2 }
+     * ];
+     *
+     * _.filter(objects, _.conforms({ 'b': function(n) { return n > 1; } }));
+     * // => [{ 'a': 1, 'b': 2 }]
+     */function conforms(source){return baseConforms(baseClone(source,CLONE_DEEP_FLAG));}/**
+     * Creates a function that returns `value`.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Util
+     * @param {*} value The value to return from the new function.
+     * @returns {Function} Returns the new constant function.
+     * @example
+     *
+     * var objects = _.times(2, _.constant({ 'a': 1 }));
+     *
+     * console.log(objects);
+     * // => [{ 'a': 1 }, { 'a': 1 }]
+     *
+     * console.log(objects[0] === objects[1]);
+     * // => true
+     */function constant(value){return function(){return value;};}/**
+     * Checks `value` to determine whether a default value should be returned in
+     * its place. The `defaultValue` is returned if `value` is `NaN`, `null`,
+     * or `undefined`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.14.0
+     * @category Util
+     * @param {*} value The value to check.
+     * @param {*} defaultValue The default value.
+     * @returns {*} Returns the resolved value.
+     * @example
+     *
+     * _.defaultTo(1, 10);
+     * // => 1
+     *
+     * _.defaultTo(undefined, 10);
+     * // => 10
+     */function defaultTo(value,defaultValue){return value==null||value!==value?defaultValue:value;}/**
+     * Creates a function that returns the result of invoking the given functions
+     * with the `this` binding of the created function, where each successive
+     * invocation is supplied the return value of the previous.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Util
+     * @param {...(Function|Function[])} [funcs] The functions to invoke.
+     * @returns {Function} Returns the new composite function.
+     * @see _.flowRight
+     * @example
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * var addSquare = _.flow([_.add, square]);
+     * addSquare(1, 2);
+     * // => 9
+     */var flow=createFlow();/**
+     * This method is like `_.flow` except that it creates a function that
+     * invokes the given functions from right to left.
+     *
+     * @static
+     * @since 3.0.0
+     * @memberOf _
+     * @category Util
+     * @param {...(Function|Function[])} [funcs] The functions to invoke.
+     * @returns {Function} Returns the new composite function.
+     * @see _.flow
+     * @example
+     *
+     * function square(n) {
+     *   return n * n;
+     * }
+     *
+     * var addSquare = _.flowRight([square, _.add]);
+     * addSquare(1, 2);
+     * // => 9
+     */var flowRight=createFlow(true);/**
+     * This method returns the first argument it receives.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {*} value Any value.
+     * @returns {*} Returns `value`.
+     * @example
+     *
+     * var object = { 'a': 1 };
+     *
+     * console.log(_.identity(object) === object);
+     * // => true
+     */function identity(value){return value;}/**
+     * Creates a function that invokes `func` with the arguments of the created
+     * function. If `func` is a property name, the created function returns the
+     * property value for a given element. If `func` is an array or object, the
+     * created function returns `true` for elements that contain the equivalent
+     * source properties, otherwise it returns `false`.
+     *
+     * @static
+     * @since 4.0.0
+     * @memberOf _
+     * @category Util
+     * @param {*} [func=_.identity] The value to convert to a callback.
+     * @returns {Function} Returns the callback.
+     * @example
+     *
+     * var users = [
+     *   { 'user': 'barney', 'age': 36, 'active': true },
+     *   { 'user': 'fred',   'age': 40, 'active': false }
+     * ];
+     *
+     * // The `_.matches` iteratee shorthand.
+     * _.filter(users, _.iteratee({ 'user': 'barney', 'active': true }));
+     * // => [{ 'user': 'barney', 'age': 36, 'active': true }]
+     *
+     * // The `_.matchesProperty` iteratee shorthand.
+     * _.filter(users, _.iteratee(['user', 'fred']));
+     * // => [{ 'user': 'fred', 'age': 40 }]
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.map(users, _.iteratee('user'));
+     * // => ['barney', 'fred']
+     *
+     * // Create custom iteratee shorthands.
+     * _.iteratee = _.wrap(_.iteratee, function(iteratee, func) {
+     *   return !_.isRegExp(func) ? iteratee(func) : function(string) {
+     *     return func.test(string);
+     *   };
+     * });
+     *
+     * _.filter(['abc', 'def'], /ef/);
+     * // => ['def']
+     */function iteratee(func){return baseIteratee(typeof func=='function'?func:baseClone(func,CLONE_DEEP_FLAG));}/**
+     * Creates a function that performs a partial deep comparison between a given
+     * object and `source`, returning `true` if the given object has equivalent
+     * property values, else `false`.
+     *
+     * **Note:** The created function is equivalent to `_.isMatch` with `source`
+     * partially applied.
+     *
+     * Partial comparisons will match empty array and empty object `source`
+     * values against any array or object value, respectively. See `_.isEqual`
+     * for a list of supported value comparisons.
+     *
+     * **Note:** Multiple values can be checked by combining several matchers
+     * using `_.overSome`
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Util
+     * @param {Object} source The object of property values to match.
+     * @returns {Function} Returns the new spec function.
+     * @example
+     *
+     * var objects = [
+     *   { 'a': 1, 'b': 2, 'c': 3 },
+     *   { 'a': 4, 'b': 5, 'c': 6 }
+     * ];
+     *
+     * _.filter(objects, _.matches({ 'a': 4, 'c': 6 }));
+     * // => [{ 'a': 4, 'b': 5, 'c': 6 }]
+     *
+     * // Checking for several possible values
+     * _.filter(objects, _.overSome([_.matches({ 'a': 1 }), _.matches({ 'a': 4 })]));
+     * // => [{ 'a': 1, 'b': 2, 'c': 3 }, { 'a': 4, 'b': 5, 'c': 6 }]
+     */function matches(source){return baseMatches(baseClone(source,CLONE_DEEP_FLAG));}/**
+     * Creates a function that performs a partial deep comparison between the
+     * value at `path` of a given object to `srcValue`, returning `true` if the
+     * object value is equivalent, else `false`.
+     *
+     * **Note:** Partial comparisons will match empty array and empty object
+     * `srcValue` values against any array or object value, respectively. See
+     * `_.isEqual` for a list of supported value comparisons.
+     *
+     * **Note:** Multiple values can be checked by combining several matchers
+     * using `_.overSome`
+     *
+     * @static
+     * @memberOf _
+     * @since 3.2.0
+     * @category Util
+     * @param {Array|string} path The path of the property to get.
+     * @param {*} srcValue The value to match.
+     * @returns {Function} Returns the new spec function.
+     * @example
+     *
+     * var objects = [
+     *   { 'a': 1, 'b': 2, 'c': 3 },
+     *   { 'a': 4, 'b': 5, 'c': 6 }
+     * ];
+     *
+     * _.find(objects, _.matchesProperty('a', 4));
+     * // => { 'a': 4, 'b': 5, 'c': 6 }
+     *
+     * // Checking for several possible values
+     * _.filter(objects, _.overSome([_.matchesProperty('a', 1), _.matchesProperty('a', 4)]));
+     * // => [{ 'a': 1, 'b': 2, 'c': 3 }, { 'a': 4, 'b': 5, 'c': 6 }]
+     */function matchesProperty(path,srcValue){return baseMatchesProperty(path,baseClone(srcValue,CLONE_DEEP_FLAG));}/**
+     * Creates a function that invokes the method at `path` of a given object.
+     * Any additional arguments are provided to the invoked method.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.7.0
+     * @category Util
+     * @param {Array|string} path The path of the method to invoke.
+     * @param {...*} [args] The arguments to invoke the method with.
+     * @returns {Function} Returns the new invoker function.
+     * @example
+     *
+     * var objects = [
+     *   { 'a': { 'b': _.constant(2) } },
+     *   { 'a': { 'b': _.constant(1) } }
+     * ];
+     *
+     * _.map(objects, _.method('a.b'));
+     * // => [2, 1]
+     *
+     * _.map(objects, _.method(['a', 'b']));
+     * // => [2, 1]
+     */var method=baseRest(function(path,args){return function(object){return baseInvoke(object,path,args);};});/**
+     * The opposite of `_.method`; this method creates a function that invokes
+     * the method at a given path of `object`. Any additional arguments are
+     * provided to the invoked method.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.7.0
+     * @category Util
+     * @param {Object} object The object to query.
+     * @param {...*} [args] The arguments to invoke the method with.
+     * @returns {Function} Returns the new invoker function.
+     * @example
+     *
+     * var array = _.times(3, _.constant),
+     *     object = { 'a': array, 'b': array, 'c': array };
+     *
+     * _.map(['a[2]', 'c[0]'], _.methodOf(object));
+     * // => [2, 0]
+     *
+     * _.map([['a', '2'], ['c', '0']], _.methodOf(object));
+     * // => [2, 0]
+     */var methodOf=baseRest(function(object,args){return function(path){return baseInvoke(object,path,args);};});/**
+     * Adds all own enumerable string keyed function properties of a source
+     * object to the destination object. If `object` is a function, then methods
+     * are added to its prototype as well.
+     *
+     * **Note:** Use `_.runInContext` to create a pristine `lodash` function to
+     * avoid conflicts caused by modifying the original.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {Function|Object} [object=lodash] The destination object.
+     * @param {Object} source The object of functions to add.
+     * @param {Object} [options={}] The options object.
+     * @param {boolean} [options.chain=true] Specify whether mixins are chainable.
+     * @returns {Function|Object} Returns `object`.
+     * @example
+     *
+     * function vowels(string) {
+     *   return _.filter(string, function(v) {
+     *     return /[aeiou]/i.test(v);
+     *   });
+     * }
+     *
+     * _.mixin({ 'vowels': vowels });
+     * _.vowels('fred');
+     * // => ['e']
+     *
+     * _('fred').vowels().value();
+     * // => ['e']
+     *
+     * _.mixin({ 'vowels': vowels }, { 'chain': false });
+     * _('fred').vowels();
+     * // => ['e']
+     */function mixin(object,source,options){var props=keys(source),methodNames=baseFunctions(source,props);if(options==null&&!(isObject(source)&&(methodNames.length||!props.length))){options=source;source=object;object=this;methodNames=baseFunctions(source,keys(source));}var chain=!(isObject(options)&&'chain'in options)||!!options.chain,isFunc=isFunction(object);arrayEach(methodNames,function(methodName){var func=source[methodName];object[methodName]=func;if(isFunc){object.prototype[methodName]=function(){var chainAll=this.__chain__;if(chain||chainAll){var result=object(this.__wrapped__),actions=result.__actions__=copyArray(this.__actions__);actions.push({'func':func,'args':arguments,'thisArg':object});result.__chain__=chainAll;return result;}return func.apply(object,arrayPush([this.value()],arguments));};}});return object;}/**
+     * Reverts the `_` variable to its previous value and returns a reference to
+     * the `lodash` function.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @returns {Function} Returns the `lodash` function.
+     * @example
+     *
+     * var lodash = _.noConflict();
+     */function noConflict(){if(root._===this){root._=oldDash;}return this;}/**
+     * This method returns `undefined`.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.3.0
+     * @category Util
+     * @example
+     *
+     * _.times(2, _.noop);
+     * // => [undefined, undefined]
+     */function noop(){// No operation performed.
+}/**
+     * Creates a function that gets the argument at index `n`. If `n` is negative,
+     * the nth argument from the end is returned.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {number} [n=0] The index of the argument to return.
+     * @returns {Function} Returns the new pass-thru function.
+     * @example
+     *
+     * var func = _.nthArg(1);
+     * func('a', 'b', 'c', 'd');
+     * // => 'b'
+     *
+     * var func = _.nthArg(-2);
+     * func('a', 'b', 'c', 'd');
+     * // => 'c'
+     */function nthArg(n){n=toInteger(n);return baseRest(function(args){return baseNth(args,n);});}/**
+     * Creates a function that invokes `iteratees` with the arguments it receives
+     * and returns their results.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {...(Function|Function[])} [iteratees=[_.identity]]
+     *  The iteratees to invoke.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var func = _.over([Math.max, Math.min]);
+     *
+     * func(1, 2, 3, 4);
+     * // => [4, 1]
+     */var over=createOver(arrayMap);/**
+     * Creates a function that checks if **all** of the `predicates` return
+     * truthy when invoked with the arguments it receives.
+     *
+     * Following shorthands are possible for providing predicates.
+     * Pass an `Object` and it will be used as an parameter for `_.matches` to create the predicate.
+     * Pass an `Array` of parameters for `_.matchesProperty` and the predicate will be created using them.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {...(Function|Function[])} [predicates=[_.identity]]
+     *  The predicates to check.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var func = _.overEvery([Boolean, isFinite]);
+     *
+     * func('1');
+     * // => true
+     *
+     * func(null);
+     * // => false
+     *
+     * func(NaN);
+     * // => false
+     */var overEvery=createOver(arrayEvery);/**
+     * Creates a function that checks if **any** of the `predicates` return
+     * truthy when invoked with the arguments it receives.
+     *
+     * Following shorthands are possible for providing predicates.
+     * Pass an `Object` and it will be used as an parameter for `_.matches` to create the predicate.
+     * Pass an `Array` of parameters for `_.matchesProperty` and the predicate will be created using them.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {...(Function|Function[])} [predicates=[_.identity]]
+     *  The predicates to check.
+     * @returns {Function} Returns the new function.
+     * @example
+     *
+     * var func = _.overSome([Boolean, isFinite]);
+     *
+     * func('1');
+     * // => true
+     *
+     * func(null);
+     * // => true
+     *
+     * func(NaN);
+     * // => false
+     *
+     * var matchesFunc = _.overSome([{ 'a': 1 }, { 'a': 2 }])
+     * var matchesPropertyFunc = _.overSome([['a', 1], ['a', 2]])
+     */var overSome=createOver(arraySome);/**
+     * Creates a function that returns the value at `path` of a given object.
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Util
+     * @param {Array|string} path The path of the property to get.
+     * @returns {Function} Returns the new accessor function.
+     * @example
+     *
+     * var objects = [
+     *   { 'a': { 'b': 2 } },
+     *   { 'a': { 'b': 1 } }
+     * ];
+     *
+     * _.map(objects, _.property('a.b'));
+     * // => [2, 1]
+     *
+     * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');
+     * // => [1, 2]
+     */function property(path){return isKey(path)?baseProperty(toKey(path)):basePropertyDeep(path);}/**
+     * The opposite of `_.property`; this method creates a function that returns
+     * the value at a given path of `object`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.0.0
+     * @category Util
+     * @param {Object} object The object to query.
+     * @returns {Function} Returns the new accessor function.
+     * @example
+     *
+     * var array = [0, 1, 2],
+     *     object = { 'a': array, 'b': array, 'c': array };
+     *
+     * _.map(['a[2]', 'c[0]'], _.propertyOf(object));
+     * // => [2, 0]
+     *
+     * _.map([['a', '2'], ['c', '0']], _.propertyOf(object));
+     * // => [2, 0]
+     */function propertyOf(object){return function(path){return object==null?undefined:baseGet(object,path);};}/**
+     * Creates an array of numbers (positive and/or negative) progressing from
+     * `start` up to, but not including, `end`. A step of `-1` is used if a negative
+     * `start` is specified without an `end` or `step`. If `end` is not specified,
+     * it's set to `start` with `start` then set to `0`.
+     *
+     * **Note:** JavaScript follows the IEEE-754 standard for resolving
+     * floating-point values which can produce unexpected results.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {number} [start=0] The start of the range.
+     * @param {number} end The end of the range.
+     * @param {number} [step=1] The value to increment or decrement by.
+     * @returns {Array} Returns the range of numbers.
+     * @see _.inRange, _.rangeRight
+     * @example
+     *
+     * _.range(4);
+     * // => [0, 1, 2, 3]
+     *
+     * _.range(-4);
+     * // => [0, -1, -2, -3]
+     *
+     * _.range(1, 5);
+     * // => [1, 2, 3, 4]
+     *
+     * _.range(0, 20, 5);
+     * // => [0, 5, 10, 15]
+     *
+     * _.range(0, -4, -1);
+     * // => [0, -1, -2, -3]
+     *
+     * _.range(1, 4, 0);
+     * // => [1, 1, 1]
+     *
+     * _.range(0);
+     * // => []
+     */var range=createRange();/**
+     * This method is like `_.range` except that it populates values in
+     * descending order.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {number} [start=0] The start of the range.
+     * @param {number} end The end of the range.
+     * @param {number} [step=1] The value to increment or decrement by.
+     * @returns {Array} Returns the range of numbers.
+     * @see _.inRange, _.range
+     * @example
+     *
+     * _.rangeRight(4);
+     * // => [3, 2, 1, 0]
+     *
+     * _.rangeRight(-4);
+     * // => [-3, -2, -1, 0]
+     *
+     * _.rangeRight(1, 5);
+     * // => [4, 3, 2, 1]
+     *
+     * _.rangeRight(0, 20, 5);
+     * // => [15, 10, 5, 0]
+     *
+     * _.rangeRight(0, -4, -1);
+     * // => [-3, -2, -1, 0]
+     *
+     * _.rangeRight(1, 4, 0);
+     * // => [1, 1, 1]
+     *
+     * _.rangeRight(0);
+     * // => []
+     */var rangeRight=createRange(true);/**
+     * This method returns a new empty array.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.13.0
+     * @category Util
+     * @returns {Array} Returns the new empty array.
+     * @example
+     *
+     * var arrays = _.times(2, _.stubArray);
+     *
+     * console.log(arrays);
+     * // => [[], []]
+     *
+     * console.log(arrays[0] === arrays[1]);
+     * // => false
+     */function stubArray(){return[];}/**
+     * This method returns `false`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.13.0
+     * @category Util
+     * @returns {boolean} Returns `false`.
+     * @example
+     *
+     * _.times(2, _.stubFalse);
+     * // => [false, false]
+     */function stubFalse(){return false;}/**
+     * This method returns a new empty object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.13.0
+     * @category Util
+     * @returns {Object} Returns the new empty object.
+     * @example
+     *
+     * var objects = _.times(2, _.stubObject);
+     *
+     * console.log(objects);
+     * // => [{}, {}]
+     *
+     * console.log(objects[0] === objects[1]);
+     * // => false
+     */function stubObject(){return{};}/**
+     * This method returns an empty string.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.13.0
+     * @category Util
+     * @returns {string} Returns the empty string.
+     * @example
+     *
+     * _.times(2, _.stubString);
+     * // => ['', '']
+     */function stubString(){return'';}/**
+     * This method returns `true`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.13.0
+     * @category Util
+     * @returns {boolean} Returns `true`.
+     * @example
+     *
+     * _.times(2, _.stubTrue);
+     * // => [true, true]
+     */function stubTrue(){return true;}/**
+     * Invokes the iteratee `n` times, returning an array of the results of
+     * each invocation. The iteratee is invoked with one argument; (index).
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {number} n The number of times to invoke `iteratee`.
+     * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+     * @returns {Array} Returns the array of results.
+     * @example
+     *
+     * _.times(3, String);
+     * // => ['0', '1', '2']
+     *
+     *  _.times(4, _.constant(0));
+     * // => [0, 0, 0, 0]
+     */function times(n,iteratee){n=toInteger(n);if(n<1||n>MAX_SAFE_INTEGER){return[];}var index=MAX_ARRAY_LENGTH,length=nativeMin(n,MAX_ARRAY_LENGTH);iteratee=getIteratee(iteratee);n-=MAX_ARRAY_LENGTH;var result=baseTimes(length,iteratee);while(++index<n){iteratee(index);}return result;}/**
+     * Converts `value` to a property path array.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Util
+     * @param {*} value The value to convert.
+     * @returns {Array} Returns the new property path array.
+     * @example
+     *
+     * _.toPath('a.b.c');
+     * // => ['a', 'b', 'c']
+     *
+     * _.toPath('a[0].b.c');
+     * // => ['a', '0', 'b', 'c']
+     */function toPath(value){if(isArray(value)){return arrayMap(value,toKey);}return isSymbol(value)?[value]:copyArray(stringToPath(toString(value)));}/**
+     * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Util
+     * @param {string} [prefix=''] The value to prefix the ID with.
+     * @returns {string} Returns the unique ID.
+     * @example
+     *
+     * _.uniqueId('contact_');
+     * // => 'contact_104'
+     *
+     * _.uniqueId();
+     * // => '105'
+     */function uniqueId(prefix){var id=++idCounter;return toString(prefix)+id;}/*------------------------------------------------------------------------*/ /**
+     * Adds two numbers.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.4.0
+     * @category Math
+     * @param {number} augend The first number in an addition.
+     * @param {number} addend The second number in an addition.
+     * @returns {number} Returns the total.
+     * @example
+     *
+     * _.add(6, 4);
+     * // => 10
+     */var add=createMathOperation(function(augend,addend){return augend+addend;},0);/**
+     * Computes `number` rounded up to `precision`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.10.0
+     * @category Math
+     * @param {number} number The number to round up.
+     * @param {number} [precision=0] The precision to round up to.
+     * @returns {number} Returns the rounded up number.
+     * @example
+     *
+     * _.ceil(4.006);
+     * // => 5
+     *
+     * _.ceil(6.004, 2);
+     * // => 6.01
+     *
+     * _.ceil(6040, -2);
+     * // => 6100
+     */var ceil=createRound('ceil');/**
+     * Divide two numbers.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.7.0
+     * @category Math
+     * @param {number} dividend The first number in a division.
+     * @param {number} divisor The second number in a division.
+     * @returns {number} Returns the quotient.
+     * @example
+     *
+     * _.divide(6, 4);
+     * // => 1.5
+     */var divide=createMathOperation(function(dividend,divisor){return dividend/divisor;},1);/**
+     * Computes `number` rounded down to `precision`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.10.0
+     * @category Math
+     * @param {number} number The number to round down.
+     * @param {number} [precision=0] The precision to round down to.
+     * @returns {number} Returns the rounded down number.
+     * @example
+     *
+     * _.floor(4.006);
+     * // => 4
+     *
+     * _.floor(0.046, 2);
+     * // => 0.04
+     *
+     * _.floor(4060, -2);
+     * // => 4000
+     */var floor=createRound('floor');/**
+     * Computes the maximum value of `array`. If `array` is empty or falsey,
+     * `undefined` is returned.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @returns {*} Returns the maximum value.
+     * @example
+     *
+     * _.max([4, 2, 8, 6]);
+     * // => 8
+     *
+     * _.max([]);
+     * // => undefined
+     */function max(array){return array&&array.length?baseExtremum(array,identity,baseGt):undefined;}/**
+     * This method is like `_.max` except that it accepts `iteratee` which is
+     * invoked for each element in `array` to generate the criterion by which
+     * the value is ranked. The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {*} Returns the maximum value.
+     * @example
+     *
+     * var objects = [{ 'n': 1 }, { 'n': 2 }];
+     *
+     * _.maxBy(objects, function(o) { return o.n; });
+     * // => { 'n': 2 }
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.maxBy(objects, 'n');
+     * // => { 'n': 2 }
+     */function maxBy(array,iteratee){return array&&array.length?baseExtremum(array,getIteratee(iteratee,2),baseGt):undefined;}/**
+     * Computes the mean of the values in `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @returns {number} Returns the mean.
+     * @example
+     *
+     * _.mean([4, 2, 8, 6]);
+     * // => 5
+     */function mean(array){return baseMean(array,identity);}/**
+     * This method is like `_.mean` except that it accepts `iteratee` which is
+     * invoked for each element in `array` to generate the value to be averaged.
+     * The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.7.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {number} Returns the mean.
+     * @example
+     *
+     * var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }];
+     *
+     * _.meanBy(objects, function(o) { return o.n; });
+     * // => 5
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.meanBy(objects, 'n');
+     * // => 5
+     */function meanBy(array,iteratee){return baseMean(array,getIteratee(iteratee,2));}/**
+     * Computes the minimum value of `array`. If `array` is empty or falsey,
+     * `undefined` is returned.
+     *
+     * @static
+     * @since 0.1.0
+     * @memberOf _
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @returns {*} Returns the minimum value.
+     * @example
+     *
+     * _.min([4, 2, 8, 6]);
+     * // => 2
+     *
+     * _.min([]);
+     * // => undefined
+     */function min(array){return array&&array.length?baseExtremum(array,identity,baseLt):undefined;}/**
+     * This method is like `_.min` except that it accepts `iteratee` which is
+     * invoked for each element in `array` to generate the criterion by which
+     * the value is ranked. The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {*} Returns the minimum value.
+     * @example
+     *
+     * var objects = [{ 'n': 1 }, { 'n': 2 }];
+     *
+     * _.minBy(objects, function(o) { return o.n; });
+     * // => { 'n': 1 }
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.minBy(objects, 'n');
+     * // => { 'n': 1 }
+     */function minBy(array,iteratee){return array&&array.length?baseExtremum(array,getIteratee(iteratee,2),baseLt):undefined;}/**
+     * Multiply two numbers.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.7.0
+     * @category Math
+     * @param {number} multiplier The first number in a multiplication.
+     * @param {number} multiplicand The second number in a multiplication.
+     * @returns {number} Returns the product.
+     * @example
+     *
+     * _.multiply(6, 4);
+     * // => 24
+     */var multiply=createMathOperation(function(multiplier,multiplicand){return multiplier*multiplicand;},1);/**
+     * Computes `number` rounded to `precision`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.10.0
+     * @category Math
+     * @param {number} number The number to round.
+     * @param {number} [precision=0] The precision to round to.
+     * @returns {number} Returns the rounded number.
+     * @example
+     *
+     * _.round(4.006);
+     * // => 4
+     *
+     * _.round(4.006, 2);
+     * // => 4.01
+     *
+     * _.round(4060, -2);
+     * // => 4100
+     */var round=createRound('round');/**
+     * Subtract two numbers.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Math
+     * @param {number} minuend The first number in a subtraction.
+     * @param {number} subtrahend The second number in a subtraction.
+     * @returns {number} Returns the difference.
+     * @example
+     *
+     * _.subtract(6, 4);
+     * // => 2
+     */var subtract=createMathOperation(function(minuend,subtrahend){return minuend-subtrahend;},0);/**
+     * Computes the sum of the values in `array`.
+     *
+     * @static
+     * @memberOf _
+     * @since 3.4.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @returns {number} Returns the sum.
+     * @example
+     *
+     * _.sum([4, 2, 8, 6]);
+     * // => 20
+     */function sum(array){return array&&array.length?baseSum(array,identity):0;}/**
+     * This method is like `_.sum` except that it accepts `iteratee` which is
+     * invoked for each element in `array` to generate the value to be summed.
+     * The iteratee is invoked with one argument: (value).
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Math
+     * @param {Array} array The array to iterate over.
+     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+     * @returns {number} Returns the sum.
+     * @example
+     *
+     * var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }];
+     *
+     * _.sumBy(objects, function(o) { return o.n; });
+     * // => 20
+     *
+     * // The `_.property` iteratee shorthand.
+     * _.sumBy(objects, 'n');
+     * // => 20
+     */function sumBy(array,iteratee){return array&&array.length?baseSum(array,getIteratee(iteratee,2)):0;}/*------------------------------------------------------------------------*/ // Add methods that return wrapped values in chain sequences.
+lodash.after=after;lodash.ary=ary;lodash.assign=assign;lodash.assignIn=assignIn;lodash.assignInWith=assignInWith;lodash.assignWith=assignWith;lodash.at=at;lodash.before=before;lodash.bind=bind;lodash.bindAll=bindAll;lodash.bindKey=bindKey;lodash.castArray=castArray;lodash.chain=chain;lodash.chunk=chunk;lodash.compact=compact;lodash.concat=concat;lodash.cond=cond;lodash.conforms=conforms;lodash.constant=constant;lodash.countBy=countBy;lodash.create=create;lodash.curry=curry;lodash.curryRight=curryRight;lodash.debounce=debounce;lodash.defaults=defaults;lodash.defaultsDeep=defaultsDeep;lodash.defer=defer;lodash.delay=delay;lodash.difference=difference;lodash.differenceBy=differenceBy;lodash.differenceWith=differenceWith;lodash.drop=drop;lodash.dropRight=dropRight;lodash.dropRightWhile=dropRightWhile;lodash.dropWhile=dropWhile;lodash.fill=fill;lodash.filter=filter;lodash.flatMap=flatMap;lodash.flatMapDeep=flatMapDeep;lodash.flatMapDepth=flatMapDepth;lodash.flatten=flatten;lodash.flattenDeep=flattenDeep;lodash.flattenDepth=flattenDepth;lodash.flip=flip;lodash.flow=flow;lodash.flowRight=flowRight;lodash.fromPairs=fromPairs;lodash.functions=functions;lodash.functionsIn=functionsIn;lodash.groupBy=groupBy;lodash.initial=initial;lodash.intersection=intersection;lodash.intersectionBy=intersectionBy;lodash.intersectionWith=intersectionWith;lodash.invert=invert;lodash.invertBy=invertBy;lodash.invokeMap=invokeMap;lodash.iteratee=iteratee;lodash.keyBy=keyBy;lodash.keys=keys;lodash.keysIn=keysIn;lodash.map=map;lodash.mapKeys=mapKeys;lodash.mapValues=mapValues;lodash.matches=matches;lodash.matchesProperty=matchesProperty;lodash.memoize=memoize;lodash.merge=merge;lodash.mergeWith=mergeWith;lodash.method=method;lodash.methodOf=methodOf;lodash.mixin=mixin;lodash.negate=negate;lodash.nthArg=nthArg;lodash.omit=omit;lodash.omitBy=omitBy;lodash.once=once;lodash.orderBy=orderBy;lodash.over=over;lodash.overArgs=overArgs;lodash.overEvery=overEvery;lodash.overSome=overSome;lodash.partial=partial;lodash.partialRight=partialRight;lodash.partition=partition;lodash.pick=pick;lodash.pickBy=pickBy;lodash.property=property;lodash.propertyOf=propertyOf;lodash.pull=pull;lodash.pullAll=pullAll;lodash.pullAllBy=pullAllBy;lodash.pullAllWith=pullAllWith;lodash.pullAt=pullAt;lodash.range=range;lodash.rangeRight=rangeRight;lodash.rearg=rearg;lodash.reject=reject;lodash.remove=remove;lodash.rest=rest;lodash.reverse=reverse;lodash.sampleSize=sampleSize;lodash.set=set;lodash.setWith=setWith;lodash.shuffle=shuffle;lodash.slice=slice;lodash.sortBy=sortBy;lodash.sortedUniq=sortedUniq;lodash.sortedUniqBy=sortedUniqBy;lodash.split=split;lodash.spread=spread;lodash.tail=tail;lodash.take=take;lodash.takeRight=takeRight;lodash.takeRightWhile=takeRightWhile;lodash.takeWhile=takeWhile;lodash.tap=tap;lodash.throttle=throttle;lodash.thru=thru;lodash.toArray=toArray;lodash.toPairs=toPairs;lodash.toPairsIn=toPairsIn;lodash.toPath=toPath;lodash.toPlainObject=toPlainObject;lodash.transform=transform;lodash.unary=unary;lodash.union=union;lodash.unionBy=unionBy;lodash.unionWith=unionWith;lodash.uniq=uniq;lodash.uniqBy=uniqBy;lodash.uniqWith=uniqWith;lodash.unset=unset;lodash.unzip=unzip;lodash.unzipWith=unzipWith;lodash.update=update;lodash.updateWith=updateWith;lodash.values=values;lodash.valuesIn=valuesIn;lodash.without=without;lodash.words=words;lodash.wrap=wrap;lodash.xor=xor;lodash.xorBy=xorBy;lodash.xorWith=xorWith;lodash.zip=zip;lodash.zipObject=zipObject;lodash.zipObjectDeep=zipObjectDeep;lodash.zipWith=zipWith;// Add aliases.
+lodash.entries=toPairs;lodash.entriesIn=toPairsIn;lodash.extend=assignIn;lodash.extendWith=assignInWith;// Add methods to `lodash.prototype`.
+mixin(lodash,lodash);/*------------------------------------------------------------------------*/ // Add methods that return unwrapped values in chain sequences.
+lodash.add=add;lodash.attempt=attempt;lodash.camelCase=camelCase;lodash.capitalize=capitalize;lodash.ceil=ceil;lodash.clamp=clamp;lodash.clone=clone;lodash.cloneDeep=cloneDeep;lodash.cloneDeepWith=cloneDeepWith;lodash.cloneWith=cloneWith;lodash.conformsTo=conformsTo;lodash.deburr=deburr;lodash.defaultTo=defaultTo;lodash.divide=divide;lodash.endsWith=endsWith;lodash.eq=eq;lodash.escape=escape;lodash.escapeRegExp=escapeRegExp;lodash.every=every;lodash.find=find;lodash.findIndex=findIndex;lodash.findKey=findKey;lodash.findLast=findLast;lodash.findLastIndex=findLastIndex;lodash.findLastKey=findLastKey;lodash.floor=floor;lodash.forEach=forEach;lodash.forEachRight=forEachRight;lodash.forIn=forIn;lodash.forInRight=forInRight;lodash.forOwn=forOwn;lodash.forOwnRight=forOwnRight;lodash.get=get;lodash.gt=gt;lodash.gte=gte;lodash.has=has;lodash.hasIn=hasIn;lodash.head=head;lodash.identity=identity;lodash.includes=includes;lodash.indexOf=indexOf;lodash.inRange=inRange;lodash.invoke=invoke;lodash.isArguments=isArguments;lodash.isArray=isArray;lodash.isArrayBuffer=isArrayBuffer;lodash.isArrayLike=isArrayLike;lodash.isArrayLikeObject=isArrayLikeObject;lodash.isBoolean=isBoolean;lodash.isBuffer=isBuffer;lodash.isDate=isDate;lodash.isElement=isElement;lodash.isEmpty=isEmpty;lodash.isEqual=isEqual;lodash.isEqualWith=isEqualWith;lodash.isError=isError;lodash.isFinite=isFinite;lodash.isFunction=isFunction;lodash.isInteger=isInteger;lodash.isLength=isLength;lodash.isMap=isMap;lodash.isMatch=isMatch;lodash.isMatchWith=isMatchWith;lodash.isNaN=isNaN;lodash.isNative=isNative;lodash.isNil=isNil;lodash.isNull=isNull;lodash.isNumber=isNumber;lodash.isObject=isObject;lodash.isObjectLike=isObjectLike;lodash.isPlainObject=isPlainObject;lodash.isRegExp=isRegExp;lodash.isSafeInteger=isSafeInteger;lodash.isSet=isSet;lodash.isString=isString;lodash.isSymbol=isSymbol;lodash.isTypedArray=isTypedArray;lodash.isUndefined=isUndefined;lodash.isWeakMap=isWeakMap;lodash.isWeakSet=isWeakSet;lodash.join=join;lodash.kebabCase=kebabCase;lodash.last=last;lodash.lastIndexOf=lastIndexOf;lodash.lowerCase=lowerCase;lodash.lowerFirst=lowerFirst;lodash.lt=lt;lodash.lte=lte;lodash.max=max;lodash.maxBy=maxBy;lodash.mean=mean;lodash.meanBy=meanBy;lodash.min=min;lodash.minBy=minBy;lodash.stubArray=stubArray;lodash.stubFalse=stubFalse;lodash.stubObject=stubObject;lodash.stubString=stubString;lodash.stubTrue=stubTrue;lodash.multiply=multiply;lodash.nth=nth;lodash.noConflict=noConflict;lodash.noop=noop;lodash.now=now;lodash.pad=pad;lodash.padEnd=padEnd;lodash.padStart=padStart;lodash.parseInt=parseInt;lodash.random=random;lodash.reduce=reduce;lodash.reduceRight=reduceRight;lodash.repeat=repeat;lodash.replace=replace;lodash.result=result;lodash.round=round;lodash.runInContext=runInContext;lodash.sample=sample;lodash.size=size;lodash.snakeCase=snakeCase;lodash.some=some;lodash.sortedIndex=sortedIndex;lodash.sortedIndexBy=sortedIndexBy;lodash.sortedIndexOf=sortedIndexOf;lodash.sortedLastIndex=sortedLastIndex;lodash.sortedLastIndexBy=sortedLastIndexBy;lodash.sortedLastIndexOf=sortedLastIndexOf;lodash.startCase=startCase;lodash.startsWith=startsWith;lodash.subtract=subtract;lodash.sum=sum;lodash.sumBy=sumBy;lodash.template=template;lodash.times=times;lodash.toFinite=toFinite;lodash.toInteger=toInteger;lodash.toLength=toLength;lodash.toLower=toLower;lodash.toNumber=toNumber;lodash.toSafeInteger=toSafeInteger;lodash.toString=toString;lodash.toUpper=toUpper;lodash.trim=trim;lodash.trimEnd=trimEnd;lodash.trimStart=trimStart;lodash.truncate=truncate;lodash.unescape=unescape;lodash.uniqueId=uniqueId;lodash.upperCase=upperCase;lodash.upperFirst=upperFirst;// Add aliases.
+lodash.each=forEach;lodash.eachRight=forEachRight;lodash.first=head;mixin(lodash,function(){var source={};baseForOwn(lodash,function(func,methodName){if(!hasOwnProperty.call(lodash.prototype,methodName)){source[methodName]=func;}});return source;}(),{'chain':false});/*------------------------------------------------------------------------*/ /**
+     * The semantic version number.
+     *
+     * @static
+     * @memberOf _
+     * @type {string}
+     */lodash.VERSION=VERSION;// Assign default placeholders.
+arrayEach(['bind','bindKey','curry','curryRight','partial','partialRight'],function(methodName){lodash[methodName].placeholder=lodash;});// Add `LazyWrapper` methods for `_.drop` and `_.take` variants.
+arrayEach(['drop','take'],function(methodName,index){LazyWrapper.prototype[methodName]=function(n){n=n===undefined?1:nativeMax(toInteger(n),0);var result=this.__filtered__&&!index?new LazyWrapper(this):this.clone();if(result.__filtered__){result.__takeCount__=nativeMin(n,result.__takeCount__);}else{result.__views__.push({'size':nativeMin(n,MAX_ARRAY_LENGTH),'type':methodName+(result.__dir__<0?'Right':'')});}return result;};LazyWrapper.prototype[methodName+'Right']=function(n){return this.reverse()[methodName](n).reverse();};});// Add `LazyWrapper` methods that accept an `iteratee` value.
+arrayEach(['filter','map','takeWhile'],function(methodName,index){var type=index+1,isFilter=type==LAZY_FILTER_FLAG||type==LAZY_WHILE_FLAG;LazyWrapper.prototype[methodName]=function(iteratee){var result=this.clone();result.__iteratees__.push({'iteratee':getIteratee(iteratee,3),'type':type});result.__filtered__=result.__filtered__||isFilter;return result;};});// Add `LazyWrapper` methods for `_.head` and `_.last`.
+arrayEach(['head','last'],function(methodName,index){var takeName='take'+(index?'Right':'');LazyWrapper.prototype[methodName]=function(){return this[takeName](1).value()[0];};});// Add `LazyWrapper` methods for `_.initial` and `_.tail`.
+arrayEach(['initial','tail'],function(methodName,index){var dropName='drop'+(index?'':'Right');LazyWrapper.prototype[methodName]=function(){return this.__filtered__?new LazyWrapper(this):this[dropName](1);};});LazyWrapper.prototype.compact=function(){return this.filter(identity);};LazyWrapper.prototype.find=function(predicate){return this.filter(predicate).head();};LazyWrapper.prototype.findLast=function(predicate){return this.reverse().find(predicate);};LazyWrapper.prototype.invokeMap=baseRest(function(path,args){if(typeof path=='function'){return new LazyWrapper(this);}return this.map(function(value){return baseInvoke(value,path,args);});});LazyWrapper.prototype.reject=function(predicate){return this.filter(negate(getIteratee(predicate)));};LazyWrapper.prototype.slice=function(start,end){start=toInteger(start);var result=this;if(result.__filtered__&&(start>0||end<0)){return new LazyWrapper(result);}if(start<0){result=result.takeRight(-start);}else if(start){result=result.drop(start);}if(end!==undefined){end=toInteger(end);result=end<0?result.dropRight(-end):result.take(end-start);}return result;};LazyWrapper.prototype.takeRightWhile=function(predicate){return this.reverse().takeWhile(predicate).reverse();};LazyWrapper.prototype.toArray=function(){return this.take(MAX_ARRAY_LENGTH);};// Add `LazyWrapper` methods to `lodash.prototype`.
+baseForOwn(LazyWrapper.prototype,function(func,methodName){var checkIteratee=/^(?:filter|find|map|reject)|While$/.test(methodName),isTaker=/^(?:head|last)$/.test(methodName),lodashFunc=lodash[isTaker?'take'+(methodName=='last'?'Right':''):methodName],retUnwrapped=isTaker||/^find/.test(methodName);if(!lodashFunc){return;}lodash.prototype[methodName]=function(){var value=this.__wrapped__,args=isTaker?[1]:arguments,isLazy=value instanceof LazyWrapper,iteratee=args[0],useLazy=isLazy||isArray(value);var interceptor=function(value){var result=lodashFunc.apply(lodash,arrayPush([value],args));return isTaker&&chainAll?result[0]:result;};if(useLazy&&checkIteratee&&typeof iteratee=='function'&&iteratee.length!=1){// Avoid lazy use if the iteratee has a "length" value other than `1`.
+isLazy=useLazy=false;}var chainAll=this.__chain__,isHybrid=!!this.__actions__.length,isUnwrapped=retUnwrapped&&!chainAll,onlyLazy=isLazy&&!isHybrid;if(!retUnwrapped&&useLazy){value=onlyLazy?value:new LazyWrapper(this);var result=func.apply(value,args);result.__actions__.push({'func':thru,'args':[interceptor],'thisArg':undefined});return new LodashWrapper(result,chainAll);}if(isUnwrapped&&onlyLazy){return func.apply(this,args);}result=this.thru(interceptor);return isUnwrapped?isTaker?result.value()[0]:result.value():result;};});// Add `Array` methods to `lodash.prototype`.
+arrayEach(['pop','push','shift','sort','splice','unshift'],function(methodName){var func=arrayProto[methodName],chainName=/^(?:push|sort|unshift)$/.test(methodName)?'tap':'thru',retUnwrapped=/^(?:pop|shift)$/.test(methodName);lodash.prototype[methodName]=function(){var args=arguments;if(retUnwrapped&&!this.__chain__){var value=this.value();return func.apply(isArray(value)?value:[],args);}return this[chainName](function(value){return func.apply(isArray(value)?value:[],args);});};});// Map minified method names to their real names.
+baseForOwn(LazyWrapper.prototype,function(func,methodName){var lodashFunc=lodash[methodName];if(lodashFunc){var key=lodashFunc.name+'';if(!hasOwnProperty.call(realNames,key)){realNames[key]=[];}realNames[key].push({'name':methodName,'func':lodashFunc});}});realNames[createHybrid(undefined,WRAP_BIND_KEY_FLAG).name]=[{'name':'wrapper','func':undefined}];// Add methods to `LazyWrapper`.
+LazyWrapper.prototype.clone=lazyClone;LazyWrapper.prototype.reverse=lazyReverse;LazyWrapper.prototype.value=lazyValue;// Add chain sequence methods to the `lodash` wrapper.
+lodash.prototype.at=wrapperAt;lodash.prototype.chain=wrapperChain;lodash.prototype.commit=wrapperCommit;lodash.prototype.next=wrapperNext;lodash.prototype.plant=wrapperPlant;lodash.prototype.reverse=wrapperReverse;lodash.prototype.toJSON=lodash.prototype.valueOf=lodash.prototype.value=wrapperValue;// Add lazy aliases.
+lodash.prototype.first=lodash.prototype.head;if(symIterator){lodash.prototype[symIterator]=wrapperToIterator;}return lodash;};/*--------------------------------------------------------------------------*/ // Export lodash.
+var _=runInContext();// Some AMD build optimizers, like r.js, check for condition patterns like:
+if(typeof define=='function'&&typeof define.amd=='object'&&define.amd){// Expose Lodash on the global object to prevent errors when Lodash is
+// loaded by a script tag in the presence of an AMD loader.
+// See http://requirejs.org/docs/errors.html#mismatch for more details.
+// Use `_.noConflict` to remove Lodash from the global object.
+root._=_;// Define as an anonymous module so, through path mapping, it can be
+// referenced as the "underscore" module.
+define(function(){return _;});}// Check for `exports` after `define` in case a build optimizer adds it.
+else if(freeModule){// Export for Node.js.
+(freeModule.exports=_)._=_;// Export for CommonJS support.
+freeExports._=_;}else{// Export to the global object.
+root._=_;}}).call(this);}).call(this);}).call(this,typeof global!=="undefined"?global:typeof self!=="undefined"?self:typeof window!=="undefined"?window:{});},{}],69:[function(require,module,exports){var hasMap=typeof Map==='function'&&Map.prototype;var mapSizeDescriptor=Object.getOwnPropertyDescriptor&&hasMap?Object.getOwnPropertyDescriptor(Map.prototype,'size'):null;var mapSize=hasMap&&mapSizeDescriptor&&typeof mapSizeDescriptor.get==='function'?mapSizeDescriptor.get:null;var mapForEach=hasMap&&Map.prototype.forEach;var hasSet=typeof Set==='function'&&Set.prototype;var setSizeDescriptor=Object.getOwnPropertyDescriptor&&hasSet?Object.getOwnPropertyDescriptor(Set.prototype,'size'):null;var setSize=hasSet&&setSizeDescriptor&&typeof setSizeDescriptor.get==='function'?setSizeDescriptor.get:null;var setForEach=hasSet&&Set.prototype.forEach;var hasWeakMap=typeof WeakMap==='function'&&WeakMap.prototype;var weakMapHas=hasWeakMap?WeakMap.prototype.has:null;var hasWeakSet=typeof WeakSet==='function'&&WeakSet.prototype;var weakSetHas=hasWeakSet?WeakSet.prototype.has:null;var hasWeakRef=typeof WeakRef==='function'&&WeakRef.prototype;var weakRefDeref=hasWeakRef?WeakRef.prototype.deref:null;var booleanValueOf=Boolean.prototype.valueOf;var objectToString=Object.prototype.toString;var functionToString=Function.prototype.toString;var match=String.prototype.match;var bigIntValueOf=typeof BigInt==='function'?BigInt.prototype.valueOf:null;var gOPS=Object.getOwnPropertySymbols;var symToString=typeof Symbol==='function'&&typeof Symbol.iterator==='symbol'?Symbol.prototype.toString:null;var hasShammedSymbols=typeof Symbol==='function'&&typeof Symbol.iterator==='object';var isEnumerable=Object.prototype.propertyIsEnumerable;var gPO=(typeof Reflect==='function'?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype// eslint-disable-line no-proto
+?function(O){return O.__proto__;// eslint-disable-line no-proto
+}:null);var inspectCustom=require('./util.inspect').custom;var inspectSymbol=inspectCustom&&isSymbol(inspectCustom)?inspectCustom:null;var toStringTag=typeof Symbol==='function'&&typeof Symbol.toStringTag!=='undefined'?Symbol.toStringTag:null;module.exports=function inspect_(obj,options,depth,seen){var opts=options||{};if(has(opts,'quoteStyle')&&opts.quoteStyle!=='single'&&opts.quoteStyle!=='double'){throw new TypeError('option "quoteStyle" must be "single" or "double"');}if(has(opts,'maxStringLength')&&(typeof opts.maxStringLength==='number'?opts.maxStringLength<0&&opts.maxStringLength!==Infinity:opts.maxStringLength!==null)){throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');}var customInspect=has(opts,'customInspect')?opts.customInspect:true;if(typeof customInspect!=='boolean'&&customInspect!=='symbol'){throw new TypeError('option "customInspect", if provided, must be `true`, `false`, or `\'symbol\'`');}if(has(opts,'indent')&&opts.indent!==null&&opts.indent!=='\t'&&!(parseInt(opts.indent,10)===opts.indent&&opts.indent>0)){throw new TypeError('options "indent" must be "\\t", an integer > 0, or `null`');}if(typeof obj==='undefined'){return'undefined';}if(obj===null){return'null';}if(typeof obj==='boolean'){return obj?'true':'false';}if(typeof obj==='string'){return inspectString(obj,opts);}if(typeof obj==='number'){if(obj===0){return Infinity/obj>0?'0':'-0';}return String(obj);}if(typeof obj==='bigint'){return String(obj)+'n';}var maxDepth=typeof opts.depth==='undefined'?5:opts.depth;if(typeof depth==='undefined'){depth=0;}if(depth>=maxDepth&&maxDepth>0&&typeof obj==='object'){return isArray(obj)?'[Array]':'[Object]';}var indent=getIndent(opts,depth);if(typeof seen==='undefined'){seen=[];}else if(indexOf(seen,obj)>=0){return'[Circular]';}function inspect(value,from,noIndent){if(from){seen=seen.slice();seen.push(from);}if(noIndent){var newOpts={depth:opts.depth};if(has(opts,'quoteStyle')){newOpts.quoteStyle=opts.quoteStyle;}return inspect_(value,newOpts,depth+1,seen);}return inspect_(value,opts,depth+1,seen);}if(typeof obj==='function'){var name=nameOf(obj);var keys=arrObjKeys(obj,inspect);return'[Function'+(name?': '+name:' (anonymous)')+']'+(keys.length>0?' { '+keys.join(', ')+' }':'');}if(isSymbol(obj)){var symString=hasShammedSymbols?String(obj).replace(/^(Symbol\(.*\))_[^)]*$/,'$1'):symToString.call(obj);return typeof obj==='object'&&!hasShammedSymbols?markBoxed(symString):symString;}if(isElement(obj)){var s='<'+String(obj.nodeName).toLowerCase();var attrs=obj.attributes||[];for(var i=0;i<attrs.length;i++){s+=' '+attrs[i].name+'='+wrapQuotes(quote(attrs[i].value),'double',opts);}s+='>';if(obj.childNodes&&obj.childNodes.length){s+='...';}s+='</'+String(obj.nodeName).toLowerCase()+'>';return s;}if(isArray(obj)){if(obj.length===0){return'[]';}var xs=arrObjKeys(obj,inspect);if(indent&&!singleLineValues(xs)){return'['+indentedJoin(xs,indent)+']';}return'[ '+xs.join(', ')+' ]';}if(isError(obj)){var parts=arrObjKeys(obj,inspect);if(parts.length===0){return'['+String(obj)+']';}return'{ ['+String(obj)+'] '+parts.join(', ')+' }';}if(typeof obj==='object'&&customInspect){if(inspectSymbol&&typeof obj[inspectSymbol]==='function'){return obj[inspectSymbol]();}else if(customInspect!=='symbol'&&typeof obj.inspect==='function'){return obj.inspect();}}if(isMap(obj)){var mapParts=[];mapForEach.call(obj,function(value,key){mapParts.push(inspect(key,obj,true)+' => '+inspect(value,obj));});return collectionOf('Map',mapSize.call(obj),mapParts,indent);}if(isSet(obj)){var setParts=[];setForEach.call(obj,function(value){setParts.push(inspect(value,obj));});return collectionOf('Set',setSize.call(obj),setParts,indent);}if(isWeakMap(obj)){return weakCollectionOf('WeakMap');}if(isWeakSet(obj)){return weakCollectionOf('WeakSet');}if(isWeakRef(obj)){return weakCollectionOf('WeakRef');}if(isNumber(obj)){return markBoxed(inspect(Number(obj)));}if(isBigInt(obj)){return markBoxed(inspect(bigIntValueOf.call(obj)));}if(isBoolean(obj)){return markBoxed(booleanValueOf.call(obj));}if(isString(obj)){return markBoxed(inspect(String(obj)));}if(!isDate(obj)&&!isRegExp(obj)){var ys=arrObjKeys(obj,inspect);var isPlainObject=gPO?gPO(obj)===Object.prototype:obj instanceof Object||obj.constructor===Object;var protoTag=obj instanceof Object?'':'null prototype';var stringTag=!isPlainObject&&toStringTag&&Object(obj)===obj&&toStringTag in obj?toStr(obj).slice(8,-1):protoTag?'Object':'';var constructorTag=isPlainObject||typeof obj.constructor!=='function'?'':obj.constructor.name?obj.constructor.name+' ':'';var tag=constructorTag+(stringTag||protoTag?'['+[].concat(stringTag||[],protoTag||[]).join(': ')+'] ':'');if(ys.length===0){return tag+'{}';}if(indent){return tag+'{'+indentedJoin(ys,indent)+'}';}return tag+'{ '+ys.join(', ')+' }';}return String(obj);};function wrapQuotes(s,defaultStyle,opts){var quoteChar=(opts.quoteStyle||defaultStyle)==='double'?'"':"'";return quoteChar+s+quoteChar;}function quote(s){return String(s).replace(/"/g,'&quot;');}function isArray(obj){return toStr(obj)==='[object Array]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isDate(obj){return toStr(obj)==='[object Date]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isRegExp(obj){return toStr(obj)==='[object RegExp]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isError(obj){return toStr(obj)==='[object Error]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isString(obj){return toStr(obj)==='[object String]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isNumber(obj){return toStr(obj)==='[object Number]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}function isBoolean(obj){return toStr(obj)==='[object Boolean]'&&(!toStringTag||!(typeof obj==='object'&&toStringTag in obj));}// Symbol and BigInt do have Symbol.toStringTag by spec, so that can't be used to eliminate false positives
+function isSymbol(obj){if(hasShammedSymbols){return obj&&typeof obj==='object'&&obj instanceof Symbol;}if(typeof obj==='symbol'){return true;}if(!obj||typeof obj!=='object'||!symToString){return false;}try{symToString.call(obj);return true;}catch(e){}return false;}function isBigInt(obj){if(!obj||typeof obj!=='object'||!bigIntValueOf){return false;}try{bigIntValueOf.call(obj);return true;}catch(e){}return false;}var hasOwn=Object.prototype.hasOwnProperty||function(key){return key in this;};function has(obj,key){return hasOwn.call(obj,key);}function toStr(obj){return objectToString.call(obj);}function nameOf(f){if(f.name){return f.name;}var m=match.call(functionToString.call(f),/^function\s*([\w$]+)/);if(m){return m[1];}return null;}function indexOf(xs,x){if(xs.indexOf){return xs.indexOf(x);}for(var i=0,l=xs.length;i<l;i++){if(xs[i]===x){return i;}}return-1;}function isMap(x){if(!mapSize||!x||typeof x!=='object'){return false;}try{mapSize.call(x);try{setSize.call(x);}catch(s){return true;}return x instanceof Map;// core-js workaround, pre-v2.5.0
+}catch(e){}return false;}function isWeakMap(x){if(!weakMapHas||!x||typeof x!=='object'){return false;}try{weakMapHas.call(x,weakMapHas);try{weakSetHas.call(x,weakSetHas);}catch(s){return true;}return x instanceof WeakMap;// core-js workaround, pre-v2.5.0
+}catch(e){}return false;}function isWeakRef(x){if(!weakRefDeref||!x||typeof x!=='object'){return false;}try{weakRefDeref.call(x);return true;}catch(e){}return false;}function isSet(x){if(!setSize||!x||typeof x!=='object'){return false;}try{setSize.call(x);try{mapSize.call(x);}catch(m){return true;}return x instanceof Set;// core-js workaround, pre-v2.5.0
+}catch(e){}return false;}function isWeakSet(x){if(!weakSetHas||!x||typeof x!=='object'){return false;}try{weakSetHas.call(x,weakSetHas);try{weakMapHas.call(x,weakMapHas);}catch(s){return true;}return x instanceof WeakSet;// core-js workaround, pre-v2.5.0
+}catch(e){}return false;}function isElement(x){if(!x||typeof x!=='object'){return false;}if(typeof HTMLElement!=='undefined'&&x instanceof HTMLElement){return true;}return typeof x.nodeName==='string'&&typeof x.getAttribute==='function';}function inspectString(str,opts){if(str.length>opts.maxStringLength){var remaining=str.length-opts.maxStringLength;var trailer='... '+remaining+' more character'+(remaining>1?'s':'');return inspectString(str.slice(0,opts.maxStringLength),opts)+trailer;}// eslint-disable-next-line no-control-regex
+var s=str.replace(/(['\\])/g,'\\$1').replace(/[\x00-\x1f]/g,lowbyte);return wrapQuotes(s,'single',opts);}function lowbyte(c){var n=c.charCodeAt(0);var x={8:'b',9:'t',10:'n',12:'f',13:'r'}[n];if(x){return'\\'+x;}return'\\x'+(n<0x10?'0':'')+n.toString(16).toUpperCase();}function markBoxed(str){return'Object('+str+')';}function weakCollectionOf(type){return type+' { ? }';}function collectionOf(type,size,entries,indent){var joinedEntries=indent?indentedJoin(entries,indent):entries.join(', ');return type+' ('+size+') {'+joinedEntries+'}';}function singleLineValues(xs){for(var i=0;i<xs.length;i++){if(indexOf(xs[i],'\n')>=0){return false;}}return true;}function getIndent(opts,depth){var baseIndent;if(opts.indent==='\t'){baseIndent='\t';}else if(typeof opts.indent==='number'&&opts.indent>0){baseIndent=Array(opts.indent+1).join(' ');}else{return null;}return{base:baseIndent,prev:Array(depth+1).join(baseIndent)};}function indentedJoin(xs,indent){if(xs.length===0){return'';}var lineJoiner='\n'+indent.prev+indent.base;return lineJoiner+xs.join(','+lineJoiner)+'\n'+indent.prev;}function arrObjKeys(obj,inspect){var isArr=isArray(obj);var xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++){xs[i]=has(obj,i)?inspect(obj[i],obj):'';}}var syms=typeof gOPS==='function'?gOPS(obj):[];var symMap;if(hasShammedSymbols){symMap={};for(var k=0;k<syms.length;k++){symMap['$'+syms[k]]=syms[k];}}for(var key in obj){// eslint-disable-line no-restricted-syntax
+if(!has(obj,key)){continue;}// eslint-disable-line no-restricted-syntax, no-continue
+if(isArr&&String(Number(key))===key&&key<obj.length){continue;}// eslint-disable-line no-restricted-syntax, no-continue
+if(hasShammedSymbols&&symMap['$'+key]instanceof Symbol){// this is to prevent shammed Symbols, which are stored as strings, from being included in the string key section
+continue;// eslint-disable-line no-restricted-syntax, no-continue
+}else if(/[^\w$]/.test(key)){xs.push(inspect(key,obj)+': '+inspect(obj[key],obj));}else{xs.push(key+': '+inspect(obj[key],obj));}}if(typeof gOPS==='function'){for(var j=0;j<syms.length;j++){if(isEnumerable.call(obj,syms[j])){xs.push('['+inspect(syms[j])+']: '+inspect(obj[syms[j]],obj));}}}return xs;}},{"./util.inspect":57}],70:[function(require,module,exports){'use strict';module.exports=require('./lib');},{"./lib":75}],71:[function(require,module,exports){'use strict';var asap=require('asap/raw');function noop(){}// States:
+//
+// 0 - pending
+// 1 - fulfilled with _value
+// 2 - rejected with _value
+// 3 - adopted the state of another promise, _value
+//
+// once the state is no longer pending (0) it is immutable
+// All `_` prefixed properties will be reduced to `_{random number}`
+// at build time to obfuscate them and discourage their use.
+// We don't use symbols or Object.defineProperty to fully hide them
+// because the performance isn't good enough.
+// to avoid using try/catch inside critical functions, we
+// extract them to here.
+var LAST_ERROR=null;var IS_ERROR={};function getThen(obj){try{return obj.then;}catch(ex){LAST_ERROR=ex;return IS_ERROR;}}function tryCallOne(fn,a){try{return fn(a);}catch(ex){LAST_ERROR=ex;return IS_ERROR;}}function tryCallTwo(fn,a,b){try{fn(a,b);}catch(ex){LAST_ERROR=ex;return IS_ERROR;}}module.exports=Promise;function Promise(fn){if(typeof this!=='object'){throw new TypeError('Promises must be constructed via new');}if(typeof fn!=='function'){throw new TypeError('Promise constructor\'s argument is not a function');}this._40=0;this._65=0;this._55=null;this._72=null;if(fn===noop)return;doResolve(fn,this);}Promise._37=null;Promise._87=null;Promise._61=noop;Promise.prototype.then=function(onFulfilled,onRejected){if(this.constructor!==Promise){return safeThen(this,onFulfilled,onRejected);}var res=new Promise(noop);handle(this,new Handler(onFulfilled,onRejected,res));return res;};function safeThen(self,onFulfilled,onRejected){return new self.constructor(function(resolve,reject){var res=new Promise(noop);res.then(resolve,reject);handle(self,new Handler(onFulfilled,onRejected,res));});}function handle(self,deferred){while(self._65===3){self=self._55;}if(Promise._37){Promise._37(self);}if(self._65===0){if(self._40===0){self._40=1;self._72=deferred;return;}if(self._40===1){self._40=2;self._72=[self._72,deferred];return;}self._72.push(deferred);return;}handleResolved(self,deferred);}function handleResolved(self,deferred){asap(function(){var cb=self._65===1?deferred.onFulfilled:deferred.onRejected;if(cb===null){if(self._65===1){resolve(deferred.promise,self._55);}else{reject(deferred.promise,self._55);}return;}var ret=tryCallOne(cb,self._55);if(ret===IS_ERROR){reject(deferred.promise,LAST_ERROR);}else{resolve(deferred.promise,ret);}});}function resolve(self,newValue){// Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
+if(newValue===self){return reject(self,new TypeError('A promise cannot be resolved with itself.'));}if(newValue&&(typeof newValue==='object'||typeof newValue==='function')){var then=getThen(newValue);if(then===IS_ERROR){return reject(self,LAST_ERROR);}if(then===self.then&&newValue instanceof Promise){self._65=3;self._55=newValue;finale(self);return;}else if(typeof then==='function'){doResolve(then.bind(newValue),self);return;}}self._65=1;self._55=newValue;finale(self);}function reject(self,newValue){self._65=2;self._55=newValue;if(Promise._87){Promise._87(self,newValue);}finale(self);}function finale(self){if(self._40===1){handle(self,self._72);self._72=null;}if(self._40===2){for(var i=0;i<self._72.length;i++){handle(self,self._72[i]);}self._72=null;}}function Handler(onFulfilled,onRejected,promise){this.onFulfilled=typeof onFulfilled==='function'?onFulfilled:null;this.onRejected=typeof onRejected==='function'?onRejected:null;this.promise=promise;}/**
+ * Take a potentially misbehaving resolver function and make sure
+ * onFulfilled and onRejected are only called once.
+ *
+ * Makes no guarantees about asynchrony.
+ */function doResolve(fn,promise){var done=false;var res=tryCallTwo(fn,function(value){if(done)return;done=true;resolve(promise,value);},function(reason){if(done)return;done=true;reject(promise,reason);});if(!done&&res===IS_ERROR){done=true;reject(promise,LAST_ERROR);}}},{"asap/raw":56}],72:[function(require,module,exports){'use strict';var Promise=require('./core.js');module.exports=Promise;Promise.prototype.done=function(onFulfilled,onRejected){var self=arguments.length?this.then.apply(this,arguments):this;self.then(null,function(err){setTimeout(function(){throw err;},0);});};},{"./core.js":71}],73:[function(require,module,exports){'use strict';//This file contains the ES6 extensions to the core Promises/A+ API
+var Promise=require('./core.js');module.exports=Promise;/* Static Functions */var TRUE=valuePromise(true);var FALSE=valuePromise(false);var NULL=valuePromise(null);var UNDEFINED=valuePromise(undefined);var ZERO=valuePromise(0);var EMPTYSTRING=valuePromise('');function valuePromise(value){var p=new Promise(Promise._61);p._65=1;p._55=value;return p;}Promise.resolve=function(value){if(value instanceof Promise)return value;if(value===null)return NULL;if(value===undefined)return UNDEFINED;if(value===true)return TRUE;if(value===false)return FALSE;if(value===0)return ZERO;if(value==='')return EMPTYSTRING;if(typeof value==='object'||typeof value==='function'){try{var then=value.then;if(typeof then==='function'){return new Promise(then.bind(value));}}catch(ex){return new Promise(function(resolve,reject){reject(ex);});}}return valuePromise(value);};Promise.all=function(arr){var args=Array.prototype.slice.call(arr);return new Promise(function(resolve,reject){if(args.length===0)return resolve([]);var remaining=args.length;function res(i,val){if(val&&(typeof val==='object'||typeof val==='function')){if(val instanceof Promise&&val.then===Promise.prototype.then){while(val._65===3){val=val._55;}if(val._65===1)return res(i,val._55);if(val._65===2)reject(val._55);val.then(function(val){res(i,val);},reject);return;}else{var then=val.then;if(typeof then==='function'){var p=new Promise(then.bind(val));p.then(function(val){res(i,val);},reject);return;}}}args[i]=val;if(--remaining===0){resolve(args);}}for(var i=0;i<args.length;i++){res(i,args[i]);}});};Promise.reject=function(value){return new Promise(function(resolve,reject){reject(value);});};Promise.race=function(values){return new Promise(function(resolve,reject){values.forEach(function(value){Promise.resolve(value).then(resolve,reject);});});};/* Prototype Methods */Promise.prototype['catch']=function(onRejected){return this.then(null,onRejected);};},{"./core.js":71}],74:[function(require,module,exports){'use strict';var Promise=require('./core.js');module.exports=Promise;Promise.prototype['finally']=function(f){return this.then(function(value){return Promise.resolve(f()).then(function(){return value;});},function(err){return Promise.resolve(f()).then(function(){throw err;});});};},{"./core.js":71}],75:[function(require,module,exports){'use strict';module.exports=require('./core.js');require('./done.js');require('./finally.js');require('./es6-extensions.js');require('./node-extensions.js');require('./synchronous.js');},{"./core.js":71,"./done.js":72,"./es6-extensions.js":73,"./finally.js":74,"./node-extensions.js":76,"./synchronous.js":77}],76:[function(require,module,exports){'use strict';// This file contains then/promise specific extensions that are only useful
+// for node.js interop
+var Promise=require('./core.js');var asap=require('asap');module.exports=Promise;/* Static Functions */Promise.denodeify=function(fn,argumentCount){if(typeof argumentCount==='number'&&argumentCount!==Infinity){return denodeifyWithCount(fn,argumentCount);}else{return denodeifyWithoutCount(fn);}};var callbackFn='function (err, res) {'+'if (err) { rj(err); } else { rs(res); }'+'}';function denodeifyWithCount(fn,argumentCount){var args=[];for(var i=0;i<argumentCount;i++){args.push('a'+i);}var body=['return function ('+args.join(',')+') {','var self = this;','return new Promise(function (rs, rj) {','var res = fn.call(',['self'].concat(args).concat([callbackFn]).join(','),');','if (res &&','(typeof res === "object" || typeof res === "function") &&','typeof res.then === "function"',') {rs(res);}','});','};'].join('');return Function(['Promise','fn'],body)(Promise,fn);}function denodeifyWithoutCount(fn){var fnLength=Math.max(fn.length-1,3);var args=[];for(var i=0;i<fnLength;i++){args.push('a'+i);}var body=['return function ('+args.join(',')+') {','var self = this;','var args;','var argLength = arguments.length;','if (arguments.length > '+fnLength+') {','args = new Array(arguments.length + 1);','for (var i = 0; i < arguments.length; i++) {','args[i] = arguments[i];','}','}','return new Promise(function (rs, rj) {','var cb = '+callbackFn+';','var res;','switch (argLength) {',args.concat(['extra']).map(function(_,index){return'case '+index+':'+'res = fn.call('+['self'].concat(args.slice(0,index)).concat('cb').join(',')+');'+'break;';}).join(''),'default:','args[argLength] = cb;','res = fn.apply(self, args);','}','if (res &&','(typeof res === "object" || typeof res === "function") &&','typeof res.then === "function"',') {rs(res);}','});','};'].join('');return Function(['Promise','fn'],body)(Promise,fn);}Promise.nodeify=function(fn){return function(){var args=Array.prototype.slice.call(arguments);var callback=typeof args[args.length-1]==='function'?args.pop():null;var ctx=this;try{return fn.apply(this,arguments).nodeify(callback,ctx);}catch(ex){if(callback===null||typeof callback=='undefined'){return new Promise(function(resolve,reject){reject(ex);});}else{asap(function(){callback.call(ctx,ex);});}}};};Promise.prototype.nodeify=function(callback,ctx){if(typeof callback!='function')return this;this.then(function(value){asap(function(){callback.call(ctx,null,value);});},function(err){asap(function(){callback.call(ctx,err);});});};},{"./core.js":71,"asap":55}],77:[function(require,module,exports){'use strict';var Promise=require('./core.js');module.exports=Promise;Promise.enableSynchronous=function(){Promise.prototype.isPending=function(){return this.getState()==0;};Promise.prototype.isFulfilled=function(){return this.getState()==1;};Promise.prototype.isRejected=function(){return this.getState()==2;};Promise.prototype.getValue=function(){if(this._65===3){return this._55.getValue();}if(!this.isFulfilled()){throw new Error('Cannot get a value of an unfulfilled promise.');}return this._55;};Promise.prototype.getReason=function(){if(this._65===3){return this._55.getReason();}if(!this.isRejected()){throw new Error('Cannot get a rejection reason of a non-rejected promise.');}return this._55;};Promise.prototype.getState=function(){if(this._65===3){return this._55.getState();}if(this._65===-1||this._65===-2){return 0;}return this._65;};};Promise.disableSynchronous=function(){Promise.prototype.isPending=undefined;Promise.prototype.isFulfilled=undefined;Promise.prototype.isRejected=undefined;Promise.prototype.getValue=undefined;Promise.prototype.getReason=undefined;Promise.prototype.getState=undefined;};},{"./core.js":71}],78:[function(require,module,exports){(function(global){(function(){/*! https://mths.be/punycode v1.4.1 by @mathias */;(function(root){/** Detect free variables */var freeExports=typeof exports=='object'&&exports&&!exports.nodeType&&exports;var freeModule=typeof module=='object'&&module&&!module.nodeType&&module;var freeGlobal=typeof global=='object'&&global;if(freeGlobal.global===freeGlobal||freeGlobal.window===freeGlobal||freeGlobal.self===freeGlobal){root=freeGlobal;}/**
+	 * The `punycode` object.
+	 * @name punycode
+	 * @type Object
+	 */var punycode,/** Highest positive signed 32-bit float value */maxInt=2147483647,// aka. 0x7FFFFFFF or 2^31-1
+/** Bootstring parameters */base=36,tMin=1,tMax=26,skew=38,damp=700,initialBias=72,initialN=128,// 0x80
+delimiter='-',// '\x2D'
+/** Regular expressions */regexPunycode=/^xn--/,regexNonASCII=/[^\x20-\x7E]/,// unprintable ASCII chars + non-ASCII chars
+regexSeparators=/[\x2E\u3002\uFF0E\uFF61]/g,// RFC 3490 separators
+/** Error messages */errors={'overflow':'Overflow: input needs wider integers to process','not-basic':'Illegal input >= 0x80 (not a basic code point)','invalid-input':'Invalid input'},/** Convenience shortcuts */baseMinusTMin=base-tMin,floor=Math.floor,stringFromCharCode=String.fromCharCode,/** Temporary variable */key;/*--------------------------------------------------------------------------*/ /**
+	 * A generic error utility function.
+	 * @private
+	 * @param {String} type The error type.
+	 * @returns {Error} Throws a `RangeError` with the applicable error message.
+	 */function error(type){throw new RangeError(errors[type]);}/**
+	 * A generic `Array#map` utility function.
+	 * @private
+	 * @param {Array} array The array to iterate over.
+	 * @param {Function} callback The function that gets called for every array
+	 * item.
+	 * @returns {Array} A new array of values returned by the callback function.
+	 */function map(array,fn){var length=array.length;var result=[];while(length--){result[length]=fn(array[length]);}return result;}/**
+	 * A simple `Array#map`-like wrapper to work with domain name strings or email
+	 * addresses.
+	 * @private
+	 * @param {String} domain The domain name or email address.
+	 * @param {Function} callback The function that gets called for every
+	 * character.
+	 * @returns {Array} A new string of characters returned by the callback
+	 * function.
+	 */function mapDomain(string,fn){var parts=string.split('@');var result='';if(parts.length>1){// In email addresses, only the domain name should be punycoded. Leave
+// the local part (i.e. everything up to `@`) intact.
+result=parts[0]+'@';string=parts[1];}// Avoid `split(regex)` for IE8 compatibility. See #17.
+string=string.replace(regexSeparators,'\x2E');var labels=string.split('.');var encoded=map(labels,fn).join('.');return result+encoded;}/**
+	 * Creates an array containing the numeric code points of each Unicode
+	 * character in the string. While JavaScript uses UCS-2 internally,
+	 * this function will convert a pair of surrogate halves (each of which
+	 * UCS-2 exposes as separate characters) into a single code point,
+	 * matching UTF-16.
+	 * @see `punycode.ucs2.encode`
+	 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+	 * @memberOf punycode.ucs2
+	 * @name decode
+	 * @param {String} string The Unicode input string (UCS-2).
+	 * @returns {Array} The new array of code points.
+	 */function ucs2decode(string){var output=[],counter=0,length=string.length,value,extra;while(counter<length){value=string.charCodeAt(counter++);if(value>=0xD800&&value<=0xDBFF&&counter<length){// high surrogate, and there is a next character
+extra=string.charCodeAt(counter++);if((extra&0xFC00)==0xDC00){// low surrogate
+output.push(((value&0x3FF)<<10)+(extra&0x3FF)+0x10000);}else{// unmatched surrogate; only append this code unit, in case the next
+// code unit is the high surrogate of a surrogate pair
+output.push(value);counter--;}}else{output.push(value);}}return output;}/**
+	 * Creates a string based on an array of numeric code points.
+	 * @see `punycode.ucs2.decode`
+	 * @memberOf punycode.ucs2
+	 * @name encode
+	 * @param {Array} codePoints The array of numeric code points.
+	 * @returns {String} The new Unicode string (UCS-2).
+	 */function ucs2encode(array){return map(array,function(value){var output='';if(value>0xFFFF){value-=0x10000;output+=stringFromCharCode(value>>>10&0x3FF|0xD800);value=0xDC00|value&0x3FF;}output+=stringFromCharCode(value);return output;}).join('');}/**
+	 * Converts a basic code point into a digit/integer.
+	 * @see `digitToBasic()`
+	 * @private
+	 * @param {Number} codePoint The basic numeric code point value.
+	 * @returns {Number} The numeric value of a basic code point (for use in
+	 * representing integers) in the range `0` to `base - 1`, or `base` if
+	 * the code point does not represent a value.
+	 */function basicToDigit(codePoint){if(codePoint-48<10){return codePoint-22;}if(codePoint-65<26){return codePoint-65;}if(codePoint-97<26){return codePoint-97;}return base;}/**
+	 * Converts a digit/integer into a basic code point.
+	 * @see `basicToDigit()`
+	 * @private
+	 * @param {Number} digit The numeric value of a basic code point.
+	 * @returns {Number} The basic code point whose value (when used for
+	 * representing integers) is `digit`, which needs to be in the range
+	 * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is
+	 * used; else, the lowercase form is used. The behavior is undefined
+	 * if `flag` is non-zero and `digit` has no uppercase form.
+	 */function digitToBasic(digit,flag){//  0..25 map to ASCII a..z or A..Z
+// 26..35 map to ASCII 0..9
+return digit+22+75*(digit<26)-((flag!=0)<<5);}/**
+	 * Bias adaptation function as per section 3.4 of RFC 3492.
+	 * https://tools.ietf.org/html/rfc3492#section-3.4
+	 * @private
+	 */function adapt(delta,numPoints,firstTime){var k=0;delta=firstTime?floor(delta/damp):delta>>1;delta+=floor(delta/numPoints);for/* no initialization */(;delta>baseMinusTMin*tMax>>1;k+=base){delta=floor(delta/baseMinusTMin);}return floor(k+(baseMinusTMin+1)*delta/(delta+skew));}/**
+	 * Converts a Punycode string of ASCII-only symbols to a string of Unicode
+	 * symbols.
+	 * @memberOf punycode
+	 * @param {String} input The Punycode string of ASCII-only symbols.
+	 * @returns {String} The resulting string of Unicode symbols.
+	 */function decode(input){// Don't use UCS-2
+var output=[],inputLength=input.length,out,i=0,n=initialN,bias=initialBias,basic,j,index,oldi,w,k,digit,t,/** Cached calculation results */baseMinusT;// Handle the basic code points: let `basic` be the number of input code
+// points before the last delimiter, or `0` if there is none, then copy
+// the first basic code points to the output.
+basic=input.lastIndexOf(delimiter);if(basic<0){basic=0;}for(j=0;j<basic;++j){// if it's not a basic code point
+if(input.charCodeAt(j)>=0x80){error('not-basic');}output.push(input.charCodeAt(j));}// Main decoding loop: start just after the last delimiter if any basic code
+// points were copied; start at the beginning otherwise.
+for/* no final expression */(index=basic>0?basic+1:0;index<inputLength;){// `index` is the index of the next character to be consumed.
+// Decode a generalized variable-length integer into `delta`,
+// which gets added to `i`. The overflow checking is easier
+// if we increase `i` as we go, then subtract off its starting
+// value at the end to obtain `delta`.
+for/* no condition */(oldi=i,w=1,k=base;;k+=base){if(index>=inputLength){error('invalid-input');}digit=basicToDigit(input.charCodeAt(index++));if(digit>=base||digit>floor((maxInt-i)/w)){error('overflow');}i+=digit*w;t=k<=bias?tMin:k>=bias+tMax?tMax:k-bias;if(digit<t){break;}baseMinusT=base-t;if(w>floor(maxInt/baseMinusT)){error('overflow');}w*=baseMinusT;}out=output.length+1;bias=adapt(i-oldi,out,oldi==0);// `i` was supposed to wrap around from `out` to `0`,
+// incrementing `n` each time, so we'll fix that now:
+if(floor(i/out)>maxInt-n){error('overflow');}n+=floor(i/out);i%=out;// Insert `n` at position `i` of the output
+output.splice(i++,0,n);}return ucs2encode(output);}/**
+	 * Converts a string of Unicode symbols (e.g. a domain name label) to a
+	 * Punycode string of ASCII-only symbols.
+	 * @memberOf punycode
+	 * @param {String} input The string of Unicode symbols.
+	 * @returns {String} The resulting Punycode string of ASCII-only symbols.
+	 */function encode(input){var n,delta,handledCPCount,basicLength,bias,j,m,q,k,t,currentValue,output=[],/** `inputLength` will hold the number of code points in `input`. */inputLength,/** Cached calculation results */handledCPCountPlusOne,baseMinusT,qMinusT;// Convert the input in UCS-2 to Unicode
+input=ucs2decode(input);// Cache the length
+inputLength=input.length;// Initialize the state
+n=initialN;delta=0;bias=initialBias;// Handle the basic code points
+for(j=0;j<inputLength;++j){currentValue=input[j];if(currentValue<0x80){output.push(stringFromCharCode(currentValue));}}handledCPCount=basicLength=output.length;// `handledCPCount` is the number of code points that have been handled;
+// `basicLength` is the number of basic code points.
+// Finish the basic string - if it is not empty - with a delimiter
+if(basicLength){output.push(delimiter);}// Main encoding loop:
+while(handledCPCount<inputLength){// All non-basic code points < n have been handled already. Find the next
+// larger one:
+for(m=maxInt,j=0;j<inputLength;++j){currentValue=input[j];if(currentValue>=n&&currentValue<m){m=currentValue;}}// Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
+// but guard against overflow
+handledCPCountPlusOne=handledCPCount+1;if(m-n>floor((maxInt-delta)/handledCPCountPlusOne)){error('overflow');}delta+=(m-n)*handledCPCountPlusOne;n=m;for(j=0;j<inputLength;++j){currentValue=input[j];if(currentValue<n&&++delta>maxInt){error('overflow');}if(currentValue==n){// Represent delta as a generalized variable-length integer
+for/* no condition */(q=delta,k=base;;k+=base){t=k<=bias?tMin:k>=bias+tMax?tMax:k-bias;if(q<t){break;}qMinusT=q-t;baseMinusT=base-t;output.push(stringFromCharCode(digitToBasic(t+qMinusT%baseMinusT,0)));q=floor(qMinusT/baseMinusT);}output.push(stringFromCharCode(digitToBasic(q,0)));bias=adapt(delta,handledCPCountPlusOne,handledCPCount==basicLength);delta=0;++handledCPCount;}}++delta;++n;}return output.join('');}/**
+	 * Converts a Punycode string representing a domain name or an email address
+	 * to Unicode. Only the Punycoded parts of the input will be converted, i.e.
+	 * it doesn't matter if you call it on a string that has already been
+	 * converted to Unicode.
+	 * @memberOf punycode
+	 * @param {String} input The Punycoded domain name or email address to
+	 * convert to Unicode.
+	 * @returns {String} The Unicode representation of the given Punycode
+	 * string.
+	 */function toUnicode(input){return mapDomain(input,function(string){return regexPunycode.test(string)?decode(string.slice(4).toLowerCase()):string;});}/**
+	 * Converts a Unicode string representing a domain name or an email address to
+	 * Punycode. Only the non-ASCII parts of the domain name will be converted,
+	 * i.e. it doesn't matter if you call it with a domain that's already in
+	 * ASCII.
+	 * @memberOf punycode
+	 * @param {String} input The domain name or email address to convert, as a
+	 * Unicode string.
+	 * @returns {String} The Punycode representation of the given domain name or
+	 * email address.
+	 */function toASCII(input){return mapDomain(input,function(string){return regexNonASCII.test(string)?'xn--'+encode(string):string;});}/*--------------------------------------------------------------------------*/ /** Define the public API */punycode={/**
+		 * A string representing the current Punycode.js version number.
+		 * @memberOf punycode
+		 * @type String
+		 */'version':'1.4.1',/**
+		 * An object of methods to convert from JavaScript's internal character
+		 * representation (UCS-2) to Unicode code points, and back.
+		 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+		 * @memberOf punycode
+		 * @type Object
+		 */'ucs2':{'decode':ucs2decode,'encode':ucs2encode},'decode':decode,'encode':encode,'toASCII':toASCII,'toUnicode':toUnicode};/** Expose `punycode` */ // Some AMD build optimizers, like r.js, check for specific condition patterns
+// like the following:
+if(typeof define=='function'&&typeof define.amd=='object'&&define.amd){define('punycode',function(){return punycode;});}else if(freeExports&&freeModule){if(module.exports==freeExports){// in Node.js, io.js, or RingoJS v0.8.0+
+freeModule.exports=punycode;}else{// in Narwhal or RingoJS v0.7.0-
+for(key in punycode){punycode.hasOwnProperty(key)&&(freeExports[key]=punycode[key]);}}}else{// in Rhino or a web browser
+root.punycode=punycode;}})(this);}).call(this);}).call(this,typeof global!=="undefined"?global:typeof self!=="undefined"?self:typeof window!=="undefined"?window:{});},{}],79:[function(require,module,exports){'use strict';var replace=String.prototype.replace;var percentTwenties=/%20/g;var Format={RFC1738:'RFC1738',RFC3986:'RFC3986'};module.exports={'default':Format.RFC3986,formatters:{RFC1738:function(value){return replace.call(value,percentTwenties,'+');},RFC3986:function(value){return String(value);}},RFC1738:Format.RFC1738,RFC3986:Format.RFC3986};},{}],80:[function(require,module,exports){'use strict';var stringify=require('./stringify');var parse=require('./parse');var formats=require('./formats');module.exports={formats:formats,parse:parse,stringify:stringify};},{"./formats":79,"./parse":81,"./stringify":82}],81:[function(require,module,exports){'use strict';var utils=require('./utils');var has=Object.prototype.hasOwnProperty;var isArray=Array.isArray;var defaults={allowDots:false,allowPrototypes:false,allowSparse:false,arrayLimit:20,charset:'utf-8',charsetSentinel:false,comma:false,decoder:utils.decode,delimiter:'&',depth:5,ignoreQueryPrefix:false,interpretNumericEntities:false,parameterLimit:1000,parseArrays:true,plainObjects:false,strictNullHandling:false};var interpretNumericEntities=function(str){return str.replace(/&#(\d+);/g,function($0,numberStr){return String.fromCharCode(parseInt(numberStr,10));});};var parseArrayValue=function(val,options){if(val&&typeof val==='string'&&options.comma&&val.indexOf(',')>-1){return val.split(',');}return val;};// This is what browsers will submit when the ✓ character occurs in an
+// application/x-www-form-urlencoded body and the encoding of the page containing
+// the form is iso-8859-1, or when the submitted form has an accept-charset
+// attribute of iso-8859-1. Presumably also with other charsets that do not contain
+// the ✓ character, such as us-ascii.
+var isoSentinel='utf8=%26%2310003%3B';// encodeURIComponent('&#10003;')
+// These are the percent-encoded utf-8 octets representing a checkmark, indicating that the request actually is utf-8 encoded.
+var charsetSentinel='utf8=%E2%9C%93';// encodeURIComponent('✓')
+var parseValues=function parseQueryStringValues(str,options){var obj={};var cleanStr=options.ignoreQueryPrefix?str.replace(/^\?/,''):str;var limit=options.parameterLimit===Infinity?undefined:options.parameterLimit;var parts=cleanStr.split(options.delimiter,limit);var skipIndex=-1;// Keep track of where the utf8 sentinel was found
+var i;var charset=options.charset;if(options.charsetSentinel){for(i=0;i<parts.length;++i){if(parts[i].indexOf('utf8=')===0){if(parts[i]===charsetSentinel){charset='utf-8';}else if(parts[i]===isoSentinel){charset='iso-8859-1';}skipIndex=i;i=parts.length;// The eslint settings do not allow break;
+}}}for(i=0;i<parts.length;++i){if(i===skipIndex){continue;}var part=parts[i];var bracketEqualsPos=part.indexOf(']=');var pos=bracketEqualsPos===-1?part.indexOf('='):bracketEqualsPos+1;var key,val;if(pos===-1){key=options.decoder(part,defaults.decoder,charset,'key');val=options.strictNullHandling?null:'';}else{key=options.decoder(part.slice(0,pos),defaults.decoder,charset,'key');val=utils.maybeMap(parseArrayValue(part.slice(pos+1),options),function(encodedVal){return options.decoder(encodedVal,defaults.decoder,charset,'value');});}if(val&&options.interpretNumericEntities&&charset==='iso-8859-1'){val=interpretNumericEntities(val);}if(part.indexOf('[]=')>-1){val=isArray(val)?[val]:val;}if(has.call(obj,key)){obj[key]=utils.combine(obj[key],val);}else{obj[key]=val;}}return obj;};var parseObject=function(chain,val,options,valuesParsed){var leaf=valuesParsed?val:parseArrayValue(val,options);for(var i=chain.length-1;i>=0;--i){var obj;var root=chain[i];if(root==='[]'&&options.parseArrays){obj=[].concat(leaf);}else{obj=options.plainObjects?Object.create(null):{};var cleanRoot=root.charAt(0)==='['&&root.charAt(root.length-1)===']'?root.slice(1,-1):root;var index=parseInt(cleanRoot,10);if(!options.parseArrays&&cleanRoot===''){obj={0:leaf};}else if(!isNaN(index)&&root!==cleanRoot&&String(index)===cleanRoot&&index>=0&&options.parseArrays&&index<=options.arrayLimit){obj=[];obj[index]=leaf;}else{obj[cleanRoot]=leaf;}}leaf=obj;}return leaf;};var parseKeys=function parseQueryStringKeys(givenKey,val,options,valuesParsed){if(!givenKey){return;}// Transform dot notation to bracket notation
+var key=options.allowDots?givenKey.replace(/\.([^.[]+)/g,'[$1]'):givenKey;// The regex chunks
+var brackets=/(\[[^[\]]*])/;var child=/(\[[^[\]]*])/g;// Get the parent
+var segment=options.depth>0&&brackets.exec(key);var parent=segment?key.slice(0,segment.index):key;// Stash the parent if it exists
+var keys=[];if(parent){// If we aren't using plain objects, optionally prefix keys that would overwrite object prototype properties
+if(!options.plainObjects&&has.call(Object.prototype,parent)){if(!options.allowPrototypes){return;}}keys.push(parent);}// Loop through children appending to the array until we hit depth
+var i=0;while(options.depth>0&&(segment=child.exec(key))!==null&&i<options.depth){i+=1;if(!options.plainObjects&&has.call(Object.prototype,segment[1].slice(1,-1))){if(!options.allowPrototypes){return;}}keys.push(segment[1]);}// If there's a remainder, just add whatever is left
+if(segment){keys.push('['+key.slice(segment.index)+']');}return parseObject(keys,val,options,valuesParsed);};var normalizeParseOptions=function normalizeParseOptions(opts){if(!opts){return defaults;}if(opts.decoder!==null&&opts.decoder!==undefined&&typeof opts.decoder!=='function'){throw new TypeError('Decoder has to be a function.');}if(typeof opts.charset!=='undefined'&&opts.charset!=='utf-8'&&opts.charset!=='iso-8859-1'){throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');}var charset=typeof opts.charset==='undefined'?defaults.charset:opts.charset;return{allowDots:typeof opts.allowDots==='undefined'?defaults.allowDots:!!opts.allowDots,allowPrototypes:typeof opts.allowPrototypes==='boolean'?opts.allowPrototypes:defaults.allowPrototypes,allowSparse:typeof opts.allowSparse==='boolean'?opts.allowSparse:defaults.allowSparse,arrayLimit:typeof opts.arrayLimit==='number'?opts.arrayLimit:defaults.arrayLimit,charset:charset,charsetSentinel:typeof opts.charsetSentinel==='boolean'?opts.charsetSentinel:defaults.charsetSentinel,comma:typeof opts.comma==='boolean'?opts.comma:defaults.comma,decoder:typeof opts.decoder==='function'?opts.decoder:defaults.decoder,delimiter:typeof opts.delimiter==='string'||utils.isRegExp(opts.delimiter)?opts.delimiter:defaults.delimiter,// eslint-disable-next-line no-implicit-coercion, no-extra-parens
+depth:typeof opts.depth==='number'||opts.depth===false?+opts.depth:defaults.depth,ignoreQueryPrefix:opts.ignoreQueryPrefix===true,interpretNumericEntities:typeof opts.interpretNumericEntities==='boolean'?opts.interpretNumericEntities:defaults.interpretNumericEntities,parameterLimit:typeof opts.parameterLimit==='number'?opts.parameterLimit:defaults.parameterLimit,parseArrays:opts.parseArrays!==false,plainObjects:typeof opts.plainObjects==='boolean'?opts.plainObjects:defaults.plainObjects,strictNullHandling:typeof opts.strictNullHandling==='boolean'?opts.strictNullHandling:defaults.strictNullHandling};};module.exports=function(str,opts){var options=normalizeParseOptions(opts);if(str===''||str===null||typeof str==='undefined'){return options.plainObjects?Object.create(null):{};}var tempObj=typeof str==='string'?parseValues(str,options):str;var obj=options.plainObjects?Object.create(null):{};// Iterate over the keys and setup the new object
+var keys=Object.keys(tempObj);for(var i=0;i<keys.length;++i){var key=keys[i];var newObj=parseKeys(key,tempObj[key],options,typeof str==='string');obj=utils.merge(obj,newObj,options);}if(options.allowSparse===true){return obj;}return utils.compact(obj);};},{"./utils":83}],82:[function(require,module,exports){'use strict';var getSideChannel=require('side-channel');var utils=require('./utils');var formats=require('./formats');var has=Object.prototype.hasOwnProperty;var arrayPrefixGenerators={brackets:function brackets(prefix){return prefix+'[]';},comma:'comma',indices:function indices(prefix,key){return prefix+'['+key+']';},repeat:function repeat(prefix){return prefix;}};var isArray=Array.isArray;var push=Array.prototype.push;var pushToArray=function(arr,valueOrArray){push.apply(arr,isArray(valueOrArray)?valueOrArray:[valueOrArray]);};var toISO=Date.prototype.toISOString;var defaultFormat=formats['default'];var defaults={addQueryPrefix:false,allowDots:false,charset:'utf-8',charsetSentinel:false,delimiter:'&',encode:true,encoder:utils.encode,encodeValuesOnly:false,format:defaultFormat,formatter:formats.formatters[defaultFormat],// deprecated
+indices:false,serializeDate:function serializeDate(date){return toISO.call(date);},skipNulls:false,strictNullHandling:false};var isNonNullishPrimitive=function isNonNullishPrimitive(v){return typeof v==='string'||typeof v==='number'||typeof v==='boolean'||typeof v==='symbol'||typeof v==='bigint';};var stringify=function stringify(object,prefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,sideChannel){var obj=object;if(sideChannel.has(object)){throw new RangeError('Cyclic object value');}if(typeof filter==='function'){obj=filter(prefix,obj);}else if(obj instanceof Date){obj=serializeDate(obj);}else if(generateArrayPrefix==='comma'&&isArray(obj)){obj=utils.maybeMap(obj,function(value){if(value instanceof Date){return serializeDate(value);}return value;});}if(obj===null){if(strictNullHandling){return encoder&&!encodeValuesOnly?encoder(prefix,defaults.encoder,charset,'key',format):prefix;}obj='';}if(isNonNullishPrimitive(obj)||utils.isBuffer(obj)){if(encoder){var keyValue=encodeValuesOnly?prefix:encoder(prefix,defaults.encoder,charset,'key',format);return[formatter(keyValue)+'='+formatter(encoder(obj,defaults.encoder,charset,'value',format))];}return[formatter(prefix)+'='+formatter(String(obj))];}var values=[];if(typeof obj==='undefined'){return values;}var objKeys;if(generateArrayPrefix==='comma'&&isArray(obj)){// we need to join elements in
+objKeys=[{value:obj.length>0?obj.join(',')||null:undefined}];}else if(isArray(filter)){objKeys=filter;}else{var keys=Object.keys(obj);objKeys=sort?keys.sort(sort):keys;}for(var i=0;i<objKeys.length;++i){var key=objKeys[i];var value=typeof key==='object'&&key.value!==undefined?key.value:obj[key];if(skipNulls&&value===null){continue;}var keyPrefix=isArray(obj)?typeof generateArrayPrefix==='function'?generateArrayPrefix(prefix,key):prefix:prefix+(allowDots?'.'+key:'['+key+']');sideChannel.set(object,true);var valueSideChannel=getSideChannel();pushToArray(values,stringify(value,keyPrefix,generateArrayPrefix,strictNullHandling,skipNulls,encoder,filter,sort,allowDots,serializeDate,format,formatter,encodeValuesOnly,charset,valueSideChannel));}return values;};var normalizeStringifyOptions=function normalizeStringifyOptions(opts){if(!opts){return defaults;}if(opts.encoder!==null&&opts.encoder!==undefined&&typeof opts.encoder!=='function'){throw new TypeError('Encoder has to be a function.');}var charset=opts.charset||defaults.charset;if(typeof opts.charset!=='undefined'&&opts.charset!=='utf-8'&&opts.charset!=='iso-8859-1'){throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');}var format=formats['default'];if(typeof opts.format!=='undefined'){if(!has.call(formats.formatters,opts.format)){throw new TypeError('Unknown format option provided.');}format=opts.format;}var formatter=formats.formatters[format];var filter=defaults.filter;if(typeof opts.filter==='function'||isArray(opts.filter)){filter=opts.filter;}return{addQueryPrefix:typeof opts.addQueryPrefix==='boolean'?opts.addQueryPrefix:defaults.addQueryPrefix,allowDots:typeof opts.allowDots==='undefined'?defaults.allowDots:!!opts.allowDots,charset:charset,charsetSentinel:typeof opts.charsetSentinel==='boolean'?opts.charsetSentinel:defaults.charsetSentinel,delimiter:typeof opts.delimiter==='undefined'?defaults.delimiter:opts.delimiter,encode:typeof opts.encode==='boolean'?opts.encode:defaults.encode,encoder:typeof opts.encoder==='function'?opts.encoder:defaults.encoder,encodeValuesOnly:typeof opts.encodeValuesOnly==='boolean'?opts.encodeValuesOnly:defaults.encodeValuesOnly,filter:filter,format:format,formatter:formatter,serializeDate:typeof opts.serializeDate==='function'?opts.serializeDate:defaults.serializeDate,skipNulls:typeof opts.skipNulls==='boolean'?opts.skipNulls:defaults.skipNulls,sort:typeof opts.sort==='function'?opts.sort:null,strictNullHandling:typeof opts.strictNullHandling==='boolean'?opts.strictNullHandling:defaults.strictNullHandling};};module.exports=function(object,opts){var obj=object;var options=normalizeStringifyOptions(opts);var objKeys;var filter;if(typeof options.filter==='function'){filter=options.filter;obj=filter('',obj);}else if(isArray(options.filter)){filter=options.filter;objKeys=filter;}var keys=[];if(typeof obj!=='object'||obj===null){return'';}var arrayFormat;if(opts&&opts.arrayFormat in arrayPrefixGenerators){arrayFormat=opts.arrayFormat;}else if(opts&&'indices'in opts){arrayFormat=opts.indices?'indices':'repeat';}else{arrayFormat='indices';}var generateArrayPrefix=arrayPrefixGenerators[arrayFormat];if(!objKeys){objKeys=Object.keys(obj);}if(options.sort){objKeys.sort(options.sort);}var sideChannel=getSideChannel();for(var i=0;i<objKeys.length;++i){var key=objKeys[i];if(options.skipNulls&&obj[key]===null){continue;}pushToArray(keys,stringify(obj[key],key,generateArrayPrefix,options.strictNullHandling,options.skipNulls,options.encode?options.encoder:null,options.filter,options.sort,options.allowDots,options.serializeDate,options.format,options.formatter,options.encodeValuesOnly,options.charset,sideChannel));}var joined=keys.join(options.delimiter);var prefix=options.addQueryPrefix===true?'?':'';if(options.charsetSentinel){if(options.charset==='iso-8859-1'){// encodeURIComponent('&#10003;'), the "numeric entity" representation of a checkmark
+prefix+='utf8=%26%2310003%3B&';}else{// encodeURIComponent('✓')
+prefix+='utf8=%E2%9C%93&';}}return joined.length>0?prefix+joined:'';};},{"./formats":79,"./utils":83,"side-channel":87}],83:[function(require,module,exports){'use strict';var formats=require('./formats');var has=Object.prototype.hasOwnProperty;var isArray=Array.isArray;var hexTable=function(){var array=[];for(var i=0;i<256;++i){array.push('%'+((i<16?'0':'')+i.toString(16)).toUpperCase());}return array;}();var compactQueue=function compactQueue(queue){while(queue.length>1){var item=queue.pop();var obj=item.obj[item.prop];if(isArray(obj)){var compacted=[];for(var j=0;j<obj.length;++j){if(typeof obj[j]!=='undefined'){compacted.push(obj[j]);}}item.obj[item.prop]=compacted;}}};var arrayToObject=function arrayToObject(source,options){var obj=options&&options.plainObjects?Object.create(null):{};for(var i=0;i<source.length;++i){if(typeof source[i]!=='undefined'){obj[i]=source[i];}}return obj;};var merge=function merge(target,source,options){/* eslint no-param-reassign: 0 */if(!source){return target;}if(typeof source!=='object'){if(isArray(target)){target.push(source);}else if(target&&typeof target==='object'){if(options&&(options.plainObjects||options.allowPrototypes)||!has.call(Object.prototype,source)){target[source]=true;}}else{return[target,source];}return target;}if(!target||typeof target!=='object'){return[target].concat(source);}var mergeTarget=target;if(isArray(target)&&!isArray(source)){mergeTarget=arrayToObject(target,options);}if(isArray(target)&&isArray(source)){source.forEach(function(item,i){if(has.call(target,i)){var targetItem=target[i];if(targetItem&&typeof targetItem==='object'&&item&&typeof item==='object'){target[i]=merge(targetItem,item,options);}else{target.push(item);}}else{target[i]=item;}});return target;}return Object.keys(source).reduce(function(acc,key){var value=source[key];if(has.call(acc,key)){acc[key]=merge(acc[key],value,options);}else{acc[key]=value;}return acc;},mergeTarget);};var assign=function assignSingleSource(target,source){return Object.keys(source).reduce(function(acc,key){acc[key]=source[key];return acc;},target);};var decode=function(str,decoder,charset){var strWithoutPlus=str.replace(/\+/g,' ');if(charset==='iso-8859-1'){// unescape never throws, no try...catch needed:
+return strWithoutPlus.replace(/%[0-9a-f]{2}/gi,unescape);}// utf-8
+try{return decodeURIComponent(strWithoutPlus);}catch(e){return strWithoutPlus;}};var encode=function encode(str,defaultEncoder,charset,kind,format){// This code was originally written by Brian White (mscdex) for the io.js core querystring library.
+// It has been adapted here for stricter adherence to RFC 3986
+if(str.length===0){return str;}var string=str;if(typeof str==='symbol'){string=Symbol.prototype.toString.call(str);}else if(typeof str!=='string'){string=String(str);}if(charset==='iso-8859-1'){return escape(string).replace(/%u[0-9a-f]{4}/gi,function($0){return'%26%23'+parseInt($0.slice(2),16)+'%3B';});}var out='';for(var i=0;i<string.length;++i){var c=string.charCodeAt(i);if(c===0x2D// -
+||c===0x2E// .
+||c===0x5F// _
+||c===0x7E// ~
+||c>=0x30&&c<=0x39// 0-9
+||c>=0x41&&c<=0x5A// a-z
+||c>=0x61&&c<=0x7A// A-Z
+||format===formats.RFC1738&&(c===0x28||c===0x29)// ( )
+){out+=string.charAt(i);continue;}if(c<0x80){out=out+hexTable[c];continue;}if(c<0x800){out=out+(hexTable[0xC0|c>>6]+hexTable[0x80|c&0x3F]);continue;}if(c<0xD800||c>=0xE000){out=out+(hexTable[0xE0|c>>12]+hexTable[0x80|c>>6&0x3F]+hexTable[0x80|c&0x3F]);continue;}i+=1;c=0x10000+((c&0x3FF)<<10|string.charCodeAt(i)&0x3FF);out+=hexTable[0xF0|c>>18]+hexTable[0x80|c>>12&0x3F]+hexTable[0x80|c>>6&0x3F]+hexTable[0x80|c&0x3F];}return out;};var compact=function compact(value){var queue=[{obj:{o:value},prop:'o'}];var refs=[];for(var i=0;i<queue.length;++i){var item=queue[i];var obj=item.obj[item.prop];var keys=Object.keys(obj);for(var j=0;j<keys.length;++j){var key=keys[j];var val=obj[key];if(typeof val==='object'&&val!==null&&refs.indexOf(val)===-1){queue.push({obj:obj,prop:key});refs.push(val);}}}compactQueue(queue);return value;};var isRegExp=function isRegExp(obj){return Object.prototype.toString.call(obj)==='[object RegExp]';};var isBuffer=function isBuffer(obj){if(!obj||typeof obj!=='object'){return false;}return!!(obj.constructor&&obj.constructor.isBuffer&&obj.constructor.isBuffer(obj));};var combine=function combine(a,b){return[].concat(a,b);};var maybeMap=function maybeMap(val,fn){if(isArray(val)){var mapped=[];for(var i=0;i<val.length;i+=1){mapped.push(fn(val[i]));}return mapped;}return fn(val);};module.exports={arrayToObject:arrayToObject,assign:assign,combine:combine,compact:compact,decode:decode,encode:encode,isBuffer:isBuffer,isRegExp:isRegExp,maybeMap:maybeMap,merge:merge};},{"./formats":79}],84:[function(require,module,exports){// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+'use strict';// If obj.hasOwnProperty has been overridden, then calling
+// obj.hasOwnProperty(prop) will break.
+// See: https://github.com/joyent/node/issues/1707
+function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop);}module.exports=function(qs,sep,eq,options){sep=sep||'&';eq=eq||'=';var obj={};if(typeof qs!=='string'||qs.length===0){return obj;}var regexp=/\+/g;qs=qs.split(sep);var maxKeys=1000;if(options&&typeof options.maxKeys==='number'){maxKeys=options.maxKeys;}var len=qs.length;// maxKeys <= 0 means that we should not limit keys count
+if(maxKeys>0&&len>maxKeys){len=maxKeys;}for(var i=0;i<len;++i){var x=qs[i].replace(regexp,'%20'),idx=x.indexOf(eq),kstr,vstr,k,v;if(idx>=0){kstr=x.substr(0,idx);vstr=x.substr(idx+1);}else{kstr=x;vstr='';}k=decodeURIComponent(kstr);v=decodeURIComponent(vstr);if(!hasOwnProperty(obj,k)){obj[k]=v;}else if(isArray(obj[k])){obj[k].push(v);}else{obj[k]=[obj[k],v];}}return obj;};var isArray=Array.isArray||function(xs){return Object.prototype.toString.call(xs)==='[object Array]';};},{}],85:[function(require,module,exports){// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+'use strict';var stringifyPrimitive=function(v){switch(typeof v){case'string':return v;case'boolean':return v?'true':'false';case'number':return isFinite(v)?v:'';default:return'';}};module.exports=function(obj,sep,eq,name){sep=sep||'&';eq=eq||'=';if(obj===null){obj=undefined;}if(typeof obj==='object'){return map(objectKeys(obj),function(k){var ks=encodeURIComponent(stringifyPrimitive(k))+eq;if(isArray(obj[k])){return map(obj[k],function(v){return ks+encodeURIComponent(stringifyPrimitive(v));}).join(sep);}else{return ks+encodeURIComponent(stringifyPrimitive(obj[k]));}}).join(sep);}if(!name)return'';return encodeURIComponent(stringifyPrimitive(name))+eq+encodeURIComponent(stringifyPrimitive(obj));};var isArray=Array.isArray||function(xs){return Object.prototype.toString.call(xs)==='[object Array]';};function map(xs,f){if(xs.map)return xs.map(f);var res=[];for(var i=0;i<xs.length;i++){res.push(f(xs[i],i));}return res;}var objectKeys=Object.keys||function(obj){var res=[];for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key))res.push(key);}return res;};},{}],86:[function(require,module,exports){'use strict';exports.decode=exports.parse=require('./decode');exports.encode=exports.stringify=require('./encode');},{"./decode":84,"./encode":85}],87:[function(require,module,exports){'use strict';var GetIntrinsic=require('get-intrinsic');var callBound=require('call-bind/callBound');var inspect=require('object-inspect');var $TypeError=GetIntrinsic('%TypeError%');var $WeakMap=GetIntrinsic('%WeakMap%',true);var $Map=GetIntrinsic('%Map%',true);var $weakMapGet=callBound('WeakMap.prototype.get',true);var $weakMapSet=callBound('WeakMap.prototype.set',true);var $weakMapHas=callBound('WeakMap.prototype.has',true);var $mapGet=callBound('Map.prototype.get',true);var $mapSet=callBound('Map.prototype.set',true);var $mapHas=callBound('Map.prototype.has',true);/*
+ * This function traverses the list returning the node corresponding to the
+ * given key.
+ *
+ * That node is also moved to the head of the list, so that if it's accessed
+ * again we don't need to traverse the whole list. By doing so, all the recently
+ * used nodes can be accessed relatively quickly.
+ */var listGetNode=function(list,key){// eslint-disable-line consistent-return
+for(var prev=list,curr;(curr=prev.next)!==null;prev=curr){if(curr.key===key){prev.next=curr.next;curr.next=list.next;list.next=curr;// eslint-disable-line no-param-reassign
+return curr;}}};var listGet=function(objects,key){var node=listGetNode(objects,key);return node&&node.value;};var listSet=function(objects,key,value){var node=listGetNode(objects,key);if(node){node.value=value;}else{// Prepend the new node to the beginning of the list
+objects.next={// eslint-disable-line no-param-reassign
+key:key,next:objects.next,value:value};}};var listHas=function(objects,key){return!!listGetNode(objects,key);};module.exports=function getSideChannel(){var $wm;var $m;var $o;var channel={assert:function(key){if(!channel.has(key)){throw new $TypeError('Side channel does not contain '+inspect(key));}},get:function(key){// eslint-disable-line consistent-return
+if($WeakMap&&key&&(typeof key==='object'||typeof key==='function')){if($wm){return $weakMapGet($wm,key);}}else if($Map){if($m){return $mapGet($m,key);}}else{if($o){// eslint-disable-line no-lonely-if
+return listGet($o,key);}}},has:function(key){if($WeakMap&&key&&(typeof key==='object'||typeof key==='function')){if($wm){return $weakMapHas($wm,key);}}else if($Map){if($m){return $mapHas($m,key);}}else{if($o){// eslint-disable-line no-lonely-if
+return listHas($o,key);}}return false;},set:function(key,value){if($WeakMap&&key&&(typeof key==='object'||typeof key==='function')){if(!$wm){$wm=new $WeakMap();}$weakMapSet($wm,key,value);}else if($Map){if(!$m){$m=new $Map();}$mapSet($m,key,value);}else{if(!$o){/*
+					 * Initialize the linked list as an empty node, so that we don't have
+					 * to special-case handling of the first node: we can always refer to
+					 * it as (previous node).next, instead of something like (list).head
+					 */$o={key:{},next:null};}listSet($o,key,value);}}};return channel;};},{"call-bind/callBound":58,"get-intrinsic":63,"object-inspect":69}],88:[function(require,module,exports){// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+'use strict';var punycode=require('punycode');var util=require('./util');exports.parse=urlParse;exports.resolve=urlResolve;exports.resolveObject=urlResolveObject;exports.format=urlFormat;exports.Url=Url;function Url(){this.protocol=null;this.slashes=null;this.auth=null;this.host=null;this.port=null;this.hostname=null;this.hash=null;this.search=null;this.query=null;this.pathname=null;this.path=null;this.href=null;}// Reference: RFC 3986, RFC 1808, RFC 2396
+// define these here so at least they only have to be
+// compiled once on the first module load.
+var protocolPattern=/^([a-z0-9.+-]+:)/i,portPattern=/:[0-9]*$/,// Special case for a simple path URL
+simplePathPattern=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,// RFC 2396: characters reserved for delimiting URLs.
+// We actually just auto-escape these.
+delims=['<','>','"','`',' ','\r','\n','\t'],// RFC 2396: characters not allowed for various reasons.
+unwise=['{','}','|','\\','^','`'].concat(delims),// Allowed by RFCs, but cause of XSS attacks.  Always escape these.
+autoEscape=['\''].concat(unwise),// Characters that are never ever allowed in a hostname.
+// Note that any invalid chars are also handled, but these
+// are the ones that are *expected* to be seen, so we fast-path
+// them.
+nonHostChars=['%','/','?',';','#'].concat(autoEscape),hostEndingChars=['/','?','#'],hostnameMaxLen=255,hostnamePartPattern=/^[+a-z0-9A-Z_-]{0,63}$/,hostnamePartStart=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,// protocols that can allow "unsafe" and "unwise" chars.
+unsafeProtocol={'javascript':true,'javascript:':true},// protocols that never have a hostname.
+hostlessProtocol={'javascript':true,'javascript:':true},// protocols that always contain a // bit.
+slashedProtocol={'http':true,'https':true,'ftp':true,'gopher':true,'file':true,'http:':true,'https:':true,'ftp:':true,'gopher:':true,'file:':true},querystring=require('querystring');function urlParse(url,parseQueryString,slashesDenoteHost){if(url&&util.isObject(url)&&url instanceof Url)return url;var u=new Url();u.parse(url,parseQueryString,slashesDenoteHost);return u;}Url.prototype.parse=function(url,parseQueryString,slashesDenoteHost){if(!util.isString(url)){throw new TypeError("Parameter 'url' must be a string, not "+typeof url);}// Copy chrome, IE, opera backslash-handling behavior.
+// Back slashes before the query string get converted to forward slashes
+// See: https://code.google.com/p/chromium/issues/detail?id=25916
+var queryIndex=url.indexOf('?'),splitter=queryIndex!==-1&&queryIndex<url.indexOf('#')?'?':'#',uSplit=url.split(splitter),slashRegex=/\\/g;uSplit[0]=uSplit[0].replace(slashRegex,'/');url=uSplit.join(splitter);var rest=url;// trim before proceeding.
+// This is to support parse stuff like "  http://foo.com  \n"
+rest=rest.trim();if(!slashesDenoteHost&&url.split('#').length===1){// Try fast path regexp
+var simplePath=simplePathPattern.exec(rest);if(simplePath){this.path=rest;this.href=rest;this.pathname=simplePath[1];if(simplePath[2]){this.search=simplePath[2];if(parseQueryString){this.query=querystring.parse(this.search.substr(1));}else{this.query=this.search.substr(1);}}else if(parseQueryString){this.search='';this.query={};}return this;}}var proto=protocolPattern.exec(rest);if(proto){proto=proto[0];var lowerProto=proto.toLowerCase();this.protocol=lowerProto;rest=rest.substr(proto.length);}// figure out if it's got a host
+// user@server is *always* interpreted as a hostname, and url
+// resolution will treat //foo/bar as host=foo,path=bar because that's
+// how the browser resolves relative URLs.
+if(slashesDenoteHost||proto||rest.match(/^\/\/[^@\/]+@[^@\/]+/)){var slashes=rest.substr(0,2)==='//';if(slashes&&!(proto&&hostlessProtocol[proto])){rest=rest.substr(2);this.slashes=true;}}if(!hostlessProtocol[proto]&&(slashes||proto&&!slashedProtocol[proto])){// there's a hostname.
+// the first instance of /, ?, ;, or # ends the host.
+//
+// If there is an @ in the hostname, then non-host chars *are* allowed
+// to the left of the last @ sign, unless some host-ending character
+// comes *before* the @-sign.
+// URLs are obnoxious.
+//
+// ex:
+// http://a@b@c/ => user:a@b host:c
+// http://a@b?@c => user:a host:c path:/?@c
+// v0.12 TODO(isaacs): This is not quite how Chrome does things.
+// Review our test case against browsers more comprehensively.
+// find the first instance of any hostEndingChars
+var hostEnd=-1;for(var i=0;i<hostEndingChars.length;i++){var hec=rest.indexOf(hostEndingChars[i]);if(hec!==-1&&(hostEnd===-1||hec<hostEnd))hostEnd=hec;}// at this point, either we have an explicit point where the
+// auth portion cannot go past, or the last @ char is the decider.
+var auth,atSign;if(hostEnd===-1){// atSign can be anywhere.
+atSign=rest.lastIndexOf('@');}else{// atSign must be in auth portion.
+// http://a@b/c@d => host:b auth:a path:/c@d
+atSign=rest.lastIndexOf('@',hostEnd);}// Now we have a portion which is definitely the auth.
+// Pull that off.
+if(atSign!==-1){auth=rest.slice(0,atSign);rest=rest.slice(atSign+1);this.auth=decodeURIComponent(auth);}// the host is the remaining to the left of the first non-host char
+hostEnd=-1;for(var i=0;i<nonHostChars.length;i++){var hec=rest.indexOf(nonHostChars[i]);if(hec!==-1&&(hostEnd===-1||hec<hostEnd))hostEnd=hec;}// if we still have not hit it, then the entire thing is a host.
+if(hostEnd===-1)hostEnd=rest.length;this.host=rest.slice(0,hostEnd);rest=rest.slice(hostEnd);// pull out port.
+this.parseHost();// we've indicated that there is a hostname,
+// so even if it's empty, it has to be present.
+this.hostname=this.hostname||'';// if hostname begins with [ and ends with ]
+// assume that it's an IPv6 address.
+var ipv6Hostname=this.hostname[0]==='['&&this.hostname[this.hostname.length-1]===']';// validate a little.
+if(!ipv6Hostname){var hostparts=this.hostname.split(/\./);for(var i=0,l=hostparts.length;i<l;i++){var part=hostparts[i];if(!part)continue;if(!part.match(hostnamePartPattern)){var newpart='';for(var j=0,k=part.length;j<k;j++){if(part.charCodeAt(j)>127){// we replace non-ASCII char with a temporary placeholder
+// we need this to make sure size of hostname is not
+// broken by replacing non-ASCII by nothing
+newpart+='x';}else{newpart+=part[j];}}// we test again with ASCII char only
+if(!newpart.match(hostnamePartPattern)){var validParts=hostparts.slice(0,i);var notHost=hostparts.slice(i+1);var bit=part.match(hostnamePartStart);if(bit){validParts.push(bit[1]);notHost.unshift(bit[2]);}if(notHost.length){rest='/'+notHost.join('.')+rest;}this.hostname=validParts.join('.');break;}}}}if(this.hostname.length>hostnameMaxLen){this.hostname='';}else{// hostnames are always lower case.
+this.hostname=this.hostname.toLowerCase();}if(!ipv6Hostname){// IDNA Support: Returns a punycoded representation of "domain".
+// It only converts parts of the domain name that
+// have non-ASCII characters, i.e. it doesn't matter if
+// you call it with a domain that already is ASCII-only.
+this.hostname=punycode.toASCII(this.hostname);}var p=this.port?':'+this.port:'';var h=this.hostname||'';this.host=h+p;this.href+=this.host;// strip [ and ] from the hostname
+// the host field still retains them, though
+if(ipv6Hostname){this.hostname=this.hostname.substr(1,this.hostname.length-2);if(rest[0]!=='/'){rest='/'+rest;}}}// now rest is set to the post-host stuff.
+// chop off any delim chars.
+if(!unsafeProtocol[lowerProto]){// First, make 100% sure that any "autoEscape" chars get
+// escaped, even if encodeURIComponent doesn't think they
+// need to be.
+for(var i=0,l=autoEscape.length;i<l;i++){var ae=autoEscape[i];if(rest.indexOf(ae)===-1)continue;var esc=encodeURIComponent(ae);if(esc===ae){esc=escape(ae);}rest=rest.split(ae).join(esc);}}// chop off from the tail first.
+var hash=rest.indexOf('#');if(hash!==-1){// got a fragment string.
+this.hash=rest.substr(hash);rest=rest.slice(0,hash);}var qm=rest.indexOf('?');if(qm!==-1){this.search=rest.substr(qm);this.query=rest.substr(qm+1);if(parseQueryString){this.query=querystring.parse(this.query);}rest=rest.slice(0,qm);}else if(parseQueryString){// no query string, but parseQueryString still requested
+this.search='';this.query={};}if(rest)this.pathname=rest;if(slashedProtocol[lowerProto]&&this.hostname&&!this.pathname){this.pathname='/';}//to support http.request
+if(this.pathname||this.search){var p=this.pathname||'';var s=this.search||'';this.path=p+s;}// finally, reconstruct the href based on what has been validated.
+this.href=this.format();return this;};// format a parsed object into a url string
+function urlFormat(obj){// ensure it's an object, and not a string url.
+// If it's an obj, this is a no-op.
+// this way, you can call url_format() on strings
+// to clean up potentially wonky urls.
+if(util.isString(obj))obj=urlParse(obj);if(!(obj instanceof Url))return Url.prototype.format.call(obj);return obj.format();}Url.prototype.format=function(){var auth=this.auth||'';if(auth){auth=encodeURIComponent(auth);auth=auth.replace(/%3A/i,':');auth+='@';}var protocol=this.protocol||'',pathname=this.pathname||'',hash=this.hash||'',host=false,query='';if(this.host){host=auth+this.host;}else if(this.hostname){host=auth+(this.hostname.indexOf(':')===-1?this.hostname:'['+this.hostname+']');if(this.port){host+=':'+this.port;}}if(this.query&&util.isObject(this.query)&&Object.keys(this.query).length){query=querystring.stringify(this.query);}var search=this.search||query&&'?'+query||'';if(protocol&&protocol.substr(-1)!==':')protocol+=':';// only the slashedProtocols get the //.  Not mailto:, xmpp:, etc.
+// unless they had them to begin with.
+if(this.slashes||(!protocol||slashedProtocol[protocol])&&host!==false){host='//'+(host||'');if(pathname&&pathname.charAt(0)!=='/')pathname='/'+pathname;}else if(!host){host='';}if(hash&&hash.charAt(0)!=='#')hash='#'+hash;if(search&&search.charAt(0)!=='?')search='?'+search;pathname=pathname.replace(/[?#]/g,function(match){return encodeURIComponent(match);});search=search.replace('#','%23');return protocol+host+pathname+search+hash;};function urlResolve(source,relative){return urlParse(source,false,true).resolve(relative);}Url.prototype.resolve=function(relative){return this.resolveObject(urlParse(relative,false,true)).format();};function urlResolveObject(source,relative){if(!source)return relative;return urlParse(source,false,true).resolveObject(relative);}Url.prototype.resolveObject=function(relative){if(util.isString(relative)){var rel=new Url();rel.parse(relative,false,true);relative=rel;}var result=new Url();var tkeys=Object.keys(this);for(var tk=0;tk<tkeys.length;tk++){var tkey=tkeys[tk];result[tkey]=this[tkey];}// hash is always overridden, no matter what.
+// even href="" will remove it.
+result.hash=relative.hash;// if the relative url is empty, then there's nothing left to do here.
+if(relative.href===''){result.href=result.format();return result;}// hrefs like //foo/bar always cut to the protocol.
+if(relative.slashes&&!relative.protocol){// take everything except the protocol from relative
+var rkeys=Object.keys(relative);for(var rk=0;rk<rkeys.length;rk++){var rkey=rkeys[rk];if(rkey!=='protocol')result[rkey]=relative[rkey];}//urlParse appends trailing / to urls like http://www.example.com
+if(slashedProtocol[result.protocol]&&result.hostname&&!result.pathname){result.path=result.pathname='/';}result.href=result.format();return result;}if(relative.protocol&&relative.protocol!==result.protocol){// if it's a known url protocol, then changing
+// the protocol does weird things
+// first, if it's not file:, then we MUST have a host,
+// and if there was a path
+// to begin with, then we MUST have a path.
+// if it is file:, then the host is dropped,
+// because that's known to be hostless.
+// anything else is assumed to be absolute.
+if(!slashedProtocol[relative.protocol]){var keys=Object.keys(relative);for(var v=0;v<keys.length;v++){var k=keys[v];result[k]=relative[k];}result.href=result.format();return result;}result.protocol=relative.protocol;if(!relative.host&&!hostlessProtocol[relative.protocol]){var relPath=(relative.pathname||'').split('/');while(relPath.length&&!(relative.host=relPath.shift()));if(!relative.host)relative.host='';if(!relative.hostname)relative.hostname='';if(relPath[0]!=='')relPath.unshift('');if(relPath.length<2)relPath.unshift('');result.pathname=relPath.join('/');}else{result.pathname=relative.pathname;}result.search=relative.search;result.query=relative.query;result.host=relative.host||'';result.auth=relative.auth;result.hostname=relative.hostname||relative.host;result.port=relative.port;// to support http.request
+if(result.pathname||result.search){var p=result.pathname||'';var s=result.search||'';result.path=p+s;}result.slashes=result.slashes||relative.slashes;result.href=result.format();return result;}var isSourceAbs=result.pathname&&result.pathname.charAt(0)==='/',isRelAbs=relative.host||relative.pathname&&relative.pathname.charAt(0)==='/',mustEndAbs=isRelAbs||isSourceAbs||result.host&&relative.pathname,removeAllDots=mustEndAbs,srcPath=result.pathname&&result.pathname.split('/')||[],relPath=relative.pathname&&relative.pathname.split('/')||[],psychotic=result.protocol&&!slashedProtocol[result.protocol];// if the url is a non-slashed url, then relative
+// links like ../.. should be able
+// to crawl up to the hostname, as well.  This is strange.
+// result.protocol has already been set by now.
+// Later on, put the first path part into the host field.
+if(psychotic){result.hostname='';result.port=null;if(result.host){if(srcPath[0]==='')srcPath[0]=result.host;else srcPath.unshift(result.host);}result.host='';if(relative.protocol){relative.hostname=null;relative.port=null;if(relative.host){if(relPath[0]==='')relPath[0]=relative.host;else relPath.unshift(relative.host);}relative.host=null;}mustEndAbs=mustEndAbs&&(relPath[0]===''||srcPath[0]==='');}if(isRelAbs){// it's absolute.
+result.host=relative.host||relative.host===''?relative.host:result.host;result.hostname=relative.hostname||relative.hostname===''?relative.hostname:result.hostname;result.search=relative.search;result.query=relative.query;srcPath=relPath;// fall through to the dot-handling below.
+}else if(relPath.length){// it's relative
+// throw away the existing file, and take the new path instead.
+if(!srcPath)srcPath=[];srcPath.pop();srcPath=srcPath.concat(relPath);result.search=relative.search;result.query=relative.query;}else if(!util.isNullOrUndefined(relative.search)){// just pull out the search.
+// like href='?foo'.
+// Put this after the other two cases because it simplifies the booleans
+if(psychotic){result.hostname=result.host=srcPath.shift();//occationaly the auth can get stuck only in host
+//this especially happens in cases like
+//url.resolveObject('mailto:local1@domain1', 'local2@domain2')
+var authInHost=result.host&&result.host.indexOf('@')>0?result.host.split('@'):false;if(authInHost){result.auth=authInHost.shift();result.host=result.hostname=authInHost.shift();}}result.search=relative.search;result.query=relative.query;//to support http.request
+if(!util.isNull(result.pathname)||!util.isNull(result.search)){result.path=(result.pathname?result.pathname:'')+(result.search?result.search:'');}result.href=result.format();return result;}if(!srcPath.length){// no path at all.  easy.
+// we've already handled the other stuff above.
+result.pathname=null;//to support http.request
+if(result.search){result.path='/'+result.search;}else{result.path=null;}result.href=result.format();return result;}// if a url ENDs in . or .., then it must get a trailing slash.
+// however, if it ends in anything else non-slashy,
+// then it must NOT get a trailing slash.
+var last=srcPath.slice(-1)[0];var hasTrailingSlash=(result.host||relative.host||srcPath.length>1)&&(last==='.'||last==='..')||last==='';// strip single dots, resolve double dots to parent dir
+// if the path tries to go above the root, `up` ends up > 0
+var up=0;for(var i=srcPath.length;i>=0;i--){last=srcPath[i];if(last==='.'){srcPath.splice(i,1);}else if(last==='..'){srcPath.splice(i,1);up++;}else if(up){srcPath.splice(i,1);up--;}}// if the path is allowed to go above the root, restore leading ..s
+if(!mustEndAbs&&!removeAllDots){for(;up--;up){srcPath.unshift('..');}}if(mustEndAbs&&srcPath[0]!==''&&(!srcPath[0]||srcPath[0].charAt(0)!=='/')){srcPath.unshift('');}if(hasTrailingSlash&&srcPath.join('/').substr(-1)!=='/'){srcPath.push('');}var isAbsolute=srcPath[0]===''||srcPath[0]&&srcPath[0].charAt(0)==='/';// put the host back
+if(psychotic){result.hostname=result.host=isAbsolute?'':srcPath.length?srcPath.shift():'';//occationaly the auth can get stuck only in host
+//this especially happens in cases like
+//url.resolveObject('mailto:local1@domain1', 'local2@domain2')
+var authInHost=result.host&&result.host.indexOf('@')>0?result.host.split('@'):false;if(authInHost){result.auth=authInHost.shift();result.host=result.hostname=authInHost.shift();}}mustEndAbs=mustEndAbs||result.host&&srcPath.length;if(mustEndAbs&&!isAbsolute){srcPath.unshift('');}if(!srcPath.length){result.pathname=null;result.path=null;}else{result.pathname=srcPath.join('/');}//to support request.http
+if(!util.isNull(result.pathname)||!util.isNull(result.search)){result.path=(result.pathname?result.pathname:'')+(result.search?result.search:'');}result.auth=relative.auth||result.auth;result.slashes=result.slashes||relative.slashes;result.href=result.format();return result;};Url.prototype.parseHost=function(){var host=this.host;var port=portPattern.exec(host);if(port){port=port[0];if(port!==':'){this.port=port.substr(1);}host=host.substr(0,host.length-port.length);}if(host)this.hostname=host;};},{"./util":89,"punycode":78,"querystring":86}],89:[function(require,module,exports){'use strict';module.exports={isString:function(arg){return typeof arg==='string';},isObject:function(arg){return typeof arg==='object'&&arg!==null;},isNull:function(arg){return arg===null;},isNullOrUndefined:function(arg){return arg==null;}};},{}],90:[function(require,module,exports){/*!
+ * EventEmitter v4.2.11 - git.io/ee
+ * Unlicense - http://unlicense.org/
+ * Oliver Caldwell - http://oli.me.uk/
+ * @preserve
+ */;(function(){'use strict';/**
+     * Class for managing events.
+     * Can be extended to provide event functionality in other classes.
+     *
+     * @class EventEmitter Manages event registering and emitting.
+     */function EventEmitter(){}// Shortcuts to improve speed and size
+var proto=EventEmitter.prototype;var exports=this;var originalGlobalValue=exports.EventEmitter;/**
+     * Finds the index of the listener for the event in its storage array.
+     *
+     * @param {Function[]} listeners Array of listeners to search through.
+     * @param {Function} listener Method to look for.
+     * @return {Number} Index of the specified listener, -1 if not found
+     * @api private
+     */function indexOfListener(listeners,listener){var i=listeners.length;while(i--){if(listeners[i].listener===listener){return i;}}return-1;}/**
+     * Alias a method while keeping the context correct, to allow for overwriting of target method.
+     *
+     * @param {String} name The name of the target method.
+     * @return {Function} The aliased method
+     * @api private
+     */function alias(name){return function aliasClosure(){return this[name].apply(this,arguments);};}/**
+     * Returns the listener array for the specified event.
+     * Will initialise the event object and listener arrays if required.
+     * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them.
+     * Each property in the object response is an array of listener functions.
+     *
+     * @param {String|RegExp} evt Name of the event to return the listeners from.
+     * @return {Function[]|Object} All listener functions for the event.
+     */proto.getListeners=function getListeners(evt){var events=this._getEvents();var response;var key;// Return a concatenated array of all matching events if
+// the selector is a regular expression.
+if(evt instanceof RegExp){response={};for(key in events){if(events.hasOwnProperty(key)&&evt.test(key)){response[key]=events[key];}}}else{response=events[evt]||(events[evt]=[]);}return response;};/**
+     * Takes a list of listener objects and flattens it into a list of listener functions.
+     *
+     * @param {Object[]} listeners Raw listener objects.
+     * @return {Function[]} Just the listener functions.
+     */proto.flattenListeners=function flattenListeners(listeners){var flatListeners=[];var i;for(i=0;i<listeners.length;i+=1){flatListeners.push(listeners[i].listener);}return flatListeners;};/**
+     * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful.
+     *
+     * @param {String|RegExp} evt Name of the event to return the listeners from.
+     * @return {Object} All listener functions for an event in an object.
+     */proto.getListenersAsObject=function getListenersAsObject(evt){var listeners=this.getListeners(evt);var response;if(listeners instanceof Array){response={};response[evt]=listeners;}return response||listeners;};/**
+     * Adds a listener function to the specified event.
+     * The listener will not be added if it is a duplicate.
+     * If the listener returns true then it will be removed after it is called.
+     * If you pass a regular expression as the event name then the listener will be added to all events that match it.
+     *
+     * @param {String|RegExp} evt Name of the event to attach the listener to.
+     * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.addListener=function addListener(evt,listener){var listeners=this.getListenersAsObject(evt);var listenerIsWrapped=typeof listener==='object';var key;for(key in listeners){if(listeners.hasOwnProperty(key)&&indexOfListener(listeners[key],listener)===-1){listeners[key].push(listenerIsWrapped?listener:{listener:listener,once:false});}}return this;};/**
+     * Alias of addListener
+     */proto.on=alias('addListener');/**
+     * Semi-alias of addListener. It will add a listener that will be
+     * automatically removed after its first execution.
+     *
+     * @param {String|RegExp} evt Name of the event to attach the listener to.
+     * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.addOnceListener=function addOnceListener(evt,listener){return this.addListener(evt,{listener:listener,once:true});};/**
+     * Alias of addOnceListener.
+     */proto.once=alias('addOnceListener');/**
+     * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad.
+     * You need to tell it what event names should be matched by a regex.
+     *
+     * @param {String} evt Name of the event to create.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.defineEvent=function defineEvent(evt){this.getListeners(evt);return this;};/**
+     * Uses defineEvent to define multiple events.
+     *
+     * @param {String[]} evts An array of event names to define.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.defineEvents=function defineEvents(evts){for(var i=0;i<evts.length;i+=1){this.defineEvent(evts[i]);}return this;};/**
+     * Removes a listener function from the specified event.
+     * When passed a regular expression as the event name, it will remove the listener from all events that match it.
+     *
+     * @param {String|RegExp} evt Name of the event to remove the listener from.
+     * @param {Function} listener Method to remove from the event.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.removeListener=function removeListener(evt,listener){var listeners=this.getListenersAsObject(evt);var index;var key;for(key in listeners){if(listeners.hasOwnProperty(key)){index=indexOfListener(listeners[key],listener);if(index!==-1){listeners[key].splice(index,1);}}}return this;};/**
+     * Alias of removeListener
+     */proto.off=alias('removeListener');/**
+     * Adds listeners in bulk using the manipulateListeners method.
+     * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added.
+     * You can also pass it a regular expression to add the array of listeners to all events that match it.
+     * Yeah, this function does quite a bit. That's probably a bad thing.
+     *
+     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once.
+     * @param {Function[]} [listeners] An optional array of listener functions to add.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.addListeners=function addListeners(evt,listeners){// Pass through to manipulateListeners
+return this.manipulateListeners(false,evt,listeners);};/**
+     * Removes listeners in bulk using the manipulateListeners method.
+     * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
+     * You can also pass it an event name and an array of listeners to be removed.
+     * You can also pass it a regular expression to remove the listeners from all events that match it.
+     *
+     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once.
+     * @param {Function[]} [listeners] An optional array of listener functions to remove.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.removeListeners=function removeListeners(evt,listeners){// Pass through to manipulateListeners
+return this.manipulateListeners(true,evt,listeners);};/**
+     * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level.
+     * The first argument will determine if the listeners are removed (true) or added (false).
+     * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
+     * You can also pass it an event name and an array of listeners to be added/removed.
+     * You can also pass it a regular expression to manipulate the listeners of all events that match it.
+     *
+     * @param {Boolean} remove True if you want to remove listeners, false if you want to add.
+     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once.
+     * @param {Function[]} [listeners] An optional array of listener functions to add/remove.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.manipulateListeners=function manipulateListeners(remove,evt,listeners){var i;var value;var single=remove?this.removeListener:this.addListener;var multiple=remove?this.removeListeners:this.addListeners;// If evt is an object then pass each of its properties to this method
+if(typeof evt==='object'&&!(evt instanceof RegExp)){for(i in evt){if(evt.hasOwnProperty(i)&&(value=evt[i])){// Pass the single listener straight through to the singular method
+if(typeof value==='function'){single.call(this,i,value);}else{// Otherwise pass back to the multiple function
+multiple.call(this,i,value);}}}}else{// So evt must be a string
+// And listeners must be an array of listeners
+// Loop over it and pass each one to the multiple method
+i=listeners.length;while(i--){single.call(this,evt,listeners[i]);}}return this;};/**
+     * Removes all listeners from a specified event.
+     * If you do not specify an event then all listeners will be removed.
+     * That means every event will be emptied.
+     * You can also pass a regex to remove all events that match it.
+     *
+     * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.removeEvent=function removeEvent(evt){var type=typeof evt;var events=this._getEvents();var key;// Remove different things depending on the state of evt
+if(type==='string'){// Remove all listeners for the specified event
+delete events[evt];}else if(evt instanceof RegExp){// Remove all events matching the regex.
+for(key in events){if(events.hasOwnProperty(key)&&evt.test(key)){delete events[key];}}}else{// Remove all listeners in all events
+delete this._events;}return this;};/**
+     * Alias of removeEvent.
+     *
+     * Added to mirror the node API.
+     */proto.removeAllListeners=alias('removeEvent');/**
+     * Emits an event of your choice.
+     * When emitted, every listener attached to that event will be executed.
+     * If you pass the optional argument array then those arguments will be passed to every listener upon execution.
+     * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately.
+     * So they will not arrive within the array on the other side, they will be separate.
+     * You can also pass a regular expression to emit to all events that match it.
+     *
+     * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
+     * @param {Array} [args] Optional array of arguments to be passed to each listener.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.emitEvent=function emitEvent(evt,args){var listenersMap=this.getListenersAsObject(evt);var listeners;var listener;var i;var key;var response;for(key in listenersMap){if(listenersMap.hasOwnProperty(key)){listeners=listenersMap[key].slice(0);i=listeners.length;while(i--){// If the listener returns true then it shall be removed from the event
+// The function is executed either with a basic call or an apply if there is an args array
+listener=listeners[i];if(listener.once===true){this.removeListener(evt,listener.listener);}response=listener.listener.apply(this,args||[]);if(response===this._getOnceReturnValue()){this.removeListener(evt,listener.listener);}}}}return this;};/**
+     * Alias of emitEvent
+     */proto.trigger=alias('emitEvent');/**
+     * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on.
+     * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it.
+     *
+     * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
+     * @param {...*} Optional additional arguments to be passed to each listener.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.emit=function emit(evt){var args=Array.prototype.slice.call(arguments,1);return this.emitEvent(evt,args);};/**
+     * Sets the current value to check against when executing listeners. If a
+     * listeners return value matches the one set here then it will be removed
+     * after execution. This value defaults to true.
+     *
+     * @param {*} value The new value to check for when executing listeners.
+     * @return {Object} Current instance of EventEmitter for chaining.
+     */proto.setOnceReturnValue=function setOnceReturnValue(value){this._onceReturnValue=value;return this;};/**
+     * Fetches the current value to check against when executing listeners. If
+     * the listeners return value matches this one then it should be removed
+     * automatically. It will return true by default.
+     *
+     * @return {*|Boolean} The current value to check for or the default, true.
+     * @api private
+     */proto._getOnceReturnValue=function _getOnceReturnValue(){if(this.hasOwnProperty('_onceReturnValue')){return this._onceReturnValue;}else{return true;}};/**
+     * Fetches the events object and creates one if required.
+     *
+     * @return {Object} The events storage object.
+     * @api private
+     */proto._getEvents=function _getEvents(){return this._events||(this._events={});};/**
+     * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version.
+     *
+     * @return {Function} Non conflicting EventEmitter class.
+     */EventEmitter.noConflict=function noConflict(){exports.EventEmitter=originalGlobalValue;return EventEmitter;};// Expose the class either via AMD, CommonJS or the global object
+if(typeof define==='function'&&define.amd){define(function(){return EventEmitter;});}else if(typeof module==='object'&&module.exports){module.exports=EventEmitter;}else{exports.EventEmitter=EventEmitter;}}).call(this);},{}]},{},[5]);
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js.map b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js.map
new file mode 100755
index 000000000..68bf40554
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/static/default/js/app.js.map
@@ -0,0 +1 @@
+{"version":3,"names":[],"mappings":"","sources":["app.js"],"sourcesContent":["(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){\nrequire('./adyen-giving');\nrequire('./amazon');\nrequire('./summary');\n\nvar qrCodeMethods = ['swish', 'wechatpayQR', 'bcmc_mobile', 'pix'];\nvar installmentLocales = ['pt_BR', 'ja_JP', 'tr_TR', 'es_MX'];\nvar maskedCardNumber;\nvar MASKED_CC_PREFIX = '************';\nvar selectedMethod;\nvar componentsObj = {};\nvar checkoutConfiguration;\nvar sessionsResponse;\nvar paymentMethodsResponse;\nvar checkout;\nvar formErrorsExist;\nvar isValid;\nvar paypalTerminatedEarly = false;\n/**\n * @function\n * @description Initializes Adyen Secured Fields  Billing events\n */\nasync function initializeBillingEvents() {\n  $('#billing-submit').on('click', function () {\n    var isAdyenPOS = document.querySelector('.payment-method-options :checked').value\n        === 'AdyenPOS';\n    var isAdyen = document.querySelector('.payment-method-options :checked').value === 'AdyenComponent';\n\n    if (isAdyenPOS) {\n      document.querySelector(\n          '#dwfrm_adyPaydata_terminalId',\n      ).value = document.querySelector('#terminalList').value;\n      return true;\n    }\n    if (isAdyen) {\n      var adyenPaymentMethod = document.querySelector(\n          '#adyenPaymentMethodName',\n      );\n      var paymentMethodLabel = document.querySelector(`#lb_${selectedMethod}`)\n          .innerHTML;\n      adyenPaymentMethod.value = paymentMethodLabel;\n      validateComponents();\n      return showValidation();\n    }\n  });\n\n  if (window.sessionsResponse) {\n    sessionsResponse = window.sessionsResponse;\n    checkoutConfiguration = window.Configuration;\n\n    checkoutConfiguration.onChange = function (state /* , component */) {\n      var type = state.data.paymentMethod.type;\n      if(selectedMethod === \"googlepay\" && type === \"paywithgoogle\") {\n        type = \"googlepay\";\n      }\n      isValid = state.isValid;\n      if (!componentsObj[type]) {\n        componentsObj[type] = {};\n      }\n      componentsObj[type].isValid = isValid;\n      componentsObj[type].stateData = state.data;\n    };\n    checkoutConfiguration.showPayButton = false;\n    checkoutConfiguration.paymentMethodsConfiguration = {\n      card: getCardConfig(),\n      storedCard: getCardConfig(),\n      boletobancario: {\n        personalDetailsRequired: true, // turn personalDetails section on/off\n        billingAddressRequired: false, // turn billingAddress section on/off\n        showEmailAddress: false, // allow shopper to specify their email address\n      },\n      paywithgoogle: getGooglePayConfig(),\n      googlepay: getGooglePayConfig(),\n      paypal: {\n        environment: window.Configuration.environment,\n        showPayButton: true,\n        onClick: (data, actions) => {\n          if(paypalTerminatedEarly) {\n            paymentFromComponent({\n              cancelTransaction: true,\n              merchantReference: document.querySelector('#merchantReference').value,\n            });\n            paypalTerminatedEarly = false;\n            return actions.resolve();\n          }\n          paypalTerminatedEarly = true;\n          $('#dwfrm_billing').trigger('submit');\n          if (formErrorsExist) {\n            paypalTerminatedEarly = false;\n            return actions.reject();\n          }\n        },\n        onSubmit: (state, component) => {\n          assignPaymentMethodValue();\n          paymentFromComponent(state.data, component);\n          document.querySelector('#adyenStateData').value = JSON.stringify(\n              state.data,\n          );\n        },\n        onCancel: (data, component) => {\n          paypalTerminatedEarly = false;\n          paymentFromComponent({\n            cancelTransaction: true,\n            merchantReference: document.querySelector('#merchantReference').value, }, component);\n        },\n        onError: (/* error, component */) => {\n          paypalTerminatedEarly = false;\n          $('#dwfrm_billing').trigger('submit');\n        },\n        onAdditionalDetails: (state /* , component */) => {\n          paypalTerminatedEarly = false;\n          document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(\n              state.data,\n          );\n          $('#dwfrm_billing').trigger('submit');\n        },\n      },\n      mbway: {\n        showPayButton: true,\n        onSubmit: (state, component) => {\n          $('#dwfrm_billing').trigger('submit');\n          assignPaymentMethodValue();\n          if (formErrorsExist) {\n            return false;\n          }\n          document.getElementById('component_mbway').querySelector('button').disabled = true;\n          paymentFromComponent(state.data, component);\n          document.querySelector('#adyenStateData').value = JSON.stringify(\n              state.data,\n          );\n        },\n        onError: (/* error, component */) => {\n          $('#dwfrm_billing').trigger('submit');\n        },\n        onAdditionalDetails: (state /* , component */) => {\n          document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(\n              state.data,\n          );\n          $('#dwfrm_billing').trigger('submit');\n        },\n      },\n      swish: getQRCodeConfig(),\n      bcmc_mobile: getQRCodeConfig(),\n      wechatpayQR: getQRCodeConfig(),\n      pix: getQRCodeConfig(),\n      amazonpay: getAmazonpayConfig(),\n    };\n\n    if (\n        window.googleMerchantID !== 'null' &&\n        window.Configuration.environment === 'live'\n    ) {\n      checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration.merchantIdentifier =\n          window.googleMerchantID;\n      checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration.merchantIdentifier =\n          window.googleMerchantID;\n    }\n    if(window.cardholderNameBool !== 'null') {\n      checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName = true;\n      checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired = true;\n    }\n    checkoutConfiguration.session = {\n      id: window.sessionsResponse.id,\n      sessionData: window.sessionsResponse.sessionData,\n    };\n    checkout = await AdyenCheckout(checkoutConfiguration);\n    paymentMethodsResponse = checkout.paymentMethodsResponse;\n\n    document.querySelector('#paymentMethodsList').innerHTML = '';\n    renderGenericComponent();\n  }\n}\n\nfunction zeroAuth(data, checkout) {\n  $.ajax({\n    url: window.zeroAuthURL,\n    type: 'POST',\n    contentType: 'application/; charset=utf-8',\n    data: JSON.stringify(data),\n    async: false,\n    success: function (data) {\n      if(data.zeroAuthResult.action) {\n        document.querySelector('#buttonsContainer').style.display = 'none';\n        checkout.createFromAction(data.zeroAuthResult.action).mount('#newCard');\n      }\n      if(data.zeroAuthResult.resultCode === 'Authorised') {\n        window.location.href = window.paymentInstrumentsList;\n      } else if(data.zeroAuthResult.resultCode === 'Refused') {\n        window.location.href = window.paymentInstrumentsListError;\n      }\n    },\n  });\n}\n\nfunction paymentsDetails(state) {\n  $.ajax({\n    type: 'post',\n    url: window.paymentsDetails,\n    data: JSON.stringify({\n      data: state.data\n    }),\n    contentType: 'application/; charset=utf-8',\n    async: false,\n    success(data) {\n      if (data.response.isSuccessful) {\n        window.location.href = window.paymentInstrumentsList;\n      } else if (!data.response.isFinal && typeof data.response.action === 'object') {\n        checkout.createFromAction(data.action).mount('#action-container');\n      } else {\n        window.location.href = window.paymentInstrumentsListError;\n      }\n    },\n  });\n}\n\n/**\n * @function\n * @description Initializes Adyen Checkout My Account events\n */\nasync function initializeAccountEvents() {\n  checkoutConfiguration = window.Configuration;\n  checkoutConfiguration.onAdditionalDetails = function(state) {\n    paymentsDetails(state);\n  };\n  checkoutConfiguration.session = window.sessionData;\n  checkout = await AdyenCheckout(checkoutConfiguration);\n  var newCard = document.getElementById('newCard');\n  var adyenStateData;\n  var isValid = false;\n  var node = checkout\n      .create('card', {\n        hasHolderName: true,\n        holderNameRequired: true,\n        onChange: function (state) {\n          adyenStateData = state.data;\n          isValid = state.isValid;\n        },\n      })\n      .mount(newCard);\n\n  $('#applyBtn').on('click', function (e) {\n    e.preventDefault();\n    if (!isValid) {\n      node.showValidation();\n      return false;\n    }\n    document.querySelector('#adyenStateData').value = JSON.stringify(\n        adyenStateData,\n    );\n    zeroAuth(adyenStateData, checkout);\n  });\n}\n\nfunction assignPaymentMethodValue() {\n  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');\n  adyenPaymentMethod.value = document.querySelector(\n      `#lb_${selectedMethod}`,\n  ).innerHTML;\n}\n\n/**\n * To avoid re-rendering components twice, unmounts existing components from payment methods list\n */\nfunction unmountComponents() {\n  var promises = Object.entries(componentsObj).map(function ([key, val]) {\n    delete componentsObj[key];\n    return resolveUnmount(key, val);\n  });\n  return Promise.all(promises);\n}\n\nfunction resolveUnmount(key, val) {\n  try {\n    return Promise.resolve(val.node.unmount(`component_${key}`));\n  } catch (e) {\n    // try/catch block for val.unmount\n    return Promise.resolve(false);\n  }\n}\n\nfunction displaySelectedMethod(type) {\n  selectedMethod = type;\n  resetPaymentMethod();\n  if (['paypal', 'paywithgoogle', 'googlepay', 'mbway', 'amazonpay', ...qrCodeMethods].indexOf(type) > -1) {\n    document.querySelector('#billing-submit').disabled = true;\n  } else {\n    document.querySelector('#billing-submit').disabled = false;\n  }\n  document\n      .querySelector(`#component_${type}`)\n      .setAttribute('style', 'display:block');\n}\n\nfunction resetPaymentMethod() {\n  $('.additionalFields').hide();\n}\n\nfunction showValidation() {\n  if (componentsObj[selectedMethod] && !componentsObj[selectedMethod].isValid) {\n    componentsObj[selectedMethod].node.showValidation();\n    return false;\n  }\n  return true;\n}\n\n/**\n * Assigns stateData value to the hidden stateData input field\n * so it's sent to the backend for processing\n */\nfunction validateComponents() {\n  var stateData;\n  if (\n      componentsObj[selectedMethod] &&\n      componentsObj[selectedMethod].stateData\n  ) {\n    stateData = componentsObj[selectedMethod].stateData;\n  } else {\n    var type = document.querySelector(`#component_${selectedMethod} .type`)\n        ? document.querySelector(`#component_${selectedMethod} .type`).value\n        : selectedMethod;\n\n    stateData = {\n      paymentMethod: {\n        type: type\n      }\n    };\n    var brandElm = document.querySelector(`#component_${selectedMethod} .brand`);\n    if(brandElm && brandElm.value) {\n      stateData.paymentMethod.brand = brandElm.value;\n    }\n  }\n\n  document.querySelector('#adyenStateData').value = JSON.stringify(stateData);\n}\n\n/**\n * Contains fallback components for payment methods that don't have an Adyen web component yet\n */\nfunction getFallback(paymentMethod) {\n  var fallback = {\n    giftcard: `\n      <input type=\"hidden\" class=\"brand\" name=\"brand\" value=\"${paymentMethod.brand}\"/>\n      <input type=\"hidden\" class=\"type\" name=\"type\" value=\"${paymentMethod.type}\"/>`,\n  };\n  return fallback[paymentMethod.type];\n}\n\n/**\n * Renders all payment methods (including card component) retrieved from Adyen session\n */\nasync function renderGenericComponent() {\n  if (Object.keys(componentsObj).length) {\n    await unmountComponents();\n  }\n\n  checkoutConfiguration.paymentMethodsResponse =\n      paymentMethodsResponse.paymentMethods;\n  if (sessionsResponse.amount) {\n    checkoutConfiguration.amount = sessionsResponse.amount;\n    checkoutConfiguration.paymentMethodsConfiguration.paypal.amount = sessionsResponse.amount;\n    checkoutConfiguration.paymentMethodsConfiguration.amazonpay.amount =\n        sessionsResponse.amount;\n    setInstallments(sessionsResponse.amount);\n  }\n  if (sessionsResponse.countryCode) {\n    checkoutConfiguration.countryCode = sessionsResponse.countryCode;\n  }\n  var amazonpay = paymentMethodsResponse.paymentMethods.find(\n      (paymentMethod) => paymentMethod.type === 'amazonpay');\n  if(amazonpay) {\n    checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration = amazonpay.configuration;\n  }\n\n  if (paymentMethodsResponse.storedPaymentMethods) {\n    for (\n        var i = 0;\n        i < checkout.paymentMethodsResponse.storedPaymentMethods.length;\n        i++\n    ) {\n      var paymentMethod = checkout.paymentMethodsResponse.storedPaymentMethods[i];\n      if (paymentMethod.supportedShopperInteractions.includes('Ecommerce')) {\n        renderPaymentMethod(\n            paymentMethod,\n            true,\n            sessionsResponse.imagePath,\n        );\n      }\n    }\n  }\n\n  paymentMethodsResponse.paymentMethods.forEach((pm) => {\n    renderPaymentMethod(pm, false, sessionsResponse.imagePath);\n  });\n\n  var firstPaymentMethod = document.querySelector(\n      'input[type=radio][name=brandCode]',\n  );\n  firstPaymentMethod.checked = true;\n  displaySelectedMethod(firstPaymentMethod.value);\n}\n\nfunction getPaymentMethodID(isStored, paymentMethod) {\n  if (isStored) {\n    return `storedCard${paymentMethod.id}`;\n  }\n  if (paymentMethod.brand) {\n    // gift cards all share the same type. Brand is used to differentiate between them\n    return `${paymentMethod.type}_${paymentMethod.brand}`;\n  }\n  return paymentMethod.type;\n}\n\nfunction renderPaymentMethod(paymentMethod, storedPaymentMethodBool, path) {\n  var paymentMethodsUI = document.querySelector('#paymentMethodsList');\n  var li = document.createElement('li');\n  var paymentMethodID = getPaymentMethodID(storedPaymentMethodBool, paymentMethod);\n  var isSchemeNotStored =\n      paymentMethod.type === 'scheme' && !storedPaymentMethodBool;\n  var paymentMethodImage = storedPaymentMethodBool\n      ? `${path}${paymentMethod.brand}.png`\n      : `${path}${paymentMethod.type}.png`;\n  var cardImage = `${path}card.png`;\n  var imagePath = isSchemeNotStored ? cardImage : paymentMethodImage;\n  var label = storedPaymentMethodBool\n      ? `${paymentMethod.name} ${MASKED_CC_PREFIX}${paymentMethod.lastFour}`\n      : `${paymentMethod.name}`;\n  var liContents = `\n                              <input name=\"brandCode\" type=\"radio\" value=\"${paymentMethodID}\" id=\"rb_${paymentMethodID}\">\n                              <img class=\"paymentMethod_img\" src=\"${imagePath}\" ></img>\n                              <label id=\"lb_${paymentMethodID}\" for=\"rb_${paymentMethodID}\" style=\"float: none; width: 100%; display: inline; text-align: inherit\">${label}</label>\n                             `;\n  var container = document.createElement('div');\n\n  li.innerHTML = liContents;\n  li.classList.add('paymentMethod');\n\n  var node = renderCheckoutComponent(\n      storedPaymentMethodBool,\n      checkout,\n      paymentMethod,\n      container,\n      paymentMethodID,\n  );\n\n  container.classList.add('additionalFields');\n  container.setAttribute('id', `component_${paymentMethodID}`);\n  container.setAttribute('style', 'display:none');\n\n  li.append(container);\n  paymentMethodsUI.append(li);\n\n  if (paymentMethod.type !== 'paywithgoogle') {\n    node && node.mount(container);\n  } else {\n    node\n        .isAvailable()\n        .then(() => {\n          node.mount(container);\n        })\n        .catch(() => {}); // eslint-disable-line no-empty\n  }\n\n  var input = document.querySelector(`#rb_${paymentMethodID}`);\n  input.onchange = async function (event) {\n    if (\n        document.querySelector('.adyen-checkout__qr-loader') &&\n        qrCodeMethods.indexOf(selectedMethod) > -1 ||\n        paypalTerminatedEarly\n    ) {\n      paypalTerminatedEarly = false;\n      paymentFromComponent({\n        cancelTransaction: true,\n        merchantReference: document.querySelector('#merchantReference').value,\n      });\n    }\n\n    displaySelectedMethod(event.target.value);\n  };\n\n  if (paymentMethodID === 'giropay') {\n    container.innerHTML = '';\n  }\n\n  if (componentsObj[paymentMethodID] && !container.childNodes[0] && ['bcmc', 'scheme'].indexOf(paymentMethodID) === -1) {\n    componentsObj[paymentMethodID].isValid = true;\n  }\n}\n\nfunction renderCheckoutComponent(\n    storedPaymentMethodBool,\n    checkout,\n    paymentMethod,\n    container,\n    paymentMethodID,\n) {\n  if (storedPaymentMethodBool) {\n    return createCheckoutComponent(\n        checkout,\n        paymentMethod,\n        container,\n        paymentMethodID,\n    );\n  }\n  var fallback = getFallback(paymentMethod);\n  if (fallback) {\n    var template = document.createElement('template');\n    template.innerHTML = fallback;\n    container.append(template.content);\n    return;\n  }\n  return createCheckoutComponent(\n      checkout,\n      paymentMethod,\n      container,\n      paymentMethodID,\n  );\n}\n\nfunction getPersonalDetails() {\n  const shippingAddress = sessionsResponse.shippingAddress;\n  return {\n    firstName: shippingAddress.firstName,\n    lastName: shippingAddress.lastName,\n    telephoneNumber: shippingAddress.phone,\n  };\n}\n\nfunction createCheckoutComponent(\n    checkout,\n    paymentMethod,\n    container,\n    paymentMethodID,\n) {\n  try {\n    var nodeData = Object.assign(\n        paymentMethod,\n        {\n          data: Object.assign(getPersonalDetails(),{personalDetails: getPersonalDetails()}),\n          visibility: {\n            personalDetails: 'editable',\n            billingAddress: 'hidden',\n            deliveryAddress: 'hidden',\n          },\n        });\n    var node = checkout.create(paymentMethod.type, nodeData);\n    if (!componentsObj[paymentMethodID]) {\n      componentsObj[paymentMethodID] = {};\n    }\n    componentsObj[paymentMethodID].node = node;\n    return node;\n  } catch (e) {} // eslint-disable-line no-empty\n  return false;\n}\n\n/**\n * Makes an ajax call to the controller function PaymentFromComponent.\n * Used by certain payment methods like paypal\n */\nfunction paymentFromComponent(data, component) {\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: JSON.stringify(data),\n    contentType: 'application/; charset=utf-8',\n    success: function (data) {\n      if (data.result && data.result.orderNo && data.result.orderToken) {\n        document.querySelector('#orderToken').value = data.result.orderToken;\n        document.querySelector('#merchantReference').value = data.result.orderNo;\n      }\n      if (\n          data.result &&\n          data.result.fullResponse &&\n          data.result.fullResponse.action\n      ) {\n        component.handleAction(data.result.fullResponse.action);\n      } else {\n        document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(\n            'null',\n        );\n        $('#dwfrm_billing').trigger('submit');\n      }\n    },\n  }).fail(function (/* xhr, textStatus */) {});\n}\n\n$('#dwfrm_billing').submit(function (e) {\n  if (\n      ['paypal', 'mbway', 'amazonpay', ...qrCodeMethods].indexOf(selectedMethod) > -1 &&\n      !document.querySelector('#paymentFromComponentStateData').value\n  ) {\n    e.preventDefault();\n    var form = $(this);\n    var url = form.attr('action');\n\n    $.ajax({\n      type: 'POST',\n      url: url,\n      data: form.serialize(),\n      async: false,\n      success: function (data) {\n        formErrorsExist = data.fieldErrors;\n      },\n    });\n  }\n});\n\nfunction getQRCodeConfig() {\n  return {\n    showPayButton: true,\n    onSubmit: (state, component) => {\n      $('#dwfrm_billing').trigger('submit');\n      if (formErrorsExist) {\n        return;\n      }\n\n      assignPaymentMethodValue();\n      document.querySelector('#adyenStateData').value = JSON.stringify(\n          state.data,\n      );\n\n      paymentFromComponent(state.data, component);\n    },\n    onAdditionalDetails: (state /* , component */) => {\n      document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(\n          state.data,\n      );\n      $('#dwfrm_billing').trigger('submit');\n    },\n  };\n}\n\nfunction getCardConfig() {\n  return {\n    enableStoreDetails: showStoreDetails,\n    onBrand: function (brandObject) {\n      $('#cardType').val(brandObject.brand);\n    },\n    onFieldValid: function (data) {\n      if (data.endDigits) {\n        maskedCardNumber = MASKED_CC_PREFIX + data.endDigits;\n        $('#cardNumber').val(maskedCardNumber);\n      }\n    },\n    onChange: function (state) {\n      isValid = state.isValid;\n      var methodToUpdate = state.data.paymentMethod.storedPaymentMethodId ?\n          `storedCard${state.data.paymentMethod.storedPaymentMethodId}` : selectedMethod;\n      $('#browserInfo').val(JSON.stringify(state.data.browserInfo));\n      componentsObj[methodToUpdate].isValid = isValid;\n      componentsObj[methodToUpdate].stateData = state.data;\n    },\n  }\n}\n\nfunction getGooglePayConfig() {\n  return {\n    environment: window.Configuration.environment,\n    onSubmit: () => {\n      assignPaymentMethodValue();\n      document.querySelector('#billing-submit').disabled = false;\n      document.querySelector('#billing-submit').click();\n    },\n    configuration: {\n      gatewayMerchantId: window.merchantAccount,\n    },\n    showPayButton: true,\n    buttonColor: 'white',\n  }\n}\n\nfunction getAmazonpayConfig() {\n  return {\n    showPayButton: true,\n    productType: 'PayAndShip',\n    checkoutMode: 'ProcessOrder',\n    locale: window.Configuration.locale,\n    returnUrl: window.returnURL,\n    addressDetails: {\n      name: sessionsResponse.shippingAddress.firstName\n          + ' ' + sessionsResponse.shippingAddress.lastName,\n      addressLine1: sessionsResponse.shippingAddress.address1,\n      city:  sessionsResponse.shippingAddress.city,\n      stateOrRegion: sessionsResponse.shippingAddress.city,\n      postalCode:  sessionsResponse.shippingAddress.postalCode,\n      countryCode: sessionsResponse.shippingAddress.country,\n      phoneNumber: sessionsResponse.shippingAddress.phone,\n    },\n    onClick: (resolve, reject) => {\n      $('#dwfrm_billing').trigger('submit');\n      if (formErrorsExist) {\n        reject();\n      } else {\n        assignPaymentMethodValue();\n        resolve();\n      }\n    },\n    onError: () => {},\n  };\n}\n\nfunction getInstallmentValues(maxValue) {\n  const values = [];\n  for (let i = 1; i <= maxValue; i += 1) {\n    values.push(i);\n  }\n  return values;\n}\n\nfunction setInstallments(amount) {\n  try {\n    if (installmentLocales.indexOf(window.Configuration.locale) < 0) {\n      return;\n    }\n    const [minAmount, numOfInstallments] = window.installments ?\n        window.installments.replace(/\\[|]/g, '').split(',') : [null, null];\n    if (minAmount <= amount.value) {\n      checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions = {\n        card: {},\n      }; // eslint-disable-next-line max-len\n      checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values = getInstallmentValues(\n          numOfInstallments,\n      );\n      checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts = true;\n    }\n  } catch (e) {} // eslint-disable-line no-empty\n}\n\n/**\n * @function\n * @description Initializes Adyen CSE billing events\n */\n\nexports.initBilling = function () {\n  initializeBillingEvents();\n};\n\nexports.initAccount = function () {\n  initializeAccountEvents();\n};\n\nexports.renderGenericComponent = function () {\n  renderGenericComponent();\n};\n\n},{\"./adyen-giving\":2,\"./amazon\":4,\"./summary\":50}],2:[function(require,module,exports){\nlet donation;\nfunction handleOnDonate(state, component) {\n  if (!state.isValid) {\n    return;\n  }\n  const selectedAmount = state.data.amount;\n  const donationData = {\n    amountValue: selectedAmount.value,\n    amountCurrency: selectedAmount.currency,\n    orderNo: window.orderNo,\n    pspReference: window.pspReference,\n  };\n  $.ajax({\n    url: window.donateURL,\n    type: 'post',\n    data: JSON.stringify(donationData),\n    contentType: 'application/; charset=utf-8',\n    success() {\n      component.setStatus('success');\n    },\n  });\n}\n\nfunction handleOnCancel() {\n  const adyenGiving = document.getElementById('adyenGiving');\n  adyenGiving.style.transition = 'all 3s ease-in-out';\n  adyenGiving.style.display = 'none';\n  donation.unmount();\n}\n\nif (\n    document.querySelector('.adyen-payment-details') &&\n    window.adyenGivingAvailable\n) {\n  const adyenGivingNode = document.getElementById('donate-container');\n\n  let amounts;\n  try {\n    amounts = JSON.parse(window.donationAmounts);\n  } catch (e) {\n    amounts = [];\n  }\n\n  const donationConfig = {\n    amounts,\n    backgroundUrl: window.adyenGivingBackgroundUrl,\n    description: window.charityDescription,\n    logoUrl: window.adyenGivingLogoUrl,\n    name: window.charityName,\n    url: window.charityWebsite,\n    showCancelButton: true,\n    onDonate: handleOnDonate,\n    onCancel: handleOnCancel,\n  };\n\n  AdyenCheckout(window.Configuration).then((checkout) => {\n    checkout.create('donation', donationConfig).mount(adyenGivingNode);\n  });\n}\n\n},{}],3:[function(require,module,exports){\n'use strict';\n\nvar progress = require('./progress'),\n    util = require('./util');\n\nvar currentRequests = [];\n\n/**\n * @function\n * @description Ajax request to get json response\n * @param {Boolean} async  Asynchronous or not\n * @param {String} url URI for the request\n * @param {Object} data Name/Value pair data request\n * @param {Function} callback  Callback function to be called\n */\nvar getJson = function (options) {\n    options.url = util.toAbsoluteUrl(options.url);\n    // return if no url exists or url matches a current request\n    if (!options.url || currentRequests[options.url]) {\n        return;\n    }\n\n    currentRequests[options.url] = true;\n\n    // make the server call\n    $.ajax({\n        dataType: 'json',\n        url: options.url,\n        async: (typeof options.async === 'undefined' || options.async === null) ? true : options.async,\n        data: options.data || {}\n    })\n    // success\n    .done(function (response) {\n        if (options.callback) {\n            options.callback(response);\n        }\n    })\n    // failed\n    .fail(function (xhr, textStatus) {\n        if (textStatus === 'parsererror') {\n            window.alert(Resources.BAD_RESPONSE);\n        }\n        if (options.callback) {\n            options.callback(null);\n        }\n    })\n    // executed on success or fail\n    .always(function () {\n        // remove current request from hash\n        if (currentRequests[options.url]) {\n            delete currentRequests[options.url];\n        }\n    });\n};\n/**\n * @function\n * @description ajax request to load html response in a given container\n * @param {String} url URI for the request\n * @param {Object} data Name/Value pair data request\n * @param {Function} callback  Callback function to be called\n * @param {Object} target Selector or element that will receive content\n */\nvar load = function (options) {\n    options.url = util.toAbsoluteUrl(options.url);\n    // return if no url exists or url matches a current request\n    if (!options.url || currentRequests[options.url]) {\n        return;\n    }\n\n    currentRequests[options.url] = true;\n\n    // make the server call\n    $.ajax({\n        dataType: 'html',\n        url: util.appendParamToURL(options.url, 'format', 'ajax'),\n        data: options.data,\n        xhrFields: {\n            withCredentials: true\n        }\n    })\n    .done(function (response) {\n        // success\n        if (options.target) {\n            $(options.target).empty().html(response);\n        }\n        if (options.callback) {\n            options.callback(response);\n        }\n    })\n    .fail(function (xhr, textStatus) {\n        // failed\n        if (textStatus === 'parsererror') {\n            window.alert(Resources.BAD_RESPONSE);\n        }\n        options.callback(null, textStatus);\n    })\n    .always(function () {\n        progress.hide();\n        // remove current request from hash\n        if (currentRequests[options.url]) {\n            delete currentRequests[options.url];\n        }\n    });\n};\n\nexports.getJson = getJson;\nexports.load = load;\n\n},{\"./progress\":42,\"./util\":53}],4:[function(require,module,exports){\nif(window.amazonCheckoutSessionId) {\n    window.sessionsResponse = null;\n    const amazonPayNode = document.getElementById('amazonContainerSG');\n\n    function handleAuthorised(response) {\n        document.querySelector('#result').value = JSON.stringify({\n            pspReference: response.fullResponse.pspReference,\n            resultCode: response.fullResponse.resultCode,\n            paymentMethod: response.fullResponse.paymentMethod ? response.fullResponse.paymentMethod : response.fullResponse.additionalData.paymentMethod,\n        });\n        document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(\n            response,\n        );\n        document.querySelector('#showConfirmationForm').submit();\n    }\n\n    function handleError() {\n        document.querySelector('#result').value = JSON.stringify({\n            error: true,\n        });\n        document.querySelector('#paymentFromComponentStateData').value = JSON.stringify({error: true});\n        document.querySelector('#showConfirmationForm').submit();\n    }\n\n    function handleAmazonResponse(response, component) {\n        if (response.fullResponse && response.fullResponse.action) {\n            component.handleAction(response.fullResponse.action);\n        } else if (response.resultCode === window.resultCodeAuthorised) {\n            handleAuthorised(response);\n        } else {\n            // first try the amazon decline flow\n            component.handleDeclineFlow();\n            // if this does not trigger a redirect, try the regular handleError flow\n            handleError();\n        }\n    }\n\n    function paymentFromComponent(data, component) {\n        $.ajax({\n            url: window.paymentFromComponentURL,\n            type: 'post',\n            contentType: 'application/; charset=utf-8',\n            data: JSON.stringify(data),\n            success(response) {\n                if (response.result && response.result.orderNo && response.result.orderToken) {\n                    document.querySelector('#orderToken').value = response.result.orderToken;\n                    document.querySelector('#merchantReference').value = response.result.orderNo;\n                }\n                handleAmazonResponse(response.result, component);\n            },\n        });\n    }\n\n    const amazonConfig = {\n        showOrderButton: false,\n        returnUrl: window.returnURL,\n        configuration: {\n            merchantId: window.amazonMerchantID,\n            storeId: window.amazonStoreID,\n            publicKeyId: window.amazonPublicKeyID,\n        },\n        amazonCheckoutSessionId: window.amazonCheckoutSessionId,\n        onSubmit: (state, component) => {\n            document.querySelector('#adyenStateData').value = JSON.stringify(\n                state.data,\n            );\n            paymentFromComponent(state.data, component);\n        },\n        onAdditionalDetails: (state) => {\n            state.data.paymentMethod = 'amazonpay';\n            $.ajax({\n                type: 'post',\n                url: window.paymentsDetailsURL,\n                data: JSON.stringify({\n                    data: state.data,\n                    orderToken: document.querySelector('#orderToken').value,\n                }),\n                contentType: 'application/; charset=utf-8',\n                success(data) {\n                    if (data.response.isSuccessful) {\n                        handleAuthorised(data.response);\n                    } else if (!data.response.isFinal && typeof data.response.action === 'object') {\n                        checkout.createFromAction(data.action).mount('#amazonContainerSG');\n                    } else {\n                        handleError();\n                    }\n                },\n            });\n        },\n    };\n\n    async function mountAmazonPayComponent() {\n        const checkout = await AdyenCheckout(window.Configuration);\n        const amazonPayComponent = checkout\n            .create('amazonpay', amazonConfig)\n            .mount(amazonPayNode);\n        amazonPayComponent.submit();\n    }\n\n    mountAmazonPayComponent();\n}\n\n},{}],5:[function(require,module,exports){\n/**\n *    (c) 2009-2014 Demandware Inc.\n *    Subject to standard usage terms and conditions\n *    For all details and documentation:\n *    https://bitbucket.com/demandware/sitegenesis\n */\n\n'use strict';\n\nvar countries = require('./countries'),\n    dialog = require('./dialog'),\n    minicart = require('./minicart'),\n    page = require('./page'),\n    rating = require('./rating'),\n    searchplaceholder = require('./searchplaceholder'),\n    searchsuggest = require('./searchsuggest'),\n    tooltip = require('./tooltip'),\n    util = require('./util'),\n    validator = require('./validator'),\n    tls = require('./tls'),\n    consentTracking = require('./consentTracking');\n\n// if jQuery has not been loaded, load from google cdn\nif (!window.jQuery) {\n    var s = document.createElement('script');\n    s.setAttribute('src', 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js');\n    s.setAttribute('type', 'text/javascript');\n    document.getElementsByTagName('head')[0].appendChild(s);\n}\n\nrequire('./jquery-ext')();\nrequire('./cookieprivacy')();\nconsentTracking.init();\nrequire('./captcha')();\n\nfunction initializeEvents() {\n    var controlKeys = ['8', '13', '46', '45', '36', '35', '38', '37', '40', '39'];\n\n    $('body')\n        .on('keydown', 'textarea[data-character-limit]', function (e) {\n            var text = $.trim($(this).val()),\n                charsLimit = $(this).data('character-limit'),\n                charsUsed = text.length;\n\n            if ((charsUsed >= charsLimit) && (controlKeys.indexOf(e.which.toString()) < 0)) {\n                e.preventDefault();\n            }\n        })\n        .on('change keyup mouseup', 'textarea[data-character-limit]', function () {\n            var text = $.trim($(this).val()),\n                charsLimit = $(this).data('character-limit'),\n                charsUsed = text.length,\n                charsRemain = charsLimit - charsUsed;\n\n            if (charsRemain < 0) {\n                $(this).val(text.slice(0, charsRemain));\n                charsRemain = 0;\n            }\n\n            $(this).next('div.char-count').find('.char-remain-count').html(charsRemain);\n        });\n\n    /**\n     * initialize search suggestions, pending the value of the site preference(enhancedSearchSuggestions)\n     * this will either init the legacy(false) or the beta versions(true) of the the search suggest feature.\n     * */\n    var $searchContainer = $('#navigation .header-search');\n    searchsuggest.init($searchContainer, Resources.SIMPLE_SEARCH);\n\n    // add show/hide navigation elements\n    $('.secondary-navigation .toggle').click(function () {\n        $(this).toggleClass('expanded').next('ul').toggle();\n    });\n\n    // add generic toggle functionality\n    $('.toggle').next('.toggle-content').hide();\n    $('.toggle').click(function () {\n        $(this).toggleClass('expanded').next('.toggle-content').toggle();\n    });\n\n    // subscribe email box\n    var $subscribeEmail = $('.subscribe-email');\n    if ($subscribeEmail.length > 0)    {\n        $subscribeEmail.focus(function () {\n            var val = $(this.val());\n            if (val.length > 0 && val !== Resources.SUBSCRIBE_EMAIL_DEFAULT) {\n                return; // do not animate when contains non-default value\n            }\n\n            $(this).animate({color: '#999999'}, 500, 'linear', function () {\n                $(this).val('').css('color', '#333333');\n            });\n        }).blur(function () {\n            var val = $.trim($(this.val()));\n            if (val.length > 0) {\n                return; // do not animate when contains value\n            }\n            $(this).val(Resources.SUBSCRIBE_EMAIL_DEFAULT)\n                .css('color', '#999999')\n                .animate({color: '#333333'}, 500, 'linear');\n        });\n    }\n\n    $('.privacy-policy').on('click', function (e) {\n        e.preventDefault();\n        dialog.open({\n            url: $(e.target).attr('href'),\n            options: {\n                height: 600\n            }\n        });\n    });\n\n    $('.consent-tracking-policy').on('click', function (e) {\n        e.preventDefault();\n        consentTracking.show();\n    });\n    \n    // main menu toggle\n    $('.menu-toggle').on('click', function () {\n        $('#wrapper').toggleClass('menu-active');\n    });\n    $('.menu-category li .menu-item-toggle').on('click', function (e) {\n        e.preventDefault();\n        var $parentLi = $(e.target).closest('li');\n        $parentLi.siblings('li').removeClass('active').find('.menu-item-toggle').removeClass('fa-chevron-up active').addClass('fa-chevron-right');\n        $parentLi.toggleClass('active');\n        $(e.target).toggleClass('fa-chevron-right fa-chevron-up active');\n    });\n    $('.user-account').on('click', function (e) {\n        e.preventDefault();\n        $(this).parent('.user-info').toggleClass('active');\n    });\n}\n/**\n * @private\n * @function\n * @description Adds class ('js') to html for css targeting and loads js specific styles.\n */\nfunction initializeDom() {\n    // add class to html for css targeting\n    $('html').addClass('js');\n    if (SitePreferences.LISTING_INFINITE_SCROLL) {\n        $('html').addClass('infinite-scroll');\n    }\n    // load js specific styles\n    util.limitCharacters();\n}\n\nvar pages = {\n    account: require('./pages/account'),\n    cart: require('./pages/cart'),\n    checkout: require('./pages/checkout'),\n    compare: require('./pages/compare'),\n    product: require('./pages/product'),\n    registry: require('./pages/registry'),\n    search: require('./pages/search'),\n    storefront: require('./pages/storefront'),\n    wishlist: require('./pages/wishlist'),\n    storelocator: require('./pages/storelocator')\n};\n\nvar app = {\n    init: function () {\n        if (document.cookie.length === 0) {\n            $('<div/>').addClass('browser-compatibility-alert').append($('<p/>').addClass('browser-error').html(Resources.COOKIES_DISABLED)).appendTo('#browser-check');\n        }\n        initializeDom();\n        initializeEvents();\n\n        // init specific global components\n        countries.init();\n        tooltip.init();\n        minicart.init();\n        validator.init();\n        rating.init();\n        searchplaceholder.init();\n        // execute page specific initializations\n        $.extend(page, window.pageContext);\n        var ns = page.ns;\n        if (ns && pages[ns] && pages[ns].init) {\n            pages[ns].init();\n        }\n\n        // Check TLS status if indicated by site preference\n        if (SitePreferences.CHECK_TLS === true) {\n            tls.getUserAgent();\n        }\n    }\n};\n\n// general extension functions\n(function () {\n    String.format = function () {\n        var s = arguments[0];\n        var i, len = arguments.length - 1;\n        for (i = 0; i < len; i++) {\n            var reg = new RegExp('\\\\{' + i + '\\\\}', 'gm');\n            s = s.replace(reg, arguments[i + 1]);\n        }\n        return s;\n    };\n})();\n\n// initialize app\n$(document).ready(function () {\n    app.init();\n});\n\n},{\"./captcha\":7,\"./consentTracking\":9,\"./cookieprivacy\":10,\"./countries\":11,\"./dialog\":12,\"./jquery-ext\":15,\"./minicart\":17,\"./page\":18,\"./pages/account\":19,\"./pages/cart\":20,\"./pages/checkout\":24,\"./pages/compare\":27,\"./pages/product\":31,\"./pages/registry\":36,\"./pages/search\":37,\"./pages/storefront\":38,\"./pages/storelocator\":39,\"./pages/wishlist\":40,\"./rating\":44,\"./searchplaceholder\":45,\"./searchsuggest\":46,\"./tls\":51,\"./tooltip\":52,\"./util\":53,\"./validator\":54}],6:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog'),\n    page = require('./page'),\n    util = require('./util');\n\nvar selectedList = [];\nvar maxItems = 1;\nvar bliUUID = '';\n\n/**\n * @private\n * @function\n * description Gets a list of bonus products related to a promoted product\n */\nfunction getBonusProducts() {\n    var bonusproducts = [];\n\n    var i, len;\n    for (i = 0, len = selectedList.length; i < len; i++) {\n        var p = {\n            pid: selectedList[i].pid,\n            qty: selectedList[i].qty,\n            options: {}\n        };\n        var a, alen, bp = selectedList[i];\n        if (bp.options) {\n            for (a = 0, alen = bp.options.length; a < alen; a++) {\n                var opt = bp.options[a];\n                p.options = {optionName:opt.name, optionValue:opt.value};\n            }\n        }\n        bonusproducts.push({product:p});\n    }\n    return {bonusproducts: bonusproducts};\n}\n\nvar selectedItemTemplate = function (data) {\n    var attributes = '';\n    for (var attrID in data.attributes) {\n        var attr = data.attributes[attrID];\n        attributes += '<li data-attribute-id=\"' + attrID + '\">\\n';\n        attributes += '<span class=\"display-name\">' + attr.displayName + '</span>: ';\n        attributes += '<span class=\"display-value\">' + attr.displayValue + '</span>\\n';\n        attributes += '</li>';\n    }\n    attributes += '<li class=\"item-qty\">\\n';\n    attributes += '<span class=\"display-name\">Qty</span>: ';\n    attributes += '<span class=\"display-value\">' + data.qty + '</span>';\n    return [\n        '<li class=\"selected-bonus-item\" data-uuid=\"' + data.uuid + '\" data-pid=\"' + data.pid + '\">',\n        '<i class=\"remove-link fa fa-remove\" title=\"Remove this product\" href=\"#\"></i>',\n        '<div class=\"item-name\">' + data.name + '</div>',\n        '<ul class=\"item-attributes\">',\n        attributes,\n        '<ul>',\n        '<li>'\n    ].join('\\n');\n};\n\n// hide swatches that are not selected or not part of a Product Variation Group\nvar hideSwatches = function () {\n    $('.bonus-product-item:not([data-producttype=\"master\"]) .swatches li').not('.selected').not('.variation-group-value').hide();\n    // prevent unselecting the selected variant\n    $('.bonus-product-item .swatches .selected').on('click', function () {\n        return false;\n    });\n};\n\n/**\n * @private\n * @function\n * @description Updates the summary page with the selected bonus product\n */\nfunction updateSummary() {\n    var $bonusProductList = $('#bonus-product-list');\n    if (!selectedList.length) {\n        $bonusProductList.find('li.selected-bonus-item').remove();\n    } else {\n        var ulList = $bonusProductList.find('ul.selected-bonus-items').first();\n        var i, len;\n        for (i = 0, len = selectedList.length; i < len; i++) {\n            var item = selectedList[i];\n            var li = selectedItemTemplate(item);\n            $(li).appendTo(ulList);\n        }\n    }\n\n    // get remaining item count\n    var remain = maxItems - selectedList.length;\n    $bonusProductList.find('.bonus-items-available').text(remain);\n    if (remain <= 0) {\n        $bonusProductList.find('.select-bonus-item').attr('disabled', 'disabled');\n    } else {\n        $bonusProductList.find('.select-bonus-item').removeAttr('disabled');\n    }\n}\n\nfunction initializeGrid () {\n    var $bonusProduct = $('#bonus-product-dialog'),\n        $bonusProductList = $('#bonus-product-list'),\n        bliData = $bonusProductList.data('line-item-detail');\n    maxItems = bliData.maxItems;\n    bliUUID = bliData.uuid;\n\n    if (bliData.itemCount >= maxItems) {\n        $bonusProductList.find('.select-bonus-item').attr('disabled', 'disabled');\n    }\n\n    var cartItems = $bonusProductList.find('.selected-bonus-item');\n    cartItems.each(function () {\n        var ci = $(this);\n        var product = {\n            uuid: ci.data('uuid'),\n            pid: ci.data('pid'),\n            qty: ci.find('.item-qty').text(),\n            name: ci.find('.item-name').html(),\n            attributes: {}\n        };\n        var attributes = ci.find('ul.item-attributes li');\n        attributes.each(function () {\n            var li = $(this);\n            product.attributes[li.data('attributeId')] = {\n                displayName:li.children('.display-name').html(),\n                displayValue:li.children('.display-value').html()\n            };\n        });\n        selectedList.push(product);\n    });\n\n    $bonusProductList.on('click', '.bonus-product-item a[href].swatchanchor', function (e) {\n        e.preventDefault();\n        var url = this.href,\n            $this = $(this);\n        url = util.appendParamsToUrl(url, {\n            'source': 'bonus',\n            'format': 'ajax'\n        });\n        $.ajax({\n            url: url,\n            success: function (response) {\n                $this.closest('.bonus-product-item').empty().html(response);\n                hideSwatches();\n            }\n        });\n    })\n    .on('change', '.input-text', function () {\n        $bonusProductList.find('.select-bonus-item').removeAttr('disabled');\n        $(this).closest('.bonus-product-form').find('.quantity-error').text('');\n    })\n    .on('click', '.select-bonus-item', function (e) {\n        e.preventDefault();\n        if (selectedList.length >= maxItems) {\n            $bonusProductList.find('.select-bonus-item').attr('disabled', 'disabled');\n            $bonusProductList.find('.bonus-items-available').text('0');\n            return;\n        }\n\n        var form = $(this).closest('.bonus-product-form'),\n            detail = $(this).closest('.product-detail'),\n            uuid = form.find('input[name=\"productUUID\"]').val(),\n            qtyVal = form.find('input[name=\"Quantity\"]').val(),\n            qty = (isNaN(qtyVal)) ? 1 : (+qtyVal);\n\n        if (qty > maxItems) {\n            $bonusProductList.find('.select-bonus-item').attr('disabled', 'disabled');\n            form.find('.quantity-error').text(Resources.BONUS_PRODUCT_TOOMANY);\n            return;\n        }\n\n        var product = {\n            uuid: uuid,\n            pid: form.find('input[name=\"pid\"]').val(),\n            qty: qty,\n            name: detail.find('.product-name').text(),\n            attributes: detail.find('.product-variations').data('attributes'),\n            options: []\n        };\n\n        var optionSelects = form.find('.product-option');\n\n        optionSelects.each(function () {\n            product.options.push({\n                name: this.name,\n                value: $(this).val(),\n                display: $(this).children(':selected').first().html()\n            });\n        });\n        selectedList.push(product);\n        updateSummary();\n    })\n    .on('click', '.remove-link', function (e) {\n        e.preventDefault();\n        var container = $(this).closest('.selected-bonus-item');\n        if (!container.data('uuid')) { return; }\n\n        var uuid = container.data('uuid');\n        var i, len = selectedList.length;\n        for (i = 0; i < len; i++) {\n            if (selectedList[i].uuid === uuid) {\n                selectedList.splice(i, 1);\n                break;\n            }\n        }\n        updateSummary();\n    })\n    .on('click', '.add-to-cart-bonus', function (e) {\n        e.preventDefault();\n        var url = util.appendParamsToUrl(Urls.addBonusProduct, {bonusDiscountLineItemUUID: bliUUID});\n        var bonusProducts = getBonusProducts();\n        if (bonusProducts.bonusproducts[0].product.qty > maxItems) {\n            bonusProducts.bonusproducts[0].product.qty = maxItems;\n        }\n        // make the server call\n        $.ajax({\n            type: 'POST',\n            dataType: 'json',\n            cache: false,\n            contentType: 'application/json',\n            url: url,\n            data: JSON.stringify(bonusProducts)\n        })\n        .done(function () {\n            // success\n            page.refresh();\n        })\n        .fail(function (xhr, textStatus) {\n            // failed\n            if (textStatus === 'parsererror') {\n                window.alert(Resources.BAD_RESPONSE);\n            } else {\n                window.alert(Resources.SERVER_CONNECTION_ERROR);\n            }\n        })\n        .always(function () {\n            $bonusProduct.dialog('close');\n        });\n    })\n    .on('click', '#more-bonus-products', function (e) {\n        e.preventDefault();\n        var uuid = $('#bonus-product-list').data().lineItemDetail.uuid;\n\n        //get the next page of choice of bonus products\n        var lineItemDetail = JSON.parse($('#bonus-product-list').attr('data-line-item-detail'));\n        lineItemDetail.pageStart = lineItemDetail.pageStart + lineItemDetail.pageSize;\n        $('#bonus-product-list').attr('data-line-item-detail', JSON.stringify(lineItemDetail));\n\n        var url = util.appendParamsToUrl(Urls.getBonusProducts, {\n            bonusDiscountLineItemUUID: uuid,\n            format: 'ajax',\n            lazyLoad: 'true',\n            pageStart: lineItemDetail.pageStart,\n            pageSize: $('#bonus-product-list').data().lineItemDetail.pageSize,\n            bonusProductsTotal: $('#bonus-product-list').data().lineItemDetail.bpTotal\n        });\n\n        $.ajax({\n            type: 'GET',\n            cache: false,\n            contentType: 'application/json',\n            url: url\n        })\n        .done(function (data) {\n            //add the new page to DOM and remove 'More' link if it is the last page of results\n            $('#more-bonus-products').before(data);\n            if ((lineItemDetail.pageStart + lineItemDetail.pageSize) >= $('#bonus-product-list').data().lineItemDetail.bpTotal) {\n                $('#more-bonus-products').remove();\n            }\n        })\n        .fail(function (xhr, textStatus) {\n            if (textStatus === 'parsererror') {\n                window.alert(Resources.BAD_RESPONSE);\n            } else {\n                window.alert(Resources.SERVER_CONNECTION_ERROR);\n            }\n        });\n    });\n}\n\nvar bonusProductsView = {\n    /**\n     * @function\n     * @description Open the list of bonus products selection dialog\n     */\n    show: function (url) {\n        var $bonusProduct = $('#bonus-product-dialog');\n        // create the dialog\n        dialog.open({\n            target: $bonusProduct,\n            url: url,\n            options: {\n                width: 795,\n                title: Resources.BONUS_PRODUCTS\n            },\n            callback: function () {\n                initializeGrid();\n                hideSwatches();\n            }\n        });\n    },\n    /**\n     * @function\n     * @description Open bonus product promo prompt dialog\n     */\n    loadBonusOption: function () {\n        var    self = this,\n            bonusDiscountContainer = document.querySelector('.bonus-discount-container');\n        if (!bonusDiscountContainer) { return; }\n\n        // get the html from minicart, then trash it\n        var bonusDiscountContainerHtml = bonusDiscountContainer.outerHTML;\n        bonusDiscountContainer.parentNode.removeChild(bonusDiscountContainer);\n\n        dialog.open({\n            html: bonusDiscountContainerHtml,\n            options: {\n                width: 400,\n                title: Resources.BONUS_PRODUCT,\n                buttons: [{\n                    text: Resources.SELECT_BONUS_PRODUCTS,\n                    click: function () {\n                        var uuid = $('.bonus-product-promo').data('lineitemid'),\n                            url = util.appendParamsToUrl(Urls.getBonusProducts, {\n                                bonusDiscountLineItemUUID: uuid,\n                                source: 'bonus',\n                                format: 'ajax',\n                                lazyLoad: 'false',\n                                pageStart: 0,\n                                pageSize: 10,\n                                bonusProductsTotal: -1\n                            });\n                        $(this).dialog('close');\n                        self.show(url);\n                    }\n                }, {\n                    text: Resources.NO_THANKS,\n                    click: function () {\n                        $(this).dialog('close');\n                    }\n                }]\n            },\n            callback: function () {\n                // show hide promo details\n                $('.show-promo-details').on('click', function () {\n                    $('.promo-details').toggleClass('visible');\n                });\n            }\n        });\n    }\n};\n\nmodule.exports = bonusProductsView;\n\n},{\"./dialog\":12,\"./page\":18,\"./util\":53}],7:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog');\nvar util = require('./util');\nvar SessionAttributes = window.SessionAttributes;\n\n/**\n * @function captcha    Used to display/control the scrim containing the simulated captcha code\n **/\nmodule.exports = function () {\n    /**\n     * if the session.privacy.ratelimited element is present then show the notification\n     * NOTE: You will probably want to replace this with a call to an actual CAPTCHA system to replace the simple one here\n     */\n    if (SessionAttributes.SHOW_CAPTCHA) {\n        dialog.open({\n            html: '<h1>' + Resources.ARE_YOU_HUMAN + '</h1>',\n            options: {\n                closeOnEscape: false,\n                dialogClass: 'no-close',\n                buttons: [{\n                    text: Resources.OK,\n                    click: function () {\n                        var url = util.appendParamsToUrl(Urls.rateLimiterReset, {format: 'ajax'});\n                        $.ajax({\n                            url: url\n                        });\n                        $(this).dialog('close');\n                    }\n                }]\n            }\n        });\n    }\n};\n\n},{\"./dialog\":12,\"./util\":53}],8:[function(require,module,exports){\n'use strict';\n\nvar page = require('./page'),\n    util = require('./util'),\n    TPromise = require('promise');\n\nvar _currentCategory = '',\n    MAX_ACTIVE = 6;\n\n/**\n * @private\n * @function\n * @description Verifies the number of elements in the compare container and updates it with sequential classes for ui targeting\n */\nfunction refreshContainer() {\n    var $compareContainer = $('.compare-items');\n    var $compareItems = $compareContainer.find('.compare-item');\n    var numActive = $compareItems.filter('.active').length;\n\n    if (numActive < 2) {\n        $('#compare-items-button').attr('disabled', 'disabled');\n    } else {\n        $('#compare-items-button').removeAttr('disabled');\n    }\n\n    $compareContainer.toggle(numActive > 0);\n}\n/**\n * @private\n * @function\n * @description Adds an item to the compare container and refreshes it\n */\nfunction addToList(data) {\n    // get the first compare-item not currently active\n    var $item = $('.compare-items .compare-item').not('.active').first(),\n        $productTile = $('#' + data.uuid);\n\n    if ($item.length === 0) {\n        if ($productTile.length > 0) {\n            $productTile.find('.compare-check')[0].checked = false;\n        }\n        window.alert(Resources.COMPARE_ADD_FAIL);\n        return;\n    }\n\n    // if already added somehow, return\n    if ($('[data-uuid=\"' + data.uuid + '\"]').length > 0) {\n        return;\n    }\n    // set as active item\n    $item.addClass('active')\n        .attr('data-uuid', data.uuid)\n        .attr('data-itemid', data.itemid)\n        .data('uuid', data.uuid)\n        .data('itemid', data.itemid)\n        .append($(data.img).clone().addClass('compare-item-image'));\n}\n/**\n * @private\n * @function\n * description Removes an item from the compare container and refreshes it\n */\nfunction removeFromList($item) {\n    if ($item.length === 0) { return; }\n    // remove class, data and id from item\n    $item.removeClass('active')\n        .removeAttr('data-uuid')\n        .removeAttr('data-itemid')\n        .data('uuid', '')\n        .data('itemid', '')\n        // remove the image\n        .find('.compare-item-image').remove();\n}\n\nfunction addProductAjax(args) {\n    var promise = new TPromise(function (resolve, reject) {\n        $.ajax({\n            url: Urls.compareAdd,\n            data: {\n                pid: args.itemid,\n                category: _currentCategory\n            },\n            dataType: 'json'\n        }).done(function (response) {\n            if (!response || !response.success) {\n                reject(new Error(Resources.COMPARE_ADD_FAIL));\n            } else {\n                resolve(response);\n            }\n        }).fail(function (jqxhr, status, err) {\n            reject(new Error(err));\n        });\n    });\n    return promise;\n}\n\nfunction removeProductAjax(args) {\n    var promise = new TPromise(function (resolve, reject) {\n        $.ajax({\n            url: Urls.compareRemove,\n            data: {\n                pid: args.itemid,\n                category: _currentCategory\n            },\n            dataType: 'json'\n        }).done(function (response) {\n            if (!response || !response.success) {\n                reject(new Error(Resources.COMPARE_REMOVE_FAIL));\n            } else {\n                resolve(response);\n            }\n        }).fail(function (jqxhr, status, err) {\n            reject(new Error(err));\n        });\n    });\n    return promise;\n}\n\nfunction shiftImages() {\n    return new TPromise(function (resolve) {\n        var $items = $('.compare-items .compare-item');\n        $items.each(function (i, item) {\n            var $item = $(item);\n            // last item\n            if (i === $items.length - 1) {\n                return removeFromList($item);\n            }\n            var $next = $items.eq(i + 1);\n            if ($next.hasClass('active')) {\n                // remove its own image\n                $next.find('.compare-item-image').detach().appendTo($item);\n                $item.addClass('active')\n                    .attr('data-uuid', $next.data('uuid'))\n                    .attr('data-itemid', $next.data('itemid'))\n                    .data('uuid', $next.data('uuid'))\n                    .data('itemid', $next.data('itemid'));\n            }\n        });\n        resolve();\n    });\n}\n\n/**\n * @function\n * @description Adds product to the compare table\n */\nfunction addProduct(args) {\n    var promise;\n    var $items = $('.compare-items .compare-item');\n    var $cb = $(args.cb);\n    var numActive = $items.filter('.active').length;\n    if (numActive === MAX_ACTIVE) {\n        if (!window.confirm(Resources.COMPARE_CONFIRMATION)) {\n            $cb[0].checked = false;\n            return;\n        }\n\n        // remove product using id\n        var $firstItem = $items.first();\n        promise = removeItem($firstItem).then(function () {\n            return shiftImages();\n        });\n    } else {\n        promise = TPromise.resolve(0);\n    }\n    return promise.then(function () {\n        return addProductAjax(args).then(function () {\n            addToList(args);\n            if ($cb && $cb.length > 0) { $cb[0].checked = true; }\n            refreshContainer();\n        });\n    }).then(null, function () {\n        if ($cb && $cb.length > 0) { $cb[0].checked = false; }\n    });\n}\n\n/**\n * @function\n * @description Removes product from the compare table\n * @param {object} args - the arguments object should have the following properties: itemid, uuid and cb (checkbox)\n */\nfunction removeProduct(args) {\n    var $cb = args.cb ? $(args.cb) : null;\n    return removeProductAjax(args).then(function () {\n        var $item = $('[data-uuid=\"' + args.uuid + '\"]');\n        removeFromList($item);\n        if ($cb && $cb.length > 0) { $cb[0].checked = false; }\n        refreshContainer();\n    }, function () {\n        if ($cb && $cb.length > 0) { $cb[0].checked = true; }\n    });\n}\n\nfunction removeItem($item) {\n    var uuid = $item.data('uuid'),\n        $productTile = $('#' + uuid);\n    return removeProduct({\n        itemid: $item.data('itemid'),\n        uuid: uuid,\n        cb: ($productTile.length === 0) ? null : $productTile.find('.compare-check')\n    });\n}\n\n/**\n * @private\n * @function\n * @description Initializes the DOM-Object of the compare container\n */\nfunction initializeDom() {\n    var $compareContainer = $('.compare-items');\n    _currentCategory = $compareContainer.data('category') || '';\n    var $active = $compareContainer.find('.compare-item').filter('.active');\n    $active.each(function () {\n        var $productTile = $('#' +  $(this).data('uuid'));\n        if ($productTile.length === 0) {return;}\n        $productTile.find('.compare-check')[0].checked = true;\n    });\n    // set container state\n    refreshContainer();\n}\n\n/**\n * @private\n * @function\n * @description Initializes the events on the compare container\n */\nfunction initializeEvents() {\n    // add event to buttons to remove products\n    $('.compare-item').on('click', '.compare-item-remove', function () {\n        removeItem($(this).closest('.compare-item'));\n    });\n\n    // Button to go to compare page\n    $('#compare-items-button').on('click', function () {\n        page.redirect(util.appendParamToURL(Urls.compareShow, 'category', _currentCategory));\n    });\n\n    // Button to clear all compared items\n    // rely on refreshContainer to take care of hiding the container\n    $('#clear-compared-items').on('click', function () {\n        $('.compare-items .active').each(function () {\n            removeItem($(this));\n        });\n    });\n}\n\nexports.init = function () {\n    initializeDom();\n    initializeEvents();\n};\n\nexports.addProduct = addProduct;\nexports.removeProduct = removeProduct;\n\n},{\"./page\":18,\"./util\":53,\"promise\":70}],9:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog');\nvar util = require('./util');\n/**\n * @function getConsent Used to display/control of the modal containing the consent management message\n **/\n\nfunction getConsent() {\n    dialog.open({\n        url: Urls.consentTracking,\n        options: {\n            closeOnEscape: false,\n            dialogClass: 'no-close',\n            buttons: [{\n                text: Resources.TRACKING_CONSENT,\n                click: function () {\n                    $(this).dialog('close');\n                    $.ajax({\n                        type: 'GET',\n                        url: util.appendParamToURL(Urls.consentTrackingSetSession, 'consentTracking', true),\n                        success: function () {\n                            showPrivacyDialog();\n                        },\n                        error: function () {\n                            showPrivacyDialog();\n                        }\n                    })\n                }\n            }, {\n                text: Resources.TRACKING_NO_CONSENT,\n                click: function () {\n                    $(this).dialog('close');\n                    $.ajax({\n                        type: 'GET',\n                        url: util.appendParamToURL(Urls.consentTrackingSetSession, 'consentTracking', false),\n                        success: function () {\n                            showPrivacyDialog();\n                        },\n                        error: function () {\n                            showPrivacyDialog();\n                        }\n                    })\n                }\n            }]\n        }\n    });\n}\n\nfunction enablePrivacyCookies() {\n    if (document.cookie.indexOf('dw=1') < 0) {\n        document.cookie = 'dw=1; path=/';\n    }\n    if (document.cookie.indexOf('dw_cookies_accepted') < 0) {\n        document.cookie = 'dw_cookies_accepted=1; path=/';\n    }\n}\nfunction showPrivacyDialog(){\n\n    if (SitePreferences.COOKIE_HINT === true && document.cookie.indexOf('dw_cookies_accepted') < 0) {\n        // check for privacy policy page\n        if ($('.privacy-policy').length === 0) {\n            dialog.open({\n                url: Urls.cookieHint,\n                options: {\n                    closeOnEscape: false,\n                    dialogClass: 'no-close',\n                    buttons: [{\n                        text: Resources.I_AGREE,\n                        click: function () {\n                            $(this).dialog('close');\n                            enablePrivacyCookies();\n                        }\n                    }]\n                }\n            });\n        }\n    } else {\n        // Otherwise, we don't need to show the asset, just enable the cookies\n        enablePrivacyCookies();\n    }\n}\nvar consentTracking = {\n    init: function () {\n        if (consent == null && SitePreferences.CONSENT_TRACKING_HINT) { // eslint-disable-line no-undef\n            getConsent();\n        }\n        \n        if (consent != null && SitePreferences.CONSENT_TRACKING_HINT){ // eslint-disable-line no-undef\n            showPrivacyDialog();\n        }\n        \n    },\n    show: function () {\n        getConsent();\n    }\n};\nmodule.exports = consentTracking;\n\n},{\"./dialog\":12,\"./util\":53}],10:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog');\n\n/**\n * @function cookieprivacy    Used to display/control the scrim containing the cookie privacy code\n **/\nmodule.exports = function () {\n    /**\n     * If we have not accepted cookies AND we're not on the Privacy Policy page, then show the notification\n     * NOTE: You will probably want to adjust the Privacy Page test to match your site's specific privacy / cookie page\n     */\n    if (!SitePreferences.CONSENT_TRACKING_HINT && SitePreferences.COOKIE_HINT === true && document.cookie.indexOf('dw_cookies_accepted') < 0) {\n        // check for privacy policy page\n        if ($('.privacy-policy').length === 0) {\n            dialog.open({\n                url: Urls.cookieHint,\n                options: {\n                    closeOnEscape: false,\n                    dialogClass: 'no-close',\n                    buttons: [{\n                        text: Resources.I_AGREE,\n                        click: function () {\n                            $(this).dialog('close');\n                            enableCookies();\n                        }\n                    }]\n                }\n            });\n        }\n    } else {\n        // Otherwise, we don't need to show the asset, just enable the cookies\n        enableCookies();\n    }\n\n    function enableCookies() {\n        if (document.cookie.indexOf('dw=1') < 0) {\n            document.cookie = 'dw=1; path=/';\n        }\n        if (document.cookie.indexOf('dw_cookies_accepted') < 0) {\n            document.cookie = 'dw_cookies_accepted=1; path=/';\n        }\n    }\n};\n\n},{\"./dialog\":12}],11:[function(require,module,exports){\n'use strict';\n\nexports.init = function init () {\n    $('.country-selector .current-country').on('click', function () {\n        $('.country-selector .selector').toggleClass('active');\n        $(this).toggleClass('selector-active');\n    });\n    // set currency first before reload\n    $('.country-selector .selector .locale').on('click', function (e) {\n        e.preventDefault();\n        var url = this.href;\n        var currency = this.getAttribute('data-currency');\n        $.ajax({\n            dataType: 'json',\n            url: Urls.setSessionCurrency,\n            data: {\n                format: 'ajax',\n                currencyMnemonic: currency\n            }\n        })\n        .done(function (response) {\n            if (!response.success) {\n                throw new Error('Unable to set currency');\n            }\n            window.location.href = url;\n        });\n    });\n};\n\n},{}],12:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('./ajax'),\n    util = require('./util'),\n    _ = require('lodash'),\n    imagesLoaded = require('imagesloaded');\n\nvar dialog = {\n    /**\n     * @function\n     * @description Appends a dialog to a given container (target)\n     * @param {Object} params  params.target can be an id selector or an jquery object\n     */\n    create: function (params) {\n        var $target, id;\n\n        if (_.isString(params.target)) {\n            if (params.target.charAt(0) === '#') {\n                $target = $(params.target);\n            } else {\n                $target = $('#' + params.target);\n            }\n        } else if (params.target instanceof jQuery) {\n            $target = params.target;\n        } else {\n            $target = $('#dialog-container');\n        }\n\n        // if no element found, create one\n        if ($target.length === 0) {\n            if ($target.selector && $target.selector.charAt(0) === '#') {\n                id = $target.selector.substr(1);\n                $target = $('<div>').attr('id', id).addClass('dialog-content').appendTo('body');\n            }\n        }\n\n        // create the dialog\n        this.$container = $target;\n        this.$container.dialog(_.merge({}, this.settings, params.options || {}));\n    },\n    /**\n     * @function\n     * @description Opens a dialog using the given url (params.url) or html (params.html)\n     * @param {Object} params\n     * @param {Object} params.url should contain the url\n     * @param {String} params.html contains the html of the dialog content\n     */\n    open: function (params) {\n        // close any open dialog\n        this.close();\n        this.create(params);\n        this.replace(params);\n    },\n    /**\n     * @description populate the dialog with html content, then open it\n     **/\n    openWithContent: function (params) {\n        var content, position, callback;\n\n        if (!this.$container) { return; }\n        content = params.content || params.html;\n        if (!content) { return; }\n        this.$container.empty().html(content);\n        if (!this.$container.dialog('isOpen')) {\n            this.$container.dialog('open');\n        }\n\n        if (params.options) {\n            position = params.options.position;\n        }\n        if (!position) {\n            position = this.settings.position;\n        }\n        imagesLoaded(this.$container).on('done', function () {\n            this.$container.dialog('option', 'position', position);\n        }.bind(this));\n\n        callback = (typeof params.callback === 'function') ? params.callback : function () {};\n        callback();\n    },\n    /**\n     * @description Replace the content of current dialog\n     * @param {object} params\n     * @param {string} params.url - If the url property is provided, an ajax call is performed to get the content to replace\n     * @param {string} params.html - If no url property is provided, use html provided to replace\n     */\n    replace: function (params) {\n        if (!this.$container) {\n            return;\n        }\n        if (params.url) {\n            params.url = util.appendParamToURL(params.url, 'format', 'ajax');\n            ajax.load({\n                url: params.url,\n                data: params.data,\n                callback: function (response) {\n                    params.content = response;\n                    this.openWithContent(params);\n                }.bind(this)\n            });\n        } else if (params.html) {\n            this.openWithContent(params);\n        }\n    },\n    /**\n     * @function\n     * @description Closes the dialog\n     */\n    close: function () {\n        if (!this.$container) {\n            return;\n        }\n        this.$container.dialog('close');\n    },\n    exists: function () {\n        return this.$container && (this.$container.length > 0);\n    },\n    isActive: function () {\n        return this.exists() && (this.$container.children.length > 0);\n    },\n    settings: {\n        autoOpen: false,\n        height: 'auto',\n        modal: true,\n        overlay: {\n            opacity: 0.5,\n            background: 'black'\n        },\n        resizable: false,\n        title: '',\n        width: '800',\n        close: function () {\n            $(this).dialog('close');\n        },\n        position: {\n            my: 'center',\n            at: 'center',\n            of: window,\n            collision: 'flipfit'\n        }\n    }\n};\n\nmodule.exports = dialog;\n\n},{\"./ajax\":3,\"./util\":53,\"imagesloaded\":67,\"lodash\":68}],13:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('./ajax'),\n    util = require('./util');\n/**\n * @function\n * @description Load details to a given gift certificate\n * @param {String} id The ID of the gift certificate\n * @param {Function} callback A function to called\n */\nexports.checkBalance = function (id, callback) {\n    // load gift certificate details\n    var url = util.appendParamToURL(Urls.giftCardCheckBalance, 'giftCertificateID', id);\n\n    ajax.getJson({\n        url: url,\n        callback: callback\n    });\n};\n\n},{\"./ajax\":3,\"./util\":53}],14:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('./ajax'),\n    minicart = require('./minicart'),\n    util = require('./util');\n\nvar setAddToCartHandler = function (e) {\n    e.preventDefault();\n    var form = $(this).closest('form');\n\n    var options = {\n        url: util.ajaxUrl(form.attr('action')),\n        method: 'POST',\n        cache: false,\n        data: form.serialize()\n    };\n    $.ajax(options).done(function (response) {\n        if (response.success) {\n            ajax.load({\n                url: Urls.minicartGC,\n                data: {lineItemId: response.result.lineItemId},\n                callback: function (response) {\n                    minicart.show(response);\n                    form.find('input,textarea').val('');\n                }\n            });\n        } else {\n            form.find('span.error').hide();\n            for (var id in response.errors.FormErrors) {\n                var $errorEl = $('#' + id).addClass('error').removeClass('valid').next('.error');\n                if (!$errorEl || $errorEl.length === 0) {\n                    $errorEl = $('<span for=\"' + id + '\" generated=\"true\" class=\"error\" style=\"\"></span>');\n                    $('#' + id).after($errorEl);\n                }\n                $errorEl.text(response.errors.FormErrors[id].replace(/\\\\'/g, '\\'')).show();\n            }\n        }\n    }).fail(function (xhr, textStatus) {\n        // failed\n        if (textStatus === 'parsererror') {\n            window.alert(Resources.BAD_RESPONSE);\n        } else {\n            window.alert(Resources.SERVER_CONNECTION_ERROR);\n        }\n    });\n};\n\nexports.init = function () {\n    $('#AddToBasketButton').on('click', setAddToCartHandler);\n};\n\n},{\"./ajax\":3,\"./minicart\":17,\"./util\":53}],15:[function(require,module,exports){\n'use strict';\n// jQuery extensions\n\nmodule.exports = function () {\n    // params\n    // toggleClass - required\n    // triggerSelector - optional. the selector for the element that triggers the event handler. defaults to the child elements of the list.\n    // eventName - optional. defaults to 'click'\n    $.fn.toggledList = function (options) {\n        if (!options.toggleClass) { return this; }\n        var list = this;\n        return list.on(options.eventName || 'click', options.triggerSelector || list.children(), function (e) {\n            e.preventDefault();\n            var classTarget = options.triggerSelector ? $(this).parent() : $(this);\n            classTarget.toggleClass(options.toggleClass);\n            // execute callback if exists\n            if (options.callback) {options.callback();}\n        });\n    };\n\n    $.fn.syncHeight = function () {\n        var arr = $.makeArray(this);\n        arr.sort(function (a, b) {\n            return $(a).height() - $(b).height();\n        });\n        return this.height($(arr[arr.length - 1]).height());\n    };\n};\n\n},{}],16:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog'),\n    page = require('./page'),\n    validator = require('./validator');\n\nvar login = {\n    /**\n     * @private\n     * @function\n     * @description init events for the loginPage\n     */\n    init: function () {\n        //o-auth binding for which icon is clicked\n        $('.oAuthIcon').bind('click', function () {\n            $('#OAuthProvider').val(this.id);\n        });\n    \n\n        //toggle the value of the rememberme checkbox\n        $('#dwfrm_login_rememberme').bind('change', function () {\n            if ($('#dwfrm_login_rememberme').attr('checked')) {\n                $('#rememberme').val('true');\n            } else {\n                $('#rememberme').val('false');\n            }\n        });\n        \n        $('#password-reset').on('click', function (e) {\n            e.preventDefault();\n            dialog.open({\n                url: $(e.target).attr('href'),\n                options: {\n                    open: function () {\n                        validator.init();\n                        var $requestPasswordForm = $('[name$=\"_requestpassword\"]');\n                        var $submit = $requestPasswordForm.find('[name$=\"_requestpassword_send\"]');\n                        $($submit).on('click', function (e) {\n                            if (!$requestPasswordForm.valid()) {\n                                return;\n                            }\n                            e.preventDefault();\n                            var data = $requestPasswordForm.serialize();\n                            // add form action to data\n                            data += '&' + $submit.attr('name') + '=';\n                            // make sure the server knows this is an ajax request\n                            if (data.indexOf('ajax') === -1) {\n                                data += '&format=ajax';\n                            }\n                            $.ajax({\n                                type: 'POST',\n                                url: $requestPasswordForm.attr('action'),\n                                data: data,\n                                success: function (response) {\n                                    if (typeof response === 'object' &&\n                                            !response.success &&\n                                            response.error === Resources.CSRF_TOKEN_MISMATCH) {\n                                        page.redirect(Urls.csrffailed);\n                                    } else if (typeof response === 'string') {\n                                        dialog.$container.html(response);\n                                    }\n                                },\n                                failure: function () {\n                                    dialog.$container.html('<h1>' + Resources.SERVER_ERROR + '</h1>');\n                                }\n                            });\n                        });\n                    }\n                }\n            });\n        });\n    }\n}\n\nmodule.exports = login;\n\n},{\"./dialog\":12,\"./page\":18,\"./validator\":54}],17:[function(require,module,exports){\n'use strict';\n\nvar util = require('./util'),\n    bonusProductsView = require('./bonus-products-view');\n\nvar timer = {\n    id: null,\n    clear: function () {\n        if (this.id) {\n            window.clearTimeout(this.id);\n            delete this.id;\n        }\n    },\n    start: function (duration, callback) {\n        this.id = setTimeout(callback, duration);\n    }\n};\n\nvar minicart = {\n    init: function () {\n        this.$el = $('#mini-cart');\n        this.$content = this.$el.find('.mini-cart-content');\n\n        $('.mini-cart-product').eq(0).find('.mini-cart-toggle').addClass('fa-caret-down');\n        $('.mini-cart-product').not(':first').addClass('collapsed')\n            .find('.mini-cart-toggle').addClass('fa-caret-right');\n\n        $('.mini-cart-toggle').on('click', function () {\n            $(this).toggleClass('fa-caret-down fa-caret-right');\n            $(this).closest('.mini-cart-product').toggleClass('collapsed');\n        });\n\n        // events\n        this.$el.find('.mini-cart-total').on('mouseenter', function () {\n            if (this.$content.not(':visible')) {\n                this.slide();\n            }\n        }.bind(this));\n\n        this.$content.on('mouseenter', function () {\n            timer.clear();\n        }).on('mouseleave', function () {\n            timer.clear();\n            timer.start(30, this.close.bind(this));\n        }.bind(this));\n    },\n    /**\n     * @function\n     * @description Shows the given content in the mini cart\n     * @param {String} A HTML string with the content which will be shown\n     */\n    show: function (html) {\n        this.$el.html(html);\n        util.scrollBrowser(0);\n        this.init();\n        this.slide();\n        bonusProductsView.loadBonusOption();\n    },\n    /**\n     * @function\n     * @description Slides down and show the contents of the mini cart\n     */\n    slide: function () {\n        timer.clear();\n        // show the item\n        this.$content.slideDown('slow');\n        // after a time out automatically close it\n        timer.start(6000, this.close.bind(this));\n    },\n    /**\n     * @function\n     * @description Closes the mini cart with given delay\n     * @param {Number} delay The delay in milliseconds\n     */\n    close: function (delay) {\n        timer.clear();\n        this.$content.slideUp(delay);\n    }\n};\n\nmodule.exports = minicart;\n\n},{\"./bonus-products-view\":6,\"./util\":53}],18:[function(require,module,exports){\n'use strict';\n\nvar util = require('./util');\n\nvar page = {\n    title: '',\n    type: '',\n    params: util.getQueryStringParams(window.location.search.substr(1)),\n    redirect: function (newURL) {\n        setTimeout(function () {\n            window.location.href = newURL;\n        }, 0);\n    },\n    refresh: function () {\n        setTimeout(function () {\n            window.location.assign(window.location.href);\n        }, 500);\n    }\n};\n\nmodule.exports = page;\n\n},{\"./util\":53}],19:[function(require,module,exports){\n'use strict';\n\nvar giftcert = require('../giftcert'),\n    tooltip = require('../tooltip'),\n    util = require('../util'),\n    dialog = require('../dialog'),\n    page = require('../page'),\n    login = require('../login'),\n    validator = require('../validator'),\n    adyenCheckout = require('../adyen-checkout');\n\n/**\n * @function\n * @description Initializes the events on the address form (apply, cancel, delete)\n * @param {Element} form The form which will be initialized\n */\nfunction initializeAddressForm() {\n    var $form = $('#edit-address-form');\n\n    $form.find('input[name=\"format\"]').remove();\n    tooltip.init();\n    //$(\"<input/>\").attr({type:\"hidden\", name:\"format\", value:\"ajax\"}).appendTo(form);\n\n    $form.on('click', '.apply-button', function (e) {\n        e.preventDefault();\n        if (!$form.valid()) {\n            return false;\n        }\n        var url = util.appendParamToURL($form.attr('action'), 'format', 'ajax');\n        var applyName = $form.find('.apply-button').attr('name');\n        var options = {\n            url: url,\n            data: $form.serialize() + '&' + applyName + '=x',\n            type: 'POST'\n        };\n        $.ajax(options).done(function (data) {\n            if (typeof(data) !== 'string') {\n                if (data.success) {\n                    dialog.close();\n                    page.refresh();\n                } else if (data.error) {\n                    page.redirect(Urls.csrffailed);\n                } else {\n                    window.alert(data.message);\n                    return false;\n                }\n            } else {\n                $('#dialog-container').html(data);\n                account.init();\n                tooltip.init();\n            }\n        });\n    })\n    .on('click', '.cancel-button, .close-button', function (e) {\n        e.preventDefault();\n        dialog.close();\n    })\n    .on('click', '.delete-button', function (e) {\n        e.preventDefault();\n        if (window.confirm(String.format(Resources.CONFIRM_DELETE, Resources.TITLE_ADDRESS))) {\n            var url = util.appendParamsToUrl(Urls.deleteAddress, {\n                AddressID: $form.find('#addressid').val(),\n                format: 'ajax'\n            });\n            $.ajax({\n                url: url,\n                method: 'POST',\n                dataType: 'json'\n            }).done(function (data) {\n                if (data.status.toLowerCase() === 'ok') {\n                    dialog.close();\n                    page.refresh();\n                } else if (data.message.length > 0) {\n                    window.alert(data.message);\n                    return false;\n                } else {\n                    dialog.close();\n                    page.refresh();\n                }\n            });\n        }\n    });\n\n    validator.init();\n}\n/**\n * @private\n * @function\n * @description Toggles the list of Orders\n */\nfunction toggleFullOrder () {\n    $('.order-items')\n        .find('li.hidden:first')\n        .prev('li')\n        .append('<a class=\"toggle\">View All</a>')\n        .children('.toggle')\n        .click(function () {\n            $(this).parent().siblings('li.hidden').show();\n            $(this).remove();\n        });\n}\n/**\n * @private\n * @function\n * @description Binds the events on the address form (edit, create, delete)\n */\nfunction initAddressEvents() {\n    var addresses = $('#addresses');\n    if (addresses.length === 0) { return; }\n\n    addresses.on('click', '.address-edit, .address-create', function (e) {\n        e.preventDefault();\n        dialog.open({\n            url: this.href,\n            options: {\n                open: initializeAddressForm\n            }\n        });\n    }).on('click', '.delete', function (e) {\n        e.preventDefault();\n        if (window.confirm(String.format(Resources.CONFIRM_DELETE, Resources.TITLE_ADDRESS))) {\n            $.ajax({\n                url: util.appendParamToURL($(this).attr('href'), 'format', 'ajax'),\n                dataType: 'json'\n            }).done(function (data) {\n                if (data.status.toLowerCase() === 'ok') {\n                    page.redirect(Urls.addressesList);\n                } else if (data.message.length > 0) {\n                    window.alert(data.message);\n                } else {\n                    page.refresh();\n                }\n            });\n        }\n    });\n}\n/**\n * @private\n * @function\n * @description Binds the events of the payment methods list (delete card)\n */\nfunction initPaymentEvents() {\n    $('.add-card').on('click', function (e) {\n        e.preventDefault();\n        dialog.open({\n            url: $(e.target).attr('href'),\n            options: {\n                open: initializePaymentForm\n            }\n        });\n    });\n\n    var paymentList = $('.payment-list');\n    if (paymentList.length === 0) { return; }\n\n    util.setDeleteConfirmation(paymentList, String.format(Resources.CONFIRM_DELETE, Resources.TITLE_CREDITCARD));\n\n    $('form[name=\"payment-remove\"]').on('submit', function (e) {\n        e.preventDefault();\n        // override form submission in order to prevent refresh issues\n        var button = $(this).find('.delete');\n        $('<input/>').attr({\n            type: 'hidden',\n            name: button.attr('name'),\n            value: button.attr('value') || 'delete card'\n        }).appendTo($(this));\n        var data = $(this).serialize();\n        $.ajax({\n            type: 'POST',\n            url: $(this).attr('action'),\n            data: data\n        })\n        .done(function () {\n            page.redirect(Urls.paymentsList);\n        });\n    });\n}\n\nfunction initializePaymentForm() {\n    $('#CreditCardForm').on('click', '.cancel-button', function (e) {\n        e.preventDefault();\n        dialog.close();\n    });\n\n    if (SitePreferences.ADYEN_SF_ENABLED)  {\n        adyenCheckout.initAccount();\n    }\n\n}\n/**\n * @private\n * @function\n * @description Binds the events of the order, address and payment pages\n */\nfunction initializeEvents() {\n    toggleFullOrder();\n    initAddressEvents();\n    initPaymentEvents();\n    login.init();\n}\n\nvar account = {\n    init: function () {\n        initializeEvents();\n        giftcert.init();\n    },\n    initCartLogin: function () {\n        login.init();\n    }\n};\n\nmodule.exports = account;\n\n},{\"../adyen-checkout\":1,\"../dialog\":12,\"../giftcert\":14,\"../login\":16,\"../page\":18,\"../tooltip\":52,\"../util\":53,\"../validator\":54}],20:[function(require,module,exports){\n'use strict';\n\nvar account = require('./account'),\n    bonusProductsView = require('../bonus-products-view'),\n    quickview = require('../quickview'),\n    cartStoreInventory = require('../storeinventory/cart');\n\n/**\n * @private\n * @function\n * @description Binds events to the cart page (edit item's details, bonus item's actions, coupon code entry)\n */\nfunction initializeEvents() {\n    $('#cart-table').on('click', '.item-edit-details a', function (e) {\n        e.preventDefault();\n        quickview.show({\n            url: e.target.href,\n            source: 'cart'\n        });\n    })\n    .on('click', '.bonus-item-actions a, .item-details .bonusproducts a', function (e) {\n        e.preventDefault();\n        bonusProductsView.show(this.href);\n    });\n\n    // override enter key for coupon code entry\n    $('form input[name$=\"_couponCode\"]').on('keydown', function (e) {\n        if (e.which === 13 && $(this).val().length === 0) { return false; }\n    });\n\n    //to prevent multiple submissions of the form when removing a product from the cart\n    var removeItemEvent = false;\n    $('button[name$=\"deleteProduct\"]').on('click', function (e) {\n        if (removeItemEvent) {\n            e.preventDefault();\n        } else {\n            removeItemEvent = true;\n        }\n    });\n}\n\nexports.init = function () {\n    initializeEvents();\n    if (SitePreferences.STORE_PICKUP) {\n        cartStoreInventory.init();\n    }\n    account.initCartLogin();\n};\n\n},{\"../bonus-products-view\":6,\"../quickview\":43,\"../storeinventory/cart\":47,\"./account\":19}],21:[function(require,module,exports){\n'use strict';\n\nvar util = require('../../util');\nvar shipping = require('./shipping');\n\n/**\n * @function\n * @description Selects the first address from the list of addresses\n */\nexports.init = function () {\n    var $form = $('.address');\n    // select address from list\n    $('select[name$=\"_addressList\"]', $form).on('change', function () {\n        var selected = $(this).children(':selected').first();\n        var selectedAddress = $(selected).data('address');\n        if (!selectedAddress) { return; }\n        util.fillAddressFields(selectedAddress, $form);\n        shipping.updateShippingMethodList();\n        // re-validate the form\n        $form.validate().form();\n    });\n};\n\n},{\"../../util\":53,\"./shipping\":26}],22:[function(require,module,exports){\n\n/*eslint-disable */\n\n'use strict';\n\nvar ajax = require('../../ajax'),\n    formPrepare = require('./formPrepare'),\n    giftcard = require('../../giftcard'),\n    util = require('../../util'),\n    adyenCheckout = require('../../adyen-checkout');\n\n\n/**\n * @function\n * @description Fills the Credit Card form with the passed data-parameter and clears the former cvn input\n * @param {Object} data The Credit Card data (holder, type, masked number, expiration month/year)\n */\nfunction setCCFields(data) {\n    var $creditCard = $('[data-method=\"CREDIT_CARD\"]');\n    $creditCard.find('input[name$=\"creditCard_owner\"]').val(data.holder).trigger('change');\n    $creditCard.find('select[name$=\"_type\"]').val(data.type).trigger('change');\n    $creditCard.find('input[name*=\"_creditCard_number\"]').val(data.maskedNumber).trigger('change');\n    $creditCard.find('[name$=\"_month\"]').val(data.expirationMonth).trigger('change');\n    $creditCard.find('[name$=\"_year\"]').val(data.expirationYear).trigger('change');\n    $creditCard.find('input[name$=\"_cvn\"]').val('').trigger('change');\n    $creditCard.find('[name$=\"creditCard_selectedCardID\"]').val(data.selectedCardID).trigger('change');\n}\n\n/**\n * @function\n * @description Updates the credit card form with the attributes of a given card\n * @param {String} cardID the credit card ID of a given card\n */\nfunction populateCreditCardForm(cardID) {\n    // load card details\n    var url = util.appendParamToURL(Urls.billingSelectCC, 'creditCardUUID', cardID);\n    ajax.getJson({\n        url: url,\n        callback: function (data) {\n            if (!data) {\n                window.alert(Resources.CC_LOAD_ERROR);\n                return false;\n            }\n            setCCFields(data);\n        }\n    });\n}\n\n$('input[name=\"brandCode\"]').on('change', function(e){\n    $(\"#dwfrm_adyPaydata_issuer\").val(\"\");\n    $('.checkoutComponent').hide();\n    $('#component_' + $(this).val()).show();\n});\n\n/**\n * @function\n * @description Changes the payment method form depending on the passed paymentMethodID\n * @param {String} paymentMethodID the ID of the payment method, to which the payment method form should be changed to\n */\nfunction updatePaymentMethod(paymentMethodID) {\n    var $paymentMethods = $('.payment-method');\n    $paymentMethods.removeClass('payment-method-expanded');\n\n    var $selectedPaymentMethod = $paymentMethods.filter('[data-method=\"' + paymentMethodID + '\"]');\n    if ($selectedPaymentMethod.length === 0) {\n        $selectedPaymentMethod = $('[data-method=\"Custom\"]');\n    }\n    $selectedPaymentMethod.addClass('payment-method-expanded');\n\n    // ensure checkbox of payment method is checked\n    $('input[name$=\"_selectedPaymentMethodID\"]').removeAttr('checked');\n    $('input[value=' + paymentMethodID + ']').prop('checked', 'checked');\n\n    formPrepare.validateForm();\n}\n\n/**\n * @function\n * @description Changes the payment type or issuerId of the selected payment method\n * @param {String, Boolean} value of payment type or issuerId and a test value to see which one it is, to which the payment type or issuerId should be changed to\n */\nfunction updatePaymentType(selectedPayType, issuerType) {\n    if(issuerType){\n        $('#dwfrm_adyPaydata_issuer').val(selectedPayType);\n    }\n    else{\n        $('input[name=\"brandCode\"]').removeAttr('checked');\n        $('input[value=' + selectedPayType + ']').prop('checked', 'checked');\n    }\n\n    // if the payment type has hidden fields reveal it\n    $('#component_' + selectedPayType).show();\n\n    formPrepare.validateForm();\n}\n\n/**\n * @function\n * @description Adyen - Initializes the visibility of HPP fields\n */\nfunction initializeHPPFields () {\n    if($('[name=\"brandCode\"]:checked').hasClass('openInvoice')) {\n        $('.additionalfield').hide().find('input').val('');\n        $('.additionalfield.' + $('.checkout-billing').find('select.country').val()).show();\n    } else {\n        $('.additionalfield').hide().find('input').val('');\n    }\n}\n\n/**\n * @function\n * @description loads billing address, Gift Certificates, Coupon and Payment methods\n */\nexports.init = function () {\n    var $checkoutForm = $('.checkout-billing');\n    var $addGiftCert = $('#add-giftcert');\n    var $giftCertCode = $('input[name$=\"_giftCertCode\"]');\n    var $addCoupon = $('#add-coupon');\n    var $couponCode = $('input[name$=\"_couponCode\"]');\n    var $selectPaymentMethod = $('.payment-method-options');\n    var selectedPaymentMethod = $selectPaymentMethod.find(':checked').val();\n    var $payType = $('[name=\"brandCode\"]');\n\n    var $issuer = $('.issuer');\n    var selectedPayType = $payType.find(':checked').val();\n\n    formPrepare.init({\n        formSelector: 'form[id$=\"billing\"]',\n        continueSelector: '[name$=\"billing_save\"]'\n    });\n\n    // default payment method to 'CREDIT_CARD'\n    updatePaymentMethod((selectedPaymentMethod) ? selectedPaymentMethod : 'CREDIT_CARD');\n    $selectPaymentMethod.on('click', 'input[type=\"radio\"]', function () {\n        updatePaymentMethod($(this).val());\n        if ($(this).val() == 'Adyen' && $payType.length > 0) {\n            //set payment type of Adyen to the first one\n            updatePaymentType((selectedPayType) ? selectedPayType : $payType[0].value, false);\n        } else {\n            $payType.removeAttr('checked');\n\n        }\n    });\n\n    $issuer.on('change', function () {\n        updatePaymentType($(this).val(), true);\n    });\n\n\n    $payType.on('change', function() {\n        $('#selectedIssuer').val(\"\");\n        $issuer.hide();\n        $('.checkoutComponent').hide();\n        $('#component_' + $(this).val()).show();\n        if($(this).siblings( \".issuer\").length > 0){\n            $('#selectedIssuer').val($(this).siblings( \".issuer\" ).val());\n            $(this).siblings('.issuer').show();\n        }\n    });\n\n    // select credit card from list\n    $('#creditCardList').on('change', function () {\n        var cardUUID = $(this).val();\n        if (!cardUUID) {return;}\n        populateCreditCardForm(cardUUID);\n\n        // remove server side error\n        $('.required.error').removeClass('error');\n        $('.error-message').remove();\n    });\n\n    $('#check-giftcert').on('click', function (e) {\n        e.preventDefault();\n        var $balance = $('.balance');\n        if ($giftCertCode.length === 0 || $giftCertCode.val().length === 0) {\n            var error = $balance.find('span.error');\n            if (error.length === 0) {\n                error = $('<span>').addClass('error').appendTo($balance);\n            }\n            error.html(Resources.GIFT_CERT_MISSING);\n            return;\n        }\n\n        giftcard.checkBalance($giftCertCode.val(), function (data) {\n            if (!data || !data.giftCertificate) {\n                $balance.html(Resources.GIFT_CERT_INVALID).removeClass('success').addClass('error');\n                return;\n            }\n            $balance.html(Resources.GIFT_CERT_BALANCE + ' ' + data.giftCertificate.balance).removeClass('error').addClass('success');\n        });\n    });\n\n    $addGiftCert.on('click', function (e) {\n        e.preventDefault();\n        var code = $giftCertCode.val(),\n            $error = $checkoutForm.find('.giftcert-error');\n        if (code.length === 0) {\n            $error.html(Resources.GIFT_CERT_MISSING);\n            return;\n        }\n\n        var url = util.appendParamsToUrl(Urls.redeemGiftCert, {giftCertCode: code, format: 'ajax'});\n        $.getJSON(url, function (data) {\n            var fail = false;\n            var msg = '';\n            if (!data) {\n                msg = Resources.BAD_RESPONSE;\n                fail = true;\n            } else if (!data.success) {\n                msg = data.message.split('<').join('&lt;').split('>').join('&gt;');\n                fail = true;\n            }\n            if (fail) {\n                $error.html(msg);\n                return;\n            } else {\n                window.location.assign(Urls.billing);\n            }\n        });\n    });\n\n    $addCoupon.on('click', function (e) {\n        e.preventDefault();\n        var $error = $checkoutForm.find('.coupon-error'),\n            code = $couponCode.val();\n        if (code.length === 0) {\n            $error.html(Resources.COUPON_CODE_MISSING);\n            return;\n        }\n\n        var url = util.appendParamsToUrl(Urls.addCoupon, {couponCode: code, format: 'ajax'});\n        $.getJSON(url, function (data) {\n            var fail = false;\n            var msg = '';\n            if (!data) {\n                msg = Resources.BAD_RESPONSE;\n                fail = true;\n            } else if (!data.success) {\n                msg = data.message.split('<').join('&lt;').split('>').join('&gt;');\n                fail = true;\n            }\n            if (fail) {\n                $error.html(msg);\n                return;\n            }\n\n            //basket check for displaying the payment section, if the adjusted total of the basket is 0 after applying the coupon\n            //this will force a page refresh to display the coupon message based on a parameter message\n            if (data.success && data.baskettotal === 0) {\n                window.location.assign(Urls.billing);\n            }\n        });\n    });\n\n    // trigger events on enter\n    $couponCode.on('keydown', function (e) {\n        if (e.which === 13) {\n            e.preventDefault();\n            $addCoupon.click();\n        }\n    });\n    $giftCertCode.on('keydown', function (e) {\n        if (e.which === 13) {\n            e.preventDefault();\n            $addGiftCert.click();\n        }\n    });\n\n    if (SitePreferences.ADYEN_SF_ENABLED) {\n        adyenCheckout.initBilling();\n    }\n};\n\n},{\"../../adyen-checkout\":1,\"../../ajax\":3,\"../../giftcard\":13,\"../../util\":53,\"./formPrepare\":23}],23:[function(require,module,exports){\n'use strict';\n\nvar _ = require('lodash');\n\nvar $form, $continue, $requiredInputs, validator;\n\nvar hasEmptyRequired = function () {\n    // filter out only the visible fields\n    var requiredValues = $requiredInputs.filter(':visible').map(function () {\n        return $(this).val();\n    });\n    return _(requiredValues).includes('');\n};\n\nvar validateForm = function () {\n    // only validate form when all required fields are filled to avoid\n    // throwing errors on empty form\n    if (!validator) {\n        return;\n    }\n    if (!hasEmptyRequired()) {\n        if (validator.form()) {\n            $continue.removeAttr('disabled');\n        }\n    } else {\n        $continue.attr('disabled', 'disabled');\n    }\n};\n\nvar validateEl = function () {\n    if ($(this).val() === '') {\n        $continue.attr('disabled', 'disabled');\n    } else {\n        // enable continue button on last required field that is valid\n        // only validate single field\n        if (validator.element(this) && !hasEmptyRequired()) {\n            $continue.removeAttr('disabled');\n        } else {\n            $continue.attr('disabled', 'disabled');\n        }\n    }\n};\n\nvar init = function (opts) {\n    if (!opts.formSelector || !opts.continueSelector) {\n        throw new Error('Missing form and continue action selectors.');\n    }\n    $form = $(opts.formSelector);\n    $continue = $(opts.continueSelector);\n    validator = $form.validate();\n    $requiredInputs = $('.required', $form).find(':input');\n    validateForm();\n    // start listening\n    $requiredInputs.on('change', validateEl);\n    $requiredInputs.filter('input').on('keyup', _.debounce(validateEl, 200));\n};\n\nexports.init = init;\nexports.validateForm = validateForm;\nexports.validateEl = validateEl;\n\n},{\"lodash\":68}],24:[function(require,module,exports){\n'use strict';\n\nvar address = require('./address'),\n    billing = require('./billing'),\n    multiship = require('./multiship'),\n    shipping = require('./shipping');\n\n/**\n * @function Initializes the page events depending on the checkout stage (shipping/billing)\n */\nexports.init = function () {\n    address.init();\n    if ($('.checkout-shipping').length > 0) {\n        shipping.init();\n    } else if ($('.checkout-multi-shipping').length > 0) {\n        multiship.init();\n    } else {\n        billing.init();\n    }\n\n    //if on the order review page and there are products that are not available diable the submit order button\n    if ($('.order-summary-footer').length > 0) {\n        if ($('.notavailable').length > 0) {\n            $('.order-summary-footer .submit-order .button-fancy-large').attr('disabled', 'disabled');\n        }\n    }\n};\n\n},{\"./address\":21,\"./billing\":22,\"./multiship\":25,\"./shipping\":26}],25:[function(require,module,exports){\n'use strict';\n\nvar address = require('./address'),\n    formPrepare = require('./formPrepare'),\n    dialog = require('../../dialog'),\n    util = require('../../util'),\n    validator = require('../../validator');\n\n/**\n * @function\n * @description Initializes gift message box for multiship shipping, the message box starts off as hidden and this will display it if the radio button is checked to yes, also added event handler to listen for when a radio button is pressed to display the message box\n */\nfunction initMultiGiftMessageBox() {\n    $.each($('.item-list'), function () {\n        var $this = $(this);\n        var $giftMessage = $this.find('.gift-message-text');\n\n        //handle initial load\n        $giftMessage.toggleClass('hidden', $('input[name$=\"_isGift\"]:checked', this).val() !== 'true');\n\n        //set event listeners\n        $this.on('change', function () {\n            $giftMessage.toggleClass('hidden', $('input[name$=\"_isGift\"]:checked', this).val() !== 'true');\n        });\n    });\n}\n\n\n/**\n * @function\n * @description capture add edit adddress form events\n */\nfunction addEditAddress(target) {\n    var $addressForm = $('form[name$=\"multishipping_editAddress\"]'),\n        $addressDropdown = $addressForm.find('select[name$=_addressList]'),\n        $addressList = $addressForm.find('.address-list'),\n        add = true,\n        originalUUID,\n        resetOptionValue = false,\n        selectedAddressUUID = $(target).parent().siblings('.select-address').val();\n\n    $addressDropdown.on('change', function (e) {\n        e.preventDefault();\n\n        var selectedAddress = $addressList.find('select').val();\n        if (selectedAddress !== 'newAddress') {\n            selectedAddress = $.grep($addressList.data('addresses'), function (add) {\n                return add.UUID === selectedAddress;\n            })[0];\n            add = false;\n            resetOptionValue = false;\n            // proceed to fill the form with the selected address\n            util.fillAddressFields(selectedAddress, $addressForm);\n        } else if  (selectedAddress === 'newAddress') {\n            add = true;\n            resetOptionValue = true;\n            $addressForm.find('.input-text, .input-select').val('');\n        } else {\n            //reset the form if the value of the option is not a UUID\n            $addressForm.find('.input-text, .input-select').val('');\n        }\n    });\n\n    $addressForm.on('click', '.cancel', function (e) {\n        e.preventDefault();\n        dialog.close();\n    });\n\n    $addressForm.on('submit', function (e) {\n        e.preventDefault();\n        if (!$addressForm.valid()) {\n            return false;\n        }\n\n        $.getJSON(Urls.addEditAddress, $addressForm.serialize(), function (response) {\n            if (!response.success) {\n                $('#multiaddresserror').html(Resources.COULD_NOT_SAVE_ADDRESS);\n                return;\n            }\n            $('#multiaddresserror').toggleClass('hidden', response.success);\n\n            var address = response.address,\n                $shippingAddress = $(target).closest('.shippingaddress'),\n                $select = $shippingAddress.find('.select-address'),\n                $selected = $select.find('option:selected'),\n                newOption = '<option value=\"' + address.UUID + '\">' +\n                    ((address.ID) ? '(' + address.ID + ')' : address.firstName + ' ' + address.lastName) + ', ' +\n                    address.address1 + ', ' + address.city + ', ' + address.stateCode + ', ' + address.postalCode +\n                    '</option>';\n            dialog.close();\n\n            if (address.UUID !== originalUUID) {\n                resetOptionValue = true;\n            }\n\n            if (add) {\n                $('.shippingaddress select').removeClass('no-option').append(newOption);\n                $('.no-address').hide();\n            } else {\n                $('.shippingaddress select').find('option[value=\"' + address.UUID + '\"]').html(newOption);\n            }\n            // if there's no previously selected option, select it\n            if ($selected.length === 0 || $selected.val() === '' || resetOptionValue) {\n                $select.find('option[value=\"' + address.UUID + '\"]').prop('selected', 'selected').trigger('change');\n            }\n        });\n    });\n\n    //preserve the uuid of the option for the hop up form\n    if (selectedAddressUUID) {\n        //update the form with selected address\n        $addressList.find('option').each(function () {\n            //check the values of the options\n            if ($(this).attr('value') === selectedAddressUUID) {\n                $(this).prop('selected', 'selected');\n                $addressDropdown.trigger('change');\n            }\n        });\n        originalUUID = selectedAddressUUID;\n    }\n\n    validator.init();\n}\n\n/**\n * @function\n * @description shows gift message box in multiship, and if the page is the multi shipping address page it will call initmultishipshipaddress() to initialize the form\n */\nexports.init = function () {\n    initMultiGiftMessageBox();\n    if ($('.cart-row .shippingaddress .select-address').length > 0) {\n        formPrepare.init({\n            continueSelector: '[name$=\"addressSelection_save\"]',\n            formSelector: '[id$=\"multishipping_addressSelection\"]'\n        });\n    }\n    $('.edit-address').on('click', 'span', function (e) {\n        dialog.open({url: this.attributes.href.value,  options: {open: function () {\n            address.init();\n            addEditAddress(e.target);\n        }}});\n    });\n};\n\n},{\"../../dialog\":12,\"../../util\":53,\"../../validator\":54,\"./address\":21,\"./formPrepare\":23}],26:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('../../ajax'),\n    formPrepare = require('./formPrepare'),\n    progress = require('../../progress'),\n    tooltip = require('../../tooltip'),\n    util = require('../../util');\n\nvar shippingMethods;\n/**\n * @function\n * @description Initializes gift message box, if shipment is gift\n */\nfunction giftMessageBox() {\n    // show gift message box, if shipment is gift\n    $('.gift-message-text').toggleClass('hidden', $('input[name$=\"_shippingAddress_isGift\"]:checked').val() !== 'true');\n}\n\n/**\n * @function\n * @description updates the order summary based on a possibly recalculated basket after a shipping promotion has been applied\n */\nfunction updateSummary() {\n    var $summary = $('#secondary.summary');\n    // indicate progress\n    progress.show($summary);\n\n    // load the updated summary area\n    $summary.load(Urls.summaryRefreshURL, function () {\n        // hide edit shipping method link\n        $summary.fadeIn('fast');\n        $summary.find('.checkout-mini-cart .minishipment .header a').hide();\n        $summary.find('.order-totals-table .order-shipping .label a').hide();\n    });\n}\n\n/**\n * @function\n * @description Helper method which constructs a URL for an AJAX request using the\n * entered address information as URL request parameters.\n */\nfunction getShippingMethodURL(url, extraParams) {\n    var $form = $('.address');\n    var params = {\n        address1: $form.find('input[name$=\"_address1\"]').val(),\n        address2: $form.find('input[name$=\"_address2\"]').val(),\n        countryCode: $form.find('select[id$=\"_country\"]').val(),\n        stateCode: $form.find('select[id$=\"_state\"]').val(),\n        postalCode: $form.find('input[name$=\"_postal\"]').val(),\n        city: $form.find('input[name$=\"_city\"]').val()\n    };\n    return util.appendParamsToUrl(url, $.extend(params, extraParams));\n}\n\n/**\n * @function\n * @description selects a shipping method for the default shipment and updates the summary section on the right hand side\n * @param\n */\nfunction selectShippingMethod(shippingMethodID) {\n    // nothing entered\n    if (!shippingMethodID) {\n        return;\n    }\n    // attempt to set shipping method\n    var url = getShippingMethodURL(Urls.selectShippingMethodsList, {shippingMethodID: shippingMethodID});\n    ajax.getJson({\n        url: url,\n        callback: function (data) {\n            updateSummary();\n            if (!data || !data.shippingMethodID) {\n                window.alert('Couldn\\'t select shipping method.');\n                return false;\n            }\n            // display promotion in UI and update the summary section,\n            // if some promotions were applied\n            $('.shippingpromotions').empty();\n\n            // TODO the for loop below isn't doing anything?\n            // if (data.shippingPriceAdjustments && data.shippingPriceAdjustments.length > 0) {\n            //     var len = data.shippingPriceAdjustments.length;\n            //     for (var i=0; i < len; i++) {\n            //         var spa = data.shippingPriceAdjustments[i];\n            //     }\n            // }\n        }\n    });\n}\n\n/**\n * @function\n * @description Make an AJAX request to the server to retrieve the list of applicable shipping methods\n * based on the merchandise in the cart and the currently entered shipping address\n * (the address may be only partially entered).  If the list of applicable shipping methods\n * has changed because new address information has been entered, then issue another AJAX\n * request which updates the currently selected shipping method (if needed) and also updates\n * the UI.\n */\nfunction updateShippingMethodList() {\n    var $shippingMethodList = $('#shipping-method-list');\n    if (!$shippingMethodList || $shippingMethodList.length === 0) { return; }\n    var url = getShippingMethodURL(Urls.shippingMethodsJSON);\n\n    ajax.getJson({\n        url: url,\n        callback: function (data) {\n            if (!data) {\n                window.alert('Couldn\\'t get list of applicable shipping methods.');\n                return false;\n            }\n            if (shippingMethods && shippingMethods.toString() === data.toString()) {\n                // No need to update the UI.  The list has not changed.\n                return true;\n            }\n\n            // We need to update the UI.  The list has changed.\n            // Cache the array of returned shipping methods.\n            shippingMethods = data;\n            // indicate progress\n            progress.show($shippingMethodList);\n\n            // load the shipping method form\n            var smlUrl = getShippingMethodURL(Urls.shippingMethodsList);\n            $shippingMethodList.load(smlUrl, function () {\n                $shippingMethodList.fadeIn('fast');\n                // rebind the radio buttons onclick function to a handler.\n                $shippingMethodList.find('[name$=\"_shippingMethodID\"]').click(function () {\n                    selectShippingMethod($(this).val());\n                });\n\n                // update the summary\n                updateSummary();\n                progress.hide();\n                tooltip.init();\n                //if nothing is selected in the shipping methods select the first one\n                if ($shippingMethodList.find('.input-radio:checked').length === 0) {\n                    $shippingMethodList.find('.input-radio:first').prop('checked', 'checked');\n                }\n            });\n        }\n    });\n}\n\nexports.init = function () {\n    formPrepare.init({\n        continueSelector: '[name$=\"shippingAddress_save\"]',\n        formSelector:'[id$=\"singleshipping_shippingAddress\"]'\n    });\n    $('input[name$=\"_shippingAddress_isGift\"]').on('click', giftMessageBox);\n\n    $('.address').on('change',\n        'input[name$=\"_addressFields_address1\"], input[name$=\"_addressFields_address2\"], select[name$=\"_addressFields_states_state\"], input[name$=\"_addressFields_city\"], input[name$=\"_addressFields_zip\"]',\n        updateShippingMethodList\n    );\n\n    giftMessageBox();\n    updateShippingMethodList();\n};\n\nexports.updateShippingMethodList = updateShippingMethodList;\n\n},{\"../../ajax\":3,\"../../progress\":42,\"../../tooltip\":52,\"../../util\":53,\"./formPrepare\":23}],27:[function(require,module,exports){\n'use strict';\n\nvar addProductToCart = require('./product/addToCart'),\n    ajax = require('../ajax'),\n    page = require('../page'),\n    productTile = require('../product-tile'),\n    quickview = require('../quickview');\n\n/**\n * @private\n * @function\n * @description Binds the click events to the remove-link and quick-view button\n */\nfunction initializeEvents() {\n    $('#compare-table').on('click', '.remove-link', function (e) {\n        e.preventDefault();\n        ajax.getJson({\n            url: this.href,\n            callback: function () {\n                page.refresh();\n            }\n        });\n    })\n    .on('click', '.open-quick-view', function (e) {\n        e.preventDefault();\n        var url = $(this).closest('.product').find('.thumb-link').attr('href');\n        quickview.show({\n            url: url,\n            source: 'quickview'\n        });\n    });\n\n    $('#compare-category-list').on('change', function () {\n        $(this).closest('form').submit();\n    });\n}\n\nexports.init = function () {\n    productTile.init();\n    initializeEvents();\n    addProductToCart();\n};\n\n},{\"../ajax\":3,\"../page\":18,\"../product-tile\":41,\"../quickview\":43,\"./product/addToCart\":28}],28:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('../../dialog'),\n    minicart = require('../../minicart'),\n    page = require('../../page'),\n    util = require('../../util'),\n    Promise = require('promise'),\n    _ = require('lodash');\n\n/**\n * @description Make the AJAX request to add an item to cart\n * @param {Element} form The form element that contains the item quantity and ID data\n * @returns {Promise}\n */\nvar addItemToCart = function (form) {\n    var $form = $(form),\n        $qty = $form.find('input[name=\"Quantity\"]');\n    if ($qty.length === 0 || isNaN($qty.val()) || parseInt($qty.val(), 10) === 0) {\n        $qty.val('1');\n    }\n    return Promise.resolve($.ajax({\n        type: 'POST',\n        url: util.ajaxUrl(Urls.addProduct),\n        data: $form.serialize()\n    })).then(function (response) {\n        // handle error in the response\n        if (response.error) {\n            throw new Error(response.error);\n        } else {\n            return response;\n        }\n    });\n};\n\n/**\n * @description Handler to handle the add to cart event\n */\nvar addToCart = function (e) {\n    e.preventDefault();\n    var $form = $(this).closest('form');\n\n    addItemToCart($form).then(function (response) {\n        var $uuid = $form.find('input[name=\"uuid\"]');\n        if ($uuid.length > 0 && $uuid.val().length > 0) {\n            page.refresh();\n        } else {\n            // do not close quickview if adding individual item that is part of product set\n            // @TODO should notify the user some other way that the add action has completed successfully\n            if (!$(this).hasClass('sub-product-item')) {\n                dialog.close();\n            }\n            minicart.show(response);\n        }\n    }.bind(this));\n};\n\n/**\n * @description Handler to handle the add all items to cart event\n */\nvar addAllToCart = function (e) {\n    e.preventDefault();\n    var $productForms = $('#product-set-list').find('form').toArray();\n    Promise.all(_.map($productForms, addItemToCart))\n        .then(function (responses) {\n            dialog.close();\n            // show the final response only, which would include all the other items\n            minicart.show(responses[responses.length - 1]);\n        });\n};\n\n/**\n * @function\n * @description Binds the click event to a given target for the add-to-cart handling\n */\nmodule.exports = function () {\n    $('.add-to-cart[disabled]').attr('title', $('.availability-msg').text());\n    $('.product-detail').on('click', '.add-to-cart', addToCart);\n    $('#add-all-to-cart').on('click', addAllToCart);\n};\n\n},{\"../../dialog\":12,\"../../minicart\":17,\"../../page\":18,\"../../util\":53,\"lodash\":68,\"promise\":70}],29:[function(require,module,exports){\n'use strict';\n\nvar ajax =  require('../../ajax'),\n    util = require('../../util');\n\nvar updateContainer = function (data) {\n    var $availabilityMsg = $('#pdpMain .availability .availability-msg');\n    var message; // this should be lexically scoped, when `let` is supported (ES6)\n    if (!data) {\n        $availabilityMsg.html(Resources.ITEM_STATUS_NOTAVAILABLE);\n        return;\n    }\n    $availabilityMsg.empty();\n    // Look through levels ... if msg is not empty, then create span el\n    if (data.levels.IN_STOCK > 0) {\n        if (data.levels.PREORDER === 0 && data.levels.BACKORDER === 0 && data.levels.NOT_AVAILABLE === 0) {\n            // Just in stock\n            message = Resources.IN_STOCK;\n        } else {\n            // In stock with conditions ...\n            message = data.inStockMsg;\n        }\n        $availabilityMsg.append('<p class=\"in-stock-msg\">' + message + '</p>');\n    }\n    if (data.levels.PREORDER > 0) {\n        if (data.levels.IN_STOCK === 0 && data.levels.BACKORDER === 0 && data.levels.NOT_AVAILABLE === 0) {\n            message = Resources.PREORDER;\n        } else {\n            message = data.preOrderMsg;\n        }\n        $availabilityMsg.append('<p class=\"preorder-msg\">' + message + '</p>');\n    }\n    if (data.levels.BACKORDER > 0) {\n        if (data.levels.IN_STOCK === 0 && data.levels.PREORDER === 0 && data.levels.NOT_AVAILABLE === 0) {\n            message = Resources.BACKORDER;\n        } else {\n            message = data.backOrderMsg;\n        }\n        $availabilityMsg.append('<p class=\"backorder-msg\">' + message + '</p>');\n    }\n    if (data.inStockDate !== '') {\n        $availabilityMsg.append('<p class=\"in-stock-date-msg\">' + String.format(Resources.IN_STOCK_DATE, data.inStockDate) + '</p>');\n    }\n    if (data.levels.NOT_AVAILABLE > 0) {\n        if (data.levels.PREORDER === 0 && data.levels.BACKORDER === 0 && data.levels.IN_STOCK === 0) {\n            message = Resources.NOT_AVAILABLE;\n        } else {\n            message = Resources.REMAIN_NOT_AVAILABLE;\n        }\n        $availabilityMsg.append('<p class=\"not-available-msg\">' + message + '</p>');\n    }\n};\n\nvar getAvailability = function () {\n    ajax.getJson({\n        url: util.appendParamsToUrl(Urls.getAvailability, {\n            pid: $('#pid').val(),\n            Quantity: $(this).val()\n        }),\n        callback: updateContainer\n    });\n};\n\nmodule.exports = function () {\n    $('#pdpMain').on('change', '.pdpForm input[name=\"Quantity\"]', getAvailability);\n};\n\n},{\"../../ajax\":3,\"../../util\":53}],30:[function(require,module,exports){\n'use strict';\nvar dialog = require('../../dialog');\nvar util = require('../../util');\nvar qs = require('qs');\nvar url = require('url');\nvar _ = require('lodash');\n\nvar zoomMediaQuery = matchMedia('(min-width: 960px)');\n\n/**\n * @description Enables the zoom viewer on the product detail page\n * @param zmq {Media Query List}\n */\nfunction loadZoom (zmq) {\n    var $imgZoom = $('#pdpMain .main-image'),\n        hiresUrl;\n    if (!zmq) {\n        zmq = zoomMediaQuery;\n    }\n    if ($imgZoom.length === 0 || dialog.isActive() || util.isMobile() || !zoomMediaQuery.matches) {\n        // remove zoom\n        $imgZoom.trigger('zoom.destroy');\n        return;\n    }\n    hiresUrl = $imgZoom.attr('href');\n\n    if (hiresUrl && hiresUrl !== 'null' && hiresUrl.indexOf('noimagelarge') === -1 && zoomMediaQuery.matches) {\n        $imgZoom.zoom({\n            url: hiresUrl\n        });\n    }\n}\n\nzoomMediaQuery.addListener(loadZoom);\n\n/**\n * @description Sets the main image attributes and the href for the surrounding <a> tag\n * @param {Object} atts Object with url, alt, title and hires properties\n */\nfunction setMainImage (atts) {\n    $('#pdpMain .primary-image').attr({\n        src: atts.url,\n        alt: atts.alt,\n        title: atts.title\n    });\n    updatePinButton(atts.url);\n    if (!dialog.isActive() && !util.isMobile()) {\n        $('#pdpMain .main-image').attr('href', atts.hires);\n    }\n    loadZoom();\n}\n\nfunction updatePinButton (imageUrl) {\n    var pinButton = document.querySelector('.share-icon[data-share=pinterest]');\n    if (!pinButton) {\n        return;\n    }\n    var newUrl = imageUrl;\n    if (!imageUrl) {\n        newUrl = document.querySelector('#pdpMain .primary-image').getAttribute('src');\n    }\n    var href = url.parse(pinButton.href);\n    var query = qs.parse(href.query);\n    query.media = url.resolve(window.location.href, newUrl);\n    query.url = window.location.href;\n    var newHref = url.format(_.extend({}, href, {\n        query: query, // query is only used if search is absent\n        search: qs.stringify(query)\n    }));\n    pinButton.href = newHref;\n}\n\n/**\n * @description Replaces the images in the image container, for eg. when a different color was clicked.\n */\nfunction replaceImages () {\n    var $newImages = $('#update-images'),\n        $imageContainer = $('#pdpMain .product-image-container');\n    if ($newImages.length === 0) { return; }\n\n    $imageContainer.html($newImages.html());\n    $newImages.remove();\n    loadZoom();\n}\n\n/* @module image\n * @description this module handles the primary image viewer on PDP\n **/\n\n/**\n * @description by default, this function sets up zoom and event handler for thumbnail click\n **/\nmodule.exports = function () {\n    if (dialog.isActive() || util.isMobile()) {\n        $('#pdpMain .main-image').removeAttr('href');\n    }\n    updatePinButton();\n    loadZoom();\n    // handle product thumbnail click event\n    $('#pdpMain').on('click', '.productthumbnail', function () {\n        // switch indicator\n        $(this).closest('.product-thumbnails').find('.thumb.selected').removeClass('selected');\n        $(this).closest('.thumb').addClass('selected');\n\n        setMainImage($(this).data('lgimg'));\n    });\n};\nmodule.exports.loadZoom = loadZoom;\nmodule.exports.setMainImage = setMainImage;\nmodule.exports.replaceImages = replaceImages;\n\n},{\"../../dialog\":12,\"../../util\":53,\"lodash\":68,\"qs\":80,\"url\":88}],31:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('../../dialog'),\n    productStoreInventory = require('../../storeinventory/product'),\n    tooltip = require('../../tooltip'),\n    util = require('../../util'),\n    addToCart = require('./addToCart'),\n    availability = require('./availability'),\n    image = require('./image'),\n    productNav = require('./productNav'),\n    productSet = require('./productSet'),\n    recommendations = require('./recommendations'),\n    variant = require('./variant');\n\n/**\n * @description Initialize product detail page with reviews, recommendation and product navigation.\n */\nfunction initializeDom() {\n    productNav();\n    recommendations();\n    tooltip.init();\n}\n\n/**\n * @description Initialize event handlers on product detail page\n */\nfunction initializeEvents() {\n    var $pdpMain = $('#pdpMain');\n\n    addToCart();\n    availability();\n    variant();\n    image();\n    productSet();\n    if (SitePreferences.STORE_PICKUP) {\n        productStoreInventory.init();\n    }\n\n    // Add to Wishlist and Add to Gift Registry links behaviors\n    $pdpMain.on('click', '[data-action=\"wishlist\"], [data-action=\"gift-registry\"]', function () {\n        var data = util.getQueryStringParams($('.pdpForm').serialize());\n        if (data.cartAction) {\n            delete data.cartAction;\n        }\n        var url = util.appendParamsToUrl(this.href, data);\n        this.setAttribute('href', url);\n    });\n\n    // product options\n    $pdpMain.on('change', '.product-options select', function () {\n        var salesPrice = $pdpMain.find('.product-add-to-cart .price-sales');\n        var selectedItem = $(this).children().filter(':selected').first();\n        salesPrice.text(selectedItem.data('combined'));\n    });\n\n    // prevent default behavior of thumbnail link and add this Button\n    $pdpMain.on('click', '.thumbnail-link, .unselectable a', function (e) {\n        e.preventDefault();\n    });\n\n    $('.size-chart-link a').on('click', function (e) {\n        e.preventDefault();\n        dialog.open({\n            url: $(e.target).attr('href')\n        });\n    });\n}\n\nvar product = {\n    initializeEvents: initializeEvents,\n    init: function () {\n        initializeDom();\n        initializeEvents();\n    }\n};\n\nmodule.exports = product;\n\n},{\"../../dialog\":12,\"../../storeinventory/product\":49,\"../../tooltip\":52,\"../../util\":53,\"./addToCart\":28,\"./availability\":29,\"./image\":30,\"./productNav\":32,\"./productSet\":33,\"./recommendations\":34,\"./variant\":35}],32:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('../../ajax'),\n    util = require('../../util');\n\n/**\n * @description loads product's navigation\n **/\nmodule.exports = function () {\n    var $pidInput = $('.pdpForm input[name=\"pid\"]').last(),\n        $navContainer = $('#product-nav-container');\n    // if no hash exists, or no pid exists, or nav container does not exist, return\n    if (window.location.hash.length <= 1 || $pidInput.length === 0 || $navContainer.length === 0) {\n        return;\n    }\n\n    var pid = $pidInput.val(),\n        hash = window.location.hash.substr(1),\n        url = util.appendParamToURL(Urls.productNav + '?' + hash, 'pid', pid);\n\n    ajax.load({\n        url: url,\n        target: $navContainer\n    });\n};\n\n},{\"../../ajax\":3,\"../../util\":53}],33:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('../../ajax'),\n    tooltip = require('../../tooltip'),\n    util = require('../../util');\n\nmodule.exports = function () {\n    var $addToCart = $('#add-to-cart'),\n        $addAllToCart = $('#add-all-to-cart'),\n        $productSetList = $('#product-set-list');\n\n    var updateAddToCartButtons = function () {\n        if ($productSetList.find('.add-to-cart[disabled]').length > 0) {\n            $addAllToCart.attr('disabled', 'disabled');\n            // product set does not have an add-to-cart button, but product bundle does\n            $addToCart.attr('disabled', 'disabled');\n        } else {\n            $addAllToCart.removeAttr('disabled');\n            $addToCart.removeAttr('disabled');\n        }\n    };\n\n    if ($productSetList.length > 0) {\n        updateAddToCartButtons();\n    }\n    // click on swatch for product set\n    $productSetList.on('click', '.product-set-item .swatchanchor', function (e) {\n        e.preventDefault();\n        if ($(this).parents('li').hasClass('unselectable')) { return; }\n        var url = Urls.getSetItem + this.search;\n        var $container = $(this).closest('.product-set-item');\n        var qty = $container.find('form input[name=\"Quantity\"]').first().val();\n\n        ajax.load({\n            url: util.appendParamToURL(url, 'Quantity', isNaN(qty) ? '1' : qty),\n            target: $container,\n            callback: function () {\n                updateAddToCartButtons();\n                tooltip.init();\n            }\n        });\n    });\n};\n\n},{\"../../ajax\":3,\"../../tooltip\":52,\"../../util\":53}],34:[function(require,module,exports){\n'use strict';\n\n/**\n * @description Creates product recommendation carousel using jQuery jcarousel plugin\n **/\nmodule.exports = function () {\n    var $carousel = $('#carousel-recommendations');\n    if (!$carousel || $carousel.length === 0 || $carousel.children().length === 0) {\n        return;\n    }\n    $carousel.jcarousel();\n    $('#carousel-recommendations .jcarousel-prev')\n        .on('jcarouselcontrol:active', function () {\n            $(this).removeClass('inactive');\n        })\n        .on('jcarouselcontrol:inactive', function () {\n            $(this).addClass('inactive');\n        })\n        .jcarouselControl({\n            target: '-=1'\n        });\n\n    $('#carousel-recommendations .jcarousel-next')\n        .on('jcarouselcontrol:active', function () {\n            $(this).removeClass('inactive');\n        })\n        .on('jcarouselcontrol:inactive', function () {\n            $(this).addClass('inactive');\n        })\n        .jcarouselControl({\n            target: '+=1'\n        });\n};\n\n},{}],35:[function(require,module,exports){\n'use strict';\n\nvar ajax = require('../../ajax'),\n    image = require('./image'),\n    progress = require('../../progress'),\n    productStoreInventory = require('../../storeinventory/product'),\n    tooltip = require('../../tooltip'),\n    util = require('../../util');\n\n\n/**\n * @description update product content with new variant from href, load new content to #product-content panel\n * @param {String} href - url of the new product variant\n **/\nvar updateContent = function (href) {\n    var $pdpForm = $('.pdpForm');\n    var qty = $pdpForm.find('input[name=\"Quantity\"]').first().val();\n    var params = {\n        Quantity: isNaN(qty) ? '1' : qty,\n        format: 'ajax',\n        productlistid: $pdpForm.find('input[name=\"productlistid\"]').first().val()\n    };\n\n    progress.show($('#pdpMain'));\n\n    ajax.load({\n        url: util.appendParamsToUrl(href, params),\n        target: $('#product-content'),\n        callback: function () {\n            if (SitePreferences.STORE_PICKUP) {\n                productStoreInventory.init();\n            }\n            image.replaceImages();\n            tooltip.init();\n        }\n    });\n};\n\nmodule.exports = function () {\n    var $pdpMain = $('#pdpMain');\n    // hover on swatch - should update main image with swatch image\n    $pdpMain.on('mouseenter mouseleave', '.swatchanchor', function () {\n        var largeImg = $(this).data('lgimg'),\n            $imgZoom = $pdpMain.find('.main-image'),\n            $mainImage = $pdpMain.find('.primary-image');\n\n        if (!largeImg) { return; }\n        // store the old data from main image for mouseleave handler\n        $(this).data('lgimg', {\n            hires: $imgZoom.attr('href'),\n            url: $mainImage.attr('src'),\n            alt: $mainImage.attr('alt'),\n            title: $mainImage.attr('title')\n        });\n        // set the main image\n        image.setMainImage(largeImg);\n    });\n\n    // click on swatch - should replace product content with new variant\n    $pdpMain.on('click', '.product-detail .swatchanchor', function (e) {\n        e.preventDefault();\n        if ($(this).parents('li').hasClass('unselectable')) { return; }\n        updateContent(this.href);\n    });\n\n    // change drop down variation attribute - should replace product content with new variant\n    $pdpMain.on('change', '.variation-select', function () {\n        if ($(this).val().length === 0) { return; }\n        updateContent($(this).val());\n    });\n};\n\n},{\"../../ajax\":3,\"../../progress\":42,\"../../storeinventory/product\":49,\"../../tooltip\":52,\"../../util\":53,\"./image\":30}],36:[function(require,module,exports){\n'use strict';\n\nvar addProductToCart = require('./product/addToCart'),\n    ajax = require('../ajax'),\n    login = require('../login'),\n    quickview = require('../quickview'),\n    util = require('../util');\n\n/**\n * @function\n * @description Loads address details to a given address and fills the address form\n * @param {String} addressID The ID of the address to which data will be loaded\n */\nfunction populateForm(addressID, $form) {\n    // load address details\n    var url = Urls.giftRegAdd + addressID;\n    ajax.getJson({\n        url: url,\n        callback: function (data) {\n            if (!data || !data.address) {\n                window.alert(Resources.REG_ADDR_ERROR);\n                return false;\n            }\n            // fill the form\n            $form.find('[name$=\"_addressid\"]').val(data.address.ID);\n            $form.find('[name$=\"_firstname\"]').val(data.address.firstName);\n            $form.find('[name$=\"_lastname\"]').val(data.address.lastName);\n            $form.find('[name$=\"_address1\"]').val(data.address.address1);\n            $form.find('[name$=\"_address2\"]').val(data.address.address2);\n            $form.find('[name$=\"_city\"]').val(data.address.city);\n            $form.find('[name$=\"_country\"]').val(data.address.countryCode).trigger('change');\n            $form.find('[name$=\"_postal\"]').val(data.address.postalCode);\n            $form.find('[name$=\"_state\"]').val(data.address.stateCode);\n            $form.find('[name$=\"_phone\"]').val(data.address.phone);\n            // $form.parent('form').validate().form();\n        }\n    });\n}\n\n/**\n * @private\n * @function\n * @description Initializes events for the gift registration\n */\nfunction initializeEvents() {\n    var $eventAddressForm = $('form[name$=\"_giftregistry\"]'),\n        $beforeAddress = $eventAddressForm.find('fieldset[name=\"address-before\"]'),\n        $afterAddress = $eventAddressForm.find('fieldset[name=\"address-after\"]');\n\n    $('.usepreevent').on('click', function () {\n        // filter out storefront toolkit\n        $(':input', $beforeAddress).not('[id^=\"ext\"]').not('select[name$=\"_addressBeforeList\"]').each(function () {\n            var fieldName = $(this).attr('name'),\n                $afterField = $afterAddress.find('[name=\"' + fieldName.replace('Before', 'After') + '\"]');\n            $afterField.val($(this).val()).trigger('change');\n        });\n    });\n    $eventAddressForm.on('change', 'select[name$=\"_addressBeforeList\"]', function () {\n        var addressID = $(this).val();\n        if (addressID.length === 0) { return; }\n        populateForm(addressID, $beforeAddress);\n    })\n    .on('change', 'select[name$=\"_addressAfterList\"]', function () {\n        var addressID = $(this).val();\n        if (addressID.length === 0) { return; }\n        populateForm(addressID, $afterAddress);\n    });\n\n    $('.item-list').on('click', '.item-edit-details a', function (e) {\n        e.preventDefault();\n        var productListID = $('input[name=productListID]').val();\n        quickview.show({\n            url: e.target.href,\n            source: 'giftregistry',\n            productlistid: productListID\n        });\n    });\n}\n\nexports.init = function () {\n    initializeEvents();\n    addProductToCart();\n    login.init();\n    util.setDeleteConfirmation('.item-list', String.format(Resources.CONFIRM_DELETE, Resources.TITLE_GIFTREGISTRY));\n};\n\n},{\"../ajax\":3,\"../login\":16,\"../quickview\":43,\"../util\":53,\"./product/addToCart\":28}],37:[function(require,module,exports){\n'use strict';\n\nvar compareWidget = require('../compare-widget'),\n    productTile = require('../product-tile'),\n    progress = require('../progress'),\n    util = require('../util');\n\nfunction infiniteScroll() {\n    // getting the hidden div, which is the placeholder for the next page\n    var loadingPlaceHolder = $('.infinite-scroll-placeholder[data-loading-state=\"unloaded\"]');\n    // get url hidden in DOM\n    var gridUrl = loadingPlaceHolder.attr('data-grid-url');\n\n    if (loadingPlaceHolder.length === 1 && util.elementInViewport(loadingPlaceHolder.get(0), 250)) {\n        // switch state to 'loading'\n        // - switches state, so the above selector is only matching once\n        // - shows loading indicator\n        loadingPlaceHolder.attr('data-loading-state', 'loading');\n        loadingPlaceHolder.addClass('infinite-scroll-loading');\n\n\n        // named wrapper function, which can either be called, if cache is hit, or ajax repsonse is received\n        var fillEndlessScrollChunk = function (html) {\n            loadingPlaceHolder.removeClass('infinite-scroll-loading');\n            loadingPlaceHolder.attr('data-loading-state', 'loaded');\n            $('div.search-result-content').append(html);\n        };\n\n        // old condition for caching was `'sessionStorage' in window && sessionStorage[\"scroll-cache_\" + gridUrl]`\n        // it was removed to temporarily address RAP-2649\n\n        $.ajax({\n            type: 'GET',\n            dataType: 'html',\n            url: gridUrl,\n            success: function (response) {\n                // put response into cache\n                try {\n                    sessionStorage['scroll-cache_' + gridUrl] = response;\n                } catch (e) {\n                    // nothing to catch in case of out of memory of session storage\n                    // it will fall back to load via ajax\n                }\n                // update UI\n                fillEndlessScrollChunk(response);\n                productTile.init();\n            }\n        });\n    }\n}\n/**\n * @private\n * @function\n * @description replaces breadcrumbs, lefthand nav and product listing with ajax and puts a loading indicator over the product listing\n */\nfunction updateProductListing(url) {\n    if (!url || url === window.location.href) {\n        return;\n    }\n    progress.show($('.search-result-content'));\n    $('#main').load(util.appendParamToURL(url, 'format', 'ajax'), function () {\n        compareWidget.init();\n        productTile.init();\n        progress.hide();\n        history.pushState(undefined, '', url);\n    });\n}\n\n/**\n * @private\n * @function\n * @description Initializes events for the following elements:<br/>\n * <p>refinement blocks</p>\n * <p>updating grid: refinements, pagination, breadcrumb</p>\n * <p>item click</p>\n * <p>sorting changes</p>\n */\nfunction initializeEvents() {\n    var $main = $('#main');\n    // compare checked\n    $main.on('click', 'input[type=\"checkbox\"].compare-check', function () {\n        var cb = $(this);\n        var tile = cb.closest('.product-tile');\n\n        var func = this.checked ? compareWidget.addProduct : compareWidget.removeProduct;\n        var itemImg = tile.find('.product-image a img').first();\n        func({\n            itemid: tile.data('itemid'),\n            uuid: tile[0].id,\n            img: itemImg,\n            cb: cb\n        });\n\n    });\n\n    // handle toggle refinement blocks\n    $main.on('click', '.refinement h3', function () {\n        $(this).toggleClass('expanded')\n        .siblings('ul').toggle();\n    });\n\n    // handle events for updating grid\n    $main.on('click', '.refinements a, .pagination a, .breadcrumb-refinement-value a', function (e) {\n        // don't intercept for category and folder refinements, as well as unselectable\n        if ($(this).parents('.category-refinement').length > 0 || $(this).parents('.folder-refinement').length > 0 || $(this).parent().hasClass('unselectable')) {\n            return;\n        }\n        e.preventDefault();\n        updateProductListing(this.href);\n    });\n\n    // handle events item click. append params.\n    $main.on('click', '.product-tile a:not(\"#quickviewbutton\")', function () {\n        var a = $(this);\n        // get current page refinement values\n        var wl = window.location;\n\n        var qsParams = (wl.search.length > 1) ? util.getQueryStringParams(wl.search.substr(1)) : {};\n        var hashParams = (wl.hash.length > 1) ? util.getQueryStringParams(wl.hash.substr(1)) : {};\n\n        // merge hash params with querystring params\n        var params = $.extend(hashParams, qsParams);\n        if (!params.start) {\n            params.start = 0;\n        }\n        // get the index of the selected item and save as start parameter\n        var tile = a.closest('.product-tile');\n        var idx = tile.data('idx') ? + tile.data('idx') : 0;\n\n        // convert params.start to integer and add index\n        params.start = (+params.start) + (idx + 1);\n        // set the hash and allow normal action to continue\n        a[0].hash = $.param(params);\n    });\n\n    // handle sorting change\n    $main.on('change', '.sort-by select', function (e) {\n        e.preventDefault();\n        updateProductListing($(this).find('option:selected').val());\n    })\n    .on('change', '.items-per-page select', function () {\n        var refineUrl = $(this).find('option:selected').val();\n        if (refineUrl === 'INFINITE_SCROLL') {\n            $('html').addClass('infinite-scroll').removeClass('disable-infinite-scroll');\n        } else {\n            $('html').addClass('disable-infinite-scroll').removeClass('infinite-scroll');\n            updateProductListing(refineUrl);\n        }\n    });\n}\n\nexports.init = function () {\n    compareWidget.init();\n    if (SitePreferences.LISTING_INFINITE_SCROLL) {\n        $(window).on('scroll', infiniteScroll);\n    }\n    productTile.init();\n    initializeEvents();\n};\n\n},{\"../compare-widget\":8,\"../product-tile\":41,\"../progress\":42,\"../util\":53}],38:[function(require,module,exports){\n'use strict';\nexports.init = function () {\n    $('#homepage-slider')\n        // responsive slides\n        .on('jcarousel:create jcarousel:reload', function () {\n            var element = $(this),\n                width = element.innerWidth();\n            element.jcarousel('items').css('width', width + 'px');\n        })\n        .jcarousel({\n            wrap: 'circular'\n        })\n        .jcarouselAutoscroll({\n            interval: 5000\n        });\n    $('#homepage-slider .jcarousel-control')\n        .on('jcarouselpagination:active', 'a', function () {\n            $(this).addClass('active');\n        })\n        .on('jcarouselpagination:inactive', 'a', function () {\n            $(this).removeClass('active');\n        })\n        .jcarouselPagination({\n            item: function (page) {\n                return '<a href=\"#' + page + '\">' + page + '</a>';\n            }\n        });\n\n    $('#vertical-carousel')\n        .jcarousel({\n            vertical: true\n        })\n        .jcarouselAutoscroll({\n            interval: 5000\n        });\n    $('#vertical-carousel .jcarousel-prev')\n        .on('jcarouselcontrol:active', function () {\n            $(this).removeClass('inactive');\n        })\n        .on('jcarouselcontrol:inactive', function () {\n            $(this).addClass('inactive');\n        })\n        .jcarouselControl({\n            target: '-=1'\n        });\n\n    $('#vertical-carousel .jcarousel-next')\n        .on('jcarouselcontrol:active', function () {\n            $(this).removeClass('inactive');\n        })\n        .on('jcarouselcontrol:inactive', function () {\n            $(this).addClass('inactive');\n        })\n        .jcarouselControl({\n            target: '+=1'\n        });\n};\n\n},{}],39:[function(require,module,exports){\n'use strict';\nvar dialog = require('../dialog');\n\nexports.init = function () {\n    $('.store-details-link').on('click', function (e) {\n        e.preventDefault();\n        dialog.open({\n            url: $(e.target).attr('href')\n        });\n    });\n};\n\n},{\"../dialog\":12}],40:[function(require,module,exports){\n'use strict';\n\nvar addProductToCart = require('./product/addToCart'),\n    page = require('../page'),\n    login = require('../login'),\n    util = require('../util');\n\nexports.init = function () {\n    addProductToCart();\n    $('#editAddress').on('change', function () {\n        page.redirect(util.appendParamToURL(Urls.wishlistAddress, 'AddressID', $(this).val()));\n    });\n\n    //add js logic to remove the , from the qty feild to pass regex expression on client side\n    $('.option-quantity-desired input').on('focusout', function () {\n        $(this).val($(this).val().replace(',', ''));\n    });\n\n    login.init();\n\n};\n\n},{\"../login\":16,\"../page\":18,\"../util\":53,\"./product/addToCart\":28}],41:[function(require,module,exports){\n'use strict';\n\nvar imagesLoaded = require('imagesloaded'),\n    quickview = require('./quickview');\n\nfunction initQuickViewButtons() {\n    $('.tiles-container .product-image').on('mouseenter', function () {\n        var $qvButton = $('#quickviewbutton');\n        if ($qvButton.length === 0) {\n            $qvButton = $('<a id=\"quickviewbutton\" class=\"quickview\">' + Resources.QUICK_VIEW + '<i class=\"fa fa-arrows-alt\"></i></a>');\n        }\n        var $link = $(this).find('.thumb-link');\n        $qvButton.attr({\n            'href': $link.attr('href'),\n            'title': $link.attr('title')\n        }).appendTo(this);\n        $qvButton.on('click', function (e) {\n            e.preventDefault();\n            quickview.show({\n                url: $(this).attr('href'),\n                source: 'quickview'\n            });\n        });\n    });\n}\n\nfunction gridViewToggle() {\n    $('.toggle-grid').on('click', function () {\n        $('.search-result-content').toggleClass('wide-tiles');\n        $(this).toggleClass('wide');\n    });\n}\n\n/**\n * @private\n * @function\n * @description Initializes events on the product-tile for the following elements:\n * - swatches\n * - thumbnails\n */\nfunction initializeEvents() {\n    initQuickViewButtons();\n    gridViewToggle();\n    $('.swatch-list').on('mouseleave', function () {\n        // Restore current thumb image\n        var $tile = $(this).closest('.product-tile'),\n            $thumb = $tile.find('.product-image .thumb-link img').eq(0),\n            data = $thumb.data('current');\n\n        $thumb.attr({\n            src: data.src,\n            alt: data.alt,\n            title: data.title\n        });\n    });\n    $('.swatch-list .swatch').on('click', function (e) {\n        e.preventDefault();\n        if ($(this).hasClass('selected')) { return; }\n\n        var $tile = $(this).closest('.product-tile');\n        $(this).closest('.swatch-list').find('.swatch.selected').removeClass('selected');\n        $(this).addClass('selected');\n        $tile.find('.thumb-link').attr('href', $(this).attr('href'));\n        $tile.find('name-link').attr('href', $(this).attr('href'));\n\n        var data = $(this).children('img').filter(':first').data('thumb');\n        var $thumb = $tile.find('.product-image .thumb-link img').eq(0);\n        var currentAttrs = {\n            src: data.src,\n            alt: data.alt,\n            title: data.title\n        };\n        $thumb.attr(currentAttrs);\n        $thumb.data('current', currentAttrs);\n    }).on('mouseenter', function () {\n        // get current thumb details\n        var $tile = $(this).closest('.product-tile'),\n            $thumb = $tile.find('.product-image .thumb-link img').eq(0),\n            data = $(this).children('img').filter(':first').data('thumb'),\n            current = $thumb.data('current');\n\n        // If this is the first time, then record the current img\n        if (!current) {\n            $thumb.data('current', {\n                src: $thumb[0].src,\n                alt: $thumb[0].alt,\n                title: $thumb[0].title\n            });\n        }\n\n        // Set the tile image to the values provided on the swatch data attributes\n        $thumb.attr({\n            src: data.src,\n            alt: data.alt,\n            title: data.title\n        });\n    });\n}\n\nexports.init = function () {\n    var $tiles = $('.tiles-container .product-tile');\n    if ($tiles.length === 0) { return; }\n    imagesLoaded('.tiles-container').on('done', function () {\n        $tiles.syncHeight()\n            .each(function (idx) {\n                $(this).data('idx', idx);\n            });\n    });\n    initializeEvents();\n};\n\n},{\"./quickview\":43,\"imagesloaded\":67}],42:[function(require,module,exports){\n'use strict';\n\nvar $loader;\n\n/**\n * @function\n * @description Shows an AJAX-loader on top of a given container\n * @param {Element} container The Element on top of which the AJAX-Loader will be shown\n */\nvar show = function (container) {\n    var target = (!container || $(container).length === 0) ? $('body') : $(container);\n    $loader = $loader || $('.loader');\n\n    if ($loader.length === 0) {\n        $loader = $('<div/>').addClass('loader')\n            .append($('<div/>').addClass('loader-indicator'), $('<div/>').addClass('loader-bg'));\n    }\n    return $loader.appendTo(target).show();\n};\n/**\n * @function\n * @description Hides an AJAX-loader\n */\nvar hide = function () {\n    if ($loader) {\n        $loader.hide();\n    }\n};\n\nexports.show = show;\nexports.hide = hide;\n\n},{}],43:[function(require,module,exports){\n'use strict';\n\nvar dialog = require('./dialog'),\n    product = require('./pages/product'),\n    util = require('./util'),\n    _ = require('lodash');\n\n\nvar makeUrl = function (url, source, productListID) {\n    if (source) {\n        url = util.appendParamToURL(url, 'source', source);\n    }\n    if (productListID) {\n        url = util.appendParamToURL(url, 'productlistid', productListID);\n    }\n    return url;\n};\n\nvar removeParam = function (url) {\n    if (url.indexOf('?') !== -1) {\n        return url.substring(0, url.indexOf('?'));\n    } else {\n        return url;\n    }\n};\n\nvar quickview = {\n    init: function () {\n        if (!this.exists()) {\n            this.$container = $('<div/>').attr('id', 'QuickViewDialog').appendTo(document.body);\n        }\n        this.productLinks = $('#search-result-items .thumb-link').map(function (index, thumbLink) {\n            return $(thumbLink).attr('href');\n        });\n    },\n\n    setup: function (qvUrl) {\n        var $btnNext = $('.quickview-next'),\n            $btnPrev = $('.quickview-prev');\n\n        product.initializeEvents();\n\n        this.productLinkIndex = _(this.productLinks).findIndex(function (url) {\n            return removeParam(url) === removeParam(qvUrl);\n        });\n\n        // hide the buttons on the compare page or when there are no other products\n        if (this.productLinks.length <= 1 || $('.compareremovecell').length > 0) {\n            $btnNext.hide();\n            $btnPrev.hide();\n            return;\n        }\n\n        if (this.productLinkIndex === this.productLinks.length - 1) {\n            $btnNext.attr('disabled', 'disabled');\n        }\n        if (this.productLinkIndex === 0) {\n            $btnPrev.attr('disabled', 'disabled');\n        }\n\n        $btnNext.on('click', function (e) {\n            e.preventDefault();\n            this.navigateQuickview(1);\n        }.bind(this));\n        $btnPrev.on('click', function (e) {\n            e.preventDefault();\n            this.navigateQuickview(-1);\n        }.bind(this));\n    },\n\n    /**\n     * @param {Number} step - How many products away from current product to navigate to. Negative number means navigate backward\n     */\n    navigateQuickview: function (step) {\n        // default step to 0\n        this.productLinkIndex += (step ? step : 0);\n        var url = makeUrl(this.productLinks[this.productLinkIndex], 'quickview');\n        dialog.replace({\n            url: url,\n            callback: this.setup.bind(this, url)\n        });\n    },\n\n    /**\n     * @description show quick view dialog\n     * @param {Object} options\n     * @param {String} options.url - url of the product details\n     * @param {String} options.source - source of the dialog to be appended to URL\n     * @param {String} options.productlistid - to be appended to URL\n     * @param {Function} options.callback - callback once the dialog is opened\n     */\n    show: function (options) {\n        var url;\n        if (!this.exists()) {\n            this.init();\n        }\n        url = makeUrl(options.url, options.source, options.productlistid);\n\n        dialog.open({\n            target: this.$container,\n            url: url,\n            options: {\n                width: 920,\n                title: Resources.QUICK_VIEW_POPUP,\n                open: function () {\n                    this.setup(url);\n                    if (typeof options.callback === 'function') { options.callback(); }\n                }.bind(this)\n            }\n        });\n    },\n    exists: function () {\n        return this.$container && (this.$container.length > 0);\n    }\n};\n\nmodule.exports = quickview;\n\n},{\"./dialog\":12,\"./pages/product\":31,\"./util\":53,\"lodash\":68}],44:[function(require,module,exports){\n'use strict';\n\n/**\n * copied from https://github.com/darkskyapp/string-hash\n */\nfunction hashFn(str) {\n    var hash = 5381,\n        i = str.length;\n\n    while (i) {\n        hash = (hash * 33) ^ str.charCodeAt(--i);\n    }\n    /* JavaScript does bitwise operations (like XOR, above) on 32-bit signed\n    * integers. Since we want the results to be always positive, convert the\n    * signed int to an unsigned by doing an unsigned bitshift. */\n    return hash >>> 0;\n}\n\n/**\n * Create rating based on hash ranging from 2-5\n * @param pid\n */\nfunction getRating(pid) {\n    return hashFn(pid.toString()) % 30 / 10 + 2;\n}\n\nmodule.exports = {\n    init: function () {\n        $('.product-review').each(function (index, review) {\n            var pid = $(review).data('pid');\n            if (!pid) {\n                return;\n            }\n            // rating range from 2 - 5\n            var rating = getRating(pid);\n            var baseRating = Math.floor(rating);\n            var starsCount = 0;\n            for (var i = 0; i < baseRating; i++) {\n                $('.rating', review).append('<i class=\"fa fa-star\"></i>');\n                starsCount++;\n            }\n            // give half star for anything in between\n            if (rating > baseRating) {\n                $('.rating', review).append('<i class=\"fa fa-star-half-o\"></i>');\n                starsCount++;\n            }\n            if (starsCount < 5) {\n                for (var j = 0; j < 5 - starsCount; j++) {\n                    $('.rating', review).append('<i class=\"fa fa-star-o\"></i>');\n                }\n            }\n        });\n    }\n};\n\n},{}],45:[function(require,module,exports){\n'use strict';\n\n/**\n * @private\n * @function\n * @description Binds event to the place holder (.blur)\n */\nfunction initializeEvents() {\n    $('#q').focus(function () {\n        var input = $(this);\n        if (input.val() === input.attr('placeholder')) {\n            input.val('');\n        }\n    })\n    .blur(function () {\n        var input = $(this);\n        if (input.val() === '' || input.val() === input.attr('placeholder')) {\n            input.val(input.attr('placeholder'));\n        }\n    })\n    .blur();\n}\n\nexports.init = initializeEvents;\n\n},{}],46:[function(require,module,exports){\n'use strict';\n\nvar util = require('./util');\n\nvar currentQuery = null,\n    lastQuery = null,\n    runningQuery = null,\n    listTotal = -1,\n    listCurrent = -1,\n    delay = 30,\n    $resultsContainer;\n/**\n * @function\n * @description Handles keyboard's arrow keys\n * @param keyCode Code of an arrow key to be handled\n */\nfunction handleArrowKeys(keyCode) {\n    switch (keyCode) {\n        case 38:\n            // keyUp\n            listCurrent = (listCurrent <= 0) ? (listTotal - 1) : (listCurrent - 1);\n            break;\n        case 40:\n            // keyDown\n            listCurrent = (listCurrent >= listTotal - 1) ? 0 : listCurrent + 1;\n            break;\n        default:\n            // reset\n            listCurrent = -1;\n            return false;\n    }\n\n    $resultsContainer.children().removeClass('selected').eq(listCurrent).addClass('selected');\n    $('input[name=\"q\"]').val($resultsContainer.find('.selected .suggestionterm').first().text());\n    return true;\n}\n\nvar searchsuggest = {\n    /**\n     * @function\n     * @description Configures parameters and required object instances\n     */\n    init: function (container, defaultValue) {\n        var $searchContainer = $(container);\n        var $searchForm = $searchContainer.find('form[name=\"simpleSearch\"]');\n        var $searchField = $searchForm.find('input[name=\"q\"]');\n\n        // disable browser auto complete\n        $searchField.attr('autocomplete', 'off');\n\n        // on focus listener (clear default value)\n        $searchField.focus(function () {\n            if (!$resultsContainer) {\n                // create results container if needed\n                $resultsContainer = $('<div/>').attr('id', 'search-suggestions').appendTo($searchContainer);\n            }\n            if ($searchField.val() === defaultValue) {\n                $searchField.val('');\n            }\n        });\n\n        $(document).on('click', function (e) {\n            if (!$searchContainer.is(e.target)) {\n                setTimeout(this.clearResults, 200);\n            }\n        }.bind(this));\n        // on key up listener\n        $searchField.keyup(function (e) {\n\n            // get keyCode (window.event is for IE)\n            var keyCode = e.keyCode || window.event.keyCode;\n\n            // check and treat up and down arrows\n            if (handleArrowKeys(keyCode)) {\n                return;\n            }\n            // check for an ENTER or ESC\n            if (keyCode === 13 || keyCode === 27) {\n                this.clearResults();\n                return;\n            }\n\n            currentQuery = $searchField.val().trim();\n\n            // no query currently running, init an update\n            if (!runningQuery) {\n                runningQuery = currentQuery;\n                setTimeout(this.suggest.bind(this), delay);\n            }\n        }.bind(this));\n    },\n\n    /**\n     * @function\n     * @description trigger suggest action\n     */\n    suggest: function () {\n        // check whether query to execute (runningQuery) is still up to date and had not changed in the meanwhile\n        // (we had a little delay)\n        if (runningQuery !== currentQuery) {\n            // update running query to the most recent search phrase\n            runningQuery = currentQuery;\n        }\n\n        // if it's empty clear the results box and return\n        if (runningQuery.length === 0) {\n            this.clearResults();\n            runningQuery = null;\n            return;\n        }\n\n        // if the current search phrase is the same as for the last suggestion call, just return\n        if (lastQuery === runningQuery) {\n            runningQuery = null;\n            return;\n        }\n\n        // build the request url\n        var reqUrl = util.appendParamToURL(Urls.searchsuggest, 'q', runningQuery);\n\n        // execute server call\n        $.get(reqUrl, function (data) {\n            var suggestionHTML = data,\n                ansLength = suggestionHTML.trim().length;\n\n            // if there are results populate the results div\n            if (ansLength === 0) {\n                this.clearResults();\n            } else {\n                // update the results div\n                $resultsContainer.html(suggestionHTML).fadeIn(200);\n            }\n\n            // record the query that has been executed\n            lastQuery = runningQuery;\n            // reset currently running query\n            runningQuery = null;\n\n            // check for another required update (if current search phrase is different from just executed call)\n            if (currentQuery !== lastQuery) {\n                // ... and execute immediately if search has changed while this server call was in transit\n                runningQuery = currentQuery;\n                setTimeout(this.suggest.bind(this), delay);\n            }\n            this.hideLeftPanel();\n        }.bind(this));\n    },\n    /**\n     * @function\n     * @description\n     */\n    clearResults: function () {\n        if (!$resultsContainer) { return; }\n        $resultsContainer.fadeOut(200, function () {$resultsContainer.empty();});\n    },\n    /**\n     * @function\n     * @description\n     */\n    hideLeftPanel: function () {\n        //hide left panel if there is only a matching suggested custom phrase\n        if ($('.search-suggestion-left-panel-hit').length === 1 && $('.search-phrase-suggestion a').text().replace(/(^[\\s]+|[\\s]+$)/g, '').toUpperCase() === $('.search-suggestion-left-panel-hit a').text().toUpperCase()) {\n            $('.search-suggestion-left-panel').css('display', 'none');\n            $('.search-suggestion-wrapper-full').addClass('search-suggestion-wrapper');\n            $('.search-suggestion-wrapper').removeClass('search-suggestion-wrapper-full');\n        }\n    }\n};\n\nmodule.exports = searchsuggest;\n\n},{\"./util\":53}],47:[function(require,module,exports){\n'use strict';\n\nvar inventory = require('./');\n\nvar cartInventory = {\n    setSelectedStore: function (storeId) {\n        var $selectedStore = $('.store-tile.' + storeId),\n            $lineItem = $('.cart-row[data-uuid=\"' + this.uuid + '\"]'),\n            storeAddress = $selectedStore.find('.store-address').html(),\n            storeStatus = $selectedStore.find('.store-status').data('status'),\n            storeStatusText = $selectedStore.find('.store-status').text();\n        this.selectedStore = storeId;\n\n        $lineItem.find('.instore-delivery .selected-store-address')\n            .data('storeId', storeId)\n            .attr('data-store-id', storeId)\n            .html(storeAddress);\n        $lineItem.find('.instore-delivery .selected-store-availability')\n            .data('status', storeStatus)\n            .attr('data-status', storeStatus)\n            .text(storeStatusText);\n        $lineItem.find('.instore-delivery .delivery-option').removeAttr('disabled').trigger('click');\n    },\n    cartSelectStore: function (selectedStore) {\n        var self = this;\n        inventory.getStoresInventory(this.uuid).then(function (stores) {\n            inventory.selectStoreDialog({\n                stores: stores,\n                selectedStoreId: selectedStore,\n                selectedStoreText: Resources.SELECTED_STORE,\n                continueCallback: function () {},\n                selectStoreCallback: self.setSelectedStore.bind(self)\n            });\n        }).done();\n    },\n    setDeliveryOption: function (value, storeId) {\n        // set loading state\n        $('.item-delivery-options')\n            .addClass('loading')\n            .children().hide();\n\n        var data = {\n            plid: this.uuid,\n            storepickup: (value === 'store' ? true : false)\n        };\n        if (value === 'store') {\n            data.storepickup = true;\n            data.storeid = storeId;\n        } else {\n            data.storepickup = false;\n        }\n        $.ajax({\n            url: Urls.setStorePickup,\n            data: data,\n            success: function () {\n                // remove loading state\n                $('.item-delivery-options')\n                    .removeClass('loading')\n                    .children().show();\n            }\n        });\n    },\n    init: function () {\n        var self = this;\n        $('.item-delivery-options .set-preferred-store').on('click', function (e) {\n            e.preventDefault();\n            self.uuid = $(this).data('uuid');\n            var selectedStore = $(this).closest('.instore-delivery').find('.selected-store-address').data('storeId');\n            if (!User.zip) {\n                inventory.zipPrompt(function () {\n                    self.cartSelectStore(selectedStore);\n                });\n            } else {\n                self.cartSelectStore(selectedStore);\n            }\n        });\n        $('.item-delivery-options .delivery-option').on('click', function () {\n            // reset the uuid\n            var selectedStore = $(this).closest('.instore-delivery').find('.selected-store-address').data('storeId');\n            self.uuid = $(this).closest('.cart-row').data('uuid');\n            self.setDeliveryOption($(this).val(), selectedStore);\n        });\n    }\n};\n\nmodule.exports = cartInventory;\n\n},{\"./\":48}],48:[function(require,module,exports){\n'use strict';\n\nvar _ = require('lodash'),\n    dialog = require('../dialog'),\n    TPromise = require('promise'),\n    util = require('../util');\n\nvar newLine = '\\n';\nvar storeTemplate = function (store, selectedStoreId, selectedStoreText) {\n    return [\n        '<li class=\"store-tile ' + store.storeId + (store.storeId === selectedStoreId ? ' selected' : '') + '\">',\n        '    <p class=\"store-address\">',\n        '        ' + store.address1 + '<br/>',\n        '        ' + store.city + ', ' + store.stateCode + ' ' + store.postalCode,\n        '    </p>',\n        '    <p class=\"store-status\" data-status=\"' + store.statusclass + '\">' + store.status + '</p>',\n        '    <button class=\"select-store-button\" data-store-id=\"' + store.storeId + '\"' +\n        (store.statusclass !== 'store-in-stock' ? 'disabled=\"disabled\"' : '') + '>',\n        '        ' + (store.storeId === selectedStoreId ? selectedStoreText : Resources.SELECT_STORE),\n        '    </button>',\n        '</li>'\n    ].join(newLine);\n};\n\nvar storeListTemplate = function (stores, selectedStoreId, selectedStoreText) {\n    if (stores && stores.length) {\n        return [\n            '<div class=\"store-list-container\">',\n            '<ul class=\"store-list\">',\n            _.map(stores, function (store) {\n                return storeTemplate(store, selectedStoreId, selectedStoreText);\n            }).join(newLine),\n            '</ul>',\n            '</div>',\n            '<div class=\"store-list-pagination\">',\n            '</div>'\n        ].join(newLine);\n    } else {\n        return '<div class=\"no-results\">' + Resources.INVALID_ZIP + '</div>';\n    }\n};\n\nvar zipPromptTemplate = function () {\n    return [\n        '<div id=\"preferred-store-panel\">',\n        '    <input type=\"text\" id=\"user-zip\" placeholder=\"' + Resources.ENTER_ZIP + '\" name=\"zipCode\"/>',\n        '</div>'\n    ].join(newLine);\n};\n\n/**\n * @description test whether zipcode is valid for either US or Canada\n * @return {Boolean} true if the zipcode is valid for either country, false if it's invalid for both\n **/\nvar validateZipCode = function (zipCode) {\n    var regexes = {\n            canada: /^[ABCEGHJKLMNPRSTVXY]\\d[ABCEGHJKLMNPRSTVWXYZ]( )?\\d[ABCEGHJKLMNPRSTVWXYZ]\\d$/i,\n            usa: /^\\d{5}(-\\d{4})?$/\n        },\n        valid = false;\n    if (!zipCode) { return; }\n    _.each(regexes, function (re) {\n        var regexp = new RegExp(re);\n        valid = regexp.test(zipCode);\n    });\n    return valid;\n};\n\nvar storeinventory = {\n    zipPrompt: function (callback) {\n        var self = this;\n        dialog.open({\n            html: zipPromptTemplate(),\n            options: {\n                title: Resources.STORE_NEAR_YOU,\n                width: 500,\n                buttons: [{\n                    text: Resources.SEARCH,\n                    click: function () {\n                        var zipCode = $('#user-zip').val();\n                        if (validateZipCode(zipCode)) {\n                            self.setUserZip(zipCode);\n                            if (callback) {\n                                callback(zipCode);\n                            }\n                        }\n                    }\n                }],\n                open: function () {\n                    $('#user-zip').on('keypress', function (e) {\n                        if (e.which === 13) {\n                            // trigger the search button\n                            $('.ui-dialog-buttonset .ui-button').trigger('click');\n                        }\n                    });\n                }\n            }\n        });\n    },\n    getStoresInventory: function (pid) {\n        return TPromise.resolve($.ajax({\n            url: util.appendParamsToUrl(Urls.storesInventory, {\n                pid: pid,\n                zipCode: User.zip\n            }),\n            dataType: 'json'\n        }));\n    },\n    /**\n     * @description open the dialog to select store\n     * @param {Array} options.stores\n     * @param {String} options.selectedStoreId\n     * @param {String} options.selectedStoreText\n     * @param {Function} options.continueCallback\n     * @param {Function} options.selectStoreCallback\n     **/\n    selectStoreDialog: function (options) {\n        var self = this,\n            stores = options.stores,\n            selectedStoreId = options.selectedStoreId,\n            selectedStoreText = options.selectedStoreText,\n            storeList = storeListTemplate(stores, selectedStoreId, selectedStoreText);\n        dialog.open({\n            html: storeList,\n            options: {\n                title: Resources.SELECT_STORE + ' - ' + User.zip,\n                buttons: [{\n                    text: Resources.CHANGE_LOCATION,\n                    click: function () {\n                        self.setUserZip(null);\n                        // trigger the event to start the process all over again\n                        $('.set-preferred-store').trigger('click');\n                    }.bind(this)\n                }, {\n                    text: Resources.CONTINUE,\n                    click: function () {\n                        if (options.continueCallback) {\n                            options.continueCallback(stores);\n                        }\n                        dialog.close();\n                    }\n                }],\n                open: function () {\n                    $('.select-store-button').on('click', function (e) {\n                        e.preventDefault();\n                        var storeId = $(this).data('storeId');\n                        // if the store is already selected, don't select again\n                        if (storeId === selectedStoreId) { return; }\n                        $('.store-list .store-tile.selected').removeClass('selected')\n                            .find('.select-store-button').text(Resources.SELECT_STORE);\n                        $(this).text(selectedStoreText)\n                            .closest('.store-tile').addClass('selected');\n                        if (options.selectStoreCallback) {\n                            options.selectStoreCallback(storeId);\n                        }\n                    });\n                }\n            }\n        });\n    },\n    setUserZip: function (zip) {\n        User.zip = zip;\n        $.ajax({\n            type: 'POST',\n            url: Urls.setZipCode,\n            data: {\n                zipCode: zip\n            }\n        });\n    },\n    shippingLoad: function () {\n        var $checkoutForm = $('.address');\n        $checkoutForm.off('click');\n        $checkoutForm.on('click', 'input[name$=\"_shippingAddress_isGift\"]', function () {\n            $(this).parent().siblings('.gift-message-text').toggleClass('hidden', $('input[name$=\"_shippingAddress_isGift\"]:checked').val());\n        });\n    }\n};\n\nmodule.exports = storeinventory;\n\n},{\"../dialog\":12,\"../util\":53,\"lodash\":68,\"promise\":70}],49:[function(require,module,exports){\n'use strict';\n\nvar _ = require('lodash'),\n    inventory = require('./');\n\nvar newLine = '\\n';\nvar pdpStoreTemplate = function (store) {\n    return [\n        '<li class=\"store-list-item ' + (store.storeId === User.storeId ? ' selected' : '') + '\">',\n        '    <div class=\"store-address\">' + store.address1 + ', ' + store.city + ' ' + store.stateCode +\n        ' ' + store.postalCode + '</div>',\n        '    <div class=\"store-status\" data-status=\"' + store.statusclass + '\">' + store.status + '</div>',\n        '</li>'\n    ].join(newLine);\n};\nvar pdpStoresListingTemplate = function (stores) {\n    if (stores && stores.length) {\n        return [\n            '<div class=\"store-list-pdp-container\">',\n            (stores.length > 1 ? '    <a class=\"stores-toggle collapsed\" href=\"#\">' + Resources.SEE_MORE + '</a>' : ''),\n            '    <ul class=\"store-list-pdp\">',\n            _.map(stores, pdpStoreTemplate).join(newLine),\n            '    </ul>',\n            '</div>'\n        ].join(newLine);\n    }\n};\n\nvar storesListing = function (stores) {\n    // list all stores on PDP page\n    if ($('.store-list-pdp-container').length) {\n        $('.store-list-pdp-container').remove();\n    }\n    $('.availability-results').append(pdpStoresListingTemplate(stores));\n};\n\nvar productInventory = {\n    setPreferredStore: function (storeId) {\n        User.storeId = storeId;\n        $.ajax({\n            url: Urls.setPreferredStore,\n            type: 'POST',\n            data: {storeId: storeId}\n        });\n    },\n    productSelectStore: function () {\n        var self = this;\n        inventory.getStoresInventory(this.pid).then(function (stores) {\n            inventory.selectStoreDialog({\n                stores: stores,\n                selectedStoreId: User.storeId,\n                selectedStoreText: Resources.PREFERRED_STORE,\n                continueCallback: storesListing,\n                selectStoreCallback: self.setPreferredStore\n            });\n        }).done();\n    },\n    init: function () {\n        var $availabilityContainer = $('.availability-results'),\n            self = this;\n        this.pid = $('input[name=\"pid\"]').val();\n\n        $('#product-content .set-preferred-store').on('click', function (e) {\n            e.preventDefault();\n            if (!User.zip) {\n                inventory.zipPrompt(function () {\n                    self.productSelectStore();\n                });\n            } else {\n                self.productSelectStore();\n            }\n        });\n\n        if ($availabilityContainer.length) {\n            if (User.storeId) {\n                inventory.getStoresInventory(this.pid).then(storesListing);\n            }\n\n            // See more or less stores in the listing\n            $availabilityContainer.on('click', '.stores-toggle', function (e) {\n                e.preventDefault();\n                $('.store-list-pdp .store-list-item').toggleClass('visible');\n                if ($(this).hasClass('collapsed')) {\n                    $(this).text(Resources.SEE_LESS);\n                } else {\n                    $(this).text(Resources.SEE_MORE);\n                }\n                $(this).toggleClass('collapsed');\n            });\n        }\n    }\n};\n\nmodule.exports = productInventory;\n\n},{\"./\":48,\"lodash\":68}],50:[function(require,module,exports){\n// This script is executed only on the checkout summary page\nif((window.location.pathname.includes('COBilling-Billing') || window.location.pathname.includes('Adyen-ShowConfirmation')) && window.isAdyenPayment) {\n\n  async function handleAction(action) {\n    window.Configuration.onAdditionalDetails = onAdditionalDetails;\n    const checkout = await AdyenCheckout(window.Configuration);\n    const actionContainer = document.getElementById('action-container');\n    checkout.createFromAction(action).mount(actionContainer);\n  }\n\n  // onAdditionalDetails event handler to be included in Adyen Component configuration\n  var onAdditionalDetails = function (state) {\n    $.ajax({\n      type: 'POST',\n      url: 'Adyen-PaymentsDetails',\n      data: JSON.stringify({\n        data: state.data,\n        orderToken: window.orderToken,\n      }),\n      contentType: 'application/json; charset=utf-8',\n      async: false,\n      success: function (data) {\n        if (!data.response.isFinal && typeof data.response.action === 'object') {\n          handleAction(data.action);\n        } else {\n          window.location.href = data.response.redirectUrl;\n        }\n      },\n    });\n  }\n\n  // serializes form data and submits to place order. Then proceeds to handle the result\n  function placeOrder(formId) {\n    const form = $('#' + formId);\n    $.ajax({\n      method:'POST',\n      url: window.summarySubmitUrl,\n      data: $(form).serialize(),\n      success: function(data) {\n        if (data.action) {\n          window.orderToken = data.orderToken;\n          document.getElementById('action-modal-SG').style.display = \"block\";\n          handleAction(data.action);\n        } else {\n          window.location.href = data.continueUrl;\n        }\n      },\n      error: function(err) {\n      }\n    });\n  }\n\n  window.addEventListener( \"load\", function () {\n    // Override default submit form behavior\n    const formId = 'submit-order-form';\n    const form = document.getElementById(formId);\n    form.addEventListener( \"submit\", function ( event ) {\n      event.preventDefault();\n      placeOrder(formId);\n    } );\n  });\n}\n},{}],51:[function(require,module,exports){\n'use strict';\n\n/**\n * Checks the TLS and displays a warning if appropriate\n * @function getUserAgent Checks the TLS and displays a warning if appropriate\n **/\nfunction getUserAgent() {\n    // Use an external service to check the TLS of the browser\n    // NOTE: this implementation uses https://www.howsmyssl.com\n    //     you may also wish to consider the API available at https://www.ssllabs.com/projects/ssllabs-apis/index.html\n    var url = 'https://www.howsmyssl.com/a/check';\n    var cookieName = 'dw_TLSWarning';\n    var cookieValue = getCookie(cookieName);\n\n    // Test to see if this browser has already been flagged by looking at its cookies\n    if (!cookieValue) {\n        getTLS(url, function (message) {\n            if (message.length > 0) {\n                showWarning(message[0]);\n\n                // the browser is bad - set the cookie to true (for 15 minutes)\n                setCookie(cookieName, 'true', 15);\n            } else {\n                // else the browser is good, set the cookie to false (for 30 days) so we don't check again\n                setCookie(cookieName, 'false', 60 * 24 * 30);\n            }\n        });\n    } else if (cookieValue === 'true') {\n        // if we already know that this is an invalid browser, show the warning\n        showWarning(Resources.TLS_WARNING);\n    }\n}\n\n/**\n * Calls out to the TLS service and calls the callback with a message (if necessary)\n * @function getTLS\n *\n * @param {string} url - URL of external TLS-checking API\n * @param {function} callback - function to call with response\n **/\nfunction getTLS(url, callback) {\n    var message = [];\n\n    // First, see if the browser is among the suspect browsers to see if a TLS check is necessary\n    var userAgent = navigator.userAgent;\n\n    /** This list derived from https://www.ssllabs.com/ssltest/clients.html **/\n    var badBrowsers = ['MSIE 6.0','MSIE 7.0','MSIE 8.0','MSIE 9.0','MSIE 10.0',\n                       'Android 2.3.7', 'Android 4.0.4', 'Android 4.1.1', 'Android 4.2.2', 'Android 4.3',\n                       'Safari 5.1.9 / OS X 10.6.8', 'Safari 6.0.4 / OS X 10.8.4 '];\n    function checkTLSLevel(data) {\n        // If we can determine the TLS level, check to see if it's less than 1.2\n        if (parseFloat(data.tls_version.split(' ')[1]) < 1.1) {\n            message.push(Resources.TLS_WARNING);\n            callback(message);\n\n            //If you want to track statistics on bad TLS hits, include this call\n            $.ajax({url: Urls.TLSBadTLS});\n        }\n    }\n\n    function reportBadBrowser () {\n        // If the TLS level cannot be determined just report that this browser is suspect\n        message.push(Resources.TLS_WARNING);\n        callback(message);\n\n        //If you want to track statistics on deprecated browsers, include this call\n        $.ajax({url: Urls.TLSBadBrowser});\n    }\n\n    for (var i = 0; i < badBrowsers.length; i++) {\n        if (userAgent.match(badBrowsers[i])) {\n            // It's a suspect browser, let's see what it's TLS level is\n            $.ajax({\n                url: url\n            }).done(checkTLSLevel).fail(reportBadBrowser);\n            break;\n        }\n    }\n\n    /** For testing purposes, uncomment this block\n        message.push(Resources.TLS_WARNING);\n    **/\n    callback(message);\n}\n\n/**\n * @function showWarning turns on the browser-compatibility-alert and sets the message\n *\n * @param {string} message - the message that will be shown upon detection of a bad browser\n **/\nfunction showWarning(message) {\n    $('<div/>').addClass('browser-compatibility-alert').append($('<p/>').addClass('browser-error').html(message)).appendTo('#browser-check');\n}\n\n/**\n * @function getCookie\n *\n * @param {string} key - The cookie name\n * @returns {string} value - the value of the cookie if found, null otherwise\n **/\nfunction getCookie(key) {\n    var cookies = document.cookie.split(';');\n    for (var i = 0; i < cookies.length; i++) {\n        var tokens = cookies[i].split('=');\n        var cookieKey = tokens[0].trim();\n        if (cookieKey === key) {\n            return tokens[1];\n        }\n    }\n    return '';\n}\n\n/**\n * @function setCookie\n *\n * @param {string} key - The cookie name\n * @param {string} value - The cookie value\n * @param {integer} minutes - The number of minutes to expire the cookie\n **/\nfunction setCookie (key, value, minutes) {\n    var date = new Date();\n    date.setTime(date + (minutes * 60 * 1000));\n\n    document.cookie = key + '=' + value + '; expires=' + date.toGMTString() + '; path=/';\n}\n\n/**\n * Export the getUserAgent function\n */\n\nexports.getUserAgent = getUserAgent;\n\n},{}],52:[function(require,module,exports){\n'use strict';\n\n/**\n * @function\n * @description Initializes the tooltip-content and layout\n */\nexports.init = function () {\n    $(document).tooltip({\n        items: '.tooltip',\n        track: true,\n        content: function () {\n            return $(this).find('.tooltip-content').html();\n        }\n    });\n\n    $('.share-link').on('click', function (e) {\n        e.preventDefault();\n        var target = $(this).data('target');\n        if (!target) {\n            return;\n        }\n        $(target).toggleClass('active');\n    });\n};\n\n},{}],53:[function(require,module,exports){\n'use strict';\n\nvar _ = require('lodash');\n\nvar util = {\n    /**\n     * @function\n     * @description appends the parameter with the given name and value to the given url and returns the changed url\n     * @param {String} url the url to which the parameter will be added\n     * @param {String} name the name of the parameter\n     * @param {String} value the value of the parameter\n     */\n    appendParamToURL: function (url, name, value) {\n        // quit if the param already exists\n        if (url.indexOf(name + '=') !== -1) {\n            return url;\n        }\n        var separator = url.indexOf('?') !== -1 ? '&' : '?';\n        return url + separator + name + '=' + encodeURIComponent(value);\n    },\n\n    /**\n     * @function\n     * @description remove the parameter and its value from the given url and returns the changed url\n     * @param {String} url the url from which the parameter will be removed\n     * @param {String} name the name of parameter that will be removed from url\n     */\n    removeParamFromURL: function (url, name) {\n        if (url.indexOf('?') === -1 || url.indexOf(name + '=') === -1) {\n            return url;\n        }\n        var hash;\n        var params;\n        var domain = url.split('?')[0];\n        var paramUrl = url.split('?')[1];\n        var newParams = [];\n        // if there is a hash at the end, store the hash\n        if (paramUrl.indexOf('#') > -1) {\n            hash = paramUrl.split('#')[1] || '';\n            paramUrl = paramUrl.split('#')[0];\n        }\n        params = paramUrl.split('&');\n        for (var i = 0; i < params.length; i++) {\n            // put back param to newParams array if it is not the one to be removed\n            if (params[i].split('=')[0] !== name) {\n                newParams.push(params[i]);\n            }\n        }\n        return domain + '?' + newParams.join('&') + (hash ? '#' + hash : '');\n    },\n\n    /**\n     * @function\n     * @description appends the parameters to the given url and returns the changed url\n     * @param {String} url the url to which the parameters will be added\n     * @param {Object} params\n     */\n    appendParamsToUrl: function (url, params) {\n        var _url = url;\n        _.each(params, function (value, name) {\n            _url = this.appendParamToURL(_url, name, value);\n        }.bind(this));\n        return _url;\n    },\n    /**\n     * @function\n     * @description extract the query string from URL\n     * @param {String} url the url to extra query string from\n     **/\n    getQueryString: function (url) {\n        var qs;\n        if (!_.isString(url)) { return; }\n        var a = document.createElement('a');\n        a.href = url;\n        if (a.search) {\n            qs = a.search.substr(1); // remove the leading ?\n        }\n        return qs;\n    },\n    /**\n     * @function\n     * @description\n     * @param {String}\n     * @param {String}\n     */\n    elementInViewport: function (el, offsetToTop) {\n        var top = el.offsetTop,\n            left = el.offsetLeft,\n            width = el.offsetWidth,\n            height = el.offsetHeight;\n\n        while (el.offsetParent) {\n            el = el.offsetParent;\n            top += el.offsetTop;\n            left += el.offsetLeft;\n        }\n\n        if (typeof(offsetToTop) !== 'undefined') {\n            top -= offsetToTop;\n        }\n\n        if (window.pageXOffset !== null) {\n            return (\n                top < (window.pageYOffset + window.innerHeight) &&\n                left < (window.pageXOffset + window.innerWidth) &&\n                (top + height) > window.pageYOffset &&\n                (left + width) > window.pageXOffset\n            );\n        }\n\n        if (document.compatMode === 'CSS1Compat') {\n            return (\n                top < (window.document.documentElement.scrollTop + window.document.documentElement.clientHeight) &&\n                left < (window.document.documentElement.scrollLeft + window.document.documentElement.clientWidth) &&\n                (top + height) > window.document.documentElement.scrollTop &&\n                (left + width) > window.document.documentElement.scrollLeft\n            );\n        }\n    },\n\n    /**\n     * @function\n     * @description Appends the parameter 'format=ajax' to a given path\n     * @param {String} path the relative path\n     */\n    ajaxUrl: function (path) {\n        return this.appendParamToURL(path, 'format', 'ajax');\n    },\n\n    /**\n     * @function\n     * @description\n     * @param {String} url\n     */\n    toAbsoluteUrl: function (url) {\n        if (url.indexOf('http') !== 0 && url.charAt(0) !== '/') {\n            url = '/' + url;\n        }\n        return url;\n    },\n    /**\n     * @function\n     * @description Loads css dynamically from given urls\n     * @param {Array} urls Array of urls from which css will be dynamically loaded.\n     */\n    loadDynamicCss: function (urls) {\n        var i, len = urls.length;\n        for (i = 0; i < len; i++) {\n            this.loadedCssFiles.push(this.loadCssFile(urls[i]));\n        }\n    },\n\n    /**\n     * @function\n     * @description Loads css file dynamically from given url\n     * @param {String} url The url from which css file will be dynamically loaded.\n     */\n    loadCssFile: function (url) {\n        return $('<link/>').appendTo($('head')).attr({\n            type: 'text/css',\n            rel: 'stylesheet'\n        }).attr('href', url); // for i.e. <9, href must be added after link has been appended to head\n    },\n    // array to keep track of the dynamically loaded CSS files\n    loadedCssFiles: [],\n\n    /**\n     * @function\n     * @description Removes all css files which were dynamically loaded\n     */\n    clearDynamicCss: function () {\n        var i = this.loadedCssFiles.length;\n        while (0 > i--) {\n            $(this.loadedCssFiles[i]).remove();\n        }\n        this.loadedCssFiles = [];\n    },\n    /**\n     * @function\n     * @description Extracts all parameters from a given query string into an object\n     * @param {String} qs The query string from which the parameters will be extracted\n     */\n    getQueryStringParams: function (qs) {\n        if (!qs || qs.length === 0) { return {}; }\n        var params = {},\n            unescapedQS = decodeURIComponent(qs);\n        // Use the String::replace method to iterate over each\n        // name-value pair in the string.\n        unescapedQS.replace(new RegExp('([^?=&]+)(=([^&]*))?', 'g'),\n            function ($0, $1, $2, $3) {\n                params[$1] = $3;\n            }\n        );\n        return params;\n    },\n\n    fillAddressFields: function (address, $form) {\n        for (var field in address) {\n            if (field === 'ID' || field === 'UUID' || field === 'key') {\n                continue;\n            }\n            // if the key in address object ends with 'Code', remove that suffix\n            // keys that ends with 'Code' are postalCode, stateCode and countryCode\n            $form.find('[name$=\"' + field.replace('Code', '') + '\"]').val(address[field]);\n            // update the state fields\n            if (field === 'countryCode') {\n                $form.find('[name$=\"country\"]').trigger('change');\n                // retrigger state selection after country has changed\n                // this results in duplication of the state code, but is a necessary evil\n                // for now because sometimes countryCode comes after stateCode\n                $form.find('[name$=\"state\"]').val(address.stateCode);\n            }\n        }\n    },\n    /**\n     * @function\n     * @description Updates the number of the remaining character\n     * based on the character limit in a text area\n     */\n    limitCharacters: function () {\n        $('form').find('textarea[data-character-limit]').each(function () {\n            var characterLimit = $(this).data('character-limit');\n            var charCountHtml = String.format(Resources.CHAR_LIMIT_MSG,\n                '<span class=\"char-remain-count\">' + characterLimit + '</span>',\n                '<span class=\"char-allowed-count\">' + characterLimit + '</span>');\n            var charCountContainer = $(this).next('div.char-count');\n            if (charCountContainer.length === 0) {\n                charCountContainer = $('<div class=\"char-count\"/>').insertAfter($(this));\n            }\n            charCountContainer.html(charCountHtml);\n            // trigger the keydown event so that any existing character data is calculated\n            $(this).change();\n        });\n    },\n    /**\n     * @function\n     * @description Binds the onclick-event to a delete button on a given container,\n     * which opens a confirmation box with a given message\n     * @param {String} container The name of element to which the function will be bind\n     * @param {String} message The message the will be shown upon a click\n     */\n    setDeleteConfirmation: function (container, message) {\n        $(container).on('click', '.delete', function () {\n            return window.confirm(message);\n        });\n    },\n    /**\n     * @function\n     * @description Scrolls a browser window to a given x point\n     * @param {String} The x coordinate\n     */\n    scrollBrowser: function (xLocation) {\n        $('html, body').animate({scrollTop: xLocation}, 500);\n    },\n\n    isMobile: function () {\n        var mobileAgentHash = ['mobile', 'tablet', 'phone', 'ipad', 'ipod', 'android', 'blackberry', 'windows ce', 'opera mini', 'palm'];\n        var    idx = 0;\n        var isMobile = false;\n        var userAgent = (navigator.userAgent).toLowerCase();\n\n        while (mobileAgentHash[idx] && !isMobile) {\n            isMobile = (userAgent.indexOf(mobileAgentHash[idx]) >= 0);\n            idx++;\n        }\n        return isMobile;\n    }\n};\n\nmodule.exports = util;\n\n},{\"lodash\":68}],54:[function(require,module,exports){\n'use strict';\n\nvar naPhone = /^\\(?([2-9][0-8][0-9])\\)?[\\-\\. ]?([2-9][0-9]{2})[\\-\\. ]?([0-9]{4})(\\s*x[0-9]+)?$/;\nvar regex = {\n    phone: {\n        us: naPhone,\n        ca: naPhone,\n        fr: /^0[1-6]{1}(([0-9]{2}){4})|((\\s[0-9]{2}){4})|((-[0-9]{2}){4})$/,\n        it: /^(([0-9]{2,4})([-\\s\\/]{0,1})([0-9]{4,8}))?$/,\n        jp: /^(0\\d{1,4}- ?)?\\d{1,4}-\\d{4}$/,\n        cn: /.*/,\n        gb: /^((\\(?0\\d{4}\\)?\\s?\\d{3}\\s?\\d{3})|(\\(?0\\d{3}\\)?\\s?\\d{3}\\s?\\d{4})|(\\(?0\\d{2}\\)?\\s?\\d{4}\\s?\\d{4}))(\\s?\\#(\\d{4}|\\d{3}))?$/\n    },\n    postal: {\n        us: /^\\d{5}(-\\d{4})?$/,\n        ca: /^[ABCEGHJKLMNPRSTVXY]{1}\\d{1}[A-Z]{1} *\\d{1}[A-Z]{1}\\d{1}$/,\n        fr: /^(F-)?((2[A|B])|[0-9]{2})[0-9]{3}$/,\n        it: /^([0-9]){5}$/,\n        jp: /^([0-9]){3}[-]([0-9]){4}$/,\n        cn: /^([0-9]){6}$/,\n        gb: /^([A-PR-UWYZ0-9][A-HK-Y0-9][AEHMNPRTVXY0-9]?[ABEHMNPRVWXY0-9]? {1,2}[0-9][ABD-HJLN-UW-Z]{2}|GIR 0AA)$/\n    },\n    notCC: /^(?!(([0-9 -]){13,19})).*$/\n};\n// global form validator settings\nvar settings = {\n    errorClass: 'error',\n    errorElement: 'span',\n    onkeyup: false,\n    onfocusout: function (element) {\n        if (!this.checkable(element)) {\n            this.element(element);\n        }\n    }\n};\n/**\n * @function\n * @description Validates a given phone number against the countries phone regex\n * @param {String} value The phone number which will be validated\n * @param {String} el The input field\n */\nvar validatePhone = function (value, el) {\n    var country = $(el).closest('form').find('.country');\n    if (country.length === 0 || country.val().length === 0 || !regex.phone[country.val().toLowerCase()]) {\n        return true;\n    }\n\n    var rgx = regex.phone[country.val().toLowerCase()];\n    var isOptional = this.optional(el);\n    var isValid = rgx.test($.trim(value));\n\n    return isOptional || isValid;\n};\n\n/**\n * @function\n * @description Validates that a credit card owner is not a Credit card number\n * @param {String} value The owner field which will be validated\n * @param {String} el The input field\n */\nvar validateOwner = function (value) {\n    var isValid = regex.notCC.test($.trim(value));\n    return isValid;\n};\n\n/**\n * Add phone validation method to jQuery validation plugin.\n * Text fields must have 'phone' css class to be validated as phone\n */\n$.validator.addMethod('phone', validatePhone, Resources.INVALID_PHONE);\n\n/**\n * Add CCOwner validation method to jQuery validation plugin.\n * Text fields must have 'owner' css class to be validated as not a credit card\n */\n$.validator.addMethod('owner', validateOwner, Resources.INVALID_OWNER);\n\n/**\n * Add gift cert amount validation method to jQuery validation plugin.\n * Text fields must have 'gift-cert-amont' css class to be validated\n */\n$.validator.addMethod('gift-cert-amount', function (value, el) {\n    var isOptional = this.optional(el);\n    var isValid = (!isNaN(value)) && (parseFloat(value) >= 5) && (parseFloat(value) <= 5000);\n    return isOptional || isValid;\n}, Resources.GIFT_CERT_AMOUNT_INVALID);\n\n/**\n * Add positive number validation method to jQuery validation plugin.\n * Text fields must have 'positivenumber' css class to be validated as positivenumber\n */\n$.validator.addMethod('positivenumber', function (value) {\n    if ($.trim(value).length === 0) { return true; }\n    return (!isNaN(value) && Number(value) >= 0);\n}, ''); // '' should be replaced with error message if needed\n\n$.extend($.validator.messages, {\n    required: Resources.VALIDATE_REQUIRED,\n    remote: Resources.VALIDATE_REMOTE,\n    email: Resources.VALIDATE_EMAIL,\n    url: Resources.VALIDATE_URL,\n    date: Resources.VALIDATE_DATE,\n    dateISO: Resources.VALIDATE_DATEISO,\n    number: Resources.VALIDATE_NUMBER,\n    digits: Resources.VALIDATE_DIGITS,\n    creditcard: Resources.VALIDATE_CREDITCARD,\n    equalTo: Resources.VALIDATE_EQUALTO,\n    maxlength: $.validator.format(Resources.VALIDATE_MAXLENGTH),\n    minlength: $.validator.format(Resources.VALIDATE_MINLENGTH),\n    rangelength: $.validator.format(Resources.VALIDATE_RANGELENGTH),\n    range: $.validator.format(Resources.VALIDATE_RANGE),\n    max: $.validator.format(Resources.VALIDATE_MAX),\n    min: $.validator.format(Resources.VALIDATE_MIN)\n});\n\nvar validator = {\n    regex: regex,\n    settings: settings,\n    init: function () {\n        var self = this;\n        $('form:not(.suppress)').each(function () {\n            $(this).validate(self.settings);\n        });\n    },\n    initForm: function (f) {\n        $(f).validate(this.settings);\n    }\n};\n\nmodule.exports = validator;\n\n},{}],55:[function(require,module,exports){\n\"use strict\";\n\n// rawAsap provides everything we need except exception management.\nvar rawAsap = require(\"./raw\");\n// RawTasks are recycled to reduce GC churn.\nvar freeTasks = [];\n// We queue errors to ensure they are thrown in right order (FIFO).\n// Array-as-queue is good enough here, since we are just dealing with exceptions.\nvar pendingErrors = [];\nvar requestErrorThrow = rawAsap.makeRequestCallFromTimer(throwFirstError);\n\nfunction throwFirstError() {\n    if (pendingErrors.length) {\n        throw pendingErrors.shift();\n    }\n}\n\n/**\n * Calls a task as soon as possible after returning, in its own event, with priority\n * over other events like animation, reflow, and repaint. An error thrown from an\n * event will not interrupt, nor even substantially slow down the processing of\n * other events, but will be rather postponed to a lower priority event.\n * @param {{call}} task A callable object, typically a function that takes no\n * arguments.\n */\nmodule.exports = asap;\nfunction asap(task) {\n    var rawTask;\n    if (freeTasks.length) {\n        rawTask = freeTasks.pop();\n    } else {\n        rawTask = new RawTask();\n    }\n    rawTask.task = task;\n    rawAsap(rawTask);\n}\n\n// We wrap tasks with recyclable task objects.  A task object implements\n// `call`, just like a function.\nfunction RawTask() {\n    this.task = null;\n}\n\n// The sole purpose of wrapping the task is to catch the exception and recycle\n// the task object after its single use.\nRawTask.prototype.call = function () {\n    try {\n        this.task.call();\n    } catch (error) {\n        if (asap.onerror) {\n            // This hook exists purely for testing purposes.\n            // Its name will be periodically randomized to break any code that\n            // depends on its existence.\n            asap.onerror(error);\n        } else {\n            // In a web browser, exceptions are not fatal. However, to avoid\n            // slowing down the queue of pending tasks, we rethrow the error in a\n            // lower priority turn.\n            pendingErrors.push(error);\n            requestErrorThrow();\n        }\n    } finally {\n        this.task = null;\n        freeTasks[freeTasks.length] = this;\n    }\n};\n\n},{\"./raw\":56}],56:[function(require,module,exports){\n(function (global){(function (){\n\"use strict\";\n\n// Use the fastest means possible to execute a task in its own turn, with\n// priority over other events including IO, animation, reflow, and redraw\n// events in browsers.\n//\n// An exception thrown by a task will permanently interrupt the processing of\n// subsequent tasks. The higher level `asap` function ensures that if an\n// exception is thrown by a task, that the task queue will continue flushing as\n// soon as possible, but if you use `rawAsap` directly, you are responsible to\n// either ensure that no exceptions are thrown from your task, or to manually\n// call `rawAsap.requestFlush` if an exception is thrown.\nmodule.exports = rawAsap;\nfunction rawAsap(task) {\n    if (!queue.length) {\n        requestFlush();\n        flushing = true;\n    }\n    // Equivalent to push, but avoids a function call.\n    queue[queue.length] = task;\n}\n\nvar queue = [];\n// Once a flush has been requested, no further calls to `requestFlush` are\n// necessary until the next `flush` completes.\nvar flushing = false;\n// `requestFlush` is an implementation-specific method that attempts to kick\n// off a `flush` event as quickly as possible. `flush` will attempt to exhaust\n// the event queue before yielding to the browser's own event loop.\nvar requestFlush;\n// The position of the next task to execute in the task queue. This is\n// preserved between calls to `flush` so that it can be resumed if\n// a task throws an exception.\nvar index = 0;\n// If a task schedules additional tasks recursively, the task queue can grow\n// unbounded. To prevent memory exhaustion, the task queue will periodically\n// truncate already-completed tasks.\nvar capacity = 1024;\n\n// The flush function processes all tasks that have been scheduled with\n// `rawAsap` unless and until one of those tasks throws an exception.\n// If a task throws an exception, `flush` ensures that its state will remain\n// consistent and will resume where it left off when called again.\n// However, `flush` does not make any arrangements to be called again if an\n// exception is thrown.\nfunction flush() {\n    while (index < queue.length) {\n        var currentIndex = index;\n        // Advance the index before calling the task. This ensures that we will\n        // begin flushing on the next task the task throws an error.\n        index = index + 1;\n        queue[currentIndex].call();\n        // Prevent leaking memory for long chains of recursive calls to `asap`.\n        // If we call `asap` within tasks scheduled by `asap`, the queue will\n        // grow, but to avoid an O(n) walk for every task we execute, we don't\n        // shift tasks off the queue after they have been executed.\n        // Instead, we periodically shift 1024 tasks off the queue.\n        if (index > capacity) {\n            // Manually shift all values starting at the index back to the\n            // beginning of the queue.\n            for (var scan = 0, newLength = queue.length - index; scan < newLength; scan++) {\n                queue[scan] = queue[scan + index];\n            }\n            queue.length -= index;\n            index = 0;\n        }\n    }\n    queue.length = 0;\n    index = 0;\n    flushing = false;\n}\n\n// `requestFlush` is implemented using a strategy based on data collected from\n// every available SauceLabs Selenium web driver worker at time of writing.\n// https://docs.google.com/spreadsheets/d/1mG-5UYGup5qxGdEMWkhP6BWCz053NUb2E1QoUTU16uA/edit#gid=783724593\n\n// Safari 6 and 6.1 for desktop, iPad, and iPhone are the only browsers that\n// have WebKitMutationObserver but not un-prefixed MutationObserver.\n// Must use `global` or `self` instead of `window` to work in both frames and web\n// workers. `global` is a provision of Browserify, Mr, Mrs, or Mop.\n\n/* globals self */\nvar scope = typeof global !== \"undefined\" ? global : self;\nvar BrowserMutationObserver = scope.MutationObserver || scope.WebKitMutationObserver;\n\n// MutationObservers are desirable because they have high priority and work\n// reliably everywhere they are implemented.\n// They are implemented in all modern browsers.\n//\n// - Android 4-4.3\n// - Chrome 26-34\n// - Firefox 14-29\n// - Internet Explorer 11\n// - iPad Safari 6-7.1\n// - iPhone Safari 7-7.1\n// - Safari 6-7\nif (typeof BrowserMutationObserver === \"function\") {\n    requestFlush = makeRequestCallFromMutationObserver(flush);\n\n// MessageChannels are desirable because they give direct access to the HTML\n// task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera\n// 11-12, and in web workers in many engines.\n// Although message channels yield to any queued rendering and IO tasks, they\n// would be better than imposing the 4ms delay of timers.\n// However, they do not work reliably in Internet Explorer or Safari.\n\n// Internet Explorer 10 is the only browser that has setImmediate but does\n// not have MutationObservers.\n// Although setImmediate yields to the browser's renderer, it would be\n// preferrable to falling back to setTimeout since it does not have\n// the minimum 4ms penalty.\n// Unfortunately there appears to be a bug in Internet Explorer 10 Mobile (and\n// Desktop to a lesser extent) that renders both setImmediate and\n// MessageChannel useless for the purposes of ASAP.\n// https://github.com/kriskowal/q/issues/396\n\n// Timers are implemented universally.\n// We fall back to timers in workers in most engines, and in foreground\n// contexts in the following browsers.\n// However, note that even this simple case requires nuances to operate in a\n// broad spectrum of browsers.\n//\n// - Firefox 3-13\n// - Internet Explorer 6-9\n// - iPad Safari 4.3\n// - Lynx 2.8.7\n} else {\n    requestFlush = makeRequestCallFromTimer(flush);\n}\n\n// `requestFlush` requests that the high priority event queue be flushed as\n// soon as possible.\n// This is useful to prevent an error thrown in a task from stalling the event\n// queue if the exception handled by Node.js’s\n// `process.on(\"uncaughtException\")` or by a domain.\nrawAsap.requestFlush = requestFlush;\n\n// To request a high priority event, we induce a mutation observer by toggling\n// the text of a text node between \"1\" and \"-1\".\nfunction makeRequestCallFromMutationObserver(callback) {\n    var toggle = 1;\n    var observer = new BrowserMutationObserver(callback);\n    var node = document.createTextNode(\"\");\n    observer.observe(node, {characterData: true});\n    return function requestCall() {\n        toggle = -toggle;\n        node.data = toggle;\n    };\n}\n\n// The message channel technique was discovered by Malte Ubl and was the\n// original foundation for this library.\n// http://www.nonblocking.io/2011/06/windownexttick.html\n\n// Safari 6.0.5 (at least) intermittently fails to create message ports on a\n// page's first load. Thankfully, this version of Safari supports\n// MutationObservers, so we don't need to fall back in that case.\n\n// function makeRequestCallFromMessageChannel(callback) {\n//     var channel = new MessageChannel();\n//     channel.port1.onmessage = callback;\n//     return function requestCall() {\n//         channel.port2.postMessage(0);\n//     };\n// }\n\n// For reasons explained above, we are also unable to use `setImmediate`\n// under any circumstances.\n// Even if we were, there is another bug in Internet Explorer 10.\n// It is not sufficient to assign `setImmediate` to `requestFlush` because\n// `setImmediate` must be called *by name* and therefore must be wrapped in a\n// closure.\n// Never forget.\n\n// function makeRequestCallFromSetImmediate(callback) {\n//     return function requestCall() {\n//         setImmediate(callback);\n//     };\n// }\n\n// Safari 6.0 has a problem where timers will get lost while the user is\n// scrolling. This problem does not impact ASAP because Safari 6.0 supports\n// mutation observers, so that implementation is used instead.\n// However, if we ever elect to use timers in Safari, the prevalent work-around\n// is to add a scroll event listener that calls for a flush.\n\n// `setTimeout` does not call the passed callback if the delay is less than\n// approximately 7 in web workers in Firefox 8 through 18, and sometimes not\n// even then.\n\nfunction makeRequestCallFromTimer(callback) {\n    return function requestCall() {\n        // We dispatch a timeout with a specified delay of 0 for engines that\n        // can reliably accommodate that request. This will usually be snapped\n        // to a 4 milisecond delay, but once we're flushing, there's no delay\n        // between events.\n        var timeoutHandle = setTimeout(handleTimer, 0);\n        // However, since this timer gets frequently dropped in Firefox\n        // workers, we enlist an interval handle that will try to fire\n        // an event 20 times per second until it succeeds.\n        var intervalHandle = setInterval(handleTimer, 50);\n\n        function handleTimer() {\n            // Whichever timer succeeds will cancel both timers and\n            // execute the callback.\n            clearTimeout(timeoutHandle);\n            clearInterval(intervalHandle);\n            callback();\n        }\n    };\n}\n\n// This is for `asap.js` only.\n// Its name will be periodically randomized to break any code that depends on\n// its existence.\nrawAsap.makeRequestCallFromTimer = makeRequestCallFromTimer;\n\n// ASAP was originally a nextTick shim included in Q. This was factored out\n// into this ASAP package. It was later adapted to RSVP which made further\n// amendments. These decisions, particularly to marginalize MessageChannel and\n// to capture the MutationObserver implementation in a closure, were integrated\n// back into ASAP proper.\n// https://github.com/tildeio/rsvp.js/blob/cddf7232546a9cf858524b75cde6f9edf72620a7/lib/rsvp/asap.js\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],57:[function(require,module,exports){\n\n},{}],58:[function(require,module,exports){\n'use strict';\n\nvar GetIntrinsic = require('get-intrinsic');\n\nvar callBind = require('./');\n\nvar $indexOf = callBind(GetIntrinsic('String.prototype.indexOf'));\n\nmodule.exports = function callBoundIntrinsic(name, allowMissing) {\n\tvar intrinsic = GetIntrinsic(name, !!allowMissing);\n\tif (typeof intrinsic === 'function' && $indexOf(name, '.prototype.') > -1) {\n\t\treturn callBind(intrinsic);\n\t}\n\treturn intrinsic;\n};\n\n},{\"./\":59,\"get-intrinsic\":63}],59:[function(require,module,exports){\n'use strict';\n\nvar bind = require('function-bind');\nvar GetIntrinsic = require('get-intrinsic');\n\nvar $apply = GetIntrinsic('%Function.prototype.apply%');\nvar $call = GetIntrinsic('%Function.prototype.call%');\nvar $reflectApply = GetIntrinsic('%Reflect.apply%', true) || bind.call($call, $apply);\n\nvar $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);\nvar $defineProperty = GetIntrinsic('%Object.defineProperty%', true);\nvar $max = GetIntrinsic('%Math.max%');\n\nif ($defineProperty) {\n\ttry {\n\t\t$defineProperty({}, 'a', { value: 1 });\n\t} catch (e) {\n\t\t// IE 8 has a broken defineProperty\n\t\t$defineProperty = null;\n\t}\n}\n\nmodule.exports = function callBind(originalFunction) {\n\tvar func = $reflectApply(bind, $call, arguments);\n\tif ($gOPD && $defineProperty) {\n\t\tvar desc = $gOPD(func, 'length');\n\t\tif (desc.configurable) {\n\t\t\t// original length, plus the receiver, minus any additional arguments (after the receiver)\n\t\t\t$defineProperty(\n\t\t\t\tfunc,\n\t\t\t\t'length',\n\t\t\t\t{ value: 1 + $max(0, originalFunction.length - (arguments.length - 1)) }\n\t\t\t);\n\t\t}\n\t}\n\treturn func;\n};\n\nvar applyBind = function applyBind() {\n\treturn $reflectApply(bind, $apply, arguments);\n};\n\nif ($defineProperty) {\n\t$defineProperty(module.exports, 'apply', { value: applyBind });\n} else {\n\tmodule.exports.apply = applyBind;\n}\n\n},{\"function-bind\":62,\"get-intrinsic\":63}],60:[function(require,module,exports){\n/*!\n * eventie v1.0.6\n * event binding helper\n *   eventie.bind( elem, 'click', myFn )\n *   eventie.unbind( elem, 'click', myFn )\n * MIT license\n */\n\n/*jshint browser: true, undef: true, unused: true */\n/*global define: false, module: false */\n\n( function( window ) {\n\n'use strict';\n\nvar docElem = document.documentElement;\n\nvar bind = function() {};\n\nfunction getIEEvent( obj ) {\n  var event = window.event;\n  // add event.target\n  event.target = event.target || event.srcElement || obj;\n  return event;\n}\n\nif ( docElem.addEventListener ) {\n  bind = function( obj, type, fn ) {\n    obj.addEventListener( type, fn, false );\n  };\n} else if ( docElem.attachEvent ) {\n  bind = function( obj, type, fn ) {\n    obj[ type + fn ] = fn.handleEvent ?\n      function() {\n        var event = getIEEvent( obj );\n        fn.handleEvent.call( fn, event );\n      } :\n      function() {\n        var event = getIEEvent( obj );\n        fn.call( obj, event );\n      };\n    obj.attachEvent( \"on\" + type, obj[ type + fn ] );\n  };\n}\n\nvar unbind = function() {};\n\nif ( docElem.removeEventListener ) {\n  unbind = function( obj, type, fn ) {\n    obj.removeEventListener( type, fn, false );\n  };\n} else if ( docElem.detachEvent ) {\n  unbind = function( obj, type, fn ) {\n    obj.detachEvent( \"on\" + type, obj[ type + fn ] );\n    try {\n      delete obj[ type + fn ];\n    } catch ( err ) {\n      // can't delete window object properties\n      obj[ type + fn ] = undefined;\n    }\n  };\n}\n\nvar eventie = {\n  bind: bind,\n  unbind: unbind\n};\n\n// ----- module definition ----- //\n\nif ( typeof define === 'function' && define.amd ) {\n  // AMD\n  define( eventie );\n} else if ( typeof exports === 'object' ) {\n  // CommonJS\n  module.exports = eventie;\n} else {\n  // browser global\n  window.eventie = eventie;\n}\n\n})( window );\n\n},{}],61:[function(require,module,exports){\n'use strict';\n\n/* eslint no-invalid-this: 1 */\n\nvar ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';\nvar slice = Array.prototype.slice;\nvar toStr = Object.prototype.toString;\nvar funcType = '[object Function]';\n\nmodule.exports = function bind(that) {\n    var target = this;\n    if (typeof target !== 'function' || toStr.call(target) !== funcType) {\n        throw new TypeError(ERROR_MESSAGE + target);\n    }\n    var args = slice.call(arguments, 1);\n\n    var bound;\n    var binder = function () {\n        if (this instanceof bound) {\n            var result = target.apply(\n                this,\n                args.concat(slice.call(arguments))\n            );\n            if (Object(result) === result) {\n                return result;\n            }\n            return this;\n        } else {\n            return target.apply(\n                that,\n                args.concat(slice.call(arguments))\n            );\n        }\n    };\n\n    var boundLength = Math.max(0, target.length - args.length);\n    var boundArgs = [];\n    for (var i = 0; i < boundLength; i++) {\n        boundArgs.push('$' + i);\n    }\n\n    bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this,arguments); }')(binder);\n\n    if (target.prototype) {\n        var Empty = function Empty() {};\n        Empty.prototype = target.prototype;\n        bound.prototype = new Empty();\n        Empty.prototype = null;\n    }\n\n    return bound;\n};\n\n},{}],62:[function(require,module,exports){\n'use strict';\n\nvar implementation = require('./implementation');\n\nmodule.exports = Function.prototype.bind || implementation;\n\n},{\"./implementation\":61}],63:[function(require,module,exports){\n'use strict';\n\nvar undefined;\n\nvar $SyntaxError = SyntaxError;\nvar $Function = Function;\nvar $TypeError = TypeError;\n\n// eslint-disable-next-line consistent-return\nvar getEvalledConstructor = function (expressionSyntax) {\n\ttry {\n\t\treturn $Function('\"use strict\"; return (' + expressionSyntax + ').constructor;')();\n\t} catch (e) {}\n};\n\nvar $gOPD = Object.getOwnPropertyDescriptor;\nif ($gOPD) {\n\ttry {\n\t\t$gOPD({}, '');\n\t} catch (e) {\n\t\t$gOPD = null; // this is IE 8, which has a broken gOPD\n\t}\n}\n\nvar throwTypeError = function () {\n\tthrow new $TypeError();\n};\nvar ThrowTypeError = $gOPD\n\t? (function () {\n\t\ttry {\n\t\t\t// eslint-disable-next-line no-unused-expressions, no-caller, no-restricted-properties\n\t\t\targuments.callee; // IE 8 does not throw here\n\t\t\treturn throwTypeError;\n\t\t} catch (calleeThrows) {\n\t\t\ttry {\n\t\t\t\t// IE 8 throws on Object.getOwnPropertyDescriptor(arguments, '')\n\t\t\t\treturn $gOPD(arguments, 'callee').get;\n\t\t\t} catch (gOPDthrows) {\n\t\t\t\treturn throwTypeError;\n\t\t\t}\n\t\t}\n\t}())\n\t: throwTypeError;\n\nvar hasSymbols = require('has-symbols')();\n\nvar getProto = Object.getPrototypeOf || function (x) { return x.__proto__; }; // eslint-disable-line no-proto\n\nvar needsEval = {};\n\nvar TypedArray = typeof Uint8Array === 'undefined' ? undefined : getProto(Uint8Array);\n\nvar INTRINSICS = {\n\t'%AggregateError%': typeof AggregateError === 'undefined' ? undefined : AggregateError,\n\t'%Array%': Array,\n\t'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined : ArrayBuffer,\n\t'%ArrayIteratorPrototype%': hasSymbols ? getProto([][Symbol.iterator]()) : undefined,\n\t'%AsyncFromSyncIteratorPrototype%': undefined,\n\t'%AsyncFunction%': needsEval,\n\t'%AsyncGenerator%': needsEval,\n\t'%AsyncGeneratorFunction%': needsEval,\n\t'%AsyncIteratorPrototype%': needsEval,\n\t'%Atomics%': typeof Atomics === 'undefined' ? undefined : Atomics,\n\t'%BigInt%': typeof BigInt === 'undefined' ? undefined : BigInt,\n\t'%Boolean%': Boolean,\n\t'%DataView%': typeof DataView === 'undefined' ? undefined : DataView,\n\t'%Date%': Date,\n\t'%decodeURI%': decodeURI,\n\t'%decodeURIComponent%': decodeURIComponent,\n\t'%encodeURI%': encodeURI,\n\t'%encodeURIComponent%': encodeURIComponent,\n\t'%Error%': Error,\n\t'%eval%': eval, // eslint-disable-line no-eval\n\t'%EvalError%': EvalError,\n\t'%Float32Array%': typeof Float32Array === 'undefined' ? undefined : Float32Array,\n\t'%Float64Array%': typeof Float64Array === 'undefined' ? undefined : Float64Array,\n\t'%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined : FinalizationRegistry,\n\t'%Function%': $Function,\n\t'%GeneratorFunction%': needsEval,\n\t'%Int8Array%': typeof Int8Array === 'undefined' ? undefined : Int8Array,\n\t'%Int16Array%': typeof Int16Array === 'undefined' ? undefined : Int16Array,\n\t'%Int32Array%': typeof Int32Array === 'undefined' ? undefined : Int32Array,\n\t'%isFinite%': isFinite,\n\t'%isNaN%': isNaN,\n\t'%IteratorPrototype%': hasSymbols ? getProto(getProto([][Symbol.iterator]())) : undefined,\n\t'%JSON%': typeof JSON === 'object' ? JSON : undefined,\n\t'%Map%': typeof Map === 'undefined' ? undefined : Map,\n\t'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols ? undefined : getProto(new Map()[Symbol.iterator]()),\n\t'%Math%': Math,\n\t'%Number%': Number,\n\t'%Object%': Object,\n\t'%parseFloat%': parseFloat,\n\t'%parseInt%': parseInt,\n\t'%Promise%': typeof Promise === 'undefined' ? undefined : Promise,\n\t'%Proxy%': typeof Proxy === 'undefined' ? undefined : Proxy,\n\t'%RangeError%': RangeError,\n\t'%ReferenceError%': ReferenceError,\n\t'%Reflect%': typeof Reflect === 'undefined' ? undefined : Reflect,\n\t'%RegExp%': RegExp,\n\t'%Set%': typeof Set === 'undefined' ? undefined : Set,\n\t'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols ? undefined : getProto(new Set()[Symbol.iterator]()),\n\t'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined : SharedArrayBuffer,\n\t'%String%': String,\n\t'%StringIteratorPrototype%': hasSymbols ? getProto(''[Symbol.iterator]()) : undefined,\n\t'%Symbol%': hasSymbols ? Symbol : undefined,\n\t'%SyntaxError%': $SyntaxError,\n\t'%ThrowTypeError%': ThrowTypeError,\n\t'%TypedArray%': TypedArray,\n\t'%TypeError%': $TypeError,\n\t'%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined : Uint8Array,\n\t'%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined : Uint8ClampedArray,\n\t'%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined : Uint16Array,\n\t'%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined : Uint32Array,\n\t'%URIError%': URIError,\n\t'%WeakMap%': typeof WeakMap === 'undefined' ? undefined : WeakMap,\n\t'%WeakRef%': typeof WeakRef === 'undefined' ? undefined : WeakRef,\n\t'%WeakSet%': typeof WeakSet === 'undefined' ? undefined : WeakSet\n};\n\nvar doEval = function doEval(name) {\n\tvar value;\n\tif (name === '%AsyncFunction%') {\n\t\tvalue = getEvalledConstructor('async function () {}');\n\t} else if (name === '%GeneratorFunction%') {\n\t\tvalue = getEvalledConstructor('function* () {}');\n\t} else if (name === '%AsyncGeneratorFunction%') {\n\t\tvalue = getEvalledConstructor('async function* () {}');\n\t} else if (name === '%AsyncGenerator%') {\n\t\tvar fn = doEval('%AsyncGeneratorFunction%');\n\t\tif (fn) {\n\t\t\tvalue = fn.prototype;\n\t\t}\n\t} else if (name === '%AsyncIteratorPrototype%') {\n\t\tvar gen = doEval('%AsyncGenerator%');\n\t\tif (gen) {\n\t\t\tvalue = getProto(gen.prototype);\n\t\t}\n\t}\n\n\tINTRINSICS[name] = value;\n\n\treturn value;\n};\n\nvar LEGACY_ALIASES = {\n\t'%ArrayBufferPrototype%': ['ArrayBuffer', 'prototype'],\n\t'%ArrayPrototype%': ['Array', 'prototype'],\n\t'%ArrayProto_entries%': ['Array', 'prototype', 'entries'],\n\t'%ArrayProto_forEach%': ['Array', 'prototype', 'forEach'],\n\t'%ArrayProto_keys%': ['Array', 'prototype', 'keys'],\n\t'%ArrayProto_values%': ['Array', 'prototype', 'values'],\n\t'%AsyncFunctionPrototype%': ['AsyncFunction', 'prototype'],\n\t'%AsyncGenerator%': ['AsyncGeneratorFunction', 'prototype'],\n\t'%AsyncGeneratorPrototype%': ['AsyncGeneratorFunction', 'prototype', 'prototype'],\n\t'%BooleanPrototype%': ['Boolean', 'prototype'],\n\t'%DataViewPrototype%': ['DataView', 'prototype'],\n\t'%DatePrototype%': ['Date', 'prototype'],\n\t'%ErrorPrototype%': ['Error', 'prototype'],\n\t'%EvalErrorPrototype%': ['EvalError', 'prototype'],\n\t'%Float32ArrayPrototype%': ['Float32Array', 'prototype'],\n\t'%Float64ArrayPrototype%': ['Float64Array', 'prototype'],\n\t'%FunctionPrototype%': ['Function', 'prototype'],\n\t'%Generator%': ['GeneratorFunction', 'prototype'],\n\t'%GeneratorPrototype%': ['GeneratorFunction', 'prototype', 'prototype'],\n\t'%Int8ArrayPrototype%': ['Int8Array', 'prototype'],\n\t'%Int16ArrayPrototype%': ['Int16Array', 'prototype'],\n\t'%Int32ArrayPrototype%': ['Int32Array', 'prototype'],\n\t'%JSONParse%': ['JSON', 'parse'],\n\t'%JSONStringify%': ['JSON', 'stringify'],\n\t'%MapPrototype%': ['Map', 'prototype'],\n\t'%NumberPrototype%': ['Number', 'prototype'],\n\t'%ObjectPrototype%': ['Object', 'prototype'],\n\t'%ObjProto_toString%': ['Object', 'prototype', 'toString'],\n\t'%ObjProto_valueOf%': ['Object', 'prototype', 'valueOf'],\n\t'%PromisePrototype%': ['Promise', 'prototype'],\n\t'%PromiseProto_then%': ['Promise', 'prototype', 'then'],\n\t'%Promise_all%': ['Promise', 'all'],\n\t'%Promise_reject%': ['Promise', 'reject'],\n\t'%Promise_resolve%': ['Promise', 'resolve'],\n\t'%RangeErrorPrototype%': ['RangeError', 'prototype'],\n\t'%ReferenceErrorPrototype%': ['ReferenceError', 'prototype'],\n\t'%RegExpPrototype%': ['RegExp', 'prototype'],\n\t'%SetPrototype%': ['Set', 'prototype'],\n\t'%SharedArrayBufferPrototype%': ['SharedArrayBuffer', 'prototype'],\n\t'%StringPrototype%': ['String', 'prototype'],\n\t'%SymbolPrototype%': ['Symbol', 'prototype'],\n\t'%SyntaxErrorPrototype%': ['SyntaxError', 'prototype'],\n\t'%TypedArrayPrototype%': ['TypedArray', 'prototype'],\n\t'%TypeErrorPrototype%': ['TypeError', 'prototype'],\n\t'%Uint8ArrayPrototype%': ['Uint8Array', 'prototype'],\n\t'%Uint8ClampedArrayPrototype%': ['Uint8ClampedArray', 'prototype'],\n\t'%Uint16ArrayPrototype%': ['Uint16Array', 'prototype'],\n\t'%Uint32ArrayPrototype%': ['Uint32Array', 'prototype'],\n\t'%URIErrorPrototype%': ['URIError', 'prototype'],\n\t'%WeakMapPrototype%': ['WeakMap', 'prototype'],\n\t'%WeakSetPrototype%': ['WeakSet', 'prototype']\n};\n\nvar bind = require('function-bind');\nvar hasOwn = require('has');\nvar $concat = bind.call(Function.call, Array.prototype.concat);\nvar $spliceApply = bind.call(Function.apply, Array.prototype.splice);\nvar $replace = bind.call(Function.call, String.prototype.replace);\nvar $strSlice = bind.call(Function.call, String.prototype.slice);\n\n/* adapted from https://github.com/lodash/lodash/blob/4.17.15/dist/lodash.js#L6735-L6744 */\nvar rePropName = /[^%.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|%$))/g;\nvar reEscapeChar = /\\\\(\\\\)?/g; /** Used to match backslashes in property paths. */\nvar stringToPath = function stringToPath(string) {\n\tvar first = $strSlice(string, 0, 1);\n\tvar last = $strSlice(string, -1);\n\tif (first === '%' && last !== '%') {\n\t\tthrow new $SyntaxError('invalid intrinsic syntax, expected closing `%`');\n\t} else if (last === '%' && first !== '%') {\n\t\tthrow new $SyntaxError('invalid intrinsic syntax, expected opening `%`');\n\t}\n\tvar result = [];\n\t$replace(string, rePropName, function (match, number, quote, subString) {\n\t\tresult[result.length] = quote ? $replace(subString, reEscapeChar, '$1') : number || match;\n\t});\n\treturn result;\n};\n/* end adaptation */\n\nvar getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {\n\tvar intrinsicName = name;\n\tvar alias;\n\tif (hasOwn(LEGACY_ALIASES, intrinsicName)) {\n\t\talias = LEGACY_ALIASES[intrinsicName];\n\t\tintrinsicName = '%' + alias[0] + '%';\n\t}\n\n\tif (hasOwn(INTRINSICS, intrinsicName)) {\n\t\tvar value = INTRINSICS[intrinsicName];\n\t\tif (value === needsEval) {\n\t\t\tvalue = doEval(intrinsicName);\n\t\t}\n\t\tif (typeof value === 'undefined' && !allowMissing) {\n\t\t\tthrow new $TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!');\n\t\t}\n\n\t\treturn {\n\t\t\talias: alias,\n\t\t\tname: intrinsicName,\n\t\t\tvalue: value\n\t\t};\n\t}\n\n\tthrow new $SyntaxError('intrinsic ' + name + ' does not exist!');\n};\n\nmodule.exports = function GetIntrinsic(name, allowMissing) {\n\tif (typeof name !== 'string' || name.length === 0) {\n\t\tthrow new $TypeError('intrinsic name must be a non-empty string');\n\t}\n\tif (arguments.length > 1 && typeof allowMissing !== 'boolean') {\n\t\tthrow new $TypeError('\"allowMissing\" argument must be a boolean');\n\t}\n\n\tvar parts = stringToPath(name);\n\tvar intrinsicBaseName = parts.length > 0 ? parts[0] : '';\n\n\tvar intrinsic = getBaseIntrinsic('%' + intrinsicBaseName + '%', allowMissing);\n\tvar intrinsicRealName = intrinsic.name;\n\tvar value = intrinsic.value;\n\tvar skipFurtherCaching = false;\n\n\tvar alias = intrinsic.alias;\n\tif (alias) {\n\t\tintrinsicBaseName = alias[0];\n\t\t$spliceApply(parts, $concat([0, 1], alias));\n\t}\n\n\tfor (var i = 1, isOwn = true; i < parts.length; i += 1) {\n\t\tvar part = parts[i];\n\t\tvar first = $strSlice(part, 0, 1);\n\t\tvar last = $strSlice(part, -1);\n\t\tif (\n\t\t\t(\n\t\t\t\t(first === '\"' || first === \"'\" || first === '`')\n\t\t\t\t|| (last === '\"' || last === \"'\" || last === '`')\n\t\t\t)\n\t\t\t&& first !== last\n\t\t) {\n\t\t\tthrow new $SyntaxError('property names with quotes must have matching quotes');\n\t\t}\n\t\tif (part === 'constructor' || !isOwn) {\n\t\t\tskipFurtherCaching = true;\n\t\t}\n\n\t\tintrinsicBaseName += '.' + part;\n\t\tintrinsicRealName = '%' + intrinsicBaseName + '%';\n\n\t\tif (hasOwn(INTRINSICS, intrinsicRealName)) {\n\t\t\tvalue = INTRINSICS[intrinsicRealName];\n\t\t} else if (value != null) {\n\t\t\tif (!(part in value)) {\n\t\t\t\tif (!allowMissing) {\n\t\t\t\t\tthrow new $TypeError('base intrinsic for ' + name + ' exists, but the property is not available.');\n\t\t\t\t}\n\t\t\t\treturn void undefined;\n\t\t\t}\n\t\t\tif ($gOPD && (i + 1) >= parts.length) {\n\t\t\t\tvar desc = $gOPD(value, part);\n\t\t\t\tisOwn = !!desc;\n\n\t\t\t\t// By convention, when a data property is converted to an accessor\n\t\t\t\t// property to emulate a data property that does not suffer from\n\t\t\t\t// the override mistake, that accessor's getter is marked with\n\t\t\t\t// an `originalValue` property. Here, when we detect this, we\n\t\t\t\t// uphold the illusion by pretending to see that original data\n\t\t\t\t// property, i.e., returning the value rather than the getter\n\t\t\t\t// itself.\n\t\t\t\tif (isOwn && 'get' in desc && !('originalValue' in desc.get)) {\n\t\t\t\t\tvalue = desc.get;\n\t\t\t\t} else {\n\t\t\t\t\tvalue = value[part];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tisOwn = hasOwn(value, part);\n\t\t\t\tvalue = value[part];\n\t\t\t}\n\n\t\t\tif (isOwn && !skipFurtherCaching) {\n\t\t\t\tINTRINSICS[intrinsicRealName] = value;\n\t\t\t}\n\t\t}\n\t}\n\treturn value;\n};\n\n},{\"function-bind\":62,\"has\":66,\"has-symbols\":64}],64:[function(require,module,exports){\n'use strict';\n\nvar origSymbol = typeof Symbol !== 'undefined' && Symbol;\nvar hasSymbolSham = require('./shams');\n\nmodule.exports = function hasNativeSymbols() {\n\tif (typeof origSymbol !== 'function') { return false; }\n\tif (typeof Symbol !== 'function') { return false; }\n\tif (typeof origSymbol('foo') !== 'symbol') { return false; }\n\tif (typeof Symbol('bar') !== 'symbol') { return false; }\n\n\treturn hasSymbolSham();\n};\n\n},{\"./shams\":65}],65:[function(require,module,exports){\n'use strict';\n\n/* eslint complexity: [2, 18], max-statements: [2, 33] */\nmodule.exports = function hasSymbols() {\n\tif (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }\n\tif (typeof Symbol.iterator === 'symbol') { return true; }\n\n\tvar obj = {};\n\tvar sym = Symbol('test');\n\tvar symObj = Object(sym);\n\tif (typeof sym === 'string') { return false; }\n\n\tif (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; }\n\tif (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; }\n\n\t// temp disabled per https://github.com/ljharb/object.assign/issues/17\n\t// if (sym instanceof Symbol) { return false; }\n\t// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4\n\t// if (!(symObj instanceof Symbol)) { return false; }\n\n\t// if (typeof Symbol.prototype.toString !== 'function') { return false; }\n\t// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }\n\n\tvar symVal = 42;\n\tobj[sym] = symVal;\n\tfor (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax, no-unreachable-loop\n\tif (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; }\n\n\tif (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; }\n\n\tvar syms = Object.getOwnPropertySymbols(obj);\n\tif (syms.length !== 1 || syms[0] !== sym) { return false; }\n\n\tif (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; }\n\n\tif (typeof Object.getOwnPropertyDescriptor === 'function') {\n\t\tvar descriptor = Object.getOwnPropertyDescriptor(obj, sym);\n\t\tif (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; }\n\t}\n\n\treturn true;\n};\n\n},{}],66:[function(require,module,exports){\n'use strict';\n\nvar bind = require('function-bind');\n\nmodule.exports = bind.call(Function.call, Object.prototype.hasOwnProperty);\n\n},{\"function-bind\":62}],67:[function(require,module,exports){\n/*!\n * imagesLoaded v3.2.0\n * JavaScript is all like \"You images are done yet or what?\"\n * MIT License\n */\n\n( function( window, factory ) { 'use strict';\n  // universal module definition\n\n  /*global define: false, module: false, require: false */\n\n  if ( typeof define == 'function' && define.amd ) {\n    // AMD\n    define( [\n      'eventEmitter/EventEmitter',\n      'eventie/eventie'\n    ], function( EventEmitter, eventie ) {\n      return factory( window, EventEmitter, eventie );\n    });\n  } else if ( typeof module == 'object' && module.exports ) {\n    // CommonJS\n    module.exports = factory(\n      window,\n      require('wolfy87-eventemitter'),\n      require('eventie')\n    );\n  } else {\n    // browser global\n    window.imagesLoaded = factory(\n      window,\n      window.EventEmitter,\n      window.eventie\n    );\n  }\n\n})( window,\n\n// --------------------------  factory -------------------------- //\n\nfunction factory( window, EventEmitter, eventie ) {\n\n'use strict';\n\nvar $ = window.jQuery;\nvar console = window.console;\n\n// -------------------------- helpers -------------------------- //\n\n// extend objects\nfunction extend( a, b ) {\n  for ( var prop in b ) {\n    a[ prop ] = b[ prop ];\n  }\n  return a;\n}\n\nvar objToString = Object.prototype.toString;\nfunction isArray( obj ) {\n  return objToString.call( obj ) == '[object Array]';\n}\n\n// turn element or nodeList into an array\nfunction makeArray( obj ) {\n  var ary = [];\n  if ( isArray( obj ) ) {\n    // use object if already an array\n    ary = obj;\n  } else if ( typeof obj.length == 'number' ) {\n    // convert nodeList to array\n    for ( var i=0; i < obj.length; i++ ) {\n      ary.push( obj[i] );\n    }\n  } else {\n    // array of single index\n    ary.push( obj );\n  }\n  return ary;\n}\n\n  // -------------------------- imagesLoaded -------------------------- //\n\n  /**\n   * @param {Array, Element, NodeList, String} elem\n   * @param {Object or Function} options - if function, use as callback\n   * @param {Function} onAlways - callback function\n   */\n  function ImagesLoaded( elem, options, onAlways ) {\n    // coerce ImagesLoaded() without new, to be new ImagesLoaded()\n    if ( !( this instanceof ImagesLoaded ) ) {\n      return new ImagesLoaded( elem, options, onAlways );\n    }\n    // use elem as selector string\n    if ( typeof elem == 'string' ) {\n      elem = document.querySelectorAll( elem );\n    }\n\n    this.elements = makeArray( elem );\n    this.options = extend( {}, this.options );\n\n    if ( typeof options == 'function' ) {\n      onAlways = options;\n    } else {\n      extend( this.options, options );\n    }\n\n    if ( onAlways ) {\n      this.on( 'always', onAlways );\n    }\n\n    this.getImages();\n\n    if ( $ ) {\n      // add jQuery Deferred object\n      this.jqDeferred = new $.Deferred();\n    }\n\n    // HACK check async to allow time to bind listeners\n    var _this = this;\n    setTimeout( function() {\n      _this.check();\n    });\n  }\n\n  ImagesLoaded.prototype = new EventEmitter();\n\n  ImagesLoaded.prototype.options = {};\n\n  ImagesLoaded.prototype.getImages = function() {\n    this.images = [];\n\n    // filter & find items if we have an item selector\n    for ( var i=0; i < this.elements.length; i++ ) {\n      var elem = this.elements[i];\n      this.addElementImages( elem );\n    }\n  };\n\n  /**\n   * @param {Node} element\n   */\n  ImagesLoaded.prototype.addElementImages = function( elem ) {\n    // filter siblings\n    if ( elem.nodeName == 'IMG' ) {\n      this.addImage( elem );\n    }\n    // get background image on element\n    if ( this.options.background === true ) {\n      this.addElementBackgroundImages( elem );\n    }\n\n    // find children\n    // no non-element nodes, #143\n    var nodeType = elem.nodeType;\n    if ( !nodeType || !elementNodeTypes[ nodeType ] ) {\n      return;\n    }\n    var childImgs = elem.querySelectorAll('img');\n    // concat childElems to filterFound array\n    for ( var i=0; i < childImgs.length; i++ ) {\n      var img = childImgs[i];\n      this.addImage( img );\n    }\n\n    // get child background images\n    if ( typeof this.options.background == 'string' ) {\n      var children = elem.querySelectorAll( this.options.background );\n      for ( i=0; i < children.length; i++ ) {\n        var child = children[i];\n        this.addElementBackgroundImages( child );\n      }\n    }\n  };\n\n  var elementNodeTypes = {\n    1: true,\n    9: true,\n    11: true\n  };\n\n  ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {\n    var style = getStyle( elem );\n    // get url inside url(\"...\")\n    var reURL = /url\\(['\"]*([^'\"\\)]+)['\"]*\\)/gi;\n    var matches = reURL.exec( style.backgroundImage );\n    while ( matches !== null ) {\n      var url = matches && matches[1];\n      if ( url ) {\n        this.addBackground( url, elem );\n      }\n      matches = reURL.exec( style.backgroundImage );\n    }\n  };\n\n  // IE8\n  var getStyle = window.getComputedStyle || function( elem ) {\n    return elem.currentStyle;\n  };\n\n  /**\n   * @param {Image} img\n   */\n  ImagesLoaded.prototype.addImage = function( img ) {\n    var loadingImage = new LoadingImage( img );\n    this.images.push( loadingImage );\n  };\n\n  ImagesLoaded.prototype.addBackground = function( url, elem ) {\n    var background = new Background( url, elem );\n    this.images.push( background );\n  };\n\n  ImagesLoaded.prototype.check = function() {\n    var _this = this;\n    this.progressedCount = 0;\n    this.hasAnyBroken = false;\n    // complete if no images\n    if ( !this.images.length ) {\n      this.complete();\n      return;\n    }\n\n    function onProgress( image, elem, message ) {\n      // HACK - Chrome triggers event before object properties have changed. #83\n      setTimeout( function() {\n        _this.progress( image, elem, message );\n      });\n    }\n\n    for ( var i=0; i < this.images.length; i++ ) {\n      var loadingImage = this.images[i];\n      loadingImage.once( 'progress', onProgress );\n      loadingImage.check();\n    }\n  };\n\n  ImagesLoaded.prototype.progress = function( image, elem, message ) {\n    this.progressedCount++;\n    this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;\n    // progress event\n    this.emit( 'progress', this, image, elem );\n    if ( this.jqDeferred && this.jqDeferred.notify ) {\n      this.jqDeferred.notify( this, image );\n    }\n    // check if completed\n    if ( this.progressedCount == this.images.length ) {\n      this.complete();\n    }\n\n    if ( this.options.debug && console ) {\n      console.log( 'progress: ' + message, image, elem );\n    }\n  };\n\n  ImagesLoaded.prototype.complete = function() {\n    var eventName = this.hasAnyBroken ? 'fail' : 'done';\n    this.isComplete = true;\n    this.emit( eventName, this );\n    this.emit( 'always', this );\n    if ( this.jqDeferred ) {\n      var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';\n      this.jqDeferred[ jqMethod ]( this );\n    }\n  };\n\n  // --------------------------  -------------------------- //\n\n  function LoadingImage( img ) {\n    this.img = img;\n  }\n\n  LoadingImage.prototype = new EventEmitter();\n\n  LoadingImage.prototype.check = function() {\n    // If complete is true and browser supports natural sizes,\n    // try to check for image status manually.\n    var isComplete = this.getIsImageComplete();\n    if ( isComplete ) {\n      // report based on naturalWidth\n      this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\n      return;\n    }\n\n    // If none of the checks above matched, simulate loading on detached element.\n    this.proxyImage = new Image();\n    eventie.bind( this.proxyImage, 'load', this );\n    eventie.bind( this.proxyImage, 'error', this );\n    // bind to image as well for Firefox. #191\n    eventie.bind( this.img, 'load', this );\n    eventie.bind( this.img, 'error', this );\n    this.proxyImage.src = this.img.src;\n  };\n\n  LoadingImage.prototype.getIsImageComplete = function() {\n    return this.img.complete && this.img.naturalWidth !== undefined;\n  };\n\n  LoadingImage.prototype.confirm = function( isLoaded, message ) {\n    this.isLoaded = isLoaded;\n    this.emit( 'progress', this, this.img, message );\n  };\n\n  // ----- events ----- //\n\n  // trigger specified handler for event type\n  LoadingImage.prototype.handleEvent = function( event ) {\n    var method = 'on' + event.type;\n    if ( this[ method ] ) {\n      this[ method ]( event );\n    }\n  };\n\n  LoadingImage.prototype.onload = function() {\n    this.confirm( true, 'onload' );\n    this.unbindEvents();\n  };\n\n  LoadingImage.prototype.onerror = function() {\n    this.confirm( false, 'onerror' );\n    this.unbindEvents();\n  };\n\n  LoadingImage.prototype.unbindEvents = function() {\n    eventie.unbind( this.proxyImage, 'load', this );\n    eventie.unbind( this.proxyImage, 'error', this );\n    eventie.unbind( this.img, 'load', this );\n    eventie.unbind( this.img, 'error', this );\n  };\n\n  // -------------------------- Background -------------------------- //\n\n  function Background( url, element ) {\n    this.url = url;\n    this.element = element;\n    this.img = new Image();\n  }\n\n  // inherit LoadingImage prototype\n  Background.prototype = new LoadingImage();\n\n  Background.prototype.check = function() {\n    eventie.bind( this.img, 'load', this );\n    eventie.bind( this.img, 'error', this );\n    this.img.src = this.url;\n    // check if image is already complete\n    var isComplete = this.getIsImageComplete();\n    if ( isComplete ) {\n      this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\n      this.unbindEvents();\n    }\n  };\n\n  Background.prototype.unbindEvents = function() {\n    eventie.unbind( this.img, 'load', this );\n    eventie.unbind( this.img, 'error', this );\n  };\n\n  Background.prototype.confirm = function( isLoaded, message ) {\n    this.isLoaded = isLoaded;\n    this.emit( 'progress', this, this.element, message );\n  };\n\n  // -------------------------- jQuery -------------------------- //\n\n  ImagesLoaded.makeJQueryPlugin = function( jQuery ) {\n    jQuery = jQuery || window.jQuery;\n    if ( !jQuery ) {\n      return;\n    }\n    // set local variable\n    $ = jQuery;\n    // $().imagesLoaded()\n    $.fn.imagesLoaded = function( options, callback ) {\n      var instance = new ImagesLoaded( this, options, callback );\n      return instance.jqDeferred.promise( $(this) );\n    };\n  };\n  // try making plugin\n  ImagesLoaded.makeJQueryPlugin();\n\n  // --------------------------  -------------------------- //\n\n  return ImagesLoaded;\n\n});\n\n},{\"eventie\":60,\"wolfy87-eventemitter\":90}],68:[function(require,module,exports){\n(function (global){(function (){\n/**\n * @license\n * Lodash <https://lodash.com/>\n * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n;(function() {\n\n  /** Used as a safe reference for `undefined` in pre-ES5 environments. */\n  var undefined;\n\n  /** Used as the semantic version number. */\n  var VERSION = '4.17.21';\n\n  /** Used as the size to enable large array optimizations. */\n  var LARGE_ARRAY_SIZE = 200;\n\n  /** Error message constants. */\n  var CORE_ERROR_TEXT = 'Unsupported core-js use. Try https://npms.io/search?q=ponyfill.',\n      FUNC_ERROR_TEXT = 'Expected a function',\n      INVALID_TEMPL_VAR_ERROR_TEXT = 'Invalid `variable` option passed into `_.template`';\n\n  /** Used to stand-in for `undefined` hash values. */\n  var HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n  /** Used as the maximum memoize cache size. */\n  var MAX_MEMOIZE_SIZE = 500;\n\n  /** Used as the internal argument placeholder. */\n  var PLACEHOLDER = '__lodash_placeholder__';\n\n  /** Used to compose bitmasks for cloning. */\n  var CLONE_DEEP_FLAG = 1,\n      CLONE_FLAT_FLAG = 2,\n      CLONE_SYMBOLS_FLAG = 4;\n\n  /** Used to compose bitmasks for value comparisons. */\n  var COMPARE_PARTIAL_FLAG = 1,\n      COMPARE_UNORDERED_FLAG = 2;\n\n  /** Used to compose bitmasks for function metadata. */\n  var WRAP_BIND_FLAG = 1,\n      WRAP_BIND_KEY_FLAG = 2,\n      WRAP_CURRY_BOUND_FLAG = 4,\n      WRAP_CURRY_FLAG = 8,\n      WRAP_CURRY_RIGHT_FLAG = 16,\n      WRAP_PARTIAL_FLAG = 32,\n      WRAP_PARTIAL_RIGHT_FLAG = 64,\n      WRAP_ARY_FLAG = 128,\n      WRAP_REARG_FLAG = 256,\n      WRAP_FLIP_FLAG = 512;\n\n  /** Used as default options for `_.truncate`. */\n  var DEFAULT_TRUNC_LENGTH = 30,\n      DEFAULT_TRUNC_OMISSION = '...';\n\n  /** Used to detect hot functions by number of calls within a span of milliseconds. */\n  var HOT_COUNT = 800,\n      HOT_SPAN = 16;\n\n  /** Used to indicate the type of lazy iteratees. */\n  var LAZY_FILTER_FLAG = 1,\n      LAZY_MAP_FLAG = 2,\n      LAZY_WHILE_FLAG = 3;\n\n  /** Used as references for various `Number` constants. */\n  var INFINITY = 1 / 0,\n      MAX_SAFE_INTEGER = 9007199254740991,\n      MAX_INTEGER = 1.7976931348623157e+308,\n      NAN = 0 / 0;\n\n  /** Used as references for the maximum length and index of an array. */\n  var MAX_ARRAY_LENGTH = 4294967295,\n      MAX_ARRAY_INDEX = MAX_ARRAY_LENGTH - 1,\n      HALF_MAX_ARRAY_LENGTH = MAX_ARRAY_LENGTH >>> 1;\n\n  /** Used to associate wrap methods with their bit flags. */\n  var wrapFlags = [\n    ['ary', WRAP_ARY_FLAG],\n    ['bind', WRAP_BIND_FLAG],\n    ['bindKey', WRAP_BIND_KEY_FLAG],\n    ['curry', WRAP_CURRY_FLAG],\n    ['curryRight', WRAP_CURRY_RIGHT_FLAG],\n    ['flip', WRAP_FLIP_FLAG],\n    ['partial', WRAP_PARTIAL_FLAG],\n    ['partialRight', WRAP_PARTIAL_RIGHT_FLAG],\n    ['rearg', WRAP_REARG_FLAG]\n  ];\n\n  /** `Object#toString` result references. */\n  var argsTag = '[object Arguments]',\n      arrayTag = '[object Array]',\n      asyncTag = '[object AsyncFunction]',\n      boolTag = '[object Boolean]',\n      dateTag = '[object Date]',\n      domExcTag = '[object DOMException]',\n      errorTag = '[object Error]',\n      funcTag = '[object Function]',\n      genTag = '[object GeneratorFunction]',\n      mapTag = '[object Map]',\n      numberTag = '[object Number]',\n      nullTag = '[object Null]',\n      objectTag = '[object Object]',\n      promiseTag = '[object Promise]',\n      proxyTag = '[object Proxy]',\n      regexpTag = '[object RegExp]',\n      setTag = '[object Set]',\n      stringTag = '[object String]',\n      symbolTag = '[object Symbol]',\n      undefinedTag = '[object Undefined]',\n      weakMapTag = '[object WeakMap]',\n      weakSetTag = '[object WeakSet]';\n\n  var arrayBufferTag = '[object ArrayBuffer]',\n      dataViewTag = '[object DataView]',\n      float32Tag = '[object Float32Array]',\n      float64Tag = '[object Float64Array]',\n      int8Tag = '[object Int8Array]',\n      int16Tag = '[object Int16Array]',\n      int32Tag = '[object Int32Array]',\n      uint8Tag = '[object Uint8Array]',\n      uint8ClampedTag = '[object Uint8ClampedArray]',\n      uint16Tag = '[object Uint16Array]',\n      uint32Tag = '[object Uint32Array]';\n\n  /** Used to match empty string literals in compiled template source. */\n  var reEmptyStringLeading = /\\b__p \\+= '';/g,\n      reEmptyStringMiddle = /\\b(__p \\+=) '' \\+/g,\n      reEmptyStringTrailing = /(__e\\(.*?\\)|\\b__t\\)) \\+\\n'';/g;\n\n  /** Used to match HTML entities and HTML characters. */\n  var reEscapedHtml = /&(?:amp|lt|gt|quot|#39);/g,\n      reUnescapedHtml = /[&<>\"']/g,\n      reHasEscapedHtml = RegExp(reEscapedHtml.source),\n      reHasUnescapedHtml = RegExp(reUnescapedHtml.source);\n\n  /** Used to match template delimiters. */\n  var reEscape = /<%-([\\s\\S]+?)%>/g,\n      reEvaluate = /<%([\\s\\S]+?)%>/g,\n      reInterpolate = /<%=([\\s\\S]+?)%>/g;\n\n  /** Used to match property names within property paths. */\n  var reIsDeepProp = /\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,\n      reIsPlainProp = /^\\w*$/,\n      rePropName = /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n\n  /**\n   * Used to match `RegExp`\n   * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n   */\n  var reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g,\n      reHasRegExpChar = RegExp(reRegExpChar.source);\n\n  /** Used to match leading whitespace. */\n  var reTrimStart = /^\\s+/;\n\n  /** Used to match a single whitespace character. */\n  var reWhitespace = /\\s/;\n\n  /** Used to match wrap detail comments. */\n  var reWrapComment = /\\{(?:\\n\\/\\* \\[wrapped with .+\\] \\*\\/)?\\n?/,\n      reWrapDetails = /\\{\\n\\/\\* \\[wrapped with (.+)\\] \\*/,\n      reSplitDetails = /,? & /;\n\n  /** Used to match words composed of alphanumeric characters. */\n  var reAsciiWord = /[^\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\x7f]+/g;\n\n  /**\n   * Used to validate the `validate` option in `_.template` variable.\n   *\n   * Forbids characters which could potentially change the meaning of the function argument definition:\n   * - \"(),\" (modification of function parameters)\n   * - \"=\" (default value)\n   * - \"[]{}\" (destructuring of function parameters)\n   * - \"/\" (beginning of a comment)\n   * - whitespace\n   */\n  var reForbiddenIdentifierChars = /[()=,{}\\[\\]\\/\\s]/;\n\n  /** Used to match backslashes in property paths. */\n  var reEscapeChar = /\\\\(\\\\)?/g;\n\n  /**\n   * Used to match\n   * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components).\n   */\n  var reEsTemplate = /\\$\\{([^\\\\}]*(?:\\\\.[^\\\\}]*)*)\\}/g;\n\n  /** Used to match `RegExp` flags from their coerced string values. */\n  var reFlags = /\\w*$/;\n\n  /** Used to detect bad signed hexadecimal string values. */\n  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n  /** Used to detect binary string values. */\n  var reIsBinary = /^0b[01]+$/i;\n\n  /** Used to detect host constructors (Safari). */\n  var reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n  /** Used to detect octal string values. */\n  var reIsOctal = /^0o[0-7]+$/i;\n\n  /** Used to detect unsigned integer values. */\n  var reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n  /** Used to match Latin Unicode letters (excluding mathematical operators). */\n  var reLatin = /[\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\xff\\u0100-\\u017f]/g;\n\n  /** Used to ensure capturing order of template delimiters. */\n  var reNoMatch = /($^)/;\n\n  /** Used to match unescaped characters in compiled string literals. */\n  var reUnescapedString = /['\\n\\r\\u2028\\u2029\\\\]/g;\n\n  /** Used to compose unicode character classes. */\n  var rsAstralRange = '\\\\ud800-\\\\udfff',\n      rsComboMarksRange = '\\\\u0300-\\\\u036f',\n      reComboHalfMarksRange = '\\\\ufe20-\\\\ufe2f',\n      rsComboSymbolsRange = '\\\\u20d0-\\\\u20ff',\n      rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,\n      rsDingbatRange = '\\\\u2700-\\\\u27bf',\n      rsLowerRange = 'a-z\\\\xdf-\\\\xf6\\\\xf8-\\\\xff',\n      rsMathOpRange = '\\\\xac\\\\xb1\\\\xd7\\\\xf7',\n      rsNonCharRange = '\\\\x00-\\\\x2f\\\\x3a-\\\\x40\\\\x5b-\\\\x60\\\\x7b-\\\\xbf',\n      rsPunctuationRange = '\\\\u2000-\\\\u206f',\n      rsSpaceRange = ' \\\\t\\\\x0b\\\\f\\\\xa0\\\\ufeff\\\\n\\\\r\\\\u2028\\\\u2029\\\\u1680\\\\u180e\\\\u2000\\\\u2001\\\\u2002\\\\u2003\\\\u2004\\\\u2005\\\\u2006\\\\u2007\\\\u2008\\\\u2009\\\\u200a\\\\u202f\\\\u205f\\\\u3000',\n      rsUpperRange = 'A-Z\\\\xc0-\\\\xd6\\\\xd8-\\\\xde',\n      rsVarRange = '\\\\ufe0e\\\\ufe0f',\n      rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;\n\n  /** Used to compose unicode capture groups. */\n  var rsApos = \"['\\u2019]\",\n      rsAstral = '[' + rsAstralRange + ']',\n      rsBreak = '[' + rsBreakRange + ']',\n      rsCombo = '[' + rsComboRange + ']',\n      rsDigits = '\\\\d+',\n      rsDingbat = '[' + rsDingbatRange + ']',\n      rsLower = '[' + rsLowerRange + ']',\n      rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',\n      rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n      rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n      rsNonAstral = '[^' + rsAstralRange + ']',\n      rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n      rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n      rsUpper = '[' + rsUpperRange + ']',\n      rsZWJ = '\\\\u200d';\n\n  /** Used to compose unicode regexes. */\n  var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',\n      rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',\n      rsOptContrLower = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',\n      rsOptContrUpper = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',\n      reOptMod = rsModifier + '?',\n      rsOptVar = '[' + rsVarRange + ']?',\n      rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n      rsOrdLower = '\\\\d*(?:1st|2nd|3rd|(?![123])\\\\dth)(?=\\\\b|[A-Z_])',\n      rsOrdUpper = '\\\\d*(?:1ST|2ND|3RD|(?![123])\\\\dTH)(?=\\\\b|[a-z_])',\n      rsSeq = rsOptVar + reOptMod + rsOptJoin,\n      rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq,\n      rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n  /** Used to match apostrophes. */\n  var reApos = RegExp(rsApos, 'g');\n\n  /**\n   * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and\n   * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).\n   */\n  var reComboMark = RegExp(rsCombo, 'g');\n\n  /** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\n  var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n  /** Used to match complex or compound words. */\n  var reUnicodeWord = RegExp([\n    rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',\n    rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')',\n    rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,\n    rsUpper + '+' + rsOptContrUpper,\n    rsOrdUpper,\n    rsOrdLower,\n    rsDigits,\n    rsEmoji\n  ].join('|'), 'g');\n\n  /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\n  var reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange  + rsComboRange + rsVarRange + ']');\n\n  /** Used to detect strings that need a more robust regexp to match words. */\n  var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;\n\n  /** Used to assign default `context` object properties. */\n  var contextProps = [\n    'Array', 'Buffer', 'DataView', 'Date', 'Error', 'Float32Array', 'Float64Array',\n    'Function', 'Int8Array', 'Int16Array', 'Int32Array', 'Map', 'Math', 'Object',\n    'Promise', 'RegExp', 'Set', 'String', 'Symbol', 'TypeError', 'Uint8Array',\n    'Uint8ClampedArray', 'Uint16Array', 'Uint32Array', 'WeakMap',\n    '_', 'clearTimeout', 'isFinite', 'parseInt', 'setTimeout'\n  ];\n\n  /** Used to make template sourceURLs easier to identify. */\n  var templateCounter = -1;\n\n  /** Used to identify `toStringTag` values of typed arrays. */\n  var typedArrayTags = {};\n  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =\n  typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =\n  typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =\n  typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =\n  typedArrayTags[uint32Tag] = true;\n  typedArrayTags[argsTag] = typedArrayTags[arrayTag] =\n  typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =\n  typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =\n  typedArrayTags[errorTag] = typedArrayTags[funcTag] =\n  typedArrayTags[mapTag] = typedArrayTags[numberTag] =\n  typedArrayTags[objectTag] = typedArrayTags[regexpTag] =\n  typedArrayTags[setTag] = typedArrayTags[stringTag] =\n  typedArrayTags[weakMapTag] = false;\n\n  /** Used to identify `toStringTag` values supported by `_.clone`. */\n  var cloneableTags = {};\n  cloneableTags[argsTag] = cloneableTags[arrayTag] =\n  cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] =\n  cloneableTags[boolTag] = cloneableTags[dateTag] =\n  cloneableTags[float32Tag] = cloneableTags[float64Tag] =\n  cloneableTags[int8Tag] = cloneableTags[int16Tag] =\n  cloneableTags[int32Tag] = cloneableTags[mapTag] =\n  cloneableTags[numberTag] = cloneableTags[objectTag] =\n  cloneableTags[regexpTag] = cloneableTags[setTag] =\n  cloneableTags[stringTag] = cloneableTags[symbolTag] =\n  cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] =\n  cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;\n  cloneableTags[errorTag] = cloneableTags[funcTag] =\n  cloneableTags[weakMapTag] = false;\n\n  /** Used to map Latin Unicode letters to basic Latin letters. */\n  var deburredLetters = {\n    // Latin-1 Supplement block.\n    '\\xc0': 'A',  '\\xc1': 'A', '\\xc2': 'A', '\\xc3': 'A', '\\xc4': 'A', '\\xc5': 'A',\n    '\\xe0': 'a',  '\\xe1': 'a', '\\xe2': 'a', '\\xe3': 'a', '\\xe4': 'a', '\\xe5': 'a',\n    '\\xc7': 'C',  '\\xe7': 'c',\n    '\\xd0': 'D',  '\\xf0': 'd',\n    '\\xc8': 'E',  '\\xc9': 'E', '\\xca': 'E', '\\xcb': 'E',\n    '\\xe8': 'e',  '\\xe9': 'e', '\\xea': 'e', '\\xeb': 'e',\n    '\\xcc': 'I',  '\\xcd': 'I', '\\xce': 'I', '\\xcf': 'I',\n    '\\xec': 'i',  '\\xed': 'i', '\\xee': 'i', '\\xef': 'i',\n    '\\xd1': 'N',  '\\xf1': 'n',\n    '\\xd2': 'O',  '\\xd3': 'O', '\\xd4': 'O', '\\xd5': 'O', '\\xd6': 'O', '\\xd8': 'O',\n    '\\xf2': 'o',  '\\xf3': 'o', '\\xf4': 'o', '\\xf5': 'o', '\\xf6': 'o', '\\xf8': 'o',\n    '\\xd9': 'U',  '\\xda': 'U', '\\xdb': 'U', '\\xdc': 'U',\n    '\\xf9': 'u',  '\\xfa': 'u', '\\xfb': 'u', '\\xfc': 'u',\n    '\\xdd': 'Y',  '\\xfd': 'y', '\\xff': 'y',\n    '\\xc6': 'Ae', '\\xe6': 'ae',\n    '\\xde': 'Th', '\\xfe': 'th',\n    '\\xdf': 'ss',\n    // Latin Extended-A block.\n    '\\u0100': 'A',  '\\u0102': 'A', '\\u0104': 'A',\n    '\\u0101': 'a',  '\\u0103': 'a', '\\u0105': 'a',\n    '\\u0106': 'C',  '\\u0108': 'C', '\\u010a': 'C', '\\u010c': 'C',\n    '\\u0107': 'c',  '\\u0109': 'c', '\\u010b': 'c', '\\u010d': 'c',\n    '\\u010e': 'D',  '\\u0110': 'D', '\\u010f': 'd', '\\u0111': 'd',\n    '\\u0112': 'E',  '\\u0114': 'E', '\\u0116': 'E', '\\u0118': 'E', '\\u011a': 'E',\n    '\\u0113': 'e',  '\\u0115': 'e', '\\u0117': 'e', '\\u0119': 'e', '\\u011b': 'e',\n    '\\u011c': 'G',  '\\u011e': 'G', '\\u0120': 'G', '\\u0122': 'G',\n    '\\u011d': 'g',  '\\u011f': 'g', '\\u0121': 'g', '\\u0123': 'g',\n    '\\u0124': 'H',  '\\u0126': 'H', '\\u0125': 'h', '\\u0127': 'h',\n    '\\u0128': 'I',  '\\u012a': 'I', '\\u012c': 'I', '\\u012e': 'I', '\\u0130': 'I',\n    '\\u0129': 'i',  '\\u012b': 'i', '\\u012d': 'i', '\\u012f': 'i', '\\u0131': 'i',\n    '\\u0134': 'J',  '\\u0135': 'j',\n    '\\u0136': 'K',  '\\u0137': 'k', '\\u0138': 'k',\n    '\\u0139': 'L',  '\\u013b': 'L', '\\u013d': 'L', '\\u013f': 'L', '\\u0141': 'L',\n    '\\u013a': 'l',  '\\u013c': 'l', '\\u013e': 'l', '\\u0140': 'l', '\\u0142': 'l',\n    '\\u0143': 'N',  '\\u0145': 'N', '\\u0147': 'N', '\\u014a': 'N',\n    '\\u0144': 'n',  '\\u0146': 'n', '\\u0148': 'n', '\\u014b': 'n',\n    '\\u014c': 'O',  '\\u014e': 'O', '\\u0150': 'O',\n    '\\u014d': 'o',  '\\u014f': 'o', '\\u0151': 'o',\n    '\\u0154': 'R',  '\\u0156': 'R', '\\u0158': 'R',\n    '\\u0155': 'r',  '\\u0157': 'r', '\\u0159': 'r',\n    '\\u015a': 'S',  '\\u015c': 'S', '\\u015e': 'S', '\\u0160': 'S',\n    '\\u015b': 's',  '\\u015d': 's', '\\u015f': 's', '\\u0161': 's',\n    '\\u0162': 'T',  '\\u0164': 'T', '\\u0166': 'T',\n    '\\u0163': 't',  '\\u0165': 't', '\\u0167': 't',\n    '\\u0168': 'U',  '\\u016a': 'U', '\\u016c': 'U', '\\u016e': 'U', '\\u0170': 'U', '\\u0172': 'U',\n    '\\u0169': 'u',  '\\u016b': 'u', '\\u016d': 'u', '\\u016f': 'u', '\\u0171': 'u', '\\u0173': 'u',\n    '\\u0174': 'W',  '\\u0175': 'w',\n    '\\u0176': 'Y',  '\\u0177': 'y', '\\u0178': 'Y',\n    '\\u0179': 'Z',  '\\u017b': 'Z', '\\u017d': 'Z',\n    '\\u017a': 'z',  '\\u017c': 'z', '\\u017e': 'z',\n    '\\u0132': 'IJ', '\\u0133': 'ij',\n    '\\u0152': 'Oe', '\\u0153': 'oe',\n    '\\u0149': \"'n\", '\\u017f': 's'\n  };\n\n  /** Used to map characters to HTML entities. */\n  var htmlEscapes = {\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#39;'\n  };\n\n  /** Used to map HTML entities to characters. */\n  var htmlUnescapes = {\n    '&amp;': '&',\n    '&lt;': '<',\n    '&gt;': '>',\n    '&quot;': '\"',\n    '&#39;': \"'\"\n  };\n\n  /** Used to escape characters for inclusion in compiled string literals. */\n  var stringEscapes = {\n    '\\\\': '\\\\',\n    \"'\": \"'\",\n    '\\n': 'n',\n    '\\r': 'r',\n    '\\u2028': 'u2028',\n    '\\u2029': 'u2029'\n  };\n\n  /** Built-in method references without a dependency on `root`. */\n  var freeParseFloat = parseFloat,\n      freeParseInt = parseInt;\n\n  /** Detect free variable `global` from Node.js. */\n  var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n  /** Detect free variable `self`. */\n  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n  /** Used as a reference to the global object. */\n  var root = freeGlobal || freeSelf || Function('return this')();\n\n  /** Detect free variable `exports`. */\n  var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n  /** Detect free variable `module`. */\n  var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n  /** Detect the popular CommonJS extension `module.exports`. */\n  var moduleExports = freeModule && freeModule.exports === freeExports;\n\n  /** Detect free variable `process` from Node.js. */\n  var freeProcess = moduleExports && freeGlobal.process;\n\n  /** Used to access faster Node.js helpers. */\n  var nodeUtil = (function() {\n    try {\n      // Use `util.types` for Node.js 10+.\n      var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n      if (types) {\n        return types;\n      }\n\n      // Legacy `process.binding('util')` for Node.js < 10.\n      return freeProcess && freeProcess.binding && freeProcess.binding('util');\n    } catch (e) {}\n  }());\n\n  /* Node.js helper references. */\n  var nodeIsArrayBuffer = nodeUtil && nodeUtil.isArrayBuffer,\n      nodeIsDate = nodeUtil && nodeUtil.isDate,\n      nodeIsMap = nodeUtil && nodeUtil.isMap,\n      nodeIsRegExp = nodeUtil && nodeUtil.isRegExp,\n      nodeIsSet = nodeUtil && nodeUtil.isSet,\n      nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n  /*--------------------------------------------------------------------------*/\n\n  /**\n   * A faster alternative to `Function#apply`, this function invokes `func`\n   * with the `this` binding of `thisArg` and the arguments of `args`.\n   *\n   * @private\n   * @param {Function} func The function to invoke.\n   * @param {*} thisArg The `this` binding of `func`.\n   * @param {Array} args The arguments to invoke `func` with.\n   * @returns {*} Returns the result of `func`.\n   */\n  function apply(func, thisArg, args) {\n    switch (args.length) {\n      case 0: return func.call(thisArg);\n      case 1: return func.call(thisArg, args[0]);\n      case 2: return func.call(thisArg, args[0], args[1]);\n      case 3: return func.call(thisArg, args[0], args[1], args[2]);\n    }\n    return func.apply(thisArg, args);\n  }\n\n  /**\n   * A specialized version of `baseAggregator` for arrays.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} setter The function to set `accumulator` values.\n   * @param {Function} iteratee The iteratee to transform keys.\n   * @param {Object} accumulator The initial aggregated object.\n   * @returns {Function} Returns `accumulator`.\n   */\n  function arrayAggregator(array, setter, iteratee, accumulator) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    while (++index < length) {\n      var value = array[index];\n      setter(accumulator, value, iteratee(value), array);\n    }\n    return accumulator;\n  }\n\n  /**\n   * A specialized version of `_.forEach` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {Array} Returns `array`.\n   */\n  function arrayEach(array, iteratee) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    while (++index < length) {\n      if (iteratee(array[index], index, array) === false) {\n        break;\n      }\n    }\n    return array;\n  }\n\n  /**\n   * A specialized version of `_.forEachRight` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {Array} Returns `array`.\n   */\n  function arrayEachRight(array, iteratee) {\n    var length = array == null ? 0 : array.length;\n\n    while (length--) {\n      if (iteratee(array[length], length, array) === false) {\n        break;\n      }\n    }\n    return array;\n  }\n\n  /**\n   * A specialized version of `_.every` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} predicate The function invoked per iteration.\n   * @returns {boolean} Returns `true` if all elements pass the predicate check,\n   *  else `false`.\n   */\n  function arrayEvery(array, predicate) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    while (++index < length) {\n      if (!predicate(array[index], index, array)) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  /**\n   * A specialized version of `_.filter` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} predicate The function invoked per iteration.\n   * @returns {Array} Returns the new filtered array.\n   */\n  function arrayFilter(array, predicate) {\n    var index = -1,\n        length = array == null ? 0 : array.length,\n        resIndex = 0,\n        result = [];\n\n    while (++index < length) {\n      var value = array[index];\n      if (predicate(value, index, array)) {\n        result[resIndex++] = value;\n      }\n    }\n    return result;\n  }\n\n  /**\n   * A specialized version of `_.includes` for arrays without support for\n   * specifying an index to search from.\n   *\n   * @private\n   * @param {Array} [array] The array to inspect.\n   * @param {*} target The value to search for.\n   * @returns {boolean} Returns `true` if `target` is found, else `false`.\n   */\n  function arrayIncludes(array, value) {\n    var length = array == null ? 0 : array.length;\n    return !!length && baseIndexOf(array, value, 0) > -1;\n  }\n\n  /**\n   * This function is like `arrayIncludes` except that it accepts a comparator.\n   *\n   * @private\n   * @param {Array} [array] The array to inspect.\n   * @param {*} target The value to search for.\n   * @param {Function} comparator The comparator invoked per element.\n   * @returns {boolean} Returns `true` if `target` is found, else `false`.\n   */\n  function arrayIncludesWith(array, value, comparator) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    while (++index < length) {\n      if (comparator(value, array[index])) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * A specialized version of `_.map` for arrays without support for iteratee\n   * shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {Array} Returns the new mapped array.\n   */\n  function arrayMap(array, iteratee) {\n    var index = -1,\n        length = array == null ? 0 : array.length,\n        result = Array(length);\n\n    while (++index < length) {\n      result[index] = iteratee(array[index], index, array);\n    }\n    return result;\n  }\n\n  /**\n   * Appends the elements of `values` to `array`.\n   *\n   * @private\n   * @param {Array} array The array to modify.\n   * @param {Array} values The values to append.\n   * @returns {Array} Returns `array`.\n   */\n  function arrayPush(array, values) {\n    var index = -1,\n        length = values.length,\n        offset = array.length;\n\n    while (++index < length) {\n      array[offset + index] = values[index];\n    }\n    return array;\n  }\n\n  /**\n   * A specialized version of `_.reduce` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @param {*} [accumulator] The initial value.\n   * @param {boolean} [initAccum] Specify using the first element of `array` as\n   *  the initial value.\n   * @returns {*} Returns the accumulated value.\n   */\n  function arrayReduce(array, iteratee, accumulator, initAccum) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    if (initAccum && length) {\n      accumulator = array[++index];\n    }\n    while (++index < length) {\n      accumulator = iteratee(accumulator, array[index], index, array);\n    }\n    return accumulator;\n  }\n\n  /**\n   * A specialized version of `_.reduceRight` for arrays without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @param {*} [accumulator] The initial value.\n   * @param {boolean} [initAccum] Specify using the last element of `array` as\n   *  the initial value.\n   * @returns {*} Returns the accumulated value.\n   */\n  function arrayReduceRight(array, iteratee, accumulator, initAccum) {\n    var length = array == null ? 0 : array.length;\n    if (initAccum && length) {\n      accumulator = array[--length];\n    }\n    while (length--) {\n      accumulator = iteratee(accumulator, array[length], length, array);\n    }\n    return accumulator;\n  }\n\n  /**\n   * A specialized version of `_.some` for arrays without support for iteratee\n   * shorthands.\n   *\n   * @private\n   * @param {Array} [array] The array to iterate over.\n   * @param {Function} predicate The function invoked per iteration.\n   * @returns {boolean} Returns `true` if any element passes the predicate check,\n   *  else `false`.\n   */\n  function arraySome(array, predicate) {\n    var index = -1,\n        length = array == null ? 0 : array.length;\n\n    while (++index < length) {\n      if (predicate(array[index], index, array)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Gets the size of an ASCII `string`.\n   *\n   * @private\n   * @param {string} string The string inspect.\n   * @returns {number} Returns the string size.\n   */\n  var asciiSize = baseProperty('length');\n\n  /**\n   * Converts an ASCII `string` to an array.\n   *\n   * @private\n   * @param {string} string The string to convert.\n   * @returns {Array} Returns the converted array.\n   */\n  function asciiToArray(string) {\n    return string.split('');\n  }\n\n  /**\n   * Splits an ASCII `string` into an array of its words.\n   *\n   * @private\n   * @param {string} The string to inspect.\n   * @returns {Array} Returns the words of `string`.\n   */\n  function asciiWords(string) {\n    return string.match(reAsciiWord) || [];\n  }\n\n  /**\n   * The base implementation of methods like `_.findKey` and `_.findLastKey`,\n   * without support for iteratee shorthands, which iterates over `collection`\n   * using `eachFunc`.\n   *\n   * @private\n   * @param {Array|Object} collection The collection to inspect.\n   * @param {Function} predicate The function invoked per iteration.\n   * @param {Function} eachFunc The function to iterate over `collection`.\n   * @returns {*} Returns the found element or its key, else `undefined`.\n   */\n  function baseFindKey(collection, predicate, eachFunc) {\n    var result;\n    eachFunc(collection, function(value, key, collection) {\n      if (predicate(value, key, collection)) {\n        result = key;\n        return false;\n      }\n    });\n    return result;\n  }\n\n  /**\n   * The base implementation of `_.findIndex` and `_.findLastIndex` without\n   * support for iteratee shorthands.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {Function} predicate The function invoked per iteration.\n   * @param {number} fromIndex The index to search from.\n   * @param {boolean} [fromRight] Specify iterating from right to left.\n   * @returns {number} Returns the index of the matched value, else `-1`.\n   */\n  function baseFindIndex(array, predicate, fromIndex, fromRight) {\n    var length = array.length,\n        index = fromIndex + (fromRight ? 1 : -1);\n\n    while ((fromRight ? index-- : ++index < length)) {\n      if (predicate(array[index], index, array)) {\n        return index;\n      }\n    }\n    return -1;\n  }\n\n  /**\n   * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {*} value The value to search for.\n   * @param {number} fromIndex The index to search from.\n   * @returns {number} Returns the index of the matched value, else `-1`.\n   */\n  function baseIndexOf(array, value, fromIndex) {\n    return value === value\n      ? strictIndexOf(array, value, fromIndex)\n      : baseFindIndex(array, baseIsNaN, fromIndex);\n  }\n\n  /**\n   * This function is like `baseIndexOf` except that it accepts a comparator.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {*} value The value to search for.\n   * @param {number} fromIndex The index to search from.\n   * @param {Function} comparator The comparator invoked per element.\n   * @returns {number} Returns the index of the matched value, else `-1`.\n   */\n  function baseIndexOfWith(array, value, fromIndex, comparator) {\n    var index = fromIndex - 1,\n        length = array.length;\n\n    while (++index < length) {\n      if (comparator(array[index], value)) {\n        return index;\n      }\n    }\n    return -1;\n  }\n\n  /**\n   * The base implementation of `_.isNaN` without support for number objects.\n   *\n   * @private\n   * @param {*} value The value to check.\n   * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n   */\n  function baseIsNaN(value) {\n    return value !== value;\n  }\n\n  /**\n   * The base implementation of `_.mean` and `_.meanBy` without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} array The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {number} Returns the mean.\n   */\n  function baseMean(array, iteratee) {\n    var length = array == null ? 0 : array.length;\n    return length ? (baseSum(array, iteratee) / length) : NAN;\n  }\n\n  /**\n   * The base implementation of `_.property` without support for deep paths.\n   *\n   * @private\n   * @param {string} key The key of the property to get.\n   * @returns {Function} Returns the new accessor function.\n   */\n  function baseProperty(key) {\n    return function(object) {\n      return object == null ? undefined : object[key];\n    };\n  }\n\n  /**\n   * The base implementation of `_.propertyOf` without support for deep paths.\n   *\n   * @private\n   * @param {Object} object The object to query.\n   * @returns {Function} Returns the new accessor function.\n   */\n  function basePropertyOf(object) {\n    return function(key) {\n      return object == null ? undefined : object[key];\n    };\n  }\n\n  /**\n   * The base implementation of `_.reduce` and `_.reduceRight`, without support\n   * for iteratee shorthands, which iterates over `collection` using `eachFunc`.\n   *\n   * @private\n   * @param {Array|Object} collection The collection to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @param {*} accumulator The initial value.\n   * @param {boolean} initAccum Specify using the first or last element of\n   *  `collection` as the initial value.\n   * @param {Function} eachFunc The function to iterate over `collection`.\n   * @returns {*} Returns the accumulated value.\n   */\n  function baseReduce(collection, iteratee, accumulator, initAccum, eachFunc) {\n    eachFunc(collection, function(value, index, collection) {\n      accumulator = initAccum\n        ? (initAccum = false, value)\n        : iteratee(accumulator, value, index, collection);\n    });\n    return accumulator;\n  }\n\n  /**\n   * The base implementation of `_.sortBy` which uses `comparer` to define the\n   * sort order of `array` and replaces criteria objects with their corresponding\n   * values.\n   *\n   * @private\n   * @param {Array} array The array to sort.\n   * @param {Function} comparer The function to define sort order.\n   * @returns {Array} Returns `array`.\n   */\n  function baseSortBy(array, comparer) {\n    var length = array.length;\n\n    array.sort(comparer);\n    while (length--) {\n      array[length] = array[length].value;\n    }\n    return array;\n  }\n\n  /**\n   * The base implementation of `_.sum` and `_.sumBy` without support for\n   * iteratee shorthands.\n   *\n   * @private\n   * @param {Array} array The array to iterate over.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {number} Returns the sum.\n   */\n  function baseSum(array, iteratee) {\n    var result,\n        index = -1,\n        length = array.length;\n\n    while (++index < length) {\n      var current = iteratee(array[index]);\n      if (current !== undefined) {\n        result = result === undefined ? current : (result + current);\n      }\n    }\n    return result;\n  }\n\n  /**\n   * The base implementation of `_.times` without support for iteratee shorthands\n   * or max array length checks.\n   *\n   * @private\n   * @param {number} n The number of times to invoke `iteratee`.\n   * @param {Function} iteratee The function invoked per iteration.\n   * @returns {Array} Returns the array of results.\n   */\n  function baseTimes(n, iteratee) {\n    var index = -1,\n        result = Array(n);\n\n    while (++index < n) {\n      result[index] = iteratee(index);\n    }\n    return result;\n  }\n\n  /**\n   * The base implementation of `_.toPairs` and `_.toPairsIn` which creates an array\n   * of key-value pairs for `object` corresponding to the property names of `props`.\n   *\n   * @private\n   * @param {Object} object The object to query.\n   * @param {Array} props The property names to get values for.\n   * @returns {Object} Returns the key-value pairs.\n   */\n  function baseToPairs(object, props) {\n    return arrayMap(props, function(key) {\n      return [key, object[key]];\n    });\n  }\n\n  /**\n   * The base implementation of `_.trim`.\n   *\n   * @private\n   * @param {string} string The string to trim.\n   * @returns {string} Returns the trimmed string.\n   */\n  function baseTrim(string) {\n    return string\n      ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n      : string;\n  }\n\n  /**\n   * The base implementation of `_.unary` without support for storing metadata.\n   *\n   * @private\n   * @param {Function} func The function to cap arguments for.\n   * @returns {Function} Returns the new capped function.\n   */\n  function baseUnary(func) {\n    return function(value) {\n      return func(value);\n    };\n  }\n\n  /**\n   * The base implementation of `_.values` and `_.valuesIn` which creates an\n   * array of `object` property values corresponding to the property names\n   * of `props`.\n   *\n   * @private\n   * @param {Object} object The object to query.\n   * @param {Array} props The property names to get values for.\n   * @returns {Object} Returns the array of property values.\n   */\n  function baseValues(object, props) {\n    return arrayMap(props, function(key) {\n      return object[key];\n    });\n  }\n\n  /**\n   * Checks if a `cache` value for `key` exists.\n   *\n   * @private\n   * @param {Object} cache The cache to query.\n   * @param {string} key The key of the entry to check.\n   * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n   */\n  function cacheHas(cache, key) {\n    return cache.has(key);\n  }\n\n  /**\n   * Used by `_.trim` and `_.trimStart` to get the index of the first string symbol\n   * that is not found in the character symbols.\n   *\n   * @private\n   * @param {Array} strSymbols The string symbols to inspect.\n   * @param {Array} chrSymbols The character symbols to find.\n   * @returns {number} Returns the index of the first unmatched string symbol.\n   */\n  function charsStartIndex(strSymbols, chrSymbols) {\n    var index = -1,\n        length = strSymbols.length;\n\n    while (++index < length && baseIndexOf(chrSymbols, strSymbols[index], 0) > -1) {}\n    return index;\n  }\n\n  /**\n   * Used by `_.trim` and `_.trimEnd` to get the index of the last string symbol\n   * that is not found in the character symbols.\n   *\n   * @private\n   * @param {Array} strSymbols The string symbols to inspect.\n   * @param {Array} chrSymbols The character symbols to find.\n   * @returns {number} Returns the index of the last unmatched string symbol.\n   */\n  function charsEndIndex(strSymbols, chrSymbols) {\n    var index = strSymbols.length;\n\n    while (index-- && baseIndexOf(chrSymbols, strSymbols[index], 0) > -1) {}\n    return index;\n  }\n\n  /**\n   * Gets the number of `placeholder` occurrences in `array`.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {*} placeholder The placeholder to search for.\n   * @returns {number} Returns the placeholder count.\n   */\n  function countHolders(array, placeholder) {\n    var length = array.length,\n        result = 0;\n\n    while (length--) {\n      if (array[length] === placeholder) {\n        ++result;\n      }\n    }\n    return result;\n  }\n\n  /**\n   * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A\n   * letters to basic Latin letters.\n   *\n   * @private\n   * @param {string} letter The matched letter to deburr.\n   * @returns {string} Returns the deburred letter.\n   */\n  var deburrLetter = basePropertyOf(deburredLetters);\n\n  /**\n   * Used by `_.escape` to convert characters to HTML entities.\n   *\n   * @private\n   * @param {string} chr The matched character to escape.\n   * @returns {string} Returns the escaped character.\n   */\n  var escapeHtmlChar = basePropertyOf(htmlEscapes);\n\n  /**\n   * Used by `_.template` to escape characters for inclusion in compiled string literals.\n   *\n   * @private\n   * @param {string} chr The matched character to escape.\n   * @returns {string} Returns the escaped character.\n   */\n  function escapeStringChar(chr) {\n    return '\\\\' + stringEscapes[chr];\n  }\n\n  /**\n   * Gets the value at `key` of `object`.\n   *\n   * @private\n   * @param {Object} [object] The object to query.\n   * @param {string} key The key of the property to get.\n   * @returns {*} Returns the property value.\n   */\n  function getValue(object, key) {\n    return object == null ? undefined : object[key];\n  }\n\n  /**\n   * Checks if `string` contains Unicode symbols.\n   *\n   * @private\n   * @param {string} string The string to inspect.\n   * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n   */\n  function hasUnicode(string) {\n    return reHasUnicode.test(string);\n  }\n\n  /**\n   * Checks if `string` contains a word composed of Unicode symbols.\n   *\n   * @private\n   * @param {string} string The string to inspect.\n   * @returns {boolean} Returns `true` if a word is found, else `false`.\n   */\n  function hasUnicodeWord(string) {\n    return reHasUnicodeWord.test(string);\n  }\n\n  /**\n   * Converts `iterator` to an array.\n   *\n   * @private\n   * @param {Object} iterator The iterator to convert.\n   * @returns {Array} Returns the converted array.\n   */\n  function iteratorToArray(iterator) {\n    var data,\n        result = [];\n\n    while (!(data = iterator.next()).done) {\n      result.push(data.value);\n    }\n    return result;\n  }\n\n  /**\n   * Converts `map` to its key-value pairs.\n   *\n   * @private\n   * @param {Object} map The map to convert.\n   * @returns {Array} Returns the key-value pairs.\n   */\n  function mapToArray(map) {\n    var index = -1,\n        result = Array(map.size);\n\n    map.forEach(function(value, key) {\n      result[++index] = [key, value];\n    });\n    return result;\n  }\n\n  /**\n   * Creates a unary function that invokes `func` with its argument transformed.\n   *\n   * @private\n   * @param {Function} func The function to wrap.\n   * @param {Function} transform The argument transform.\n   * @returns {Function} Returns the new function.\n   */\n  function overArg(func, transform) {\n    return function(arg) {\n      return func(transform(arg));\n    };\n  }\n\n  /**\n   * Replaces all `placeholder` elements in `array` with an internal placeholder\n   * and returns an array of their indexes.\n   *\n   * @private\n   * @param {Array} array The array to modify.\n   * @param {*} placeholder The placeholder to replace.\n   * @returns {Array} Returns the new array of placeholder indexes.\n   */\n  function replaceHolders(array, placeholder) {\n    var index = -1,\n        length = array.length,\n        resIndex = 0,\n        result = [];\n\n    while (++index < length) {\n      var value = array[index];\n      if (value === placeholder || value === PLACEHOLDER) {\n        array[index] = PLACEHOLDER;\n        result[resIndex++] = index;\n      }\n    }\n    return result;\n  }\n\n  /**\n   * Converts `set` to an array of its values.\n   *\n   * @private\n   * @param {Object} set The set to convert.\n   * @returns {Array} Returns the values.\n   */\n  function setToArray(set) {\n    var index = -1,\n        result = Array(set.size);\n\n    set.forEach(function(value) {\n      result[++index] = value;\n    });\n    return result;\n  }\n\n  /**\n   * Converts `set` to its value-value pairs.\n   *\n   * @private\n   * @param {Object} set The set to convert.\n   * @returns {Array} Returns the value-value pairs.\n   */\n  function setToPairs(set) {\n    var index = -1,\n        result = Array(set.size);\n\n    set.forEach(function(value) {\n      result[++index] = [value, value];\n    });\n    return result;\n  }\n\n  /**\n   * A specialized version of `_.indexOf` which performs strict equality\n   * comparisons of values, i.e. `===`.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {*} value The value to search for.\n   * @param {number} fromIndex The index to search from.\n   * @returns {number} Returns the index of the matched value, else `-1`.\n   */\n  function strictIndexOf(array, value, fromIndex) {\n    var index = fromIndex - 1,\n        length = array.length;\n\n    while (++index < length) {\n      if (array[index] === value) {\n        return index;\n      }\n    }\n    return -1;\n  }\n\n  /**\n   * A specialized version of `_.lastIndexOf` which performs strict equality\n   * comparisons of values, i.e. `===`.\n   *\n   * @private\n   * @param {Array} array The array to inspect.\n   * @param {*} value The value to search for.\n   * @param {number} fromIndex The index to search from.\n   * @returns {number} Returns the index of the matched value, else `-1`.\n   */\n  function strictLastIndexOf(array, value, fromIndex) {\n    var index = fromIndex + 1;\n    while (index--) {\n      if (array[index] === value) {\n        return index;\n      }\n    }\n    return index;\n  }\n\n  /**\n   * Gets the number of symbols in `string`.\n   *\n   * @private\n   * @param {string} string The string to inspect.\n   * @returns {number} Returns the string size.\n   */\n  function stringSize(string) {\n    return hasUnicode(string)\n      ? unicodeSize(string)\n      : asciiSize(string);\n  }\n\n  /**\n   * Converts `string` to an array.\n   *\n   * @private\n   * @param {string} string The string to convert.\n   * @returns {Array} Returns the converted array.\n   */\n  function stringToArray(string) {\n    return hasUnicode(string)\n      ? unicodeToArray(string)\n      : asciiToArray(string);\n  }\n\n  /**\n   * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n   * character of `string`.\n   *\n   * @private\n   * @param {string} string The string to inspect.\n   * @returns {number} Returns the index of the last non-whitespace character.\n   */\n  function trimmedEndIndex(string) {\n    var index = string.length;\n\n    while (index-- && reWhitespace.test(string.charAt(index))) {}\n    return index;\n  }\n\n  /**\n   * Used by `_.unescape` to convert HTML entities to characters.\n   *\n   * @private\n   * @param {string} chr The matched character to unescape.\n   * @returns {string} Returns the unescaped character.\n   */\n  var unescapeHtmlChar = basePropertyOf(htmlUnescapes);\n\n  /**\n   * Gets the size of a Unicode `string`.\n   *\n   * @private\n   * @param {string} string The string inspect.\n   * @returns {number} Returns the string size.\n   */\n  function unicodeSize(string) {\n    var result = reUnicode.lastIndex = 0;\n    while (reUnicode.test(string)) {\n      ++result;\n    }\n    return result;\n  }\n\n  /**\n   * Converts a Unicode `string` to an array.\n   *\n   * @private\n   * @param {string} string The string to convert.\n   * @returns {Array} Returns the converted array.\n   */\n  function unicodeToArray(string) {\n    return string.match(reUnicode) || [];\n  }\n\n  /**\n   * Splits a Unicode `string` into an array of its words.\n   *\n   * @private\n   * @param {string} The string to inspect.\n   * @returns {Array} Returns the words of `string`.\n   */\n  function unicodeWords(string) {\n    return string.match(reUnicodeWord) || [];\n  }\n\n  /*--------------------------------------------------------------------------*/\n\n  /**\n   * Create a new pristine `lodash` function using the `context` object.\n   *\n   * @static\n   * @memberOf _\n   * @since 1.1.0\n   * @category Util\n   * @param {Object} [context=root] The context object.\n   * @returns {Function} Returns a new `lodash` function.\n   * @example\n   *\n   * _.mixin({ 'foo': _.constant('foo') });\n   *\n   * var lodash = _.runInContext();\n   * lodash.mixin({ 'bar': lodash.constant('bar') });\n   *\n   * _.isFunction(_.foo);\n   * // => true\n   * _.isFunction(_.bar);\n   * // => false\n   *\n   * lodash.isFunction(lodash.foo);\n   * // => false\n   * lodash.isFunction(lodash.bar);\n   * // => true\n   *\n   * // Create a suped-up `defer` in Node.js.\n   * var defer = _.runInContext({ 'setTimeout': setImmediate }).defer;\n   */\n  var runInContext = (function runInContext(context) {\n    context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));\n\n    /** Built-in constructor references. */\n    var Array = context.Array,\n        Date = context.Date,\n        Error = context.Error,\n        Function = context.Function,\n        Math = context.Math,\n        Object = context.Object,\n        RegExp = context.RegExp,\n        String = context.String,\n        TypeError = context.TypeError;\n\n    /** Used for built-in method references. */\n    var arrayProto = Array.prototype,\n        funcProto = Function.prototype,\n        objectProto = Object.prototype;\n\n    /** Used to detect overreaching core-js shims. */\n    var coreJsData = context['__core-js_shared__'];\n\n    /** Used to resolve the decompiled source of functions. */\n    var funcToString = funcProto.toString;\n\n    /** Used to check objects for own properties. */\n    var hasOwnProperty = objectProto.hasOwnProperty;\n\n    /** Used to generate unique IDs. */\n    var idCounter = 0;\n\n    /** Used to detect methods masquerading as native. */\n    var maskSrcKey = (function() {\n      var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n      return uid ? ('Symbol(src)_1.' + uid) : '';\n    }());\n\n    /**\n     * Used to resolve the\n     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n     * of values.\n     */\n    var nativeObjectToString = objectProto.toString;\n\n    /** Used to infer the `Object` constructor. */\n    var objectCtorString = funcToString.call(Object);\n\n    /** Used to restore the original `_` reference in `_.noConflict`. */\n    var oldDash = root._;\n\n    /** Used to detect if a method is native. */\n    var reIsNative = RegExp('^' +\n      funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n      .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n    );\n\n    /** Built-in value references. */\n    var Buffer = moduleExports ? context.Buffer : undefined,\n        Symbol = context.Symbol,\n        Uint8Array = context.Uint8Array,\n        allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined,\n        getPrototype = overArg(Object.getPrototypeOf, Object),\n        objectCreate = Object.create,\n        propertyIsEnumerable = objectProto.propertyIsEnumerable,\n        splice = arrayProto.splice,\n        spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined,\n        symIterator = Symbol ? Symbol.iterator : undefined,\n        symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n    var defineProperty = (function() {\n      try {\n        var func = getNative(Object, 'defineProperty');\n        func({}, '', {});\n        return func;\n      } catch (e) {}\n    }());\n\n    /** Mocked built-ins. */\n    var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout,\n        ctxNow = Date && Date.now !== root.Date.now && Date.now,\n        ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;\n\n    /* Built-in method references for those with the same name as other `lodash` methods. */\n    var nativeCeil = Math.ceil,\n        nativeFloor = Math.floor,\n        nativeGetSymbols = Object.getOwnPropertySymbols,\n        nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,\n        nativeIsFinite = context.isFinite,\n        nativeJoin = arrayProto.join,\n        nativeKeys = overArg(Object.keys, Object),\n        nativeMax = Math.max,\n        nativeMin = Math.min,\n        nativeNow = Date.now,\n        nativeParseInt = context.parseInt,\n        nativeRandom = Math.random,\n        nativeReverse = arrayProto.reverse;\n\n    /* Built-in method references that are verified to be native. */\n    var DataView = getNative(context, 'DataView'),\n        Map = getNative(context, 'Map'),\n        Promise = getNative(context, 'Promise'),\n        Set = getNative(context, 'Set'),\n        WeakMap = getNative(context, 'WeakMap'),\n        nativeCreate = getNative(Object, 'create');\n\n    /** Used to store function metadata. */\n    var metaMap = WeakMap && new WeakMap;\n\n    /** Used to lookup unminified function names. */\n    var realNames = {};\n\n    /** Used to detect maps, sets, and weakmaps. */\n    var dataViewCtorString = toSource(DataView),\n        mapCtorString = toSource(Map),\n        promiseCtorString = toSource(Promise),\n        setCtorString = toSource(Set),\n        weakMapCtorString = toSource(WeakMap);\n\n    /** Used to convert symbols to primitives and strings. */\n    var symbolProto = Symbol ? Symbol.prototype : undefined,\n        symbolValueOf = symbolProto ? symbolProto.valueOf : undefined,\n        symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a `lodash` object which wraps `value` to enable implicit method\n     * chain sequences. Methods that operate on and return arrays, collections,\n     * and functions can be chained together. Methods that retrieve a single value\n     * or may return a primitive value will automatically end the chain sequence\n     * and return the unwrapped value. Otherwise, the value must be unwrapped\n     * with `_#value`.\n     *\n     * Explicit chain sequences, which must be unwrapped with `_#value`, may be\n     * enabled using `_.chain`.\n     *\n     * The execution of chained methods is lazy, that is, it's deferred until\n     * `_#value` is implicitly or explicitly called.\n     *\n     * Lazy evaluation allows several methods to support shortcut fusion.\n     * Shortcut fusion is an optimization to merge iteratee calls; this avoids\n     * the creation of intermediate arrays and can greatly reduce the number of\n     * iteratee executions. Sections of a chain sequence qualify for shortcut\n     * fusion if the section is applied to an array and iteratees accept only\n     * one argument. The heuristic for whether a section qualifies for shortcut\n     * fusion is subject to change.\n     *\n     * Chaining is supported in custom builds as long as the `_#value` method is\n     * directly or indirectly included in the build.\n     *\n     * In addition to lodash methods, wrappers have `Array` and `String` methods.\n     *\n     * The wrapper `Array` methods are:\n     * `concat`, `join`, `pop`, `push`, `shift`, `sort`, `splice`, and `unshift`\n     *\n     * The wrapper `String` methods are:\n     * `replace` and `split`\n     *\n     * The wrapper methods that support shortcut fusion are:\n     * `at`, `compact`, `drop`, `dropRight`, `dropWhile`, `filter`, `find`,\n     * `findLast`, `head`, `initial`, `last`, `map`, `reject`, `reverse`, `slice`,\n     * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, and `toArray`\n     *\n     * The chainable wrapper methods are:\n     * `after`, `ary`, `assign`, `assignIn`, `assignInWith`, `assignWith`, `at`,\n     * `before`, `bind`, `bindAll`, `bindKey`, `castArray`, `chain`, `chunk`,\n     * `commit`, `compact`, `concat`, `conforms`, `constant`, `countBy`, `create`,\n     * `curry`, `debounce`, `defaults`, `defaultsDeep`, `defer`, `delay`,\n     * `difference`, `differenceBy`, `differenceWith`, `drop`, `dropRight`,\n     * `dropRightWhile`, `dropWhile`, `extend`, `extendWith`, `fill`, `filter`,\n     * `flatMap`, `flatMapDeep`, `flatMapDepth`, `flatten`, `flattenDeep`,\n     * `flattenDepth`, `flip`, `flow`, `flowRight`, `fromPairs`, `functions`,\n     * `functionsIn`, `groupBy`, `initial`, `intersection`, `intersectionBy`,\n     * `intersectionWith`, `invert`, `invertBy`, `invokeMap`, `iteratee`, `keyBy`,\n     * `keys`, `keysIn`, `map`, `mapKeys`, `mapValues`, `matches`, `matchesProperty`,\n     * `memoize`, `merge`, `mergeWith`, `method`, `methodOf`, `mixin`, `negate`,\n     * `nthArg`, `omit`, `omitBy`, `once`, `orderBy`, `over`, `overArgs`,\n     * `overEvery`, `overSome`, `partial`, `partialRight`, `partition`, `pick`,\n     * `pickBy`, `plant`, `property`, `propertyOf`, `pull`, `pullAll`, `pullAllBy`,\n     * `pullAllWith`, `pullAt`, `push`, `range`, `rangeRight`, `rearg`, `reject`,\n     * `remove`, `rest`, `reverse`, `sampleSize`, `set`, `setWith`, `shuffle`,\n     * `slice`, `sort`, `sortBy`, `splice`, `spread`, `tail`, `take`, `takeRight`,\n     * `takeRightWhile`, `takeWhile`, `tap`, `throttle`, `thru`, `toArray`,\n     * `toPairs`, `toPairsIn`, `toPath`, `toPlainObject`, `transform`, `unary`,\n     * `union`, `unionBy`, `unionWith`, `uniq`, `uniqBy`, `uniqWith`, `unset`,\n     * `unshift`, `unzip`, `unzipWith`, `update`, `updateWith`, `values`,\n     * `valuesIn`, `without`, `wrap`, `xor`, `xorBy`, `xorWith`, `zip`,\n     * `zipObject`, `zipObjectDeep`, and `zipWith`\n     *\n     * The wrapper methods that are **not** chainable by default are:\n     * `add`, `attempt`, `camelCase`, `capitalize`, `ceil`, `clamp`, `clone`,\n     * `cloneDeep`, `cloneDeepWith`, `cloneWith`, `conformsTo`, `deburr`,\n     * `defaultTo`, `divide`, `each`, `eachRight`, `endsWith`, `eq`, `escape`,\n     * `escapeRegExp`, `every`, `find`, `findIndex`, `findKey`, `findLast`,\n     * `findLastIndex`, `findLastKey`, `first`, `floor`, `forEach`, `forEachRight`,\n     * `forIn`, `forInRight`, `forOwn`, `forOwnRight`, `get`, `gt`, `gte`, `has`,\n     * `hasIn`, `head`, `identity`, `includes`, `indexOf`, `inRange`, `invoke`,\n     * `isArguments`, `isArray`, `isArrayBuffer`, `isArrayLike`, `isArrayLikeObject`,\n     * `isBoolean`, `isBuffer`, `isDate`, `isElement`, `isEmpty`, `isEqual`,\n     * `isEqualWith`, `isError`, `isFinite`, `isFunction`, `isInteger`, `isLength`,\n     * `isMap`, `isMatch`, `isMatchWith`, `isNaN`, `isNative`, `isNil`, `isNull`,\n     * `isNumber`, `isObject`, `isObjectLike`, `isPlainObject`, `isRegExp`,\n     * `isSafeInteger`, `isSet`, `isString`, `isUndefined`, `isTypedArray`,\n     * `isWeakMap`, `isWeakSet`, `join`, `kebabCase`, `last`, `lastIndexOf`,\n     * `lowerCase`, `lowerFirst`, `lt`, `lte`, `max`, `maxBy`, `mean`, `meanBy`,\n     * `min`, `minBy`, `multiply`, `noConflict`, `noop`, `now`, `nth`, `pad`,\n     * `padEnd`, `padStart`, `parseInt`, `pop`, `random`, `reduce`, `reduceRight`,\n     * `repeat`, `result`, `round`, `runInContext`, `sample`, `shift`, `size`,\n     * `snakeCase`, `some`, `sortedIndex`, `sortedIndexBy`, `sortedLastIndex`,\n     * `sortedLastIndexBy`, `startCase`, `startsWith`, `stubArray`, `stubFalse`,\n     * `stubObject`, `stubString`, `stubTrue`, `subtract`, `sum`, `sumBy`,\n     * `template`, `times`, `toFinite`, `toInteger`, `toJSON`, `toLength`,\n     * `toLower`, `toNumber`, `toSafeInteger`, `toString`, `toUpper`, `trim`,\n     * `trimEnd`, `trimStart`, `truncate`, `unescape`, `uniqueId`, `upperCase`,\n     * `upperFirst`, `value`, and `words`\n     *\n     * @name _\n     * @constructor\n     * @category Seq\n     * @param {*} value The value to wrap in a `lodash` instance.\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * var wrapped = _([1, 2, 3]);\n     *\n     * // Returns an unwrapped value.\n     * wrapped.reduce(_.add);\n     * // => 6\n     *\n     * // Returns a wrapped value.\n     * var squares = wrapped.map(square);\n     *\n     * _.isArray(squares);\n     * // => false\n     *\n     * _.isArray(squares.value());\n     * // => true\n     */\n    function lodash(value) {\n      if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {\n        if (value instanceof LodashWrapper) {\n          return value;\n        }\n        if (hasOwnProperty.call(value, '__wrapped__')) {\n          return wrapperClone(value);\n        }\n      }\n      return new LodashWrapper(value);\n    }\n\n    /**\n     * The base implementation of `_.create` without support for assigning\n     * properties to the created object.\n     *\n     * @private\n     * @param {Object} proto The object to inherit from.\n     * @returns {Object} Returns the new object.\n     */\n    var baseCreate = (function() {\n      function object() {}\n      return function(proto) {\n        if (!isObject(proto)) {\n          return {};\n        }\n        if (objectCreate) {\n          return objectCreate(proto);\n        }\n        object.prototype = proto;\n        var result = new object;\n        object.prototype = undefined;\n        return result;\n      };\n    }());\n\n    /**\n     * The function whose prototype chain sequence wrappers inherit from.\n     *\n     * @private\n     */\n    function baseLodash() {\n      // No operation performed.\n    }\n\n    /**\n     * The base constructor for creating `lodash` wrapper objects.\n     *\n     * @private\n     * @param {*} value The value to wrap.\n     * @param {boolean} [chainAll] Enable explicit method chain sequences.\n     */\n    function LodashWrapper(value, chainAll) {\n      this.__wrapped__ = value;\n      this.__actions__ = [];\n      this.__chain__ = !!chainAll;\n      this.__index__ = 0;\n      this.__values__ = undefined;\n    }\n\n    /**\n     * By default, the template delimiters used by lodash are like those in\n     * embedded Ruby (ERB) as well as ES2015 template strings. Change the\n     * following template settings to use alternative delimiters.\n     *\n     * @static\n     * @memberOf _\n     * @type {Object}\n     */\n    lodash.templateSettings = {\n\n      /**\n       * Used to detect `data` property values to be HTML-escaped.\n       *\n       * @memberOf _.templateSettings\n       * @type {RegExp}\n       */\n      'escape': reEscape,\n\n      /**\n       * Used to detect code to be evaluated.\n       *\n       * @memberOf _.templateSettings\n       * @type {RegExp}\n       */\n      'evaluate': reEvaluate,\n\n      /**\n       * Used to detect `data` property values to inject.\n       *\n       * @memberOf _.templateSettings\n       * @type {RegExp}\n       */\n      'interpolate': reInterpolate,\n\n      /**\n       * Used to reference the data object in the template text.\n       *\n       * @memberOf _.templateSettings\n       * @type {string}\n       */\n      'variable': '',\n\n      /**\n       * Used to import variables into the compiled template.\n       *\n       * @memberOf _.templateSettings\n       * @type {Object}\n       */\n      'imports': {\n\n        /**\n         * A reference to the `lodash` function.\n         *\n         * @memberOf _.templateSettings.imports\n         * @type {Function}\n         */\n        '_': lodash\n      }\n    };\n\n    // Ensure wrappers are instances of `baseLodash`.\n    lodash.prototype = baseLodash.prototype;\n    lodash.prototype.constructor = lodash;\n\n    LodashWrapper.prototype = baseCreate(baseLodash.prototype);\n    LodashWrapper.prototype.constructor = LodashWrapper;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a lazy wrapper object which wraps `value` to enable lazy evaluation.\n     *\n     * @private\n     * @constructor\n     * @param {*} value The value to wrap.\n     */\n    function LazyWrapper(value) {\n      this.__wrapped__ = value;\n      this.__actions__ = [];\n      this.__dir__ = 1;\n      this.__filtered__ = false;\n      this.__iteratees__ = [];\n      this.__takeCount__ = MAX_ARRAY_LENGTH;\n      this.__views__ = [];\n    }\n\n    /**\n     * Creates a clone of the lazy wrapper object.\n     *\n     * @private\n     * @name clone\n     * @memberOf LazyWrapper\n     * @returns {Object} Returns the cloned `LazyWrapper` object.\n     */\n    function lazyClone() {\n      var result = new LazyWrapper(this.__wrapped__);\n      result.__actions__ = copyArray(this.__actions__);\n      result.__dir__ = this.__dir__;\n      result.__filtered__ = this.__filtered__;\n      result.__iteratees__ = copyArray(this.__iteratees__);\n      result.__takeCount__ = this.__takeCount__;\n      result.__views__ = copyArray(this.__views__);\n      return result;\n    }\n\n    /**\n     * Reverses the direction of lazy iteration.\n     *\n     * @private\n     * @name reverse\n     * @memberOf LazyWrapper\n     * @returns {Object} Returns the new reversed `LazyWrapper` object.\n     */\n    function lazyReverse() {\n      if (this.__filtered__) {\n        var result = new LazyWrapper(this);\n        result.__dir__ = -1;\n        result.__filtered__ = true;\n      } else {\n        result = this.clone();\n        result.__dir__ *= -1;\n      }\n      return result;\n    }\n\n    /**\n     * Extracts the unwrapped value from its lazy wrapper.\n     *\n     * @private\n     * @name value\n     * @memberOf LazyWrapper\n     * @returns {*} Returns the unwrapped value.\n     */\n    function lazyValue() {\n      var array = this.__wrapped__.value(),\n          dir = this.__dir__,\n          isArr = isArray(array),\n          isRight = dir < 0,\n          arrLength = isArr ? array.length : 0,\n          view = getView(0, arrLength, this.__views__),\n          start = view.start,\n          end = view.end,\n          length = end - start,\n          index = isRight ? end : (start - 1),\n          iteratees = this.__iteratees__,\n          iterLength = iteratees.length,\n          resIndex = 0,\n          takeCount = nativeMin(length, this.__takeCount__);\n\n      if (!isArr || (!isRight && arrLength == length && takeCount == length)) {\n        return baseWrapperValue(array, this.__actions__);\n      }\n      var result = [];\n\n      outer:\n      while (length-- && resIndex < takeCount) {\n        index += dir;\n\n        var iterIndex = -1,\n            value = array[index];\n\n        while (++iterIndex < iterLength) {\n          var data = iteratees[iterIndex],\n              iteratee = data.iteratee,\n              type = data.type,\n              computed = iteratee(value);\n\n          if (type == LAZY_MAP_FLAG) {\n            value = computed;\n          } else if (!computed) {\n            if (type == LAZY_FILTER_FLAG) {\n              continue outer;\n            } else {\n              break outer;\n            }\n          }\n        }\n        result[resIndex++] = value;\n      }\n      return result;\n    }\n\n    // Ensure `LazyWrapper` is an instance of `baseLodash`.\n    LazyWrapper.prototype = baseCreate(baseLodash.prototype);\n    LazyWrapper.prototype.constructor = LazyWrapper;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a hash object.\n     *\n     * @private\n     * @constructor\n     * @param {Array} [entries] The key-value pairs to cache.\n     */\n    function Hash(entries) {\n      var index = -1,\n          length = entries == null ? 0 : entries.length;\n\n      this.clear();\n      while (++index < length) {\n        var entry = entries[index];\n        this.set(entry[0], entry[1]);\n      }\n    }\n\n    /**\n     * Removes all key-value entries from the hash.\n     *\n     * @private\n     * @name clear\n     * @memberOf Hash\n     */\n    function hashClear() {\n      this.__data__ = nativeCreate ? nativeCreate(null) : {};\n      this.size = 0;\n    }\n\n    /**\n     * Removes `key` and its value from the hash.\n     *\n     * @private\n     * @name delete\n     * @memberOf Hash\n     * @param {Object} hash The hash to modify.\n     * @param {string} key The key of the value to remove.\n     * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n     */\n    function hashDelete(key) {\n      var result = this.has(key) && delete this.__data__[key];\n      this.size -= result ? 1 : 0;\n      return result;\n    }\n\n    /**\n     * Gets the hash value for `key`.\n     *\n     * @private\n     * @name get\n     * @memberOf Hash\n     * @param {string} key The key of the value to get.\n     * @returns {*} Returns the entry value.\n     */\n    function hashGet(key) {\n      var data = this.__data__;\n      if (nativeCreate) {\n        var result = data[key];\n        return result === HASH_UNDEFINED ? undefined : result;\n      }\n      return hasOwnProperty.call(data, key) ? data[key] : undefined;\n    }\n\n    /**\n     * Checks if a hash value for `key` exists.\n     *\n     * @private\n     * @name has\n     * @memberOf Hash\n     * @param {string} key The key of the entry to check.\n     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n     */\n    function hashHas(key) {\n      var data = this.__data__;\n      return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n    }\n\n    /**\n     * Sets the hash `key` to `value`.\n     *\n     * @private\n     * @name set\n     * @memberOf Hash\n     * @param {string} key The key of the value to set.\n     * @param {*} value The value to set.\n     * @returns {Object} Returns the hash instance.\n     */\n    function hashSet(key, value) {\n      var data = this.__data__;\n      this.size += this.has(key) ? 0 : 1;\n      data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n      return this;\n    }\n\n    // Add methods to `Hash`.\n    Hash.prototype.clear = hashClear;\n    Hash.prototype['delete'] = hashDelete;\n    Hash.prototype.get = hashGet;\n    Hash.prototype.has = hashHas;\n    Hash.prototype.set = hashSet;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates an list cache object.\n     *\n     * @private\n     * @constructor\n     * @param {Array} [entries] The key-value pairs to cache.\n     */\n    function ListCache(entries) {\n      var index = -1,\n          length = entries == null ? 0 : entries.length;\n\n      this.clear();\n      while (++index < length) {\n        var entry = entries[index];\n        this.set(entry[0], entry[1]);\n      }\n    }\n\n    /**\n     * Removes all key-value entries from the list cache.\n     *\n     * @private\n     * @name clear\n     * @memberOf ListCache\n     */\n    function listCacheClear() {\n      this.__data__ = [];\n      this.size = 0;\n    }\n\n    /**\n     * Removes `key` and its value from the list cache.\n     *\n     * @private\n     * @name delete\n     * @memberOf ListCache\n     * @param {string} key The key of the value to remove.\n     * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n     */\n    function listCacheDelete(key) {\n      var data = this.__data__,\n          index = assocIndexOf(data, key);\n\n      if (index < 0) {\n        return false;\n      }\n      var lastIndex = data.length - 1;\n      if (index == lastIndex) {\n        data.pop();\n      } else {\n        splice.call(data, index, 1);\n      }\n      --this.size;\n      return true;\n    }\n\n    /**\n     * Gets the list cache value for `key`.\n     *\n     * @private\n     * @name get\n     * @memberOf ListCache\n     * @param {string} key The key of the value to get.\n     * @returns {*} Returns the entry value.\n     */\n    function listCacheGet(key) {\n      var data = this.__data__,\n          index = assocIndexOf(data, key);\n\n      return index < 0 ? undefined : data[index][1];\n    }\n\n    /**\n     * Checks if a list cache value for `key` exists.\n     *\n     * @private\n     * @name has\n     * @memberOf ListCache\n     * @param {string} key The key of the entry to check.\n     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n     */\n    function listCacheHas(key) {\n      return assocIndexOf(this.__data__, key) > -1;\n    }\n\n    /**\n     * Sets the list cache `key` to `value`.\n     *\n     * @private\n     * @name set\n     * @memberOf ListCache\n     * @param {string} key The key of the value to set.\n     * @param {*} value The value to set.\n     * @returns {Object} Returns the list cache instance.\n     */\n    function listCacheSet(key, value) {\n      var data = this.__data__,\n          index = assocIndexOf(data, key);\n\n      if (index < 0) {\n        ++this.size;\n        data.push([key, value]);\n      } else {\n        data[index][1] = value;\n      }\n      return this;\n    }\n\n    // Add methods to `ListCache`.\n    ListCache.prototype.clear = listCacheClear;\n    ListCache.prototype['delete'] = listCacheDelete;\n    ListCache.prototype.get = listCacheGet;\n    ListCache.prototype.has = listCacheHas;\n    ListCache.prototype.set = listCacheSet;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a map cache object to store key-value pairs.\n     *\n     * @private\n     * @constructor\n     * @param {Array} [entries] The key-value pairs to cache.\n     */\n    function MapCache(entries) {\n      var index = -1,\n          length = entries == null ? 0 : entries.length;\n\n      this.clear();\n      while (++index < length) {\n        var entry = entries[index];\n        this.set(entry[0], entry[1]);\n      }\n    }\n\n    /**\n     * Removes all key-value entries from the map.\n     *\n     * @private\n     * @name clear\n     * @memberOf MapCache\n     */\n    function mapCacheClear() {\n      this.size = 0;\n      this.__data__ = {\n        'hash': new Hash,\n        'map': new (Map || ListCache),\n        'string': new Hash\n      };\n    }\n\n    /**\n     * Removes `key` and its value from the map.\n     *\n     * @private\n     * @name delete\n     * @memberOf MapCache\n     * @param {string} key The key of the value to remove.\n     * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n     */\n    function mapCacheDelete(key) {\n      var result = getMapData(this, key)['delete'](key);\n      this.size -= result ? 1 : 0;\n      return result;\n    }\n\n    /**\n     * Gets the map value for `key`.\n     *\n     * @private\n     * @name get\n     * @memberOf MapCache\n     * @param {string} key The key of the value to get.\n     * @returns {*} Returns the entry value.\n     */\n    function mapCacheGet(key) {\n      return getMapData(this, key).get(key);\n    }\n\n    /**\n     * Checks if a map value for `key` exists.\n     *\n     * @private\n     * @name has\n     * @memberOf MapCache\n     * @param {string} key The key of the entry to check.\n     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n     */\n    function mapCacheHas(key) {\n      return getMapData(this, key).has(key);\n    }\n\n    /**\n     * Sets the map `key` to `value`.\n     *\n     * @private\n     * @name set\n     * @memberOf MapCache\n     * @param {string} key The key of the value to set.\n     * @param {*} value The value to set.\n     * @returns {Object} Returns the map cache instance.\n     */\n    function mapCacheSet(key, value) {\n      var data = getMapData(this, key),\n          size = data.size;\n\n      data.set(key, value);\n      this.size += data.size == size ? 0 : 1;\n      return this;\n    }\n\n    // Add methods to `MapCache`.\n    MapCache.prototype.clear = mapCacheClear;\n    MapCache.prototype['delete'] = mapCacheDelete;\n    MapCache.prototype.get = mapCacheGet;\n    MapCache.prototype.has = mapCacheHas;\n    MapCache.prototype.set = mapCacheSet;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     *\n     * Creates an array cache object to store unique values.\n     *\n     * @private\n     * @constructor\n     * @param {Array} [values] The values to cache.\n     */\n    function SetCache(values) {\n      var index = -1,\n          length = values == null ? 0 : values.length;\n\n      this.__data__ = new MapCache;\n      while (++index < length) {\n        this.add(values[index]);\n      }\n    }\n\n    /**\n     * Adds `value` to the array cache.\n     *\n     * @private\n     * @name add\n     * @memberOf SetCache\n     * @alias push\n     * @param {*} value The value to cache.\n     * @returns {Object} Returns the cache instance.\n     */\n    function setCacheAdd(value) {\n      this.__data__.set(value, HASH_UNDEFINED);\n      return this;\n    }\n\n    /**\n     * Checks if `value` is in the array cache.\n     *\n     * @private\n     * @name has\n     * @memberOf SetCache\n     * @param {*} value The value to search for.\n     * @returns {number} Returns `true` if `value` is found, else `false`.\n     */\n    function setCacheHas(value) {\n      return this.__data__.has(value);\n    }\n\n    // Add methods to `SetCache`.\n    SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\n    SetCache.prototype.has = setCacheHas;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a stack cache object to store key-value pairs.\n     *\n     * @private\n     * @constructor\n     * @param {Array} [entries] The key-value pairs to cache.\n     */\n    function Stack(entries) {\n      var data = this.__data__ = new ListCache(entries);\n      this.size = data.size;\n    }\n\n    /**\n     * Removes all key-value entries from the stack.\n     *\n     * @private\n     * @name clear\n     * @memberOf Stack\n     */\n    function stackClear() {\n      this.__data__ = new ListCache;\n      this.size = 0;\n    }\n\n    /**\n     * Removes `key` and its value from the stack.\n     *\n     * @private\n     * @name delete\n     * @memberOf Stack\n     * @param {string} key The key of the value to remove.\n     * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n     */\n    function stackDelete(key) {\n      var data = this.__data__,\n          result = data['delete'](key);\n\n      this.size = data.size;\n      return result;\n    }\n\n    /**\n     * Gets the stack value for `key`.\n     *\n     * @private\n     * @name get\n     * @memberOf Stack\n     * @param {string} key The key of the value to get.\n     * @returns {*} Returns the entry value.\n     */\n    function stackGet(key) {\n      return this.__data__.get(key);\n    }\n\n    /**\n     * Checks if a stack value for `key` exists.\n     *\n     * @private\n     * @name has\n     * @memberOf Stack\n     * @param {string} key The key of the entry to check.\n     * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n     */\n    function stackHas(key) {\n      return this.__data__.has(key);\n    }\n\n    /**\n     * Sets the stack `key` to `value`.\n     *\n     * @private\n     * @name set\n     * @memberOf Stack\n     * @param {string} key The key of the value to set.\n     * @param {*} value The value to set.\n     * @returns {Object} Returns the stack cache instance.\n     */\n    function stackSet(key, value) {\n      var data = this.__data__;\n      if (data instanceof ListCache) {\n        var pairs = data.__data__;\n        if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n          pairs.push([key, value]);\n          this.size = ++data.size;\n          return this;\n        }\n        data = this.__data__ = new MapCache(pairs);\n      }\n      data.set(key, value);\n      this.size = data.size;\n      return this;\n    }\n\n    // Add methods to `Stack`.\n    Stack.prototype.clear = stackClear;\n    Stack.prototype['delete'] = stackDelete;\n    Stack.prototype.get = stackGet;\n    Stack.prototype.has = stackHas;\n    Stack.prototype.set = stackSet;\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates an array of the enumerable property names of the array-like `value`.\n     *\n     * @private\n     * @param {*} value The value to query.\n     * @param {boolean} inherited Specify returning inherited property names.\n     * @returns {Array} Returns the array of property names.\n     */\n    function arrayLikeKeys(value, inherited) {\n      var isArr = isArray(value),\n          isArg = !isArr && isArguments(value),\n          isBuff = !isArr && !isArg && isBuffer(value),\n          isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n          skipIndexes = isArr || isArg || isBuff || isType,\n          result = skipIndexes ? baseTimes(value.length, String) : [],\n          length = result.length;\n\n      for (var key in value) {\n        if ((inherited || hasOwnProperty.call(value, key)) &&\n            !(skipIndexes && (\n               // Safari 9 has enumerable `arguments.length` in strict mode.\n               key == 'length' ||\n               // Node.js 0.10 has enumerable non-index properties on buffers.\n               (isBuff && (key == 'offset' || key == 'parent')) ||\n               // PhantomJS 2 has enumerable non-index properties on typed arrays.\n               (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||\n               // Skip index properties.\n               isIndex(key, length)\n            ))) {\n          result.push(key);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * A specialized version of `_.sample` for arrays.\n     *\n     * @private\n     * @param {Array} array The array to sample.\n     * @returns {*} Returns the random element.\n     */\n    function arraySample(array) {\n      var length = array.length;\n      return length ? array[baseRandom(0, length - 1)] : undefined;\n    }\n\n    /**\n     * A specialized version of `_.sampleSize` for arrays.\n     *\n     * @private\n     * @param {Array} array The array to sample.\n     * @param {number} n The number of elements to sample.\n     * @returns {Array} Returns the random elements.\n     */\n    function arraySampleSize(array, n) {\n      return shuffleSelf(copyArray(array), baseClamp(n, 0, array.length));\n    }\n\n    /**\n     * A specialized version of `_.shuffle` for arrays.\n     *\n     * @private\n     * @param {Array} array The array to shuffle.\n     * @returns {Array} Returns the new shuffled array.\n     */\n    function arrayShuffle(array) {\n      return shuffleSelf(copyArray(array));\n    }\n\n    /**\n     * This function is like `assignValue` except that it doesn't assign\n     * `undefined` values.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {string} key The key of the property to assign.\n     * @param {*} value The value to assign.\n     */\n    function assignMergeValue(object, key, value) {\n      if ((value !== undefined && !eq(object[key], value)) ||\n          (value === undefined && !(key in object))) {\n        baseAssignValue(object, key, value);\n      }\n    }\n\n    /**\n     * Assigns `value` to `key` of `object` if the existing value is not equivalent\n     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {string} key The key of the property to assign.\n     * @param {*} value The value to assign.\n     */\n    function assignValue(object, key, value) {\n      var objValue = object[key];\n      if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n          (value === undefined && !(key in object))) {\n        baseAssignValue(object, key, value);\n      }\n    }\n\n    /**\n     * Gets the index at which the `key` is found in `array` of key-value pairs.\n     *\n     * @private\n     * @param {Array} array The array to inspect.\n     * @param {*} key The key to search for.\n     * @returns {number} Returns the index of the matched value, else `-1`.\n     */\n    function assocIndexOf(array, key) {\n      var length = array.length;\n      while (length--) {\n        if (eq(array[length][0], key)) {\n          return length;\n        }\n      }\n      return -1;\n    }\n\n    /**\n     * Aggregates elements of `collection` on `accumulator` with keys transformed\n     * by `iteratee` and values set by `setter`.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} setter The function to set `accumulator` values.\n     * @param {Function} iteratee The iteratee to transform keys.\n     * @param {Object} accumulator The initial aggregated object.\n     * @returns {Function} Returns `accumulator`.\n     */\n    function baseAggregator(collection, setter, iteratee, accumulator) {\n      baseEach(collection, function(value, key, collection) {\n        setter(accumulator, value, iteratee(value), collection);\n      });\n      return accumulator;\n    }\n\n    /**\n     * The base implementation of `_.assign` without support for multiple sources\n     * or `customizer` functions.\n     *\n     * @private\n     * @param {Object} object The destination object.\n     * @param {Object} source The source object.\n     * @returns {Object} Returns `object`.\n     */\n    function baseAssign(object, source) {\n      return object && copyObject(source, keys(source), object);\n    }\n\n    /**\n     * The base implementation of `_.assignIn` without support for multiple sources\n     * or `customizer` functions.\n     *\n     * @private\n     * @param {Object} object The destination object.\n     * @param {Object} source The source object.\n     * @returns {Object} Returns `object`.\n     */\n    function baseAssignIn(object, source) {\n      return object && copyObject(source, keysIn(source), object);\n    }\n\n    /**\n     * The base implementation of `assignValue` and `assignMergeValue` without\n     * value checks.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {string} key The key of the property to assign.\n     * @param {*} value The value to assign.\n     */\n    function baseAssignValue(object, key, value) {\n      if (key == '__proto__' && defineProperty) {\n        defineProperty(object, key, {\n          'configurable': true,\n          'enumerable': true,\n          'value': value,\n          'writable': true\n        });\n      } else {\n        object[key] = value;\n      }\n    }\n\n    /**\n     * The base implementation of `_.at` without support for individual paths.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {string[]} paths The property paths to pick.\n     * @returns {Array} Returns the picked elements.\n     */\n    function baseAt(object, paths) {\n      var index = -1,\n          length = paths.length,\n          result = Array(length),\n          skip = object == null;\n\n      while (++index < length) {\n        result[index] = skip ? undefined : get(object, paths[index]);\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.clamp` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {number} number The number to clamp.\n     * @param {number} [lower] The lower bound.\n     * @param {number} upper The upper bound.\n     * @returns {number} Returns the clamped number.\n     */\n    function baseClamp(number, lower, upper) {\n      if (number === number) {\n        if (upper !== undefined) {\n          number = number <= upper ? number : upper;\n        }\n        if (lower !== undefined) {\n          number = number >= lower ? number : lower;\n        }\n      }\n      return number;\n    }\n\n    /**\n     * The base implementation of `_.clone` and `_.cloneDeep` which tracks\n     * traversed objects.\n     *\n     * @private\n     * @param {*} value The value to clone.\n     * @param {boolean} bitmask The bitmask flags.\n     *  1 - Deep clone\n     *  2 - Flatten inherited properties\n     *  4 - Clone symbols\n     * @param {Function} [customizer] The function to customize cloning.\n     * @param {string} [key] The key of `value`.\n     * @param {Object} [object] The parent object of `value`.\n     * @param {Object} [stack] Tracks traversed objects and their clone counterparts.\n     * @returns {*} Returns the cloned value.\n     */\n    function baseClone(value, bitmask, customizer, key, object, stack) {\n      var result,\n          isDeep = bitmask & CLONE_DEEP_FLAG,\n          isFlat = bitmask & CLONE_FLAT_FLAG,\n          isFull = bitmask & CLONE_SYMBOLS_FLAG;\n\n      if (customizer) {\n        result = object ? customizer(value, key, object, stack) : customizer(value);\n      }\n      if (result !== undefined) {\n        return result;\n      }\n      if (!isObject(value)) {\n        return value;\n      }\n      var isArr = isArray(value);\n      if (isArr) {\n        result = initCloneArray(value);\n        if (!isDeep) {\n          return copyArray(value, result);\n        }\n      } else {\n        var tag = getTag(value),\n            isFunc = tag == funcTag || tag == genTag;\n\n        if (isBuffer(value)) {\n          return cloneBuffer(value, isDeep);\n        }\n        if (tag == objectTag || tag == argsTag || (isFunc && !object)) {\n          result = (isFlat || isFunc) ? {} : initCloneObject(value);\n          if (!isDeep) {\n            return isFlat\n              ? copySymbolsIn(value, baseAssignIn(result, value))\n              : copySymbols(value, baseAssign(result, value));\n          }\n        } else {\n          if (!cloneableTags[tag]) {\n            return object ? value : {};\n          }\n          result = initCloneByTag(value, tag, isDeep);\n        }\n      }\n      // Check for circular references and return its corresponding clone.\n      stack || (stack = new Stack);\n      var stacked = stack.get(value);\n      if (stacked) {\n        return stacked;\n      }\n      stack.set(value, result);\n\n      if (isSet(value)) {\n        value.forEach(function(subValue) {\n          result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));\n        });\n      } else if (isMap(value)) {\n        value.forEach(function(subValue, key) {\n          result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));\n        });\n      }\n\n      var keysFunc = isFull\n        ? (isFlat ? getAllKeysIn : getAllKeys)\n        : (isFlat ? keysIn : keys);\n\n      var props = isArr ? undefined : keysFunc(value);\n      arrayEach(props || value, function(subValue, key) {\n        if (props) {\n          key = subValue;\n          subValue = value[key];\n        }\n        // Recursively populate clone (susceptible to call stack limits).\n        assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack));\n      });\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.conforms` which doesn't clone `source`.\n     *\n     * @private\n     * @param {Object} source The object of property predicates to conform to.\n     * @returns {Function} Returns the new spec function.\n     */\n    function baseConforms(source) {\n      var props = keys(source);\n      return function(object) {\n        return baseConformsTo(object, source, props);\n      };\n    }\n\n    /**\n     * The base implementation of `_.conformsTo` which accepts `props` to check.\n     *\n     * @private\n     * @param {Object} object The object to inspect.\n     * @param {Object} source The object of property predicates to conform to.\n     * @returns {boolean} Returns `true` if `object` conforms, else `false`.\n     */\n    function baseConformsTo(object, source, props) {\n      var length = props.length;\n      if (object == null) {\n        return !length;\n      }\n      object = Object(object);\n      while (length--) {\n        var key = props[length],\n            predicate = source[key],\n            value = object[key];\n\n        if ((value === undefined && !(key in object)) || !predicate(value)) {\n          return false;\n        }\n      }\n      return true;\n    }\n\n    /**\n     * The base implementation of `_.delay` and `_.defer` which accepts `args`\n     * to provide to `func`.\n     *\n     * @private\n     * @param {Function} func The function to delay.\n     * @param {number} wait The number of milliseconds to delay invocation.\n     * @param {Array} args The arguments to provide to `func`.\n     * @returns {number|Object} Returns the timer id or timeout object.\n     */\n    function baseDelay(func, wait, args) {\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      return setTimeout(function() { func.apply(undefined, args); }, wait);\n    }\n\n    /**\n     * The base implementation of methods like `_.difference` without support\n     * for excluding multiple arrays or iteratee shorthands.\n     *\n     * @private\n     * @param {Array} array The array to inspect.\n     * @param {Array} values The values to exclude.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of filtered values.\n     */\n    function baseDifference(array, values, iteratee, comparator) {\n      var index = -1,\n          includes = arrayIncludes,\n          isCommon = true,\n          length = array.length,\n          result = [],\n          valuesLength = values.length;\n\n      if (!length) {\n        return result;\n      }\n      if (iteratee) {\n        values = arrayMap(values, baseUnary(iteratee));\n      }\n      if (comparator) {\n        includes = arrayIncludesWith;\n        isCommon = false;\n      }\n      else if (values.length >= LARGE_ARRAY_SIZE) {\n        includes = cacheHas;\n        isCommon = false;\n        values = new SetCache(values);\n      }\n      outer:\n      while (++index < length) {\n        var value = array[index],\n            computed = iteratee == null ? value : iteratee(value);\n\n        value = (comparator || value !== 0) ? value : 0;\n        if (isCommon && computed === computed) {\n          var valuesIndex = valuesLength;\n          while (valuesIndex--) {\n            if (values[valuesIndex] === computed) {\n              continue outer;\n            }\n          }\n          result.push(value);\n        }\n        else if (!includes(values, computed, comparator)) {\n          result.push(value);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.forEach` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @returns {Array|Object} Returns `collection`.\n     */\n    var baseEach = createBaseEach(baseForOwn);\n\n    /**\n     * The base implementation of `_.forEachRight` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @returns {Array|Object} Returns `collection`.\n     */\n    var baseEachRight = createBaseEach(baseForOwnRight, true);\n\n    /**\n     * The base implementation of `_.every` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} predicate The function invoked per iteration.\n     * @returns {boolean} Returns `true` if all elements pass the predicate check,\n     *  else `false`\n     */\n    function baseEvery(collection, predicate) {\n      var result = true;\n      baseEach(collection, function(value, index, collection) {\n        result = !!predicate(value, index, collection);\n        return result;\n      });\n      return result;\n    }\n\n    /**\n     * The base implementation of methods like `_.max` and `_.min` which accepts a\n     * `comparator` to determine the extremum value.\n     *\n     * @private\n     * @param {Array} array The array to iterate over.\n     * @param {Function} iteratee The iteratee invoked per iteration.\n     * @param {Function} comparator The comparator used to compare values.\n     * @returns {*} Returns the extremum value.\n     */\n    function baseExtremum(array, iteratee, comparator) {\n      var index = -1,\n          length = array.length;\n\n      while (++index < length) {\n        var value = array[index],\n            current = iteratee(value);\n\n        if (current != null && (computed === undefined\n              ? (current === current && !isSymbol(current))\n              : comparator(current, computed)\n            )) {\n          var computed = current,\n              result = value;\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.fill` without an iteratee call guard.\n     *\n     * @private\n     * @param {Array} array The array to fill.\n     * @param {*} value The value to fill `array` with.\n     * @param {number} [start=0] The start position.\n     * @param {number} [end=array.length] The end position.\n     * @returns {Array} Returns `array`.\n     */\n    function baseFill(array, value, start, end) {\n      var length = array.length;\n\n      start = toInteger(start);\n      if (start < 0) {\n        start = -start > length ? 0 : (length + start);\n      }\n      end = (end === undefined || end > length) ? length : toInteger(end);\n      if (end < 0) {\n        end += length;\n      }\n      end = start > end ? 0 : toLength(end);\n      while (start < end) {\n        array[start++] = value;\n      }\n      return array;\n    }\n\n    /**\n     * The base implementation of `_.filter` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} predicate The function invoked per iteration.\n     * @returns {Array} Returns the new filtered array.\n     */\n    function baseFilter(collection, predicate) {\n      var result = [];\n      baseEach(collection, function(value, index, collection) {\n        if (predicate(value, index, collection)) {\n          result.push(value);\n        }\n      });\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.flatten` with support for restricting flattening.\n     *\n     * @private\n     * @param {Array} array The array to flatten.\n     * @param {number} depth The maximum recursion depth.\n     * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n     * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n     * @param {Array} [result=[]] The initial result value.\n     * @returns {Array} Returns the new flattened array.\n     */\n    function baseFlatten(array, depth, predicate, isStrict, result) {\n      var index = -1,\n          length = array.length;\n\n      predicate || (predicate = isFlattenable);\n      result || (result = []);\n\n      while (++index < length) {\n        var value = array[index];\n        if (depth > 0 && predicate(value)) {\n          if (depth > 1) {\n            // Recursively flatten arrays (susceptible to call stack limits).\n            baseFlatten(value, depth - 1, predicate, isStrict, result);\n          } else {\n            arrayPush(result, value);\n          }\n        } else if (!isStrict) {\n          result[result.length] = value;\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `baseForOwn` which iterates over `object`\n     * properties returned by `keysFunc` and invokes `iteratee` for each property.\n     * Iteratee functions may exit iteration early by explicitly returning `false`.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @param {Function} keysFunc The function to get the keys of `object`.\n     * @returns {Object} Returns `object`.\n     */\n    var baseFor = createBaseFor();\n\n    /**\n     * This function is like `baseFor` except that it iterates over properties\n     * in the opposite order.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @param {Function} keysFunc The function to get the keys of `object`.\n     * @returns {Object} Returns `object`.\n     */\n    var baseForRight = createBaseFor(true);\n\n    /**\n     * The base implementation of `_.forOwn` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     */\n    function baseForOwn(object, iteratee) {\n      return object && baseFor(object, iteratee, keys);\n    }\n\n    /**\n     * The base implementation of `_.forOwnRight` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     */\n    function baseForOwnRight(object, iteratee) {\n      return object && baseForRight(object, iteratee, keys);\n    }\n\n    /**\n     * The base implementation of `_.functions` which creates an array of\n     * `object` function property names filtered from `props`.\n     *\n     * @private\n     * @param {Object} object The object to inspect.\n     * @param {Array} props The property names to filter.\n     * @returns {Array} Returns the function names.\n     */\n    function baseFunctions(object, props) {\n      return arrayFilter(props, function(key) {\n        return isFunction(object[key]);\n      });\n    }\n\n    /**\n     * The base implementation of `_.get` without support for default values.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path of the property to get.\n     * @returns {*} Returns the resolved value.\n     */\n    function baseGet(object, path) {\n      path = castPath(path, object);\n\n      var index = 0,\n          length = path.length;\n\n      while (object != null && index < length) {\n        object = object[toKey(path[index++])];\n      }\n      return (index && index == length) ? object : undefined;\n    }\n\n    /**\n     * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n     * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n     * symbols of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {Function} keysFunc The function to get the keys of `object`.\n     * @param {Function} symbolsFunc The function to get the symbols of `object`.\n     * @returns {Array} Returns the array of property names and symbols.\n     */\n    function baseGetAllKeys(object, keysFunc, symbolsFunc) {\n      var result = keysFunc(object);\n      return isArray(object) ? result : arrayPush(result, symbolsFunc(object));\n    }\n\n    /**\n     * The base implementation of `getTag` without fallbacks for buggy environments.\n     *\n     * @private\n     * @param {*} value The value to query.\n     * @returns {string} Returns the `toStringTag`.\n     */\n    function baseGetTag(value) {\n      if (value == null) {\n        return value === undefined ? undefinedTag : nullTag;\n      }\n      return (symToStringTag && symToStringTag in Object(value))\n        ? getRawTag(value)\n        : objectToString(value);\n    }\n\n    /**\n     * The base implementation of `_.gt` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is greater than `other`,\n     *  else `false`.\n     */\n    function baseGt(value, other) {\n      return value > other;\n    }\n\n    /**\n     * The base implementation of `_.has` without support for deep paths.\n     *\n     * @private\n     * @param {Object} [object] The object to query.\n     * @param {Array|string} key The key to check.\n     * @returns {boolean} Returns `true` if `key` exists, else `false`.\n     */\n    function baseHas(object, key) {\n      return object != null && hasOwnProperty.call(object, key);\n    }\n\n    /**\n     * The base implementation of `_.hasIn` without support for deep paths.\n     *\n     * @private\n     * @param {Object} [object] The object to query.\n     * @param {Array|string} key The key to check.\n     * @returns {boolean} Returns `true` if `key` exists, else `false`.\n     */\n    function baseHasIn(object, key) {\n      return object != null && key in Object(object);\n    }\n\n    /**\n     * The base implementation of `_.inRange` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {number} number The number to check.\n     * @param {number} start The start of the range.\n     * @param {number} end The end of the range.\n     * @returns {boolean} Returns `true` if `number` is in the range, else `false`.\n     */\n    function baseInRange(number, start, end) {\n      return number >= nativeMin(start, end) && number < nativeMax(start, end);\n    }\n\n    /**\n     * The base implementation of methods like `_.intersection`, without support\n     * for iteratee shorthands, that accepts an array of arrays to inspect.\n     *\n     * @private\n     * @param {Array} arrays The arrays to inspect.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of shared values.\n     */\n    function baseIntersection(arrays, iteratee, comparator) {\n      var includes = comparator ? arrayIncludesWith : arrayIncludes,\n          length = arrays[0].length,\n          othLength = arrays.length,\n          othIndex = othLength,\n          caches = Array(othLength),\n          maxLength = Infinity,\n          result = [];\n\n      while (othIndex--) {\n        var array = arrays[othIndex];\n        if (othIndex && iteratee) {\n          array = arrayMap(array, baseUnary(iteratee));\n        }\n        maxLength = nativeMin(array.length, maxLength);\n        caches[othIndex] = !comparator && (iteratee || (length >= 120 && array.length >= 120))\n          ? new SetCache(othIndex && array)\n          : undefined;\n      }\n      array = arrays[0];\n\n      var index = -1,\n          seen = caches[0];\n\n      outer:\n      while (++index < length && result.length < maxLength) {\n        var value = array[index],\n            computed = iteratee ? iteratee(value) : value;\n\n        value = (comparator || value !== 0) ? value : 0;\n        if (!(seen\n              ? cacheHas(seen, computed)\n              : includes(result, computed, comparator)\n            )) {\n          othIndex = othLength;\n          while (--othIndex) {\n            var cache = caches[othIndex];\n            if (!(cache\n                  ? cacheHas(cache, computed)\n                  : includes(arrays[othIndex], computed, comparator))\n                ) {\n              continue outer;\n            }\n          }\n          if (seen) {\n            seen.push(computed);\n          }\n          result.push(value);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.invert` and `_.invertBy` which inverts\n     * `object` with values transformed by `iteratee` and set by `setter`.\n     *\n     * @private\n     * @param {Object} object The object to iterate over.\n     * @param {Function} setter The function to set `accumulator` values.\n     * @param {Function} iteratee The iteratee to transform values.\n     * @param {Object} accumulator The initial inverted object.\n     * @returns {Function} Returns `accumulator`.\n     */\n    function baseInverter(object, setter, iteratee, accumulator) {\n      baseForOwn(object, function(value, key, object) {\n        setter(accumulator, iteratee(value), key, object);\n      });\n      return accumulator;\n    }\n\n    /**\n     * The base implementation of `_.invoke` without support for individual\n     * method arguments.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path of the method to invoke.\n     * @param {Array} args The arguments to invoke the method with.\n     * @returns {*} Returns the result of the invoked method.\n     */\n    function baseInvoke(object, path, args) {\n      path = castPath(path, object);\n      object = parent(object, path);\n      var func = object == null ? object : object[toKey(last(path))];\n      return func == null ? undefined : apply(func, object, args);\n    }\n\n    /**\n     * The base implementation of `_.isArguments`.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n     */\n    function baseIsArguments(value) {\n      return isObjectLike(value) && baseGetTag(value) == argsTag;\n    }\n\n    /**\n     * The base implementation of `_.isArrayBuffer` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.\n     */\n    function baseIsArrayBuffer(value) {\n      return isObjectLike(value) && baseGetTag(value) == arrayBufferTag;\n    }\n\n    /**\n     * The base implementation of `_.isDate` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a date object, else `false`.\n     */\n    function baseIsDate(value) {\n      return isObjectLike(value) && baseGetTag(value) == dateTag;\n    }\n\n    /**\n     * The base implementation of `_.isEqual` which supports partial comparisons\n     * and tracks traversed objects.\n     *\n     * @private\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @param {boolean} bitmask The bitmask flags.\n     *  1 - Unordered comparison\n     *  2 - Partial comparison\n     * @param {Function} [customizer] The function to customize comparisons.\n     * @param {Object} [stack] Tracks traversed `value` and `other` objects.\n     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n     */\n    function baseIsEqual(value, other, bitmask, customizer, stack) {\n      if (value === other) {\n        return true;\n      }\n      if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {\n        return value !== value && other !== other;\n      }\n      return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);\n    }\n\n    /**\n     * A specialized version of `baseIsEqual` for arrays and objects which performs\n     * deep comparisons and tracks traversed objects enabling objects with circular\n     * references to be compared.\n     *\n     * @private\n     * @param {Object} object The object to compare.\n     * @param {Object} other The other object to compare.\n     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n     * @param {Function} customizer The function to customize comparisons.\n     * @param {Function} equalFunc The function to determine equivalents of values.\n     * @param {Object} [stack] Tracks traversed `object` and `other` objects.\n     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n     */\n    function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {\n      var objIsArr = isArray(object),\n          othIsArr = isArray(other),\n          objTag = objIsArr ? arrayTag : getTag(object),\n          othTag = othIsArr ? arrayTag : getTag(other);\n\n      objTag = objTag == argsTag ? objectTag : objTag;\n      othTag = othTag == argsTag ? objectTag : othTag;\n\n      var objIsObj = objTag == objectTag,\n          othIsObj = othTag == objectTag,\n          isSameTag = objTag == othTag;\n\n      if (isSameTag && isBuffer(object)) {\n        if (!isBuffer(other)) {\n          return false;\n        }\n        objIsArr = true;\n        objIsObj = false;\n      }\n      if (isSameTag && !objIsObj) {\n        stack || (stack = new Stack);\n        return (objIsArr || isTypedArray(object))\n          ? equalArrays(object, other, bitmask, customizer, equalFunc, stack)\n          : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);\n      }\n      if (!(bitmask & COMPARE_PARTIAL_FLAG)) {\n        var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),\n            othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');\n\n        if (objIsWrapped || othIsWrapped) {\n          var objUnwrapped = objIsWrapped ? object.value() : object,\n              othUnwrapped = othIsWrapped ? other.value() : other;\n\n          stack || (stack = new Stack);\n          return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);\n        }\n      }\n      if (!isSameTag) {\n        return false;\n      }\n      stack || (stack = new Stack);\n      return equalObjects(object, other, bitmask, customizer, equalFunc, stack);\n    }\n\n    /**\n     * The base implementation of `_.isMap` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n     */\n    function baseIsMap(value) {\n      return isObjectLike(value) && getTag(value) == mapTag;\n    }\n\n    /**\n     * The base implementation of `_.isMatch` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Object} object The object to inspect.\n     * @param {Object} source The object of property values to match.\n     * @param {Array} matchData The property names, values, and compare flags to match.\n     * @param {Function} [customizer] The function to customize comparisons.\n     * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n     */\n    function baseIsMatch(object, source, matchData, customizer) {\n      var index = matchData.length,\n          length = index,\n          noCustomizer = !customizer;\n\n      if (object == null) {\n        return !length;\n      }\n      object = Object(object);\n      while (index--) {\n        var data = matchData[index];\n        if ((noCustomizer && data[2])\n              ? data[1] !== object[data[0]]\n              : !(data[0] in object)\n            ) {\n          return false;\n        }\n      }\n      while (++index < length) {\n        data = matchData[index];\n        var key = data[0],\n            objValue = object[key],\n            srcValue = data[1];\n\n        if (noCustomizer && data[2]) {\n          if (objValue === undefined && !(key in object)) {\n            return false;\n          }\n        } else {\n          var stack = new Stack;\n          if (customizer) {\n            var result = customizer(objValue, srcValue, key, object, source, stack);\n          }\n          if (!(result === undefined\n                ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack)\n                : result\n              )) {\n            return false;\n          }\n        }\n      }\n      return true;\n    }\n\n    /**\n     * The base implementation of `_.isNative` without bad shim checks.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a native function,\n     *  else `false`.\n     */\n    function baseIsNative(value) {\n      if (!isObject(value) || isMasked(value)) {\n        return false;\n      }\n      var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n      return pattern.test(toSource(value));\n    }\n\n    /**\n     * The base implementation of `_.isRegExp` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.\n     */\n    function baseIsRegExp(value) {\n      return isObjectLike(value) && baseGetTag(value) == regexpTag;\n    }\n\n    /**\n     * The base implementation of `_.isSet` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n     */\n    function baseIsSet(value) {\n      return isObjectLike(value) && getTag(value) == setTag;\n    }\n\n    /**\n     * The base implementation of `_.isTypedArray` without Node.js optimizations.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n     */\n    function baseIsTypedArray(value) {\n      return isObjectLike(value) &&\n        isLength(value.length) && !!typedArrayTags[baseGetTag(value)];\n    }\n\n    /**\n     * The base implementation of `_.iteratee`.\n     *\n     * @private\n     * @param {*} [value=_.identity] The value to convert to an iteratee.\n     * @returns {Function} Returns the iteratee.\n     */\n    function baseIteratee(value) {\n      // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.\n      // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.\n      if (typeof value == 'function') {\n        return value;\n      }\n      if (value == null) {\n        return identity;\n      }\n      if (typeof value == 'object') {\n        return isArray(value)\n          ? baseMatchesProperty(value[0], value[1])\n          : baseMatches(value);\n      }\n      return property(value);\n    }\n\n    /**\n     * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names.\n     */\n    function baseKeys(object) {\n      if (!isPrototype(object)) {\n        return nativeKeys(object);\n      }\n      var result = [];\n      for (var key in Object(object)) {\n        if (hasOwnProperty.call(object, key) && key != 'constructor') {\n          result.push(key);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names.\n     */\n    function baseKeysIn(object) {\n      if (!isObject(object)) {\n        return nativeKeysIn(object);\n      }\n      var isProto = isPrototype(object),\n          result = [];\n\n      for (var key in object) {\n        if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {\n          result.push(key);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.lt` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is less than `other`,\n     *  else `false`.\n     */\n    function baseLt(value, other) {\n      return value < other;\n    }\n\n    /**\n     * The base implementation of `_.map` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} iteratee The function invoked per iteration.\n     * @returns {Array} Returns the new mapped array.\n     */\n    function baseMap(collection, iteratee) {\n      var index = -1,\n          result = isArrayLike(collection) ? Array(collection.length) : [];\n\n      baseEach(collection, function(value, key, collection) {\n        result[++index] = iteratee(value, key, collection);\n      });\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.matches` which doesn't clone `source`.\n     *\n     * @private\n     * @param {Object} source The object of property values to match.\n     * @returns {Function} Returns the new spec function.\n     */\n    function baseMatches(source) {\n      var matchData = getMatchData(source);\n      if (matchData.length == 1 && matchData[0][2]) {\n        return matchesStrictComparable(matchData[0][0], matchData[0][1]);\n      }\n      return function(object) {\n        return object === source || baseIsMatch(object, source, matchData);\n      };\n    }\n\n    /**\n     * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.\n     *\n     * @private\n     * @param {string} path The path of the property to get.\n     * @param {*} srcValue The value to match.\n     * @returns {Function} Returns the new spec function.\n     */\n    function baseMatchesProperty(path, srcValue) {\n      if (isKey(path) && isStrictComparable(srcValue)) {\n        return matchesStrictComparable(toKey(path), srcValue);\n      }\n      return function(object) {\n        var objValue = get(object, path);\n        return (objValue === undefined && objValue === srcValue)\n          ? hasIn(object, path)\n          : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);\n      };\n    }\n\n    /**\n     * The base implementation of `_.merge` without support for multiple sources.\n     *\n     * @private\n     * @param {Object} object The destination object.\n     * @param {Object} source The source object.\n     * @param {number} srcIndex The index of `source`.\n     * @param {Function} [customizer] The function to customize merged values.\n     * @param {Object} [stack] Tracks traversed source values and their merged\n     *  counterparts.\n     */\n    function baseMerge(object, source, srcIndex, customizer, stack) {\n      if (object === source) {\n        return;\n      }\n      baseFor(source, function(srcValue, key) {\n        stack || (stack = new Stack);\n        if (isObject(srcValue)) {\n          baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);\n        }\n        else {\n          var newValue = customizer\n            ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)\n            : undefined;\n\n          if (newValue === undefined) {\n            newValue = srcValue;\n          }\n          assignMergeValue(object, key, newValue);\n        }\n      }, keysIn);\n    }\n\n    /**\n     * A specialized version of `baseMerge` for arrays and objects which performs\n     * deep merges and tracks traversed objects enabling objects with circular\n     * references to be merged.\n     *\n     * @private\n     * @param {Object} object The destination object.\n     * @param {Object} source The source object.\n     * @param {string} key The key of the value to merge.\n     * @param {number} srcIndex The index of `source`.\n     * @param {Function} mergeFunc The function to merge values.\n     * @param {Function} [customizer] The function to customize assigned values.\n     * @param {Object} [stack] Tracks traversed source values and their merged\n     *  counterparts.\n     */\n    function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {\n      var objValue = safeGet(object, key),\n          srcValue = safeGet(source, key),\n          stacked = stack.get(srcValue);\n\n      if (stacked) {\n        assignMergeValue(object, key, stacked);\n        return;\n      }\n      var newValue = customizer\n        ? customizer(objValue, srcValue, (key + ''), object, source, stack)\n        : undefined;\n\n      var isCommon = newValue === undefined;\n\n      if (isCommon) {\n        var isArr = isArray(srcValue),\n            isBuff = !isArr && isBuffer(srcValue),\n            isTyped = !isArr && !isBuff && isTypedArray(srcValue);\n\n        newValue = srcValue;\n        if (isArr || isBuff || isTyped) {\n          if (isArray(objValue)) {\n            newValue = objValue;\n          }\n          else if (isArrayLikeObject(objValue)) {\n            newValue = copyArray(objValue);\n          }\n          else if (isBuff) {\n            isCommon = false;\n            newValue = cloneBuffer(srcValue, true);\n          }\n          else if (isTyped) {\n            isCommon = false;\n            newValue = cloneTypedArray(srcValue, true);\n          }\n          else {\n            newValue = [];\n          }\n        }\n        else if (isPlainObject(srcValue) || isArguments(srcValue)) {\n          newValue = objValue;\n          if (isArguments(objValue)) {\n            newValue = toPlainObject(objValue);\n          }\n          else if (!isObject(objValue) || isFunction(objValue)) {\n            newValue = initCloneObject(srcValue);\n          }\n        }\n        else {\n          isCommon = false;\n        }\n      }\n      if (isCommon) {\n        // Recursively merge objects and arrays (susceptible to call stack limits).\n        stack.set(srcValue, newValue);\n        mergeFunc(newValue, srcValue, srcIndex, customizer, stack);\n        stack['delete'](srcValue);\n      }\n      assignMergeValue(object, key, newValue);\n    }\n\n    /**\n     * The base implementation of `_.nth` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {Array} array The array to query.\n     * @param {number} n The index of the element to return.\n     * @returns {*} Returns the nth element of `array`.\n     */\n    function baseNth(array, n) {\n      var length = array.length;\n      if (!length) {\n        return;\n      }\n      n += n < 0 ? length : 0;\n      return isIndex(n, length) ? array[n] : undefined;\n    }\n\n    /**\n     * The base implementation of `_.orderBy` without param guards.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.\n     * @param {string[]} orders The sort orders of `iteratees`.\n     * @returns {Array} Returns the new sorted array.\n     */\n    function baseOrderBy(collection, iteratees, orders) {\n      if (iteratees.length) {\n        iteratees = arrayMap(iteratees, function(iteratee) {\n          if (isArray(iteratee)) {\n            return function(value) {\n              return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee);\n            }\n          }\n          return iteratee;\n        });\n      } else {\n        iteratees = [identity];\n      }\n\n      var index = -1;\n      iteratees = arrayMap(iteratees, baseUnary(getIteratee()));\n\n      var result = baseMap(collection, function(value, key, collection) {\n        var criteria = arrayMap(iteratees, function(iteratee) {\n          return iteratee(value);\n        });\n        return { 'criteria': criteria, 'index': ++index, 'value': value };\n      });\n\n      return baseSortBy(result, function(object, other) {\n        return compareMultiple(object, other, orders);\n      });\n    }\n\n    /**\n     * The base implementation of `_.pick` without support for individual\n     * property identifiers.\n     *\n     * @private\n     * @param {Object} object The source object.\n     * @param {string[]} paths The property paths to pick.\n     * @returns {Object} Returns the new object.\n     */\n    function basePick(object, paths) {\n      return basePickBy(object, paths, function(value, path) {\n        return hasIn(object, path);\n      });\n    }\n\n    /**\n     * The base implementation of  `_.pickBy` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Object} object The source object.\n     * @param {string[]} paths The property paths to pick.\n     * @param {Function} predicate The function invoked per property.\n     * @returns {Object} Returns the new object.\n     */\n    function basePickBy(object, paths, predicate) {\n      var index = -1,\n          length = paths.length,\n          result = {};\n\n      while (++index < length) {\n        var path = paths[index],\n            value = baseGet(object, path);\n\n        if (predicate(value, path)) {\n          baseSet(result, castPath(path, object), value);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * A specialized version of `baseProperty` which supports deep paths.\n     *\n     * @private\n     * @param {Array|string} path The path of the property to get.\n     * @returns {Function} Returns the new accessor function.\n     */\n    function basePropertyDeep(path) {\n      return function(object) {\n        return baseGet(object, path);\n      };\n    }\n\n    /**\n     * The base implementation of `_.pullAllBy` without support for iteratee\n     * shorthands.\n     *\n     * @private\n     * @param {Array} array The array to modify.\n     * @param {Array} values The values to remove.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns `array`.\n     */\n    function basePullAll(array, values, iteratee, comparator) {\n      var indexOf = comparator ? baseIndexOfWith : baseIndexOf,\n          index = -1,\n          length = values.length,\n          seen = array;\n\n      if (array === values) {\n        values = copyArray(values);\n      }\n      if (iteratee) {\n        seen = arrayMap(array, baseUnary(iteratee));\n      }\n      while (++index < length) {\n        var fromIndex = 0,\n            value = values[index],\n            computed = iteratee ? iteratee(value) : value;\n\n        while ((fromIndex = indexOf(seen, computed, fromIndex, comparator)) > -1) {\n          if (seen !== array) {\n            splice.call(seen, fromIndex, 1);\n          }\n          splice.call(array, fromIndex, 1);\n        }\n      }\n      return array;\n    }\n\n    /**\n     * The base implementation of `_.pullAt` without support for individual\n     * indexes or capturing the removed elements.\n     *\n     * @private\n     * @param {Array} array The array to modify.\n     * @param {number[]} indexes The indexes of elements to remove.\n     * @returns {Array} Returns `array`.\n     */\n    function basePullAt(array, indexes) {\n      var length = array ? indexes.length : 0,\n          lastIndex = length - 1;\n\n      while (length--) {\n        var index = indexes[length];\n        if (length == lastIndex || index !== previous) {\n          var previous = index;\n          if (isIndex(index)) {\n            splice.call(array, index, 1);\n          } else {\n            baseUnset(array, index);\n          }\n        }\n      }\n      return array;\n    }\n\n    /**\n     * The base implementation of `_.random` without support for returning\n     * floating-point numbers.\n     *\n     * @private\n     * @param {number} lower The lower bound.\n     * @param {number} upper The upper bound.\n     * @returns {number} Returns the random number.\n     */\n    function baseRandom(lower, upper) {\n      return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n    }\n\n    /**\n     * The base implementation of `_.range` and `_.rangeRight` which doesn't\n     * coerce arguments.\n     *\n     * @private\n     * @param {number} start The start of the range.\n     * @param {number} end The end of the range.\n     * @param {number} step The value to increment or decrement by.\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Array} Returns the range of numbers.\n     */\n    function baseRange(start, end, step, fromRight) {\n      var index = -1,\n          length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),\n          result = Array(length);\n\n      while (length--) {\n        result[fromRight ? length : ++index] = start;\n        start += step;\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.repeat` which doesn't coerce arguments.\n     *\n     * @private\n     * @param {string} string The string to repeat.\n     * @param {number} n The number of times to repeat the string.\n     * @returns {string} Returns the repeated string.\n     */\n    function baseRepeat(string, n) {\n      var result = '';\n      if (!string || n < 1 || n > MAX_SAFE_INTEGER) {\n        return result;\n      }\n      // Leverage the exponentiation by squaring algorithm for a faster repeat.\n      // See https://en.wikipedia.org/wiki/Exponentiation_by_squaring for more details.\n      do {\n        if (n % 2) {\n          result += string;\n        }\n        n = nativeFloor(n / 2);\n        if (n) {\n          string += string;\n        }\n      } while (n);\n\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.rest` which doesn't validate or coerce arguments.\n     *\n     * @private\n     * @param {Function} func The function to apply a rest parameter to.\n     * @param {number} [start=func.length-1] The start position of the rest parameter.\n     * @returns {Function} Returns the new function.\n     */\n    function baseRest(func, start) {\n      return setToString(overRest(func, start, identity), func + '');\n    }\n\n    /**\n     * The base implementation of `_.sample`.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to sample.\n     * @returns {*} Returns the random element.\n     */\n    function baseSample(collection) {\n      return arraySample(values(collection));\n    }\n\n    /**\n     * The base implementation of `_.sampleSize` without param guards.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to sample.\n     * @param {number} n The number of elements to sample.\n     * @returns {Array} Returns the random elements.\n     */\n    function baseSampleSize(collection, n) {\n      var array = values(collection);\n      return shuffleSelf(array, baseClamp(n, 0, array.length));\n    }\n\n    /**\n     * The base implementation of `_.set`.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to set.\n     * @param {*} value The value to set.\n     * @param {Function} [customizer] The function to customize path creation.\n     * @returns {Object} Returns `object`.\n     */\n    function baseSet(object, path, value, customizer) {\n      if (!isObject(object)) {\n        return object;\n      }\n      path = castPath(path, object);\n\n      var index = -1,\n          length = path.length,\n          lastIndex = length - 1,\n          nested = object;\n\n      while (nested != null && ++index < length) {\n        var key = toKey(path[index]),\n            newValue = value;\n\n        if (key === '__proto__' || key === 'constructor' || key === 'prototype') {\n          return object;\n        }\n\n        if (index != lastIndex) {\n          var objValue = nested[key];\n          newValue = customizer ? customizer(objValue, key, nested) : undefined;\n          if (newValue === undefined) {\n            newValue = isObject(objValue)\n              ? objValue\n              : (isIndex(path[index + 1]) ? [] : {});\n          }\n        }\n        assignValue(nested, key, newValue);\n        nested = nested[key];\n      }\n      return object;\n    }\n\n    /**\n     * The base implementation of `setData` without support for hot loop shorting.\n     *\n     * @private\n     * @param {Function} func The function to associate metadata with.\n     * @param {*} data The metadata.\n     * @returns {Function} Returns `func`.\n     */\n    var baseSetData = !metaMap ? identity : function(func, data) {\n      metaMap.set(func, data);\n      return func;\n    };\n\n    /**\n     * The base implementation of `setToString` without support for hot loop shorting.\n     *\n     * @private\n     * @param {Function} func The function to modify.\n     * @param {Function} string The `toString` result.\n     * @returns {Function} Returns `func`.\n     */\n    var baseSetToString = !defineProperty ? identity : function(func, string) {\n      return defineProperty(func, 'toString', {\n        'configurable': true,\n        'enumerable': false,\n        'value': constant(string),\n        'writable': true\n      });\n    };\n\n    /**\n     * The base implementation of `_.shuffle`.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to shuffle.\n     * @returns {Array} Returns the new shuffled array.\n     */\n    function baseShuffle(collection) {\n      return shuffleSelf(values(collection));\n    }\n\n    /**\n     * The base implementation of `_.slice` without an iteratee call guard.\n     *\n     * @private\n     * @param {Array} array The array to slice.\n     * @param {number} [start=0] The start position.\n     * @param {number} [end=array.length] The end position.\n     * @returns {Array} Returns the slice of `array`.\n     */\n    function baseSlice(array, start, end) {\n      var index = -1,\n          length = array.length;\n\n      if (start < 0) {\n        start = -start > length ? 0 : (length + start);\n      }\n      end = end > length ? length : end;\n      if (end < 0) {\n        end += length;\n      }\n      length = start > end ? 0 : ((end - start) >>> 0);\n      start >>>= 0;\n\n      var result = Array(length);\n      while (++index < length) {\n        result[index] = array[index + start];\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.some` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} predicate The function invoked per iteration.\n     * @returns {boolean} Returns `true` if any element passes the predicate check,\n     *  else `false`.\n     */\n    function baseSome(collection, predicate) {\n      var result;\n\n      baseEach(collection, function(value, index, collection) {\n        result = predicate(value, index, collection);\n        return !result;\n      });\n      return !!result;\n    }\n\n    /**\n     * The base implementation of `_.sortedIndex` and `_.sortedLastIndex` which\n     * performs a binary search of `array` to determine the index at which `value`\n     * should be inserted into `array` in order to maintain its sort order.\n     *\n     * @private\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @param {boolean} [retHighest] Specify returning the highest qualified index.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     */\n    function baseSortedIndex(array, value, retHighest) {\n      var low = 0,\n          high = array == null ? low : array.length;\n\n      if (typeof value == 'number' && value === value && high <= HALF_MAX_ARRAY_LENGTH) {\n        while (low < high) {\n          var mid = (low + high) >>> 1,\n              computed = array[mid];\n\n          if (computed !== null && !isSymbol(computed) &&\n              (retHighest ? (computed <= value) : (computed < value))) {\n            low = mid + 1;\n          } else {\n            high = mid;\n          }\n        }\n        return high;\n      }\n      return baseSortedIndexBy(array, value, identity, retHighest);\n    }\n\n    /**\n     * The base implementation of `_.sortedIndexBy` and `_.sortedLastIndexBy`\n     * which invokes `iteratee` for `value` and each element of `array` to compute\n     * their sort ranking. The iteratee is invoked with one argument; (value).\n     *\n     * @private\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @param {Function} iteratee The iteratee invoked per element.\n     * @param {boolean} [retHighest] Specify returning the highest qualified index.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     */\n    function baseSortedIndexBy(array, value, iteratee, retHighest) {\n      var low = 0,\n          high = array == null ? 0 : array.length;\n      if (high === 0) {\n        return 0;\n      }\n\n      value = iteratee(value);\n      var valIsNaN = value !== value,\n          valIsNull = value === null,\n          valIsSymbol = isSymbol(value),\n          valIsUndefined = value === undefined;\n\n      while (low < high) {\n        var mid = nativeFloor((low + high) / 2),\n            computed = iteratee(array[mid]),\n            othIsDefined = computed !== undefined,\n            othIsNull = computed === null,\n            othIsReflexive = computed === computed,\n            othIsSymbol = isSymbol(computed);\n\n        if (valIsNaN) {\n          var setLow = retHighest || othIsReflexive;\n        } else if (valIsUndefined) {\n          setLow = othIsReflexive && (retHighest || othIsDefined);\n        } else if (valIsNull) {\n          setLow = othIsReflexive && othIsDefined && (retHighest || !othIsNull);\n        } else if (valIsSymbol) {\n          setLow = othIsReflexive && othIsDefined && !othIsNull && (retHighest || !othIsSymbol);\n        } else if (othIsNull || othIsSymbol) {\n          setLow = false;\n        } else {\n          setLow = retHighest ? (computed <= value) : (computed < value);\n        }\n        if (setLow) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      }\n      return nativeMin(high, MAX_ARRAY_INDEX);\n    }\n\n    /**\n     * The base implementation of `_.sortedUniq` and `_.sortedUniqBy` without\n     * support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array} array The array to inspect.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @returns {Array} Returns the new duplicate free array.\n     */\n    function baseSortedUniq(array, iteratee) {\n      var index = -1,\n          length = array.length,\n          resIndex = 0,\n          result = [];\n\n      while (++index < length) {\n        var value = array[index],\n            computed = iteratee ? iteratee(value) : value;\n\n        if (!index || !eq(computed, seen)) {\n          var seen = computed;\n          result[resIndex++] = value === 0 ? 0 : value;\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.toNumber` which doesn't ensure correct\n     * conversions of binary, hexadecimal, or octal string values.\n     *\n     * @private\n     * @param {*} value The value to process.\n     * @returns {number} Returns the number.\n     */\n    function baseToNumber(value) {\n      if (typeof value == 'number') {\n        return value;\n      }\n      if (isSymbol(value)) {\n        return NAN;\n      }\n      return +value;\n    }\n\n    /**\n     * The base implementation of `_.toString` which doesn't convert nullish\n     * values to empty strings.\n     *\n     * @private\n     * @param {*} value The value to process.\n     * @returns {string} Returns the string.\n     */\n    function baseToString(value) {\n      // Exit early for strings to avoid a performance hit in some environments.\n      if (typeof value == 'string') {\n        return value;\n      }\n      if (isArray(value)) {\n        // Recursively convert values (susceptible to call stack limits).\n        return arrayMap(value, baseToString) + '';\n      }\n      if (isSymbol(value)) {\n        return symbolToString ? symbolToString.call(value) : '';\n      }\n      var result = (value + '');\n      return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n    }\n\n    /**\n     * The base implementation of `_.uniqBy` without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array} array The array to inspect.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new duplicate free array.\n     */\n    function baseUniq(array, iteratee, comparator) {\n      var index = -1,\n          includes = arrayIncludes,\n          length = array.length,\n          isCommon = true,\n          result = [],\n          seen = result;\n\n      if (comparator) {\n        isCommon = false;\n        includes = arrayIncludesWith;\n      }\n      else if (length >= LARGE_ARRAY_SIZE) {\n        var set = iteratee ? null : createSet(array);\n        if (set) {\n          return setToArray(set);\n        }\n        isCommon = false;\n        includes = cacheHas;\n        seen = new SetCache;\n      }\n      else {\n        seen = iteratee ? [] : result;\n      }\n      outer:\n      while (++index < length) {\n        var value = array[index],\n            computed = iteratee ? iteratee(value) : value;\n\n        value = (comparator || value !== 0) ? value : 0;\n        if (isCommon && computed === computed) {\n          var seenIndex = seen.length;\n          while (seenIndex--) {\n            if (seen[seenIndex] === computed) {\n              continue outer;\n            }\n          }\n          if (iteratee) {\n            seen.push(computed);\n          }\n          result.push(value);\n        }\n        else if (!includes(seen, computed, comparator)) {\n          if (seen !== result) {\n            seen.push(computed);\n          }\n          result.push(value);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * The base implementation of `_.unset`.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The property path to unset.\n     * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n     */\n    function baseUnset(object, path) {\n      path = castPath(path, object);\n      object = parent(object, path);\n      return object == null || delete object[toKey(last(path))];\n    }\n\n    /**\n     * The base implementation of `_.update`.\n     *\n     * @private\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to update.\n     * @param {Function} updater The function to produce the updated value.\n     * @param {Function} [customizer] The function to customize path creation.\n     * @returns {Object} Returns `object`.\n     */\n    function baseUpdate(object, path, updater, customizer) {\n      return baseSet(object, path, updater(baseGet(object, path)), customizer);\n    }\n\n    /**\n     * The base implementation of methods like `_.dropWhile` and `_.takeWhile`\n     * without support for iteratee shorthands.\n     *\n     * @private\n     * @param {Array} array The array to query.\n     * @param {Function} predicate The function invoked per iteration.\n     * @param {boolean} [isDrop] Specify dropping elements instead of taking them.\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Array} Returns the slice of `array`.\n     */\n    function baseWhile(array, predicate, isDrop, fromRight) {\n      var length = array.length,\n          index = fromRight ? length : -1;\n\n      while ((fromRight ? index-- : ++index < length) &&\n        predicate(array[index], index, array)) {}\n\n      return isDrop\n        ? baseSlice(array, (fromRight ? 0 : index), (fromRight ? index + 1 : length))\n        : baseSlice(array, (fromRight ? index + 1 : 0), (fromRight ? length : index));\n    }\n\n    /**\n     * The base implementation of `wrapperValue` which returns the result of\n     * performing a sequence of actions on the unwrapped `value`, where each\n     * successive action is supplied the return value of the previous.\n     *\n     * @private\n     * @param {*} value The unwrapped value.\n     * @param {Array} actions Actions to perform to resolve the unwrapped value.\n     * @returns {*} Returns the resolved value.\n     */\n    function baseWrapperValue(value, actions) {\n      var result = value;\n      if (result instanceof LazyWrapper) {\n        result = result.value();\n      }\n      return arrayReduce(actions, function(result, action) {\n        return action.func.apply(action.thisArg, arrayPush([result], action.args));\n      }, result);\n    }\n\n    /**\n     * The base implementation of methods like `_.xor`, without support for\n     * iteratee shorthands, that accepts an array of arrays to inspect.\n     *\n     * @private\n     * @param {Array} arrays The arrays to inspect.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of values.\n     */\n    function baseXor(arrays, iteratee, comparator) {\n      var length = arrays.length;\n      if (length < 2) {\n        return length ? baseUniq(arrays[0]) : [];\n      }\n      var index = -1,\n          result = Array(length);\n\n      while (++index < length) {\n        var array = arrays[index],\n            othIndex = -1;\n\n        while (++othIndex < length) {\n          if (othIndex != index) {\n            result[index] = baseDifference(result[index] || array, arrays[othIndex], iteratee, comparator);\n          }\n        }\n      }\n      return baseUniq(baseFlatten(result, 1), iteratee, comparator);\n    }\n\n    /**\n     * This base implementation of `_.zipObject` which assigns values using `assignFunc`.\n     *\n     * @private\n     * @param {Array} props The property identifiers.\n     * @param {Array} values The property values.\n     * @param {Function} assignFunc The function to assign values.\n     * @returns {Object} Returns the new object.\n     */\n    function baseZipObject(props, values, assignFunc) {\n      var index = -1,\n          length = props.length,\n          valsLength = values.length,\n          result = {};\n\n      while (++index < length) {\n        var value = index < valsLength ? values[index] : undefined;\n        assignFunc(result, props[index], value);\n      }\n      return result;\n    }\n\n    /**\n     * Casts `value` to an empty array if it's not an array like object.\n     *\n     * @private\n     * @param {*} value The value to inspect.\n     * @returns {Array|Object} Returns the cast array-like object.\n     */\n    function castArrayLikeObject(value) {\n      return isArrayLikeObject(value) ? value : [];\n    }\n\n    /**\n     * Casts `value` to `identity` if it's not a function.\n     *\n     * @private\n     * @param {*} value The value to inspect.\n     * @returns {Function} Returns cast function.\n     */\n    function castFunction(value) {\n      return typeof value == 'function' ? value : identity;\n    }\n\n    /**\n     * Casts `value` to a path array if it's not one.\n     *\n     * @private\n     * @param {*} value The value to inspect.\n     * @param {Object} [object] The object to query keys on.\n     * @returns {Array} Returns the cast property path array.\n     */\n    function castPath(value, object) {\n      if (isArray(value)) {\n        return value;\n      }\n      return isKey(value, object) ? [value] : stringToPath(toString(value));\n    }\n\n    /**\n     * A `baseRest` alias which can be replaced with `identity` by module\n     * replacement plugins.\n     *\n     * @private\n     * @type {Function}\n     * @param {Function} func The function to apply a rest parameter to.\n     * @returns {Function} Returns the new function.\n     */\n    var castRest = baseRest;\n\n    /**\n     * Casts `array` to a slice if it's needed.\n     *\n     * @private\n     * @param {Array} array The array to inspect.\n     * @param {number} start The start position.\n     * @param {number} [end=array.length] The end position.\n     * @returns {Array} Returns the cast slice.\n     */\n    function castSlice(array, start, end) {\n      var length = array.length;\n      end = end === undefined ? length : end;\n      return (!start && end >= length) ? array : baseSlice(array, start, end);\n    }\n\n    /**\n     * A simple wrapper around the global [`clearTimeout`](https://mdn.io/clearTimeout).\n     *\n     * @private\n     * @param {number|Object} id The timer id or timeout object of the timer to clear.\n     */\n    var clearTimeout = ctxClearTimeout || function(id) {\n      return root.clearTimeout(id);\n    };\n\n    /**\n     * Creates a clone of  `buffer`.\n     *\n     * @private\n     * @param {Buffer} buffer The buffer to clone.\n     * @param {boolean} [isDeep] Specify a deep clone.\n     * @returns {Buffer} Returns the cloned buffer.\n     */\n    function cloneBuffer(buffer, isDeep) {\n      if (isDeep) {\n        return buffer.slice();\n      }\n      var length = buffer.length,\n          result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);\n\n      buffer.copy(result);\n      return result;\n    }\n\n    /**\n     * Creates a clone of `arrayBuffer`.\n     *\n     * @private\n     * @param {ArrayBuffer} arrayBuffer The array buffer to clone.\n     * @returns {ArrayBuffer} Returns the cloned array buffer.\n     */\n    function cloneArrayBuffer(arrayBuffer) {\n      var result = new arrayBuffer.constructor(arrayBuffer.byteLength);\n      new Uint8Array(result).set(new Uint8Array(arrayBuffer));\n      return result;\n    }\n\n    /**\n     * Creates a clone of `dataView`.\n     *\n     * @private\n     * @param {Object} dataView The data view to clone.\n     * @param {boolean} [isDeep] Specify a deep clone.\n     * @returns {Object} Returns the cloned data view.\n     */\n    function cloneDataView(dataView, isDeep) {\n      var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;\n      return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);\n    }\n\n    /**\n     * Creates a clone of `regexp`.\n     *\n     * @private\n     * @param {Object} regexp The regexp to clone.\n     * @returns {Object} Returns the cloned regexp.\n     */\n    function cloneRegExp(regexp) {\n      var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));\n      result.lastIndex = regexp.lastIndex;\n      return result;\n    }\n\n    /**\n     * Creates a clone of the `symbol` object.\n     *\n     * @private\n     * @param {Object} symbol The symbol object to clone.\n     * @returns {Object} Returns the cloned symbol object.\n     */\n    function cloneSymbol(symbol) {\n      return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};\n    }\n\n    /**\n     * Creates a clone of `typedArray`.\n     *\n     * @private\n     * @param {Object} typedArray The typed array to clone.\n     * @param {boolean} [isDeep] Specify a deep clone.\n     * @returns {Object} Returns the cloned typed array.\n     */\n    function cloneTypedArray(typedArray, isDeep) {\n      var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;\n      return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);\n    }\n\n    /**\n     * Compares values to sort them in ascending order.\n     *\n     * @private\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {number} Returns the sort order indicator for `value`.\n     */\n    function compareAscending(value, other) {\n      if (value !== other) {\n        var valIsDefined = value !== undefined,\n            valIsNull = value === null,\n            valIsReflexive = value === value,\n            valIsSymbol = isSymbol(value);\n\n        var othIsDefined = other !== undefined,\n            othIsNull = other === null,\n            othIsReflexive = other === other,\n            othIsSymbol = isSymbol(other);\n\n        if ((!othIsNull && !othIsSymbol && !valIsSymbol && value > other) ||\n            (valIsSymbol && othIsDefined && othIsReflexive && !othIsNull && !othIsSymbol) ||\n            (valIsNull && othIsDefined && othIsReflexive) ||\n            (!valIsDefined && othIsReflexive) ||\n            !valIsReflexive) {\n          return 1;\n        }\n        if ((!valIsNull && !valIsSymbol && !othIsSymbol && value < other) ||\n            (othIsSymbol && valIsDefined && valIsReflexive && !valIsNull && !valIsSymbol) ||\n            (othIsNull && valIsDefined && valIsReflexive) ||\n            (!othIsDefined && valIsReflexive) ||\n            !othIsReflexive) {\n          return -1;\n        }\n      }\n      return 0;\n    }\n\n    /**\n     * Used by `_.orderBy` to compare multiple properties of a value to another\n     * and stable sort them.\n     *\n     * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,\n     * specify an order of \"desc\" for descending or \"asc\" for ascending sort order\n     * of corresponding values.\n     *\n     * @private\n     * @param {Object} object The object to compare.\n     * @param {Object} other The other object to compare.\n     * @param {boolean[]|string[]} orders The order to sort by for each property.\n     * @returns {number} Returns the sort order indicator for `object`.\n     */\n    function compareMultiple(object, other, orders) {\n      var index = -1,\n          objCriteria = object.criteria,\n          othCriteria = other.criteria,\n          length = objCriteria.length,\n          ordersLength = orders.length;\n\n      while (++index < length) {\n        var result = compareAscending(objCriteria[index], othCriteria[index]);\n        if (result) {\n          if (index >= ordersLength) {\n            return result;\n          }\n          var order = orders[index];\n          return result * (order == 'desc' ? -1 : 1);\n        }\n      }\n      // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications\n      // that causes it, under certain circumstances, to provide the same value for\n      // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247\n      // for more details.\n      //\n      // This also ensures a stable sort in V8 and other engines.\n      // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.\n      return object.index - other.index;\n    }\n\n    /**\n     * Creates an array that is the composition of partially applied arguments,\n     * placeholders, and provided arguments into a single array of arguments.\n     *\n     * @private\n     * @param {Array} args The provided arguments.\n     * @param {Array} partials The arguments to prepend to those provided.\n     * @param {Array} holders The `partials` placeholder indexes.\n     * @params {boolean} [isCurried] Specify composing for a curried function.\n     * @returns {Array} Returns the new array of composed arguments.\n     */\n    function composeArgs(args, partials, holders, isCurried) {\n      var argsIndex = -1,\n          argsLength = args.length,\n          holdersLength = holders.length,\n          leftIndex = -1,\n          leftLength = partials.length,\n          rangeLength = nativeMax(argsLength - holdersLength, 0),\n          result = Array(leftLength + rangeLength),\n          isUncurried = !isCurried;\n\n      while (++leftIndex < leftLength) {\n        result[leftIndex] = partials[leftIndex];\n      }\n      while (++argsIndex < holdersLength) {\n        if (isUncurried || argsIndex < argsLength) {\n          result[holders[argsIndex]] = args[argsIndex];\n        }\n      }\n      while (rangeLength--) {\n        result[leftIndex++] = args[argsIndex++];\n      }\n      return result;\n    }\n\n    /**\n     * This function is like `composeArgs` except that the arguments composition\n     * is tailored for `_.partialRight`.\n     *\n     * @private\n     * @param {Array} args The provided arguments.\n     * @param {Array} partials The arguments to append to those provided.\n     * @param {Array} holders The `partials` placeholder indexes.\n     * @params {boolean} [isCurried] Specify composing for a curried function.\n     * @returns {Array} Returns the new array of composed arguments.\n     */\n    function composeArgsRight(args, partials, holders, isCurried) {\n      var argsIndex = -1,\n          argsLength = args.length,\n          holdersIndex = -1,\n          holdersLength = holders.length,\n          rightIndex = -1,\n          rightLength = partials.length,\n          rangeLength = nativeMax(argsLength - holdersLength, 0),\n          result = Array(rangeLength + rightLength),\n          isUncurried = !isCurried;\n\n      while (++argsIndex < rangeLength) {\n        result[argsIndex] = args[argsIndex];\n      }\n      var offset = argsIndex;\n      while (++rightIndex < rightLength) {\n        result[offset + rightIndex] = partials[rightIndex];\n      }\n      while (++holdersIndex < holdersLength) {\n        if (isUncurried || argsIndex < argsLength) {\n          result[offset + holders[holdersIndex]] = args[argsIndex++];\n        }\n      }\n      return result;\n    }\n\n    /**\n     * Copies the values of `source` to `array`.\n     *\n     * @private\n     * @param {Array} source The array to copy values from.\n     * @param {Array} [array=[]] The array to copy values to.\n     * @returns {Array} Returns `array`.\n     */\n    function copyArray(source, array) {\n      var index = -1,\n          length = source.length;\n\n      array || (array = Array(length));\n      while (++index < length) {\n        array[index] = source[index];\n      }\n      return array;\n    }\n\n    /**\n     * Copies properties of `source` to `object`.\n     *\n     * @private\n     * @param {Object} source The object to copy properties from.\n     * @param {Array} props The property identifiers to copy.\n     * @param {Object} [object={}] The object to copy properties to.\n     * @param {Function} [customizer] The function to customize copied values.\n     * @returns {Object} Returns `object`.\n     */\n    function copyObject(source, props, object, customizer) {\n      var isNew = !object;\n      object || (object = {});\n\n      var index = -1,\n          length = props.length;\n\n      while (++index < length) {\n        var key = props[index];\n\n        var newValue = customizer\n          ? customizer(object[key], source[key], key, object, source)\n          : undefined;\n\n        if (newValue === undefined) {\n          newValue = source[key];\n        }\n        if (isNew) {\n          baseAssignValue(object, key, newValue);\n        } else {\n          assignValue(object, key, newValue);\n        }\n      }\n      return object;\n    }\n\n    /**\n     * Copies own symbols of `source` to `object`.\n     *\n     * @private\n     * @param {Object} source The object to copy symbols from.\n     * @param {Object} [object={}] The object to copy symbols to.\n     * @returns {Object} Returns `object`.\n     */\n    function copySymbols(source, object) {\n      return copyObject(source, getSymbols(source), object);\n    }\n\n    /**\n     * Copies own and inherited symbols of `source` to `object`.\n     *\n     * @private\n     * @param {Object} source The object to copy symbols from.\n     * @param {Object} [object={}] The object to copy symbols to.\n     * @returns {Object} Returns `object`.\n     */\n    function copySymbolsIn(source, object) {\n      return copyObject(source, getSymbolsIn(source), object);\n    }\n\n    /**\n     * Creates a function like `_.groupBy`.\n     *\n     * @private\n     * @param {Function} setter The function to set accumulator values.\n     * @param {Function} [initializer] The accumulator object initializer.\n     * @returns {Function} Returns the new aggregator function.\n     */\n    function createAggregator(setter, initializer) {\n      return function(collection, iteratee) {\n        var func = isArray(collection) ? arrayAggregator : baseAggregator,\n            accumulator = initializer ? initializer() : {};\n\n        return func(collection, setter, getIteratee(iteratee, 2), accumulator);\n      };\n    }\n\n    /**\n     * Creates a function like `_.assign`.\n     *\n     * @private\n     * @param {Function} assigner The function to assign values.\n     * @returns {Function} Returns the new assigner function.\n     */\n    function createAssigner(assigner) {\n      return baseRest(function(object, sources) {\n        var index = -1,\n            length = sources.length,\n            customizer = length > 1 ? sources[length - 1] : undefined,\n            guard = length > 2 ? sources[2] : undefined;\n\n        customizer = (assigner.length > 3 && typeof customizer == 'function')\n          ? (length--, customizer)\n          : undefined;\n\n        if (guard && isIterateeCall(sources[0], sources[1], guard)) {\n          customizer = length < 3 ? undefined : customizer;\n          length = 1;\n        }\n        object = Object(object);\n        while (++index < length) {\n          var source = sources[index];\n          if (source) {\n            assigner(object, source, index, customizer);\n          }\n        }\n        return object;\n      });\n    }\n\n    /**\n     * Creates a `baseEach` or `baseEachRight` function.\n     *\n     * @private\n     * @param {Function} eachFunc The function to iterate over a collection.\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Function} Returns the new base function.\n     */\n    function createBaseEach(eachFunc, fromRight) {\n      return function(collection, iteratee) {\n        if (collection == null) {\n          return collection;\n        }\n        if (!isArrayLike(collection)) {\n          return eachFunc(collection, iteratee);\n        }\n        var length = collection.length,\n            index = fromRight ? length : -1,\n            iterable = Object(collection);\n\n        while ((fromRight ? index-- : ++index < length)) {\n          if (iteratee(iterable[index], index, iterable) === false) {\n            break;\n          }\n        }\n        return collection;\n      };\n    }\n\n    /**\n     * Creates a base function for methods like `_.forIn` and `_.forOwn`.\n     *\n     * @private\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Function} Returns the new base function.\n     */\n    function createBaseFor(fromRight) {\n      return function(object, iteratee, keysFunc) {\n        var index = -1,\n            iterable = Object(object),\n            props = keysFunc(object),\n            length = props.length;\n\n        while (length--) {\n          var key = props[fromRight ? length : ++index];\n          if (iteratee(iterable[key], key, iterable) === false) {\n            break;\n          }\n        }\n        return object;\n      };\n    }\n\n    /**\n     * Creates a function that wraps `func` to invoke it with the optional `this`\n     * binding of `thisArg`.\n     *\n     * @private\n     * @param {Function} func The function to wrap.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @param {*} [thisArg] The `this` binding of `func`.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createBind(func, bitmask, thisArg) {\n      var isBind = bitmask & WRAP_BIND_FLAG,\n          Ctor = createCtor(func);\n\n      function wrapper() {\n        var fn = (this && this !== root && this instanceof wrapper) ? Ctor : func;\n        return fn.apply(isBind ? thisArg : this, arguments);\n      }\n      return wrapper;\n    }\n\n    /**\n     * Creates a function like `_.lowerFirst`.\n     *\n     * @private\n     * @param {string} methodName The name of the `String` case method to use.\n     * @returns {Function} Returns the new case function.\n     */\n    function createCaseFirst(methodName) {\n      return function(string) {\n        string = toString(string);\n\n        var strSymbols = hasUnicode(string)\n          ? stringToArray(string)\n          : undefined;\n\n        var chr = strSymbols\n          ? strSymbols[0]\n          : string.charAt(0);\n\n        var trailing = strSymbols\n          ? castSlice(strSymbols, 1).join('')\n          : string.slice(1);\n\n        return chr[methodName]() + trailing;\n      };\n    }\n\n    /**\n     * Creates a function like `_.camelCase`.\n     *\n     * @private\n     * @param {Function} callback The function to combine each word.\n     * @returns {Function} Returns the new compounder function.\n     */\n    function createCompounder(callback) {\n      return function(string) {\n        return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');\n      };\n    }\n\n    /**\n     * Creates a function that produces an instance of `Ctor` regardless of\n     * whether it was invoked as part of a `new` expression or by `call` or `apply`.\n     *\n     * @private\n     * @param {Function} Ctor The constructor to wrap.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createCtor(Ctor) {\n      return function() {\n        // Use a `switch` statement to work with class constructors. See\n        // http://ecma-international.org/ecma-262/7.0/#sec-ecmascript-function-objects-call-thisargument-argumentslist\n        // for more details.\n        var args = arguments;\n        switch (args.length) {\n          case 0: return new Ctor;\n          case 1: return new Ctor(args[0]);\n          case 2: return new Ctor(args[0], args[1]);\n          case 3: return new Ctor(args[0], args[1], args[2]);\n          case 4: return new Ctor(args[0], args[1], args[2], args[3]);\n          case 5: return new Ctor(args[0], args[1], args[2], args[3], args[4]);\n          case 6: return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5]);\n          case 7: return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);\n        }\n        var thisBinding = baseCreate(Ctor.prototype),\n            result = Ctor.apply(thisBinding, args);\n\n        // Mimic the constructor's `return` behavior.\n        // See https://es5.github.io/#x13.2.2 for more details.\n        return isObject(result) ? result : thisBinding;\n      };\n    }\n\n    /**\n     * Creates a function that wraps `func` to enable currying.\n     *\n     * @private\n     * @param {Function} func The function to wrap.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @param {number} arity The arity of `func`.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createCurry(func, bitmask, arity) {\n      var Ctor = createCtor(func);\n\n      function wrapper() {\n        var length = arguments.length,\n            args = Array(length),\n            index = length,\n            placeholder = getHolder(wrapper);\n\n        while (index--) {\n          args[index] = arguments[index];\n        }\n        var holders = (length < 3 && args[0] !== placeholder && args[length - 1] !== placeholder)\n          ? []\n          : replaceHolders(args, placeholder);\n\n        length -= holders.length;\n        if (length < arity) {\n          return createRecurry(\n            func, bitmask, createHybrid, wrapper.placeholder, undefined,\n            args, holders, undefined, undefined, arity - length);\n        }\n        var fn = (this && this !== root && this instanceof wrapper) ? Ctor : func;\n        return apply(fn, this, args);\n      }\n      return wrapper;\n    }\n\n    /**\n     * Creates a `_.find` or `_.findLast` function.\n     *\n     * @private\n     * @param {Function} findIndexFunc The function to find the collection index.\n     * @returns {Function} Returns the new find function.\n     */\n    function createFind(findIndexFunc) {\n      return function(collection, predicate, fromIndex) {\n        var iterable = Object(collection);\n        if (!isArrayLike(collection)) {\n          var iteratee = getIteratee(predicate, 3);\n          collection = keys(collection);\n          predicate = function(key) { return iteratee(iterable[key], key, iterable); };\n        }\n        var index = findIndexFunc(collection, predicate, fromIndex);\n        return index > -1 ? iterable[iteratee ? collection[index] : index] : undefined;\n      };\n    }\n\n    /**\n     * Creates a `_.flow` or `_.flowRight` function.\n     *\n     * @private\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Function} Returns the new flow function.\n     */\n    function createFlow(fromRight) {\n      return flatRest(function(funcs) {\n        var length = funcs.length,\n            index = length,\n            prereq = LodashWrapper.prototype.thru;\n\n        if (fromRight) {\n          funcs.reverse();\n        }\n        while (index--) {\n          var func = funcs[index];\n          if (typeof func != 'function') {\n            throw new TypeError(FUNC_ERROR_TEXT);\n          }\n          if (prereq && !wrapper && getFuncName(func) == 'wrapper') {\n            var wrapper = new LodashWrapper([], true);\n          }\n        }\n        index = wrapper ? index : length;\n        while (++index < length) {\n          func = funcs[index];\n\n          var funcName = getFuncName(func),\n              data = funcName == 'wrapper' ? getData(func) : undefined;\n\n          if (data && isLaziable(data[0]) &&\n                data[1] == (WRAP_ARY_FLAG | WRAP_CURRY_FLAG | WRAP_PARTIAL_FLAG | WRAP_REARG_FLAG) &&\n                !data[4].length && data[9] == 1\n              ) {\n            wrapper = wrapper[getFuncName(data[0])].apply(wrapper, data[3]);\n          } else {\n            wrapper = (func.length == 1 && isLaziable(func))\n              ? wrapper[funcName]()\n              : wrapper.thru(func);\n          }\n        }\n        return function() {\n          var args = arguments,\n              value = args[0];\n\n          if (wrapper && args.length == 1 && isArray(value)) {\n            return wrapper.plant(value).value();\n          }\n          var index = 0,\n              result = length ? funcs[index].apply(this, args) : value;\n\n          while (++index < length) {\n            result = funcs[index].call(this, result);\n          }\n          return result;\n        };\n      });\n    }\n\n    /**\n     * Creates a function that wraps `func` to invoke it with optional `this`\n     * binding of `thisArg`, partial application, and currying.\n     *\n     * @private\n     * @param {Function|string} func The function or method name to wrap.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @param {*} [thisArg] The `this` binding of `func`.\n     * @param {Array} [partials] The arguments to prepend to those provided to\n     *  the new function.\n     * @param {Array} [holders] The `partials` placeholder indexes.\n     * @param {Array} [partialsRight] The arguments to append to those provided\n     *  to the new function.\n     * @param {Array} [holdersRight] The `partialsRight` placeholder indexes.\n     * @param {Array} [argPos] The argument positions of the new function.\n     * @param {number} [ary] The arity cap of `func`.\n     * @param {number} [arity] The arity of `func`.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createHybrid(func, bitmask, thisArg, partials, holders, partialsRight, holdersRight, argPos, ary, arity) {\n      var isAry = bitmask & WRAP_ARY_FLAG,\n          isBind = bitmask & WRAP_BIND_FLAG,\n          isBindKey = bitmask & WRAP_BIND_KEY_FLAG,\n          isCurried = bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG),\n          isFlip = bitmask & WRAP_FLIP_FLAG,\n          Ctor = isBindKey ? undefined : createCtor(func);\n\n      function wrapper() {\n        var length = arguments.length,\n            args = Array(length),\n            index = length;\n\n        while (index--) {\n          args[index] = arguments[index];\n        }\n        if (isCurried) {\n          var placeholder = getHolder(wrapper),\n              holdersCount = countHolders(args, placeholder);\n        }\n        if (partials) {\n          args = composeArgs(args, partials, holders, isCurried);\n        }\n        if (partialsRight) {\n          args = composeArgsRight(args, partialsRight, holdersRight, isCurried);\n        }\n        length -= holdersCount;\n        if (isCurried && length < arity) {\n          var newHolders = replaceHolders(args, placeholder);\n          return createRecurry(\n            func, bitmask, createHybrid, wrapper.placeholder, thisArg,\n            args, newHolders, argPos, ary, arity - length\n          );\n        }\n        var thisBinding = isBind ? thisArg : this,\n            fn = isBindKey ? thisBinding[func] : func;\n\n        length = args.length;\n        if (argPos) {\n          args = reorder(args, argPos);\n        } else if (isFlip && length > 1) {\n          args.reverse();\n        }\n        if (isAry && ary < length) {\n          args.length = ary;\n        }\n        if (this && this !== root && this instanceof wrapper) {\n          fn = Ctor || createCtor(fn);\n        }\n        return fn.apply(thisBinding, args);\n      }\n      return wrapper;\n    }\n\n    /**\n     * Creates a function like `_.invertBy`.\n     *\n     * @private\n     * @param {Function} setter The function to set accumulator values.\n     * @param {Function} toIteratee The function to resolve iteratees.\n     * @returns {Function} Returns the new inverter function.\n     */\n    function createInverter(setter, toIteratee) {\n      return function(object, iteratee) {\n        return baseInverter(object, setter, toIteratee(iteratee), {});\n      };\n    }\n\n    /**\n     * Creates a function that performs a mathematical operation on two values.\n     *\n     * @private\n     * @param {Function} operator The function to perform the operation.\n     * @param {number} [defaultValue] The value used for `undefined` arguments.\n     * @returns {Function} Returns the new mathematical operation function.\n     */\n    function createMathOperation(operator, defaultValue) {\n      return function(value, other) {\n        var result;\n        if (value === undefined && other === undefined) {\n          return defaultValue;\n        }\n        if (value !== undefined) {\n          result = value;\n        }\n        if (other !== undefined) {\n          if (result === undefined) {\n            return other;\n          }\n          if (typeof value == 'string' || typeof other == 'string') {\n            value = baseToString(value);\n            other = baseToString(other);\n          } else {\n            value = baseToNumber(value);\n            other = baseToNumber(other);\n          }\n          result = operator(value, other);\n        }\n        return result;\n      };\n    }\n\n    /**\n     * Creates a function like `_.over`.\n     *\n     * @private\n     * @param {Function} arrayFunc The function to iterate over iteratees.\n     * @returns {Function} Returns the new over function.\n     */\n    function createOver(arrayFunc) {\n      return flatRest(function(iteratees) {\n        iteratees = arrayMap(iteratees, baseUnary(getIteratee()));\n        return baseRest(function(args) {\n          var thisArg = this;\n          return arrayFunc(iteratees, function(iteratee) {\n            return apply(iteratee, thisArg, args);\n          });\n        });\n      });\n    }\n\n    /**\n     * Creates the padding for `string` based on `length`. The `chars` string\n     * is truncated if the number of characters exceeds `length`.\n     *\n     * @private\n     * @param {number} length The padding length.\n     * @param {string} [chars=' '] The string used as padding.\n     * @returns {string} Returns the padding for `string`.\n     */\n    function createPadding(length, chars) {\n      chars = chars === undefined ? ' ' : baseToString(chars);\n\n      var charsLength = chars.length;\n      if (charsLength < 2) {\n        return charsLength ? baseRepeat(chars, length) : chars;\n      }\n      var result = baseRepeat(chars, nativeCeil(length / stringSize(chars)));\n      return hasUnicode(chars)\n        ? castSlice(stringToArray(result), 0, length).join('')\n        : result.slice(0, length);\n    }\n\n    /**\n     * Creates a function that wraps `func` to invoke it with the `this` binding\n     * of `thisArg` and `partials` prepended to the arguments it receives.\n     *\n     * @private\n     * @param {Function} func The function to wrap.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @param {*} thisArg The `this` binding of `func`.\n     * @param {Array} partials The arguments to prepend to those provided to\n     *  the new function.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createPartial(func, bitmask, thisArg, partials) {\n      var isBind = bitmask & WRAP_BIND_FLAG,\n          Ctor = createCtor(func);\n\n      function wrapper() {\n        var argsIndex = -1,\n            argsLength = arguments.length,\n            leftIndex = -1,\n            leftLength = partials.length,\n            args = Array(leftLength + argsLength),\n            fn = (this && this !== root && this instanceof wrapper) ? Ctor : func;\n\n        while (++leftIndex < leftLength) {\n          args[leftIndex] = partials[leftIndex];\n        }\n        while (argsLength--) {\n          args[leftIndex++] = arguments[++argsIndex];\n        }\n        return apply(fn, isBind ? thisArg : this, args);\n      }\n      return wrapper;\n    }\n\n    /**\n     * Creates a `_.range` or `_.rangeRight` function.\n     *\n     * @private\n     * @param {boolean} [fromRight] Specify iterating from right to left.\n     * @returns {Function} Returns the new range function.\n     */\n    function createRange(fromRight) {\n      return function(start, end, step) {\n        if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {\n          end = step = undefined;\n        }\n        // Ensure the sign of `-0` is preserved.\n        start = toFinite(start);\n        if (end === undefined) {\n          end = start;\n          start = 0;\n        } else {\n          end = toFinite(end);\n        }\n        step = step === undefined ? (start < end ? 1 : -1) : toFinite(step);\n        return baseRange(start, end, step, fromRight);\n      };\n    }\n\n    /**\n     * Creates a function that performs a relational operation on two values.\n     *\n     * @private\n     * @param {Function} operator The function to perform the operation.\n     * @returns {Function} Returns the new relational operation function.\n     */\n    function createRelationalOperation(operator) {\n      return function(value, other) {\n        if (!(typeof value == 'string' && typeof other == 'string')) {\n          value = toNumber(value);\n          other = toNumber(other);\n        }\n        return operator(value, other);\n      };\n    }\n\n    /**\n     * Creates a function that wraps `func` to continue currying.\n     *\n     * @private\n     * @param {Function} func The function to wrap.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @param {Function} wrapFunc The function to create the `func` wrapper.\n     * @param {*} placeholder The placeholder value.\n     * @param {*} [thisArg] The `this` binding of `func`.\n     * @param {Array} [partials] The arguments to prepend to those provided to\n     *  the new function.\n     * @param {Array} [holders] The `partials` placeholder indexes.\n     * @param {Array} [argPos] The argument positions of the new function.\n     * @param {number} [ary] The arity cap of `func`.\n     * @param {number} [arity] The arity of `func`.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createRecurry(func, bitmask, wrapFunc, placeholder, thisArg, partials, holders, argPos, ary, arity) {\n      var isCurry = bitmask & WRAP_CURRY_FLAG,\n          newHolders = isCurry ? holders : undefined,\n          newHoldersRight = isCurry ? undefined : holders,\n          newPartials = isCurry ? partials : undefined,\n          newPartialsRight = isCurry ? undefined : partials;\n\n      bitmask |= (isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG);\n      bitmask &= ~(isCurry ? WRAP_PARTIAL_RIGHT_FLAG : WRAP_PARTIAL_FLAG);\n\n      if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) {\n        bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG);\n      }\n      var newData = [\n        func, bitmask, thisArg, newPartials, newHolders, newPartialsRight,\n        newHoldersRight, argPos, ary, arity\n      ];\n\n      var result = wrapFunc.apply(undefined, newData);\n      if (isLaziable(func)) {\n        setData(result, newData);\n      }\n      result.placeholder = placeholder;\n      return setWrapToString(result, func, bitmask);\n    }\n\n    /**\n     * Creates a function like `_.round`.\n     *\n     * @private\n     * @param {string} methodName The name of the `Math` method to use when rounding.\n     * @returns {Function} Returns the new round function.\n     */\n    function createRound(methodName) {\n      var func = Math[methodName];\n      return function(number, precision) {\n        number = toNumber(number);\n        precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);\n        if (precision && nativeIsFinite(number)) {\n          // Shift with exponential notation to avoid floating-point issues.\n          // See [MDN](https://mdn.io/round#Examples) for more details.\n          var pair = (toString(number) + 'e').split('e'),\n              value = func(pair[0] + 'e' + (+pair[1] + precision));\n\n          pair = (toString(value) + 'e').split('e');\n          return +(pair[0] + 'e' + (+pair[1] - precision));\n        }\n        return func(number);\n      };\n    }\n\n    /**\n     * Creates a set object of `values`.\n     *\n     * @private\n     * @param {Array} values The values to add to the set.\n     * @returns {Object} Returns the new set.\n     */\n    var createSet = !(Set && (1 / setToArray(new Set([,-0]))[1]) == INFINITY) ? noop : function(values) {\n      return new Set(values);\n    };\n\n    /**\n     * Creates a `_.toPairs` or `_.toPairsIn` function.\n     *\n     * @private\n     * @param {Function} keysFunc The function to get the keys of a given object.\n     * @returns {Function} Returns the new pairs function.\n     */\n    function createToPairs(keysFunc) {\n      return function(object) {\n        var tag = getTag(object);\n        if (tag == mapTag) {\n          return mapToArray(object);\n        }\n        if (tag == setTag) {\n          return setToPairs(object);\n        }\n        return baseToPairs(object, keysFunc(object));\n      };\n    }\n\n    /**\n     * Creates a function that either curries or invokes `func` with optional\n     * `this` binding and partially applied arguments.\n     *\n     * @private\n     * @param {Function|string} func The function or method name to wrap.\n     * @param {number} bitmask The bitmask flags.\n     *    1 - `_.bind`\n     *    2 - `_.bindKey`\n     *    4 - `_.curry` or `_.curryRight` of a bound function\n     *    8 - `_.curry`\n     *   16 - `_.curryRight`\n     *   32 - `_.partial`\n     *   64 - `_.partialRight`\n     *  128 - `_.rearg`\n     *  256 - `_.ary`\n     *  512 - `_.flip`\n     * @param {*} [thisArg] The `this` binding of `func`.\n     * @param {Array} [partials] The arguments to be partially applied.\n     * @param {Array} [holders] The `partials` placeholder indexes.\n     * @param {Array} [argPos] The argument positions of the new function.\n     * @param {number} [ary] The arity cap of `func`.\n     * @param {number} [arity] The arity of `func`.\n     * @returns {Function} Returns the new wrapped function.\n     */\n    function createWrap(func, bitmask, thisArg, partials, holders, argPos, ary, arity) {\n      var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;\n      if (!isBindKey && typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      var length = partials ? partials.length : 0;\n      if (!length) {\n        bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG);\n        partials = holders = undefined;\n      }\n      ary = ary === undefined ? ary : nativeMax(toInteger(ary), 0);\n      arity = arity === undefined ? arity : toInteger(arity);\n      length -= holders ? holders.length : 0;\n\n      if (bitmask & WRAP_PARTIAL_RIGHT_FLAG) {\n        var partialsRight = partials,\n            holdersRight = holders;\n\n        partials = holders = undefined;\n      }\n      var data = isBindKey ? undefined : getData(func);\n\n      var newData = [\n        func, bitmask, thisArg, partials, holders, partialsRight, holdersRight,\n        argPos, ary, arity\n      ];\n\n      if (data) {\n        mergeData(newData, data);\n      }\n      func = newData[0];\n      bitmask = newData[1];\n      thisArg = newData[2];\n      partials = newData[3];\n      holders = newData[4];\n      arity = newData[9] = newData[9] === undefined\n        ? (isBindKey ? 0 : func.length)\n        : nativeMax(newData[9] - length, 0);\n\n      if (!arity && bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)) {\n        bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG);\n      }\n      if (!bitmask || bitmask == WRAP_BIND_FLAG) {\n        var result = createBind(func, bitmask, thisArg);\n      } else if (bitmask == WRAP_CURRY_FLAG || bitmask == WRAP_CURRY_RIGHT_FLAG) {\n        result = createCurry(func, bitmask, arity);\n      } else if ((bitmask == WRAP_PARTIAL_FLAG || bitmask == (WRAP_BIND_FLAG | WRAP_PARTIAL_FLAG)) && !holders.length) {\n        result = createPartial(func, bitmask, thisArg, partials);\n      } else {\n        result = createHybrid.apply(undefined, newData);\n      }\n      var setter = data ? baseSetData : setData;\n      return setWrapToString(setter(result, newData), func, bitmask);\n    }\n\n    /**\n     * Used by `_.defaults` to customize its `_.assignIn` use to assign properties\n     * of source objects to the destination object for all destination properties\n     * that resolve to `undefined`.\n     *\n     * @private\n     * @param {*} objValue The destination value.\n     * @param {*} srcValue The source value.\n     * @param {string} key The key of the property to assign.\n     * @param {Object} object The parent object of `objValue`.\n     * @returns {*} Returns the value to assign.\n     */\n    function customDefaultsAssignIn(objValue, srcValue, key, object) {\n      if (objValue === undefined ||\n          (eq(objValue, objectProto[key]) && !hasOwnProperty.call(object, key))) {\n        return srcValue;\n      }\n      return objValue;\n    }\n\n    /**\n     * Used by `_.defaultsDeep` to customize its `_.merge` use to merge source\n     * objects into destination objects that are passed thru.\n     *\n     * @private\n     * @param {*} objValue The destination value.\n     * @param {*} srcValue The source value.\n     * @param {string} key The key of the property to merge.\n     * @param {Object} object The parent object of `objValue`.\n     * @param {Object} source The parent object of `srcValue`.\n     * @param {Object} [stack] Tracks traversed source values and their merged\n     *  counterparts.\n     * @returns {*} Returns the value to assign.\n     */\n    function customDefaultsMerge(objValue, srcValue, key, object, source, stack) {\n      if (isObject(objValue) && isObject(srcValue)) {\n        // Recursively merge objects and arrays (susceptible to call stack limits).\n        stack.set(srcValue, objValue);\n        baseMerge(objValue, srcValue, undefined, customDefaultsMerge, stack);\n        stack['delete'](srcValue);\n      }\n      return objValue;\n    }\n\n    /**\n     * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain\n     * objects.\n     *\n     * @private\n     * @param {*} value The value to inspect.\n     * @param {string} key The key of the property to inspect.\n     * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.\n     */\n    function customOmitClone(value) {\n      return isPlainObject(value) ? undefined : value;\n    }\n\n    /**\n     * A specialized version of `baseIsEqualDeep` for arrays with support for\n     * partial deep comparisons.\n     *\n     * @private\n     * @param {Array} array The array to compare.\n     * @param {Array} other The other array to compare.\n     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n     * @param {Function} customizer The function to customize comparisons.\n     * @param {Function} equalFunc The function to determine equivalents of values.\n     * @param {Object} stack Tracks traversed `array` and `other` objects.\n     * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.\n     */\n    function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {\n      var isPartial = bitmask & COMPARE_PARTIAL_FLAG,\n          arrLength = array.length,\n          othLength = other.length;\n\n      if (arrLength != othLength && !(isPartial && othLength > arrLength)) {\n        return false;\n      }\n      // Check that cyclic values are equal.\n      var arrStacked = stack.get(array);\n      var othStacked = stack.get(other);\n      if (arrStacked && othStacked) {\n        return arrStacked == other && othStacked == array;\n      }\n      var index = -1,\n          result = true,\n          seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;\n\n      stack.set(array, other);\n      stack.set(other, array);\n\n      // Ignore non-index properties.\n      while (++index < arrLength) {\n        var arrValue = array[index],\n            othValue = other[index];\n\n        if (customizer) {\n          var compared = isPartial\n            ? customizer(othValue, arrValue, index, other, array, stack)\n            : customizer(arrValue, othValue, index, array, other, stack);\n        }\n        if (compared !== undefined) {\n          if (compared) {\n            continue;\n          }\n          result = false;\n          break;\n        }\n        // Recursively compare arrays (susceptible to call stack limits).\n        if (seen) {\n          if (!arraySome(other, function(othValue, othIndex) {\n                if (!cacheHas(seen, othIndex) &&\n                    (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {\n                  return seen.push(othIndex);\n                }\n              })) {\n            result = false;\n            break;\n          }\n        } else if (!(\n              arrValue === othValue ||\n                equalFunc(arrValue, othValue, bitmask, customizer, stack)\n            )) {\n          result = false;\n          break;\n        }\n      }\n      stack['delete'](array);\n      stack['delete'](other);\n      return result;\n    }\n\n    /**\n     * A specialized version of `baseIsEqualDeep` for comparing objects of\n     * the same `toStringTag`.\n     *\n     * **Note:** This function only supports comparing values with tags of\n     * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.\n     *\n     * @private\n     * @param {Object} object The object to compare.\n     * @param {Object} other The other object to compare.\n     * @param {string} tag The `toStringTag` of the objects to compare.\n     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n     * @param {Function} customizer The function to customize comparisons.\n     * @param {Function} equalFunc The function to determine equivalents of values.\n     * @param {Object} stack Tracks traversed `object` and `other` objects.\n     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n     */\n    function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {\n      switch (tag) {\n        case dataViewTag:\n          if ((object.byteLength != other.byteLength) ||\n              (object.byteOffset != other.byteOffset)) {\n            return false;\n          }\n          object = object.buffer;\n          other = other.buffer;\n\n        case arrayBufferTag:\n          if ((object.byteLength != other.byteLength) ||\n              !equalFunc(new Uint8Array(object), new Uint8Array(other))) {\n            return false;\n          }\n          return true;\n\n        case boolTag:\n        case dateTag:\n        case numberTag:\n          // Coerce booleans to `1` or `0` and dates to milliseconds.\n          // Invalid dates are coerced to `NaN`.\n          return eq(+object, +other);\n\n        case errorTag:\n          return object.name == other.name && object.message == other.message;\n\n        case regexpTag:\n        case stringTag:\n          // Coerce regexes to strings and treat strings, primitives and objects,\n          // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring\n          // for more details.\n          return object == (other + '');\n\n        case mapTag:\n          var convert = mapToArray;\n\n        case setTag:\n          var isPartial = bitmask & COMPARE_PARTIAL_FLAG;\n          convert || (convert = setToArray);\n\n          if (object.size != other.size && !isPartial) {\n            return false;\n          }\n          // Assume cyclic values are equal.\n          var stacked = stack.get(object);\n          if (stacked) {\n            return stacked == other;\n          }\n          bitmask |= COMPARE_UNORDERED_FLAG;\n\n          // Recursively compare objects (susceptible to call stack limits).\n          stack.set(object, other);\n          var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);\n          stack['delete'](object);\n          return result;\n\n        case symbolTag:\n          if (symbolValueOf) {\n            return symbolValueOf.call(object) == symbolValueOf.call(other);\n          }\n      }\n      return false;\n    }\n\n    /**\n     * A specialized version of `baseIsEqualDeep` for objects with support for\n     * partial deep comparisons.\n     *\n     * @private\n     * @param {Object} object The object to compare.\n     * @param {Object} other The other object to compare.\n     * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.\n     * @param {Function} customizer The function to customize comparisons.\n     * @param {Function} equalFunc The function to determine equivalents of values.\n     * @param {Object} stack Tracks traversed `object` and `other` objects.\n     * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.\n     */\n    function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {\n      var isPartial = bitmask & COMPARE_PARTIAL_FLAG,\n          objProps = getAllKeys(object),\n          objLength = objProps.length,\n          othProps = getAllKeys(other),\n          othLength = othProps.length;\n\n      if (objLength != othLength && !isPartial) {\n        return false;\n      }\n      var index = objLength;\n      while (index--) {\n        var key = objProps[index];\n        if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {\n          return false;\n        }\n      }\n      // Check that cyclic values are equal.\n      var objStacked = stack.get(object);\n      var othStacked = stack.get(other);\n      if (objStacked && othStacked) {\n        return objStacked == other && othStacked == object;\n      }\n      var result = true;\n      stack.set(object, other);\n      stack.set(other, object);\n\n      var skipCtor = isPartial;\n      while (++index < objLength) {\n        key = objProps[index];\n        var objValue = object[key],\n            othValue = other[key];\n\n        if (customizer) {\n          var compared = isPartial\n            ? customizer(othValue, objValue, key, other, object, stack)\n            : customizer(objValue, othValue, key, object, other, stack);\n        }\n        // Recursively compare objects (susceptible to call stack limits).\n        if (!(compared === undefined\n              ? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack))\n              : compared\n            )) {\n          result = false;\n          break;\n        }\n        skipCtor || (skipCtor = key == 'constructor');\n      }\n      if (result && !skipCtor) {\n        var objCtor = object.constructor,\n            othCtor = other.constructor;\n\n        // Non `Object` object instances with different constructors are not equal.\n        if (objCtor != othCtor &&\n            ('constructor' in object && 'constructor' in other) &&\n            !(typeof objCtor == 'function' && objCtor instanceof objCtor &&\n              typeof othCtor == 'function' && othCtor instanceof othCtor)) {\n          result = false;\n        }\n      }\n      stack['delete'](object);\n      stack['delete'](other);\n      return result;\n    }\n\n    /**\n     * A specialized version of `baseRest` which flattens the rest array.\n     *\n     * @private\n     * @param {Function} func The function to apply a rest parameter to.\n     * @returns {Function} Returns the new function.\n     */\n    function flatRest(func) {\n      return setToString(overRest(func, undefined, flatten), func + '');\n    }\n\n    /**\n     * Creates an array of own enumerable property names and symbols of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names and symbols.\n     */\n    function getAllKeys(object) {\n      return baseGetAllKeys(object, keys, getSymbols);\n    }\n\n    /**\n     * Creates an array of own and inherited enumerable property names and\n     * symbols of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names and symbols.\n     */\n    function getAllKeysIn(object) {\n      return baseGetAllKeys(object, keysIn, getSymbolsIn);\n    }\n\n    /**\n     * Gets metadata for `func`.\n     *\n     * @private\n     * @param {Function} func The function to query.\n     * @returns {*} Returns the metadata for `func`.\n     */\n    var getData = !metaMap ? noop : function(func) {\n      return metaMap.get(func);\n    };\n\n    /**\n     * Gets the name of `func`.\n     *\n     * @private\n     * @param {Function} func The function to query.\n     * @returns {string} Returns the function name.\n     */\n    function getFuncName(func) {\n      var result = (func.name + ''),\n          array = realNames[result],\n          length = hasOwnProperty.call(realNames, result) ? array.length : 0;\n\n      while (length--) {\n        var data = array[length],\n            otherFunc = data.func;\n        if (otherFunc == null || otherFunc == func) {\n          return data.name;\n        }\n      }\n      return result;\n    }\n\n    /**\n     * Gets the argument placeholder value for `func`.\n     *\n     * @private\n     * @param {Function} func The function to inspect.\n     * @returns {*} Returns the placeholder value.\n     */\n    function getHolder(func) {\n      var object = hasOwnProperty.call(lodash, 'placeholder') ? lodash : func;\n      return object.placeholder;\n    }\n\n    /**\n     * Gets the appropriate \"iteratee\" function. If `_.iteratee` is customized,\n     * this function returns the custom method, otherwise it returns `baseIteratee`.\n     * If arguments are provided, the chosen function is invoked with them and\n     * its result is returned.\n     *\n     * @private\n     * @param {*} [value] The value to convert to an iteratee.\n     * @param {number} [arity] The arity of the created iteratee.\n     * @returns {Function} Returns the chosen function or its result.\n     */\n    function getIteratee() {\n      var result = lodash.iteratee || iteratee;\n      result = result === iteratee ? baseIteratee : result;\n      return arguments.length ? result(arguments[0], arguments[1]) : result;\n    }\n\n    /**\n     * Gets the data for `map`.\n     *\n     * @private\n     * @param {Object} map The map to query.\n     * @param {string} key The reference key.\n     * @returns {*} Returns the map data.\n     */\n    function getMapData(map, key) {\n      var data = map.__data__;\n      return isKeyable(key)\n        ? data[typeof key == 'string' ? 'string' : 'hash']\n        : data.map;\n    }\n\n    /**\n     * Gets the property names, values, and compare flags of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the match data of `object`.\n     */\n    function getMatchData(object) {\n      var result = keys(object),\n          length = result.length;\n\n      while (length--) {\n        var key = result[length],\n            value = object[key];\n\n        result[length] = [key, value, isStrictComparable(value)];\n      }\n      return result;\n    }\n\n    /**\n     * Gets the native function at `key` of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {string} key The key of the method to get.\n     * @returns {*} Returns the function if it's native, else `undefined`.\n     */\n    function getNative(object, key) {\n      var value = getValue(object, key);\n      return baseIsNative(value) ? value : undefined;\n    }\n\n    /**\n     * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n     *\n     * @private\n     * @param {*} value The value to query.\n     * @returns {string} Returns the raw `toStringTag`.\n     */\n    function getRawTag(value) {\n      var isOwn = hasOwnProperty.call(value, symToStringTag),\n          tag = value[symToStringTag];\n\n      try {\n        value[symToStringTag] = undefined;\n        var unmasked = true;\n      } catch (e) {}\n\n      var result = nativeObjectToString.call(value);\n      if (unmasked) {\n        if (isOwn) {\n          value[symToStringTag] = tag;\n        } else {\n          delete value[symToStringTag];\n        }\n      }\n      return result;\n    }\n\n    /**\n     * Creates an array of the own enumerable symbols of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of symbols.\n     */\n    var getSymbols = !nativeGetSymbols ? stubArray : function(object) {\n      if (object == null) {\n        return [];\n      }\n      object = Object(object);\n      return arrayFilter(nativeGetSymbols(object), function(symbol) {\n        return propertyIsEnumerable.call(object, symbol);\n      });\n    };\n\n    /**\n     * Creates an array of the own and inherited enumerable symbols of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of symbols.\n     */\n    var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n      var result = [];\n      while (object) {\n        arrayPush(result, getSymbols(object));\n        object = getPrototype(object);\n      }\n      return result;\n    };\n\n    /**\n     * Gets the `toStringTag` of `value`.\n     *\n     * @private\n     * @param {*} value The value to query.\n     * @returns {string} Returns the `toStringTag`.\n     */\n    var getTag = baseGetTag;\n\n    // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\n    if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n        (Map && getTag(new Map) != mapTag) ||\n        (Promise && getTag(Promise.resolve()) != promiseTag) ||\n        (Set && getTag(new Set) != setTag) ||\n        (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n      getTag = function(value) {\n        var result = baseGetTag(value),\n            Ctor = result == objectTag ? value.constructor : undefined,\n            ctorString = Ctor ? toSource(Ctor) : '';\n\n        if (ctorString) {\n          switch (ctorString) {\n            case dataViewCtorString: return dataViewTag;\n            case mapCtorString: return mapTag;\n            case promiseCtorString: return promiseTag;\n            case setCtorString: return setTag;\n            case weakMapCtorString: return weakMapTag;\n          }\n        }\n        return result;\n      };\n    }\n\n    /**\n     * Gets the view, applying any `transforms` to the `start` and `end` positions.\n     *\n     * @private\n     * @param {number} start The start of the view.\n     * @param {number} end The end of the view.\n     * @param {Array} transforms The transformations to apply to the view.\n     * @returns {Object} Returns an object containing the `start` and `end`\n     *  positions of the view.\n     */\n    function getView(start, end, transforms) {\n      var index = -1,\n          length = transforms.length;\n\n      while (++index < length) {\n        var data = transforms[index],\n            size = data.size;\n\n        switch (data.type) {\n          case 'drop':      start += size; break;\n          case 'dropRight': end -= size; break;\n          case 'take':      end = nativeMin(end, start + size); break;\n          case 'takeRight': start = nativeMax(start, end - size); break;\n        }\n      }\n      return { 'start': start, 'end': end };\n    }\n\n    /**\n     * Extracts wrapper details from the `source` body comment.\n     *\n     * @private\n     * @param {string} source The source to inspect.\n     * @returns {Array} Returns the wrapper details.\n     */\n    function getWrapDetails(source) {\n      var match = source.match(reWrapDetails);\n      return match ? match[1].split(reSplitDetails) : [];\n    }\n\n    /**\n     * Checks if `path` exists on `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path to check.\n     * @param {Function} hasFunc The function to check properties.\n     * @returns {boolean} Returns `true` if `path` exists, else `false`.\n     */\n    function hasPath(object, path, hasFunc) {\n      path = castPath(path, object);\n\n      var index = -1,\n          length = path.length,\n          result = false;\n\n      while (++index < length) {\n        var key = toKey(path[index]);\n        if (!(result = object != null && hasFunc(object, key))) {\n          break;\n        }\n        object = object[key];\n      }\n      if (result || ++index != length) {\n        return result;\n      }\n      length = object == null ? 0 : object.length;\n      return !!length && isLength(length) && isIndex(key, length) &&\n        (isArray(object) || isArguments(object));\n    }\n\n    /**\n     * Initializes an array clone.\n     *\n     * @private\n     * @param {Array} array The array to clone.\n     * @returns {Array} Returns the initialized clone.\n     */\n    function initCloneArray(array) {\n      var length = array.length,\n          result = new array.constructor(length);\n\n      // Add properties assigned by `RegExp#exec`.\n      if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {\n        result.index = array.index;\n        result.input = array.input;\n      }\n      return result;\n    }\n\n    /**\n     * Initializes an object clone.\n     *\n     * @private\n     * @param {Object} object The object to clone.\n     * @returns {Object} Returns the initialized clone.\n     */\n    function initCloneObject(object) {\n      return (typeof object.constructor == 'function' && !isPrototype(object))\n        ? baseCreate(getPrototype(object))\n        : {};\n    }\n\n    /**\n     * Initializes an object clone based on its `toStringTag`.\n     *\n     * **Note:** This function only supports cloning values with tags of\n     * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.\n     *\n     * @private\n     * @param {Object} object The object to clone.\n     * @param {string} tag The `toStringTag` of the object to clone.\n     * @param {boolean} [isDeep] Specify a deep clone.\n     * @returns {Object} Returns the initialized clone.\n     */\n    function initCloneByTag(object, tag, isDeep) {\n      var Ctor = object.constructor;\n      switch (tag) {\n        case arrayBufferTag:\n          return cloneArrayBuffer(object);\n\n        case boolTag:\n        case dateTag:\n          return new Ctor(+object);\n\n        case dataViewTag:\n          return cloneDataView(object, isDeep);\n\n        case float32Tag: case float64Tag:\n        case int8Tag: case int16Tag: case int32Tag:\n        case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:\n          return cloneTypedArray(object, isDeep);\n\n        case mapTag:\n          return new Ctor;\n\n        case numberTag:\n        case stringTag:\n          return new Ctor(object);\n\n        case regexpTag:\n          return cloneRegExp(object);\n\n        case setTag:\n          return new Ctor;\n\n        case symbolTag:\n          return cloneSymbol(object);\n      }\n    }\n\n    /**\n     * Inserts wrapper `details` in a comment at the top of the `source` body.\n     *\n     * @private\n     * @param {string} source The source to modify.\n     * @returns {Array} details The details to insert.\n     * @returns {string} Returns the modified source.\n     */\n    function insertWrapDetails(source, details) {\n      var length = details.length;\n      if (!length) {\n        return source;\n      }\n      var lastIndex = length - 1;\n      details[lastIndex] = (length > 1 ? '& ' : '') + details[lastIndex];\n      details = details.join(length > 2 ? ', ' : ' ');\n      return source.replace(reWrapComment, '{\\n/* [wrapped with ' + details + '] */\\n');\n    }\n\n    /**\n     * Checks if `value` is a flattenable `arguments` object or array.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n     */\n    function isFlattenable(value) {\n      return isArray(value) || isArguments(value) ||\n        !!(spreadableSymbol && value && value[spreadableSymbol]);\n    }\n\n    /**\n     * Checks if `value` is a valid array-like index.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n     * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n     */\n    function isIndex(value, length) {\n      var type = typeof value;\n      length = length == null ? MAX_SAFE_INTEGER : length;\n\n      return !!length &&\n        (type == 'number' ||\n          (type != 'symbol' && reIsUint.test(value))) &&\n            (value > -1 && value % 1 == 0 && value < length);\n    }\n\n    /**\n     * Checks if the given arguments are from an iteratee call.\n     *\n     * @private\n     * @param {*} value The potential iteratee value argument.\n     * @param {*} index The potential iteratee index or key argument.\n     * @param {*} object The potential iteratee object argument.\n     * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n     *  else `false`.\n     */\n    function isIterateeCall(value, index, object) {\n      if (!isObject(object)) {\n        return false;\n      }\n      var type = typeof index;\n      if (type == 'number'\n            ? (isArrayLike(object) && isIndex(index, object.length))\n            : (type == 'string' && index in object)\n          ) {\n        return eq(object[index], value);\n      }\n      return false;\n    }\n\n    /**\n     * Checks if `value` is a property name and not a property path.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @param {Object} [object] The object to query keys on.\n     * @returns {boolean} Returns `true` if `value` is a property name, else `false`.\n     */\n    function isKey(value, object) {\n      if (isArray(value)) {\n        return false;\n      }\n      var type = typeof value;\n      if (type == 'number' || type == 'symbol' || type == 'boolean' ||\n          value == null || isSymbol(value)) {\n        return true;\n      }\n      return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||\n        (object != null && value in Object(object));\n    }\n\n    /**\n     * Checks if `value` is suitable for use as unique object key.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n     */\n    function isKeyable(value) {\n      var type = typeof value;\n      return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n        ? (value !== '__proto__')\n        : (value === null);\n    }\n\n    /**\n     * Checks if `func` has a lazy counterpart.\n     *\n     * @private\n     * @param {Function} func The function to check.\n     * @returns {boolean} Returns `true` if `func` has a lazy counterpart,\n     *  else `false`.\n     */\n    function isLaziable(func) {\n      var funcName = getFuncName(func),\n          other = lodash[funcName];\n\n      if (typeof other != 'function' || !(funcName in LazyWrapper.prototype)) {\n        return false;\n      }\n      if (func === other) {\n        return true;\n      }\n      var data = getData(other);\n      return !!data && func === data[0];\n    }\n\n    /**\n     * Checks if `func` has its source masked.\n     *\n     * @private\n     * @param {Function} func The function to check.\n     * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n     */\n    function isMasked(func) {\n      return !!maskSrcKey && (maskSrcKey in func);\n    }\n\n    /**\n     * Checks if `func` is capable of being masked.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `func` is maskable, else `false`.\n     */\n    var isMaskable = coreJsData ? isFunction : stubFalse;\n\n    /**\n     * Checks if `value` is likely a prototype object.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n     */\n    function isPrototype(value) {\n      var Ctor = value && value.constructor,\n          proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n      return value === proto;\n    }\n\n    /**\n     * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.\n     *\n     * @private\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` if suitable for strict\n     *  equality comparisons, else `false`.\n     */\n    function isStrictComparable(value) {\n      return value === value && !isObject(value);\n    }\n\n    /**\n     * A specialized version of `matchesProperty` for source values suitable\n     * for strict equality comparisons, i.e. `===`.\n     *\n     * @private\n     * @param {string} key The key of the property to get.\n     * @param {*} srcValue The value to match.\n     * @returns {Function} Returns the new spec function.\n     */\n    function matchesStrictComparable(key, srcValue) {\n      return function(object) {\n        if (object == null) {\n          return false;\n        }\n        return object[key] === srcValue &&\n          (srcValue !== undefined || (key in Object(object)));\n      };\n    }\n\n    /**\n     * A specialized version of `_.memoize` which clears the memoized function's\n     * cache when it exceeds `MAX_MEMOIZE_SIZE`.\n     *\n     * @private\n     * @param {Function} func The function to have its output memoized.\n     * @returns {Function} Returns the new memoized function.\n     */\n    function memoizeCapped(func) {\n      var result = memoize(func, function(key) {\n        if (cache.size === MAX_MEMOIZE_SIZE) {\n          cache.clear();\n        }\n        return key;\n      });\n\n      var cache = result.cache;\n      return result;\n    }\n\n    /**\n     * Merges the function metadata of `source` into `data`.\n     *\n     * Merging metadata reduces the number of wrappers used to invoke a function.\n     * This is possible because methods like `_.bind`, `_.curry`, and `_.partial`\n     * may be applied regardless of execution order. Methods like `_.ary` and\n     * `_.rearg` modify function arguments, making the order in which they are\n     * executed important, preventing the merging of metadata. However, we make\n     * an exception for a safe combined case where curried functions have `_.ary`\n     * and or `_.rearg` applied.\n     *\n     * @private\n     * @param {Array} data The destination metadata.\n     * @param {Array} source The source metadata.\n     * @returns {Array} Returns `data`.\n     */\n    function mergeData(data, source) {\n      var bitmask = data[1],\n          srcBitmask = source[1],\n          newBitmask = bitmask | srcBitmask,\n          isCommon = newBitmask < (WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG | WRAP_ARY_FLAG);\n\n      var isCombo =\n        ((srcBitmask == WRAP_ARY_FLAG) && (bitmask == WRAP_CURRY_FLAG)) ||\n        ((srcBitmask == WRAP_ARY_FLAG) && (bitmask == WRAP_REARG_FLAG) && (data[7].length <= source[8])) ||\n        ((srcBitmask == (WRAP_ARY_FLAG | WRAP_REARG_FLAG)) && (source[7].length <= source[8]) && (bitmask == WRAP_CURRY_FLAG));\n\n      // Exit early if metadata can't be merged.\n      if (!(isCommon || isCombo)) {\n        return data;\n      }\n      // Use source `thisArg` if available.\n      if (srcBitmask & WRAP_BIND_FLAG) {\n        data[2] = source[2];\n        // Set when currying a bound function.\n        newBitmask |= bitmask & WRAP_BIND_FLAG ? 0 : WRAP_CURRY_BOUND_FLAG;\n      }\n      // Compose partial arguments.\n      var value = source[3];\n      if (value) {\n        var partials = data[3];\n        data[3] = partials ? composeArgs(partials, value, source[4]) : value;\n        data[4] = partials ? replaceHolders(data[3], PLACEHOLDER) : source[4];\n      }\n      // Compose partial right arguments.\n      value = source[5];\n      if (value) {\n        partials = data[5];\n        data[5] = partials ? composeArgsRight(partials, value, source[6]) : value;\n        data[6] = partials ? replaceHolders(data[5], PLACEHOLDER) : source[6];\n      }\n      // Use source `argPos` if available.\n      value = source[7];\n      if (value) {\n        data[7] = value;\n      }\n      // Use source `ary` if it's smaller.\n      if (srcBitmask & WRAP_ARY_FLAG) {\n        data[8] = data[8] == null ? source[8] : nativeMin(data[8], source[8]);\n      }\n      // Use source `arity` if one is not provided.\n      if (data[9] == null) {\n        data[9] = source[9];\n      }\n      // Use source `func` and merge bitmasks.\n      data[0] = source[0];\n      data[1] = newBitmask;\n\n      return data;\n    }\n\n    /**\n     * This function is like\n     * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n     * except that it includes inherited enumerable properties.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names.\n     */\n    function nativeKeysIn(object) {\n      var result = [];\n      if (object != null) {\n        for (var key in Object(object)) {\n          result.push(key);\n        }\n      }\n      return result;\n    }\n\n    /**\n     * Converts `value` to a string using `Object.prototype.toString`.\n     *\n     * @private\n     * @param {*} value The value to convert.\n     * @returns {string} Returns the converted string.\n     */\n    function objectToString(value) {\n      return nativeObjectToString.call(value);\n    }\n\n    /**\n     * A specialized version of `baseRest` which transforms the rest array.\n     *\n     * @private\n     * @param {Function} func The function to apply a rest parameter to.\n     * @param {number} [start=func.length-1] The start position of the rest parameter.\n     * @param {Function} transform The rest array transform.\n     * @returns {Function} Returns the new function.\n     */\n    function overRest(func, start, transform) {\n      start = nativeMax(start === undefined ? (func.length - 1) : start, 0);\n      return function() {\n        var args = arguments,\n            index = -1,\n            length = nativeMax(args.length - start, 0),\n            array = Array(length);\n\n        while (++index < length) {\n          array[index] = args[start + index];\n        }\n        index = -1;\n        var otherArgs = Array(start + 1);\n        while (++index < start) {\n          otherArgs[index] = args[index];\n        }\n        otherArgs[start] = transform(array);\n        return apply(func, this, otherArgs);\n      };\n    }\n\n    /**\n     * Gets the parent value at `path` of `object`.\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {Array} path The path to get the parent value of.\n     * @returns {*} Returns the parent value.\n     */\n    function parent(object, path) {\n      return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));\n    }\n\n    /**\n     * Reorder `array` according to the specified indexes where the element at\n     * the first index is assigned as the first element, the element at\n     * the second index is assigned as the second element, and so on.\n     *\n     * @private\n     * @param {Array} array The array to reorder.\n     * @param {Array} indexes The arranged array indexes.\n     * @returns {Array} Returns `array`.\n     */\n    function reorder(array, indexes) {\n      var arrLength = array.length,\n          length = nativeMin(indexes.length, arrLength),\n          oldArray = copyArray(array);\n\n      while (length--) {\n        var index = indexes[length];\n        array[length] = isIndex(index, arrLength) ? oldArray[index] : undefined;\n      }\n      return array;\n    }\n\n    /**\n     * Gets the value at `key`, unless `key` is \"__proto__\" or \"constructor\".\n     *\n     * @private\n     * @param {Object} object The object to query.\n     * @param {string} key The key of the property to get.\n     * @returns {*} Returns the property value.\n     */\n    function safeGet(object, key) {\n      if (key === 'constructor' && typeof object[key] === 'function') {\n        return;\n      }\n\n      if (key == '__proto__') {\n        return;\n      }\n\n      return object[key];\n    }\n\n    /**\n     * Sets metadata for `func`.\n     *\n     * **Note:** If this function becomes hot, i.e. is invoked a lot in a short\n     * period of time, it will trip its breaker and transition to an identity\n     * function to avoid garbage collection pauses in V8. See\n     * [V8 issue 2070](https://bugs.chromium.org/p/v8/issues/detail?id=2070)\n     * for more details.\n     *\n     * @private\n     * @param {Function} func The function to associate metadata with.\n     * @param {*} data The metadata.\n     * @returns {Function} Returns `func`.\n     */\n    var setData = shortOut(baseSetData);\n\n    /**\n     * A simple wrapper around the global [`setTimeout`](https://mdn.io/setTimeout).\n     *\n     * @private\n     * @param {Function} func The function to delay.\n     * @param {number} wait The number of milliseconds to delay invocation.\n     * @returns {number|Object} Returns the timer id or timeout object.\n     */\n    var setTimeout = ctxSetTimeout || function(func, wait) {\n      return root.setTimeout(func, wait);\n    };\n\n    /**\n     * Sets the `toString` method of `func` to return `string`.\n     *\n     * @private\n     * @param {Function} func The function to modify.\n     * @param {Function} string The `toString` result.\n     * @returns {Function} Returns `func`.\n     */\n    var setToString = shortOut(baseSetToString);\n\n    /**\n     * Sets the `toString` method of `wrapper` to mimic the source of `reference`\n     * with wrapper details in a comment at the top of the source body.\n     *\n     * @private\n     * @param {Function} wrapper The function to modify.\n     * @param {Function} reference The reference function.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @returns {Function} Returns `wrapper`.\n     */\n    function setWrapToString(wrapper, reference, bitmask) {\n      var source = (reference + '');\n      return setToString(wrapper, insertWrapDetails(source, updateWrapDetails(getWrapDetails(source), bitmask)));\n    }\n\n    /**\n     * Creates a function that'll short out and invoke `identity` instead\n     * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`\n     * milliseconds.\n     *\n     * @private\n     * @param {Function} func The function to restrict.\n     * @returns {Function} Returns the new shortable function.\n     */\n    function shortOut(func) {\n      var count = 0,\n          lastCalled = 0;\n\n      return function() {\n        var stamp = nativeNow(),\n            remaining = HOT_SPAN - (stamp - lastCalled);\n\n        lastCalled = stamp;\n        if (remaining > 0) {\n          if (++count >= HOT_COUNT) {\n            return arguments[0];\n          }\n        } else {\n          count = 0;\n        }\n        return func.apply(undefined, arguments);\n      };\n    }\n\n    /**\n     * A specialized version of `_.shuffle` which mutates and sets the size of `array`.\n     *\n     * @private\n     * @param {Array} array The array to shuffle.\n     * @param {number} [size=array.length] The size of `array`.\n     * @returns {Array} Returns `array`.\n     */\n    function shuffleSelf(array, size) {\n      var index = -1,\n          length = array.length,\n          lastIndex = length - 1;\n\n      size = size === undefined ? length : size;\n      while (++index < size) {\n        var rand = baseRandom(index, lastIndex),\n            value = array[rand];\n\n        array[rand] = array[index];\n        array[index] = value;\n      }\n      array.length = size;\n      return array;\n    }\n\n    /**\n     * Converts `string` to a property path array.\n     *\n     * @private\n     * @param {string} string The string to convert.\n     * @returns {Array} Returns the property path array.\n     */\n    var stringToPath = memoizeCapped(function(string) {\n      var result = [];\n      if (string.charCodeAt(0) === 46 /* . */) {\n        result.push('');\n      }\n      string.replace(rePropName, function(match, number, quote, subString) {\n        result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));\n      });\n      return result;\n    });\n\n    /**\n     * Converts `value` to a string key if it's not a string or symbol.\n     *\n     * @private\n     * @param {*} value The value to inspect.\n     * @returns {string|symbol} Returns the key.\n     */\n    function toKey(value) {\n      if (typeof value == 'string' || isSymbol(value)) {\n        return value;\n      }\n      var result = (value + '');\n      return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n    }\n\n    /**\n     * Converts `func` to its source code.\n     *\n     * @private\n     * @param {Function} func The function to convert.\n     * @returns {string} Returns the source code.\n     */\n    function toSource(func) {\n      if (func != null) {\n        try {\n          return funcToString.call(func);\n        } catch (e) {}\n        try {\n          return (func + '');\n        } catch (e) {}\n      }\n      return '';\n    }\n\n    /**\n     * Updates wrapper `details` based on `bitmask` flags.\n     *\n     * @private\n     * @returns {Array} details The details to modify.\n     * @param {number} bitmask The bitmask flags. See `createWrap` for more details.\n     * @returns {Array} Returns `details`.\n     */\n    function updateWrapDetails(details, bitmask) {\n      arrayEach(wrapFlags, function(pair) {\n        var value = '_.' + pair[0];\n        if ((bitmask & pair[1]) && !arrayIncludes(details, value)) {\n          details.push(value);\n        }\n      });\n      return details.sort();\n    }\n\n    /**\n     * Creates a clone of `wrapper`.\n     *\n     * @private\n     * @param {Object} wrapper The wrapper to clone.\n     * @returns {Object} Returns the cloned wrapper.\n     */\n    function wrapperClone(wrapper) {\n      if (wrapper instanceof LazyWrapper) {\n        return wrapper.clone();\n      }\n      var result = new LodashWrapper(wrapper.__wrapped__, wrapper.__chain__);\n      result.__actions__ = copyArray(wrapper.__actions__);\n      result.__index__  = wrapper.__index__;\n      result.__values__ = wrapper.__values__;\n      return result;\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates an array of elements split into groups the length of `size`.\n     * If `array` can't be split evenly, the final chunk will be the remaining\n     * elements.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to process.\n     * @param {number} [size=1] The length of each chunk\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the new array of chunks.\n     * @example\n     *\n     * _.chunk(['a', 'b', 'c', 'd'], 2);\n     * // => [['a', 'b'], ['c', 'd']]\n     *\n     * _.chunk(['a', 'b', 'c', 'd'], 3);\n     * // => [['a', 'b', 'c'], ['d']]\n     */\n    function chunk(array, size, guard) {\n      if ((guard ? isIterateeCall(array, size, guard) : size === undefined)) {\n        size = 1;\n      } else {\n        size = nativeMax(toInteger(size), 0);\n      }\n      var length = array == null ? 0 : array.length;\n      if (!length || size < 1) {\n        return [];\n      }\n      var index = 0,\n          resIndex = 0,\n          result = Array(nativeCeil(length / size));\n\n      while (index < length) {\n        result[resIndex++] = baseSlice(array, index, (index += size));\n      }\n      return result;\n    }\n\n    /**\n     * Creates an array with all falsey values removed. The values `false`, `null`,\n     * `0`, `\"\"`, `undefined`, and `NaN` are falsey.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to compact.\n     * @returns {Array} Returns the new array of filtered values.\n     * @example\n     *\n     * _.compact([0, 1, false, 2, '', 3]);\n     * // => [1, 2, 3]\n     */\n    function compact(array) {\n      var index = -1,\n          length = array == null ? 0 : array.length,\n          resIndex = 0,\n          result = [];\n\n      while (++index < length) {\n        var value = array[index];\n        if (value) {\n          result[resIndex++] = value;\n        }\n      }\n      return result;\n    }\n\n    /**\n     * Creates a new array concatenating `array` with any additional arrays\n     * and/or values.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to concatenate.\n     * @param {...*} [values] The values to concatenate.\n     * @returns {Array} Returns the new concatenated array.\n     * @example\n     *\n     * var array = [1];\n     * var other = _.concat(array, 2, [3], [[4]]);\n     *\n     * console.log(other);\n     * // => [1, 2, 3, [4]]\n     *\n     * console.log(array);\n     * // => [1]\n     */\n    function concat() {\n      var length = arguments.length;\n      if (!length) {\n        return [];\n      }\n      var args = Array(length - 1),\n          array = arguments[0],\n          index = length;\n\n      while (index--) {\n        args[index - 1] = arguments[index];\n      }\n      return arrayPush(isArray(array) ? copyArray(array) : [array], baseFlatten(args, 1));\n    }\n\n    /**\n     * Creates an array of `array` values not included in the other given arrays\n     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons. The order and references of result values are\n     * determined by the first array.\n     *\n     * **Note:** Unlike `_.pullAll`, this method returns a new array.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {...Array} [values] The values to exclude.\n     * @returns {Array} Returns the new array of filtered values.\n     * @see _.without, _.xor\n     * @example\n     *\n     * _.difference([2, 1], [2, 3]);\n     * // => [1]\n     */\n    var difference = baseRest(function(array, values) {\n      return isArrayLikeObject(array)\n        ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n        : [];\n    });\n\n    /**\n     * This method is like `_.difference` except that it accepts `iteratee` which\n     * is invoked for each element of `array` and `values` to generate the criterion\n     * by which they're compared. The order and references of result values are\n     * determined by the first array. The iteratee is invoked with one argument:\n     * (value).\n     *\n     * **Note:** Unlike `_.pullAllBy`, this method returns a new array.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {...Array} [values] The values to exclude.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns the new array of filtered values.\n     * @example\n     *\n     * _.differenceBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n     * // => [1.2]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.differenceBy([{ 'x': 2 }, { 'x': 1 }], [{ 'x': 1 }], 'x');\n     * // => [{ 'x': 2 }]\n     */\n    var differenceBy = baseRest(function(array, values) {\n      var iteratee = last(values);\n      if (isArrayLikeObject(iteratee)) {\n        iteratee = undefined;\n      }\n      return isArrayLikeObject(array)\n        ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true), getIteratee(iteratee, 2))\n        : [];\n    });\n\n    /**\n     * This method is like `_.difference` except that it accepts `comparator`\n     * which is invoked to compare elements of `array` to `values`. The order and\n     * references of result values are determined by the first array. The comparator\n     * is invoked with two arguments: (arrVal, othVal).\n     *\n     * **Note:** Unlike `_.pullAllWith`, this method returns a new array.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {...Array} [values] The values to exclude.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of filtered values.\n     * @example\n     *\n     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n     *\n     * _.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);\n     * // => [{ 'x': 2, 'y': 1 }]\n     */\n    var differenceWith = baseRest(function(array, values) {\n      var comparator = last(values);\n      if (isArrayLikeObject(comparator)) {\n        comparator = undefined;\n      }\n      return isArrayLikeObject(array)\n        ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true), undefined, comparator)\n        : [];\n    });\n\n    /**\n     * Creates a slice of `array` with `n` elements dropped from the beginning.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.5.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {number} [n=1] The number of elements to drop.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.drop([1, 2, 3]);\n     * // => [2, 3]\n     *\n     * _.drop([1, 2, 3], 2);\n     * // => [3]\n     *\n     * _.drop([1, 2, 3], 5);\n     * // => []\n     *\n     * _.drop([1, 2, 3], 0);\n     * // => [1, 2, 3]\n     */\n    function drop(array, n, guard) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      n = (guard || n === undefined) ? 1 : toInteger(n);\n      return baseSlice(array, n < 0 ? 0 : n, length);\n    }\n\n    /**\n     * Creates a slice of `array` with `n` elements dropped from the end.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {number} [n=1] The number of elements to drop.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.dropRight([1, 2, 3]);\n     * // => [1, 2]\n     *\n     * _.dropRight([1, 2, 3], 2);\n     * // => [1]\n     *\n     * _.dropRight([1, 2, 3], 5);\n     * // => []\n     *\n     * _.dropRight([1, 2, 3], 0);\n     * // => [1, 2, 3]\n     */\n    function dropRight(array, n, guard) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      n = (guard || n === undefined) ? 1 : toInteger(n);\n      n = length - n;\n      return baseSlice(array, 0, n < 0 ? 0 : n);\n    }\n\n    /**\n     * Creates a slice of `array` excluding elements dropped from the end.\n     * Elements are dropped until `predicate` returns falsey. The predicate is\n     * invoked with three arguments: (value, index, array).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': true },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': false }\n     * ];\n     *\n     * _.dropRightWhile(users, function(o) { return !o.active; });\n     * // => objects for ['barney']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.dropRightWhile(users, { 'user': 'pebbles', 'active': false });\n     * // => objects for ['barney', 'fred']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.dropRightWhile(users, ['active', false]);\n     * // => objects for ['barney']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.dropRightWhile(users, 'active');\n     * // => objects for ['barney', 'fred', 'pebbles']\n     */\n    function dropRightWhile(array, predicate) {\n      return (array && array.length)\n        ? baseWhile(array, getIteratee(predicate, 3), true, true)\n        : [];\n    }\n\n    /**\n     * Creates a slice of `array` excluding elements dropped from the beginning.\n     * Elements are dropped until `predicate` returns falsey. The predicate is\n     * invoked with three arguments: (value, index, array).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': false },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': true }\n     * ];\n     *\n     * _.dropWhile(users, function(o) { return !o.active; });\n     * // => objects for ['pebbles']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.dropWhile(users, { 'user': 'barney', 'active': false });\n     * // => objects for ['fred', 'pebbles']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.dropWhile(users, ['active', false]);\n     * // => objects for ['pebbles']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.dropWhile(users, 'active');\n     * // => objects for ['barney', 'fred', 'pebbles']\n     */\n    function dropWhile(array, predicate) {\n      return (array && array.length)\n        ? baseWhile(array, getIteratee(predicate, 3), true)\n        : [];\n    }\n\n    /**\n     * Fills elements of `array` with `value` from `start` up to, but not\n     * including, `end`.\n     *\n     * **Note:** This method mutates `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.2.0\n     * @category Array\n     * @param {Array} array The array to fill.\n     * @param {*} value The value to fill `array` with.\n     * @param {number} [start=0] The start position.\n     * @param {number} [end=array.length] The end position.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = [1, 2, 3];\n     *\n     * _.fill(array, 'a');\n     * console.log(array);\n     * // => ['a', 'a', 'a']\n     *\n     * _.fill(Array(3), 2);\n     * // => [2, 2, 2]\n     *\n     * _.fill([4, 6, 8, 10], '*', 1, 3);\n     * // => [4, '*', '*', 10]\n     */\n    function fill(array, value, start, end) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      if (start && typeof start != 'number' && isIterateeCall(array, value, start)) {\n        start = 0;\n        end = length;\n      }\n      return baseFill(array, value, start, end);\n    }\n\n    /**\n     * This method is like `_.find` except that it returns the index of the first\n     * element `predicate` returns truthy for instead of the element itself.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param {number} [fromIndex=0] The index to search from.\n     * @returns {number} Returns the index of the found element, else `-1`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': false },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': true }\n     * ];\n     *\n     * _.findIndex(users, function(o) { return o.user == 'barney'; });\n     * // => 0\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.findIndex(users, { 'user': 'fred', 'active': false });\n     * // => 1\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.findIndex(users, ['active', false]);\n     * // => 0\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.findIndex(users, 'active');\n     * // => 2\n     */\n    function findIndex(array, predicate, fromIndex) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return -1;\n      }\n      var index = fromIndex == null ? 0 : toInteger(fromIndex);\n      if (index < 0) {\n        index = nativeMax(length + index, 0);\n      }\n      return baseFindIndex(array, getIteratee(predicate, 3), index);\n    }\n\n    /**\n     * This method is like `_.findIndex` except that it iterates over elements\n     * of `collection` from right to left.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param {number} [fromIndex=array.length-1] The index to search from.\n     * @returns {number} Returns the index of the found element, else `-1`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': true },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': false }\n     * ];\n     *\n     * _.findLastIndex(users, function(o) { return o.user == 'pebbles'; });\n     * // => 2\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.findLastIndex(users, { 'user': 'barney', 'active': true });\n     * // => 0\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.findLastIndex(users, ['active', false]);\n     * // => 2\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.findLastIndex(users, 'active');\n     * // => 0\n     */\n    function findLastIndex(array, predicate, fromIndex) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return -1;\n      }\n      var index = length - 1;\n      if (fromIndex !== undefined) {\n        index = toInteger(fromIndex);\n        index = fromIndex < 0\n          ? nativeMax(length + index, 0)\n          : nativeMin(index, length - 1);\n      }\n      return baseFindIndex(array, getIteratee(predicate, 3), index, true);\n    }\n\n    /**\n     * Flattens `array` a single level deep.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to flatten.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * _.flatten([1, [2, [3, [4]], 5]]);\n     * // => [1, 2, [3, [4]], 5]\n     */\n    function flatten(array) {\n      var length = array == null ? 0 : array.length;\n      return length ? baseFlatten(array, 1) : [];\n    }\n\n    /**\n     * Recursively flattens `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to flatten.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * _.flattenDeep([1, [2, [3, [4]], 5]]);\n     * // => [1, 2, 3, 4, 5]\n     */\n    function flattenDeep(array) {\n      var length = array == null ? 0 : array.length;\n      return length ? baseFlatten(array, INFINITY) : [];\n    }\n\n    /**\n     * Recursively flatten `array` up to `depth` times.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.4.0\n     * @category Array\n     * @param {Array} array The array to flatten.\n     * @param {number} [depth=1] The maximum recursion depth.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * var array = [1, [2, [3, [4]], 5]];\n     *\n     * _.flattenDepth(array, 1);\n     * // => [1, 2, [3, [4]], 5]\n     *\n     * _.flattenDepth(array, 2);\n     * // => [1, 2, 3, [4], 5]\n     */\n    function flattenDepth(array, depth) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      depth = depth === undefined ? 1 : toInteger(depth);\n      return baseFlatten(array, depth);\n    }\n\n    /**\n     * The inverse of `_.toPairs`; this method returns an object composed\n     * from key-value `pairs`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} pairs The key-value pairs.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * _.fromPairs([['a', 1], ['b', 2]]);\n     * // => { 'a': 1, 'b': 2 }\n     */\n    function fromPairs(pairs) {\n      var index = -1,\n          length = pairs == null ? 0 : pairs.length,\n          result = {};\n\n      while (++index < length) {\n        var pair = pairs[index];\n        result[pair[0]] = pair[1];\n      }\n      return result;\n    }\n\n    /**\n     * Gets the first element of `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @alias first\n     * @category Array\n     * @param {Array} array The array to query.\n     * @returns {*} Returns the first element of `array`.\n     * @example\n     *\n     * _.head([1, 2, 3]);\n     * // => 1\n     *\n     * _.head([]);\n     * // => undefined\n     */\n    function head(array) {\n      return (array && array.length) ? array[0] : undefined;\n    }\n\n    /**\n     * Gets the index at which the first occurrence of `value` is found in `array`\n     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons. If `fromIndex` is negative, it's used as the\n     * offset from the end of `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {*} value The value to search for.\n     * @param {number} [fromIndex=0] The index to search from.\n     * @returns {number} Returns the index of the matched value, else `-1`.\n     * @example\n     *\n     * _.indexOf([1, 2, 1, 2], 2);\n     * // => 1\n     *\n     * // Search from the `fromIndex`.\n     * _.indexOf([1, 2, 1, 2], 2, 2);\n     * // => 3\n     */\n    function indexOf(array, value, fromIndex) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return -1;\n      }\n      var index = fromIndex == null ? 0 : toInteger(fromIndex);\n      if (index < 0) {\n        index = nativeMax(length + index, 0);\n      }\n      return baseIndexOf(array, value, index);\n    }\n\n    /**\n     * Gets all but the last element of `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.initial([1, 2, 3]);\n     * // => [1, 2]\n     */\n    function initial(array) {\n      var length = array == null ? 0 : array.length;\n      return length ? baseSlice(array, 0, -1) : [];\n    }\n\n    /**\n     * Creates an array of unique values that are included in all given arrays\n     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons. The order and references of result values are\n     * determined by the first array.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @returns {Array} Returns the new array of intersecting values.\n     * @example\n     *\n     * _.intersection([2, 1], [2, 3]);\n     * // => [2]\n     */\n    var intersection = baseRest(function(arrays) {\n      var mapped = arrayMap(arrays, castArrayLikeObject);\n      return (mapped.length && mapped[0] === arrays[0])\n        ? baseIntersection(mapped)\n        : [];\n    });\n\n    /**\n     * This method is like `_.intersection` except that it accepts `iteratee`\n     * which is invoked for each element of each `arrays` to generate the criterion\n     * by which they're compared. The order and references of result values are\n     * determined by the first array. The iteratee is invoked with one argument:\n     * (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns the new array of intersecting values.\n     * @example\n     *\n     * _.intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n     * // => [2.1]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.intersectionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n     * // => [{ 'x': 1 }]\n     */\n    var intersectionBy = baseRest(function(arrays) {\n      var iteratee = last(arrays),\n          mapped = arrayMap(arrays, castArrayLikeObject);\n\n      if (iteratee === last(mapped)) {\n        iteratee = undefined;\n      } else {\n        mapped.pop();\n      }\n      return (mapped.length && mapped[0] === arrays[0])\n        ? baseIntersection(mapped, getIteratee(iteratee, 2))\n        : [];\n    });\n\n    /**\n     * This method is like `_.intersection` except that it accepts `comparator`\n     * which is invoked to compare elements of `arrays`. The order and references\n     * of result values are determined by the first array. The comparator is\n     * invoked with two arguments: (arrVal, othVal).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of intersecting values.\n     * @example\n     *\n     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n     *\n     * _.intersectionWith(objects, others, _.isEqual);\n     * // => [{ 'x': 1, 'y': 2 }]\n     */\n    var intersectionWith = baseRest(function(arrays) {\n      var comparator = last(arrays),\n          mapped = arrayMap(arrays, castArrayLikeObject);\n\n      comparator = typeof comparator == 'function' ? comparator : undefined;\n      if (comparator) {\n        mapped.pop();\n      }\n      return (mapped.length && mapped[0] === arrays[0])\n        ? baseIntersection(mapped, undefined, comparator)\n        : [];\n    });\n\n    /**\n     * Converts all elements in `array` into a string separated by `separator`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to convert.\n     * @param {string} [separator=','] The element separator.\n     * @returns {string} Returns the joined string.\n     * @example\n     *\n     * _.join(['a', 'b', 'c'], '~');\n     * // => 'a~b~c'\n     */\n    function join(array, separator) {\n      return array == null ? '' : nativeJoin.call(array, separator);\n    }\n\n    /**\n     * Gets the last element of `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @returns {*} Returns the last element of `array`.\n     * @example\n     *\n     * _.last([1, 2, 3]);\n     * // => 3\n     */\n    function last(array) {\n      var length = array == null ? 0 : array.length;\n      return length ? array[length - 1] : undefined;\n    }\n\n    /**\n     * This method is like `_.indexOf` except that it iterates over elements of\n     * `array` from right to left.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {*} value The value to search for.\n     * @param {number} [fromIndex=array.length-1] The index to search from.\n     * @returns {number} Returns the index of the matched value, else `-1`.\n     * @example\n     *\n     * _.lastIndexOf([1, 2, 1, 2], 2);\n     * // => 3\n     *\n     * // Search from the `fromIndex`.\n     * _.lastIndexOf([1, 2, 1, 2], 2, 2);\n     * // => 1\n     */\n    function lastIndexOf(array, value, fromIndex) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return -1;\n      }\n      var index = length;\n      if (fromIndex !== undefined) {\n        index = toInteger(fromIndex);\n        index = index < 0 ? nativeMax(length + index, 0) : nativeMin(index, length - 1);\n      }\n      return value === value\n        ? strictLastIndexOf(array, value, index)\n        : baseFindIndex(array, baseIsNaN, index, true);\n    }\n\n    /**\n     * Gets the element at index `n` of `array`. If `n` is negative, the nth\n     * element from the end is returned.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.11.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {number} [n=0] The index of the element to return.\n     * @returns {*} Returns the nth element of `array`.\n     * @example\n     *\n     * var array = ['a', 'b', 'c', 'd'];\n     *\n     * _.nth(array, 1);\n     * // => 'b'\n     *\n     * _.nth(array, -2);\n     * // => 'c';\n     */\n    function nth(array, n) {\n      return (array && array.length) ? baseNth(array, toInteger(n)) : undefined;\n    }\n\n    /**\n     * Removes all given values from `array` using\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons.\n     *\n     * **Note:** Unlike `_.without`, this method mutates `array`. Use `_.remove`\n     * to remove elements from an array by predicate.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {...*} [values] The values to remove.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = ['a', 'b', 'c', 'a', 'b', 'c'];\n     *\n     * _.pull(array, 'a', 'c');\n     * console.log(array);\n     * // => ['b', 'b']\n     */\n    var pull = baseRest(pullAll);\n\n    /**\n     * This method is like `_.pull` except that it accepts an array of values to remove.\n     *\n     * **Note:** Unlike `_.difference`, this method mutates `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {Array} values The values to remove.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = ['a', 'b', 'c', 'a', 'b', 'c'];\n     *\n     * _.pullAll(array, ['a', 'c']);\n     * console.log(array);\n     * // => ['b', 'b']\n     */\n    function pullAll(array, values) {\n      return (array && array.length && values && values.length)\n        ? basePullAll(array, values)\n        : array;\n    }\n\n    /**\n     * This method is like `_.pullAll` except that it accepts `iteratee` which is\n     * invoked for each element of `array` and `values` to generate the criterion\n     * by which they're compared. The iteratee is invoked with one argument: (value).\n     *\n     * **Note:** Unlike `_.differenceBy`, this method mutates `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {Array} values The values to remove.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = [{ 'x': 1 }, { 'x': 2 }, { 'x': 3 }, { 'x': 1 }];\n     *\n     * _.pullAllBy(array, [{ 'x': 1 }, { 'x': 3 }], 'x');\n     * console.log(array);\n     * // => [{ 'x': 2 }]\n     */\n    function pullAllBy(array, values, iteratee) {\n      return (array && array.length && values && values.length)\n        ? basePullAll(array, values, getIteratee(iteratee, 2))\n        : array;\n    }\n\n    /**\n     * This method is like `_.pullAll` except that it accepts `comparator` which\n     * is invoked to compare elements of `array` to `values`. The comparator is\n     * invoked with two arguments: (arrVal, othVal).\n     *\n     * **Note:** Unlike `_.differenceWith`, this method mutates `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.6.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {Array} values The values to remove.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = [{ 'x': 1, 'y': 2 }, { 'x': 3, 'y': 4 }, { 'x': 5, 'y': 6 }];\n     *\n     * _.pullAllWith(array, [{ 'x': 3, 'y': 4 }], _.isEqual);\n     * console.log(array);\n     * // => [{ 'x': 1, 'y': 2 }, { 'x': 5, 'y': 6 }]\n     */\n    function pullAllWith(array, values, comparator) {\n      return (array && array.length && values && values.length)\n        ? basePullAll(array, values, undefined, comparator)\n        : array;\n    }\n\n    /**\n     * Removes elements from `array` corresponding to `indexes` and returns an\n     * array of removed elements.\n     *\n     * **Note:** Unlike `_.at`, this method mutates `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {...(number|number[])} [indexes] The indexes of elements to remove.\n     * @returns {Array} Returns the new array of removed elements.\n     * @example\n     *\n     * var array = ['a', 'b', 'c', 'd'];\n     * var pulled = _.pullAt(array, [1, 3]);\n     *\n     * console.log(array);\n     * // => ['a', 'c']\n     *\n     * console.log(pulled);\n     * // => ['b', 'd']\n     */\n    var pullAt = flatRest(function(array, indexes) {\n      var length = array == null ? 0 : array.length,\n          result = baseAt(array, indexes);\n\n      basePullAt(array, arrayMap(indexes, function(index) {\n        return isIndex(index, length) ? +index : index;\n      }).sort(compareAscending));\n\n      return result;\n    });\n\n    /**\n     * Removes all elements from `array` that `predicate` returns truthy for\n     * and returns an array of the removed elements. The predicate is invoked\n     * with three arguments: (value, index, array).\n     *\n     * **Note:** Unlike `_.filter`, this method mutates `array`. Use `_.pull`\n     * to pull elements from an array by value.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new array of removed elements.\n     * @example\n     *\n     * var array = [1, 2, 3, 4];\n     * var evens = _.remove(array, function(n) {\n     *   return n % 2 == 0;\n     * });\n     *\n     * console.log(array);\n     * // => [1, 3]\n     *\n     * console.log(evens);\n     * // => [2, 4]\n     */\n    function remove(array, predicate) {\n      var result = [];\n      if (!(array && array.length)) {\n        return result;\n      }\n      var index = -1,\n          indexes = [],\n          length = array.length;\n\n      predicate = getIteratee(predicate, 3);\n      while (++index < length) {\n        var value = array[index];\n        if (predicate(value, index, array)) {\n          result.push(value);\n          indexes.push(index);\n        }\n      }\n      basePullAt(array, indexes);\n      return result;\n    }\n\n    /**\n     * Reverses `array` so that the first element becomes the last, the second\n     * element becomes the second to last, and so on.\n     *\n     * **Note:** This method mutates `array` and is based on\n     * [`Array#reverse`](https://mdn.io/Array/reverse).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to modify.\n     * @returns {Array} Returns `array`.\n     * @example\n     *\n     * var array = [1, 2, 3];\n     *\n     * _.reverse(array);\n     * // => [3, 2, 1]\n     *\n     * console.log(array);\n     * // => [3, 2, 1]\n     */\n    function reverse(array) {\n      return array == null ? array : nativeReverse.call(array);\n    }\n\n    /**\n     * Creates a slice of `array` from `start` up to, but not including, `end`.\n     *\n     * **Note:** This method is used instead of\n     * [`Array#slice`](https://mdn.io/Array/slice) to ensure dense arrays are\n     * returned.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to slice.\n     * @param {number} [start=0] The start position.\n     * @param {number} [end=array.length] The end position.\n     * @returns {Array} Returns the slice of `array`.\n     */\n    function slice(array, start, end) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      if (end && typeof end != 'number' && isIterateeCall(array, start, end)) {\n        start = 0;\n        end = length;\n      }\n      else {\n        start = start == null ? 0 : toInteger(start);\n        end = end === undefined ? length : toInteger(end);\n      }\n      return baseSlice(array, start, end);\n    }\n\n    /**\n     * Uses a binary search to determine the lowest index at which `value`\n     * should be inserted into `array` in order to maintain its sort order.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     * @example\n     *\n     * _.sortedIndex([30, 50], 40);\n     * // => 1\n     */\n    function sortedIndex(array, value) {\n      return baseSortedIndex(array, value);\n    }\n\n    /**\n     * This method is like `_.sortedIndex` except that it accepts `iteratee`\n     * which is invoked for `value` and each element of `array` to compute their\n     * sort ranking. The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     * @example\n     *\n     * var objects = [{ 'x': 4 }, { 'x': 5 }];\n     *\n     * _.sortedIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });\n     * // => 0\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.sortedIndexBy(objects, { 'x': 4 }, 'x');\n     * // => 0\n     */\n    function sortedIndexBy(array, value, iteratee) {\n      return baseSortedIndexBy(array, value, getIteratee(iteratee, 2));\n    }\n\n    /**\n     * This method is like `_.indexOf` except that it performs a binary\n     * search on a sorted `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {*} value The value to search for.\n     * @returns {number} Returns the index of the matched value, else `-1`.\n     * @example\n     *\n     * _.sortedIndexOf([4, 5, 5, 5, 6], 5);\n     * // => 1\n     */\n    function sortedIndexOf(array, value) {\n      var length = array == null ? 0 : array.length;\n      if (length) {\n        var index = baseSortedIndex(array, value);\n        if (index < length && eq(array[index], value)) {\n          return index;\n        }\n      }\n      return -1;\n    }\n\n    /**\n     * This method is like `_.sortedIndex` except that it returns the highest\n     * index at which `value` should be inserted into `array` in order to\n     * maintain its sort order.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     * @example\n     *\n     * _.sortedLastIndex([4, 5, 5, 5, 6], 5);\n     * // => 4\n     */\n    function sortedLastIndex(array, value) {\n      return baseSortedIndex(array, value, true);\n    }\n\n    /**\n     * This method is like `_.sortedLastIndex` except that it accepts `iteratee`\n     * which is invoked for `value` and each element of `array` to compute their\n     * sort ranking. The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The sorted array to inspect.\n     * @param {*} value The value to evaluate.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {number} Returns the index at which `value` should be inserted\n     *  into `array`.\n     * @example\n     *\n     * var objects = [{ 'x': 4 }, { 'x': 5 }];\n     *\n     * _.sortedLastIndexBy(objects, { 'x': 4 }, function(o) { return o.x; });\n     * // => 1\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.sortedLastIndexBy(objects, { 'x': 4 }, 'x');\n     * // => 1\n     */\n    function sortedLastIndexBy(array, value, iteratee) {\n      return baseSortedIndexBy(array, value, getIteratee(iteratee, 2), true);\n    }\n\n    /**\n     * This method is like `_.lastIndexOf` except that it performs a binary\n     * search on a sorted `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {*} value The value to search for.\n     * @returns {number} Returns the index of the matched value, else `-1`.\n     * @example\n     *\n     * _.sortedLastIndexOf([4, 5, 5, 5, 6], 5);\n     * // => 3\n     */\n    function sortedLastIndexOf(array, value) {\n      var length = array == null ? 0 : array.length;\n      if (length) {\n        var index = baseSortedIndex(array, value, true) - 1;\n        if (eq(array[index], value)) {\n          return index;\n        }\n      }\n      return -1;\n    }\n\n    /**\n     * This method is like `_.uniq` except that it's designed and optimized\n     * for sorted arrays.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @returns {Array} Returns the new duplicate free array.\n     * @example\n     *\n     * _.sortedUniq([1, 1, 2]);\n     * // => [1, 2]\n     */\n    function sortedUniq(array) {\n      return (array && array.length)\n        ? baseSortedUniq(array)\n        : [];\n    }\n\n    /**\n     * This method is like `_.uniqBy` except that it's designed and optimized\n     * for sorted arrays.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {Function} [iteratee] The iteratee invoked per element.\n     * @returns {Array} Returns the new duplicate free array.\n     * @example\n     *\n     * _.sortedUniqBy([1.1, 1.2, 2.3, 2.4], Math.floor);\n     * // => [1.1, 2.3]\n     */\n    function sortedUniqBy(array, iteratee) {\n      return (array && array.length)\n        ? baseSortedUniq(array, getIteratee(iteratee, 2))\n        : [];\n    }\n\n    /**\n     * Gets all but the first element of `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.tail([1, 2, 3]);\n     * // => [2, 3]\n     */\n    function tail(array) {\n      var length = array == null ? 0 : array.length;\n      return length ? baseSlice(array, 1, length) : [];\n    }\n\n    /**\n     * Creates a slice of `array` with `n` elements taken from the beginning.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {number} [n=1] The number of elements to take.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.take([1, 2, 3]);\n     * // => [1]\n     *\n     * _.take([1, 2, 3], 2);\n     * // => [1, 2]\n     *\n     * _.take([1, 2, 3], 5);\n     * // => [1, 2, 3]\n     *\n     * _.take([1, 2, 3], 0);\n     * // => []\n     */\n    function take(array, n, guard) {\n      if (!(array && array.length)) {\n        return [];\n      }\n      n = (guard || n === undefined) ? 1 : toInteger(n);\n      return baseSlice(array, 0, n < 0 ? 0 : n);\n    }\n\n    /**\n     * Creates a slice of `array` with `n` elements taken from the end.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {number} [n=1] The number of elements to take.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * _.takeRight([1, 2, 3]);\n     * // => [3]\n     *\n     * _.takeRight([1, 2, 3], 2);\n     * // => [2, 3]\n     *\n     * _.takeRight([1, 2, 3], 5);\n     * // => [1, 2, 3]\n     *\n     * _.takeRight([1, 2, 3], 0);\n     * // => []\n     */\n    function takeRight(array, n, guard) {\n      var length = array == null ? 0 : array.length;\n      if (!length) {\n        return [];\n      }\n      n = (guard || n === undefined) ? 1 : toInteger(n);\n      n = length - n;\n      return baseSlice(array, n < 0 ? 0 : n, length);\n    }\n\n    /**\n     * Creates a slice of `array` with elements taken from the end. Elements are\n     * taken until `predicate` returns falsey. The predicate is invoked with\n     * three arguments: (value, index, array).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': true },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': false }\n     * ];\n     *\n     * _.takeRightWhile(users, function(o) { return !o.active; });\n     * // => objects for ['fred', 'pebbles']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.takeRightWhile(users, { 'user': 'pebbles', 'active': false });\n     * // => objects for ['pebbles']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.takeRightWhile(users, ['active', false]);\n     * // => objects for ['fred', 'pebbles']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.takeRightWhile(users, 'active');\n     * // => []\n     */\n    function takeRightWhile(array, predicate) {\n      return (array && array.length)\n        ? baseWhile(array, getIteratee(predicate, 3), false, true)\n        : [];\n    }\n\n    /**\n     * Creates a slice of `array` with elements taken from the beginning. Elements\n     * are taken until `predicate` returns falsey. The predicate is invoked with\n     * three arguments: (value, index, array).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Array\n     * @param {Array} array The array to query.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the slice of `array`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'active': false },\n     *   { 'user': 'fred',    'active': false },\n     *   { 'user': 'pebbles', 'active': true }\n     * ];\n     *\n     * _.takeWhile(users, function(o) { return !o.active; });\n     * // => objects for ['barney', 'fred']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.takeWhile(users, { 'user': 'barney', 'active': false });\n     * // => objects for ['barney']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.takeWhile(users, ['active', false]);\n     * // => objects for ['barney', 'fred']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.takeWhile(users, 'active');\n     * // => []\n     */\n    function takeWhile(array, predicate) {\n      return (array && array.length)\n        ? baseWhile(array, getIteratee(predicate, 3))\n        : [];\n    }\n\n    /**\n     * Creates an array of unique values, in order, from all given arrays using\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @returns {Array} Returns the new array of combined values.\n     * @example\n     *\n     * _.union([2], [1, 2]);\n     * // => [2, 1]\n     */\n    var union = baseRest(function(arrays) {\n      return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true));\n    });\n\n    /**\n     * This method is like `_.union` except that it accepts `iteratee` which is\n     * invoked for each element of each `arrays` to generate the criterion by\n     * which uniqueness is computed. Result values are chosen from the first\n     * array in which the value occurs. The iteratee is invoked with one argument:\n     * (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns the new array of combined values.\n     * @example\n     *\n     * _.unionBy([2.1], [1.2, 2.3], Math.floor);\n     * // => [2.1, 1.2]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.unionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n     * // => [{ 'x': 1 }, { 'x': 2 }]\n     */\n    var unionBy = baseRest(function(arrays) {\n      var iteratee = last(arrays);\n      if (isArrayLikeObject(iteratee)) {\n        iteratee = undefined;\n      }\n      return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), getIteratee(iteratee, 2));\n    });\n\n    /**\n     * This method is like `_.union` except that it accepts `comparator` which\n     * is invoked to compare elements of `arrays`. Result values are chosen from\n     * the first array in which the value occurs. The comparator is invoked\n     * with two arguments: (arrVal, othVal).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of combined values.\n     * @example\n     *\n     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n     *\n     * _.unionWith(objects, others, _.isEqual);\n     * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]\n     */\n    var unionWith = baseRest(function(arrays) {\n      var comparator = last(arrays);\n      comparator = typeof comparator == 'function' ? comparator : undefined;\n      return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), undefined, comparator);\n    });\n\n    /**\n     * Creates a duplicate-free version of an array, using\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons, in which only the first occurrence of each element\n     * is kept. The order of result values is determined by the order they occur\n     * in the array.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @returns {Array} Returns the new duplicate free array.\n     * @example\n     *\n     * _.uniq([2, 1, 2]);\n     * // => [2, 1]\n     */\n    function uniq(array) {\n      return (array && array.length) ? baseUniq(array) : [];\n    }\n\n    /**\n     * This method is like `_.uniq` except that it accepts `iteratee` which is\n     * invoked for each element in `array` to generate the criterion by which\n     * uniqueness is computed. The order of result values is determined by the\n     * order they occur in the array. The iteratee is invoked with one argument:\n     * (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns the new duplicate free array.\n     * @example\n     *\n     * _.uniqBy([2.1, 1.2, 2.3], Math.floor);\n     * // => [2.1, 1.2]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');\n     * // => [{ 'x': 1 }, { 'x': 2 }]\n     */\n    function uniqBy(array, iteratee) {\n      return (array && array.length) ? baseUniq(array, getIteratee(iteratee, 2)) : [];\n    }\n\n    /**\n     * This method is like `_.uniq` except that it accepts `comparator` which\n     * is invoked to compare elements of `array`. The order of result values is\n     * determined by the order they occur in the array.The comparator is invoked\n     * with two arguments: (arrVal, othVal).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new duplicate free array.\n     * @example\n     *\n     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];\n     *\n     * _.uniqWith(objects, _.isEqual);\n     * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]\n     */\n    function uniqWith(array, comparator) {\n      comparator = typeof comparator == 'function' ? comparator : undefined;\n      return (array && array.length) ? baseUniq(array, undefined, comparator) : [];\n    }\n\n    /**\n     * This method is like `_.zip` except that it accepts an array of grouped\n     * elements and creates an array regrouping the elements to their pre-zip\n     * configuration.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.2.0\n     * @category Array\n     * @param {Array} array The array of grouped elements to process.\n     * @returns {Array} Returns the new array of regrouped elements.\n     * @example\n     *\n     * var zipped = _.zip(['a', 'b'], [1, 2], [true, false]);\n     * // => [['a', 1, true], ['b', 2, false]]\n     *\n     * _.unzip(zipped);\n     * // => [['a', 'b'], [1, 2], [true, false]]\n     */\n    function unzip(array) {\n      if (!(array && array.length)) {\n        return [];\n      }\n      var length = 0;\n      array = arrayFilter(array, function(group) {\n        if (isArrayLikeObject(group)) {\n          length = nativeMax(group.length, length);\n          return true;\n        }\n      });\n      return baseTimes(length, function(index) {\n        return arrayMap(array, baseProperty(index));\n      });\n    }\n\n    /**\n     * This method is like `_.unzip` except that it accepts `iteratee` to specify\n     * how regrouped values should be combined. The iteratee is invoked with the\n     * elements of each group: (...group).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.8.0\n     * @category Array\n     * @param {Array} array The array of grouped elements to process.\n     * @param {Function} [iteratee=_.identity] The function to combine\n     *  regrouped values.\n     * @returns {Array} Returns the new array of regrouped elements.\n     * @example\n     *\n     * var zipped = _.zip([1, 2], [10, 20], [100, 200]);\n     * // => [[1, 10, 100], [2, 20, 200]]\n     *\n     * _.unzipWith(zipped, _.add);\n     * // => [3, 30, 300]\n     */\n    function unzipWith(array, iteratee) {\n      if (!(array && array.length)) {\n        return [];\n      }\n      var result = unzip(array);\n      if (iteratee == null) {\n        return result;\n      }\n      return arrayMap(result, function(group) {\n        return apply(iteratee, undefined, group);\n      });\n    }\n\n    /**\n     * Creates an array excluding all given values using\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * for equality comparisons.\n     *\n     * **Note:** Unlike `_.pull`, this method returns a new array.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {Array} array The array to inspect.\n     * @param {...*} [values] The values to exclude.\n     * @returns {Array} Returns the new array of filtered values.\n     * @see _.difference, _.xor\n     * @example\n     *\n     * _.without([2, 1, 2, 3], 1, 2);\n     * // => [3]\n     */\n    var without = baseRest(function(array, values) {\n      return isArrayLikeObject(array)\n        ? baseDifference(array, values)\n        : [];\n    });\n\n    /**\n     * Creates an array of unique values that is the\n     * [symmetric difference](https://en.wikipedia.org/wiki/Symmetric_difference)\n     * of the given arrays. The order of result values is determined by the order\n     * they occur in the arrays.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.4.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @returns {Array} Returns the new array of filtered values.\n     * @see _.difference, _.without\n     * @example\n     *\n     * _.xor([2, 1], [2, 3]);\n     * // => [1, 3]\n     */\n    var xor = baseRest(function(arrays) {\n      return baseXor(arrayFilter(arrays, isArrayLikeObject));\n    });\n\n    /**\n     * This method is like `_.xor` except that it accepts `iteratee` which is\n     * invoked for each element of each `arrays` to generate the criterion by\n     * which by which they're compared. The order of result values is determined\n     * by the order they occur in the arrays. The iteratee is invoked with one\n     * argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Array} Returns the new array of filtered values.\n     * @example\n     *\n     * _.xorBy([2.1, 1.2], [2.3, 3.4], Math.floor);\n     * // => [1.2, 3.4]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.xorBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x');\n     * // => [{ 'x': 2 }]\n     */\n    var xorBy = baseRest(function(arrays) {\n      var iteratee = last(arrays);\n      if (isArrayLikeObject(iteratee)) {\n        iteratee = undefined;\n      }\n      return baseXor(arrayFilter(arrays, isArrayLikeObject), getIteratee(iteratee, 2));\n    });\n\n    /**\n     * This method is like `_.xor` except that it accepts `comparator` which is\n     * invoked to compare elements of `arrays`. The order of result values is\n     * determined by the order they occur in the arrays. The comparator is invoked\n     * with two arguments: (arrVal, othVal).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to inspect.\n     * @param {Function} [comparator] The comparator invoked per element.\n     * @returns {Array} Returns the new array of filtered values.\n     * @example\n     *\n     * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];\n     * var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];\n     *\n     * _.xorWith(objects, others, _.isEqual);\n     * // => [{ 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]\n     */\n    var xorWith = baseRest(function(arrays) {\n      var comparator = last(arrays);\n      comparator = typeof comparator == 'function' ? comparator : undefined;\n      return baseXor(arrayFilter(arrays, isArrayLikeObject), undefined, comparator);\n    });\n\n    /**\n     * Creates an array of grouped elements, the first of which contains the\n     * first elements of the given arrays, the second of which contains the\n     * second elements of the given arrays, and so on.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to process.\n     * @returns {Array} Returns the new array of grouped elements.\n     * @example\n     *\n     * _.zip(['a', 'b'], [1, 2], [true, false]);\n     * // => [['a', 1, true], ['b', 2, false]]\n     */\n    var zip = baseRest(unzip);\n\n    /**\n     * This method is like `_.fromPairs` except that it accepts two arrays,\n     * one of property identifiers and one of corresponding values.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.4.0\n     * @category Array\n     * @param {Array} [props=[]] The property identifiers.\n     * @param {Array} [values=[]] The property values.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * _.zipObject(['a', 'b'], [1, 2]);\n     * // => { 'a': 1, 'b': 2 }\n     */\n    function zipObject(props, values) {\n      return baseZipObject(props || [], values || [], assignValue);\n    }\n\n    /**\n     * This method is like `_.zipObject` except that it supports property paths.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.1.0\n     * @category Array\n     * @param {Array} [props=[]] The property identifiers.\n     * @param {Array} [values=[]] The property values.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * _.zipObjectDeep(['a.b[0].c', 'a.b[1].d'], [1, 2]);\n     * // => { 'a': { 'b': [{ 'c': 1 }, { 'd': 2 }] } }\n     */\n    function zipObjectDeep(props, values) {\n      return baseZipObject(props || [], values || [], baseSet);\n    }\n\n    /**\n     * This method is like `_.zip` except that it accepts `iteratee` to specify\n     * how grouped values should be combined. The iteratee is invoked with the\n     * elements of each group: (...group).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.8.0\n     * @category Array\n     * @param {...Array} [arrays] The arrays to process.\n     * @param {Function} [iteratee=_.identity] The function to combine\n     *  grouped values.\n     * @returns {Array} Returns the new array of grouped elements.\n     * @example\n     *\n     * _.zipWith([1, 2], [10, 20], [100, 200], function(a, b, c) {\n     *   return a + b + c;\n     * });\n     * // => [111, 222]\n     */\n    var zipWith = baseRest(function(arrays) {\n      var length = arrays.length,\n          iteratee = length > 1 ? arrays[length - 1] : undefined;\n\n      iteratee = typeof iteratee == 'function' ? (arrays.pop(), iteratee) : undefined;\n      return unzipWith(arrays, iteratee);\n    });\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates a `lodash` wrapper instance that wraps `value` with explicit method\n     * chain sequences enabled. The result of such sequences must be unwrapped\n     * with `_#value`.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.3.0\n     * @category Seq\n     * @param {*} value The value to wrap.\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'age': 36 },\n     *   { 'user': 'fred',    'age': 40 },\n     *   { 'user': 'pebbles', 'age': 1 }\n     * ];\n     *\n     * var youngest = _\n     *   .chain(users)\n     *   .sortBy('age')\n     *   .map(function(o) {\n     *     return o.user + ' is ' + o.age;\n     *   })\n     *   .head()\n     *   .value();\n     * // => 'pebbles is 1'\n     */\n    function chain(value) {\n      var result = lodash(value);\n      result.__chain__ = true;\n      return result;\n    }\n\n    /**\n     * This method invokes `interceptor` and returns `value`. The interceptor\n     * is invoked with one argument; (value). The purpose of this method is to\n     * \"tap into\" a method chain sequence in order to modify intermediate results.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Seq\n     * @param {*} value The value to provide to `interceptor`.\n     * @param {Function} interceptor The function to invoke.\n     * @returns {*} Returns `value`.\n     * @example\n     *\n     * _([1, 2, 3])\n     *  .tap(function(array) {\n     *    // Mutate input array.\n     *    array.pop();\n     *  })\n     *  .reverse()\n     *  .value();\n     * // => [2, 1]\n     */\n    function tap(value, interceptor) {\n      interceptor(value);\n      return value;\n    }\n\n    /**\n     * This method is like `_.tap` except that it returns the result of `interceptor`.\n     * The purpose of this method is to \"pass thru\" values replacing intermediate\n     * results in a method chain sequence.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Seq\n     * @param {*} value The value to provide to `interceptor`.\n     * @param {Function} interceptor The function to invoke.\n     * @returns {*} Returns the result of `interceptor`.\n     * @example\n     *\n     * _('  abc  ')\n     *  .chain()\n     *  .trim()\n     *  .thru(function(value) {\n     *    return [value];\n     *  })\n     *  .value();\n     * // => ['abc']\n     */\n    function thru(value, interceptor) {\n      return interceptor(value);\n    }\n\n    /**\n     * This method is the wrapper version of `_.at`.\n     *\n     * @name at\n     * @memberOf _\n     * @since 1.0.0\n     * @category Seq\n     * @param {...(string|string[])} [paths] The property paths to pick.\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };\n     *\n     * _(object).at(['a[0].b.c', 'a[1]']).value();\n     * // => [3, 4]\n     */\n    var wrapperAt = flatRest(function(paths) {\n      var length = paths.length,\n          start = length ? paths[0] : 0,\n          value = this.__wrapped__,\n          interceptor = function(object) { return baseAt(object, paths); };\n\n      if (length > 1 || this.__actions__.length ||\n          !(value instanceof LazyWrapper) || !isIndex(start)) {\n        return this.thru(interceptor);\n      }\n      value = value.slice(start, +start + (length ? 1 : 0));\n      value.__actions__.push({\n        'func': thru,\n        'args': [interceptor],\n        'thisArg': undefined\n      });\n      return new LodashWrapper(value, this.__chain__).thru(function(array) {\n        if (length && !array.length) {\n          array.push(undefined);\n        }\n        return array;\n      });\n    });\n\n    /**\n     * Creates a `lodash` wrapper instance with explicit method chain sequences enabled.\n     *\n     * @name chain\n     * @memberOf _\n     * @since 0.1.0\n     * @category Seq\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney', 'age': 36 },\n     *   { 'user': 'fred',   'age': 40 }\n     * ];\n     *\n     * // A sequence without explicit chaining.\n     * _(users).head();\n     * // => { 'user': 'barney', 'age': 36 }\n     *\n     * // A sequence with explicit chaining.\n     * _(users)\n     *   .chain()\n     *   .head()\n     *   .pick('user')\n     *   .value();\n     * // => { 'user': 'barney' }\n     */\n    function wrapperChain() {\n      return chain(this);\n    }\n\n    /**\n     * Executes the chain sequence and returns the wrapped result.\n     *\n     * @name commit\n     * @memberOf _\n     * @since 3.2.0\n     * @category Seq\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * var array = [1, 2];\n     * var wrapped = _(array).push(3);\n     *\n     * console.log(array);\n     * // => [1, 2]\n     *\n     * wrapped = wrapped.commit();\n     * console.log(array);\n     * // => [1, 2, 3]\n     *\n     * wrapped.last();\n     * // => 3\n     *\n     * console.log(array);\n     * // => [1, 2, 3]\n     */\n    function wrapperCommit() {\n      return new LodashWrapper(this.value(), this.__chain__);\n    }\n\n    /**\n     * Gets the next value on a wrapped object following the\n     * [iterator protocol](https://mdn.io/iteration_protocols#iterator).\n     *\n     * @name next\n     * @memberOf _\n     * @since 4.0.0\n     * @category Seq\n     * @returns {Object} Returns the next iterator value.\n     * @example\n     *\n     * var wrapped = _([1, 2]);\n     *\n     * wrapped.next();\n     * // => { 'done': false, 'value': 1 }\n     *\n     * wrapped.next();\n     * // => { 'done': false, 'value': 2 }\n     *\n     * wrapped.next();\n     * // => { 'done': true, 'value': undefined }\n     */\n    function wrapperNext() {\n      if (this.__values__ === undefined) {\n        this.__values__ = toArray(this.value());\n      }\n      var done = this.__index__ >= this.__values__.length,\n          value = done ? undefined : this.__values__[this.__index__++];\n\n      return { 'done': done, 'value': value };\n    }\n\n    /**\n     * Enables the wrapper to be iterable.\n     *\n     * @name Symbol.iterator\n     * @memberOf _\n     * @since 4.0.0\n     * @category Seq\n     * @returns {Object} Returns the wrapper object.\n     * @example\n     *\n     * var wrapped = _([1, 2]);\n     *\n     * wrapped[Symbol.iterator]() === wrapped;\n     * // => true\n     *\n     * Array.from(wrapped);\n     * // => [1, 2]\n     */\n    function wrapperToIterator() {\n      return this;\n    }\n\n    /**\n     * Creates a clone of the chain sequence planting `value` as the wrapped value.\n     *\n     * @name plant\n     * @memberOf _\n     * @since 3.2.0\n     * @category Seq\n     * @param {*} value The value to plant.\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * var wrapped = _([1, 2]).map(square);\n     * var other = wrapped.plant([3, 4]);\n     *\n     * other.value();\n     * // => [9, 16]\n     *\n     * wrapped.value();\n     * // => [1, 4]\n     */\n    function wrapperPlant(value) {\n      var result,\n          parent = this;\n\n      while (parent instanceof baseLodash) {\n        var clone = wrapperClone(parent);\n        clone.__index__ = 0;\n        clone.__values__ = undefined;\n        if (result) {\n          previous.__wrapped__ = clone;\n        } else {\n          result = clone;\n        }\n        var previous = clone;\n        parent = parent.__wrapped__;\n      }\n      previous.__wrapped__ = value;\n      return result;\n    }\n\n    /**\n     * This method is the wrapper version of `_.reverse`.\n     *\n     * **Note:** This method mutates the wrapped array.\n     *\n     * @name reverse\n     * @memberOf _\n     * @since 0.1.0\n     * @category Seq\n     * @returns {Object} Returns the new `lodash` wrapper instance.\n     * @example\n     *\n     * var array = [1, 2, 3];\n     *\n     * _(array).reverse().value()\n     * // => [3, 2, 1]\n     *\n     * console.log(array);\n     * // => [3, 2, 1]\n     */\n    function wrapperReverse() {\n      var value = this.__wrapped__;\n      if (value instanceof LazyWrapper) {\n        var wrapped = value;\n        if (this.__actions__.length) {\n          wrapped = new LazyWrapper(this);\n        }\n        wrapped = wrapped.reverse();\n        wrapped.__actions__.push({\n          'func': thru,\n          'args': [reverse],\n          'thisArg': undefined\n        });\n        return new LodashWrapper(wrapped, this.__chain__);\n      }\n      return this.thru(reverse);\n    }\n\n    /**\n     * Executes the chain sequence to resolve the unwrapped value.\n     *\n     * @name value\n     * @memberOf _\n     * @since 0.1.0\n     * @alias toJSON, valueOf\n     * @category Seq\n     * @returns {*} Returns the resolved unwrapped value.\n     * @example\n     *\n     * _([1, 2, 3]).value();\n     * // => [1, 2, 3]\n     */\n    function wrapperValue() {\n      return baseWrapperValue(this.__wrapped__, this.__actions__);\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Creates an object composed of keys generated from the results of running\n     * each element of `collection` thru `iteratee`. The corresponding value of\n     * each key is the number of times the key was returned by `iteratee`. The\n     * iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.5.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n     * @returns {Object} Returns the composed aggregate object.\n     * @example\n     *\n     * _.countBy([6.1, 4.2, 6.3], Math.floor);\n     * // => { '4': 1, '6': 2 }\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.countBy(['one', 'two', 'three'], 'length');\n     * // => { '3': 2, '5': 1 }\n     */\n    var countBy = createAggregator(function(result, value, key) {\n      if (hasOwnProperty.call(result, key)) {\n        ++result[key];\n      } else {\n        baseAssignValue(result, key, 1);\n      }\n    });\n\n    /**\n     * Checks if `predicate` returns truthy for **all** elements of `collection`.\n     * Iteration is stopped once `predicate` returns falsey. The predicate is\n     * invoked with three arguments: (value, index|key, collection).\n     *\n     * **Note:** This method returns `true` for\n     * [empty collections](https://en.wikipedia.org/wiki/Empty_set) because\n     * [everything is true](https://en.wikipedia.org/wiki/Vacuous_truth) of\n     * elements of empty collections.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {boolean} Returns `true` if all elements pass the predicate check,\n     *  else `false`.\n     * @example\n     *\n     * _.every([true, 1, null, 'yes'], Boolean);\n     * // => false\n     *\n     * var users = [\n     *   { 'user': 'barney', 'age': 36, 'active': false },\n     *   { 'user': 'fred',   'age': 40, 'active': false }\n     * ];\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.every(users, { 'user': 'barney', 'active': false });\n     * // => false\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.every(users, ['active', false]);\n     * // => true\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.every(users, 'active');\n     * // => false\n     */\n    function every(collection, predicate, guard) {\n      var func = isArray(collection) ? arrayEvery : baseEvery;\n      if (guard && isIterateeCall(collection, predicate, guard)) {\n        predicate = undefined;\n      }\n      return func(collection, getIteratee(predicate, 3));\n    }\n\n    /**\n     * Iterates over elements of `collection`, returning an array of all elements\n     * `predicate` returns truthy for. The predicate is invoked with three\n     * arguments: (value, index|key, collection).\n     *\n     * **Note:** Unlike `_.remove`, this method returns a new array.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new filtered array.\n     * @see _.reject\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney', 'age': 36, 'active': true },\n     *   { 'user': 'fred',   'age': 40, 'active': false }\n     * ];\n     *\n     * _.filter(users, function(o) { return !o.active; });\n     * // => objects for ['fred']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.filter(users, { 'age': 36, 'active': true });\n     * // => objects for ['barney']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.filter(users, ['active', false]);\n     * // => objects for ['fred']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.filter(users, 'active');\n     * // => objects for ['barney']\n     *\n     * // Combining several predicates using `_.overEvery` or `_.overSome`.\n     * _.filter(users, _.overSome([{ 'age': 36 }, ['age', 40]]));\n     * // => objects for ['fred', 'barney']\n     */\n    function filter(collection, predicate) {\n      var func = isArray(collection) ? arrayFilter : baseFilter;\n      return func(collection, getIteratee(predicate, 3));\n    }\n\n    /**\n     * Iterates over elements of `collection`, returning the first element\n     * `predicate` returns truthy for. The predicate is invoked with three\n     * arguments: (value, index|key, collection).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param {number} [fromIndex=0] The index to search from.\n     * @returns {*} Returns the matched element, else `undefined`.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'age': 36, 'active': true },\n     *   { 'user': 'fred',    'age': 40, 'active': false },\n     *   { 'user': 'pebbles', 'age': 1,  'active': true }\n     * ];\n     *\n     * _.find(users, function(o) { return o.age < 40; });\n     * // => object for 'barney'\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.find(users, { 'age': 1, 'active': true });\n     * // => object for 'pebbles'\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.find(users, ['active', false]);\n     * // => object for 'fred'\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.find(users, 'active');\n     * // => object for 'barney'\n     */\n    var find = createFind(findIndex);\n\n    /**\n     * This method is like `_.find` except that it iterates over elements of\n     * `collection` from right to left.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param {number} [fromIndex=collection.length-1] The index to search from.\n     * @returns {*} Returns the matched element, else `undefined`.\n     * @example\n     *\n     * _.findLast([1, 2, 3, 4], function(n) {\n     *   return n % 2 == 1;\n     * });\n     * // => 3\n     */\n    var findLast = createFind(findLastIndex);\n\n    /**\n     * Creates a flattened array of values by running each element in `collection`\n     * thru `iteratee` and flattening the mapped results. The iteratee is invoked\n     * with three arguments: (value, index|key, collection).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * function duplicate(n) {\n     *   return [n, n];\n     * }\n     *\n     * _.flatMap([1, 2], duplicate);\n     * // => [1, 1, 2, 2]\n     */\n    function flatMap(collection, iteratee) {\n      return baseFlatten(map(collection, iteratee), 1);\n    }\n\n    /**\n     * This method is like `_.flatMap` except that it recursively flattens the\n     * mapped results.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.7.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * function duplicate(n) {\n     *   return [[[n, n]]];\n     * }\n     *\n     * _.flatMapDeep([1, 2], duplicate);\n     * // => [1, 1, 2, 2]\n     */\n    function flatMapDeep(collection, iteratee) {\n      return baseFlatten(map(collection, iteratee), INFINITY);\n    }\n\n    /**\n     * This method is like `_.flatMap` except that it recursively flattens the\n     * mapped results up to `depth` times.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.7.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @param {number} [depth=1] The maximum recursion depth.\n     * @returns {Array} Returns the new flattened array.\n     * @example\n     *\n     * function duplicate(n) {\n     *   return [[[n, n]]];\n     * }\n     *\n     * _.flatMapDepth([1, 2], duplicate, 2);\n     * // => [[1, 1], [2, 2]]\n     */\n    function flatMapDepth(collection, iteratee, depth) {\n      depth = depth === undefined ? 1 : toInteger(depth);\n      return baseFlatten(map(collection, iteratee), depth);\n    }\n\n    /**\n     * Iterates over elements of `collection` and invokes `iteratee` for each element.\n     * The iteratee is invoked with three arguments: (value, index|key, collection).\n     * Iteratee functions may exit iteration early by explicitly returning `false`.\n     *\n     * **Note:** As with other \"Collections\" methods, objects with a \"length\"\n     * property are iterated like arrays. To avoid this behavior use `_.forIn`\n     * or `_.forOwn` for object iteration.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @alias each\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array|Object} Returns `collection`.\n     * @see _.forEachRight\n     * @example\n     *\n     * _.forEach([1, 2], function(value) {\n     *   console.log(value);\n     * });\n     * // => Logs `1` then `2`.\n     *\n     * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {\n     *   console.log(key);\n     * });\n     * // => Logs 'a' then 'b' (iteration order is not guaranteed).\n     */\n    function forEach(collection, iteratee) {\n      var func = isArray(collection) ? arrayEach : baseEach;\n      return func(collection, getIteratee(iteratee, 3));\n    }\n\n    /**\n     * This method is like `_.forEach` except that it iterates over elements of\n     * `collection` from right to left.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @alias eachRight\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array|Object} Returns `collection`.\n     * @see _.forEach\n     * @example\n     *\n     * _.forEachRight([1, 2], function(value) {\n     *   console.log(value);\n     * });\n     * // => Logs `2` then `1`.\n     */\n    function forEachRight(collection, iteratee) {\n      var func = isArray(collection) ? arrayEachRight : baseEachRight;\n      return func(collection, getIteratee(iteratee, 3));\n    }\n\n    /**\n     * Creates an object composed of keys generated from the results of running\n     * each element of `collection` thru `iteratee`. The order of grouped values\n     * is determined by the order they occur in `collection`. The corresponding\n     * value of each key is an array of elements responsible for generating the\n     * key. The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n     * @returns {Object} Returns the composed aggregate object.\n     * @example\n     *\n     * _.groupBy([6.1, 4.2, 6.3], Math.floor);\n     * // => { '4': [4.2], '6': [6.1, 6.3] }\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.groupBy(['one', 'two', 'three'], 'length');\n     * // => { '3': ['one', 'two'], '5': ['three'] }\n     */\n    var groupBy = createAggregator(function(result, value, key) {\n      if (hasOwnProperty.call(result, key)) {\n        result[key].push(value);\n      } else {\n        baseAssignValue(result, key, [value]);\n      }\n    });\n\n    /**\n     * Checks if `value` is in `collection`. If `collection` is a string, it's\n     * checked for a substring of `value`, otherwise\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * is used for equality comparisons. If `fromIndex` is negative, it's used as\n     * the offset from the end of `collection`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object|string} collection The collection to inspect.\n     * @param {*} value The value to search for.\n     * @param {number} [fromIndex=0] The index to search from.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.\n     * @returns {boolean} Returns `true` if `value` is found, else `false`.\n     * @example\n     *\n     * _.includes([1, 2, 3], 1);\n     * // => true\n     *\n     * _.includes([1, 2, 3], 1, 2);\n     * // => false\n     *\n     * _.includes({ 'a': 1, 'b': 2 }, 1);\n     * // => true\n     *\n     * _.includes('abcd', 'bc');\n     * // => true\n     */\n    function includes(collection, value, fromIndex, guard) {\n      collection = isArrayLike(collection) ? collection : values(collection);\n      fromIndex = (fromIndex && !guard) ? toInteger(fromIndex) : 0;\n\n      var length = collection.length;\n      if (fromIndex < 0) {\n        fromIndex = nativeMax(length + fromIndex, 0);\n      }\n      return isString(collection)\n        ? (fromIndex <= length && collection.indexOf(value, fromIndex) > -1)\n        : (!!length && baseIndexOf(collection, value, fromIndex) > -1);\n    }\n\n    /**\n     * Invokes the method at `path` of each element in `collection`, returning\n     * an array of the results of each invoked method. Any additional arguments\n     * are provided to each invoked method. If `path` is a function, it's invoked\n     * for, and `this` bound to, each element in `collection`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Array|Function|string} path The path of the method to invoke or\n     *  the function invoked per iteration.\n     * @param {...*} [args] The arguments to invoke each method with.\n     * @returns {Array} Returns the array of results.\n     * @example\n     *\n     * _.invokeMap([[5, 1, 7], [3, 2, 1]], 'sort');\n     * // => [[1, 5, 7], [1, 2, 3]]\n     *\n     * _.invokeMap([123, 456], String.prototype.split, '');\n     * // => [['1', '2', '3'], ['4', '5', '6']]\n     */\n    var invokeMap = baseRest(function(collection, path, args) {\n      var index = -1,\n          isFunc = typeof path == 'function',\n          result = isArrayLike(collection) ? Array(collection.length) : [];\n\n      baseEach(collection, function(value) {\n        result[++index] = isFunc ? apply(path, value, args) : baseInvoke(value, path, args);\n      });\n      return result;\n    });\n\n    /**\n     * Creates an object composed of keys generated from the results of running\n     * each element of `collection` thru `iteratee`. The corresponding value of\n     * each key is the last element responsible for generating the key. The\n     * iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n     * @returns {Object} Returns the composed aggregate object.\n     * @example\n     *\n     * var array = [\n     *   { 'dir': 'left', 'code': 97 },\n     *   { 'dir': 'right', 'code': 100 }\n     * ];\n     *\n     * _.keyBy(array, function(o) {\n     *   return String.fromCharCode(o.code);\n     * });\n     * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }\n     *\n     * _.keyBy(array, 'dir');\n     * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }\n     */\n    var keyBy = createAggregator(function(result, value, key) {\n      baseAssignValue(result, key, value);\n    });\n\n    /**\n     * Creates an array of values by running each element in `collection` thru\n     * `iteratee`. The iteratee is invoked with three arguments:\n     * (value, index|key, collection).\n     *\n     * Many lodash methods are guarded to work as iteratees for methods like\n     * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.\n     *\n     * The guarded methods are:\n     * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,\n     * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,\n     * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,\n     * `template`, `trim`, `trimEnd`, `trimStart`, and `words`\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new mapped array.\n     * @example\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * _.map([4, 8], square);\n     * // => [16, 64]\n     *\n     * _.map({ 'a': 4, 'b': 8 }, square);\n     * // => [16, 64] (iteration order is not guaranteed)\n     *\n     * var users = [\n     *   { 'user': 'barney' },\n     *   { 'user': 'fred' }\n     * ];\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.map(users, 'user');\n     * // => ['barney', 'fred']\n     */\n    function map(collection, iteratee) {\n      var func = isArray(collection) ? arrayMap : baseMap;\n      return func(collection, getIteratee(iteratee, 3));\n    }\n\n    /**\n     * This method is like `_.sortBy` except that it allows specifying the sort\n     * orders of the iteratees to sort by. If `orders` is unspecified, all values\n     * are sorted in ascending order. Otherwise, specify an order of \"desc\" for\n     * descending or \"asc\" for ascending sort order of corresponding values.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Array[]|Function[]|Object[]|string[]} [iteratees=[_.identity]]\n     *  The iteratees to sort by.\n     * @param {string[]} [orders] The sort orders of `iteratees`.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.\n     * @returns {Array} Returns the new sorted array.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'fred',   'age': 48 },\n     *   { 'user': 'barney', 'age': 34 },\n     *   { 'user': 'fred',   'age': 40 },\n     *   { 'user': 'barney', 'age': 36 }\n     * ];\n     *\n     * // Sort by `user` in ascending order and by `age` in descending order.\n     * _.orderBy(users, ['user', 'age'], ['asc', 'desc']);\n     * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]]\n     */\n    function orderBy(collection, iteratees, orders, guard) {\n      if (collection == null) {\n        return [];\n      }\n      if (!isArray(iteratees)) {\n        iteratees = iteratees == null ? [] : [iteratees];\n      }\n      orders = guard ? undefined : orders;\n      if (!isArray(orders)) {\n        orders = orders == null ? [] : [orders];\n      }\n      return baseOrderBy(collection, iteratees, orders);\n    }\n\n    /**\n     * Creates an array of elements split into two groups, the first of which\n     * contains elements `predicate` returns truthy for, the second of which\n     * contains elements `predicate` returns falsey for. The predicate is\n     * invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the array of grouped elements.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney',  'age': 36, 'active': false },\n     *   { 'user': 'fred',    'age': 40, 'active': true },\n     *   { 'user': 'pebbles', 'age': 1,  'active': false }\n     * ];\n     *\n     * _.partition(users, function(o) { return o.active; });\n     * // => objects for [['fred'], ['barney', 'pebbles']]\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.partition(users, { 'age': 1, 'active': false });\n     * // => objects for [['pebbles'], ['barney', 'fred']]\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.partition(users, ['active', false]);\n     * // => objects for [['barney', 'pebbles'], ['fred']]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.partition(users, 'active');\n     * // => objects for [['fred'], ['barney', 'pebbles']]\n     */\n    var partition = createAggregator(function(result, value, key) {\n      result[key ? 0 : 1].push(value);\n    }, function() { return [[], []]; });\n\n    /**\n     * Reduces `collection` to a value which is the accumulated result of running\n     * each element in `collection` thru `iteratee`, where each successive\n     * invocation is supplied the return value of the previous. If `accumulator`\n     * is not given, the first element of `collection` is used as the initial\n     * value. The iteratee is invoked with four arguments:\n     * (accumulator, value, index|key, collection).\n     *\n     * Many lodash methods are guarded to work as iteratees for methods like\n     * `_.reduce`, `_.reduceRight`, and `_.transform`.\n     *\n     * The guarded methods are:\n     * `assign`, `defaults`, `defaultsDeep`, `includes`, `merge`, `orderBy`,\n     * and `sortBy`\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @param {*} [accumulator] The initial value.\n     * @returns {*} Returns the accumulated value.\n     * @see _.reduceRight\n     * @example\n     *\n     * _.reduce([1, 2], function(sum, n) {\n     *   return sum + n;\n     * }, 0);\n     * // => 3\n     *\n     * _.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n     *   (result[value] || (result[value] = [])).push(key);\n     *   return result;\n     * }, {});\n     * // => { '1': ['a', 'c'], '2': ['b'] } (iteration order is not guaranteed)\n     */\n    function reduce(collection, iteratee, accumulator) {\n      var func = isArray(collection) ? arrayReduce : baseReduce,\n          initAccum = arguments.length < 3;\n\n      return func(collection, getIteratee(iteratee, 4), accumulator, initAccum, baseEach);\n    }\n\n    /**\n     * This method is like `_.reduce` except that it iterates over elements of\n     * `collection` from right to left.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @param {*} [accumulator] The initial value.\n     * @returns {*} Returns the accumulated value.\n     * @see _.reduce\n     * @example\n     *\n     * var array = [[0, 1], [2, 3], [4, 5]];\n     *\n     * _.reduceRight(array, function(flattened, other) {\n     *   return flattened.concat(other);\n     * }, []);\n     * // => [4, 5, 2, 3, 0, 1]\n     */\n    function reduceRight(collection, iteratee, accumulator) {\n      var func = isArray(collection) ? arrayReduceRight : baseReduce,\n          initAccum = arguments.length < 3;\n\n      return func(collection, getIteratee(iteratee, 4), accumulator, initAccum, baseEachRight);\n    }\n\n    /**\n     * The opposite of `_.filter`; this method returns the elements of `collection`\n     * that `predicate` does **not** return truthy for.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the new filtered array.\n     * @see _.filter\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney', 'age': 36, 'active': false },\n     *   { 'user': 'fred',   'age': 40, 'active': true }\n     * ];\n     *\n     * _.reject(users, function(o) { return !o.active; });\n     * // => objects for ['fred']\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.reject(users, { 'age': 40, 'active': true });\n     * // => objects for ['barney']\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.reject(users, ['active', false]);\n     * // => objects for ['fred']\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.reject(users, 'active');\n     * // => objects for ['barney']\n     */\n    function reject(collection, predicate) {\n      var func = isArray(collection) ? arrayFilter : baseFilter;\n      return func(collection, negate(getIteratee(predicate, 3)));\n    }\n\n    /**\n     * Gets a random element from `collection`.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to sample.\n     * @returns {*} Returns the random element.\n     * @example\n     *\n     * _.sample([1, 2, 3, 4]);\n     * // => 2\n     */\n    function sample(collection) {\n      var func = isArray(collection) ? arraySample : baseSample;\n      return func(collection);\n    }\n\n    /**\n     * Gets `n` random elements at unique keys from `collection` up to the\n     * size of `collection`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to sample.\n     * @param {number} [n=1] The number of elements to sample.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the random elements.\n     * @example\n     *\n     * _.sampleSize([1, 2, 3], 2);\n     * // => [3, 1]\n     *\n     * _.sampleSize([1, 2, 3], 4);\n     * // => [2, 3, 1]\n     */\n    function sampleSize(collection, n, guard) {\n      if ((guard ? isIterateeCall(collection, n, guard) : n === undefined)) {\n        n = 1;\n      } else {\n        n = toInteger(n);\n      }\n      var func = isArray(collection) ? arraySampleSize : baseSampleSize;\n      return func(collection, n);\n    }\n\n    /**\n     * Creates an array of shuffled values, using a version of the\n     * [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher-Yates_shuffle).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to shuffle.\n     * @returns {Array} Returns the new shuffled array.\n     * @example\n     *\n     * _.shuffle([1, 2, 3, 4]);\n     * // => [4, 1, 3, 2]\n     */\n    function shuffle(collection) {\n      var func = isArray(collection) ? arrayShuffle : baseShuffle;\n      return func(collection);\n    }\n\n    /**\n     * Gets the size of `collection` by returning its length for array-like\n     * values or the number of own enumerable string keyed properties for objects.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object|string} collection The collection to inspect.\n     * @returns {number} Returns the collection size.\n     * @example\n     *\n     * _.size([1, 2, 3]);\n     * // => 3\n     *\n     * _.size({ 'a': 1, 'b': 2 });\n     * // => 2\n     *\n     * _.size('pebbles');\n     * // => 7\n     */\n    function size(collection) {\n      if (collection == null) {\n        return 0;\n      }\n      if (isArrayLike(collection)) {\n        return isString(collection) ? stringSize(collection) : collection.length;\n      }\n      var tag = getTag(collection);\n      if (tag == mapTag || tag == setTag) {\n        return collection.size;\n      }\n      return baseKeys(collection).length;\n    }\n\n    /**\n     * Checks if `predicate` returns truthy for **any** element of `collection`.\n     * Iteration is stopped once `predicate` returns truthy. The predicate is\n     * invoked with three arguments: (value, index|key, collection).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {boolean} Returns `true` if any element passes the predicate check,\n     *  else `false`.\n     * @example\n     *\n     * _.some([null, 0, 'yes', false], Boolean);\n     * // => true\n     *\n     * var users = [\n     *   { 'user': 'barney', 'active': true },\n     *   { 'user': 'fred',   'active': false }\n     * ];\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.some(users, { 'user': 'barney', 'active': false });\n     * // => false\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.some(users, ['active', false]);\n     * // => true\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.some(users, 'active');\n     * // => true\n     */\n    function some(collection, predicate, guard) {\n      var func = isArray(collection) ? arraySome : baseSome;\n      if (guard && isIterateeCall(collection, predicate, guard)) {\n        predicate = undefined;\n      }\n      return func(collection, getIteratee(predicate, 3));\n    }\n\n    /**\n     * Creates an array of elements, sorted in ascending order by the results of\n     * running each element in a collection thru each iteratee. This method\n     * performs a stable sort, that is, it preserves the original sort order of\n     * equal elements. The iteratees are invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Collection\n     * @param {Array|Object} collection The collection to iterate over.\n     * @param {...(Function|Function[])} [iteratees=[_.identity]]\n     *  The iteratees to sort by.\n     * @returns {Array} Returns the new sorted array.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'fred',   'age': 48 },\n     *   { 'user': 'barney', 'age': 36 },\n     *   { 'user': 'fred',   'age': 30 },\n     *   { 'user': 'barney', 'age': 34 }\n     * ];\n     *\n     * _.sortBy(users, [function(o) { return o.user; }]);\n     * // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 30]]\n     *\n     * _.sortBy(users, ['user', 'age']);\n     * // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]]\n     */\n    var sortBy = baseRest(function(collection, iteratees) {\n      if (collection == null) {\n        return [];\n      }\n      var length = iteratees.length;\n      if (length > 1 && isIterateeCall(collection, iteratees[0], iteratees[1])) {\n        iteratees = [];\n      } else if (length > 2 && isIterateeCall(iteratees[0], iteratees[1], iteratees[2])) {\n        iteratees = [iteratees[0]];\n      }\n      return baseOrderBy(collection, baseFlatten(iteratees, 1), []);\n    });\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Gets the timestamp of the number of milliseconds that have elapsed since\n     * the Unix epoch (1 January 1970 00:00:00 UTC).\n     *\n     * @static\n     * @memberOf _\n     * @since 2.4.0\n     * @category Date\n     * @returns {number} Returns the timestamp.\n     * @example\n     *\n     * _.defer(function(stamp) {\n     *   console.log(_.now() - stamp);\n     * }, _.now());\n     * // => Logs the number of milliseconds it took for the deferred invocation.\n     */\n    var now = ctxNow || function() {\n      return root.Date.now();\n    };\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * The opposite of `_.before`; this method creates a function that invokes\n     * `func` once it's called `n` or more times.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {number} n The number of calls before `func` is invoked.\n     * @param {Function} func The function to restrict.\n     * @returns {Function} Returns the new restricted function.\n     * @example\n     *\n     * var saves = ['profile', 'settings'];\n     *\n     * var done = _.after(saves.length, function() {\n     *   console.log('done saving!');\n     * });\n     *\n     * _.forEach(saves, function(type) {\n     *   asyncSave({ 'type': type, 'complete': done });\n     * });\n     * // => Logs 'done saving!' after the two async saves have completed.\n     */\n    function after(n, func) {\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      n = toInteger(n);\n      return function() {\n        if (--n < 1) {\n          return func.apply(this, arguments);\n        }\n      };\n    }\n\n    /**\n     * Creates a function that invokes `func`, with up to `n` arguments,\n     * ignoring any additional arguments.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Function\n     * @param {Function} func The function to cap arguments for.\n     * @param {number} [n=func.length] The arity cap.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Function} Returns the new capped function.\n     * @example\n     *\n     * _.map(['6', '8', '10'], _.ary(parseInt, 1));\n     * // => [6, 8, 10]\n     */\n    function ary(func, n, guard) {\n      n = guard ? undefined : n;\n      n = (func && n == null) ? func.length : n;\n      return createWrap(func, WRAP_ARY_FLAG, undefined, undefined, undefined, undefined, n);\n    }\n\n    /**\n     * Creates a function that invokes `func`, with the `this` binding and arguments\n     * of the created function, while it's called less than `n` times. Subsequent\n     * calls to the created function return the result of the last `func` invocation.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Function\n     * @param {number} n The number of calls at which `func` is no longer invoked.\n     * @param {Function} func The function to restrict.\n     * @returns {Function} Returns the new restricted function.\n     * @example\n     *\n     * jQuery(element).on('click', _.before(5, addContactToList));\n     * // => Allows adding up to 4 contacts to the list.\n     */\n    function before(n, func) {\n      var result;\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      n = toInteger(n);\n      return function() {\n        if (--n > 0) {\n          result = func.apply(this, arguments);\n        }\n        if (n <= 1) {\n          func = undefined;\n        }\n        return result;\n      };\n    }\n\n    /**\n     * Creates a function that invokes `func` with the `this` binding of `thisArg`\n     * and `partials` prepended to the arguments it receives.\n     *\n     * The `_.bind.placeholder` value, which defaults to `_` in monolithic builds,\n     * may be used as a placeholder for partially applied arguments.\n     *\n     * **Note:** Unlike native `Function#bind`, this method doesn't set the \"length\"\n     * property of bound functions.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to bind.\n     * @param {*} thisArg The `this` binding of `func`.\n     * @param {...*} [partials] The arguments to be partially applied.\n     * @returns {Function} Returns the new bound function.\n     * @example\n     *\n     * function greet(greeting, punctuation) {\n     *   return greeting + ' ' + this.user + punctuation;\n     * }\n     *\n     * var object = { 'user': 'fred' };\n     *\n     * var bound = _.bind(greet, object, 'hi');\n     * bound('!');\n     * // => 'hi fred!'\n     *\n     * // Bound with placeholders.\n     * var bound = _.bind(greet, object, _, '!');\n     * bound('hi');\n     * // => 'hi fred!'\n     */\n    var bind = baseRest(function(func, thisArg, partials) {\n      var bitmask = WRAP_BIND_FLAG;\n      if (partials.length) {\n        var holders = replaceHolders(partials, getHolder(bind));\n        bitmask |= WRAP_PARTIAL_FLAG;\n      }\n      return createWrap(func, bitmask, thisArg, partials, holders);\n    });\n\n    /**\n     * Creates a function that invokes the method at `object[key]` with `partials`\n     * prepended to the arguments it receives.\n     *\n     * This method differs from `_.bind` by allowing bound functions to reference\n     * methods that may be redefined or don't yet exist. See\n     * [Peter Michaux's article](http://peter.michaux.ca/articles/lazy-function-definition-pattern)\n     * for more details.\n     *\n     * The `_.bindKey.placeholder` value, which defaults to `_` in monolithic\n     * builds, may be used as a placeholder for partially applied arguments.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.10.0\n     * @category Function\n     * @param {Object} object The object to invoke the method on.\n     * @param {string} key The key of the method.\n     * @param {...*} [partials] The arguments to be partially applied.\n     * @returns {Function} Returns the new bound function.\n     * @example\n     *\n     * var object = {\n     *   'user': 'fred',\n     *   'greet': function(greeting, punctuation) {\n     *     return greeting + ' ' + this.user + punctuation;\n     *   }\n     * };\n     *\n     * var bound = _.bindKey(object, 'greet', 'hi');\n     * bound('!');\n     * // => 'hi fred!'\n     *\n     * object.greet = function(greeting, punctuation) {\n     *   return greeting + 'ya ' + this.user + punctuation;\n     * };\n     *\n     * bound('!');\n     * // => 'hiya fred!'\n     *\n     * // Bound with placeholders.\n     * var bound = _.bindKey(object, 'greet', _, '!');\n     * bound('hi');\n     * // => 'hiya fred!'\n     */\n    var bindKey = baseRest(function(object, key, partials) {\n      var bitmask = WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG;\n      if (partials.length) {\n        var holders = replaceHolders(partials, getHolder(bindKey));\n        bitmask |= WRAP_PARTIAL_FLAG;\n      }\n      return createWrap(key, bitmask, object, partials, holders);\n    });\n\n    /**\n     * Creates a function that accepts arguments of `func` and either invokes\n     * `func` returning its result, if at least `arity` number of arguments have\n     * been provided, or returns a function that accepts the remaining `func`\n     * arguments, and so on. The arity of `func` may be specified if `func.length`\n     * is not sufficient.\n     *\n     * The `_.curry.placeholder` value, which defaults to `_` in monolithic builds,\n     * may be used as a placeholder for provided arguments.\n     *\n     * **Note:** This method doesn't set the \"length\" property of curried functions.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Function\n     * @param {Function} func The function to curry.\n     * @param {number} [arity=func.length] The arity of `func`.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Function} Returns the new curried function.\n     * @example\n     *\n     * var abc = function(a, b, c) {\n     *   return [a, b, c];\n     * };\n     *\n     * var curried = _.curry(abc);\n     *\n     * curried(1)(2)(3);\n     * // => [1, 2, 3]\n     *\n     * curried(1, 2)(3);\n     * // => [1, 2, 3]\n     *\n     * curried(1, 2, 3);\n     * // => [1, 2, 3]\n     *\n     * // Curried with placeholders.\n     * curried(1)(_, 3)(2);\n     * // => [1, 2, 3]\n     */\n    function curry(func, arity, guard) {\n      arity = guard ? undefined : arity;\n      var result = createWrap(func, WRAP_CURRY_FLAG, undefined, undefined, undefined, undefined, undefined, arity);\n      result.placeholder = curry.placeholder;\n      return result;\n    }\n\n    /**\n     * This method is like `_.curry` except that arguments are applied to `func`\n     * in the manner of `_.partialRight` instead of `_.partial`.\n     *\n     * The `_.curryRight.placeholder` value, which defaults to `_` in monolithic\n     * builds, may be used as a placeholder for provided arguments.\n     *\n     * **Note:** This method doesn't set the \"length\" property of curried functions.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Function\n     * @param {Function} func The function to curry.\n     * @param {number} [arity=func.length] The arity of `func`.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Function} Returns the new curried function.\n     * @example\n     *\n     * var abc = function(a, b, c) {\n     *   return [a, b, c];\n     * };\n     *\n     * var curried = _.curryRight(abc);\n     *\n     * curried(3)(2)(1);\n     * // => [1, 2, 3]\n     *\n     * curried(2, 3)(1);\n     * // => [1, 2, 3]\n     *\n     * curried(1, 2, 3);\n     * // => [1, 2, 3]\n     *\n     * // Curried with placeholders.\n     * curried(3)(1, _)(2);\n     * // => [1, 2, 3]\n     */\n    function curryRight(func, arity, guard) {\n      arity = guard ? undefined : arity;\n      var result = createWrap(func, WRAP_CURRY_RIGHT_FLAG, undefined, undefined, undefined, undefined, undefined, arity);\n      result.placeholder = curryRight.placeholder;\n      return result;\n    }\n\n    /**\n     * Creates a debounced function that delays invoking `func` until after `wait`\n     * milliseconds have elapsed since the last time the debounced function was\n     * invoked. The debounced function comes with a `cancel` method to cancel\n     * delayed `func` invocations and a `flush` method to immediately invoke them.\n     * Provide `options` to indicate whether `func` should be invoked on the\n     * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n     * with the last arguments provided to the debounced function. Subsequent\n     * calls to the debounced function return the result of the last `func`\n     * invocation.\n     *\n     * **Note:** If `leading` and `trailing` options are `true`, `func` is\n     * invoked on the trailing edge of the timeout only if the debounced function\n     * is invoked more than once during the `wait` timeout.\n     *\n     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n     * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n     *\n     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n     * for details over the differences between `_.debounce` and `_.throttle`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to debounce.\n     * @param {number} [wait=0] The number of milliseconds to delay.\n     * @param {Object} [options={}] The options object.\n     * @param {boolean} [options.leading=false]\n     *  Specify invoking on the leading edge of the timeout.\n     * @param {number} [options.maxWait]\n     *  The maximum time `func` is allowed to be delayed before it's invoked.\n     * @param {boolean} [options.trailing=true]\n     *  Specify invoking on the trailing edge of the timeout.\n     * @returns {Function} Returns the new debounced function.\n     * @example\n     *\n     * // Avoid costly calculations while the window size is in flux.\n     * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n     *\n     * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n     * jQuery(element).on('click', _.debounce(sendMail, 300, {\n     *   'leading': true,\n     *   'trailing': false\n     * }));\n     *\n     * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n     * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n     * var source = new EventSource('/stream');\n     * jQuery(source).on('message', debounced);\n     *\n     * // Cancel the trailing debounced invocation.\n     * jQuery(window).on('popstate', debounced.cancel);\n     */\n    function debounce(func, wait, options) {\n      var lastArgs,\n          lastThis,\n          maxWait,\n          result,\n          timerId,\n          lastCallTime,\n          lastInvokeTime = 0,\n          leading = false,\n          maxing = false,\n          trailing = true;\n\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      wait = toNumber(wait) || 0;\n      if (isObject(options)) {\n        leading = !!options.leading;\n        maxing = 'maxWait' in options;\n        maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n        trailing = 'trailing' in options ? !!options.trailing : trailing;\n      }\n\n      function invokeFunc(time) {\n        var args = lastArgs,\n            thisArg = lastThis;\n\n        lastArgs = lastThis = undefined;\n        lastInvokeTime = time;\n        result = func.apply(thisArg, args);\n        return result;\n      }\n\n      function leadingEdge(time) {\n        // Reset any `maxWait` timer.\n        lastInvokeTime = time;\n        // Start the timer for the trailing edge.\n        timerId = setTimeout(timerExpired, wait);\n        // Invoke the leading edge.\n        return leading ? invokeFunc(time) : result;\n      }\n\n      function remainingWait(time) {\n        var timeSinceLastCall = time - lastCallTime,\n            timeSinceLastInvoke = time - lastInvokeTime,\n            timeWaiting = wait - timeSinceLastCall;\n\n        return maxing\n          ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n          : timeWaiting;\n      }\n\n      function shouldInvoke(time) {\n        var timeSinceLastCall = time - lastCallTime,\n            timeSinceLastInvoke = time - lastInvokeTime;\n\n        // Either this is the first call, activity has stopped and we're at the\n        // trailing edge, the system time has gone backwards and we're treating\n        // it as the trailing edge, or we've hit the `maxWait` limit.\n        return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n          (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n      }\n\n      function timerExpired() {\n        var time = now();\n        if (shouldInvoke(time)) {\n          return trailingEdge(time);\n        }\n        // Restart the timer.\n        timerId = setTimeout(timerExpired, remainingWait(time));\n      }\n\n      function trailingEdge(time) {\n        timerId = undefined;\n\n        // Only invoke if we have `lastArgs` which means `func` has been\n        // debounced at least once.\n        if (trailing && lastArgs) {\n          return invokeFunc(time);\n        }\n        lastArgs = lastThis = undefined;\n        return result;\n      }\n\n      function cancel() {\n        if (timerId !== undefined) {\n          clearTimeout(timerId);\n        }\n        lastInvokeTime = 0;\n        lastArgs = lastCallTime = lastThis = timerId = undefined;\n      }\n\n      function flush() {\n        return timerId === undefined ? result : trailingEdge(now());\n      }\n\n      function debounced() {\n        var time = now(),\n            isInvoking = shouldInvoke(time);\n\n        lastArgs = arguments;\n        lastThis = this;\n        lastCallTime = time;\n\n        if (isInvoking) {\n          if (timerId === undefined) {\n            return leadingEdge(lastCallTime);\n          }\n          if (maxing) {\n            // Handle invocations in a tight loop.\n            clearTimeout(timerId);\n            timerId = setTimeout(timerExpired, wait);\n            return invokeFunc(lastCallTime);\n          }\n        }\n        if (timerId === undefined) {\n          timerId = setTimeout(timerExpired, wait);\n        }\n        return result;\n      }\n      debounced.cancel = cancel;\n      debounced.flush = flush;\n      return debounced;\n    }\n\n    /**\n     * Defers invoking the `func` until the current call stack has cleared. Any\n     * additional arguments are provided to `func` when it's invoked.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to defer.\n     * @param {...*} [args] The arguments to invoke `func` with.\n     * @returns {number} Returns the timer id.\n     * @example\n     *\n     * _.defer(function(text) {\n     *   console.log(text);\n     * }, 'deferred');\n     * // => Logs 'deferred' after one millisecond.\n     */\n    var defer = baseRest(function(func, args) {\n      return baseDelay(func, 1, args);\n    });\n\n    /**\n     * Invokes `func` after `wait` milliseconds. Any additional arguments are\n     * provided to `func` when it's invoked.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to delay.\n     * @param {number} wait The number of milliseconds to delay invocation.\n     * @param {...*} [args] The arguments to invoke `func` with.\n     * @returns {number} Returns the timer id.\n     * @example\n     *\n     * _.delay(function(text) {\n     *   console.log(text);\n     * }, 1000, 'later');\n     * // => Logs 'later' after one second.\n     */\n    var delay = baseRest(function(func, wait, args) {\n      return baseDelay(func, toNumber(wait) || 0, args);\n    });\n\n    /**\n     * Creates a function that invokes `func` with arguments reversed.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Function\n     * @param {Function} func The function to flip arguments for.\n     * @returns {Function} Returns the new flipped function.\n     * @example\n     *\n     * var flipped = _.flip(function() {\n     *   return _.toArray(arguments);\n     * });\n     *\n     * flipped('a', 'b', 'c', 'd');\n     * // => ['d', 'c', 'b', 'a']\n     */\n    function flip(func) {\n      return createWrap(func, WRAP_FLIP_FLAG);\n    }\n\n    /**\n     * Creates a function that memoizes the result of `func`. If `resolver` is\n     * provided, it determines the cache key for storing the result based on the\n     * arguments provided to the memoized function. By default, the first argument\n     * provided to the memoized function is used as the map cache key. The `func`\n     * is invoked with the `this` binding of the memoized function.\n     *\n     * **Note:** The cache is exposed as the `cache` property on the memoized\n     * function. Its creation may be customized by replacing the `_.memoize.Cache`\n     * constructor with one whose instances implement the\n     * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)\n     * method interface of `clear`, `delete`, `get`, `has`, and `set`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to have its output memoized.\n     * @param {Function} [resolver] The function to resolve the cache key.\n     * @returns {Function} Returns the new memoized function.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': 2 };\n     * var other = { 'c': 3, 'd': 4 };\n     *\n     * var values = _.memoize(_.values);\n     * values(object);\n     * // => [1, 2]\n     *\n     * values(other);\n     * // => [3, 4]\n     *\n     * object.a = 2;\n     * values(object);\n     * // => [1, 2]\n     *\n     * // Modify the result cache.\n     * values.cache.set(object, ['a', 'b']);\n     * values(object);\n     * // => ['a', 'b']\n     *\n     * // Replace `_.memoize.Cache`.\n     * _.memoize.Cache = WeakMap;\n     */\n    function memoize(func, resolver) {\n      if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      var memoized = function() {\n        var args = arguments,\n            key = resolver ? resolver.apply(this, args) : args[0],\n            cache = memoized.cache;\n\n        if (cache.has(key)) {\n          return cache.get(key);\n        }\n        var result = func.apply(this, args);\n        memoized.cache = cache.set(key, result) || cache;\n        return result;\n      };\n      memoized.cache = new (memoize.Cache || MapCache);\n      return memoized;\n    }\n\n    // Expose `MapCache`.\n    memoize.Cache = MapCache;\n\n    /**\n     * Creates a function that negates the result of the predicate `func`. The\n     * `func` predicate is invoked with the `this` binding and arguments of the\n     * created function.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Function\n     * @param {Function} predicate The predicate to negate.\n     * @returns {Function} Returns the new negated function.\n     * @example\n     *\n     * function isEven(n) {\n     *   return n % 2 == 0;\n     * }\n     *\n     * _.filter([1, 2, 3, 4, 5, 6], _.negate(isEven));\n     * // => [1, 3, 5]\n     */\n    function negate(predicate) {\n      if (typeof predicate != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      return function() {\n        var args = arguments;\n        switch (args.length) {\n          case 0: return !predicate.call(this);\n          case 1: return !predicate.call(this, args[0]);\n          case 2: return !predicate.call(this, args[0], args[1]);\n          case 3: return !predicate.call(this, args[0], args[1], args[2]);\n        }\n        return !predicate.apply(this, args);\n      };\n    }\n\n    /**\n     * Creates a function that is restricted to invoking `func` once. Repeat calls\n     * to the function return the value of the first invocation. The `func` is\n     * invoked with the `this` binding and arguments of the created function.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to restrict.\n     * @returns {Function} Returns the new restricted function.\n     * @example\n     *\n     * var initialize = _.once(createApplication);\n     * initialize();\n     * initialize();\n     * // => `createApplication` is invoked once\n     */\n    function once(func) {\n      return before(2, func);\n    }\n\n    /**\n     * Creates a function that invokes `func` with its arguments transformed.\n     *\n     * @static\n     * @since 4.0.0\n     * @memberOf _\n     * @category Function\n     * @param {Function} func The function to wrap.\n     * @param {...(Function|Function[])} [transforms=[_.identity]]\n     *  The argument transforms.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * function doubled(n) {\n     *   return n * 2;\n     * }\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * var func = _.overArgs(function(x, y) {\n     *   return [x, y];\n     * }, [square, doubled]);\n     *\n     * func(9, 3);\n     * // => [81, 6]\n     *\n     * func(10, 5);\n     * // => [100, 10]\n     */\n    var overArgs = castRest(function(func, transforms) {\n      transforms = (transforms.length == 1 && isArray(transforms[0]))\n        ? arrayMap(transforms[0], baseUnary(getIteratee()))\n        : arrayMap(baseFlatten(transforms, 1), baseUnary(getIteratee()));\n\n      var funcsLength = transforms.length;\n      return baseRest(function(args) {\n        var index = -1,\n            length = nativeMin(args.length, funcsLength);\n\n        while (++index < length) {\n          args[index] = transforms[index].call(this, args[index]);\n        }\n        return apply(func, this, args);\n      });\n    });\n\n    /**\n     * Creates a function that invokes `func` with `partials` prepended to the\n     * arguments it receives. This method is like `_.bind` except it does **not**\n     * alter the `this` binding.\n     *\n     * The `_.partial.placeholder` value, which defaults to `_` in monolithic\n     * builds, may be used as a placeholder for partially applied arguments.\n     *\n     * **Note:** This method doesn't set the \"length\" property of partially\n     * applied functions.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.2.0\n     * @category Function\n     * @param {Function} func The function to partially apply arguments to.\n     * @param {...*} [partials] The arguments to be partially applied.\n     * @returns {Function} Returns the new partially applied function.\n     * @example\n     *\n     * function greet(greeting, name) {\n     *   return greeting + ' ' + name;\n     * }\n     *\n     * var sayHelloTo = _.partial(greet, 'hello');\n     * sayHelloTo('fred');\n     * // => 'hello fred'\n     *\n     * // Partially applied with placeholders.\n     * var greetFred = _.partial(greet, _, 'fred');\n     * greetFred('hi');\n     * // => 'hi fred'\n     */\n    var partial = baseRest(function(func, partials) {\n      var holders = replaceHolders(partials, getHolder(partial));\n      return createWrap(func, WRAP_PARTIAL_FLAG, undefined, partials, holders);\n    });\n\n    /**\n     * This method is like `_.partial` except that partially applied arguments\n     * are appended to the arguments it receives.\n     *\n     * The `_.partialRight.placeholder` value, which defaults to `_` in monolithic\n     * builds, may be used as a placeholder for partially applied arguments.\n     *\n     * **Note:** This method doesn't set the \"length\" property of partially\n     * applied functions.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.0.0\n     * @category Function\n     * @param {Function} func The function to partially apply arguments to.\n     * @param {...*} [partials] The arguments to be partially applied.\n     * @returns {Function} Returns the new partially applied function.\n     * @example\n     *\n     * function greet(greeting, name) {\n     *   return greeting + ' ' + name;\n     * }\n     *\n     * var greetFred = _.partialRight(greet, 'fred');\n     * greetFred('hi');\n     * // => 'hi fred'\n     *\n     * // Partially applied with placeholders.\n     * var sayHelloTo = _.partialRight(greet, 'hello', _);\n     * sayHelloTo('fred');\n     * // => 'hello fred'\n     */\n    var partialRight = baseRest(function(func, partials) {\n      var holders = replaceHolders(partials, getHolder(partialRight));\n      return createWrap(func, WRAP_PARTIAL_RIGHT_FLAG, undefined, partials, holders);\n    });\n\n    /**\n     * Creates a function that invokes `func` with arguments arranged according\n     * to the specified `indexes` where the argument value at the first index is\n     * provided as the first argument, the argument value at the second index is\n     * provided as the second argument, and so on.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Function\n     * @param {Function} func The function to rearrange arguments for.\n     * @param {...(number|number[])} indexes The arranged argument indexes.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var rearged = _.rearg(function(a, b, c) {\n     *   return [a, b, c];\n     * }, [2, 0, 1]);\n     *\n     * rearged('b', 'c', 'a')\n     * // => ['a', 'b', 'c']\n     */\n    var rearg = flatRest(function(func, indexes) {\n      return createWrap(func, WRAP_REARG_FLAG, undefined, undefined, undefined, indexes);\n    });\n\n    /**\n     * Creates a function that invokes `func` with the `this` binding of the\n     * created function and arguments from `start` and beyond provided as\n     * an array.\n     *\n     * **Note:** This method is based on the\n     * [rest parameter](https://mdn.io/rest_parameters).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Function\n     * @param {Function} func The function to apply a rest parameter to.\n     * @param {number} [start=func.length-1] The start position of the rest parameter.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var say = _.rest(function(what, names) {\n     *   return what + ' ' + _.initial(names).join(', ') +\n     *     (_.size(names) > 1 ? ', & ' : '') + _.last(names);\n     * });\n     *\n     * say('hello', 'fred', 'barney', 'pebbles');\n     * // => 'hello fred, barney, & pebbles'\n     */\n    function rest(func, start) {\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      start = start === undefined ? start : toInteger(start);\n      return baseRest(func, start);\n    }\n\n    /**\n     * Creates a function that invokes `func` with the `this` binding of the\n     * create function and an array of arguments much like\n     * [`Function#apply`](http://www.ecma-international.org/ecma-262/7.0/#sec-function.prototype.apply).\n     *\n     * **Note:** This method is based on the\n     * [spread operator](https://mdn.io/spread_operator).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.2.0\n     * @category Function\n     * @param {Function} func The function to spread arguments over.\n     * @param {number} [start=0] The start position of the spread.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var say = _.spread(function(who, what) {\n     *   return who + ' says ' + what;\n     * });\n     *\n     * say(['fred', 'hello']);\n     * // => 'fred says hello'\n     *\n     * var numbers = Promise.all([\n     *   Promise.resolve(40),\n     *   Promise.resolve(36)\n     * ]);\n     *\n     * numbers.then(_.spread(function(x, y) {\n     *   return x + y;\n     * }));\n     * // => a Promise of 76\n     */\n    function spread(func, start) {\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      start = start == null ? 0 : nativeMax(toInteger(start), 0);\n      return baseRest(function(args) {\n        var array = args[start],\n            otherArgs = castSlice(args, 0, start);\n\n        if (array) {\n          arrayPush(otherArgs, array);\n        }\n        return apply(func, this, otherArgs);\n      });\n    }\n\n    /**\n     * Creates a throttled function that only invokes `func` at most once per\n     * every `wait` milliseconds. The throttled function comes with a `cancel`\n     * method to cancel delayed `func` invocations and a `flush` method to\n     * immediately invoke them. Provide `options` to indicate whether `func`\n     * should be invoked on the leading and/or trailing edge of the `wait`\n     * timeout. The `func` is invoked with the last arguments provided to the\n     * throttled function. Subsequent calls to the throttled function return the\n     * result of the last `func` invocation.\n     *\n     * **Note:** If `leading` and `trailing` options are `true`, `func` is\n     * invoked on the trailing edge of the timeout only if the throttled function\n     * is invoked more than once during the `wait` timeout.\n     *\n     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n     * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n     *\n     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n     * for details over the differences between `_.throttle` and `_.debounce`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {Function} func The function to throttle.\n     * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n     * @param {Object} [options={}] The options object.\n     * @param {boolean} [options.leading=true]\n     *  Specify invoking on the leading edge of the timeout.\n     * @param {boolean} [options.trailing=true]\n     *  Specify invoking on the trailing edge of the timeout.\n     * @returns {Function} Returns the new throttled function.\n     * @example\n     *\n     * // Avoid excessively updating the position while scrolling.\n     * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n     *\n     * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n     * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n     * jQuery(element).on('click', throttled);\n     *\n     * // Cancel the trailing throttled invocation.\n     * jQuery(window).on('popstate', throttled.cancel);\n     */\n    function throttle(func, wait, options) {\n      var leading = true,\n          trailing = true;\n\n      if (typeof func != 'function') {\n        throw new TypeError(FUNC_ERROR_TEXT);\n      }\n      if (isObject(options)) {\n        leading = 'leading' in options ? !!options.leading : leading;\n        trailing = 'trailing' in options ? !!options.trailing : trailing;\n      }\n      return debounce(func, wait, {\n        'leading': leading,\n        'maxWait': wait,\n        'trailing': trailing\n      });\n    }\n\n    /**\n     * Creates a function that accepts up to one argument, ignoring any\n     * additional arguments.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Function\n     * @param {Function} func The function to cap arguments for.\n     * @returns {Function} Returns the new capped function.\n     * @example\n     *\n     * _.map(['6', '8', '10'], _.unary(parseInt));\n     * // => [6, 8, 10]\n     */\n    function unary(func) {\n      return ary(func, 1);\n    }\n\n    /**\n     * Creates a function that provides `value` to `wrapper` as its first\n     * argument. Any additional arguments provided to the function are appended\n     * to those provided to the `wrapper`. The wrapper is invoked with the `this`\n     * binding of the created function.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Function\n     * @param {*} value The value to wrap.\n     * @param {Function} [wrapper=identity] The wrapper function.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var p = _.wrap(_.escape, function(func, text) {\n     *   return '<p>' + func(text) + '</p>';\n     * });\n     *\n     * p('fred, barney, & pebbles');\n     * // => '<p>fred, barney, &amp; pebbles</p>'\n     */\n    function wrap(value, wrapper) {\n      return partial(castFunction(wrapper), value);\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Casts `value` as an array if it's not one.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.4.0\n     * @category Lang\n     * @param {*} value The value to inspect.\n     * @returns {Array} Returns the cast array.\n     * @example\n     *\n     * _.castArray(1);\n     * // => [1]\n     *\n     * _.castArray({ 'a': 1 });\n     * // => [{ 'a': 1 }]\n     *\n     * _.castArray('abc');\n     * // => ['abc']\n     *\n     * _.castArray(null);\n     * // => [null]\n     *\n     * _.castArray(undefined);\n     * // => [undefined]\n     *\n     * _.castArray();\n     * // => []\n     *\n     * var array = [1, 2, 3];\n     * console.log(_.castArray(array) === array);\n     * // => true\n     */\n    function castArray() {\n      if (!arguments.length) {\n        return [];\n      }\n      var value = arguments[0];\n      return isArray(value) ? value : [value];\n    }\n\n    /**\n     * Creates a shallow clone of `value`.\n     *\n     * **Note:** This method is loosely based on the\n     * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n     * and supports cloning arrays, array buffers, booleans, date objects, maps,\n     * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n     * arrays. The own enumerable properties of `arguments` objects are cloned\n     * as plain objects. An empty object is returned for uncloneable values such\n     * as error objects, functions, DOM nodes, and WeakMaps.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to clone.\n     * @returns {*} Returns the cloned value.\n     * @see _.cloneDeep\n     * @example\n     *\n     * var objects = [{ 'a': 1 }, { 'b': 2 }];\n     *\n     * var shallow = _.clone(objects);\n     * console.log(shallow[0] === objects[0]);\n     * // => true\n     */\n    function clone(value) {\n      return baseClone(value, CLONE_SYMBOLS_FLAG);\n    }\n\n    /**\n     * This method is like `_.clone` except that it accepts `customizer` which\n     * is invoked to produce the cloned value. If `customizer` returns `undefined`,\n     * cloning is handled by the method instead. The `customizer` is invoked with\n     * up to four arguments; (value [, index|key, object, stack]).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to clone.\n     * @param {Function} [customizer] The function to customize cloning.\n     * @returns {*} Returns the cloned value.\n     * @see _.cloneDeepWith\n     * @example\n     *\n     * function customizer(value) {\n     *   if (_.isElement(value)) {\n     *     return value.cloneNode(false);\n     *   }\n     * }\n     *\n     * var el = _.cloneWith(document.body, customizer);\n     *\n     * console.log(el === document.body);\n     * // => false\n     * console.log(el.nodeName);\n     * // => 'BODY'\n     * console.log(el.childNodes.length);\n     * // => 0\n     */\n    function cloneWith(value, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      return baseClone(value, CLONE_SYMBOLS_FLAG, customizer);\n    }\n\n    /**\n     * This method is like `_.clone` except that it recursively clones `value`.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.0.0\n     * @category Lang\n     * @param {*} value The value to recursively clone.\n     * @returns {*} Returns the deep cloned value.\n     * @see _.clone\n     * @example\n     *\n     * var objects = [{ 'a': 1 }, { 'b': 2 }];\n     *\n     * var deep = _.cloneDeep(objects);\n     * console.log(deep[0] === objects[0]);\n     * // => false\n     */\n    function cloneDeep(value) {\n      return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n    }\n\n    /**\n     * This method is like `_.cloneWith` except that it recursively clones `value`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to recursively clone.\n     * @param {Function} [customizer] The function to customize cloning.\n     * @returns {*} Returns the deep cloned value.\n     * @see _.cloneWith\n     * @example\n     *\n     * function customizer(value) {\n     *   if (_.isElement(value)) {\n     *     return value.cloneNode(true);\n     *   }\n     * }\n     *\n     * var el = _.cloneDeepWith(document.body, customizer);\n     *\n     * console.log(el === document.body);\n     * // => false\n     * console.log(el.nodeName);\n     * // => 'BODY'\n     * console.log(el.childNodes.length);\n     * // => 20\n     */\n    function cloneDeepWith(value, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG, customizer);\n    }\n\n    /**\n     * Checks if `object` conforms to `source` by invoking the predicate\n     * properties of `source` with the corresponding property values of `object`.\n     *\n     * **Note:** This method is equivalent to `_.conforms` when `source` is\n     * partially applied.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.14.0\n     * @category Lang\n     * @param {Object} object The object to inspect.\n     * @param {Object} source The object of property predicates to conform to.\n     * @returns {boolean} Returns `true` if `object` conforms, else `false`.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': 2 };\n     *\n     * _.conformsTo(object, { 'b': function(n) { return n > 1; } });\n     * // => true\n     *\n     * _.conformsTo(object, { 'b': function(n) { return n > 2; } });\n     * // => false\n     */\n    function conformsTo(object, source) {\n      return source == null || baseConformsTo(object, source, keys(source));\n    }\n\n    /**\n     * Performs a\n     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n     * comparison between two values to determine if they are equivalent.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n     * @example\n     *\n     * var object = { 'a': 1 };\n     * var other = { 'a': 1 };\n     *\n     * _.eq(object, object);\n     * // => true\n     *\n     * _.eq(object, other);\n     * // => false\n     *\n     * _.eq('a', 'a');\n     * // => true\n     *\n     * _.eq('a', Object('a'));\n     * // => false\n     *\n     * _.eq(NaN, NaN);\n     * // => true\n     */\n    function eq(value, other) {\n      return value === other || (value !== value && other !== other);\n    }\n\n    /**\n     * Checks if `value` is greater than `other`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.9.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is greater than `other`,\n     *  else `false`.\n     * @see _.lt\n     * @example\n     *\n     * _.gt(3, 1);\n     * // => true\n     *\n     * _.gt(3, 3);\n     * // => false\n     *\n     * _.gt(1, 3);\n     * // => false\n     */\n    var gt = createRelationalOperation(baseGt);\n\n    /**\n     * Checks if `value` is greater than or equal to `other`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.9.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is greater than or equal to\n     *  `other`, else `false`.\n     * @see _.lte\n     * @example\n     *\n     * _.gte(3, 1);\n     * // => true\n     *\n     * _.gte(3, 3);\n     * // => true\n     *\n     * _.gte(1, 3);\n     * // => false\n     */\n    var gte = createRelationalOperation(function(value, other) {\n      return value >= other;\n    });\n\n    /**\n     * Checks if `value` is likely an `arguments` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n     *  else `false`.\n     * @example\n     *\n     * _.isArguments(function() { return arguments; }());\n     * // => true\n     *\n     * _.isArguments([1, 2, 3]);\n     * // => false\n     */\n    var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n      return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n        !propertyIsEnumerable.call(value, 'callee');\n    };\n\n    /**\n     * Checks if `value` is classified as an `Array` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n     * @example\n     *\n     * _.isArray([1, 2, 3]);\n     * // => true\n     *\n     * _.isArray(document.body.children);\n     * // => false\n     *\n     * _.isArray('abc');\n     * // => false\n     *\n     * _.isArray(_.noop);\n     * // => false\n     */\n    var isArray = Array.isArray;\n\n    /**\n     * Checks if `value` is classified as an `ArrayBuffer` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an array buffer, else `false`.\n     * @example\n     *\n     * _.isArrayBuffer(new ArrayBuffer(2));\n     * // => true\n     *\n     * _.isArrayBuffer(new Array(2));\n     * // => false\n     */\n    var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer;\n\n    /**\n     * Checks if `value` is array-like. A value is considered array-like if it's\n     * not a function and has a `value.length` that's an integer greater than or\n     * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n     * @example\n     *\n     * _.isArrayLike([1, 2, 3]);\n     * // => true\n     *\n     * _.isArrayLike(document.body.children);\n     * // => true\n     *\n     * _.isArrayLike('abc');\n     * // => true\n     *\n     * _.isArrayLike(_.noop);\n     * // => false\n     */\n    function isArrayLike(value) {\n      return value != null && isLength(value.length) && !isFunction(value);\n    }\n\n    /**\n     * This method is like `_.isArrayLike` except that it also checks if `value`\n     * is an object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an array-like object,\n     *  else `false`.\n     * @example\n     *\n     * _.isArrayLikeObject([1, 2, 3]);\n     * // => true\n     *\n     * _.isArrayLikeObject(document.body.children);\n     * // => true\n     *\n     * _.isArrayLikeObject('abc');\n     * // => false\n     *\n     * _.isArrayLikeObject(_.noop);\n     * // => false\n     */\n    function isArrayLikeObject(value) {\n      return isObjectLike(value) && isArrayLike(value);\n    }\n\n    /**\n     * Checks if `value` is classified as a boolean primitive or object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.\n     * @example\n     *\n     * _.isBoolean(false);\n     * // => true\n     *\n     * _.isBoolean(null);\n     * // => false\n     */\n    function isBoolean(value) {\n      return value === true || value === false ||\n        (isObjectLike(value) && baseGetTag(value) == boolTag);\n    }\n\n    /**\n     * Checks if `value` is a buffer.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n     * @example\n     *\n     * _.isBuffer(new Buffer(2));\n     * // => true\n     *\n     * _.isBuffer(new Uint8Array(2));\n     * // => false\n     */\n    var isBuffer = nativeIsBuffer || stubFalse;\n\n    /**\n     * Checks if `value` is classified as a `Date` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a date object, else `false`.\n     * @example\n     *\n     * _.isDate(new Date);\n     * // => true\n     *\n     * _.isDate('Mon April 23 2012');\n     * // => false\n     */\n    var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate;\n\n    /**\n     * Checks if `value` is likely a DOM element.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a DOM element, else `false`.\n     * @example\n     *\n     * _.isElement(document.body);\n     * // => true\n     *\n     * _.isElement('<body>');\n     * // => false\n     */\n    function isElement(value) {\n      return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);\n    }\n\n    /**\n     * Checks if `value` is an empty object, collection, map, or set.\n     *\n     * Objects are considered empty if they have no own enumerable string keyed\n     * properties.\n     *\n     * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n     * jQuery-like collections are considered empty if they have a `length` of `0`.\n     * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n     * @example\n     *\n     * _.isEmpty(null);\n     * // => true\n     *\n     * _.isEmpty(true);\n     * // => true\n     *\n     * _.isEmpty(1);\n     * // => true\n     *\n     * _.isEmpty([1, 2, 3]);\n     * // => false\n     *\n     * _.isEmpty({ 'a': 1 });\n     * // => false\n     */\n    function isEmpty(value) {\n      if (value == null) {\n        return true;\n      }\n      if (isArrayLike(value) &&\n          (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n            isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n        return !value.length;\n      }\n      var tag = getTag(value);\n      if (tag == mapTag || tag == setTag) {\n        return !value.size;\n      }\n      if (isPrototype(value)) {\n        return !baseKeys(value).length;\n      }\n      for (var key in value) {\n        if (hasOwnProperty.call(value, key)) {\n          return false;\n        }\n      }\n      return true;\n    }\n\n    /**\n     * Performs a deep comparison between two values to determine if they are\n     * equivalent.\n     *\n     * **Note:** This method supports comparing arrays, array buffers, booleans,\n     * date objects, error objects, maps, numbers, `Object` objects, regexes,\n     * sets, strings, symbols, and typed arrays. `Object` objects are compared\n     * by their own, not inherited, enumerable properties. Functions and DOM\n     * nodes are compared by strict equality, i.e. `===`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n     * @example\n     *\n     * var object = { 'a': 1 };\n     * var other = { 'a': 1 };\n     *\n     * _.isEqual(object, other);\n     * // => true\n     *\n     * object === other;\n     * // => false\n     */\n    function isEqual(value, other) {\n      return baseIsEqual(value, other);\n    }\n\n    /**\n     * This method is like `_.isEqual` except that it accepts `customizer` which\n     * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n     * are handled by the method instead. The `customizer` is invoked with up to\n     * six arguments: (objValue, othValue [, index|key, object, other, stack]).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @param {Function} [customizer] The function to customize comparisons.\n     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n     * @example\n     *\n     * function isGreeting(value) {\n     *   return /^h(?:i|ello)$/.test(value);\n     * }\n     *\n     * function customizer(objValue, othValue) {\n     *   if (isGreeting(objValue) && isGreeting(othValue)) {\n     *     return true;\n     *   }\n     * }\n     *\n     * var array = ['hello', 'goodbye'];\n     * var other = ['hi', 'goodbye'];\n     *\n     * _.isEqualWith(array, other, customizer);\n     * // => true\n     */\n    function isEqualWith(value, other, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      var result = customizer ? customizer(value, other) : undefined;\n      return result === undefined ? baseIsEqual(value, other, undefined, customizer) : !!result;\n    }\n\n    /**\n     * Checks if `value` is an `Error`, `EvalError`, `RangeError`, `ReferenceError`,\n     * `SyntaxError`, `TypeError`, or `URIError` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an error object, else `false`.\n     * @example\n     *\n     * _.isError(new Error);\n     * // => true\n     *\n     * _.isError(Error);\n     * // => false\n     */\n    function isError(value) {\n      if (!isObjectLike(value)) {\n        return false;\n      }\n      var tag = baseGetTag(value);\n      return tag == errorTag || tag == domExcTag ||\n        (typeof value.message == 'string' && typeof value.name == 'string' && !isPlainObject(value));\n    }\n\n    /**\n     * Checks if `value` is a finite primitive number.\n     *\n     * **Note:** This method is based on\n     * [`Number.isFinite`](https://mdn.io/Number/isFinite).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.\n     * @example\n     *\n     * _.isFinite(3);\n     * // => true\n     *\n     * _.isFinite(Number.MIN_VALUE);\n     * // => true\n     *\n     * _.isFinite(Infinity);\n     * // => false\n     *\n     * _.isFinite('3');\n     * // => false\n     */\n    function isFinite(value) {\n      return typeof value == 'number' && nativeIsFinite(value);\n    }\n\n    /**\n     * Checks if `value` is classified as a `Function` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n     * @example\n     *\n     * _.isFunction(_);\n     * // => true\n     *\n     * _.isFunction(/abc/);\n     * // => false\n     */\n    function isFunction(value) {\n      if (!isObject(value)) {\n        return false;\n      }\n      // The use of `Object#toString` avoids issues with the `typeof` operator\n      // in Safari 9 which returns 'object' for typed arrays and other constructors.\n      var tag = baseGetTag(value);\n      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n    }\n\n    /**\n     * Checks if `value` is an integer.\n     *\n     * **Note:** This method is based on\n     * [`Number.isInteger`](https://mdn.io/Number/isInteger).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an integer, else `false`.\n     * @example\n     *\n     * _.isInteger(3);\n     * // => true\n     *\n     * _.isInteger(Number.MIN_VALUE);\n     * // => false\n     *\n     * _.isInteger(Infinity);\n     * // => false\n     *\n     * _.isInteger('3');\n     * // => false\n     */\n    function isInteger(value) {\n      return typeof value == 'number' && value == toInteger(value);\n    }\n\n    /**\n     * Checks if `value` is a valid array-like length.\n     *\n     * **Note:** This method is loosely based on\n     * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n     * @example\n     *\n     * _.isLength(3);\n     * // => true\n     *\n     * _.isLength(Number.MIN_VALUE);\n     * // => false\n     *\n     * _.isLength(Infinity);\n     * // => false\n     *\n     * _.isLength('3');\n     * // => false\n     */\n    function isLength(value) {\n      return typeof value == 'number' &&\n        value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n    }\n\n    /**\n     * Checks if `value` is the\n     * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n     * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n     * @example\n     *\n     * _.isObject({});\n     * // => true\n     *\n     * _.isObject([1, 2, 3]);\n     * // => true\n     *\n     * _.isObject(_.noop);\n     * // => true\n     *\n     * _.isObject(null);\n     * // => false\n     */\n    function isObject(value) {\n      var type = typeof value;\n      return value != null && (type == 'object' || type == 'function');\n    }\n\n    /**\n     * Checks if `value` is object-like. A value is object-like if it's not `null`\n     * and has a `typeof` result of \"object\".\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n     * @example\n     *\n     * _.isObjectLike({});\n     * // => true\n     *\n     * _.isObjectLike([1, 2, 3]);\n     * // => true\n     *\n     * _.isObjectLike(_.noop);\n     * // => false\n     *\n     * _.isObjectLike(null);\n     * // => false\n     */\n    function isObjectLike(value) {\n      return value != null && typeof value == 'object';\n    }\n\n    /**\n     * Checks if `value` is classified as a `Map` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n     * @example\n     *\n     * _.isMap(new Map);\n     * // => true\n     *\n     * _.isMap(new WeakMap);\n     * // => false\n     */\n    var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;\n\n    /**\n     * Performs a partial deep comparison between `object` and `source` to\n     * determine if `object` contains equivalent property values.\n     *\n     * **Note:** This method is equivalent to `_.matches` when `source` is\n     * partially applied.\n     *\n     * Partial comparisons will match empty array and empty object `source`\n     * values against any array or object value, respectively. See `_.isEqual`\n     * for a list of supported value comparisons.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Lang\n     * @param {Object} object The object to inspect.\n     * @param {Object} source The object of property values to match.\n     * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': 2 };\n     *\n     * _.isMatch(object, { 'b': 2 });\n     * // => true\n     *\n     * _.isMatch(object, { 'b': 1 });\n     * // => false\n     */\n    function isMatch(object, source) {\n      return object === source || baseIsMatch(object, source, getMatchData(source));\n    }\n\n    /**\n     * This method is like `_.isMatch` except that it accepts `customizer` which\n     * is invoked to compare values. If `customizer` returns `undefined`, comparisons\n     * are handled by the method instead. The `customizer` is invoked with five\n     * arguments: (objValue, srcValue, index|key, object, source).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {Object} object The object to inspect.\n     * @param {Object} source The object of property values to match.\n     * @param {Function} [customizer] The function to customize comparisons.\n     * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n     * @example\n     *\n     * function isGreeting(value) {\n     *   return /^h(?:i|ello)$/.test(value);\n     * }\n     *\n     * function customizer(objValue, srcValue) {\n     *   if (isGreeting(objValue) && isGreeting(srcValue)) {\n     *     return true;\n     *   }\n     * }\n     *\n     * var object = { 'greeting': 'hello' };\n     * var source = { 'greeting': 'hi' };\n     *\n     * _.isMatchWith(object, source, customizer);\n     * // => true\n     */\n    function isMatchWith(object, source, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      return baseIsMatch(object, source, getMatchData(source), customizer);\n    }\n\n    /**\n     * Checks if `value` is `NaN`.\n     *\n     * **Note:** This method is based on\n     * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as\n     * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for\n     * `undefined` and other non-number values.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n     * @example\n     *\n     * _.isNaN(NaN);\n     * // => true\n     *\n     * _.isNaN(new Number(NaN));\n     * // => true\n     *\n     * isNaN(undefined);\n     * // => true\n     *\n     * _.isNaN(undefined);\n     * // => false\n     */\n    function isNaN(value) {\n      // An `NaN` primitive is the only value that is not equal to itself.\n      // Perform the `toStringTag` check first to avoid errors with some\n      // ActiveX objects in IE.\n      return isNumber(value) && value != +value;\n    }\n\n    /**\n     * Checks if `value` is a pristine native function.\n     *\n     * **Note:** This method can't reliably detect native functions in the presence\n     * of the core-js package because core-js circumvents this kind of detection.\n     * Despite multiple requests, the core-js maintainer has made it clear: any\n     * attempt to fix the detection will be obstructed. As a result, we're left\n     * with little choice but to throw an error. Unfortunately, this also affects\n     * packages, like [babel-polyfill](https://www.npmjs.com/package/babel-polyfill),\n     * which rely on core-js.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a native function,\n     *  else `false`.\n     * @example\n     *\n     * _.isNative(Array.prototype.push);\n     * // => true\n     *\n     * _.isNative(_);\n     * // => false\n     */\n    function isNative(value) {\n      if (isMaskable(value)) {\n        throw new Error(CORE_ERROR_TEXT);\n      }\n      return baseIsNative(value);\n    }\n\n    /**\n     * Checks if `value` is `null`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is `null`, else `false`.\n     * @example\n     *\n     * _.isNull(null);\n     * // => true\n     *\n     * _.isNull(void 0);\n     * // => false\n     */\n    function isNull(value) {\n      return value === null;\n    }\n\n    /**\n     * Checks if `value` is `null` or `undefined`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is nullish, else `false`.\n     * @example\n     *\n     * _.isNil(null);\n     * // => true\n     *\n     * _.isNil(void 0);\n     * // => true\n     *\n     * _.isNil(NaN);\n     * // => false\n     */\n    function isNil(value) {\n      return value == null;\n    }\n\n    /**\n     * Checks if `value` is classified as a `Number` primitive or object.\n     *\n     * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n     * classified as numbers, use the `_.isFinite` method.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n     * @example\n     *\n     * _.isNumber(3);\n     * // => true\n     *\n     * _.isNumber(Number.MIN_VALUE);\n     * // => true\n     *\n     * _.isNumber(Infinity);\n     * // => true\n     *\n     * _.isNumber('3');\n     * // => false\n     */\n    function isNumber(value) {\n      return typeof value == 'number' ||\n        (isObjectLike(value) && baseGetTag(value) == numberTag);\n    }\n\n    /**\n     * Checks if `value` is a plain object, that is, an object created by the\n     * `Object` constructor or one with a `[[Prototype]]` of `null`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.8.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     * }\n     *\n     * _.isPlainObject(new Foo);\n     * // => false\n     *\n     * _.isPlainObject([1, 2, 3]);\n     * // => false\n     *\n     * _.isPlainObject({ 'x': 0, 'y': 0 });\n     * // => true\n     *\n     * _.isPlainObject(Object.create(null));\n     * // => true\n     */\n    function isPlainObject(value) {\n      if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n        return false;\n      }\n      var proto = getPrototype(value);\n      if (proto === null) {\n        return true;\n      }\n      var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n      return typeof Ctor == 'function' && Ctor instanceof Ctor &&\n        funcToString.call(Ctor) == objectCtorString;\n    }\n\n    /**\n     * Checks if `value` is classified as a `RegExp` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.1.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a regexp, else `false`.\n     * @example\n     *\n     * _.isRegExp(/abc/);\n     * // => true\n     *\n     * _.isRegExp('/abc/');\n     * // => false\n     */\n    var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;\n\n    /**\n     * Checks if `value` is a safe integer. An integer is safe if it's an IEEE-754\n     * double precision number which isn't the result of a rounded unsafe integer.\n     *\n     * **Note:** This method is based on\n     * [`Number.isSafeInteger`](https://mdn.io/Number/isSafeInteger).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a safe integer, else `false`.\n     * @example\n     *\n     * _.isSafeInteger(3);\n     * // => true\n     *\n     * _.isSafeInteger(Number.MIN_VALUE);\n     * // => false\n     *\n     * _.isSafeInteger(Infinity);\n     * // => false\n     *\n     * _.isSafeInteger('3');\n     * // => false\n     */\n    function isSafeInteger(value) {\n      return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;\n    }\n\n    /**\n     * Checks if `value` is classified as a `Set` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n     * @example\n     *\n     * _.isSet(new Set);\n     * // => true\n     *\n     * _.isSet(new WeakSet);\n     * // => false\n     */\n    var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;\n\n    /**\n     * Checks if `value` is classified as a `String` primitive or object.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n     * @example\n     *\n     * _.isString('abc');\n     * // => true\n     *\n     * _.isString(1);\n     * // => false\n     */\n    function isString(value) {\n      return typeof value == 'string' ||\n        (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);\n    }\n\n    /**\n     * Checks if `value` is classified as a `Symbol` primitive or object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n     * @example\n     *\n     * _.isSymbol(Symbol.iterator);\n     * // => true\n     *\n     * _.isSymbol('abc');\n     * // => false\n     */\n    function isSymbol(value) {\n      return typeof value == 'symbol' ||\n        (isObjectLike(value) && baseGetTag(value) == symbolTag);\n    }\n\n    /**\n     * Checks if `value` is classified as a typed array.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n     * @example\n     *\n     * _.isTypedArray(new Uint8Array);\n     * // => true\n     *\n     * _.isTypedArray([]);\n     * // => false\n     */\n    var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\n    /**\n     * Checks if `value` is `undefined`.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.\n     * @example\n     *\n     * _.isUndefined(void 0);\n     * // => true\n     *\n     * _.isUndefined(null);\n     * // => false\n     */\n    function isUndefined(value) {\n      return value === undefined;\n    }\n\n    /**\n     * Checks if `value` is classified as a `WeakMap` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a weak map, else `false`.\n     * @example\n     *\n     * _.isWeakMap(new WeakMap);\n     * // => true\n     *\n     * _.isWeakMap(new Map);\n     * // => false\n     */\n    function isWeakMap(value) {\n      return isObjectLike(value) && getTag(value) == weakMapTag;\n    }\n\n    /**\n     * Checks if `value` is classified as a `WeakSet` object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.3.0\n     * @category Lang\n     * @param {*} value The value to check.\n     * @returns {boolean} Returns `true` if `value` is a weak set, else `false`.\n     * @example\n     *\n     * _.isWeakSet(new WeakSet);\n     * // => true\n     *\n     * _.isWeakSet(new Set);\n     * // => false\n     */\n    function isWeakSet(value) {\n      return isObjectLike(value) && baseGetTag(value) == weakSetTag;\n    }\n\n    /**\n     * Checks if `value` is less than `other`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.9.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is less than `other`,\n     *  else `false`.\n     * @see _.gt\n     * @example\n     *\n     * _.lt(1, 3);\n     * // => true\n     *\n     * _.lt(3, 3);\n     * // => false\n     *\n     * _.lt(3, 1);\n     * // => false\n     */\n    var lt = createRelationalOperation(baseLt);\n\n    /**\n     * Checks if `value` is less than or equal to `other`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.9.0\n     * @category Lang\n     * @param {*} value The value to compare.\n     * @param {*} other The other value to compare.\n     * @returns {boolean} Returns `true` if `value` is less than or equal to\n     *  `other`, else `false`.\n     * @see _.gte\n     * @example\n     *\n     * _.lte(1, 3);\n     * // => true\n     *\n     * _.lte(3, 3);\n     * // => true\n     *\n     * _.lte(3, 1);\n     * // => false\n     */\n    var lte = createRelationalOperation(function(value, other) {\n      return value <= other;\n    });\n\n    /**\n     * Converts `value` to an array.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {Array} Returns the converted array.\n     * @example\n     *\n     * _.toArray({ 'a': 1, 'b': 2 });\n     * // => [1, 2]\n     *\n     * _.toArray('abc');\n     * // => ['a', 'b', 'c']\n     *\n     * _.toArray(1);\n     * // => []\n     *\n     * _.toArray(null);\n     * // => []\n     */\n    function toArray(value) {\n      if (!value) {\n        return [];\n      }\n      if (isArrayLike(value)) {\n        return isString(value) ? stringToArray(value) : copyArray(value);\n      }\n      if (symIterator && value[symIterator]) {\n        return iteratorToArray(value[symIterator]());\n      }\n      var tag = getTag(value),\n          func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n      return func(value);\n    }\n\n    /**\n     * Converts `value` to a finite number.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.12.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {number} Returns the converted number.\n     * @example\n     *\n     * _.toFinite(3.2);\n     * // => 3.2\n     *\n     * _.toFinite(Number.MIN_VALUE);\n     * // => 5e-324\n     *\n     * _.toFinite(Infinity);\n     * // => 1.7976931348623157e+308\n     *\n     * _.toFinite('3.2');\n     * // => 3.2\n     */\n    function toFinite(value) {\n      if (!value) {\n        return value === 0 ? value : 0;\n      }\n      value = toNumber(value);\n      if (value === INFINITY || value === -INFINITY) {\n        var sign = (value < 0 ? -1 : 1);\n        return sign * MAX_INTEGER;\n      }\n      return value === value ? value : 0;\n    }\n\n    /**\n     * Converts `value` to an integer.\n     *\n     * **Note:** This method is loosely based on\n     * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {number} Returns the converted integer.\n     * @example\n     *\n     * _.toInteger(3.2);\n     * // => 3\n     *\n     * _.toInteger(Number.MIN_VALUE);\n     * // => 0\n     *\n     * _.toInteger(Infinity);\n     * // => 1.7976931348623157e+308\n     *\n     * _.toInteger('3.2');\n     * // => 3\n     */\n    function toInteger(value) {\n      var result = toFinite(value),\n          remainder = result % 1;\n\n      return result === result ? (remainder ? result - remainder : result) : 0;\n    }\n\n    /**\n     * Converts `value` to an integer suitable for use as the length of an\n     * array-like object.\n     *\n     * **Note:** This method is based on\n     * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {number} Returns the converted integer.\n     * @example\n     *\n     * _.toLength(3.2);\n     * // => 3\n     *\n     * _.toLength(Number.MIN_VALUE);\n     * // => 0\n     *\n     * _.toLength(Infinity);\n     * // => 4294967295\n     *\n     * _.toLength('3.2');\n     * // => 3\n     */\n    function toLength(value) {\n      return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;\n    }\n\n    /**\n     * Converts `value` to a number.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to process.\n     * @returns {number} Returns the number.\n     * @example\n     *\n     * _.toNumber(3.2);\n     * // => 3.2\n     *\n     * _.toNumber(Number.MIN_VALUE);\n     * // => 5e-324\n     *\n     * _.toNumber(Infinity);\n     * // => Infinity\n     *\n     * _.toNumber('3.2');\n     * // => 3.2\n     */\n    function toNumber(value) {\n      if (typeof value == 'number') {\n        return value;\n      }\n      if (isSymbol(value)) {\n        return NAN;\n      }\n      if (isObject(value)) {\n        var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n        value = isObject(other) ? (other + '') : other;\n      }\n      if (typeof value != 'string') {\n        return value === 0 ? value : +value;\n      }\n      value = baseTrim(value);\n      var isBinary = reIsBinary.test(value);\n      return (isBinary || reIsOctal.test(value))\n        ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n        : (reIsBadHex.test(value) ? NAN : +value);\n    }\n\n    /**\n     * Converts `value` to a plain object flattening inherited enumerable string\n     * keyed properties of `value` to own properties of the plain object.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {Object} Returns the converted plain object.\n     * @example\n     *\n     * function Foo() {\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.assign({ 'a': 1 }, new Foo);\n     * // => { 'a': 1, 'b': 2 }\n     *\n     * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));\n     * // => { 'a': 1, 'b': 2, 'c': 3 }\n     */\n    function toPlainObject(value) {\n      return copyObject(value, keysIn(value));\n    }\n\n    /**\n     * Converts `value` to a safe integer. A safe integer can be compared and\n     * represented correctly.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {number} Returns the converted integer.\n     * @example\n     *\n     * _.toSafeInteger(3.2);\n     * // => 3\n     *\n     * _.toSafeInteger(Number.MIN_VALUE);\n     * // => 0\n     *\n     * _.toSafeInteger(Infinity);\n     * // => 9007199254740991\n     *\n     * _.toSafeInteger('3.2');\n     * // => 3\n     */\n    function toSafeInteger(value) {\n      return value\n        ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER)\n        : (value === 0 ? value : 0);\n    }\n\n    /**\n     * Converts `value` to a string. An empty string is returned for `null`\n     * and `undefined` values. The sign of `-0` is preserved.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Lang\n     * @param {*} value The value to convert.\n     * @returns {string} Returns the converted string.\n     * @example\n     *\n     * _.toString(null);\n     * // => ''\n     *\n     * _.toString(-0);\n     * // => '-0'\n     *\n     * _.toString([1, 2, 3]);\n     * // => '1,2,3'\n     */\n    function toString(value) {\n      return value == null ? '' : baseToString(value);\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Assigns own enumerable string keyed properties of source objects to the\n     * destination object. Source objects are applied from left to right.\n     * Subsequent sources overwrite property assignments of previous sources.\n     *\n     * **Note:** This method mutates `object` and is loosely based on\n     * [`Object.assign`](https://mdn.io/Object/assign).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.10.0\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} [sources] The source objects.\n     * @returns {Object} Returns `object`.\n     * @see _.assignIn\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     * }\n     *\n     * function Bar() {\n     *   this.c = 3;\n     * }\n     *\n     * Foo.prototype.b = 2;\n     * Bar.prototype.d = 4;\n     *\n     * _.assign({ 'a': 0 }, new Foo, new Bar);\n     * // => { 'a': 1, 'c': 3 }\n     */\n    var assign = createAssigner(function(object, source) {\n      if (isPrototype(source) || isArrayLike(source)) {\n        copyObject(source, keys(source), object);\n        return;\n      }\n      for (var key in source) {\n        if (hasOwnProperty.call(source, key)) {\n          assignValue(object, key, source[key]);\n        }\n      }\n    });\n\n    /**\n     * This method is like `_.assign` except that it iterates over own and\n     * inherited source properties.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @alias extend\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} [sources] The source objects.\n     * @returns {Object} Returns `object`.\n     * @see _.assign\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     * }\n     *\n     * function Bar() {\n     *   this.c = 3;\n     * }\n     *\n     * Foo.prototype.b = 2;\n     * Bar.prototype.d = 4;\n     *\n     * _.assignIn({ 'a': 0 }, new Foo, new Bar);\n     * // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }\n     */\n    var assignIn = createAssigner(function(object, source) {\n      copyObject(source, keysIn(source), object);\n    });\n\n    /**\n     * This method is like `_.assignIn` except that it accepts `customizer`\n     * which is invoked to produce the assigned values. If `customizer` returns\n     * `undefined`, assignment is handled by the method instead. The `customizer`\n     * is invoked with five arguments: (objValue, srcValue, key, object, source).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @alias extendWith\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} sources The source objects.\n     * @param {Function} [customizer] The function to customize assigned values.\n     * @returns {Object} Returns `object`.\n     * @see _.assignWith\n     * @example\n     *\n     * function customizer(objValue, srcValue) {\n     *   return _.isUndefined(objValue) ? srcValue : objValue;\n     * }\n     *\n     * var defaults = _.partialRight(_.assignInWith, customizer);\n     *\n     * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n     * // => { 'a': 1, 'b': 2 }\n     */\n    var assignInWith = createAssigner(function(object, source, srcIndex, customizer) {\n      copyObject(source, keysIn(source), object, customizer);\n    });\n\n    /**\n     * This method is like `_.assign` except that it accepts `customizer`\n     * which is invoked to produce the assigned values. If `customizer` returns\n     * `undefined`, assignment is handled by the method instead. The `customizer`\n     * is invoked with five arguments: (objValue, srcValue, key, object, source).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} sources The source objects.\n     * @param {Function} [customizer] The function to customize assigned values.\n     * @returns {Object} Returns `object`.\n     * @see _.assignInWith\n     * @example\n     *\n     * function customizer(objValue, srcValue) {\n     *   return _.isUndefined(objValue) ? srcValue : objValue;\n     * }\n     *\n     * var defaults = _.partialRight(_.assignWith, customizer);\n     *\n     * defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n     * // => { 'a': 1, 'b': 2 }\n     */\n    var assignWith = createAssigner(function(object, source, srcIndex, customizer) {\n      copyObject(source, keys(source), object, customizer);\n    });\n\n    /**\n     * Creates an array of values corresponding to `paths` of `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.0.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {...(string|string[])} [paths] The property paths to pick.\n     * @returns {Array} Returns the picked values.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 3 } }, 4] };\n     *\n     * _.at(object, ['a[0].b.c', 'a[1]']);\n     * // => [3, 4]\n     */\n    var at = flatRest(baseAt);\n\n    /**\n     * Creates an object that inherits from the `prototype` object. If a\n     * `properties` object is given, its own enumerable string keyed properties\n     * are assigned to the created object.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.3.0\n     * @category Object\n     * @param {Object} prototype The object to inherit from.\n     * @param {Object} [properties] The properties to assign to the object.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * function Shape() {\n     *   this.x = 0;\n     *   this.y = 0;\n     * }\n     *\n     * function Circle() {\n     *   Shape.call(this);\n     * }\n     *\n     * Circle.prototype = _.create(Shape.prototype, {\n     *   'constructor': Circle\n     * });\n     *\n     * var circle = new Circle;\n     * circle instanceof Circle;\n     * // => true\n     *\n     * circle instanceof Shape;\n     * // => true\n     */\n    function create(prototype, properties) {\n      var result = baseCreate(prototype);\n      return properties == null ? result : baseAssign(result, properties);\n    }\n\n    /**\n     * Assigns own and inherited enumerable string keyed properties of source\n     * objects to the destination object for all destination properties that\n     * resolve to `undefined`. Source objects are applied from left to right.\n     * Once a property is set, additional values of the same property are ignored.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} [sources] The source objects.\n     * @returns {Object} Returns `object`.\n     * @see _.defaultsDeep\n     * @example\n     *\n     * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });\n     * // => { 'a': 1, 'b': 2 }\n     */\n    var defaults = baseRest(function(object, sources) {\n      object = Object(object);\n\n      var index = -1;\n      var length = sources.length;\n      var guard = length > 2 ? sources[2] : undefined;\n\n      if (guard && isIterateeCall(sources[0], sources[1], guard)) {\n        length = 1;\n      }\n\n      while (++index < length) {\n        var source = sources[index];\n        var props = keysIn(source);\n        var propsIndex = -1;\n        var propsLength = props.length;\n\n        while (++propsIndex < propsLength) {\n          var key = props[propsIndex];\n          var value = object[key];\n\n          if (value === undefined ||\n              (eq(value, objectProto[key]) && !hasOwnProperty.call(object, key))) {\n            object[key] = source[key];\n          }\n        }\n      }\n\n      return object;\n    });\n\n    /**\n     * This method is like `_.defaults` except that it recursively assigns\n     * default properties.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.10.0\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} [sources] The source objects.\n     * @returns {Object} Returns `object`.\n     * @see _.defaults\n     * @example\n     *\n     * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });\n     * // => { 'a': { 'b': 2, 'c': 3 } }\n     */\n    var defaultsDeep = baseRest(function(args) {\n      args.push(undefined, customDefaultsMerge);\n      return apply(mergeWith, undefined, args);\n    });\n\n    /**\n     * This method is like `_.find` except that it returns the key of the first\n     * element `predicate` returns truthy for instead of the element itself.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.1.0\n     * @category Object\n     * @param {Object} object The object to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {string|undefined} Returns the key of the matched element,\n     *  else `undefined`.\n     * @example\n     *\n     * var users = {\n     *   'barney':  { 'age': 36, 'active': true },\n     *   'fred':    { 'age': 40, 'active': false },\n     *   'pebbles': { 'age': 1,  'active': true }\n     * };\n     *\n     * _.findKey(users, function(o) { return o.age < 40; });\n     * // => 'barney' (iteration order is not guaranteed)\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.findKey(users, { 'age': 1, 'active': true });\n     * // => 'pebbles'\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.findKey(users, ['active', false]);\n     * // => 'fred'\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.findKey(users, 'active');\n     * // => 'barney'\n     */\n    function findKey(object, predicate) {\n      return baseFindKey(object, getIteratee(predicate, 3), baseForOwn);\n    }\n\n    /**\n     * This method is like `_.findKey` except that it iterates over elements of\n     * a collection in the opposite order.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Object\n     * @param {Object} object The object to inspect.\n     * @param {Function} [predicate=_.identity] The function invoked per iteration.\n     * @returns {string|undefined} Returns the key of the matched element,\n     *  else `undefined`.\n     * @example\n     *\n     * var users = {\n     *   'barney':  { 'age': 36, 'active': true },\n     *   'fred':    { 'age': 40, 'active': false },\n     *   'pebbles': { 'age': 1,  'active': true }\n     * };\n     *\n     * _.findLastKey(users, function(o) { return o.age < 40; });\n     * // => returns 'pebbles' assuming `_.findKey` returns 'barney'\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.findLastKey(users, { 'age': 36, 'active': true });\n     * // => 'barney'\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.findLastKey(users, ['active', false]);\n     * // => 'fred'\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.findLastKey(users, 'active');\n     * // => 'pebbles'\n     */\n    function findLastKey(object, predicate) {\n      return baseFindKey(object, getIteratee(predicate, 3), baseForOwnRight);\n    }\n\n    /**\n     * Iterates over own and inherited enumerable string keyed properties of an\n     * object and invokes `iteratee` for each property. The iteratee is invoked\n     * with three arguments: (value, key, object). Iteratee functions may exit\n     * iteration early by explicitly returning `false`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.3.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     * @see _.forInRight\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.forIn(new Foo, function(value, key) {\n     *   console.log(key);\n     * });\n     * // => Logs 'a', 'b', then 'c' (iteration order is not guaranteed).\n     */\n    function forIn(object, iteratee) {\n      return object == null\n        ? object\n        : baseFor(object, getIteratee(iteratee, 3), keysIn);\n    }\n\n    /**\n     * This method is like `_.forIn` except that it iterates over properties of\n     * `object` in the opposite order.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     * @see _.forIn\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.forInRight(new Foo, function(value, key) {\n     *   console.log(key);\n     * });\n     * // => Logs 'c', 'b', then 'a' assuming `_.forIn` logs 'a', 'b', then 'c'.\n     */\n    function forInRight(object, iteratee) {\n      return object == null\n        ? object\n        : baseForRight(object, getIteratee(iteratee, 3), keysIn);\n    }\n\n    /**\n     * Iterates over own enumerable string keyed properties of an object and\n     * invokes `iteratee` for each property. The iteratee is invoked with three\n     * arguments: (value, key, object). Iteratee functions may exit iteration\n     * early by explicitly returning `false`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.3.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     * @see _.forOwnRight\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.forOwn(new Foo, function(value, key) {\n     *   console.log(key);\n     * });\n     * // => Logs 'a' then 'b' (iteration order is not guaranteed).\n     */\n    function forOwn(object, iteratee) {\n      return object && baseForOwn(object, getIteratee(iteratee, 3));\n    }\n\n    /**\n     * This method is like `_.forOwn` except that it iterates over properties of\n     * `object` in the opposite order.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.0.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns `object`.\n     * @see _.forOwn\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.forOwnRight(new Foo, function(value, key) {\n     *   console.log(key);\n     * });\n     * // => Logs 'b' then 'a' assuming `_.forOwn` logs 'a' then 'b'.\n     */\n    function forOwnRight(object, iteratee) {\n      return object && baseForOwnRight(object, getIteratee(iteratee, 3));\n    }\n\n    /**\n     * Creates an array of function property names from own enumerable properties\n     * of `object`.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The object to inspect.\n     * @returns {Array} Returns the function names.\n     * @see _.functionsIn\n     * @example\n     *\n     * function Foo() {\n     *   this.a = _.constant('a');\n     *   this.b = _.constant('b');\n     * }\n     *\n     * Foo.prototype.c = _.constant('c');\n     *\n     * _.functions(new Foo);\n     * // => ['a', 'b']\n     */\n    function functions(object) {\n      return object == null ? [] : baseFunctions(object, keys(object));\n    }\n\n    /**\n     * Creates an array of function property names from own and inherited\n     * enumerable properties of `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The object to inspect.\n     * @returns {Array} Returns the function names.\n     * @see _.functions\n     * @example\n     *\n     * function Foo() {\n     *   this.a = _.constant('a');\n     *   this.b = _.constant('b');\n     * }\n     *\n     * Foo.prototype.c = _.constant('c');\n     *\n     * _.functionsIn(new Foo);\n     * // => ['a', 'b', 'c']\n     */\n    function functionsIn(object) {\n      return object == null ? [] : baseFunctions(object, keysIn(object));\n    }\n\n    /**\n     * Gets the value at `path` of `object`. If the resolved value is\n     * `undefined`, the `defaultValue` is returned in its place.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.7.0\n     * @category Object\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path of the property to get.\n     * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n     * @returns {*} Returns the resolved value.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n     *\n     * _.get(object, 'a[0].b.c');\n     * // => 3\n     *\n     * _.get(object, ['a', '0', 'b', 'c']);\n     * // => 3\n     *\n     * _.get(object, 'a.b.c', 'default');\n     * // => 'default'\n     */\n    function get(object, path, defaultValue) {\n      var result = object == null ? undefined : baseGet(object, path);\n      return result === undefined ? defaultValue : result;\n    }\n\n    /**\n     * Checks if `path` is a direct property of `object`.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path to check.\n     * @returns {boolean} Returns `true` if `path` exists, else `false`.\n     * @example\n     *\n     * var object = { 'a': { 'b': 2 } };\n     * var other = _.create({ 'a': _.create({ 'b': 2 }) });\n     *\n     * _.has(object, 'a');\n     * // => true\n     *\n     * _.has(object, 'a.b');\n     * // => true\n     *\n     * _.has(object, ['a', 'b']);\n     * // => true\n     *\n     * _.has(other, 'a');\n     * // => false\n     */\n    function has(object, path) {\n      return object != null && hasPath(object, path, baseHas);\n    }\n\n    /**\n     * Checks if `path` is a direct or inherited property of `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path to check.\n     * @returns {boolean} Returns `true` if `path` exists, else `false`.\n     * @example\n     *\n     * var object = _.create({ 'a': _.create({ 'b': 2 }) });\n     *\n     * _.hasIn(object, 'a');\n     * // => true\n     *\n     * _.hasIn(object, 'a.b');\n     * // => true\n     *\n     * _.hasIn(object, ['a', 'b']);\n     * // => true\n     *\n     * _.hasIn(object, 'b');\n     * // => false\n     */\n    function hasIn(object, path) {\n      return object != null && hasPath(object, path, baseHasIn);\n    }\n\n    /**\n     * Creates an object composed of the inverted keys and values of `object`.\n     * If `object` contains duplicate values, subsequent values overwrite\n     * property assignments of previous values.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.7.0\n     * @category Object\n     * @param {Object} object The object to invert.\n     * @returns {Object} Returns the new inverted object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': 2, 'c': 1 };\n     *\n     * _.invert(object);\n     * // => { '1': 'c', '2': 'b' }\n     */\n    var invert = createInverter(function(result, value, key) {\n      if (value != null &&\n          typeof value.toString != 'function') {\n        value = nativeObjectToString.call(value);\n      }\n\n      result[value] = key;\n    }, constant(identity));\n\n    /**\n     * This method is like `_.invert` except that the inverted object is generated\n     * from the results of running each element of `object` thru `iteratee`. The\n     * corresponding inverted value of each inverted key is an array of keys\n     * responsible for generating the inverted value. The iteratee is invoked\n     * with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.1.0\n     * @category Object\n     * @param {Object} object The object to invert.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {Object} Returns the new inverted object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': 2, 'c': 1 };\n     *\n     * _.invertBy(object);\n     * // => { '1': ['a', 'c'], '2': ['b'] }\n     *\n     * _.invertBy(object, function(value) {\n     *   return 'group' + value;\n     * });\n     * // => { 'group1': ['a', 'c'], 'group2': ['b'] }\n     */\n    var invertBy = createInverter(function(result, value, key) {\n      if (value != null &&\n          typeof value.toString != 'function') {\n        value = nativeObjectToString.call(value);\n      }\n\n      if (hasOwnProperty.call(result, value)) {\n        result[value].push(key);\n      } else {\n        result[value] = [key];\n      }\n    }, getIteratee);\n\n    /**\n     * Invokes the method at `path` of `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path of the method to invoke.\n     * @param {...*} [args] The arguments to invoke the method with.\n     * @returns {*} Returns the result of the invoked method.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': [1, 2, 3, 4] } }] };\n     *\n     * _.invoke(object, 'a[0].b.c.slice', 1, 3);\n     * // => [2, 3]\n     */\n    var invoke = baseRest(baseInvoke);\n\n    /**\n     * Creates an array of the own enumerable property names of `object`.\n     *\n     * **Note:** Non-object values are coerced to objects. See the\n     * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n     * for more details.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.keys(new Foo);\n     * // => ['a', 'b'] (iteration order is not guaranteed)\n     *\n     * _.keys('hi');\n     * // => ['0', '1']\n     */\n    function keys(object) {\n      return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n    }\n\n    /**\n     * Creates an array of the own and inherited enumerable property names of `object`.\n     *\n     * **Note:** Non-object values are coerced to objects.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property names.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.keysIn(new Foo);\n     * // => ['a', 'b', 'c'] (iteration order is not guaranteed)\n     */\n    function keysIn(object) {\n      return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);\n    }\n\n    /**\n     * The opposite of `_.mapValues`; this method creates an object with the\n     * same values as `object` and keys generated by running each own enumerable\n     * string keyed property of `object` thru `iteratee`. The iteratee is invoked\n     * with three arguments: (value, key, object).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.8.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns the new mapped object.\n     * @see _.mapValues\n     * @example\n     *\n     * _.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) {\n     *   return key + value;\n     * });\n     * // => { 'a1': 1, 'b2': 2 }\n     */\n    function mapKeys(object, iteratee) {\n      var result = {};\n      iteratee = getIteratee(iteratee, 3);\n\n      baseForOwn(object, function(value, key, object) {\n        baseAssignValue(result, iteratee(value, key, object), value);\n      });\n      return result;\n    }\n\n    /**\n     * Creates an object with the same keys as `object` and values generated\n     * by running each own enumerable string keyed property of `object` thru\n     * `iteratee`. The iteratee is invoked with three arguments:\n     * (value, key, object).\n     *\n     * @static\n     * @memberOf _\n     * @since 2.4.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Object} Returns the new mapped object.\n     * @see _.mapKeys\n     * @example\n     *\n     * var users = {\n     *   'fred':    { 'user': 'fred',    'age': 40 },\n     *   'pebbles': { 'user': 'pebbles', 'age': 1 }\n     * };\n     *\n     * _.mapValues(users, function(o) { return o.age; });\n     * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.mapValues(users, 'age');\n     * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)\n     */\n    function mapValues(object, iteratee) {\n      var result = {};\n      iteratee = getIteratee(iteratee, 3);\n\n      baseForOwn(object, function(value, key, object) {\n        baseAssignValue(result, key, iteratee(value, key, object));\n      });\n      return result;\n    }\n\n    /**\n     * This method is like `_.assign` except that it recursively merges own and\n     * inherited enumerable string keyed properties of source objects into the\n     * destination object. Source properties that resolve to `undefined` are\n     * skipped if a destination value exists. Array and plain object properties\n     * are merged recursively. Other objects and value types are overridden by\n     * assignment. Source objects are applied from left to right. Subsequent\n     * sources overwrite property assignments of previous sources.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.5.0\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} [sources] The source objects.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var object = {\n     *   'a': [{ 'b': 2 }, { 'd': 4 }]\n     * };\n     *\n     * var other = {\n     *   'a': [{ 'c': 3 }, { 'e': 5 }]\n     * };\n     *\n     * _.merge(object, other);\n     * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }\n     */\n    var merge = createAssigner(function(object, source, srcIndex) {\n      baseMerge(object, source, srcIndex);\n    });\n\n    /**\n     * This method is like `_.merge` except that it accepts `customizer` which\n     * is invoked to produce the merged values of the destination and source\n     * properties. If `customizer` returns `undefined`, merging is handled by the\n     * method instead. The `customizer` is invoked with six arguments:\n     * (objValue, srcValue, key, object, source, stack).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The destination object.\n     * @param {...Object} sources The source objects.\n     * @param {Function} customizer The function to customize assigned values.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * function customizer(objValue, srcValue) {\n     *   if (_.isArray(objValue)) {\n     *     return objValue.concat(srcValue);\n     *   }\n     * }\n     *\n     * var object = { 'a': [1], 'b': [2] };\n     * var other = { 'a': [3], 'b': [4] };\n     *\n     * _.mergeWith(object, other, customizer);\n     * // => { 'a': [1, 3], 'b': [2, 4] }\n     */\n    var mergeWith = createAssigner(function(object, source, srcIndex, customizer) {\n      baseMerge(object, source, srcIndex, customizer);\n    });\n\n    /**\n     * The opposite of `_.pick`; this method creates an object composed of the\n     * own and inherited enumerable property paths of `object` that are not omitted.\n     *\n     * **Note:** This method is considerably slower than `_.pick`.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The source object.\n     * @param {...(string|string[])} [paths] The property paths to omit.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': '2', 'c': 3 };\n     *\n     * _.omit(object, ['a', 'c']);\n     * // => { 'b': '2' }\n     */\n    var omit = flatRest(function(object, paths) {\n      var result = {};\n      if (object == null) {\n        return result;\n      }\n      var isDeep = false;\n      paths = arrayMap(paths, function(path) {\n        path = castPath(path, object);\n        isDeep || (isDeep = path.length > 1);\n        return path;\n      });\n      copyObject(object, getAllKeysIn(object), result);\n      if (isDeep) {\n        result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);\n      }\n      var length = paths.length;\n      while (length--) {\n        baseUnset(result, paths[length]);\n      }\n      return result;\n    });\n\n    /**\n     * The opposite of `_.pickBy`; this method creates an object composed of\n     * the own and inherited enumerable string keyed properties of `object` that\n     * `predicate` doesn't return truthy for. The predicate is invoked with two\n     * arguments: (value, key).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The source object.\n     * @param {Function} [predicate=_.identity] The function invoked per property.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': '2', 'c': 3 };\n     *\n     * _.omitBy(object, _.isNumber);\n     * // => { 'b': '2' }\n     */\n    function omitBy(object, predicate) {\n      return pickBy(object, negate(getIteratee(predicate)));\n    }\n\n    /**\n     * Creates an object composed of the picked `object` properties.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The source object.\n     * @param {...(string|string[])} [paths] The property paths to pick.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': '2', 'c': 3 };\n     *\n     * _.pick(object, ['a', 'c']);\n     * // => { 'a': 1, 'c': 3 }\n     */\n    var pick = flatRest(function(object, paths) {\n      return object == null ? {} : basePick(object, paths);\n    });\n\n    /**\n     * Creates an object composed of the `object` properties `predicate` returns\n     * truthy for. The predicate is invoked with two arguments: (value, key).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The source object.\n     * @param {Function} [predicate=_.identity] The function invoked per property.\n     * @returns {Object} Returns the new object.\n     * @example\n     *\n     * var object = { 'a': 1, 'b': '2', 'c': 3 };\n     *\n     * _.pickBy(object, _.isNumber);\n     * // => { 'a': 1, 'c': 3 }\n     */\n    function pickBy(object, predicate) {\n      if (object == null) {\n        return {};\n      }\n      var props = arrayMap(getAllKeysIn(object), function(prop) {\n        return [prop];\n      });\n      predicate = getIteratee(predicate);\n      return basePickBy(object, props, function(value, path) {\n        return predicate(value, path[0]);\n      });\n    }\n\n    /**\n     * This method is like `_.get` except that if the resolved value is a\n     * function it's invoked with the `this` binding of its parent object and\n     * its result is returned.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The object to query.\n     * @param {Array|string} path The path of the property to resolve.\n     * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n     * @returns {*} Returns the resolved value.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] };\n     *\n     * _.result(object, 'a[0].b.c1');\n     * // => 3\n     *\n     * _.result(object, 'a[0].b.c2');\n     * // => 4\n     *\n     * _.result(object, 'a[0].b.c3', 'default');\n     * // => 'default'\n     *\n     * _.result(object, 'a[0].b.c3', _.constant('default'));\n     * // => 'default'\n     */\n    function result(object, path, defaultValue) {\n      path = castPath(path, object);\n\n      var index = -1,\n          length = path.length;\n\n      // Ensure the loop is entered when path is empty.\n      if (!length) {\n        length = 1;\n        object = undefined;\n      }\n      while (++index < length) {\n        var value = object == null ? undefined : object[toKey(path[index])];\n        if (value === undefined) {\n          index = length;\n          value = defaultValue;\n        }\n        object = isFunction(value) ? value.call(object) : value;\n      }\n      return object;\n    }\n\n    /**\n     * Sets the value at `path` of `object`. If a portion of `path` doesn't exist,\n     * it's created. Arrays are created for missing index properties while objects\n     * are created for all other missing properties. Use `_.setWith` to customize\n     * `path` creation.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.7.0\n     * @category Object\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to set.\n     * @param {*} value The value to set.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n     *\n     * _.set(object, 'a[0].b.c', 4);\n     * console.log(object.a[0].b.c);\n     * // => 4\n     *\n     * _.set(object, ['x', '0', 'y', 'z'], 5);\n     * console.log(object.x[0].y.z);\n     * // => 5\n     */\n    function set(object, path, value) {\n      return object == null ? object : baseSet(object, path, value);\n    }\n\n    /**\n     * This method is like `_.set` except that it accepts `customizer` which is\n     * invoked to produce the objects of `path`.  If `customizer` returns `undefined`\n     * path creation is handled by the method instead. The `customizer` is invoked\n     * with three arguments: (nsValue, key, nsObject).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to set.\n     * @param {*} value The value to set.\n     * @param {Function} [customizer] The function to customize assigned values.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var object = {};\n     *\n     * _.setWith(object, '[0][1]', 'a', Object);\n     * // => { '0': { '1': 'a' } }\n     */\n    function setWith(object, path, value, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      return object == null ? object : baseSet(object, path, value, customizer);\n    }\n\n    /**\n     * Creates an array of own enumerable string keyed-value pairs for `object`\n     * which can be consumed by `_.fromPairs`. If `object` is a map or set, its\n     * entries are returned.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @alias entries\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the key-value pairs.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.toPairs(new Foo);\n     * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed)\n     */\n    var toPairs = createToPairs(keys);\n\n    /**\n     * Creates an array of own and inherited enumerable string keyed-value pairs\n     * for `object` which can be consumed by `_.fromPairs`. If `object` is a map\n     * or set, its entries are returned.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @alias entriesIn\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the key-value pairs.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.toPairsIn(new Foo);\n     * // => [['a', 1], ['b', 2], ['c', 3]] (iteration order is not guaranteed)\n     */\n    var toPairsIn = createToPairs(keysIn);\n\n    /**\n     * An alternative to `_.reduce`; this method transforms `object` to a new\n     * `accumulator` object which is the result of running each of its own\n     * enumerable string keyed properties thru `iteratee`, with each invocation\n     * potentially mutating the `accumulator` object. If `accumulator` is not\n     * provided, a new object with the same `[[Prototype]]` will be used. The\n     * iteratee is invoked with four arguments: (accumulator, value, key, object).\n     * Iteratee functions may exit iteration early by explicitly returning `false`.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.3.0\n     * @category Object\n     * @param {Object} object The object to iterate over.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @param {*} [accumulator] The custom accumulator value.\n     * @returns {*} Returns the accumulated value.\n     * @example\n     *\n     * _.transform([2, 3, 4], function(result, n) {\n     *   result.push(n *= n);\n     *   return n % 2 == 0;\n     * }, []);\n     * // => [4, 9]\n     *\n     * _.transform({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) {\n     *   (result[value] || (result[value] = [])).push(key);\n     * }, {});\n     * // => { '1': ['a', 'c'], '2': ['b'] }\n     */\n    function transform(object, iteratee, accumulator) {\n      var isArr = isArray(object),\n          isArrLike = isArr || isBuffer(object) || isTypedArray(object);\n\n      iteratee = getIteratee(iteratee, 4);\n      if (accumulator == null) {\n        var Ctor = object && object.constructor;\n        if (isArrLike) {\n          accumulator = isArr ? new Ctor : [];\n        }\n        else if (isObject(object)) {\n          accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object)) : {};\n        }\n        else {\n          accumulator = {};\n        }\n      }\n      (isArrLike ? arrayEach : baseForOwn)(object, function(value, index, object) {\n        return iteratee(accumulator, value, index, object);\n      });\n      return accumulator;\n    }\n\n    /**\n     * Removes the property at `path` of `object`.\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Object\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to unset.\n     * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 7 } }] };\n     * _.unset(object, 'a[0].b.c');\n     * // => true\n     *\n     * console.log(object);\n     * // => { 'a': [{ 'b': {} }] };\n     *\n     * _.unset(object, ['a', '0', 'b', 'c']);\n     * // => true\n     *\n     * console.log(object);\n     * // => { 'a': [{ 'b': {} }] };\n     */\n    function unset(object, path) {\n      return object == null ? true : baseUnset(object, path);\n    }\n\n    /**\n     * This method is like `_.set` except that accepts `updater` to produce the\n     * value to set. Use `_.updateWith` to customize `path` creation. The `updater`\n     * is invoked with one argument: (value).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.6.0\n     * @category Object\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to set.\n     * @param {Function} updater The function to produce the updated value.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n     *\n     * _.update(object, 'a[0].b.c', function(n) { return n * n; });\n     * console.log(object.a[0].b.c);\n     * // => 9\n     *\n     * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; });\n     * console.log(object.x[0].y.z);\n     * // => 0\n     */\n    function update(object, path, updater) {\n      return object == null ? object : baseUpdate(object, path, castFunction(updater));\n    }\n\n    /**\n     * This method is like `_.update` except that it accepts `customizer` which is\n     * invoked to produce the objects of `path`.  If `customizer` returns `undefined`\n     * path creation is handled by the method instead. The `customizer` is invoked\n     * with three arguments: (nsValue, key, nsObject).\n     *\n     * **Note:** This method mutates `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.6.0\n     * @category Object\n     * @param {Object} object The object to modify.\n     * @param {Array|string} path The path of the property to set.\n     * @param {Function} updater The function to produce the updated value.\n     * @param {Function} [customizer] The function to customize assigned values.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var object = {};\n     *\n     * _.updateWith(object, '[0][1]', _.constant('a'), Object);\n     * // => { '0': { '1': 'a' } }\n     */\n    function updateWith(object, path, updater, customizer) {\n      customizer = typeof customizer == 'function' ? customizer : undefined;\n      return object == null ? object : baseUpdate(object, path, castFunction(updater), customizer);\n    }\n\n    /**\n     * Creates an array of the own enumerable string keyed property values of `object`.\n     *\n     * **Note:** Non-object values are coerced to objects.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property values.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.values(new Foo);\n     * // => [1, 2] (iteration order is not guaranteed)\n     *\n     * _.values('hi');\n     * // => ['h', 'i']\n     */\n    function values(object) {\n      return object == null ? [] : baseValues(object, keys(object));\n    }\n\n    /**\n     * Creates an array of the own and inherited enumerable string keyed property\n     * values of `object`.\n     *\n     * **Note:** Non-object values are coerced to objects.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Object\n     * @param {Object} object The object to query.\n     * @returns {Array} Returns the array of property values.\n     * @example\n     *\n     * function Foo() {\n     *   this.a = 1;\n     *   this.b = 2;\n     * }\n     *\n     * Foo.prototype.c = 3;\n     *\n     * _.valuesIn(new Foo);\n     * // => [1, 2, 3] (iteration order is not guaranteed)\n     */\n    function valuesIn(object) {\n      return object == null ? [] : baseValues(object, keysIn(object));\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Clamps `number` within the inclusive `lower` and `upper` bounds.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Number\n     * @param {number} number The number to clamp.\n     * @param {number} [lower] The lower bound.\n     * @param {number} upper The upper bound.\n     * @returns {number} Returns the clamped number.\n     * @example\n     *\n     * _.clamp(-10, -5, 5);\n     * // => -5\n     *\n     * _.clamp(10, -5, 5);\n     * // => 5\n     */\n    function clamp(number, lower, upper) {\n      if (upper === undefined) {\n        upper = lower;\n        lower = undefined;\n      }\n      if (upper !== undefined) {\n        upper = toNumber(upper);\n        upper = upper === upper ? upper : 0;\n      }\n      if (lower !== undefined) {\n        lower = toNumber(lower);\n        lower = lower === lower ? lower : 0;\n      }\n      return baseClamp(toNumber(number), lower, upper);\n    }\n\n    /**\n     * Checks if `n` is between `start` and up to, but not including, `end`. If\n     * `end` is not specified, it's set to `start` with `start` then set to `0`.\n     * If `start` is greater than `end` the params are swapped to support\n     * negative ranges.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.3.0\n     * @category Number\n     * @param {number} number The number to check.\n     * @param {number} [start=0] The start of the range.\n     * @param {number} end The end of the range.\n     * @returns {boolean} Returns `true` if `number` is in the range, else `false`.\n     * @see _.range, _.rangeRight\n     * @example\n     *\n     * _.inRange(3, 2, 4);\n     * // => true\n     *\n     * _.inRange(4, 8);\n     * // => true\n     *\n     * _.inRange(4, 2);\n     * // => false\n     *\n     * _.inRange(2, 2);\n     * // => false\n     *\n     * _.inRange(1.2, 2);\n     * // => true\n     *\n     * _.inRange(5.2, 4);\n     * // => false\n     *\n     * _.inRange(-3, -2, -6);\n     * // => true\n     */\n    function inRange(number, start, end) {\n      start = toFinite(start);\n      if (end === undefined) {\n        end = start;\n        start = 0;\n      } else {\n        end = toFinite(end);\n      }\n      number = toNumber(number);\n      return baseInRange(number, start, end);\n    }\n\n    /**\n     * Produces a random number between the inclusive `lower` and `upper` bounds.\n     * If only one argument is provided a number between `0` and the given number\n     * is returned. If `floating` is `true`, or either `lower` or `upper` are\n     * floats, a floating-point number is returned instead of an integer.\n     *\n     * **Note:** JavaScript follows the IEEE-754 standard for resolving\n     * floating-point values which can produce unexpected results.\n     *\n     * @static\n     * @memberOf _\n     * @since 0.7.0\n     * @category Number\n     * @param {number} [lower=0] The lower bound.\n     * @param {number} [upper=1] The upper bound.\n     * @param {boolean} [floating] Specify returning a floating-point number.\n     * @returns {number} Returns the random number.\n     * @example\n     *\n     * _.random(0, 5);\n     * // => an integer between 0 and 5\n     *\n     * _.random(5);\n     * // => also an integer between 0 and 5\n     *\n     * _.random(5, true);\n     * // => a floating-point number between 0 and 5\n     *\n     * _.random(1.2, 5.2);\n     * // => a floating-point number between 1.2 and 5.2\n     */\n    function random(lower, upper, floating) {\n      if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) {\n        upper = floating = undefined;\n      }\n      if (floating === undefined) {\n        if (typeof upper == 'boolean') {\n          floating = upper;\n          upper = undefined;\n        }\n        else if (typeof lower == 'boolean') {\n          floating = lower;\n          lower = undefined;\n        }\n      }\n      if (lower === undefined && upper === undefined) {\n        lower = 0;\n        upper = 1;\n      }\n      else {\n        lower = toFinite(lower);\n        if (upper === undefined) {\n          upper = lower;\n          lower = 0;\n        } else {\n          upper = toFinite(upper);\n        }\n      }\n      if (lower > upper) {\n        var temp = lower;\n        lower = upper;\n        upper = temp;\n      }\n      if (floating || lower % 1 || upper % 1) {\n        var rand = nativeRandom();\n        return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper);\n      }\n      return baseRandom(lower, upper);\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the camel cased string.\n     * @example\n     *\n     * _.camelCase('Foo Bar');\n     * // => 'fooBar'\n     *\n     * _.camelCase('--foo-bar--');\n     * // => 'fooBar'\n     *\n     * _.camelCase('__FOO_BAR__');\n     * // => 'fooBar'\n     */\n    var camelCase = createCompounder(function(result, word, index) {\n      word = word.toLowerCase();\n      return result + (index ? capitalize(word) : word);\n    });\n\n    /**\n     * Converts the first character of `string` to upper case and the remaining\n     * to lower case.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to capitalize.\n     * @returns {string} Returns the capitalized string.\n     * @example\n     *\n     * _.capitalize('FRED');\n     * // => 'Fred'\n     */\n    function capitalize(string) {\n      return upperFirst(toString(string).toLowerCase());\n    }\n\n    /**\n     * Deburrs `string` by converting\n     * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n     * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n     * letters to basic Latin letters and removing\n     * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to deburr.\n     * @returns {string} Returns the deburred string.\n     * @example\n     *\n     * _.deburr('déjà vu');\n     * // => 'deja vu'\n     */\n    function deburr(string) {\n      string = toString(string);\n      return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');\n    }\n\n    /**\n     * Checks if `string` ends with the given target string.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to inspect.\n     * @param {string} [target] The string to search for.\n     * @param {number} [position=string.length] The position to search up to.\n     * @returns {boolean} Returns `true` if `string` ends with `target`,\n     *  else `false`.\n     * @example\n     *\n     * _.endsWith('abc', 'c');\n     * // => true\n     *\n     * _.endsWith('abc', 'b');\n     * // => false\n     *\n     * _.endsWith('abc', 'b', 2);\n     * // => true\n     */\n    function endsWith(string, target, position) {\n      string = toString(string);\n      target = baseToString(target);\n\n      var length = string.length;\n      position = position === undefined\n        ? length\n        : baseClamp(toInteger(position), 0, length);\n\n      var end = position;\n      position -= target.length;\n      return position >= 0 && string.slice(position, end) == target;\n    }\n\n    /**\n     * Converts the characters \"&\", \"<\", \">\", '\"', and \"'\" in `string` to their\n     * corresponding HTML entities.\n     *\n     * **Note:** No other characters are escaped. To escape additional\n     * characters use a third-party library like [_he_](https://mths.be/he).\n     *\n     * Though the \">\" character is escaped for symmetry, characters like\n     * \">\" and \"/\" don't need escaping in HTML and have no special meaning\n     * unless they're part of a tag or unquoted attribute value. See\n     * [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)\n     * (under \"semi-related fun fact\") for more details.\n     *\n     * When working with HTML you should always\n     * [quote attribute values](http://wonko.com/post/html-escaping) to reduce\n     * XSS vectors.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category String\n     * @param {string} [string=''] The string to escape.\n     * @returns {string} Returns the escaped string.\n     * @example\n     *\n     * _.escape('fred, barney, & pebbles');\n     * // => 'fred, barney, &amp; pebbles'\n     */\n    function escape(string) {\n      string = toString(string);\n      return (string && reHasUnescapedHtml.test(string))\n        ? string.replace(reUnescapedHtml, escapeHtmlChar)\n        : string;\n    }\n\n    /**\n     * Escapes the `RegExp` special characters \"^\", \"$\", \"\\\", \".\", \"*\", \"+\",\n     * \"?\", \"(\", \")\", \"[\", \"]\", \"{\", \"}\", and \"|\" in `string`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to escape.\n     * @returns {string} Returns the escaped string.\n     * @example\n     *\n     * _.escapeRegExp('[lodash](https://lodash.com/)');\n     * // => '\\[lodash\\]\\(https://lodash\\.com/\\)'\n     */\n    function escapeRegExp(string) {\n      string = toString(string);\n      return (string && reHasRegExpChar.test(string))\n        ? string.replace(reRegExpChar, '\\\\$&')\n        : string;\n    }\n\n    /**\n     * Converts `string` to\n     * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the kebab cased string.\n     * @example\n     *\n     * _.kebabCase('Foo Bar');\n     * // => 'foo-bar'\n     *\n     * _.kebabCase('fooBar');\n     * // => 'foo-bar'\n     *\n     * _.kebabCase('__FOO_BAR__');\n     * // => 'foo-bar'\n     */\n    var kebabCase = createCompounder(function(result, word, index) {\n      return result + (index ? '-' : '') + word.toLowerCase();\n    });\n\n    /**\n     * Converts `string`, as space separated words, to lower case.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the lower cased string.\n     * @example\n     *\n     * _.lowerCase('--Foo-Bar--');\n     * // => 'foo bar'\n     *\n     * _.lowerCase('fooBar');\n     * // => 'foo bar'\n     *\n     * _.lowerCase('__FOO_BAR__');\n     * // => 'foo bar'\n     */\n    var lowerCase = createCompounder(function(result, word, index) {\n      return result + (index ? ' ' : '') + word.toLowerCase();\n    });\n\n    /**\n     * Converts the first character of `string` to lower case.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the converted string.\n     * @example\n     *\n     * _.lowerFirst('Fred');\n     * // => 'fred'\n     *\n     * _.lowerFirst('FRED');\n     * // => 'fRED'\n     */\n    var lowerFirst = createCaseFirst('toLowerCase');\n\n    /**\n     * Pads `string` on the left and right sides if it's shorter than `length`.\n     * Padding characters are truncated if they can't be evenly divided by `length`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to pad.\n     * @param {number} [length=0] The padding length.\n     * @param {string} [chars=' '] The string used as padding.\n     * @returns {string} Returns the padded string.\n     * @example\n     *\n     * _.pad('abc', 8);\n     * // => '  abc   '\n     *\n     * _.pad('abc', 8, '_-');\n     * // => '_-abc_-_'\n     *\n     * _.pad('abc', 3);\n     * // => 'abc'\n     */\n    function pad(string, length, chars) {\n      string = toString(string);\n      length = toInteger(length);\n\n      var strLength = length ? stringSize(string) : 0;\n      if (!length || strLength >= length) {\n        return string;\n      }\n      var mid = (length - strLength) / 2;\n      return (\n        createPadding(nativeFloor(mid), chars) +\n        string +\n        createPadding(nativeCeil(mid), chars)\n      );\n    }\n\n    /**\n     * Pads `string` on the right side if it's shorter than `length`. Padding\n     * characters are truncated if they exceed `length`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to pad.\n     * @param {number} [length=0] The padding length.\n     * @param {string} [chars=' '] The string used as padding.\n     * @returns {string} Returns the padded string.\n     * @example\n     *\n     * _.padEnd('abc', 6);\n     * // => 'abc   '\n     *\n     * _.padEnd('abc', 6, '_-');\n     * // => 'abc_-_'\n     *\n     * _.padEnd('abc', 3);\n     * // => 'abc'\n     */\n    function padEnd(string, length, chars) {\n      string = toString(string);\n      length = toInteger(length);\n\n      var strLength = length ? stringSize(string) : 0;\n      return (length && strLength < length)\n        ? (string + createPadding(length - strLength, chars))\n        : string;\n    }\n\n    /**\n     * Pads `string` on the left side if it's shorter than `length`. Padding\n     * characters are truncated if they exceed `length`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to pad.\n     * @param {number} [length=0] The padding length.\n     * @param {string} [chars=' '] The string used as padding.\n     * @returns {string} Returns the padded string.\n     * @example\n     *\n     * _.padStart('abc', 6);\n     * // => '   abc'\n     *\n     * _.padStart('abc', 6, '_-');\n     * // => '_-_abc'\n     *\n     * _.padStart('abc', 3);\n     * // => 'abc'\n     */\n    function padStart(string, length, chars) {\n      string = toString(string);\n      length = toInteger(length);\n\n      var strLength = length ? stringSize(string) : 0;\n      return (length && strLength < length)\n        ? (createPadding(length - strLength, chars) + string)\n        : string;\n    }\n\n    /**\n     * Converts `string` to an integer of the specified radix. If `radix` is\n     * `undefined` or `0`, a `radix` of `10` is used unless `value` is a\n     * hexadecimal, in which case a `radix` of `16` is used.\n     *\n     * **Note:** This method aligns with the\n     * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`.\n     *\n     * @static\n     * @memberOf _\n     * @since 1.1.0\n     * @category String\n     * @param {string} string The string to convert.\n     * @param {number} [radix=10] The radix to interpret `value` by.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {number} Returns the converted integer.\n     * @example\n     *\n     * _.parseInt('08');\n     * // => 8\n     *\n     * _.map(['6', '08', '10'], _.parseInt);\n     * // => [6, 8, 10]\n     */\n    function parseInt(string, radix, guard) {\n      if (guard || radix == null) {\n        radix = 0;\n      } else if (radix) {\n        radix = +radix;\n      }\n      return nativeParseInt(toString(string).replace(reTrimStart, ''), radix || 0);\n    }\n\n    /**\n     * Repeats the given string `n` times.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to repeat.\n     * @param {number} [n=1] The number of times to repeat the string.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {string} Returns the repeated string.\n     * @example\n     *\n     * _.repeat('*', 3);\n     * // => '***'\n     *\n     * _.repeat('abc', 2);\n     * // => 'abcabc'\n     *\n     * _.repeat('abc', 0);\n     * // => ''\n     */\n    function repeat(string, n, guard) {\n      if ((guard ? isIterateeCall(string, n, guard) : n === undefined)) {\n        n = 1;\n      } else {\n        n = toInteger(n);\n      }\n      return baseRepeat(toString(string), n);\n    }\n\n    /**\n     * Replaces matches for `pattern` in `string` with `replacement`.\n     *\n     * **Note:** This method is based on\n     * [`String#replace`](https://mdn.io/String/replace).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to modify.\n     * @param {RegExp|string} pattern The pattern to replace.\n     * @param {Function|string} replacement The match replacement.\n     * @returns {string} Returns the modified string.\n     * @example\n     *\n     * _.replace('Hi Fred', 'Fred', 'Barney');\n     * // => 'Hi Barney'\n     */\n    function replace() {\n      var args = arguments,\n          string = toString(args[0]);\n\n      return args.length < 3 ? string : string.replace(args[1], args[2]);\n    }\n\n    /**\n     * Converts `string` to\n     * [snake case](https://en.wikipedia.org/wiki/Snake_case).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the snake cased string.\n     * @example\n     *\n     * _.snakeCase('Foo Bar');\n     * // => 'foo_bar'\n     *\n     * _.snakeCase('fooBar');\n     * // => 'foo_bar'\n     *\n     * _.snakeCase('--FOO-BAR--');\n     * // => 'foo_bar'\n     */\n    var snakeCase = createCompounder(function(result, word, index) {\n      return result + (index ? '_' : '') + word.toLowerCase();\n    });\n\n    /**\n     * Splits `string` by `separator`.\n     *\n     * **Note:** This method is based on\n     * [`String#split`](https://mdn.io/String/split).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to split.\n     * @param {RegExp|string} separator The separator pattern to split by.\n     * @param {number} [limit] The length to truncate results to.\n     * @returns {Array} Returns the string segments.\n     * @example\n     *\n     * _.split('a-b-c', '-', 2);\n     * // => ['a', 'b']\n     */\n    function split(string, separator, limit) {\n      if (limit && typeof limit != 'number' && isIterateeCall(string, separator, limit)) {\n        separator = limit = undefined;\n      }\n      limit = limit === undefined ? MAX_ARRAY_LENGTH : limit >>> 0;\n      if (!limit) {\n        return [];\n      }\n      string = toString(string);\n      if (string && (\n            typeof separator == 'string' ||\n            (separator != null && !isRegExp(separator))\n          )) {\n        separator = baseToString(separator);\n        if (!separator && hasUnicode(string)) {\n          return castSlice(stringToArray(string), 0, limit);\n        }\n      }\n      return string.split(separator, limit);\n    }\n\n    /**\n     * Converts `string` to\n     * [start case](https://en.wikipedia.org/wiki/Letter_case#Stylistic_or_specialised_usage).\n     *\n     * @static\n     * @memberOf _\n     * @since 3.1.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the start cased string.\n     * @example\n     *\n     * _.startCase('--foo-bar--');\n     * // => 'Foo Bar'\n     *\n     * _.startCase('fooBar');\n     * // => 'Foo Bar'\n     *\n     * _.startCase('__FOO_BAR__');\n     * // => 'FOO BAR'\n     */\n    var startCase = createCompounder(function(result, word, index) {\n      return result + (index ? ' ' : '') + upperFirst(word);\n    });\n\n    /**\n     * Checks if `string` starts with the given target string.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to inspect.\n     * @param {string} [target] The string to search for.\n     * @param {number} [position=0] The position to search from.\n     * @returns {boolean} Returns `true` if `string` starts with `target`,\n     *  else `false`.\n     * @example\n     *\n     * _.startsWith('abc', 'a');\n     * // => true\n     *\n     * _.startsWith('abc', 'b');\n     * // => false\n     *\n     * _.startsWith('abc', 'b', 1);\n     * // => true\n     */\n    function startsWith(string, target, position) {\n      string = toString(string);\n      position = position == null\n        ? 0\n        : baseClamp(toInteger(position), 0, string.length);\n\n      target = baseToString(target);\n      return string.slice(position, position + target.length) == target;\n    }\n\n    /**\n     * Creates a compiled template function that can interpolate data properties\n     * in \"interpolate\" delimiters, HTML-escape interpolated data properties in\n     * \"escape\" delimiters, and execute JavaScript in \"evaluate\" delimiters. Data\n     * properties may be accessed as free variables in the template. If a setting\n     * object is given, it takes precedence over `_.templateSettings` values.\n     *\n     * **Note:** In the development build `_.template` utilizes\n     * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)\n     * for easier debugging.\n     *\n     * For more information on precompiling templates see\n     * [lodash's custom builds documentation](https://lodash.com/custom-builds).\n     *\n     * For more information on Chrome extension sandboxes see\n     * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category String\n     * @param {string} [string=''] The template string.\n     * @param {Object} [options={}] The options object.\n     * @param {RegExp} [options.escape=_.templateSettings.escape]\n     *  The HTML \"escape\" delimiter.\n     * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]\n     *  The \"evaluate\" delimiter.\n     * @param {Object} [options.imports=_.templateSettings.imports]\n     *  An object to import into the template as free variables.\n     * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]\n     *  The \"interpolate\" delimiter.\n     * @param {string} [options.sourceURL='lodash.templateSources[n]']\n     *  The sourceURL of the compiled template.\n     * @param {string} [options.variable='obj']\n     *  The data object variable name.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Function} Returns the compiled template function.\n     * @example\n     *\n     * // Use the \"interpolate\" delimiter to create a compiled template.\n     * var compiled = _.template('hello <%= user %>!');\n     * compiled({ 'user': 'fred' });\n     * // => 'hello fred!'\n     *\n     * // Use the HTML \"escape\" delimiter to escape data property values.\n     * var compiled = _.template('<b><%- value %></b>');\n     * compiled({ 'value': '<script>' });\n     * // => '<b>&lt;script&gt;</b>'\n     *\n     * // Use the \"evaluate\" delimiter to execute JavaScript and generate HTML.\n     * var compiled = _.template('<% _.forEach(users, function(user) { %><li><%- user %></li><% }); %>');\n     * compiled({ 'users': ['fred', 'barney'] });\n     * // => '<li>fred</li><li>barney</li>'\n     *\n     * // Use the internal `print` function in \"evaluate\" delimiters.\n     * var compiled = _.template('<% print(\"hello \" + user); %>!');\n     * compiled({ 'user': 'barney' });\n     * // => 'hello barney!'\n     *\n     * // Use the ES template literal delimiter as an \"interpolate\" delimiter.\n     * // Disable support by replacing the \"interpolate\" delimiter.\n     * var compiled = _.template('hello ${ user }!');\n     * compiled({ 'user': 'pebbles' });\n     * // => 'hello pebbles!'\n     *\n     * // Use backslashes to treat delimiters as plain text.\n     * var compiled = _.template('<%= \"\\\\<%- value %\\\\>\" %>');\n     * compiled({ 'value': 'ignored' });\n     * // => '<%- value %>'\n     *\n     * // Use the `imports` option to import `jQuery` as `jq`.\n     * var text = '<% jq.each(users, function(user) { %><li><%- user %></li><% }); %>';\n     * var compiled = _.template(text, { 'imports': { 'jq': jQuery } });\n     * compiled({ 'users': ['fred', 'barney'] });\n     * // => '<li>fred</li><li>barney</li>'\n     *\n     * // Use the `sourceURL` option to specify a custom sourceURL for the template.\n     * var compiled = _.template('hello <%= user %>!', { 'sourceURL': '/basic/greeting.jst' });\n     * compiled(data);\n     * // => Find the source of \"greeting.jst\" under the Sources tab or Resources panel of the web inspector.\n     *\n     * // Use the `variable` option to ensure a with-statement isn't used in the compiled template.\n     * var compiled = _.template('hi <%= data.user %>!', { 'variable': 'data' });\n     * compiled.source;\n     * // => function(data) {\n     * //   var __t, __p = '';\n     * //   __p += 'hi ' + ((__t = ( data.user )) == null ? '' : __t) + '!';\n     * //   return __p;\n     * // }\n     *\n     * // Use custom template delimiters.\n     * _.templateSettings.interpolate = /{{([\\s\\S]+?)}}/g;\n     * var compiled = _.template('hello {{ user }}!');\n     * compiled({ 'user': 'mustache' });\n     * // => 'hello mustache!'\n     *\n     * // Use the `source` property to inline compiled templates for meaningful\n     * // line numbers in error messages and stack traces.\n     * fs.writeFileSync(path.join(process.cwd(), 'jst.js'), '\\\n     *   var JST = {\\\n     *     \"main\": ' + _.template(mainText).source + '\\\n     *   };\\\n     * ');\n     */\n    function template(string, options, guard) {\n      // Based on John Resig's `tmpl` implementation\n      // (http://ejohn.org/blog/javascript-micro-templating/)\n      // and Laura Doktorova's doT.js (https://github.com/olado/doT).\n      var settings = lodash.templateSettings;\n\n      if (guard && isIterateeCall(string, options, guard)) {\n        options = undefined;\n      }\n      string = toString(string);\n      options = assignInWith({}, options, settings, customDefaultsAssignIn);\n\n      var imports = assignInWith({}, options.imports, settings.imports, customDefaultsAssignIn),\n          importsKeys = keys(imports),\n          importsValues = baseValues(imports, importsKeys);\n\n      var isEscaping,\n          isEvaluating,\n          index = 0,\n          interpolate = options.interpolate || reNoMatch,\n          source = \"__p += '\";\n\n      // Compile the regexp to match each delimiter.\n      var reDelimiters = RegExp(\n        (options.escape || reNoMatch).source + '|' +\n        interpolate.source + '|' +\n        (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + '|' +\n        (options.evaluate || reNoMatch).source + '|$'\n      , 'g');\n\n      // Use a sourceURL for easier debugging.\n      // The sourceURL gets injected into the source that's eval-ed, so be careful\n      // to normalize all kinds of whitespace, so e.g. newlines (and unicode versions of it) can't sneak in\n      // and escape the comment, thus injecting code that gets evaled.\n      var sourceURL = '//# sourceURL=' +\n        (hasOwnProperty.call(options, 'sourceURL')\n          ? (options.sourceURL + '').replace(/\\s/g, ' ')\n          : ('lodash.templateSources[' + (++templateCounter) + ']')\n        ) + '\\n';\n\n      string.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {\n        interpolateValue || (interpolateValue = esTemplateValue);\n\n        // Escape characters that can't be included in string literals.\n        source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);\n\n        // Replace delimiters with snippets.\n        if (escapeValue) {\n          isEscaping = true;\n          source += \"' +\\n__e(\" + escapeValue + \") +\\n'\";\n        }\n        if (evaluateValue) {\n          isEvaluating = true;\n          source += \"';\\n\" + evaluateValue + \";\\n__p += '\";\n        }\n        if (interpolateValue) {\n          source += \"' +\\n((__t = (\" + interpolateValue + \")) == null ? '' : __t) +\\n'\";\n        }\n        index = offset + match.length;\n\n        // The JS engine embedded in Adobe products needs `match` returned in\n        // order to produce the correct `offset` value.\n        return match;\n      });\n\n      source += \"';\\n\";\n\n      // If `variable` is not specified wrap a with-statement around the generated\n      // code to add the data object to the top of the scope chain.\n      var variable = hasOwnProperty.call(options, 'variable') && options.variable;\n      if (!variable) {\n        source = 'with (obj) {\\n' + source + '\\n}\\n';\n      }\n      // Throw an error if a forbidden character was found in `variable`, to prevent\n      // potential command injection attacks.\n      else if (reForbiddenIdentifierChars.test(variable)) {\n        throw new Error(INVALID_TEMPL_VAR_ERROR_TEXT);\n      }\n\n      // Cleanup code by stripping empty strings.\n      source = (isEvaluating ? source.replace(reEmptyStringLeading, '') : source)\n        .replace(reEmptyStringMiddle, '$1')\n        .replace(reEmptyStringTrailing, '$1;');\n\n      // Frame code as the function body.\n      source = 'function(' + (variable || 'obj') + ') {\\n' +\n        (variable\n          ? ''\n          : 'obj || (obj = {});\\n'\n        ) +\n        \"var __t, __p = ''\" +\n        (isEscaping\n           ? ', __e = _.escape'\n           : ''\n        ) +\n        (isEvaluating\n          ? ', __j = Array.prototype.join;\\n' +\n            \"function print() { __p += __j.call(arguments, '') }\\n\"\n          : ';\\n'\n        ) +\n        source +\n        'return __p\\n}';\n\n      var result = attempt(function() {\n        return Function(importsKeys, sourceURL + 'return ' + source)\n          .apply(undefined, importsValues);\n      });\n\n      // Provide the compiled function's source by its `toString` method or\n      // the `source` property as a convenience for inlining compiled templates.\n      result.source = source;\n      if (isError(result)) {\n        throw result;\n      }\n      return result;\n    }\n\n    /**\n     * Converts `string`, as a whole, to lower case just like\n     * [String#toLowerCase](https://mdn.io/toLowerCase).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the lower cased string.\n     * @example\n     *\n     * _.toLower('--Foo-Bar--');\n     * // => '--foo-bar--'\n     *\n     * _.toLower('fooBar');\n     * // => 'foobar'\n     *\n     * _.toLower('__FOO_BAR__');\n     * // => '__foo_bar__'\n     */\n    function toLower(value) {\n      return toString(value).toLowerCase();\n    }\n\n    /**\n     * Converts `string`, as a whole, to upper case just like\n     * [String#toUpperCase](https://mdn.io/toUpperCase).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the upper cased string.\n     * @example\n     *\n     * _.toUpper('--foo-bar--');\n     * // => '--FOO-BAR--'\n     *\n     * _.toUpper('fooBar');\n     * // => 'FOOBAR'\n     *\n     * _.toUpper('__foo_bar__');\n     * // => '__FOO_BAR__'\n     */\n    function toUpper(value) {\n      return toString(value).toUpperCase();\n    }\n\n    /**\n     * Removes leading and trailing whitespace or specified characters from `string`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to trim.\n     * @param {string} [chars=whitespace] The characters to trim.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {string} Returns the trimmed string.\n     * @example\n     *\n     * _.trim('  abc  ');\n     * // => 'abc'\n     *\n     * _.trim('-_-abc-_-', '_-');\n     * // => 'abc'\n     *\n     * _.map(['  foo  ', '  bar  '], _.trim);\n     * // => ['foo', 'bar']\n     */\n    function trim(string, chars, guard) {\n      string = toString(string);\n      if (string && (guard || chars === undefined)) {\n        return baseTrim(string);\n      }\n      if (!string || !(chars = baseToString(chars))) {\n        return string;\n      }\n      var strSymbols = stringToArray(string),\n          chrSymbols = stringToArray(chars),\n          start = charsStartIndex(strSymbols, chrSymbols),\n          end = charsEndIndex(strSymbols, chrSymbols) + 1;\n\n      return castSlice(strSymbols, start, end).join('');\n    }\n\n    /**\n     * Removes trailing whitespace or specified characters from `string`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to trim.\n     * @param {string} [chars=whitespace] The characters to trim.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {string} Returns the trimmed string.\n     * @example\n     *\n     * _.trimEnd('  abc  ');\n     * // => '  abc'\n     *\n     * _.trimEnd('-_-abc-_-', '_-');\n     * // => '-_-abc'\n     */\n    function trimEnd(string, chars, guard) {\n      string = toString(string);\n      if (string && (guard || chars === undefined)) {\n        return string.slice(0, trimmedEndIndex(string) + 1);\n      }\n      if (!string || !(chars = baseToString(chars))) {\n        return string;\n      }\n      var strSymbols = stringToArray(string),\n          end = charsEndIndex(strSymbols, stringToArray(chars)) + 1;\n\n      return castSlice(strSymbols, 0, end).join('');\n    }\n\n    /**\n     * Removes leading whitespace or specified characters from `string`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to trim.\n     * @param {string} [chars=whitespace] The characters to trim.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {string} Returns the trimmed string.\n     * @example\n     *\n     * _.trimStart('  abc  ');\n     * // => 'abc  '\n     *\n     * _.trimStart('-_-abc-_-', '_-');\n     * // => 'abc-_-'\n     */\n    function trimStart(string, chars, guard) {\n      string = toString(string);\n      if (string && (guard || chars === undefined)) {\n        return string.replace(reTrimStart, '');\n      }\n      if (!string || !(chars = baseToString(chars))) {\n        return string;\n      }\n      var strSymbols = stringToArray(string),\n          start = charsStartIndex(strSymbols, stringToArray(chars));\n\n      return castSlice(strSymbols, start).join('');\n    }\n\n    /**\n     * Truncates `string` if it's longer than the given maximum string length.\n     * The last characters of the truncated string are replaced with the omission\n     * string which defaults to \"...\".\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to truncate.\n     * @param {Object} [options={}] The options object.\n     * @param {number} [options.length=30] The maximum string length.\n     * @param {string} [options.omission='...'] The string to indicate text is omitted.\n     * @param {RegExp|string} [options.separator] The separator pattern to truncate to.\n     * @returns {string} Returns the truncated string.\n     * @example\n     *\n     * _.truncate('hi-diddly-ho there, neighborino');\n     * // => 'hi-diddly-ho there, neighbo...'\n     *\n     * _.truncate('hi-diddly-ho there, neighborino', {\n     *   'length': 24,\n     *   'separator': ' '\n     * });\n     * // => 'hi-diddly-ho there,...'\n     *\n     * _.truncate('hi-diddly-ho there, neighborino', {\n     *   'length': 24,\n     *   'separator': /,? +/\n     * });\n     * // => 'hi-diddly-ho there...'\n     *\n     * _.truncate('hi-diddly-ho there, neighborino', {\n     *   'omission': ' [...]'\n     * });\n     * // => 'hi-diddly-ho there, neig [...]'\n     */\n    function truncate(string, options) {\n      var length = DEFAULT_TRUNC_LENGTH,\n          omission = DEFAULT_TRUNC_OMISSION;\n\n      if (isObject(options)) {\n        var separator = 'separator' in options ? options.separator : separator;\n        length = 'length' in options ? toInteger(options.length) : length;\n        omission = 'omission' in options ? baseToString(options.omission) : omission;\n      }\n      string = toString(string);\n\n      var strLength = string.length;\n      if (hasUnicode(string)) {\n        var strSymbols = stringToArray(string);\n        strLength = strSymbols.length;\n      }\n      if (length >= strLength) {\n        return string;\n      }\n      var end = length - stringSize(omission);\n      if (end < 1) {\n        return omission;\n      }\n      var result = strSymbols\n        ? castSlice(strSymbols, 0, end).join('')\n        : string.slice(0, end);\n\n      if (separator === undefined) {\n        return result + omission;\n      }\n      if (strSymbols) {\n        end += (result.length - end);\n      }\n      if (isRegExp(separator)) {\n        if (string.slice(end).search(separator)) {\n          var match,\n              substring = result;\n\n          if (!separator.global) {\n            separator = RegExp(separator.source, toString(reFlags.exec(separator)) + 'g');\n          }\n          separator.lastIndex = 0;\n          while ((match = separator.exec(substring))) {\n            var newEnd = match.index;\n          }\n          result = result.slice(0, newEnd === undefined ? end : newEnd);\n        }\n      } else if (string.indexOf(baseToString(separator), end) != end) {\n        var index = result.lastIndexOf(separator);\n        if (index > -1) {\n          result = result.slice(0, index);\n        }\n      }\n      return result + omission;\n    }\n\n    /**\n     * The inverse of `_.escape`; this method converts the HTML entities\n     * `&amp;`, `&lt;`, `&gt;`, `&quot;`, and `&#39;` in `string` to\n     * their corresponding characters.\n     *\n     * **Note:** No other HTML entities are unescaped. To unescape additional\n     * HTML entities use a third-party library like [_he_](https://mths.be/he).\n     *\n     * @static\n     * @memberOf _\n     * @since 0.6.0\n     * @category String\n     * @param {string} [string=''] The string to unescape.\n     * @returns {string} Returns the unescaped string.\n     * @example\n     *\n     * _.unescape('fred, barney, &amp; pebbles');\n     * // => 'fred, barney, & pebbles'\n     */\n    function unescape(string) {\n      string = toString(string);\n      return (string && reHasEscapedHtml.test(string))\n        ? string.replace(reEscapedHtml, unescapeHtmlChar)\n        : string;\n    }\n\n    /**\n     * Converts `string`, as space separated words, to upper case.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the upper cased string.\n     * @example\n     *\n     * _.upperCase('--foo-bar');\n     * // => 'FOO BAR'\n     *\n     * _.upperCase('fooBar');\n     * // => 'FOO BAR'\n     *\n     * _.upperCase('__foo_bar__');\n     * // => 'FOO BAR'\n     */\n    var upperCase = createCompounder(function(result, word, index) {\n      return result + (index ? ' ' : '') + word.toUpperCase();\n    });\n\n    /**\n     * Converts the first character of `string` to upper case.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category String\n     * @param {string} [string=''] The string to convert.\n     * @returns {string} Returns the converted string.\n     * @example\n     *\n     * _.upperFirst('fred');\n     * // => 'Fred'\n     *\n     * _.upperFirst('FRED');\n     * // => 'FRED'\n     */\n    var upperFirst = createCaseFirst('toUpperCase');\n\n    /**\n     * Splits `string` into an array of its words.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category String\n     * @param {string} [string=''] The string to inspect.\n     * @param {RegExp|string} [pattern] The pattern to match words.\n     * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n     * @returns {Array} Returns the words of `string`.\n     * @example\n     *\n     * _.words('fred, barney, & pebbles');\n     * // => ['fred', 'barney', 'pebbles']\n     *\n     * _.words('fred, barney, & pebbles', /[^, ]+/g);\n     * // => ['fred', 'barney', '&', 'pebbles']\n     */\n    function words(string, pattern, guard) {\n      string = toString(string);\n      pattern = guard ? undefined : pattern;\n\n      if (pattern === undefined) {\n        return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);\n      }\n      return string.match(pattern) || [];\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Attempts to invoke `func`, returning either the result or the caught error\n     * object. Any additional arguments are provided to `func` when it's invoked.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Util\n     * @param {Function} func The function to attempt.\n     * @param {...*} [args] The arguments to invoke `func` with.\n     * @returns {*} Returns the `func` result or error object.\n     * @example\n     *\n     * // Avoid throwing errors for invalid selectors.\n     * var elements = _.attempt(function(selector) {\n     *   return document.querySelectorAll(selector);\n     * }, '>_>');\n     *\n     * if (_.isError(elements)) {\n     *   elements = [];\n     * }\n     */\n    var attempt = baseRest(function(func, args) {\n      try {\n        return apply(func, undefined, args);\n      } catch (e) {\n        return isError(e) ? e : new Error(e);\n      }\n    });\n\n    /**\n     * Binds methods of an object to the object itself, overwriting the existing\n     * method.\n     *\n     * **Note:** This method doesn't set the \"length\" property of bound functions.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {Object} object The object to bind and assign the bound methods to.\n     * @param {...(string|string[])} methodNames The object method names to bind.\n     * @returns {Object} Returns `object`.\n     * @example\n     *\n     * var view = {\n     *   'label': 'docs',\n     *   'click': function() {\n     *     console.log('clicked ' + this.label);\n     *   }\n     * };\n     *\n     * _.bindAll(view, ['click']);\n     * jQuery(element).on('click', view.click);\n     * // => Logs 'clicked docs' when clicked.\n     */\n    var bindAll = flatRest(function(object, methodNames) {\n      arrayEach(methodNames, function(key) {\n        key = toKey(key);\n        baseAssignValue(object, key, bind(object[key], object));\n      });\n      return object;\n    });\n\n    /**\n     * Creates a function that iterates over `pairs` and invokes the corresponding\n     * function of the first predicate to return truthy. The predicate-function\n     * pairs are invoked with the `this` binding and arguments of the created\n     * function.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {Array} pairs The predicate-function pairs.\n     * @returns {Function} Returns the new composite function.\n     * @example\n     *\n     * var func = _.cond([\n     *   [_.matches({ 'a': 1 }),           _.constant('matches A')],\n     *   [_.conforms({ 'b': _.isNumber }), _.constant('matches B')],\n     *   [_.stubTrue,                      _.constant('no match')]\n     * ]);\n     *\n     * func({ 'a': 1, 'b': 2 });\n     * // => 'matches A'\n     *\n     * func({ 'a': 0, 'b': 1 });\n     * // => 'matches B'\n     *\n     * func({ 'a': '1', 'b': '2' });\n     * // => 'no match'\n     */\n    function cond(pairs) {\n      var length = pairs == null ? 0 : pairs.length,\n          toIteratee = getIteratee();\n\n      pairs = !length ? [] : arrayMap(pairs, function(pair) {\n        if (typeof pair[1] != 'function') {\n          throw new TypeError(FUNC_ERROR_TEXT);\n        }\n        return [toIteratee(pair[0]), pair[1]];\n      });\n\n      return baseRest(function(args) {\n        var index = -1;\n        while (++index < length) {\n          var pair = pairs[index];\n          if (apply(pair[0], this, args)) {\n            return apply(pair[1], this, args);\n          }\n        }\n      });\n    }\n\n    /**\n     * Creates a function that invokes the predicate properties of `source` with\n     * the corresponding property values of a given object, returning `true` if\n     * all predicates return truthy, else `false`.\n     *\n     * **Note:** The created function is equivalent to `_.conformsTo` with\n     * `source` partially applied.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {Object} source The object of property predicates to conform to.\n     * @returns {Function} Returns the new spec function.\n     * @example\n     *\n     * var objects = [\n     *   { 'a': 2, 'b': 1 },\n     *   { 'a': 1, 'b': 2 }\n     * ];\n     *\n     * _.filter(objects, _.conforms({ 'b': function(n) { return n > 1; } }));\n     * // => [{ 'a': 1, 'b': 2 }]\n     */\n    function conforms(source) {\n      return baseConforms(baseClone(source, CLONE_DEEP_FLAG));\n    }\n\n    /**\n     * Creates a function that returns `value`.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.4.0\n     * @category Util\n     * @param {*} value The value to return from the new function.\n     * @returns {Function} Returns the new constant function.\n     * @example\n     *\n     * var objects = _.times(2, _.constant({ 'a': 1 }));\n     *\n     * console.log(objects);\n     * // => [{ 'a': 1 }, { 'a': 1 }]\n     *\n     * console.log(objects[0] === objects[1]);\n     * // => true\n     */\n    function constant(value) {\n      return function() {\n        return value;\n      };\n    }\n\n    /**\n     * Checks `value` to determine whether a default value should be returned in\n     * its place. The `defaultValue` is returned if `value` is `NaN`, `null`,\n     * or `undefined`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.14.0\n     * @category Util\n     * @param {*} value The value to check.\n     * @param {*} defaultValue The default value.\n     * @returns {*} Returns the resolved value.\n     * @example\n     *\n     * _.defaultTo(1, 10);\n     * // => 1\n     *\n     * _.defaultTo(undefined, 10);\n     * // => 10\n     */\n    function defaultTo(value, defaultValue) {\n      return (value == null || value !== value) ? defaultValue : value;\n    }\n\n    /**\n     * Creates a function that returns the result of invoking the given functions\n     * with the `this` binding of the created function, where each successive\n     * invocation is supplied the return value of the previous.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Util\n     * @param {...(Function|Function[])} [funcs] The functions to invoke.\n     * @returns {Function} Returns the new composite function.\n     * @see _.flowRight\n     * @example\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * var addSquare = _.flow([_.add, square]);\n     * addSquare(1, 2);\n     * // => 9\n     */\n    var flow = createFlow();\n\n    /**\n     * This method is like `_.flow` except that it creates a function that\n     * invokes the given functions from right to left.\n     *\n     * @static\n     * @since 3.0.0\n     * @memberOf _\n     * @category Util\n     * @param {...(Function|Function[])} [funcs] The functions to invoke.\n     * @returns {Function} Returns the new composite function.\n     * @see _.flow\n     * @example\n     *\n     * function square(n) {\n     *   return n * n;\n     * }\n     *\n     * var addSquare = _.flowRight([square, _.add]);\n     * addSquare(1, 2);\n     * // => 9\n     */\n    var flowRight = createFlow(true);\n\n    /**\n     * This method returns the first argument it receives.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {*} value Any value.\n     * @returns {*} Returns `value`.\n     * @example\n     *\n     * var object = { 'a': 1 };\n     *\n     * console.log(_.identity(object) === object);\n     * // => true\n     */\n    function identity(value) {\n      return value;\n    }\n\n    /**\n     * Creates a function that invokes `func` with the arguments of the created\n     * function. If `func` is a property name, the created function returns the\n     * property value for a given element. If `func` is an array or object, the\n     * created function returns `true` for elements that contain the equivalent\n     * source properties, otherwise it returns `false`.\n     *\n     * @static\n     * @since 4.0.0\n     * @memberOf _\n     * @category Util\n     * @param {*} [func=_.identity] The value to convert to a callback.\n     * @returns {Function} Returns the callback.\n     * @example\n     *\n     * var users = [\n     *   { 'user': 'barney', 'age': 36, 'active': true },\n     *   { 'user': 'fred',   'age': 40, 'active': false }\n     * ];\n     *\n     * // The `_.matches` iteratee shorthand.\n     * _.filter(users, _.iteratee({ 'user': 'barney', 'active': true }));\n     * // => [{ 'user': 'barney', 'age': 36, 'active': true }]\n     *\n     * // The `_.matchesProperty` iteratee shorthand.\n     * _.filter(users, _.iteratee(['user', 'fred']));\n     * // => [{ 'user': 'fred', 'age': 40 }]\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.map(users, _.iteratee('user'));\n     * // => ['barney', 'fred']\n     *\n     * // Create custom iteratee shorthands.\n     * _.iteratee = _.wrap(_.iteratee, function(iteratee, func) {\n     *   return !_.isRegExp(func) ? iteratee(func) : function(string) {\n     *     return func.test(string);\n     *   };\n     * });\n     *\n     * _.filter(['abc', 'def'], /ef/);\n     * // => ['def']\n     */\n    function iteratee(func) {\n      return baseIteratee(typeof func == 'function' ? func : baseClone(func, CLONE_DEEP_FLAG));\n    }\n\n    /**\n     * Creates a function that performs a partial deep comparison between a given\n     * object and `source`, returning `true` if the given object has equivalent\n     * property values, else `false`.\n     *\n     * **Note:** The created function is equivalent to `_.isMatch` with `source`\n     * partially applied.\n     *\n     * Partial comparisons will match empty array and empty object `source`\n     * values against any array or object value, respectively. See `_.isEqual`\n     * for a list of supported value comparisons.\n     *\n     * **Note:** Multiple values can be checked by combining several matchers\n     * using `_.overSome`\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Util\n     * @param {Object} source The object of property values to match.\n     * @returns {Function} Returns the new spec function.\n     * @example\n     *\n     * var objects = [\n     *   { 'a': 1, 'b': 2, 'c': 3 },\n     *   { 'a': 4, 'b': 5, 'c': 6 }\n     * ];\n     *\n     * _.filter(objects, _.matches({ 'a': 4, 'c': 6 }));\n     * // => [{ 'a': 4, 'b': 5, 'c': 6 }]\n     *\n     * // Checking for several possible values\n     * _.filter(objects, _.overSome([_.matches({ 'a': 1 }), _.matches({ 'a': 4 })]));\n     * // => [{ 'a': 1, 'b': 2, 'c': 3 }, { 'a': 4, 'b': 5, 'c': 6 }]\n     */\n    function matches(source) {\n      return baseMatches(baseClone(source, CLONE_DEEP_FLAG));\n    }\n\n    /**\n     * Creates a function that performs a partial deep comparison between the\n     * value at `path` of a given object to `srcValue`, returning `true` if the\n     * object value is equivalent, else `false`.\n     *\n     * **Note:** Partial comparisons will match empty array and empty object\n     * `srcValue` values against any array or object value, respectively. See\n     * `_.isEqual` for a list of supported value comparisons.\n     *\n     * **Note:** Multiple values can be checked by combining several matchers\n     * using `_.overSome`\n     *\n     * @static\n     * @memberOf _\n     * @since 3.2.0\n     * @category Util\n     * @param {Array|string} path The path of the property to get.\n     * @param {*} srcValue The value to match.\n     * @returns {Function} Returns the new spec function.\n     * @example\n     *\n     * var objects = [\n     *   { 'a': 1, 'b': 2, 'c': 3 },\n     *   { 'a': 4, 'b': 5, 'c': 6 }\n     * ];\n     *\n     * _.find(objects, _.matchesProperty('a', 4));\n     * // => { 'a': 4, 'b': 5, 'c': 6 }\n     *\n     * // Checking for several possible values\n     * _.filter(objects, _.overSome([_.matchesProperty('a', 1), _.matchesProperty('a', 4)]));\n     * // => [{ 'a': 1, 'b': 2, 'c': 3 }, { 'a': 4, 'b': 5, 'c': 6 }]\n     */\n    function matchesProperty(path, srcValue) {\n      return baseMatchesProperty(path, baseClone(srcValue, CLONE_DEEP_FLAG));\n    }\n\n    /**\n     * Creates a function that invokes the method at `path` of a given object.\n     * Any additional arguments are provided to the invoked method.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.7.0\n     * @category Util\n     * @param {Array|string} path The path of the method to invoke.\n     * @param {...*} [args] The arguments to invoke the method with.\n     * @returns {Function} Returns the new invoker function.\n     * @example\n     *\n     * var objects = [\n     *   { 'a': { 'b': _.constant(2) } },\n     *   { 'a': { 'b': _.constant(1) } }\n     * ];\n     *\n     * _.map(objects, _.method('a.b'));\n     * // => [2, 1]\n     *\n     * _.map(objects, _.method(['a', 'b']));\n     * // => [2, 1]\n     */\n    var method = baseRest(function(path, args) {\n      return function(object) {\n        return baseInvoke(object, path, args);\n      };\n    });\n\n    /**\n     * The opposite of `_.method`; this method creates a function that invokes\n     * the method at a given path of `object`. Any additional arguments are\n     * provided to the invoked method.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.7.0\n     * @category Util\n     * @param {Object} object The object to query.\n     * @param {...*} [args] The arguments to invoke the method with.\n     * @returns {Function} Returns the new invoker function.\n     * @example\n     *\n     * var array = _.times(3, _.constant),\n     *     object = { 'a': array, 'b': array, 'c': array };\n     *\n     * _.map(['a[2]', 'c[0]'], _.methodOf(object));\n     * // => [2, 0]\n     *\n     * _.map([['a', '2'], ['c', '0']], _.methodOf(object));\n     * // => [2, 0]\n     */\n    var methodOf = baseRest(function(object, args) {\n      return function(path) {\n        return baseInvoke(object, path, args);\n      };\n    });\n\n    /**\n     * Adds all own enumerable string keyed function properties of a source\n     * object to the destination object. If `object` is a function, then methods\n     * are added to its prototype as well.\n     *\n     * **Note:** Use `_.runInContext` to create a pristine `lodash` function to\n     * avoid conflicts caused by modifying the original.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {Function|Object} [object=lodash] The destination object.\n     * @param {Object} source The object of functions to add.\n     * @param {Object} [options={}] The options object.\n     * @param {boolean} [options.chain=true] Specify whether mixins are chainable.\n     * @returns {Function|Object} Returns `object`.\n     * @example\n     *\n     * function vowels(string) {\n     *   return _.filter(string, function(v) {\n     *     return /[aeiou]/i.test(v);\n     *   });\n     * }\n     *\n     * _.mixin({ 'vowels': vowels });\n     * _.vowels('fred');\n     * // => ['e']\n     *\n     * _('fred').vowels().value();\n     * // => ['e']\n     *\n     * _.mixin({ 'vowels': vowels }, { 'chain': false });\n     * _('fred').vowels();\n     * // => ['e']\n     */\n    function mixin(object, source, options) {\n      var props = keys(source),\n          methodNames = baseFunctions(source, props);\n\n      if (options == null &&\n          !(isObject(source) && (methodNames.length || !props.length))) {\n        options = source;\n        source = object;\n        object = this;\n        methodNames = baseFunctions(source, keys(source));\n      }\n      var chain = !(isObject(options) && 'chain' in options) || !!options.chain,\n          isFunc = isFunction(object);\n\n      arrayEach(methodNames, function(methodName) {\n        var func = source[methodName];\n        object[methodName] = func;\n        if (isFunc) {\n          object.prototype[methodName] = function() {\n            var chainAll = this.__chain__;\n            if (chain || chainAll) {\n              var result = object(this.__wrapped__),\n                  actions = result.__actions__ = copyArray(this.__actions__);\n\n              actions.push({ 'func': func, 'args': arguments, 'thisArg': object });\n              result.__chain__ = chainAll;\n              return result;\n            }\n            return func.apply(object, arrayPush([this.value()], arguments));\n          };\n        }\n      });\n\n      return object;\n    }\n\n    /**\n     * Reverts the `_` variable to its previous value and returns a reference to\n     * the `lodash` function.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @returns {Function} Returns the `lodash` function.\n     * @example\n     *\n     * var lodash = _.noConflict();\n     */\n    function noConflict() {\n      if (root._ === this) {\n        root._ = oldDash;\n      }\n      return this;\n    }\n\n    /**\n     * This method returns `undefined`.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.3.0\n     * @category Util\n     * @example\n     *\n     * _.times(2, _.noop);\n     * // => [undefined, undefined]\n     */\n    function noop() {\n      // No operation performed.\n    }\n\n    /**\n     * Creates a function that gets the argument at index `n`. If `n` is negative,\n     * the nth argument from the end is returned.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {number} [n=0] The index of the argument to return.\n     * @returns {Function} Returns the new pass-thru function.\n     * @example\n     *\n     * var func = _.nthArg(1);\n     * func('a', 'b', 'c', 'd');\n     * // => 'b'\n     *\n     * var func = _.nthArg(-2);\n     * func('a', 'b', 'c', 'd');\n     * // => 'c'\n     */\n    function nthArg(n) {\n      n = toInteger(n);\n      return baseRest(function(args) {\n        return baseNth(args, n);\n      });\n    }\n\n    /**\n     * Creates a function that invokes `iteratees` with the arguments it receives\n     * and returns their results.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {...(Function|Function[])} [iteratees=[_.identity]]\n     *  The iteratees to invoke.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var func = _.over([Math.max, Math.min]);\n     *\n     * func(1, 2, 3, 4);\n     * // => [4, 1]\n     */\n    var over = createOver(arrayMap);\n\n    /**\n     * Creates a function that checks if **all** of the `predicates` return\n     * truthy when invoked with the arguments it receives.\n     *\n     * Following shorthands are possible for providing predicates.\n     * Pass an `Object` and it will be used as an parameter for `_.matches` to create the predicate.\n     * Pass an `Array` of parameters for `_.matchesProperty` and the predicate will be created using them.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {...(Function|Function[])} [predicates=[_.identity]]\n     *  The predicates to check.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var func = _.overEvery([Boolean, isFinite]);\n     *\n     * func('1');\n     * // => true\n     *\n     * func(null);\n     * // => false\n     *\n     * func(NaN);\n     * // => false\n     */\n    var overEvery = createOver(arrayEvery);\n\n    /**\n     * Creates a function that checks if **any** of the `predicates` return\n     * truthy when invoked with the arguments it receives.\n     *\n     * Following shorthands are possible for providing predicates.\n     * Pass an `Object` and it will be used as an parameter for `_.matches` to create the predicate.\n     * Pass an `Array` of parameters for `_.matchesProperty` and the predicate will be created using them.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {...(Function|Function[])} [predicates=[_.identity]]\n     *  The predicates to check.\n     * @returns {Function} Returns the new function.\n     * @example\n     *\n     * var func = _.overSome([Boolean, isFinite]);\n     *\n     * func('1');\n     * // => true\n     *\n     * func(null);\n     * // => true\n     *\n     * func(NaN);\n     * // => false\n     *\n     * var matchesFunc = _.overSome([{ 'a': 1 }, { 'a': 2 }])\n     * var matchesPropertyFunc = _.overSome([['a', 1], ['a', 2]])\n     */\n    var overSome = createOver(arraySome);\n\n    /**\n     * Creates a function that returns the value at `path` of a given object.\n     *\n     * @static\n     * @memberOf _\n     * @since 2.4.0\n     * @category Util\n     * @param {Array|string} path The path of the property to get.\n     * @returns {Function} Returns the new accessor function.\n     * @example\n     *\n     * var objects = [\n     *   { 'a': { 'b': 2 } },\n     *   { 'a': { 'b': 1 } }\n     * ];\n     *\n     * _.map(objects, _.property('a.b'));\n     * // => [2, 1]\n     *\n     * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');\n     * // => [1, 2]\n     */\n    function property(path) {\n      return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);\n    }\n\n    /**\n     * The opposite of `_.property`; this method creates a function that returns\n     * the value at a given path of `object`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.0.0\n     * @category Util\n     * @param {Object} object The object to query.\n     * @returns {Function} Returns the new accessor function.\n     * @example\n     *\n     * var array = [0, 1, 2],\n     *     object = { 'a': array, 'b': array, 'c': array };\n     *\n     * _.map(['a[2]', 'c[0]'], _.propertyOf(object));\n     * // => [2, 0]\n     *\n     * _.map([['a', '2'], ['c', '0']], _.propertyOf(object));\n     * // => [2, 0]\n     */\n    function propertyOf(object) {\n      return function(path) {\n        return object == null ? undefined : baseGet(object, path);\n      };\n    }\n\n    /**\n     * Creates an array of numbers (positive and/or negative) progressing from\n     * `start` up to, but not including, `end`. A step of `-1` is used if a negative\n     * `start` is specified without an `end` or `step`. If `end` is not specified,\n     * it's set to `start` with `start` then set to `0`.\n     *\n     * **Note:** JavaScript follows the IEEE-754 standard for resolving\n     * floating-point values which can produce unexpected results.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {number} [start=0] The start of the range.\n     * @param {number} end The end of the range.\n     * @param {number} [step=1] The value to increment or decrement by.\n     * @returns {Array} Returns the range of numbers.\n     * @see _.inRange, _.rangeRight\n     * @example\n     *\n     * _.range(4);\n     * // => [0, 1, 2, 3]\n     *\n     * _.range(-4);\n     * // => [0, -1, -2, -3]\n     *\n     * _.range(1, 5);\n     * // => [1, 2, 3, 4]\n     *\n     * _.range(0, 20, 5);\n     * // => [0, 5, 10, 15]\n     *\n     * _.range(0, -4, -1);\n     * // => [0, -1, -2, -3]\n     *\n     * _.range(1, 4, 0);\n     * // => [1, 1, 1]\n     *\n     * _.range(0);\n     * // => []\n     */\n    var range = createRange();\n\n    /**\n     * This method is like `_.range` except that it populates values in\n     * descending order.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {number} [start=0] The start of the range.\n     * @param {number} end The end of the range.\n     * @param {number} [step=1] The value to increment or decrement by.\n     * @returns {Array} Returns the range of numbers.\n     * @see _.inRange, _.range\n     * @example\n     *\n     * _.rangeRight(4);\n     * // => [3, 2, 1, 0]\n     *\n     * _.rangeRight(-4);\n     * // => [-3, -2, -1, 0]\n     *\n     * _.rangeRight(1, 5);\n     * // => [4, 3, 2, 1]\n     *\n     * _.rangeRight(0, 20, 5);\n     * // => [15, 10, 5, 0]\n     *\n     * _.rangeRight(0, -4, -1);\n     * // => [-3, -2, -1, 0]\n     *\n     * _.rangeRight(1, 4, 0);\n     * // => [1, 1, 1]\n     *\n     * _.rangeRight(0);\n     * // => []\n     */\n    var rangeRight = createRange(true);\n\n    /**\n     * This method returns a new empty array.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.13.0\n     * @category Util\n     * @returns {Array} Returns the new empty array.\n     * @example\n     *\n     * var arrays = _.times(2, _.stubArray);\n     *\n     * console.log(arrays);\n     * // => [[], []]\n     *\n     * console.log(arrays[0] === arrays[1]);\n     * // => false\n     */\n    function stubArray() {\n      return [];\n    }\n\n    /**\n     * This method returns `false`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.13.0\n     * @category Util\n     * @returns {boolean} Returns `false`.\n     * @example\n     *\n     * _.times(2, _.stubFalse);\n     * // => [false, false]\n     */\n    function stubFalse() {\n      return false;\n    }\n\n    /**\n     * This method returns a new empty object.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.13.0\n     * @category Util\n     * @returns {Object} Returns the new empty object.\n     * @example\n     *\n     * var objects = _.times(2, _.stubObject);\n     *\n     * console.log(objects);\n     * // => [{}, {}]\n     *\n     * console.log(objects[0] === objects[1]);\n     * // => false\n     */\n    function stubObject() {\n      return {};\n    }\n\n    /**\n     * This method returns an empty string.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.13.0\n     * @category Util\n     * @returns {string} Returns the empty string.\n     * @example\n     *\n     * _.times(2, _.stubString);\n     * // => ['', '']\n     */\n    function stubString() {\n      return '';\n    }\n\n    /**\n     * This method returns `true`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.13.0\n     * @category Util\n     * @returns {boolean} Returns `true`.\n     * @example\n     *\n     * _.times(2, _.stubTrue);\n     * // => [true, true]\n     */\n    function stubTrue() {\n      return true;\n    }\n\n    /**\n     * Invokes the iteratee `n` times, returning an array of the results of\n     * each invocation. The iteratee is invoked with one argument; (index).\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {number} n The number of times to invoke `iteratee`.\n     * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n     * @returns {Array} Returns the array of results.\n     * @example\n     *\n     * _.times(3, String);\n     * // => ['0', '1', '2']\n     *\n     *  _.times(4, _.constant(0));\n     * // => [0, 0, 0, 0]\n     */\n    function times(n, iteratee) {\n      n = toInteger(n);\n      if (n < 1 || n > MAX_SAFE_INTEGER) {\n        return [];\n      }\n      var index = MAX_ARRAY_LENGTH,\n          length = nativeMin(n, MAX_ARRAY_LENGTH);\n\n      iteratee = getIteratee(iteratee);\n      n -= MAX_ARRAY_LENGTH;\n\n      var result = baseTimes(length, iteratee);\n      while (++index < n) {\n        iteratee(index);\n      }\n      return result;\n    }\n\n    /**\n     * Converts `value` to a property path array.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Util\n     * @param {*} value The value to convert.\n     * @returns {Array} Returns the new property path array.\n     * @example\n     *\n     * _.toPath('a.b.c');\n     * // => ['a', 'b', 'c']\n     *\n     * _.toPath('a[0].b.c');\n     * // => ['a', '0', 'b', 'c']\n     */\n    function toPath(value) {\n      if (isArray(value)) {\n        return arrayMap(value, toKey);\n      }\n      return isSymbol(value) ? [value] : copyArray(stringToPath(toString(value)));\n    }\n\n    /**\n     * Generates a unique ID. If `prefix` is given, the ID is appended to it.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Util\n     * @param {string} [prefix=''] The value to prefix the ID with.\n     * @returns {string} Returns the unique ID.\n     * @example\n     *\n     * _.uniqueId('contact_');\n     * // => 'contact_104'\n     *\n     * _.uniqueId();\n     * // => '105'\n     */\n    function uniqueId(prefix) {\n      var id = ++idCounter;\n      return toString(prefix) + id;\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * Adds two numbers.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.4.0\n     * @category Math\n     * @param {number} augend The first number in an addition.\n     * @param {number} addend The second number in an addition.\n     * @returns {number} Returns the total.\n     * @example\n     *\n     * _.add(6, 4);\n     * // => 10\n     */\n    var add = createMathOperation(function(augend, addend) {\n      return augend + addend;\n    }, 0);\n\n    /**\n     * Computes `number` rounded up to `precision`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.10.0\n     * @category Math\n     * @param {number} number The number to round up.\n     * @param {number} [precision=0] The precision to round up to.\n     * @returns {number} Returns the rounded up number.\n     * @example\n     *\n     * _.ceil(4.006);\n     * // => 5\n     *\n     * _.ceil(6.004, 2);\n     * // => 6.01\n     *\n     * _.ceil(6040, -2);\n     * // => 6100\n     */\n    var ceil = createRound('ceil');\n\n    /**\n     * Divide two numbers.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.7.0\n     * @category Math\n     * @param {number} dividend The first number in a division.\n     * @param {number} divisor The second number in a division.\n     * @returns {number} Returns the quotient.\n     * @example\n     *\n     * _.divide(6, 4);\n     * // => 1.5\n     */\n    var divide = createMathOperation(function(dividend, divisor) {\n      return dividend / divisor;\n    }, 1);\n\n    /**\n     * Computes `number` rounded down to `precision`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.10.0\n     * @category Math\n     * @param {number} number The number to round down.\n     * @param {number} [precision=0] The precision to round down to.\n     * @returns {number} Returns the rounded down number.\n     * @example\n     *\n     * _.floor(4.006);\n     * // => 4\n     *\n     * _.floor(0.046, 2);\n     * // => 0.04\n     *\n     * _.floor(4060, -2);\n     * // => 4000\n     */\n    var floor = createRound('floor');\n\n    /**\n     * Computes the maximum value of `array`. If `array` is empty or falsey,\n     * `undefined` is returned.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @returns {*} Returns the maximum value.\n     * @example\n     *\n     * _.max([4, 2, 8, 6]);\n     * // => 8\n     *\n     * _.max([]);\n     * // => undefined\n     */\n    function max(array) {\n      return (array && array.length)\n        ? baseExtremum(array, identity, baseGt)\n        : undefined;\n    }\n\n    /**\n     * This method is like `_.max` except that it accepts `iteratee` which is\n     * invoked for each element in `array` to generate the criterion by which\n     * the value is ranked. The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {*} Returns the maximum value.\n     * @example\n     *\n     * var objects = [{ 'n': 1 }, { 'n': 2 }];\n     *\n     * _.maxBy(objects, function(o) { return o.n; });\n     * // => { 'n': 2 }\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.maxBy(objects, 'n');\n     * // => { 'n': 2 }\n     */\n    function maxBy(array, iteratee) {\n      return (array && array.length)\n        ? baseExtremum(array, getIteratee(iteratee, 2), baseGt)\n        : undefined;\n    }\n\n    /**\n     * Computes the mean of the values in `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @returns {number} Returns the mean.\n     * @example\n     *\n     * _.mean([4, 2, 8, 6]);\n     * // => 5\n     */\n    function mean(array) {\n      return baseMean(array, identity);\n    }\n\n    /**\n     * This method is like `_.mean` except that it accepts `iteratee` which is\n     * invoked for each element in `array` to generate the value to be averaged.\n     * The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.7.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {number} Returns the mean.\n     * @example\n     *\n     * var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }];\n     *\n     * _.meanBy(objects, function(o) { return o.n; });\n     * // => 5\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.meanBy(objects, 'n');\n     * // => 5\n     */\n    function meanBy(array, iteratee) {\n      return baseMean(array, getIteratee(iteratee, 2));\n    }\n\n    /**\n     * Computes the minimum value of `array`. If `array` is empty or falsey,\n     * `undefined` is returned.\n     *\n     * @static\n     * @since 0.1.0\n     * @memberOf _\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @returns {*} Returns the minimum value.\n     * @example\n     *\n     * _.min([4, 2, 8, 6]);\n     * // => 2\n     *\n     * _.min([]);\n     * // => undefined\n     */\n    function min(array) {\n      return (array && array.length)\n        ? baseExtremum(array, identity, baseLt)\n        : undefined;\n    }\n\n    /**\n     * This method is like `_.min` except that it accepts `iteratee` which is\n     * invoked for each element in `array` to generate the criterion by which\n     * the value is ranked. The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {*} Returns the minimum value.\n     * @example\n     *\n     * var objects = [{ 'n': 1 }, { 'n': 2 }];\n     *\n     * _.minBy(objects, function(o) { return o.n; });\n     * // => { 'n': 1 }\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.minBy(objects, 'n');\n     * // => { 'n': 1 }\n     */\n    function minBy(array, iteratee) {\n      return (array && array.length)\n        ? baseExtremum(array, getIteratee(iteratee, 2), baseLt)\n        : undefined;\n    }\n\n    /**\n     * Multiply two numbers.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.7.0\n     * @category Math\n     * @param {number} multiplier The first number in a multiplication.\n     * @param {number} multiplicand The second number in a multiplication.\n     * @returns {number} Returns the product.\n     * @example\n     *\n     * _.multiply(6, 4);\n     * // => 24\n     */\n    var multiply = createMathOperation(function(multiplier, multiplicand) {\n      return multiplier * multiplicand;\n    }, 1);\n\n    /**\n     * Computes `number` rounded to `precision`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.10.0\n     * @category Math\n     * @param {number} number The number to round.\n     * @param {number} [precision=0] The precision to round to.\n     * @returns {number} Returns the rounded number.\n     * @example\n     *\n     * _.round(4.006);\n     * // => 4\n     *\n     * _.round(4.006, 2);\n     * // => 4.01\n     *\n     * _.round(4060, -2);\n     * // => 4100\n     */\n    var round = createRound('round');\n\n    /**\n     * Subtract two numbers.\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Math\n     * @param {number} minuend The first number in a subtraction.\n     * @param {number} subtrahend The second number in a subtraction.\n     * @returns {number} Returns the difference.\n     * @example\n     *\n     * _.subtract(6, 4);\n     * // => 2\n     */\n    var subtract = createMathOperation(function(minuend, subtrahend) {\n      return minuend - subtrahend;\n    }, 0);\n\n    /**\n     * Computes the sum of the values in `array`.\n     *\n     * @static\n     * @memberOf _\n     * @since 3.4.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @returns {number} Returns the sum.\n     * @example\n     *\n     * _.sum([4, 2, 8, 6]);\n     * // => 20\n     */\n    function sum(array) {\n      return (array && array.length)\n        ? baseSum(array, identity)\n        : 0;\n    }\n\n    /**\n     * This method is like `_.sum` except that it accepts `iteratee` which is\n     * invoked for each element in `array` to generate the value to be summed.\n     * The iteratee is invoked with one argument: (value).\n     *\n     * @static\n     * @memberOf _\n     * @since 4.0.0\n     * @category Math\n     * @param {Array} array The array to iterate over.\n     * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n     * @returns {number} Returns the sum.\n     * @example\n     *\n     * var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }];\n     *\n     * _.sumBy(objects, function(o) { return o.n; });\n     * // => 20\n     *\n     * // The `_.property` iteratee shorthand.\n     * _.sumBy(objects, 'n');\n     * // => 20\n     */\n    function sumBy(array, iteratee) {\n      return (array && array.length)\n        ? baseSum(array, getIteratee(iteratee, 2))\n        : 0;\n    }\n\n    /*------------------------------------------------------------------------*/\n\n    // Add methods that return wrapped values in chain sequences.\n    lodash.after = after;\n    lodash.ary = ary;\n    lodash.assign = assign;\n    lodash.assignIn = assignIn;\n    lodash.assignInWith = assignInWith;\n    lodash.assignWith = assignWith;\n    lodash.at = at;\n    lodash.before = before;\n    lodash.bind = bind;\n    lodash.bindAll = bindAll;\n    lodash.bindKey = bindKey;\n    lodash.castArray = castArray;\n    lodash.chain = chain;\n    lodash.chunk = chunk;\n    lodash.compact = compact;\n    lodash.concat = concat;\n    lodash.cond = cond;\n    lodash.conforms = conforms;\n    lodash.constant = constant;\n    lodash.countBy = countBy;\n    lodash.create = create;\n    lodash.curry = curry;\n    lodash.curryRight = curryRight;\n    lodash.debounce = debounce;\n    lodash.defaults = defaults;\n    lodash.defaultsDeep = defaultsDeep;\n    lodash.defer = defer;\n    lodash.delay = delay;\n    lodash.difference = difference;\n    lodash.differenceBy = differenceBy;\n    lodash.differenceWith = differenceWith;\n    lodash.drop = drop;\n    lodash.dropRight = dropRight;\n    lodash.dropRightWhile = dropRightWhile;\n    lodash.dropWhile = dropWhile;\n    lodash.fill = fill;\n    lodash.filter = filter;\n    lodash.flatMap = flatMap;\n    lodash.flatMapDeep = flatMapDeep;\n    lodash.flatMapDepth = flatMapDepth;\n    lodash.flatten = flatten;\n    lodash.flattenDeep = flattenDeep;\n    lodash.flattenDepth = flattenDepth;\n    lodash.flip = flip;\n    lodash.flow = flow;\n    lodash.flowRight = flowRight;\n    lodash.fromPairs = fromPairs;\n    lodash.functions = functions;\n    lodash.functionsIn = functionsIn;\n    lodash.groupBy = groupBy;\n    lodash.initial = initial;\n    lodash.intersection = intersection;\n    lodash.intersectionBy = intersectionBy;\n    lodash.intersectionWith = intersectionWith;\n    lodash.invert = invert;\n    lodash.invertBy = invertBy;\n    lodash.invokeMap = invokeMap;\n    lodash.iteratee = iteratee;\n    lodash.keyBy = keyBy;\n    lodash.keys = keys;\n    lodash.keysIn = keysIn;\n    lodash.map = map;\n    lodash.mapKeys = mapKeys;\n    lodash.mapValues = mapValues;\n    lodash.matches = matches;\n    lodash.matchesProperty = matchesProperty;\n    lodash.memoize = memoize;\n    lodash.merge = merge;\n    lodash.mergeWith = mergeWith;\n    lodash.method = method;\n    lodash.methodOf = methodOf;\n    lodash.mixin = mixin;\n    lodash.negate = negate;\n    lodash.nthArg = nthArg;\n    lodash.omit = omit;\n    lodash.omitBy = omitBy;\n    lodash.once = once;\n    lodash.orderBy = orderBy;\n    lodash.over = over;\n    lodash.overArgs = overArgs;\n    lodash.overEvery = overEvery;\n    lodash.overSome = overSome;\n    lodash.partial = partial;\n    lodash.partialRight = partialRight;\n    lodash.partition = partition;\n    lodash.pick = pick;\n    lodash.pickBy = pickBy;\n    lodash.property = property;\n    lodash.propertyOf = propertyOf;\n    lodash.pull = pull;\n    lodash.pullAll = pullAll;\n    lodash.pullAllBy = pullAllBy;\n    lodash.pullAllWith = pullAllWith;\n    lodash.pullAt = pullAt;\n    lodash.range = range;\n    lodash.rangeRight = rangeRight;\n    lodash.rearg = rearg;\n    lodash.reject = reject;\n    lodash.remove = remove;\n    lodash.rest = rest;\n    lodash.reverse = reverse;\n    lodash.sampleSize = sampleSize;\n    lodash.set = set;\n    lodash.setWith = setWith;\n    lodash.shuffle = shuffle;\n    lodash.slice = slice;\n    lodash.sortBy = sortBy;\n    lodash.sortedUniq = sortedUniq;\n    lodash.sortedUniqBy = sortedUniqBy;\n    lodash.split = split;\n    lodash.spread = spread;\n    lodash.tail = tail;\n    lodash.take = take;\n    lodash.takeRight = takeRight;\n    lodash.takeRightWhile = takeRightWhile;\n    lodash.takeWhile = takeWhile;\n    lodash.tap = tap;\n    lodash.throttle = throttle;\n    lodash.thru = thru;\n    lodash.toArray = toArray;\n    lodash.toPairs = toPairs;\n    lodash.toPairsIn = toPairsIn;\n    lodash.toPath = toPath;\n    lodash.toPlainObject = toPlainObject;\n    lodash.transform = transform;\n    lodash.unary = unary;\n    lodash.union = union;\n    lodash.unionBy = unionBy;\n    lodash.unionWith = unionWith;\n    lodash.uniq = uniq;\n    lodash.uniqBy = uniqBy;\n    lodash.uniqWith = uniqWith;\n    lodash.unset = unset;\n    lodash.unzip = unzip;\n    lodash.unzipWith = unzipWith;\n    lodash.update = update;\n    lodash.updateWith = updateWith;\n    lodash.values = values;\n    lodash.valuesIn = valuesIn;\n    lodash.without = without;\n    lodash.words = words;\n    lodash.wrap = wrap;\n    lodash.xor = xor;\n    lodash.xorBy = xorBy;\n    lodash.xorWith = xorWith;\n    lodash.zip = zip;\n    lodash.zipObject = zipObject;\n    lodash.zipObjectDeep = zipObjectDeep;\n    lodash.zipWith = zipWith;\n\n    // Add aliases.\n    lodash.entries = toPairs;\n    lodash.entriesIn = toPairsIn;\n    lodash.extend = assignIn;\n    lodash.extendWith = assignInWith;\n\n    // Add methods to `lodash.prototype`.\n    mixin(lodash, lodash);\n\n    /*------------------------------------------------------------------------*/\n\n    // Add methods that return unwrapped values in chain sequences.\n    lodash.add = add;\n    lodash.attempt = attempt;\n    lodash.camelCase = camelCase;\n    lodash.capitalize = capitalize;\n    lodash.ceil = ceil;\n    lodash.clamp = clamp;\n    lodash.clone = clone;\n    lodash.cloneDeep = cloneDeep;\n    lodash.cloneDeepWith = cloneDeepWith;\n    lodash.cloneWith = cloneWith;\n    lodash.conformsTo = conformsTo;\n    lodash.deburr = deburr;\n    lodash.defaultTo = defaultTo;\n    lodash.divide = divide;\n    lodash.endsWith = endsWith;\n    lodash.eq = eq;\n    lodash.escape = escape;\n    lodash.escapeRegExp = escapeRegExp;\n    lodash.every = every;\n    lodash.find = find;\n    lodash.findIndex = findIndex;\n    lodash.findKey = findKey;\n    lodash.findLast = findLast;\n    lodash.findLastIndex = findLastIndex;\n    lodash.findLastKey = findLastKey;\n    lodash.floor = floor;\n    lodash.forEach = forEach;\n    lodash.forEachRight = forEachRight;\n    lodash.forIn = forIn;\n    lodash.forInRight = forInRight;\n    lodash.forOwn = forOwn;\n    lodash.forOwnRight = forOwnRight;\n    lodash.get = get;\n    lodash.gt = gt;\n    lodash.gte = gte;\n    lodash.has = has;\n    lodash.hasIn = hasIn;\n    lodash.head = head;\n    lodash.identity = identity;\n    lodash.includes = includes;\n    lodash.indexOf = indexOf;\n    lodash.inRange = inRange;\n    lodash.invoke = invoke;\n    lodash.isArguments = isArguments;\n    lodash.isArray = isArray;\n    lodash.isArrayBuffer = isArrayBuffer;\n    lodash.isArrayLike = isArrayLike;\n    lodash.isArrayLikeObject = isArrayLikeObject;\n    lodash.isBoolean = isBoolean;\n    lodash.isBuffer = isBuffer;\n    lodash.isDate = isDate;\n    lodash.isElement = isElement;\n    lodash.isEmpty = isEmpty;\n    lodash.isEqual = isEqual;\n    lodash.isEqualWith = isEqualWith;\n    lodash.isError = isError;\n    lodash.isFinite = isFinite;\n    lodash.isFunction = isFunction;\n    lodash.isInteger = isInteger;\n    lodash.isLength = isLength;\n    lodash.isMap = isMap;\n    lodash.isMatch = isMatch;\n    lodash.isMatchWith = isMatchWith;\n    lodash.isNaN = isNaN;\n    lodash.isNative = isNative;\n    lodash.isNil = isNil;\n    lodash.isNull = isNull;\n    lodash.isNumber = isNumber;\n    lodash.isObject = isObject;\n    lodash.isObjectLike = isObjectLike;\n    lodash.isPlainObject = isPlainObject;\n    lodash.isRegExp = isRegExp;\n    lodash.isSafeInteger = isSafeInteger;\n    lodash.isSet = isSet;\n    lodash.isString = isString;\n    lodash.isSymbol = isSymbol;\n    lodash.isTypedArray = isTypedArray;\n    lodash.isUndefined = isUndefined;\n    lodash.isWeakMap = isWeakMap;\n    lodash.isWeakSet = isWeakSet;\n    lodash.join = join;\n    lodash.kebabCase = kebabCase;\n    lodash.last = last;\n    lodash.lastIndexOf = lastIndexOf;\n    lodash.lowerCase = lowerCase;\n    lodash.lowerFirst = lowerFirst;\n    lodash.lt = lt;\n    lodash.lte = lte;\n    lodash.max = max;\n    lodash.maxBy = maxBy;\n    lodash.mean = mean;\n    lodash.meanBy = meanBy;\n    lodash.min = min;\n    lodash.minBy = minBy;\n    lodash.stubArray = stubArray;\n    lodash.stubFalse = stubFalse;\n    lodash.stubObject = stubObject;\n    lodash.stubString = stubString;\n    lodash.stubTrue = stubTrue;\n    lodash.multiply = multiply;\n    lodash.nth = nth;\n    lodash.noConflict = noConflict;\n    lodash.noop = noop;\n    lodash.now = now;\n    lodash.pad = pad;\n    lodash.padEnd = padEnd;\n    lodash.padStart = padStart;\n    lodash.parseInt = parseInt;\n    lodash.random = random;\n    lodash.reduce = reduce;\n    lodash.reduceRight = reduceRight;\n    lodash.repeat = repeat;\n    lodash.replace = replace;\n    lodash.result = result;\n    lodash.round = round;\n    lodash.runInContext = runInContext;\n    lodash.sample = sample;\n    lodash.size = size;\n    lodash.snakeCase = snakeCase;\n    lodash.some = some;\n    lodash.sortedIndex = sortedIndex;\n    lodash.sortedIndexBy = sortedIndexBy;\n    lodash.sortedIndexOf = sortedIndexOf;\n    lodash.sortedLastIndex = sortedLastIndex;\n    lodash.sortedLastIndexBy = sortedLastIndexBy;\n    lodash.sortedLastIndexOf = sortedLastIndexOf;\n    lodash.startCase = startCase;\n    lodash.startsWith = startsWith;\n    lodash.subtract = subtract;\n    lodash.sum = sum;\n    lodash.sumBy = sumBy;\n    lodash.template = template;\n    lodash.times = times;\n    lodash.toFinite = toFinite;\n    lodash.toInteger = toInteger;\n    lodash.toLength = toLength;\n    lodash.toLower = toLower;\n    lodash.toNumber = toNumber;\n    lodash.toSafeInteger = toSafeInteger;\n    lodash.toString = toString;\n    lodash.toUpper = toUpper;\n    lodash.trim = trim;\n    lodash.trimEnd = trimEnd;\n    lodash.trimStart = trimStart;\n    lodash.truncate = truncate;\n    lodash.unescape = unescape;\n    lodash.uniqueId = uniqueId;\n    lodash.upperCase = upperCase;\n    lodash.upperFirst = upperFirst;\n\n    // Add aliases.\n    lodash.each = forEach;\n    lodash.eachRight = forEachRight;\n    lodash.first = head;\n\n    mixin(lodash, (function() {\n      var source = {};\n      baseForOwn(lodash, function(func, methodName) {\n        if (!hasOwnProperty.call(lodash.prototype, methodName)) {\n          source[methodName] = func;\n        }\n      });\n      return source;\n    }()), { 'chain': false });\n\n    /*------------------------------------------------------------------------*/\n\n    /**\n     * The semantic version number.\n     *\n     * @static\n     * @memberOf _\n     * @type {string}\n     */\n    lodash.VERSION = VERSION;\n\n    // Assign default placeholders.\n    arrayEach(['bind', 'bindKey', 'curry', 'curryRight', 'partial', 'partialRight'], function(methodName) {\n      lodash[methodName].placeholder = lodash;\n    });\n\n    // Add `LazyWrapper` methods for `_.drop` and `_.take` variants.\n    arrayEach(['drop', 'take'], function(methodName, index) {\n      LazyWrapper.prototype[methodName] = function(n) {\n        n = n === undefined ? 1 : nativeMax(toInteger(n), 0);\n\n        var result = (this.__filtered__ && !index)\n          ? new LazyWrapper(this)\n          : this.clone();\n\n        if (result.__filtered__) {\n          result.__takeCount__ = nativeMin(n, result.__takeCount__);\n        } else {\n          result.__views__.push({\n            'size': nativeMin(n, MAX_ARRAY_LENGTH),\n            'type': methodName + (result.__dir__ < 0 ? 'Right' : '')\n          });\n        }\n        return result;\n      };\n\n      LazyWrapper.prototype[methodName + 'Right'] = function(n) {\n        return this.reverse()[methodName](n).reverse();\n      };\n    });\n\n    // Add `LazyWrapper` methods that accept an `iteratee` value.\n    arrayEach(['filter', 'map', 'takeWhile'], function(methodName, index) {\n      var type = index + 1,\n          isFilter = type == LAZY_FILTER_FLAG || type == LAZY_WHILE_FLAG;\n\n      LazyWrapper.prototype[methodName] = function(iteratee) {\n        var result = this.clone();\n        result.__iteratees__.push({\n          'iteratee': getIteratee(iteratee, 3),\n          'type': type\n        });\n        result.__filtered__ = result.__filtered__ || isFilter;\n        return result;\n      };\n    });\n\n    // Add `LazyWrapper` methods for `_.head` and `_.last`.\n    arrayEach(['head', 'last'], function(methodName, index) {\n      var takeName = 'take' + (index ? 'Right' : '');\n\n      LazyWrapper.prototype[methodName] = function() {\n        return this[takeName](1).value()[0];\n      };\n    });\n\n    // Add `LazyWrapper` methods for `_.initial` and `_.tail`.\n    arrayEach(['initial', 'tail'], function(methodName, index) {\n      var dropName = 'drop' + (index ? '' : 'Right');\n\n      LazyWrapper.prototype[methodName] = function() {\n        return this.__filtered__ ? new LazyWrapper(this) : this[dropName](1);\n      };\n    });\n\n    LazyWrapper.prototype.compact = function() {\n      return this.filter(identity);\n    };\n\n    LazyWrapper.prototype.find = function(predicate) {\n      return this.filter(predicate).head();\n    };\n\n    LazyWrapper.prototype.findLast = function(predicate) {\n      return this.reverse().find(predicate);\n    };\n\n    LazyWrapper.prototype.invokeMap = baseRest(function(path, args) {\n      if (typeof path == 'function') {\n        return new LazyWrapper(this);\n      }\n      return this.map(function(value) {\n        return baseInvoke(value, path, args);\n      });\n    });\n\n    LazyWrapper.prototype.reject = function(predicate) {\n      return this.filter(negate(getIteratee(predicate)));\n    };\n\n    LazyWrapper.prototype.slice = function(start, end) {\n      start = toInteger(start);\n\n      var result = this;\n      if (result.__filtered__ && (start > 0 || end < 0)) {\n        return new LazyWrapper(result);\n      }\n      if (start < 0) {\n        result = result.takeRight(-start);\n      } else if (start) {\n        result = result.drop(start);\n      }\n      if (end !== undefined) {\n        end = toInteger(end);\n        result = end < 0 ? result.dropRight(-end) : result.take(end - start);\n      }\n      return result;\n    };\n\n    LazyWrapper.prototype.takeRightWhile = function(predicate) {\n      return this.reverse().takeWhile(predicate).reverse();\n    };\n\n    LazyWrapper.prototype.toArray = function() {\n      return this.take(MAX_ARRAY_LENGTH);\n    };\n\n    // Add `LazyWrapper` methods to `lodash.prototype`.\n    baseForOwn(LazyWrapper.prototype, function(func, methodName) {\n      var checkIteratee = /^(?:filter|find|map|reject)|While$/.test(methodName),\n          isTaker = /^(?:head|last)$/.test(methodName),\n          lodashFunc = lodash[isTaker ? ('take' + (methodName == 'last' ? 'Right' : '')) : methodName],\n          retUnwrapped = isTaker || /^find/.test(methodName);\n\n      if (!lodashFunc) {\n        return;\n      }\n      lodash.prototype[methodName] = function() {\n        var value = this.__wrapped__,\n            args = isTaker ? [1] : arguments,\n            isLazy = value instanceof LazyWrapper,\n            iteratee = args[0],\n            useLazy = isLazy || isArray(value);\n\n        var interceptor = function(value) {\n          var result = lodashFunc.apply(lodash, arrayPush([value], args));\n          return (isTaker && chainAll) ? result[0] : result;\n        };\n\n        if (useLazy && checkIteratee && typeof iteratee == 'function' && iteratee.length != 1) {\n          // Avoid lazy use if the iteratee has a \"length\" value other than `1`.\n          isLazy = useLazy = false;\n        }\n        var chainAll = this.__chain__,\n            isHybrid = !!this.__actions__.length,\n            isUnwrapped = retUnwrapped && !chainAll,\n            onlyLazy = isLazy && !isHybrid;\n\n        if (!retUnwrapped && useLazy) {\n          value = onlyLazy ? value : new LazyWrapper(this);\n          var result = func.apply(value, args);\n          result.__actions__.push({ 'func': thru, 'args': [interceptor], 'thisArg': undefined });\n          return new LodashWrapper(result, chainAll);\n        }\n        if (isUnwrapped && onlyLazy) {\n          return func.apply(this, args);\n        }\n        result = this.thru(interceptor);\n        return isUnwrapped ? (isTaker ? result.value()[0] : result.value()) : result;\n      };\n    });\n\n    // Add `Array` methods to `lodash.prototype`.\n    arrayEach(['pop', 'push', 'shift', 'sort', 'splice', 'unshift'], function(methodName) {\n      var func = arrayProto[methodName],\n          chainName = /^(?:push|sort|unshift)$/.test(methodName) ? 'tap' : 'thru',\n          retUnwrapped = /^(?:pop|shift)$/.test(methodName);\n\n      lodash.prototype[methodName] = function() {\n        var args = arguments;\n        if (retUnwrapped && !this.__chain__) {\n          var value = this.value();\n          return func.apply(isArray(value) ? value : [], args);\n        }\n        return this[chainName](function(value) {\n          return func.apply(isArray(value) ? value : [], args);\n        });\n      };\n    });\n\n    // Map minified method names to their real names.\n    baseForOwn(LazyWrapper.prototype, function(func, methodName) {\n      var lodashFunc = lodash[methodName];\n      if (lodashFunc) {\n        var key = lodashFunc.name + '';\n        if (!hasOwnProperty.call(realNames, key)) {\n          realNames[key] = [];\n        }\n        realNames[key].push({ 'name': methodName, 'func': lodashFunc });\n      }\n    });\n\n    realNames[createHybrid(undefined, WRAP_BIND_KEY_FLAG).name] = [{\n      'name': 'wrapper',\n      'func': undefined\n    }];\n\n    // Add methods to `LazyWrapper`.\n    LazyWrapper.prototype.clone = lazyClone;\n    LazyWrapper.prototype.reverse = lazyReverse;\n    LazyWrapper.prototype.value = lazyValue;\n\n    // Add chain sequence methods to the `lodash` wrapper.\n    lodash.prototype.at = wrapperAt;\n    lodash.prototype.chain = wrapperChain;\n    lodash.prototype.commit = wrapperCommit;\n    lodash.prototype.next = wrapperNext;\n    lodash.prototype.plant = wrapperPlant;\n    lodash.prototype.reverse = wrapperReverse;\n    lodash.prototype.toJSON = lodash.prototype.valueOf = lodash.prototype.value = wrapperValue;\n\n    // Add lazy aliases.\n    lodash.prototype.first = lodash.prototype.head;\n\n    if (symIterator) {\n      lodash.prototype[symIterator] = wrapperToIterator;\n    }\n    return lodash;\n  });\n\n  /*--------------------------------------------------------------------------*/\n\n  // Export lodash.\n  var _ = runInContext();\n\n  // Some AMD build optimizers, like r.js, check for condition patterns like:\n  if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {\n    // Expose Lodash on the global object to prevent errors when Lodash is\n    // loaded by a script tag in the presence of an AMD loader.\n    // See http://requirejs.org/docs/errors.html#mismatch for more details.\n    // Use `_.noConflict` to remove Lodash from the global object.\n    root._ = _;\n\n    // Define as an anonymous module so, through path mapping, it can be\n    // referenced as the \"underscore\" module.\n    define(function() {\n      return _;\n    });\n  }\n  // Check for `exports` after `define` in case a build optimizer adds it.\n  else if (freeModule) {\n    // Export for Node.js.\n    (freeModule.exports = _)._ = _;\n    // Export for CommonJS support.\n    freeExports._ = _;\n  }\n  else {\n    // Export to the global object.\n    root._ = _;\n  }\n}.call(this));\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],69:[function(require,module,exports){\nvar hasMap = typeof Map === 'function' && Map.prototype;\nvar mapSizeDescriptor = Object.getOwnPropertyDescriptor && hasMap ? Object.getOwnPropertyDescriptor(Map.prototype, 'size') : null;\nvar mapSize = hasMap && mapSizeDescriptor && typeof mapSizeDescriptor.get === 'function' ? mapSizeDescriptor.get : null;\nvar mapForEach = hasMap && Map.prototype.forEach;\nvar hasSet = typeof Set === 'function' && Set.prototype;\nvar setSizeDescriptor = Object.getOwnPropertyDescriptor && hasSet ? Object.getOwnPropertyDescriptor(Set.prototype, 'size') : null;\nvar setSize = hasSet && setSizeDescriptor && typeof setSizeDescriptor.get === 'function' ? setSizeDescriptor.get : null;\nvar setForEach = hasSet && Set.prototype.forEach;\nvar hasWeakMap = typeof WeakMap === 'function' && WeakMap.prototype;\nvar weakMapHas = hasWeakMap ? WeakMap.prototype.has : null;\nvar hasWeakSet = typeof WeakSet === 'function' && WeakSet.prototype;\nvar weakSetHas = hasWeakSet ? WeakSet.prototype.has : null;\nvar hasWeakRef = typeof WeakRef === 'function' && WeakRef.prototype;\nvar weakRefDeref = hasWeakRef ? WeakRef.prototype.deref : null;\nvar booleanValueOf = Boolean.prototype.valueOf;\nvar objectToString = Object.prototype.toString;\nvar functionToString = Function.prototype.toString;\nvar match = String.prototype.match;\nvar bigIntValueOf = typeof BigInt === 'function' ? BigInt.prototype.valueOf : null;\nvar gOPS = Object.getOwnPropertySymbols;\nvar symToString = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? Symbol.prototype.toString : null;\nvar hasShammedSymbols = typeof Symbol === 'function' && typeof Symbol.iterator === 'object';\nvar isEnumerable = Object.prototype.propertyIsEnumerable;\n\nvar gPO = (typeof Reflect === 'function' ? Reflect.getPrototypeOf : Object.getPrototypeOf) || (\n    [].__proto__ === Array.prototype // eslint-disable-line no-proto\n        ? function (O) {\n            return O.__proto__; // eslint-disable-line no-proto\n        }\n        : null\n);\n\nvar inspectCustom = require('./util.inspect').custom;\nvar inspectSymbol = inspectCustom && isSymbol(inspectCustom) ? inspectCustom : null;\nvar toStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag !== 'undefined' ? Symbol.toStringTag : null;\n\nmodule.exports = function inspect_(obj, options, depth, seen) {\n    var opts = options || {};\n\n    if (has(opts, 'quoteStyle') && (opts.quoteStyle !== 'single' && opts.quoteStyle !== 'double')) {\n        throw new TypeError('option \"quoteStyle\" must be \"single\" or \"double\"');\n    }\n    if (\n        has(opts, 'maxStringLength') && (typeof opts.maxStringLength === 'number'\n            ? opts.maxStringLength < 0 && opts.maxStringLength !== Infinity\n            : opts.maxStringLength !== null\n        )\n    ) {\n        throw new TypeError('option \"maxStringLength\", if provided, must be a positive integer, Infinity, or `null`');\n    }\n    var customInspect = has(opts, 'customInspect') ? opts.customInspect : true;\n    if (typeof customInspect !== 'boolean' && customInspect !== 'symbol') {\n        throw new TypeError('option \"customInspect\", if provided, must be `true`, `false`, or `\\'symbol\\'`');\n    }\n\n    if (\n        has(opts, 'indent')\n        && opts.indent !== null\n        && opts.indent !== '\\t'\n        && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)\n    ) {\n        throw new TypeError('options \"indent\" must be \"\\\\t\", an integer > 0, or `null`');\n    }\n\n    if (typeof obj === 'undefined') {\n        return 'undefined';\n    }\n    if (obj === null) {\n        return 'null';\n    }\n    if (typeof obj === 'boolean') {\n        return obj ? 'true' : 'false';\n    }\n\n    if (typeof obj === 'string') {\n        return inspectString(obj, opts);\n    }\n    if (typeof obj === 'number') {\n        if (obj === 0) {\n            return Infinity / obj > 0 ? '0' : '-0';\n        }\n        return String(obj);\n    }\n    if (typeof obj === 'bigint') {\n        return String(obj) + 'n';\n    }\n\n    var maxDepth = typeof opts.depth === 'undefined' ? 5 : opts.depth;\n    if (typeof depth === 'undefined') { depth = 0; }\n    if (depth >= maxDepth && maxDepth > 0 && typeof obj === 'object') {\n        return isArray(obj) ? '[Array]' : '[Object]';\n    }\n\n    var indent = getIndent(opts, depth);\n\n    if (typeof seen === 'undefined') {\n        seen = [];\n    } else if (indexOf(seen, obj) >= 0) {\n        return '[Circular]';\n    }\n\n    function inspect(value, from, noIndent) {\n        if (from) {\n            seen = seen.slice();\n            seen.push(from);\n        }\n        if (noIndent) {\n            var newOpts = {\n                depth: opts.depth\n            };\n            if (has(opts, 'quoteStyle')) {\n                newOpts.quoteStyle = opts.quoteStyle;\n            }\n            return inspect_(value, newOpts, depth + 1, seen);\n        }\n        return inspect_(value, opts, depth + 1, seen);\n    }\n\n    if (typeof obj === 'function') {\n        var name = nameOf(obj);\n        var keys = arrObjKeys(obj, inspect);\n        return '[Function' + (name ? ': ' + name : ' (anonymous)') + ']' + (keys.length > 0 ? ' { ' + keys.join(', ') + ' }' : '');\n    }\n    if (isSymbol(obj)) {\n        var symString = hasShammedSymbols ? String(obj).replace(/^(Symbol\\(.*\\))_[^)]*$/, '$1') : symToString.call(obj);\n        return typeof obj === 'object' && !hasShammedSymbols ? markBoxed(symString) : symString;\n    }\n    if (isElement(obj)) {\n        var s = '<' + String(obj.nodeName).toLowerCase();\n        var attrs = obj.attributes || [];\n        for (var i = 0; i < attrs.length; i++) {\n            s += ' ' + attrs[i].name + '=' + wrapQuotes(quote(attrs[i].value), 'double', opts);\n        }\n        s += '>';\n        if (obj.childNodes && obj.childNodes.length) { s += '...'; }\n        s += '</' + String(obj.nodeName).toLowerCase() + '>';\n        return s;\n    }\n    if (isArray(obj)) {\n        if (obj.length === 0) { return '[]'; }\n        var xs = arrObjKeys(obj, inspect);\n        if (indent && !singleLineValues(xs)) {\n            return '[' + indentedJoin(xs, indent) + ']';\n        }\n        return '[ ' + xs.join(', ') + ' ]';\n    }\n    if (isError(obj)) {\n        var parts = arrObjKeys(obj, inspect);\n        if (parts.length === 0) { return '[' + String(obj) + ']'; }\n        return '{ [' + String(obj) + '] ' + parts.join(', ') + ' }';\n    }\n    if (typeof obj === 'object' && customInspect) {\n        if (inspectSymbol && typeof obj[inspectSymbol] === 'function') {\n            return obj[inspectSymbol]();\n        } else if (customInspect !== 'symbol' && typeof obj.inspect === 'function') {\n            return obj.inspect();\n        }\n    }\n    if (isMap(obj)) {\n        var mapParts = [];\n        mapForEach.call(obj, function (value, key) {\n            mapParts.push(inspect(key, obj, true) + ' => ' + inspect(value, obj));\n        });\n        return collectionOf('Map', mapSize.call(obj), mapParts, indent);\n    }\n    if (isSet(obj)) {\n        var setParts = [];\n        setForEach.call(obj, function (value) {\n            setParts.push(inspect(value, obj));\n        });\n        return collectionOf('Set', setSize.call(obj), setParts, indent);\n    }\n    if (isWeakMap(obj)) {\n        return weakCollectionOf('WeakMap');\n    }\n    if (isWeakSet(obj)) {\n        return weakCollectionOf('WeakSet');\n    }\n    if (isWeakRef(obj)) {\n        return weakCollectionOf('WeakRef');\n    }\n    if (isNumber(obj)) {\n        return markBoxed(inspect(Number(obj)));\n    }\n    if (isBigInt(obj)) {\n        return markBoxed(inspect(bigIntValueOf.call(obj)));\n    }\n    if (isBoolean(obj)) {\n        return markBoxed(booleanValueOf.call(obj));\n    }\n    if (isString(obj)) {\n        return markBoxed(inspect(String(obj)));\n    }\n    if (!isDate(obj) && !isRegExp(obj)) {\n        var ys = arrObjKeys(obj, inspect);\n        var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;\n        var protoTag = obj instanceof Object ? '' : 'null prototype';\n        var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? toStr(obj).slice(8, -1) : protoTag ? 'Object' : '';\n        var constructorTag = isPlainObject || typeof obj.constructor !== 'function' ? '' : obj.constructor.name ? obj.constructor.name + ' ' : '';\n        var tag = constructorTag + (stringTag || protoTag ? '[' + [].concat(stringTag || [], protoTag || []).join(': ') + '] ' : '');\n        if (ys.length === 0) { return tag + '{}'; }\n        if (indent) {\n            return tag + '{' + indentedJoin(ys, indent) + '}';\n        }\n        return tag + '{ ' + ys.join(', ') + ' }';\n    }\n    return String(obj);\n};\n\nfunction wrapQuotes(s, defaultStyle, opts) {\n    var quoteChar = (opts.quoteStyle || defaultStyle) === 'double' ? '\"' : \"'\";\n    return quoteChar + s + quoteChar;\n}\n\nfunction quote(s) {\n    return String(s).replace(/\"/g, '&quot;');\n}\n\nfunction isArray(obj) { return toStr(obj) === '[object Array]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isDate(obj) { return toStr(obj) === '[object Date]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isRegExp(obj) { return toStr(obj) === '[object RegExp]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isError(obj) { return toStr(obj) === '[object Error]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isString(obj) { return toStr(obj) === '[object String]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isNumber(obj) { return toStr(obj) === '[object Number]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\nfunction isBoolean(obj) { return toStr(obj) === '[object Boolean]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }\n\n// Symbol and BigInt do have Symbol.toStringTag by spec, so that can't be used to eliminate false positives\nfunction isSymbol(obj) {\n    if (hasShammedSymbols) {\n        return obj && typeof obj === 'object' && obj instanceof Symbol;\n    }\n    if (typeof obj === 'symbol') {\n        return true;\n    }\n    if (!obj || typeof obj !== 'object' || !symToString) {\n        return false;\n    }\n    try {\n        symToString.call(obj);\n        return true;\n    } catch (e) {}\n    return false;\n}\n\nfunction isBigInt(obj) {\n    if (!obj || typeof obj !== 'object' || !bigIntValueOf) {\n        return false;\n    }\n    try {\n        bigIntValueOf.call(obj);\n        return true;\n    } catch (e) {}\n    return false;\n}\n\nvar hasOwn = Object.prototype.hasOwnProperty || function (key) { return key in this; };\nfunction has(obj, key) {\n    return hasOwn.call(obj, key);\n}\n\nfunction toStr(obj) {\n    return objectToString.call(obj);\n}\n\nfunction nameOf(f) {\n    if (f.name) { return f.name; }\n    var m = match.call(functionToString.call(f), /^function\\s*([\\w$]+)/);\n    if (m) { return m[1]; }\n    return null;\n}\n\nfunction indexOf(xs, x) {\n    if (xs.indexOf) { return xs.indexOf(x); }\n    for (var i = 0, l = xs.length; i < l; i++) {\n        if (xs[i] === x) { return i; }\n    }\n    return -1;\n}\n\nfunction isMap(x) {\n    if (!mapSize || !x || typeof x !== 'object') {\n        return false;\n    }\n    try {\n        mapSize.call(x);\n        try {\n            setSize.call(x);\n        } catch (s) {\n            return true;\n        }\n        return x instanceof Map; // core-js workaround, pre-v2.5.0\n    } catch (e) {}\n    return false;\n}\n\nfunction isWeakMap(x) {\n    if (!weakMapHas || !x || typeof x !== 'object') {\n        return false;\n    }\n    try {\n        weakMapHas.call(x, weakMapHas);\n        try {\n            weakSetHas.call(x, weakSetHas);\n        } catch (s) {\n            return true;\n        }\n        return x instanceof WeakMap; // core-js workaround, pre-v2.5.0\n    } catch (e) {}\n    return false;\n}\n\nfunction isWeakRef(x) {\n    if (!weakRefDeref || !x || typeof x !== 'object') {\n        return false;\n    }\n    try {\n        weakRefDeref.call(x);\n        return true;\n    } catch (e) {}\n    return false;\n}\n\nfunction isSet(x) {\n    if (!setSize || !x || typeof x !== 'object') {\n        return false;\n    }\n    try {\n        setSize.call(x);\n        try {\n            mapSize.call(x);\n        } catch (m) {\n            return true;\n        }\n        return x instanceof Set; // core-js workaround, pre-v2.5.0\n    } catch (e) {}\n    return false;\n}\n\nfunction isWeakSet(x) {\n    if (!weakSetHas || !x || typeof x !== 'object') {\n        return false;\n    }\n    try {\n        weakSetHas.call(x, weakSetHas);\n        try {\n            weakMapHas.call(x, weakMapHas);\n        } catch (s) {\n            return true;\n        }\n        return x instanceof WeakSet; // core-js workaround, pre-v2.5.0\n    } catch (e) {}\n    return false;\n}\n\nfunction isElement(x) {\n    if (!x || typeof x !== 'object') { return false; }\n    if (typeof HTMLElement !== 'undefined' && x instanceof HTMLElement) {\n        return true;\n    }\n    return typeof x.nodeName === 'string' && typeof x.getAttribute === 'function';\n}\n\nfunction inspectString(str, opts) {\n    if (str.length > opts.maxStringLength) {\n        var remaining = str.length - opts.maxStringLength;\n        var trailer = '... ' + remaining + ' more character' + (remaining > 1 ? 's' : '');\n        return inspectString(str.slice(0, opts.maxStringLength), opts) + trailer;\n    }\n    // eslint-disable-next-line no-control-regex\n    var s = str.replace(/(['\\\\])/g, '\\\\$1').replace(/[\\x00-\\x1f]/g, lowbyte);\n    return wrapQuotes(s, 'single', opts);\n}\n\nfunction lowbyte(c) {\n    var n = c.charCodeAt(0);\n    var x = {\n        8: 'b',\n        9: 't',\n        10: 'n',\n        12: 'f',\n        13: 'r'\n    }[n];\n    if (x) { return '\\\\' + x; }\n    return '\\\\x' + (n < 0x10 ? '0' : '') + n.toString(16).toUpperCase();\n}\n\nfunction markBoxed(str) {\n    return 'Object(' + str + ')';\n}\n\nfunction weakCollectionOf(type) {\n    return type + ' { ? }';\n}\n\nfunction collectionOf(type, size, entries, indent) {\n    var joinedEntries = indent ? indentedJoin(entries, indent) : entries.join(', ');\n    return type + ' (' + size + ') {' + joinedEntries + '}';\n}\n\nfunction singleLineValues(xs) {\n    for (var i = 0; i < xs.length; i++) {\n        if (indexOf(xs[i], '\\n') >= 0) {\n            return false;\n        }\n    }\n    return true;\n}\n\nfunction getIndent(opts, depth) {\n    var baseIndent;\n    if (opts.indent === '\\t') {\n        baseIndent = '\\t';\n    } else if (typeof opts.indent === 'number' && opts.indent > 0) {\n        baseIndent = Array(opts.indent + 1).join(' ');\n    } else {\n        return null;\n    }\n    return {\n        base: baseIndent,\n        prev: Array(depth + 1).join(baseIndent)\n    };\n}\n\nfunction indentedJoin(xs, indent) {\n    if (xs.length === 0) { return ''; }\n    var lineJoiner = '\\n' + indent.prev + indent.base;\n    return lineJoiner + xs.join(',' + lineJoiner) + '\\n' + indent.prev;\n}\n\nfunction arrObjKeys(obj, inspect) {\n    var isArr = isArray(obj);\n    var xs = [];\n    if (isArr) {\n        xs.length = obj.length;\n        for (var i = 0; i < obj.length; i++) {\n            xs[i] = has(obj, i) ? inspect(obj[i], obj) : '';\n        }\n    }\n    var syms = typeof gOPS === 'function' ? gOPS(obj) : [];\n    var symMap;\n    if (hasShammedSymbols) {\n        symMap = {};\n        for (var k = 0; k < syms.length; k++) {\n            symMap['$' + syms[k]] = syms[k];\n        }\n    }\n\n    for (var key in obj) { // eslint-disable-line no-restricted-syntax\n        if (!has(obj, key)) { continue; } // eslint-disable-line no-restricted-syntax, no-continue\n        if (isArr && String(Number(key)) === key && key < obj.length) { continue; } // eslint-disable-line no-restricted-syntax, no-continue\n        if (hasShammedSymbols && symMap['$' + key] instanceof Symbol) {\n            // this is to prevent shammed Symbols, which are stored as strings, from being included in the string key section\n            continue; // eslint-disable-line no-restricted-syntax, no-continue\n        } else if ((/[^\\w$]/).test(key)) {\n            xs.push(inspect(key, obj) + ': ' + inspect(obj[key], obj));\n        } else {\n            xs.push(key + ': ' + inspect(obj[key], obj));\n        }\n    }\n    if (typeof gOPS === 'function') {\n        for (var j = 0; j < syms.length; j++) {\n            if (isEnumerable.call(obj, syms[j])) {\n                xs.push('[' + inspect(syms[j]) + ']: ' + inspect(obj[syms[j]], obj));\n            }\n        }\n    }\n    return xs;\n}\n\n},{\"./util.inspect\":57}],70:[function(require,module,exports){\n'use strict';\n\nmodule.exports = require('./lib')\n\n},{\"./lib\":75}],71:[function(require,module,exports){\n'use strict';\n\nvar asap = require('asap/raw');\n\nfunction noop() {}\n\n// States:\n//\n// 0 - pending\n// 1 - fulfilled with _value\n// 2 - rejected with _value\n// 3 - adopted the state of another promise, _value\n//\n// once the state is no longer pending (0) it is immutable\n\n// All `_` prefixed properties will be reduced to `_{random number}`\n// at build time to obfuscate them and discourage their use.\n// We don't use symbols or Object.defineProperty to fully hide them\n// because the performance isn't good enough.\n\n\n// to avoid using try/catch inside critical functions, we\n// extract them to here.\nvar LAST_ERROR = null;\nvar IS_ERROR = {};\nfunction getThen(obj) {\n  try {\n    return obj.then;\n  } catch (ex) {\n    LAST_ERROR = ex;\n    return IS_ERROR;\n  }\n}\n\nfunction tryCallOne(fn, a) {\n  try {\n    return fn(a);\n  } catch (ex) {\n    LAST_ERROR = ex;\n    return IS_ERROR;\n  }\n}\nfunction tryCallTwo(fn, a, b) {\n  try {\n    fn(a, b);\n  } catch (ex) {\n    LAST_ERROR = ex;\n    return IS_ERROR;\n  }\n}\n\nmodule.exports = Promise;\n\nfunction Promise(fn) {\n  if (typeof this !== 'object') {\n    throw new TypeError('Promises must be constructed via new');\n  }\n  if (typeof fn !== 'function') {\n    throw new TypeError('Promise constructor\\'s argument is not a function');\n  }\n  this._40 = 0;\n  this._65 = 0;\n  this._55 = null;\n  this._72 = null;\n  if (fn === noop) return;\n  doResolve(fn, this);\n}\nPromise._37 = null;\nPromise._87 = null;\nPromise._61 = noop;\n\nPromise.prototype.then = function(onFulfilled, onRejected) {\n  if (this.constructor !== Promise) {\n    return safeThen(this, onFulfilled, onRejected);\n  }\n  var res = new Promise(noop);\n  handle(this, new Handler(onFulfilled, onRejected, res));\n  return res;\n};\n\nfunction safeThen(self, onFulfilled, onRejected) {\n  return new self.constructor(function (resolve, reject) {\n    var res = new Promise(noop);\n    res.then(resolve, reject);\n    handle(self, new Handler(onFulfilled, onRejected, res));\n  });\n}\nfunction handle(self, deferred) {\n  while (self._65 === 3) {\n    self = self._55;\n  }\n  if (Promise._37) {\n    Promise._37(self);\n  }\n  if (self._65 === 0) {\n    if (self._40 === 0) {\n      self._40 = 1;\n      self._72 = deferred;\n      return;\n    }\n    if (self._40 === 1) {\n      self._40 = 2;\n      self._72 = [self._72, deferred];\n      return;\n    }\n    self._72.push(deferred);\n    return;\n  }\n  handleResolved(self, deferred);\n}\n\nfunction handleResolved(self, deferred) {\n  asap(function() {\n    var cb = self._65 === 1 ? deferred.onFulfilled : deferred.onRejected;\n    if (cb === null) {\n      if (self._65 === 1) {\n        resolve(deferred.promise, self._55);\n      } else {\n        reject(deferred.promise, self._55);\n      }\n      return;\n    }\n    var ret = tryCallOne(cb, self._55);\n    if (ret === IS_ERROR) {\n      reject(deferred.promise, LAST_ERROR);\n    } else {\n      resolve(deferred.promise, ret);\n    }\n  });\n}\nfunction resolve(self, newValue) {\n  // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure\n  if (newValue === self) {\n    return reject(\n      self,\n      new TypeError('A promise cannot be resolved with itself.')\n    );\n  }\n  if (\n    newValue &&\n    (typeof newValue === 'object' || typeof newValue === 'function')\n  ) {\n    var then = getThen(newValue);\n    if (then === IS_ERROR) {\n      return reject(self, LAST_ERROR);\n    }\n    if (\n      then === self.then &&\n      newValue instanceof Promise\n    ) {\n      self._65 = 3;\n      self._55 = newValue;\n      finale(self);\n      return;\n    } else if (typeof then === 'function') {\n      doResolve(then.bind(newValue), self);\n      return;\n    }\n  }\n  self._65 = 1;\n  self._55 = newValue;\n  finale(self);\n}\n\nfunction reject(self, newValue) {\n  self._65 = 2;\n  self._55 = newValue;\n  if (Promise._87) {\n    Promise._87(self, newValue);\n  }\n  finale(self);\n}\nfunction finale(self) {\n  if (self._40 === 1) {\n    handle(self, self._72);\n    self._72 = null;\n  }\n  if (self._40 === 2) {\n    for (var i = 0; i < self._72.length; i++) {\n      handle(self, self._72[i]);\n    }\n    self._72 = null;\n  }\n}\n\nfunction Handler(onFulfilled, onRejected, promise){\n  this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;\n  this.onRejected = typeof onRejected === 'function' ? onRejected : null;\n  this.promise = promise;\n}\n\n/**\n * Take a potentially misbehaving resolver function and make sure\n * onFulfilled and onRejected are only called once.\n *\n * Makes no guarantees about asynchrony.\n */\nfunction doResolve(fn, promise) {\n  var done = false;\n  var res = tryCallTwo(fn, function (value) {\n    if (done) return;\n    done = true;\n    resolve(promise, value);\n  }, function (reason) {\n    if (done) return;\n    done = true;\n    reject(promise, reason);\n  });\n  if (!done && res === IS_ERROR) {\n    done = true;\n    reject(promise, LAST_ERROR);\n  }\n}\n\n},{\"asap/raw\":56}],72:[function(require,module,exports){\n'use strict';\n\nvar Promise = require('./core.js');\n\nmodule.exports = Promise;\nPromise.prototype.done = function (onFulfilled, onRejected) {\n  var self = arguments.length ? this.then.apply(this, arguments) : this;\n  self.then(null, function (err) {\n    setTimeout(function () {\n      throw err;\n    }, 0);\n  });\n};\n\n},{\"./core.js\":71}],73:[function(require,module,exports){\n'use strict';\n\n//This file contains the ES6 extensions to the core Promises/A+ API\n\nvar Promise = require('./core.js');\n\nmodule.exports = Promise;\n\n/* Static Functions */\n\nvar TRUE = valuePromise(true);\nvar FALSE = valuePromise(false);\nvar NULL = valuePromise(null);\nvar UNDEFINED = valuePromise(undefined);\nvar ZERO = valuePromise(0);\nvar EMPTYSTRING = valuePromise('');\n\nfunction valuePromise(value) {\n  var p = new Promise(Promise._61);\n  p._65 = 1;\n  p._55 = value;\n  return p;\n}\nPromise.resolve = function (value) {\n  if (value instanceof Promise) return value;\n\n  if (value === null) return NULL;\n  if (value === undefined) return UNDEFINED;\n  if (value === true) return TRUE;\n  if (value === false) return FALSE;\n  if (value === 0) return ZERO;\n  if (value === '') return EMPTYSTRING;\n\n  if (typeof value === 'object' || typeof value === 'function') {\n    try {\n      var then = value.then;\n      if (typeof then === 'function') {\n        return new Promise(then.bind(value));\n      }\n    } catch (ex) {\n      return new Promise(function (resolve, reject) {\n        reject(ex);\n      });\n    }\n  }\n  return valuePromise(value);\n};\n\nPromise.all = function (arr) {\n  var args = Array.prototype.slice.call(arr);\n\n  return new Promise(function (resolve, reject) {\n    if (args.length === 0) return resolve([]);\n    var remaining = args.length;\n    function res(i, val) {\n      if (val && (typeof val === 'object' || typeof val === 'function')) {\n        if (val instanceof Promise && val.then === Promise.prototype.then) {\n          while (val._65 === 3) {\n            val = val._55;\n          }\n          if (val._65 === 1) return res(i, val._55);\n          if (val._65 === 2) reject(val._55);\n          val.then(function (val) {\n            res(i, val);\n          }, reject);\n          return;\n        } else {\n          var then = val.then;\n          if (typeof then === 'function') {\n            var p = new Promise(then.bind(val));\n            p.then(function (val) {\n              res(i, val);\n            }, reject);\n            return;\n          }\n        }\n      }\n      args[i] = val;\n      if (--remaining === 0) {\n        resolve(args);\n      }\n    }\n    for (var i = 0; i < args.length; i++) {\n      res(i, args[i]);\n    }\n  });\n};\n\nPromise.reject = function (value) {\n  return new Promise(function (resolve, reject) {\n    reject(value);\n  });\n};\n\nPromise.race = function (values) {\n  return new Promise(function (resolve, reject) {\n    values.forEach(function(value){\n      Promise.resolve(value).then(resolve, reject);\n    });\n  });\n};\n\n/* Prototype Methods */\n\nPromise.prototype['catch'] = function (onRejected) {\n  return this.then(null, onRejected);\n};\n\n},{\"./core.js\":71}],74:[function(require,module,exports){\n'use strict';\n\nvar Promise = require('./core.js');\n\nmodule.exports = Promise;\nPromise.prototype['finally'] = function (f) {\n  return this.then(function (value) {\n    return Promise.resolve(f()).then(function () {\n      return value;\n    });\n  }, function (err) {\n    return Promise.resolve(f()).then(function () {\n      throw err;\n    });\n  });\n};\n\n},{\"./core.js\":71}],75:[function(require,module,exports){\n'use strict';\n\nmodule.exports = require('./core.js');\nrequire('./done.js');\nrequire('./finally.js');\nrequire('./es6-extensions.js');\nrequire('./node-extensions.js');\nrequire('./synchronous.js');\n\n},{\"./core.js\":71,\"./done.js\":72,\"./es6-extensions.js\":73,\"./finally.js\":74,\"./node-extensions.js\":76,\"./synchronous.js\":77}],76:[function(require,module,exports){\n'use strict';\n\n// This file contains then/promise specific extensions that are only useful\n// for node.js interop\n\nvar Promise = require('./core.js');\nvar asap = require('asap');\n\nmodule.exports = Promise;\n\n/* Static Functions */\n\nPromise.denodeify = function (fn, argumentCount) {\n  if (\n    typeof argumentCount === 'number' && argumentCount !== Infinity\n  ) {\n    return denodeifyWithCount(fn, argumentCount);\n  } else {\n    return denodeifyWithoutCount(fn);\n  }\n};\n\nvar callbackFn = (\n  'function (err, res) {' +\n  'if (err) { rj(err); } else { rs(res); }' +\n  '}'\n);\nfunction denodeifyWithCount(fn, argumentCount) {\n  var args = [];\n  for (var i = 0; i < argumentCount; i++) {\n    args.push('a' + i);\n  }\n  var body = [\n    'return function (' + args.join(',') + ') {',\n    'var self = this;',\n    'return new Promise(function (rs, rj) {',\n    'var res = fn.call(',\n    ['self'].concat(args).concat([callbackFn]).join(','),\n    ');',\n    'if (res &&',\n    '(typeof res === \"object\" || typeof res === \"function\") &&',\n    'typeof res.then === \"function\"',\n    ') {rs(res);}',\n    '});',\n    '};'\n  ].join('');\n  return Function(['Promise', 'fn'], body)(Promise, fn);\n}\nfunction denodeifyWithoutCount(fn) {\n  var fnLength = Math.max(fn.length - 1, 3);\n  var args = [];\n  for (var i = 0; i < fnLength; i++) {\n    args.push('a' + i);\n  }\n  var body = [\n    'return function (' + args.join(',') + ') {',\n    'var self = this;',\n    'var args;',\n    'var argLength = arguments.length;',\n    'if (arguments.length > ' + fnLength + ') {',\n    'args = new Array(arguments.length + 1);',\n    'for (var i = 0; i < arguments.length; i++) {',\n    'args[i] = arguments[i];',\n    '}',\n    '}',\n    'return new Promise(function (rs, rj) {',\n    'var cb = ' + callbackFn + ';',\n    'var res;',\n    'switch (argLength) {',\n    args.concat(['extra']).map(function (_, index) {\n      return (\n        'case ' + (index) + ':' +\n        'res = fn.call(' + ['self'].concat(args.slice(0, index)).concat('cb').join(',') + ');' +\n        'break;'\n      );\n    }).join(''),\n    'default:',\n    'args[argLength] = cb;',\n    'res = fn.apply(self, args);',\n    '}',\n    \n    'if (res &&',\n    '(typeof res === \"object\" || typeof res === \"function\") &&',\n    'typeof res.then === \"function\"',\n    ') {rs(res);}',\n    '});',\n    '};'\n  ].join('');\n\n  return Function(\n    ['Promise', 'fn'],\n    body\n  )(Promise, fn);\n}\n\nPromise.nodeify = function (fn) {\n  return function () {\n    var args = Array.prototype.slice.call(arguments);\n    var callback =\n      typeof args[args.length - 1] === 'function' ? args.pop() : null;\n    var ctx = this;\n    try {\n      return fn.apply(this, arguments).nodeify(callback, ctx);\n    } catch (ex) {\n      if (callback === null || typeof callback == 'undefined') {\n        return new Promise(function (resolve, reject) {\n          reject(ex);\n        });\n      } else {\n        asap(function () {\n          callback.call(ctx, ex);\n        })\n      }\n    }\n  }\n};\n\nPromise.prototype.nodeify = function (callback, ctx) {\n  if (typeof callback != 'function') return this;\n\n  this.then(function (value) {\n    asap(function () {\n      callback.call(ctx, null, value);\n    });\n  }, function (err) {\n    asap(function () {\n      callback.call(ctx, err);\n    });\n  });\n};\n\n},{\"./core.js\":71,\"asap\":55}],77:[function(require,module,exports){\n'use strict';\n\nvar Promise = require('./core.js');\n\nmodule.exports = Promise;\nPromise.enableSynchronous = function () {\n  Promise.prototype.isPending = function() {\n    return this.getState() == 0;\n  };\n\n  Promise.prototype.isFulfilled = function() {\n    return this.getState() == 1;\n  };\n\n  Promise.prototype.isRejected = function() {\n    return this.getState() == 2;\n  };\n\n  Promise.prototype.getValue = function () {\n    if (this._65 === 3) {\n      return this._55.getValue();\n    }\n\n    if (!this.isFulfilled()) {\n      throw new Error('Cannot get a value of an unfulfilled promise.');\n    }\n\n    return this._55;\n  };\n\n  Promise.prototype.getReason = function () {\n    if (this._65 === 3) {\n      return this._55.getReason();\n    }\n\n    if (!this.isRejected()) {\n      throw new Error('Cannot get a rejection reason of a non-rejected promise.');\n    }\n\n    return this._55;\n  };\n\n  Promise.prototype.getState = function () {\n    if (this._65 === 3) {\n      return this._55.getState();\n    }\n    if (this._65 === -1 || this._65 === -2) {\n      return 0;\n    }\n\n    return this._65;\n  };\n};\n\nPromise.disableSynchronous = function() {\n  Promise.prototype.isPending = undefined;\n  Promise.prototype.isFulfilled = undefined;\n  Promise.prototype.isRejected = undefined;\n  Promise.prototype.getValue = undefined;\n  Promise.prototype.getReason = undefined;\n  Promise.prototype.getState = undefined;\n};\n\n},{\"./core.js\":71}],78:[function(require,module,exports){\n(function (global){(function (){\n/*! https://mths.be/punycode v1.4.1 by @mathias */\n;(function(root) {\n\n\t/** Detect free variables */\n\tvar freeExports = typeof exports == 'object' && exports &&\n\t\t!exports.nodeType && exports;\n\tvar freeModule = typeof module == 'object' && module &&\n\t\t!module.nodeType && module;\n\tvar freeGlobal = typeof global == 'object' && global;\n\tif (\n\t\tfreeGlobal.global === freeGlobal ||\n\t\tfreeGlobal.window === freeGlobal ||\n\t\tfreeGlobal.self === freeGlobal\n\t) {\n\t\troot = freeGlobal;\n\t}\n\n\t/**\n\t * The `punycode` object.\n\t * @name punycode\n\t * @type Object\n\t */\n\tvar punycode,\n\n\t/** Highest positive signed 32-bit float value */\n\tmaxInt = 2147483647, // aka. 0x7FFFFFFF or 2^31-1\n\n\t/** Bootstring parameters */\n\tbase = 36,\n\ttMin = 1,\n\ttMax = 26,\n\tskew = 38,\n\tdamp = 700,\n\tinitialBias = 72,\n\tinitialN = 128, // 0x80\n\tdelimiter = '-', // '\\x2D'\n\n\t/** Regular expressions */\n\tregexPunycode = /^xn--/,\n\tregexNonASCII = /[^\\x20-\\x7E]/, // unprintable ASCII chars + non-ASCII chars\n\tregexSeparators = /[\\x2E\\u3002\\uFF0E\\uFF61]/g, // RFC 3490 separators\n\n\t/** Error messages */\n\terrors = {\n\t\t'overflow': 'Overflow: input needs wider integers to process',\n\t\t'not-basic': 'Illegal input >= 0x80 (not a basic code point)',\n\t\t'invalid-input': 'Invalid input'\n\t},\n\n\t/** Convenience shortcuts */\n\tbaseMinusTMin = base - tMin,\n\tfloor = Math.floor,\n\tstringFromCharCode = String.fromCharCode,\n\n\t/** Temporary variable */\n\tkey;\n\n\t/*--------------------------------------------------------------------------*/\n\n\t/**\n\t * A generic error utility function.\n\t * @private\n\t * @param {String} type The error type.\n\t * @returns {Error} Throws a `RangeError` with the applicable error message.\n\t */\n\tfunction error(type) {\n\t\tthrow new RangeError(errors[type]);\n\t}\n\n\t/**\n\t * A generic `Array#map` utility function.\n\t * @private\n\t * @param {Array} array The array to iterate over.\n\t * @param {Function} callback The function that gets called for every array\n\t * item.\n\t * @returns {Array} A new array of values returned by the callback function.\n\t */\n\tfunction map(array, fn) {\n\t\tvar length = array.length;\n\t\tvar result = [];\n\t\twhile (length--) {\n\t\t\tresult[length] = fn(array[length]);\n\t\t}\n\t\treturn result;\n\t}\n\n\t/**\n\t * A simple `Array#map`-like wrapper to work with domain name strings or email\n\t * addresses.\n\t * @private\n\t * @param {String} domain The domain name or email address.\n\t * @param {Function} callback The function that gets called for every\n\t * character.\n\t * @returns {Array} A new string of characters returned by the callback\n\t * function.\n\t */\n\tfunction mapDomain(string, fn) {\n\t\tvar parts = string.split('@');\n\t\tvar result = '';\n\t\tif (parts.length > 1) {\n\t\t\t// In email addresses, only the domain name should be punycoded. Leave\n\t\t\t// the local part (i.e. everything up to `@`) intact.\n\t\t\tresult = parts[0] + '@';\n\t\t\tstring = parts[1];\n\t\t}\n\t\t// Avoid `split(regex)` for IE8 compatibility. See #17.\n\t\tstring = string.replace(regexSeparators, '\\x2E');\n\t\tvar labels = string.split('.');\n\t\tvar encoded = map(labels, fn).join('.');\n\t\treturn result + encoded;\n\t}\n\n\t/**\n\t * Creates an array containing the numeric code points of each Unicode\n\t * character in the string. While JavaScript uses UCS-2 internally,\n\t * this function will convert a pair of surrogate halves (each of which\n\t * UCS-2 exposes as separate characters) into a single code point,\n\t * matching UTF-16.\n\t * @see `punycode.ucs2.encode`\n\t * @see <https://mathiasbynens.be/notes/javascript-encoding>\n\t * @memberOf punycode.ucs2\n\t * @name decode\n\t * @param {String} string The Unicode input string (UCS-2).\n\t * @returns {Array} The new array of code points.\n\t */\n\tfunction ucs2decode(string) {\n\t\tvar output = [],\n\t\t    counter = 0,\n\t\t    length = string.length,\n\t\t    value,\n\t\t    extra;\n\t\twhile (counter < length) {\n\t\t\tvalue = string.charCodeAt(counter++);\n\t\t\tif (value >= 0xD800 && value <= 0xDBFF && counter < length) {\n\t\t\t\t// high surrogate, and there is a next character\n\t\t\t\textra = string.charCodeAt(counter++);\n\t\t\t\tif ((extra & 0xFC00) == 0xDC00) { // low surrogate\n\t\t\t\t\toutput.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);\n\t\t\t\t} else {\n\t\t\t\t\t// unmatched surrogate; only append this code unit, in case the next\n\t\t\t\t\t// code unit is the high surrogate of a surrogate pair\n\t\t\t\t\toutput.push(value);\n\t\t\t\t\tcounter--;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toutput.push(value);\n\t\t\t}\n\t\t}\n\t\treturn output;\n\t}\n\n\t/**\n\t * Creates a string based on an array of numeric code points.\n\t * @see `punycode.ucs2.decode`\n\t * @memberOf punycode.ucs2\n\t * @name encode\n\t * @param {Array} codePoints The array of numeric code points.\n\t * @returns {String} The new Unicode string (UCS-2).\n\t */\n\tfunction ucs2encode(array) {\n\t\treturn map(array, function(value) {\n\t\t\tvar output = '';\n\t\t\tif (value > 0xFFFF) {\n\t\t\t\tvalue -= 0x10000;\n\t\t\t\toutput += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);\n\t\t\t\tvalue = 0xDC00 | value & 0x3FF;\n\t\t\t}\n\t\t\toutput += stringFromCharCode(value);\n\t\t\treturn output;\n\t\t}).join('');\n\t}\n\n\t/**\n\t * Converts a basic code point into a digit/integer.\n\t * @see `digitToBasic()`\n\t * @private\n\t * @param {Number} codePoint The basic numeric code point value.\n\t * @returns {Number} The numeric value of a basic code point (for use in\n\t * representing integers) in the range `0` to `base - 1`, or `base` if\n\t * the code point does not represent a value.\n\t */\n\tfunction basicToDigit(codePoint) {\n\t\tif (codePoint - 48 < 10) {\n\t\t\treturn codePoint - 22;\n\t\t}\n\t\tif (codePoint - 65 < 26) {\n\t\t\treturn codePoint - 65;\n\t\t}\n\t\tif (codePoint - 97 < 26) {\n\t\t\treturn codePoint - 97;\n\t\t}\n\t\treturn base;\n\t}\n\n\t/**\n\t * Converts a digit/integer into a basic code point.\n\t * @see `basicToDigit()`\n\t * @private\n\t * @param {Number} digit The numeric value of a basic code point.\n\t * @returns {Number} The basic code point whose value (when used for\n\t * representing integers) is `digit`, which needs to be in the range\n\t * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is\n\t * used; else, the lowercase form is used. The behavior is undefined\n\t * if `flag` is non-zero and `digit` has no uppercase form.\n\t */\n\tfunction digitToBasic(digit, flag) {\n\t\t//  0..25 map to ASCII a..z or A..Z\n\t\t// 26..35 map to ASCII 0..9\n\t\treturn digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);\n\t}\n\n\t/**\n\t * Bias adaptation function as per section 3.4 of RFC 3492.\n\t * https://tools.ietf.org/html/rfc3492#section-3.4\n\t * @private\n\t */\n\tfunction adapt(delta, numPoints, firstTime) {\n\t\tvar k = 0;\n\t\tdelta = firstTime ? floor(delta / damp) : delta >> 1;\n\t\tdelta += floor(delta / numPoints);\n\t\tfor (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {\n\t\t\tdelta = floor(delta / baseMinusTMin);\n\t\t}\n\t\treturn floor(k + (baseMinusTMin + 1) * delta / (delta + skew));\n\t}\n\n\t/**\n\t * Converts a Punycode string of ASCII-only symbols to a string of Unicode\n\t * symbols.\n\t * @memberOf punycode\n\t * @param {String} input The Punycode string of ASCII-only symbols.\n\t * @returns {String} The resulting string of Unicode symbols.\n\t */\n\tfunction decode(input) {\n\t\t// Don't use UCS-2\n\t\tvar output = [],\n\t\t    inputLength = input.length,\n\t\t    out,\n\t\t    i = 0,\n\t\t    n = initialN,\n\t\t    bias = initialBias,\n\t\t    basic,\n\t\t    j,\n\t\t    index,\n\t\t    oldi,\n\t\t    w,\n\t\t    k,\n\t\t    digit,\n\t\t    t,\n\t\t    /** Cached calculation results */\n\t\t    baseMinusT;\n\n\t\t// Handle the basic code points: let `basic` be the number of input code\n\t\t// points before the last delimiter, or `0` if there is none, then copy\n\t\t// the first basic code points to the output.\n\n\t\tbasic = input.lastIndexOf(delimiter);\n\t\tif (basic < 0) {\n\t\t\tbasic = 0;\n\t\t}\n\n\t\tfor (j = 0; j < basic; ++j) {\n\t\t\t// if it's not a basic code point\n\t\t\tif (input.charCodeAt(j) >= 0x80) {\n\t\t\t\terror('not-basic');\n\t\t\t}\n\t\t\toutput.push(input.charCodeAt(j));\n\t\t}\n\n\t\t// Main decoding loop: start just after the last delimiter if any basic code\n\t\t// points were copied; start at the beginning otherwise.\n\n\t\tfor (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {\n\n\t\t\t// `index` is the index of the next character to be consumed.\n\t\t\t// Decode a generalized variable-length integer into `delta`,\n\t\t\t// which gets added to `i`. The overflow checking is easier\n\t\t\t// if we increase `i` as we go, then subtract off its starting\n\t\t\t// value at the end to obtain `delta`.\n\t\t\tfor (oldi = i, w = 1, k = base; /* no condition */; k += base) {\n\n\t\t\t\tif (index >= inputLength) {\n\t\t\t\t\terror('invalid-input');\n\t\t\t\t}\n\n\t\t\t\tdigit = basicToDigit(input.charCodeAt(index++));\n\n\t\t\t\tif (digit >= base || digit > floor((maxInt - i) / w)) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\ti += digit * w;\n\t\t\t\tt = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\n\t\t\t\tif (digit < t) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tbaseMinusT = base - t;\n\t\t\t\tif (w > floor(maxInt / baseMinusT)) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\tw *= baseMinusT;\n\n\t\t\t}\n\n\t\t\tout = output.length + 1;\n\t\t\tbias = adapt(i - oldi, out, oldi == 0);\n\n\t\t\t// `i` was supposed to wrap around from `out` to `0`,\n\t\t\t// incrementing `n` each time, so we'll fix that now:\n\t\t\tif (floor(i / out) > maxInt - n) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\tn += floor(i / out);\n\t\t\ti %= out;\n\n\t\t\t// Insert `n` at position `i` of the output\n\t\t\toutput.splice(i++, 0, n);\n\n\t\t}\n\n\t\treturn ucs2encode(output);\n\t}\n\n\t/**\n\t * Converts a string of Unicode symbols (e.g. a domain name label) to a\n\t * Punycode string of ASCII-only symbols.\n\t * @memberOf punycode\n\t * @param {String} input The string of Unicode symbols.\n\t * @returns {String} The resulting Punycode string of ASCII-only symbols.\n\t */\n\tfunction encode(input) {\n\t\tvar n,\n\t\t    delta,\n\t\t    handledCPCount,\n\t\t    basicLength,\n\t\t    bias,\n\t\t    j,\n\t\t    m,\n\t\t    q,\n\t\t    k,\n\t\t    t,\n\t\t    currentValue,\n\t\t    output = [],\n\t\t    /** `inputLength` will hold the number of code points in `input`. */\n\t\t    inputLength,\n\t\t    /** Cached calculation results */\n\t\t    handledCPCountPlusOne,\n\t\t    baseMinusT,\n\t\t    qMinusT;\n\n\t\t// Convert the input in UCS-2 to Unicode\n\t\tinput = ucs2decode(input);\n\n\t\t// Cache the length\n\t\tinputLength = input.length;\n\n\t\t// Initialize the state\n\t\tn = initialN;\n\t\tdelta = 0;\n\t\tbias = initialBias;\n\n\t\t// Handle the basic code points\n\t\tfor (j = 0; j < inputLength; ++j) {\n\t\t\tcurrentValue = input[j];\n\t\t\tif (currentValue < 0x80) {\n\t\t\t\toutput.push(stringFromCharCode(currentValue));\n\t\t\t}\n\t\t}\n\n\t\thandledCPCount = basicLength = output.length;\n\n\t\t// `handledCPCount` is the number of code points that have been handled;\n\t\t// `basicLength` is the number of basic code points.\n\n\t\t// Finish the basic string - if it is not empty - with a delimiter\n\t\tif (basicLength) {\n\t\t\toutput.push(delimiter);\n\t\t}\n\n\t\t// Main encoding loop:\n\t\twhile (handledCPCount < inputLength) {\n\n\t\t\t// All non-basic code points < n have been handled already. Find the next\n\t\t\t// larger one:\n\t\t\tfor (m = maxInt, j = 0; j < inputLength; ++j) {\n\t\t\t\tcurrentValue = input[j];\n\t\t\t\tif (currentValue >= n && currentValue < m) {\n\t\t\t\t\tm = currentValue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,\n\t\t\t// but guard against overflow\n\t\t\thandledCPCountPlusOne = handledCPCount + 1;\n\t\t\tif (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\tdelta += (m - n) * handledCPCountPlusOne;\n\t\t\tn = m;\n\n\t\t\tfor (j = 0; j < inputLength; ++j) {\n\t\t\t\tcurrentValue = input[j];\n\n\t\t\t\tif (currentValue < n && ++delta > maxInt) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\tif (currentValue == n) {\n\t\t\t\t\t// Represent delta as a generalized variable-length integer\n\t\t\t\t\tfor (q = delta, k = base; /* no condition */; k += base) {\n\t\t\t\t\t\tt = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\t\t\t\t\t\tif (q < t) {\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqMinusT = q - t;\n\t\t\t\t\t\tbaseMinusT = base - t;\n\t\t\t\t\t\toutput.push(\n\t\t\t\t\t\t\tstringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))\n\t\t\t\t\t\t);\n\t\t\t\t\t\tq = floor(qMinusT / baseMinusT);\n\t\t\t\t\t}\n\n\t\t\t\t\toutput.push(stringFromCharCode(digitToBasic(q, 0)));\n\t\t\t\t\tbias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);\n\t\t\t\t\tdelta = 0;\n\t\t\t\t\t++handledCPCount;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t++delta;\n\t\t\t++n;\n\n\t\t}\n\t\treturn output.join('');\n\t}\n\n\t/**\n\t * Converts a Punycode string representing a domain name or an email address\n\t * to Unicode. Only the Punycoded parts of the input will be converted, i.e.\n\t * it doesn't matter if you call it on a string that has already been\n\t * converted to Unicode.\n\t * @memberOf punycode\n\t * @param {String} input The Punycoded domain name or email address to\n\t * convert to Unicode.\n\t * @returns {String} The Unicode representation of the given Punycode\n\t * string.\n\t */\n\tfunction toUnicode(input) {\n\t\treturn mapDomain(input, function(string) {\n\t\t\treturn regexPunycode.test(string)\n\t\t\t\t? decode(string.slice(4).toLowerCase())\n\t\t\t\t: string;\n\t\t});\n\t}\n\n\t/**\n\t * Converts a Unicode string representing a domain name or an email address to\n\t * Punycode. Only the non-ASCII parts of the domain name will be converted,\n\t * i.e. it doesn't matter if you call it with a domain that's already in\n\t * ASCII.\n\t * @memberOf punycode\n\t * @param {String} input The domain name or email address to convert, as a\n\t * Unicode string.\n\t * @returns {String} The Punycode representation of the given domain name or\n\t * email address.\n\t */\n\tfunction toASCII(input) {\n\t\treturn mapDomain(input, function(string) {\n\t\t\treturn regexNonASCII.test(string)\n\t\t\t\t? 'xn--' + encode(string)\n\t\t\t\t: string;\n\t\t});\n\t}\n\n\t/*--------------------------------------------------------------------------*/\n\n\t/** Define the public API */\n\tpunycode = {\n\t\t/**\n\t\t * A string representing the current Punycode.js version number.\n\t\t * @memberOf punycode\n\t\t * @type String\n\t\t */\n\t\t'version': '1.4.1',\n\t\t/**\n\t\t * An object of methods to convert from JavaScript's internal character\n\t\t * representation (UCS-2) to Unicode code points, and back.\n\t\t * @see <https://mathiasbynens.be/notes/javascript-encoding>\n\t\t * @memberOf punycode\n\t\t * @type Object\n\t\t */\n\t\t'ucs2': {\n\t\t\t'decode': ucs2decode,\n\t\t\t'encode': ucs2encode\n\t\t},\n\t\t'decode': decode,\n\t\t'encode': encode,\n\t\t'toASCII': toASCII,\n\t\t'toUnicode': toUnicode\n\t};\n\n\t/** Expose `punycode` */\n\t// Some AMD build optimizers, like r.js, check for specific condition patterns\n\t// like the following:\n\tif (\n\t\ttypeof define == 'function' &&\n\t\ttypeof define.amd == 'object' &&\n\t\tdefine.amd\n\t) {\n\t\tdefine('punycode', function() {\n\t\t\treturn punycode;\n\t\t});\n\t} else if (freeExports && freeModule) {\n\t\tif (module.exports == freeExports) {\n\t\t\t// in Node.js, io.js, or RingoJS v0.8.0+\n\t\t\tfreeModule.exports = punycode;\n\t\t} else {\n\t\t\t// in Narwhal or RingoJS v0.7.0-\n\t\t\tfor (key in punycode) {\n\t\t\t\tpunycode.hasOwnProperty(key) && (freeExports[key] = punycode[key]);\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// in Rhino or a web browser\n\t\troot.punycode = punycode;\n\t}\n\n}(this));\n\n}).call(this)}).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],79:[function(require,module,exports){\n'use strict';\n\nvar replace = String.prototype.replace;\nvar percentTwenties = /%20/g;\n\nvar Format = {\n    RFC1738: 'RFC1738',\n    RFC3986: 'RFC3986'\n};\n\nmodule.exports = {\n    'default': Format.RFC3986,\n    formatters: {\n        RFC1738: function (value) {\n            return replace.call(value, percentTwenties, '+');\n        },\n        RFC3986: function (value) {\n            return String(value);\n        }\n    },\n    RFC1738: Format.RFC1738,\n    RFC3986: Format.RFC3986\n};\n\n},{}],80:[function(require,module,exports){\n'use strict';\n\nvar stringify = require('./stringify');\nvar parse = require('./parse');\nvar formats = require('./formats');\n\nmodule.exports = {\n    formats: formats,\n    parse: parse,\n    stringify: stringify\n};\n\n},{\"./formats\":79,\"./parse\":81,\"./stringify\":82}],81:[function(require,module,exports){\n'use strict';\n\nvar utils = require('./utils');\n\nvar has = Object.prototype.hasOwnProperty;\nvar isArray = Array.isArray;\n\nvar defaults = {\n    allowDots: false,\n    allowPrototypes: false,\n    allowSparse: false,\n    arrayLimit: 20,\n    charset: 'utf-8',\n    charsetSentinel: false,\n    comma: false,\n    decoder: utils.decode,\n    delimiter: '&',\n    depth: 5,\n    ignoreQueryPrefix: false,\n    interpretNumericEntities: false,\n    parameterLimit: 1000,\n    parseArrays: true,\n    plainObjects: false,\n    strictNullHandling: false\n};\n\nvar interpretNumericEntities = function (str) {\n    return str.replace(/&#(\\d+);/g, function ($0, numberStr) {\n        return String.fromCharCode(parseInt(numberStr, 10));\n    });\n};\n\nvar parseArrayValue = function (val, options) {\n    if (val && typeof val === 'string' && options.comma && val.indexOf(',') > -1) {\n        return val.split(',');\n    }\n\n    return val;\n};\n\n// This is what browsers will submit when the ✓ character occurs in an\n// application/x-www-form-urlencoded body and the encoding of the page containing\n// the form is iso-8859-1, or when the submitted form has an accept-charset\n// attribute of iso-8859-1. Presumably also with other charsets that do not contain\n// the ✓ character, such as us-ascii.\nvar isoSentinel = 'utf8=%26%2310003%3B'; // encodeURIComponent('&#10003;')\n\n// These are the percent-encoded utf-8 octets representing a checkmark, indicating that the request actually is utf-8 encoded.\nvar charsetSentinel = 'utf8=%E2%9C%93'; // encodeURIComponent('✓')\n\nvar parseValues = function parseQueryStringValues(str, options) {\n    var obj = {};\n    var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\\?/, '') : str;\n    var limit = options.parameterLimit === Infinity ? undefined : options.parameterLimit;\n    var parts = cleanStr.split(options.delimiter, limit);\n    var skipIndex = -1; // Keep track of where the utf8 sentinel was found\n    var i;\n\n    var charset = options.charset;\n    if (options.charsetSentinel) {\n        for (i = 0; i < parts.length; ++i) {\n            if (parts[i].indexOf('utf8=') === 0) {\n                if (parts[i] === charsetSentinel) {\n                    charset = 'utf-8';\n                } else if (parts[i] === isoSentinel) {\n                    charset = 'iso-8859-1';\n                }\n                skipIndex = i;\n                i = parts.length; // The eslint settings do not allow break;\n            }\n        }\n    }\n\n    for (i = 0; i < parts.length; ++i) {\n        if (i === skipIndex) {\n            continue;\n        }\n        var part = parts[i];\n\n        var bracketEqualsPos = part.indexOf(']=');\n        var pos = bracketEqualsPos === -1 ? part.indexOf('=') : bracketEqualsPos + 1;\n\n        var key, val;\n        if (pos === -1) {\n            key = options.decoder(part, defaults.decoder, charset, 'key');\n            val = options.strictNullHandling ? null : '';\n        } else {\n            key = options.decoder(part.slice(0, pos), defaults.decoder, charset, 'key');\n            val = utils.maybeMap(\n                parseArrayValue(part.slice(pos + 1), options),\n                function (encodedVal) {\n                    return options.decoder(encodedVal, defaults.decoder, charset, 'value');\n                }\n            );\n        }\n\n        if (val && options.interpretNumericEntities && charset === 'iso-8859-1') {\n            val = interpretNumericEntities(val);\n        }\n\n        if (part.indexOf('[]=') > -1) {\n            val = isArray(val) ? [val] : val;\n        }\n\n        if (has.call(obj, key)) {\n            obj[key] = utils.combine(obj[key], val);\n        } else {\n            obj[key] = val;\n        }\n    }\n\n    return obj;\n};\n\nvar parseObject = function (chain, val, options, valuesParsed) {\n    var leaf = valuesParsed ? val : parseArrayValue(val, options);\n\n    for (var i = chain.length - 1; i >= 0; --i) {\n        var obj;\n        var root = chain[i];\n\n        if (root === '[]' && options.parseArrays) {\n            obj = [].concat(leaf);\n        } else {\n            obj = options.plainObjects ? Object.create(null) : {};\n            var cleanRoot = root.charAt(0) === '[' && root.charAt(root.length - 1) === ']' ? root.slice(1, -1) : root;\n            var index = parseInt(cleanRoot, 10);\n            if (!options.parseArrays && cleanRoot === '') {\n                obj = { 0: leaf };\n            } else if (\n                !isNaN(index)\n                && root !== cleanRoot\n                && String(index) === cleanRoot\n                && index >= 0\n                && (options.parseArrays && index <= options.arrayLimit)\n            ) {\n                obj = [];\n                obj[index] = leaf;\n            } else {\n                obj[cleanRoot] = leaf;\n            }\n        }\n\n        leaf = obj;\n    }\n\n    return leaf;\n};\n\nvar parseKeys = function parseQueryStringKeys(givenKey, val, options, valuesParsed) {\n    if (!givenKey) {\n        return;\n    }\n\n    // Transform dot notation to bracket notation\n    var key = options.allowDots ? givenKey.replace(/\\.([^.[]+)/g, '[$1]') : givenKey;\n\n    // The regex chunks\n\n    var brackets = /(\\[[^[\\]]*])/;\n    var child = /(\\[[^[\\]]*])/g;\n\n    // Get the parent\n\n    var segment = options.depth > 0 && brackets.exec(key);\n    var parent = segment ? key.slice(0, segment.index) : key;\n\n    // Stash the parent if it exists\n\n    var keys = [];\n    if (parent) {\n        // If we aren't using plain objects, optionally prefix keys that would overwrite object prototype properties\n        if (!options.plainObjects && has.call(Object.prototype, parent)) {\n            if (!options.allowPrototypes) {\n                return;\n            }\n        }\n\n        keys.push(parent);\n    }\n\n    // Loop through children appending to the array until we hit depth\n\n    var i = 0;\n    while (options.depth > 0 && (segment = child.exec(key)) !== null && i < options.depth) {\n        i += 1;\n        if (!options.plainObjects && has.call(Object.prototype, segment[1].slice(1, -1))) {\n            if (!options.allowPrototypes) {\n                return;\n            }\n        }\n        keys.push(segment[1]);\n    }\n\n    // If there's a remainder, just add whatever is left\n\n    if (segment) {\n        keys.push('[' + key.slice(segment.index) + ']');\n    }\n\n    return parseObject(keys, val, options, valuesParsed);\n};\n\nvar normalizeParseOptions = function normalizeParseOptions(opts) {\n    if (!opts) {\n        return defaults;\n    }\n\n    if (opts.decoder !== null && opts.decoder !== undefined && typeof opts.decoder !== 'function') {\n        throw new TypeError('Decoder has to be a function.');\n    }\n\n    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {\n        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');\n    }\n    var charset = typeof opts.charset === 'undefined' ? defaults.charset : opts.charset;\n\n    return {\n        allowDots: typeof opts.allowDots === 'undefined' ? defaults.allowDots : !!opts.allowDots,\n        allowPrototypes: typeof opts.allowPrototypes === 'boolean' ? opts.allowPrototypes : defaults.allowPrototypes,\n        allowSparse: typeof opts.allowSparse === 'boolean' ? opts.allowSparse : defaults.allowSparse,\n        arrayLimit: typeof opts.arrayLimit === 'number' ? opts.arrayLimit : defaults.arrayLimit,\n        charset: charset,\n        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,\n        comma: typeof opts.comma === 'boolean' ? opts.comma : defaults.comma,\n        decoder: typeof opts.decoder === 'function' ? opts.decoder : defaults.decoder,\n        delimiter: typeof opts.delimiter === 'string' || utils.isRegExp(opts.delimiter) ? opts.delimiter : defaults.delimiter,\n        // eslint-disable-next-line no-implicit-coercion, no-extra-parens\n        depth: (typeof opts.depth === 'number' || opts.depth === false) ? +opts.depth : defaults.depth,\n        ignoreQueryPrefix: opts.ignoreQueryPrefix === true,\n        interpretNumericEntities: typeof opts.interpretNumericEntities === 'boolean' ? opts.interpretNumericEntities : defaults.interpretNumericEntities,\n        parameterLimit: typeof opts.parameterLimit === 'number' ? opts.parameterLimit : defaults.parameterLimit,\n        parseArrays: opts.parseArrays !== false,\n        plainObjects: typeof opts.plainObjects === 'boolean' ? opts.plainObjects : defaults.plainObjects,\n        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling\n    };\n};\n\nmodule.exports = function (str, opts) {\n    var options = normalizeParseOptions(opts);\n\n    if (str === '' || str === null || typeof str === 'undefined') {\n        return options.plainObjects ? Object.create(null) : {};\n    }\n\n    var tempObj = typeof str === 'string' ? parseValues(str, options) : str;\n    var obj = options.plainObjects ? Object.create(null) : {};\n\n    // Iterate over the keys and setup the new object\n\n    var keys = Object.keys(tempObj);\n    for (var i = 0; i < keys.length; ++i) {\n        var key = keys[i];\n        var newObj = parseKeys(key, tempObj[key], options, typeof str === 'string');\n        obj = utils.merge(obj, newObj, options);\n    }\n\n    if (options.allowSparse === true) {\n        return obj;\n    }\n\n    return utils.compact(obj);\n};\n\n},{\"./utils\":83}],82:[function(require,module,exports){\n'use strict';\n\nvar getSideChannel = require('side-channel');\nvar utils = require('./utils');\nvar formats = require('./formats');\nvar has = Object.prototype.hasOwnProperty;\n\nvar arrayPrefixGenerators = {\n    brackets: function brackets(prefix) {\n        return prefix + '[]';\n    },\n    comma: 'comma',\n    indices: function indices(prefix, key) {\n        return prefix + '[' + key + ']';\n    },\n    repeat: function repeat(prefix) {\n        return prefix;\n    }\n};\n\nvar isArray = Array.isArray;\nvar push = Array.prototype.push;\nvar pushToArray = function (arr, valueOrArray) {\n    push.apply(arr, isArray(valueOrArray) ? valueOrArray : [valueOrArray]);\n};\n\nvar toISO = Date.prototype.toISOString;\n\nvar defaultFormat = formats['default'];\nvar defaults = {\n    addQueryPrefix: false,\n    allowDots: false,\n    charset: 'utf-8',\n    charsetSentinel: false,\n    delimiter: '&',\n    encode: true,\n    encoder: utils.encode,\n    encodeValuesOnly: false,\n    format: defaultFormat,\n    formatter: formats.formatters[defaultFormat],\n    // deprecated\n    indices: false,\n    serializeDate: function serializeDate(date) {\n        return toISO.call(date);\n    },\n    skipNulls: false,\n    strictNullHandling: false\n};\n\nvar isNonNullishPrimitive = function isNonNullishPrimitive(v) {\n    return typeof v === 'string'\n        || typeof v === 'number'\n        || typeof v === 'boolean'\n        || typeof v === 'symbol'\n        || typeof v === 'bigint';\n};\n\nvar stringify = function stringify(\n    object,\n    prefix,\n    generateArrayPrefix,\n    strictNullHandling,\n    skipNulls,\n    encoder,\n    filter,\n    sort,\n    allowDots,\n    serializeDate,\n    format,\n    formatter,\n    encodeValuesOnly,\n    charset,\n    sideChannel\n) {\n    var obj = object;\n\n    if (sideChannel.has(object)) {\n        throw new RangeError('Cyclic object value');\n    }\n\n    if (typeof filter === 'function') {\n        obj = filter(prefix, obj);\n    } else if (obj instanceof Date) {\n        obj = serializeDate(obj);\n    } else if (generateArrayPrefix === 'comma' && isArray(obj)) {\n        obj = utils.maybeMap(obj, function (value) {\n            if (value instanceof Date) {\n                return serializeDate(value);\n            }\n            return value;\n        });\n    }\n\n    if (obj === null) {\n        if (strictNullHandling) {\n            return encoder && !encodeValuesOnly ? encoder(prefix, defaults.encoder, charset, 'key', format) : prefix;\n        }\n\n        obj = '';\n    }\n\n    if (isNonNullishPrimitive(obj) || utils.isBuffer(obj)) {\n        if (encoder) {\n            var keyValue = encodeValuesOnly ? prefix : encoder(prefix, defaults.encoder, charset, 'key', format);\n            return [formatter(keyValue) + '=' + formatter(encoder(obj, defaults.encoder, charset, 'value', format))];\n        }\n        return [formatter(prefix) + '=' + formatter(String(obj))];\n    }\n\n    var values = [];\n\n    if (typeof obj === 'undefined') {\n        return values;\n    }\n\n    var objKeys;\n    if (generateArrayPrefix === 'comma' && isArray(obj)) {\n        // we need to join elements in\n        objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : undefined }];\n    } else if (isArray(filter)) {\n        objKeys = filter;\n    } else {\n        var keys = Object.keys(obj);\n        objKeys = sort ? keys.sort(sort) : keys;\n    }\n\n    for (var i = 0; i < objKeys.length; ++i) {\n        var key = objKeys[i];\n        var value = typeof key === 'object' && key.value !== undefined ? key.value : obj[key];\n\n        if (skipNulls && value === null) {\n            continue;\n        }\n\n        var keyPrefix = isArray(obj)\n            ? typeof generateArrayPrefix === 'function' ? generateArrayPrefix(prefix, key) : prefix\n            : prefix + (allowDots ? '.' + key : '[' + key + ']');\n\n        sideChannel.set(object, true);\n        var valueSideChannel = getSideChannel();\n        pushToArray(values, stringify(\n            value,\n            keyPrefix,\n            generateArrayPrefix,\n            strictNullHandling,\n            skipNulls,\n            encoder,\n            filter,\n            sort,\n            allowDots,\n            serializeDate,\n            format,\n            formatter,\n            encodeValuesOnly,\n            charset,\n            valueSideChannel\n        ));\n    }\n\n    return values;\n};\n\nvar normalizeStringifyOptions = function normalizeStringifyOptions(opts) {\n    if (!opts) {\n        return defaults;\n    }\n\n    if (opts.encoder !== null && opts.encoder !== undefined && typeof opts.encoder !== 'function') {\n        throw new TypeError('Encoder has to be a function.');\n    }\n\n    var charset = opts.charset || defaults.charset;\n    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {\n        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');\n    }\n\n    var format = formats['default'];\n    if (typeof opts.format !== 'undefined') {\n        if (!has.call(formats.formatters, opts.format)) {\n            throw new TypeError('Unknown format option provided.');\n        }\n        format = opts.format;\n    }\n    var formatter = formats.formatters[format];\n\n    var filter = defaults.filter;\n    if (typeof opts.filter === 'function' || isArray(opts.filter)) {\n        filter = opts.filter;\n    }\n\n    return {\n        addQueryPrefix: typeof opts.addQueryPrefix === 'boolean' ? opts.addQueryPrefix : defaults.addQueryPrefix,\n        allowDots: typeof opts.allowDots === 'undefined' ? defaults.allowDots : !!opts.allowDots,\n        charset: charset,\n        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,\n        delimiter: typeof opts.delimiter === 'undefined' ? defaults.delimiter : opts.delimiter,\n        encode: typeof opts.encode === 'boolean' ? opts.encode : defaults.encode,\n        encoder: typeof opts.encoder === 'function' ? opts.encoder : defaults.encoder,\n        encodeValuesOnly: typeof opts.encodeValuesOnly === 'boolean' ? opts.encodeValuesOnly : defaults.encodeValuesOnly,\n        filter: filter,\n        format: format,\n        formatter: formatter,\n        serializeDate: typeof opts.serializeDate === 'function' ? opts.serializeDate : defaults.serializeDate,\n        skipNulls: typeof opts.skipNulls === 'boolean' ? opts.skipNulls : defaults.skipNulls,\n        sort: typeof opts.sort === 'function' ? opts.sort : null,\n        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling\n    };\n};\n\nmodule.exports = function (object, opts) {\n    var obj = object;\n    var options = normalizeStringifyOptions(opts);\n\n    var objKeys;\n    var filter;\n\n    if (typeof options.filter === 'function') {\n        filter = options.filter;\n        obj = filter('', obj);\n    } else if (isArray(options.filter)) {\n        filter = options.filter;\n        objKeys = filter;\n    }\n\n    var keys = [];\n\n    if (typeof obj !== 'object' || obj === null) {\n        return '';\n    }\n\n    var arrayFormat;\n    if (opts && opts.arrayFormat in arrayPrefixGenerators) {\n        arrayFormat = opts.arrayFormat;\n    } else if (opts && 'indices' in opts) {\n        arrayFormat = opts.indices ? 'indices' : 'repeat';\n    } else {\n        arrayFormat = 'indices';\n    }\n\n    var generateArrayPrefix = arrayPrefixGenerators[arrayFormat];\n\n    if (!objKeys) {\n        objKeys = Object.keys(obj);\n    }\n\n    if (options.sort) {\n        objKeys.sort(options.sort);\n    }\n\n    var sideChannel = getSideChannel();\n    for (var i = 0; i < objKeys.length; ++i) {\n        var key = objKeys[i];\n\n        if (options.skipNulls && obj[key] === null) {\n            continue;\n        }\n        pushToArray(keys, stringify(\n            obj[key],\n            key,\n            generateArrayPrefix,\n            options.strictNullHandling,\n            options.skipNulls,\n            options.encode ? options.encoder : null,\n            options.filter,\n            options.sort,\n            options.allowDots,\n            options.serializeDate,\n            options.format,\n            options.formatter,\n            options.encodeValuesOnly,\n            options.charset,\n            sideChannel\n        ));\n    }\n\n    var joined = keys.join(options.delimiter);\n    var prefix = options.addQueryPrefix === true ? '?' : '';\n\n    if (options.charsetSentinel) {\n        if (options.charset === 'iso-8859-1') {\n            // encodeURIComponent('&#10003;'), the \"numeric entity\" representation of a checkmark\n            prefix += 'utf8=%26%2310003%3B&';\n        } else {\n            // encodeURIComponent('✓')\n            prefix += 'utf8=%E2%9C%93&';\n        }\n    }\n\n    return joined.length > 0 ? prefix + joined : '';\n};\n\n},{\"./formats\":79,\"./utils\":83,\"side-channel\":87}],83:[function(require,module,exports){\n'use strict';\n\nvar formats = require('./formats');\n\nvar has = Object.prototype.hasOwnProperty;\nvar isArray = Array.isArray;\n\nvar hexTable = (function () {\n    var array = [];\n    for (var i = 0; i < 256; ++i) {\n        array.push('%' + ((i < 16 ? '0' : '') + i.toString(16)).toUpperCase());\n    }\n\n    return array;\n}());\n\nvar compactQueue = function compactQueue(queue) {\n    while (queue.length > 1) {\n        var item = queue.pop();\n        var obj = item.obj[item.prop];\n\n        if (isArray(obj)) {\n            var compacted = [];\n\n            for (var j = 0; j < obj.length; ++j) {\n                if (typeof obj[j] !== 'undefined') {\n                    compacted.push(obj[j]);\n                }\n            }\n\n            item.obj[item.prop] = compacted;\n        }\n    }\n};\n\nvar arrayToObject = function arrayToObject(source, options) {\n    var obj = options && options.plainObjects ? Object.create(null) : {};\n    for (var i = 0; i < source.length; ++i) {\n        if (typeof source[i] !== 'undefined') {\n            obj[i] = source[i];\n        }\n    }\n\n    return obj;\n};\n\nvar merge = function merge(target, source, options) {\n    /* eslint no-param-reassign: 0 */\n    if (!source) {\n        return target;\n    }\n\n    if (typeof source !== 'object') {\n        if (isArray(target)) {\n            target.push(source);\n        } else if (target && typeof target === 'object') {\n            if ((options && (options.plainObjects || options.allowPrototypes)) || !has.call(Object.prototype, source)) {\n                target[source] = true;\n            }\n        } else {\n            return [target, source];\n        }\n\n        return target;\n    }\n\n    if (!target || typeof target !== 'object') {\n        return [target].concat(source);\n    }\n\n    var mergeTarget = target;\n    if (isArray(target) && !isArray(source)) {\n        mergeTarget = arrayToObject(target, options);\n    }\n\n    if (isArray(target) && isArray(source)) {\n        source.forEach(function (item, i) {\n            if (has.call(target, i)) {\n                var targetItem = target[i];\n                if (targetItem && typeof targetItem === 'object' && item && typeof item === 'object') {\n                    target[i] = merge(targetItem, item, options);\n                } else {\n                    target.push(item);\n                }\n            } else {\n                target[i] = item;\n            }\n        });\n        return target;\n    }\n\n    return Object.keys(source).reduce(function (acc, key) {\n        var value = source[key];\n\n        if (has.call(acc, key)) {\n            acc[key] = merge(acc[key], value, options);\n        } else {\n            acc[key] = value;\n        }\n        return acc;\n    }, mergeTarget);\n};\n\nvar assign = function assignSingleSource(target, source) {\n    return Object.keys(source).reduce(function (acc, key) {\n        acc[key] = source[key];\n        return acc;\n    }, target);\n};\n\nvar decode = function (str, decoder, charset) {\n    var strWithoutPlus = str.replace(/\\+/g, ' ');\n    if (charset === 'iso-8859-1') {\n        // unescape never throws, no try...catch needed:\n        return strWithoutPlus.replace(/%[0-9a-f]{2}/gi, unescape);\n    }\n    // utf-8\n    try {\n        return decodeURIComponent(strWithoutPlus);\n    } catch (e) {\n        return strWithoutPlus;\n    }\n};\n\nvar encode = function encode(str, defaultEncoder, charset, kind, format) {\n    // This code was originally written by Brian White (mscdex) for the io.js core querystring library.\n    // It has been adapted here for stricter adherence to RFC 3986\n    if (str.length === 0) {\n        return str;\n    }\n\n    var string = str;\n    if (typeof str === 'symbol') {\n        string = Symbol.prototype.toString.call(str);\n    } else if (typeof str !== 'string') {\n        string = String(str);\n    }\n\n    if (charset === 'iso-8859-1') {\n        return escape(string).replace(/%u[0-9a-f]{4}/gi, function ($0) {\n            return '%26%23' + parseInt($0.slice(2), 16) + '%3B';\n        });\n    }\n\n    var out = '';\n    for (var i = 0; i < string.length; ++i) {\n        var c = string.charCodeAt(i);\n\n        if (\n            c === 0x2D // -\n            || c === 0x2E // .\n            || c === 0x5F // _\n            || c === 0x7E // ~\n            || (c >= 0x30 && c <= 0x39) // 0-9\n            || (c >= 0x41 && c <= 0x5A) // a-z\n            || (c >= 0x61 && c <= 0x7A) // A-Z\n            || (format === formats.RFC1738 && (c === 0x28 || c === 0x29)) // ( )\n        ) {\n            out += string.charAt(i);\n            continue;\n        }\n\n        if (c < 0x80) {\n            out = out + hexTable[c];\n            continue;\n        }\n\n        if (c < 0x800) {\n            out = out + (hexTable[0xC0 | (c >> 6)] + hexTable[0x80 | (c & 0x3F)]);\n            continue;\n        }\n\n        if (c < 0xD800 || c >= 0xE000) {\n            out = out + (hexTable[0xE0 | (c >> 12)] + hexTable[0x80 | ((c >> 6) & 0x3F)] + hexTable[0x80 | (c & 0x3F)]);\n            continue;\n        }\n\n        i += 1;\n        c = 0x10000 + (((c & 0x3FF) << 10) | (string.charCodeAt(i) & 0x3FF));\n        out += hexTable[0xF0 | (c >> 18)]\n            + hexTable[0x80 | ((c >> 12) & 0x3F)]\n            + hexTable[0x80 | ((c >> 6) & 0x3F)]\n            + hexTable[0x80 | (c & 0x3F)];\n    }\n\n    return out;\n};\n\nvar compact = function compact(value) {\n    var queue = [{ obj: { o: value }, prop: 'o' }];\n    var refs = [];\n\n    for (var i = 0; i < queue.length; ++i) {\n        var item = queue[i];\n        var obj = item.obj[item.prop];\n\n        var keys = Object.keys(obj);\n        for (var j = 0; j < keys.length; ++j) {\n            var key = keys[j];\n            var val = obj[key];\n            if (typeof val === 'object' && val !== null && refs.indexOf(val) === -1) {\n                queue.push({ obj: obj, prop: key });\n                refs.push(val);\n            }\n        }\n    }\n\n    compactQueue(queue);\n\n    return value;\n};\n\nvar isRegExp = function isRegExp(obj) {\n    return Object.prototype.toString.call(obj) === '[object RegExp]';\n};\n\nvar isBuffer = function isBuffer(obj) {\n    if (!obj || typeof obj !== 'object') {\n        return false;\n    }\n\n    return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));\n};\n\nvar combine = function combine(a, b) {\n    return [].concat(a, b);\n};\n\nvar maybeMap = function maybeMap(val, fn) {\n    if (isArray(val)) {\n        var mapped = [];\n        for (var i = 0; i < val.length; i += 1) {\n            mapped.push(fn(val[i]));\n        }\n        return mapped;\n    }\n    return fn(val);\n};\n\nmodule.exports = {\n    arrayToObject: arrayToObject,\n    assign: assign,\n    combine: combine,\n    compact: compact,\n    decode: decode,\n    encode: encode,\n    isBuffer: isBuffer,\n    isRegExp: isRegExp,\n    maybeMap: maybeMap,\n    merge: merge\n};\n\n},{\"./formats\":79}],84:[function(require,module,exports){\n// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n'use strict';\n\n// If obj.hasOwnProperty has been overridden, then calling\n// obj.hasOwnProperty(prop) will break.\n// See: https://github.com/joyent/node/issues/1707\nfunction hasOwnProperty(obj, prop) {\n  return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n\nmodule.exports = function(qs, sep, eq, options) {\n  sep = sep || '&';\n  eq = eq || '=';\n  var obj = {};\n\n  if (typeof qs !== 'string' || qs.length === 0) {\n    return obj;\n  }\n\n  var regexp = /\\+/g;\n  qs = qs.split(sep);\n\n  var maxKeys = 1000;\n  if (options && typeof options.maxKeys === 'number') {\n    maxKeys = options.maxKeys;\n  }\n\n  var len = qs.length;\n  // maxKeys <= 0 means that we should not limit keys count\n  if (maxKeys > 0 && len > maxKeys) {\n    len = maxKeys;\n  }\n\n  for (var i = 0; i < len; ++i) {\n    var x = qs[i].replace(regexp, '%20'),\n        idx = x.indexOf(eq),\n        kstr, vstr, k, v;\n\n    if (idx >= 0) {\n      kstr = x.substr(0, idx);\n      vstr = x.substr(idx + 1);\n    } else {\n      kstr = x;\n      vstr = '';\n    }\n\n    k = decodeURIComponent(kstr);\n    v = decodeURIComponent(vstr);\n\n    if (!hasOwnProperty(obj, k)) {\n      obj[k] = v;\n    } else if (isArray(obj[k])) {\n      obj[k].push(v);\n    } else {\n      obj[k] = [obj[k], v];\n    }\n  }\n\n  return obj;\n};\n\nvar isArray = Array.isArray || function (xs) {\n  return Object.prototype.toString.call(xs) === '[object Array]';\n};\n\n},{}],85:[function(require,module,exports){\n// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n'use strict';\n\nvar stringifyPrimitive = function(v) {\n  switch (typeof v) {\n    case 'string':\n      return v;\n\n    case 'boolean':\n      return v ? 'true' : 'false';\n\n    case 'number':\n      return isFinite(v) ? v : '';\n\n    default:\n      return '';\n  }\n};\n\nmodule.exports = function(obj, sep, eq, name) {\n  sep = sep || '&';\n  eq = eq || '=';\n  if (obj === null) {\n    obj = undefined;\n  }\n\n  if (typeof obj === 'object') {\n    return map(objectKeys(obj), function(k) {\n      var ks = encodeURIComponent(stringifyPrimitive(k)) + eq;\n      if (isArray(obj[k])) {\n        return map(obj[k], function(v) {\n          return ks + encodeURIComponent(stringifyPrimitive(v));\n        }).join(sep);\n      } else {\n        return ks + encodeURIComponent(stringifyPrimitive(obj[k]));\n      }\n    }).join(sep);\n\n  }\n\n  if (!name) return '';\n  return encodeURIComponent(stringifyPrimitive(name)) + eq +\n         encodeURIComponent(stringifyPrimitive(obj));\n};\n\nvar isArray = Array.isArray || function (xs) {\n  return Object.prototype.toString.call(xs) === '[object Array]';\n};\n\nfunction map (xs, f) {\n  if (xs.map) return xs.map(f);\n  var res = [];\n  for (var i = 0; i < xs.length; i++) {\n    res.push(f(xs[i], i));\n  }\n  return res;\n}\n\nvar objectKeys = Object.keys || function (obj) {\n  var res = [];\n  for (var key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) res.push(key);\n  }\n  return res;\n};\n\n},{}],86:[function(require,module,exports){\n'use strict';\n\nexports.decode = exports.parse = require('./decode');\nexports.encode = exports.stringify = require('./encode');\n\n},{\"./decode\":84,\"./encode\":85}],87:[function(require,module,exports){\n'use strict';\n\nvar GetIntrinsic = require('get-intrinsic');\nvar callBound = require('call-bind/callBound');\nvar inspect = require('object-inspect');\n\nvar $TypeError = GetIntrinsic('%TypeError%');\nvar $WeakMap = GetIntrinsic('%WeakMap%', true);\nvar $Map = GetIntrinsic('%Map%', true);\n\nvar $weakMapGet = callBound('WeakMap.prototype.get', true);\nvar $weakMapSet = callBound('WeakMap.prototype.set', true);\nvar $weakMapHas = callBound('WeakMap.prototype.has', true);\nvar $mapGet = callBound('Map.prototype.get', true);\nvar $mapSet = callBound('Map.prototype.set', true);\nvar $mapHas = callBound('Map.prototype.has', true);\n\n/*\n * This function traverses the list returning the node corresponding to the\n * given key.\n *\n * That node is also moved to the head of the list, so that if it's accessed\n * again we don't need to traverse the whole list. By doing so, all the recently\n * used nodes can be accessed relatively quickly.\n */\nvar listGetNode = function (list, key) { // eslint-disable-line consistent-return\n\tfor (var prev = list, curr; (curr = prev.next) !== null; prev = curr) {\n\t\tif (curr.key === key) {\n\t\t\tprev.next = curr.next;\n\t\t\tcurr.next = list.next;\n\t\t\tlist.next = curr; // eslint-disable-line no-param-reassign\n\t\t\treturn curr;\n\t\t}\n\t}\n};\n\nvar listGet = function (objects, key) {\n\tvar node = listGetNode(objects, key);\n\treturn node && node.value;\n};\nvar listSet = function (objects, key, value) {\n\tvar node = listGetNode(objects, key);\n\tif (node) {\n\t\tnode.value = value;\n\t} else {\n\t\t// Prepend the new node to the beginning of the list\n\t\tobjects.next = { // eslint-disable-line no-param-reassign\n\t\t\tkey: key,\n\t\t\tnext: objects.next,\n\t\t\tvalue: value\n\t\t};\n\t}\n};\nvar listHas = function (objects, key) {\n\treturn !!listGetNode(objects, key);\n};\n\nmodule.exports = function getSideChannel() {\n\tvar $wm;\n\tvar $m;\n\tvar $o;\n\tvar channel = {\n\t\tassert: function (key) {\n\t\t\tif (!channel.has(key)) {\n\t\t\t\tthrow new $TypeError('Side channel does not contain ' + inspect(key));\n\t\t\t}\n\t\t},\n\t\tget: function (key) { // eslint-disable-line consistent-return\n\t\t\tif ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {\n\t\t\t\tif ($wm) {\n\t\t\t\t\treturn $weakMapGet($wm, key);\n\t\t\t\t}\n\t\t\t} else if ($Map) {\n\t\t\t\tif ($m) {\n\t\t\t\t\treturn $mapGet($m, key);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif ($o) { // eslint-disable-line no-lonely-if\n\t\t\t\t\treturn listGet($o, key);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\thas: function (key) {\n\t\t\tif ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {\n\t\t\t\tif ($wm) {\n\t\t\t\t\treturn $weakMapHas($wm, key);\n\t\t\t\t}\n\t\t\t} else if ($Map) {\n\t\t\t\tif ($m) {\n\t\t\t\t\treturn $mapHas($m, key);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif ($o) { // eslint-disable-line no-lonely-if\n\t\t\t\t\treturn listHas($o, key);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\tset: function (key, value) {\n\t\t\tif ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {\n\t\t\t\tif (!$wm) {\n\t\t\t\t\t$wm = new $WeakMap();\n\t\t\t\t}\n\t\t\t\t$weakMapSet($wm, key, value);\n\t\t\t} else if ($Map) {\n\t\t\t\tif (!$m) {\n\t\t\t\t\t$m = new $Map();\n\t\t\t\t}\n\t\t\t\t$mapSet($m, key, value);\n\t\t\t} else {\n\t\t\t\tif (!$o) {\n\t\t\t\t\t/*\n\t\t\t\t\t * Initialize the linked list as an empty node, so that we don't have\n\t\t\t\t\t * to special-case handling of the first node: we can always refer to\n\t\t\t\t\t * it as (previous node).next, instead of something like (list).head\n\t\t\t\t\t */\n\t\t\t\t\t$o = { key: {}, next: null };\n\t\t\t\t}\n\t\t\t\tlistSet($o, key, value);\n\t\t\t}\n\t\t}\n\t};\n\treturn channel;\n};\n\n},{\"call-bind/callBound\":58,\"get-intrinsic\":63,\"object-inspect\":69}],88:[function(require,module,exports){\n// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n'use strict';\n\nvar punycode = require('punycode');\nvar util = require('./util');\n\nexports.parse = urlParse;\nexports.resolve = urlResolve;\nexports.resolveObject = urlResolveObject;\nexports.format = urlFormat;\n\nexports.Url = Url;\n\nfunction Url() {\n  this.protocol = null;\n  this.slashes = null;\n  this.auth = null;\n  this.host = null;\n  this.port = null;\n  this.hostname = null;\n  this.hash = null;\n  this.search = null;\n  this.query = null;\n  this.pathname = null;\n  this.path = null;\n  this.href = null;\n}\n\n// Reference: RFC 3986, RFC 1808, RFC 2396\n\n// define these here so at least they only have to be\n// compiled once on the first module load.\nvar protocolPattern = /^([a-z0-9.+-]+:)/i,\n    portPattern = /:[0-9]*$/,\n\n    // Special case for a simple path URL\n    simplePathPattern = /^(\\/\\/?(?!\\/)[^\\?\\s]*)(\\?[^\\s]*)?$/,\n\n    // RFC 2396: characters reserved for delimiting URLs.\n    // We actually just auto-escape these.\n    delims = ['<', '>', '\"', '`', ' ', '\\r', '\\n', '\\t'],\n\n    // RFC 2396: characters not allowed for various reasons.\n    unwise = ['{', '}', '|', '\\\\', '^', '`'].concat(delims),\n\n    // Allowed by RFCs, but cause of XSS attacks.  Always escape these.\n    autoEscape = ['\\''].concat(unwise),\n    // Characters that are never ever allowed in a hostname.\n    // Note that any invalid chars are also handled, but these\n    // are the ones that are *expected* to be seen, so we fast-path\n    // them.\n    nonHostChars = ['%', '/', '?', ';', '#'].concat(autoEscape),\n    hostEndingChars = ['/', '?', '#'],\n    hostnameMaxLen = 255,\n    hostnamePartPattern = /^[+a-z0-9A-Z_-]{0,63}$/,\n    hostnamePartStart = /^([+a-z0-9A-Z_-]{0,63})(.*)$/,\n    // protocols that can allow \"unsafe\" and \"unwise\" chars.\n    unsafeProtocol = {\n      'javascript': true,\n      'javascript:': true\n    },\n    // protocols that never have a hostname.\n    hostlessProtocol = {\n      'javascript': true,\n      'javascript:': true\n    },\n    // protocols that always contain a // bit.\n    slashedProtocol = {\n      'http': true,\n      'https': true,\n      'ftp': true,\n      'gopher': true,\n      'file': true,\n      'http:': true,\n      'https:': true,\n      'ftp:': true,\n      'gopher:': true,\n      'file:': true\n    },\n    querystring = require('querystring');\n\nfunction urlParse(url, parseQueryString, slashesDenoteHost) {\n  if (url && util.isObject(url) && url instanceof Url) return url;\n\n  var u = new Url;\n  u.parse(url, parseQueryString, slashesDenoteHost);\n  return u;\n}\n\nUrl.prototype.parse = function(url, parseQueryString, slashesDenoteHost) {\n  if (!util.isString(url)) {\n    throw new TypeError(\"Parameter 'url' must be a string, not \" + typeof url);\n  }\n\n  // Copy chrome, IE, opera backslash-handling behavior.\n  // Back slashes before the query string get converted to forward slashes\n  // See: https://code.google.com/p/chromium/issues/detail?id=25916\n  var queryIndex = url.indexOf('?'),\n      splitter =\n          (queryIndex !== -1 && queryIndex < url.indexOf('#')) ? '?' : '#',\n      uSplit = url.split(splitter),\n      slashRegex = /\\\\/g;\n  uSplit[0] = uSplit[0].replace(slashRegex, '/');\n  url = uSplit.join(splitter);\n\n  var rest = url;\n\n  // trim before proceeding.\n  // This is to support parse stuff like \"  http://foo.com  \\n\"\n  rest = rest.trim();\n\n  if (!slashesDenoteHost && url.split('#').length === 1) {\n    // Try fast path regexp\n    var simplePath = simplePathPattern.exec(rest);\n    if (simplePath) {\n      this.path = rest;\n      this.href = rest;\n      this.pathname = simplePath[1];\n      if (simplePath[2]) {\n        this.search = simplePath[2];\n        if (parseQueryString) {\n          this.query = querystring.parse(this.search.substr(1));\n        } else {\n          this.query = this.search.substr(1);\n        }\n      } else if (parseQueryString) {\n        this.search = '';\n        this.query = {};\n      }\n      return this;\n    }\n  }\n\n  var proto = protocolPattern.exec(rest);\n  if (proto) {\n    proto = proto[0];\n    var lowerProto = proto.toLowerCase();\n    this.protocol = lowerProto;\n    rest = rest.substr(proto.length);\n  }\n\n  // figure out if it's got a host\n  // user@server is *always* interpreted as a hostname, and url\n  // resolution will treat //foo/bar as host=foo,path=bar because that's\n  // how the browser resolves relative URLs.\n  if (slashesDenoteHost || proto || rest.match(/^\\/\\/[^@\\/]+@[^@\\/]+/)) {\n    var slashes = rest.substr(0, 2) === '//';\n    if (slashes && !(proto && hostlessProtocol[proto])) {\n      rest = rest.substr(2);\n      this.slashes = true;\n    }\n  }\n\n  if (!hostlessProtocol[proto] &&\n      (slashes || (proto && !slashedProtocol[proto]))) {\n\n    // there's a hostname.\n    // the first instance of /, ?, ;, or # ends the host.\n    //\n    // If there is an @ in the hostname, then non-host chars *are* allowed\n    // to the left of the last @ sign, unless some host-ending character\n    // comes *before* the @-sign.\n    // URLs are obnoxious.\n    //\n    // ex:\n    // http://a@b@c/ => user:a@b host:c\n    // http://a@b?@c => user:a host:c path:/?@c\n\n    // v0.12 TODO(isaacs): This is not quite how Chrome does things.\n    // Review our test case against browsers more comprehensively.\n\n    // find the first instance of any hostEndingChars\n    var hostEnd = -1;\n    for (var i = 0; i < hostEndingChars.length; i++) {\n      var hec = rest.indexOf(hostEndingChars[i]);\n      if (hec !== -1 && (hostEnd === -1 || hec < hostEnd))\n        hostEnd = hec;\n    }\n\n    // at this point, either we have an explicit point where the\n    // auth portion cannot go past, or the last @ char is the decider.\n    var auth, atSign;\n    if (hostEnd === -1) {\n      // atSign can be anywhere.\n      atSign = rest.lastIndexOf('@');\n    } else {\n      // atSign must be in auth portion.\n      // http://a@b/c@d => host:b auth:a path:/c@d\n      atSign = rest.lastIndexOf('@', hostEnd);\n    }\n\n    // Now we have a portion which is definitely the auth.\n    // Pull that off.\n    if (atSign !== -1) {\n      auth = rest.slice(0, atSign);\n      rest = rest.slice(atSign + 1);\n      this.auth = decodeURIComponent(auth);\n    }\n\n    // the host is the remaining to the left of the first non-host char\n    hostEnd = -1;\n    for (var i = 0; i < nonHostChars.length; i++) {\n      var hec = rest.indexOf(nonHostChars[i]);\n      if (hec !== -1 && (hostEnd === -1 || hec < hostEnd))\n        hostEnd = hec;\n    }\n    // if we still have not hit it, then the entire thing is a host.\n    if (hostEnd === -1)\n      hostEnd = rest.length;\n\n    this.host = rest.slice(0, hostEnd);\n    rest = rest.slice(hostEnd);\n\n    // pull out port.\n    this.parseHost();\n\n    // we've indicated that there is a hostname,\n    // so even if it's empty, it has to be present.\n    this.hostname = this.hostname || '';\n\n    // if hostname begins with [ and ends with ]\n    // assume that it's an IPv6 address.\n    var ipv6Hostname = this.hostname[0] === '[' &&\n        this.hostname[this.hostname.length - 1] === ']';\n\n    // validate a little.\n    if (!ipv6Hostname) {\n      var hostparts = this.hostname.split(/\\./);\n      for (var i = 0, l = hostparts.length; i < l; i++) {\n        var part = hostparts[i];\n        if (!part) continue;\n        if (!part.match(hostnamePartPattern)) {\n          var newpart = '';\n          for (var j = 0, k = part.length; j < k; j++) {\n            if (part.charCodeAt(j) > 127) {\n              // we replace non-ASCII char with a temporary placeholder\n              // we need this to make sure size of hostname is not\n              // broken by replacing non-ASCII by nothing\n              newpart += 'x';\n            } else {\n              newpart += part[j];\n            }\n          }\n          // we test again with ASCII char only\n          if (!newpart.match(hostnamePartPattern)) {\n            var validParts = hostparts.slice(0, i);\n            var notHost = hostparts.slice(i + 1);\n            var bit = part.match(hostnamePartStart);\n            if (bit) {\n              validParts.push(bit[1]);\n              notHost.unshift(bit[2]);\n            }\n            if (notHost.length) {\n              rest = '/' + notHost.join('.') + rest;\n            }\n            this.hostname = validParts.join('.');\n            break;\n          }\n        }\n      }\n    }\n\n    if (this.hostname.length > hostnameMaxLen) {\n      this.hostname = '';\n    } else {\n      // hostnames are always lower case.\n      this.hostname = this.hostname.toLowerCase();\n    }\n\n    if (!ipv6Hostname) {\n      // IDNA Support: Returns a punycoded representation of \"domain\".\n      // It only converts parts of the domain name that\n      // have non-ASCII characters, i.e. it doesn't matter if\n      // you call it with a domain that already is ASCII-only.\n      this.hostname = punycode.toASCII(this.hostname);\n    }\n\n    var p = this.port ? ':' + this.port : '';\n    var h = this.hostname || '';\n    this.host = h + p;\n    this.href += this.host;\n\n    // strip [ and ] from the hostname\n    // the host field still retains them, though\n    if (ipv6Hostname) {\n      this.hostname = this.hostname.substr(1, this.hostname.length - 2);\n      if (rest[0] !== '/') {\n        rest = '/' + rest;\n      }\n    }\n  }\n\n  // now rest is set to the post-host stuff.\n  // chop off any delim chars.\n  if (!unsafeProtocol[lowerProto]) {\n\n    // First, make 100% sure that any \"autoEscape\" chars get\n    // escaped, even if encodeURIComponent doesn't think they\n    // need to be.\n    for (var i = 0, l = autoEscape.length; i < l; i++) {\n      var ae = autoEscape[i];\n      if (rest.indexOf(ae) === -1)\n        continue;\n      var esc = encodeURIComponent(ae);\n      if (esc === ae) {\n        esc = escape(ae);\n      }\n      rest = rest.split(ae).join(esc);\n    }\n  }\n\n\n  // chop off from the tail first.\n  var hash = rest.indexOf('#');\n  if (hash !== -1) {\n    // got a fragment string.\n    this.hash = rest.substr(hash);\n    rest = rest.slice(0, hash);\n  }\n  var qm = rest.indexOf('?');\n  if (qm !== -1) {\n    this.search = rest.substr(qm);\n    this.query = rest.substr(qm + 1);\n    if (parseQueryString) {\n      this.query = querystring.parse(this.query);\n    }\n    rest = rest.slice(0, qm);\n  } else if (parseQueryString) {\n    // no query string, but parseQueryString still requested\n    this.search = '';\n    this.query = {};\n  }\n  if (rest) this.pathname = rest;\n  if (slashedProtocol[lowerProto] &&\n      this.hostname && !this.pathname) {\n    this.pathname = '/';\n  }\n\n  //to support http.request\n  if (this.pathname || this.search) {\n    var p = this.pathname || '';\n    var s = this.search || '';\n    this.path = p + s;\n  }\n\n  // finally, reconstruct the href based on what has been validated.\n  this.href = this.format();\n  return this;\n};\n\n// format a parsed object into a url string\nfunction urlFormat(obj) {\n  // ensure it's an object, and not a string url.\n  // If it's an obj, this is a no-op.\n  // this way, you can call url_format() on strings\n  // to clean up potentially wonky urls.\n  if (util.isString(obj)) obj = urlParse(obj);\n  if (!(obj instanceof Url)) return Url.prototype.format.call(obj);\n  return obj.format();\n}\n\nUrl.prototype.format = function() {\n  var auth = this.auth || '';\n  if (auth) {\n    auth = encodeURIComponent(auth);\n    auth = auth.replace(/%3A/i, ':');\n    auth += '@';\n  }\n\n  var protocol = this.protocol || '',\n      pathname = this.pathname || '',\n      hash = this.hash || '',\n      host = false,\n      query = '';\n\n  if (this.host) {\n    host = auth + this.host;\n  } else if (this.hostname) {\n    host = auth + (this.hostname.indexOf(':') === -1 ?\n        this.hostname :\n        '[' + this.hostname + ']');\n    if (this.port) {\n      host += ':' + this.port;\n    }\n  }\n\n  if (this.query &&\n      util.isObject(this.query) &&\n      Object.keys(this.query).length) {\n    query = querystring.stringify(this.query);\n  }\n\n  var search = this.search || (query && ('?' + query)) || '';\n\n  if (protocol && protocol.substr(-1) !== ':') protocol += ':';\n\n  // only the slashedProtocols get the //.  Not mailto:, xmpp:, etc.\n  // unless they had them to begin with.\n  if (this.slashes ||\n      (!protocol || slashedProtocol[protocol]) && host !== false) {\n    host = '//' + (host || '');\n    if (pathname && pathname.charAt(0) !== '/') pathname = '/' + pathname;\n  } else if (!host) {\n    host = '';\n  }\n\n  if (hash && hash.charAt(0) !== '#') hash = '#' + hash;\n  if (search && search.charAt(0) !== '?') search = '?' + search;\n\n  pathname = pathname.replace(/[?#]/g, function(match) {\n    return encodeURIComponent(match);\n  });\n  search = search.replace('#', '%23');\n\n  return protocol + host + pathname + search + hash;\n};\n\nfunction urlResolve(source, relative) {\n  return urlParse(source, false, true).resolve(relative);\n}\n\nUrl.prototype.resolve = function(relative) {\n  return this.resolveObject(urlParse(relative, false, true)).format();\n};\n\nfunction urlResolveObject(source, relative) {\n  if (!source) return relative;\n  return urlParse(source, false, true).resolveObject(relative);\n}\n\nUrl.prototype.resolveObject = function(relative) {\n  if (util.isString(relative)) {\n    var rel = new Url();\n    rel.parse(relative, false, true);\n    relative = rel;\n  }\n\n  var result = new Url();\n  var tkeys = Object.keys(this);\n  for (var tk = 0; tk < tkeys.length; tk++) {\n    var tkey = tkeys[tk];\n    result[tkey] = this[tkey];\n  }\n\n  // hash is always overridden, no matter what.\n  // even href=\"\" will remove it.\n  result.hash = relative.hash;\n\n  // if the relative url is empty, then there's nothing left to do here.\n  if (relative.href === '') {\n    result.href = result.format();\n    return result;\n  }\n\n  // hrefs like //foo/bar always cut to the protocol.\n  if (relative.slashes && !relative.protocol) {\n    // take everything except the protocol from relative\n    var rkeys = Object.keys(relative);\n    for (var rk = 0; rk < rkeys.length; rk++) {\n      var rkey = rkeys[rk];\n      if (rkey !== 'protocol')\n        result[rkey] = relative[rkey];\n    }\n\n    //urlParse appends trailing / to urls like http://www.example.com\n    if (slashedProtocol[result.protocol] &&\n        result.hostname && !result.pathname) {\n      result.path = result.pathname = '/';\n    }\n\n    result.href = result.format();\n    return result;\n  }\n\n  if (relative.protocol && relative.protocol !== result.protocol) {\n    // if it's a known url protocol, then changing\n    // the protocol does weird things\n    // first, if it's not file:, then we MUST have a host,\n    // and if there was a path\n    // to begin with, then we MUST have a path.\n    // if it is file:, then the host is dropped,\n    // because that's known to be hostless.\n    // anything else is assumed to be absolute.\n    if (!slashedProtocol[relative.protocol]) {\n      var keys = Object.keys(relative);\n      for (var v = 0; v < keys.length; v++) {\n        var k = keys[v];\n        result[k] = relative[k];\n      }\n      result.href = result.format();\n      return result;\n    }\n\n    result.protocol = relative.protocol;\n    if (!relative.host && !hostlessProtocol[relative.protocol]) {\n      var relPath = (relative.pathname || '').split('/');\n      while (relPath.length && !(relative.host = relPath.shift()));\n      if (!relative.host) relative.host = '';\n      if (!relative.hostname) relative.hostname = '';\n      if (relPath[0] !== '') relPath.unshift('');\n      if (relPath.length < 2) relPath.unshift('');\n      result.pathname = relPath.join('/');\n    } else {\n      result.pathname = relative.pathname;\n    }\n    result.search = relative.search;\n    result.query = relative.query;\n    result.host = relative.host || '';\n    result.auth = relative.auth;\n    result.hostname = relative.hostname || relative.host;\n    result.port = relative.port;\n    // to support http.request\n    if (result.pathname || result.search) {\n      var p = result.pathname || '';\n      var s = result.search || '';\n      result.path = p + s;\n    }\n    result.slashes = result.slashes || relative.slashes;\n    result.href = result.format();\n    return result;\n  }\n\n  var isSourceAbs = (result.pathname && result.pathname.charAt(0) === '/'),\n      isRelAbs = (\n          relative.host ||\n          relative.pathname && relative.pathname.charAt(0) === '/'\n      ),\n      mustEndAbs = (isRelAbs || isSourceAbs ||\n                    (result.host && relative.pathname)),\n      removeAllDots = mustEndAbs,\n      srcPath = result.pathname && result.pathname.split('/') || [],\n      relPath = relative.pathname && relative.pathname.split('/') || [],\n      psychotic = result.protocol && !slashedProtocol[result.protocol];\n\n  // if the url is a non-slashed url, then relative\n  // links like ../.. should be able\n  // to crawl up to the hostname, as well.  This is strange.\n  // result.protocol has already been set by now.\n  // Later on, put the first path part into the host field.\n  if (psychotic) {\n    result.hostname = '';\n    result.port = null;\n    if (result.host) {\n      if (srcPath[0] === '') srcPath[0] = result.host;\n      else srcPath.unshift(result.host);\n    }\n    result.host = '';\n    if (relative.protocol) {\n      relative.hostname = null;\n      relative.port = null;\n      if (relative.host) {\n        if (relPath[0] === '') relPath[0] = relative.host;\n        else relPath.unshift(relative.host);\n      }\n      relative.host = null;\n    }\n    mustEndAbs = mustEndAbs && (relPath[0] === '' || srcPath[0] === '');\n  }\n\n  if (isRelAbs) {\n    // it's absolute.\n    result.host = (relative.host || relative.host === '') ?\n                  relative.host : result.host;\n    result.hostname = (relative.hostname || relative.hostname === '') ?\n                      relative.hostname : result.hostname;\n    result.search = relative.search;\n    result.query = relative.query;\n    srcPath = relPath;\n    // fall through to the dot-handling below.\n  } else if (relPath.length) {\n    // it's relative\n    // throw away the existing file, and take the new path instead.\n    if (!srcPath) srcPath = [];\n    srcPath.pop();\n    srcPath = srcPath.concat(relPath);\n    result.search = relative.search;\n    result.query = relative.query;\n  } else if (!util.isNullOrUndefined(relative.search)) {\n    // just pull out the search.\n    // like href='?foo'.\n    // Put this after the other two cases because it simplifies the booleans\n    if (psychotic) {\n      result.hostname = result.host = srcPath.shift();\n      //occationaly the auth can get stuck only in host\n      //this especially happens in cases like\n      //url.resolveObject('mailto:local1@domain1', 'local2@domain2')\n      var authInHost = result.host && result.host.indexOf('@') > 0 ?\n                       result.host.split('@') : false;\n      if (authInHost) {\n        result.auth = authInHost.shift();\n        result.host = result.hostname = authInHost.shift();\n      }\n    }\n    result.search = relative.search;\n    result.query = relative.query;\n    //to support http.request\n    if (!util.isNull(result.pathname) || !util.isNull(result.search)) {\n      result.path = (result.pathname ? result.pathname : '') +\n                    (result.search ? result.search : '');\n    }\n    result.href = result.format();\n    return result;\n  }\n\n  if (!srcPath.length) {\n    // no path at all.  easy.\n    // we've already handled the other stuff above.\n    result.pathname = null;\n    //to support http.request\n    if (result.search) {\n      result.path = '/' + result.search;\n    } else {\n      result.path = null;\n    }\n    result.href = result.format();\n    return result;\n  }\n\n  // if a url ENDs in . or .., then it must get a trailing slash.\n  // however, if it ends in anything else non-slashy,\n  // then it must NOT get a trailing slash.\n  var last = srcPath.slice(-1)[0];\n  var hasTrailingSlash = (\n      (result.host || relative.host || srcPath.length > 1) &&\n      (last === '.' || last === '..') || last === '');\n\n  // strip single dots, resolve double dots to parent dir\n  // if the path tries to go above the root, `up` ends up > 0\n  var up = 0;\n  for (var i = srcPath.length; i >= 0; i--) {\n    last = srcPath[i];\n    if (last === '.') {\n      srcPath.splice(i, 1);\n    } else if (last === '..') {\n      srcPath.splice(i, 1);\n      up++;\n    } else if (up) {\n      srcPath.splice(i, 1);\n      up--;\n    }\n  }\n\n  // if the path is allowed to go above the root, restore leading ..s\n  if (!mustEndAbs && !removeAllDots) {\n    for (; up--; up) {\n      srcPath.unshift('..');\n    }\n  }\n\n  if (mustEndAbs && srcPath[0] !== '' &&\n      (!srcPath[0] || srcPath[0].charAt(0) !== '/')) {\n    srcPath.unshift('');\n  }\n\n  if (hasTrailingSlash && (srcPath.join('/').substr(-1) !== '/')) {\n    srcPath.push('');\n  }\n\n  var isAbsolute = srcPath[0] === '' ||\n      (srcPath[0] && srcPath[0].charAt(0) === '/');\n\n  // put the host back\n  if (psychotic) {\n    result.hostname = result.host = isAbsolute ? '' :\n                                    srcPath.length ? srcPath.shift() : '';\n    //occationaly the auth can get stuck only in host\n    //this especially happens in cases like\n    //url.resolveObject('mailto:local1@domain1', 'local2@domain2')\n    var authInHost = result.host && result.host.indexOf('@') > 0 ?\n                     result.host.split('@') : false;\n    if (authInHost) {\n      result.auth = authInHost.shift();\n      result.host = result.hostname = authInHost.shift();\n    }\n  }\n\n  mustEndAbs = mustEndAbs || (result.host && srcPath.length);\n\n  if (mustEndAbs && !isAbsolute) {\n    srcPath.unshift('');\n  }\n\n  if (!srcPath.length) {\n    result.pathname = null;\n    result.path = null;\n  } else {\n    result.pathname = srcPath.join('/');\n  }\n\n  //to support request.http\n  if (!util.isNull(result.pathname) || !util.isNull(result.search)) {\n    result.path = (result.pathname ? result.pathname : '') +\n                  (result.search ? result.search : '');\n  }\n  result.auth = relative.auth || result.auth;\n  result.slashes = result.slashes || relative.slashes;\n  result.href = result.format();\n  return result;\n};\n\nUrl.prototype.parseHost = function() {\n  var host = this.host;\n  var port = portPattern.exec(host);\n  if (port) {\n    port = port[0];\n    if (port !== ':') {\n      this.port = port.substr(1);\n    }\n    host = host.substr(0, host.length - port.length);\n  }\n  if (host) this.hostname = host;\n};\n\n},{\"./util\":89,\"punycode\":78,\"querystring\":86}],89:[function(require,module,exports){\n'use strict';\n\nmodule.exports = {\n  isString: function(arg) {\n    return typeof(arg) === 'string';\n  },\n  isObject: function(arg) {\n    return typeof(arg) === 'object' && arg !== null;\n  },\n  isNull: function(arg) {\n    return arg === null;\n  },\n  isNullOrUndefined: function(arg) {\n    return arg == null;\n  }\n};\n\n},{}],90:[function(require,module,exports){\n/*!\n * EventEmitter v4.2.11 - git.io/ee\n * Unlicense - http://unlicense.org/\n * Oliver Caldwell - http://oli.me.uk/\n * @preserve\n */\n\n;(function () {\n    'use strict';\n\n    /**\n     * Class for managing events.\n     * Can be extended to provide event functionality in other classes.\n     *\n     * @class EventEmitter Manages event registering and emitting.\n     */\n    function EventEmitter() {}\n\n    // Shortcuts to improve speed and size\n    var proto = EventEmitter.prototype;\n    var exports = this;\n    var originalGlobalValue = exports.EventEmitter;\n\n    /**\n     * Finds the index of the listener for the event in its storage array.\n     *\n     * @param {Function[]} listeners Array of listeners to search through.\n     * @param {Function} listener Method to look for.\n     * @return {Number} Index of the specified listener, -1 if not found\n     * @api private\n     */\n    function indexOfListener(listeners, listener) {\n        var i = listeners.length;\n        while (i--) {\n            if (listeners[i].listener === listener) {\n                return i;\n            }\n        }\n\n        return -1;\n    }\n\n    /**\n     * Alias a method while keeping the context correct, to allow for overwriting of target method.\n     *\n     * @param {String} name The name of the target method.\n     * @return {Function} The aliased method\n     * @api private\n     */\n    function alias(name) {\n        return function aliasClosure() {\n            return this[name].apply(this, arguments);\n        };\n    }\n\n    /**\n     * Returns the listener array for the specified event.\n     * Will initialise the event object and listener arrays if required.\n     * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them.\n     * Each property in the object response is an array of listener functions.\n     *\n     * @param {String|RegExp} evt Name of the event to return the listeners from.\n     * @return {Function[]|Object} All listener functions for the event.\n     */\n    proto.getListeners = function getListeners(evt) {\n        var events = this._getEvents();\n        var response;\n        var key;\n\n        // Return a concatenated array of all matching events if\n        // the selector is a regular expression.\n        if (evt instanceof RegExp) {\n            response = {};\n            for (key in events) {\n                if (events.hasOwnProperty(key) && evt.test(key)) {\n                    response[key] = events[key];\n                }\n            }\n        }\n        else {\n            response = events[evt] || (events[evt] = []);\n        }\n\n        return response;\n    };\n\n    /**\n     * Takes a list of listener objects and flattens it into a list of listener functions.\n     *\n     * @param {Object[]} listeners Raw listener objects.\n     * @return {Function[]} Just the listener functions.\n     */\n    proto.flattenListeners = function flattenListeners(listeners) {\n        var flatListeners = [];\n        var i;\n\n        for (i = 0; i < listeners.length; i += 1) {\n            flatListeners.push(listeners[i].listener);\n        }\n\n        return flatListeners;\n    };\n\n    /**\n     * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful.\n     *\n     * @param {String|RegExp} evt Name of the event to return the listeners from.\n     * @return {Object} All listener functions for an event in an object.\n     */\n    proto.getListenersAsObject = function getListenersAsObject(evt) {\n        var listeners = this.getListeners(evt);\n        var response;\n\n        if (listeners instanceof Array) {\n            response = {};\n            response[evt] = listeners;\n        }\n\n        return response || listeners;\n    };\n\n    /**\n     * Adds a listener function to the specified event.\n     * The listener will not be added if it is a duplicate.\n     * If the listener returns true then it will be removed after it is called.\n     * If you pass a regular expression as the event name then the listener will be added to all events that match it.\n     *\n     * @param {String|RegExp} evt Name of the event to attach the listener to.\n     * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.addListener = function addListener(evt, listener) {\n        var listeners = this.getListenersAsObject(evt);\n        var listenerIsWrapped = typeof listener === 'object';\n        var key;\n\n        for (key in listeners) {\n            if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) {\n                listeners[key].push(listenerIsWrapped ? listener : {\n                    listener: listener,\n                    once: false\n                });\n            }\n        }\n\n        return this;\n    };\n\n    /**\n     * Alias of addListener\n     */\n    proto.on = alias('addListener');\n\n    /**\n     * Semi-alias of addListener. It will add a listener that will be\n     * automatically removed after its first execution.\n     *\n     * @param {String|RegExp} evt Name of the event to attach the listener to.\n     * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.addOnceListener = function addOnceListener(evt, listener) {\n        return this.addListener(evt, {\n            listener: listener,\n            once: true\n        });\n    };\n\n    /**\n     * Alias of addOnceListener.\n     */\n    proto.once = alias('addOnceListener');\n\n    /**\n     * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad.\n     * You need to tell it what event names should be matched by a regex.\n     *\n     * @param {String} evt Name of the event to create.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.defineEvent = function defineEvent(evt) {\n        this.getListeners(evt);\n        return this;\n    };\n\n    /**\n     * Uses defineEvent to define multiple events.\n     *\n     * @param {String[]} evts An array of event names to define.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.defineEvents = function defineEvents(evts) {\n        for (var i = 0; i < evts.length; i += 1) {\n            this.defineEvent(evts[i]);\n        }\n        return this;\n    };\n\n    /**\n     * Removes a listener function from the specified event.\n     * When passed a regular expression as the event name, it will remove the listener from all events that match it.\n     *\n     * @param {String|RegExp} evt Name of the event to remove the listener from.\n     * @param {Function} listener Method to remove from the event.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.removeListener = function removeListener(evt, listener) {\n        var listeners = this.getListenersAsObject(evt);\n        var index;\n        var key;\n\n        for (key in listeners) {\n            if (listeners.hasOwnProperty(key)) {\n                index = indexOfListener(listeners[key], listener);\n\n                if (index !== -1) {\n                    listeners[key].splice(index, 1);\n                }\n            }\n        }\n\n        return this;\n    };\n\n    /**\n     * Alias of removeListener\n     */\n    proto.off = alias('removeListener');\n\n    /**\n     * Adds listeners in bulk using the manipulateListeners method.\n     * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added.\n     * You can also pass it a regular expression to add the array of listeners to all events that match it.\n     * Yeah, this function does quite a bit. That's probably a bad thing.\n     *\n     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once.\n     * @param {Function[]} [listeners] An optional array of listener functions to add.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.addListeners = function addListeners(evt, listeners) {\n        // Pass through to manipulateListeners\n        return this.manipulateListeners(false, evt, listeners);\n    };\n\n    /**\n     * Removes listeners in bulk using the manipulateListeners method.\n     * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.\n     * You can also pass it an event name and an array of listeners to be removed.\n     * You can also pass it a regular expression to remove the listeners from all events that match it.\n     *\n     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once.\n     * @param {Function[]} [listeners] An optional array of listener functions to remove.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.removeListeners = function removeListeners(evt, listeners) {\n        // Pass through to manipulateListeners\n        return this.manipulateListeners(true, evt, listeners);\n    };\n\n    /**\n     * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level.\n     * The first argument will determine if the listeners are removed (true) or added (false).\n     * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.\n     * You can also pass it an event name and an array of listeners to be added/removed.\n     * You can also pass it a regular expression to manipulate the listeners of all events that match it.\n     *\n     * @param {Boolean} remove True if you want to remove listeners, false if you want to add.\n     * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once.\n     * @param {Function[]} [listeners] An optional array of listener functions to add/remove.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) {\n        var i;\n        var value;\n        var single = remove ? this.removeListener : this.addListener;\n        var multiple = remove ? this.removeListeners : this.addListeners;\n\n        // If evt is an object then pass each of its properties to this method\n        if (typeof evt === 'object' && !(evt instanceof RegExp)) {\n            for (i in evt) {\n                if (evt.hasOwnProperty(i) && (value = evt[i])) {\n                    // Pass the single listener straight through to the singular method\n                    if (typeof value === 'function') {\n                        single.call(this, i, value);\n                    }\n                    else {\n                        // Otherwise pass back to the multiple function\n                        multiple.call(this, i, value);\n                    }\n                }\n            }\n        }\n        else {\n            // So evt must be a string\n            // And listeners must be an array of listeners\n            // Loop over it and pass each one to the multiple method\n            i = listeners.length;\n            while (i--) {\n                single.call(this, evt, listeners[i]);\n            }\n        }\n\n        return this;\n    };\n\n    /**\n     * Removes all listeners from a specified event.\n     * If you do not specify an event then all listeners will be removed.\n     * That means every event will be emptied.\n     * You can also pass a regex to remove all events that match it.\n     *\n     * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.removeEvent = function removeEvent(evt) {\n        var type = typeof evt;\n        var events = this._getEvents();\n        var key;\n\n        // Remove different things depending on the state of evt\n        if (type === 'string') {\n            // Remove all listeners for the specified event\n            delete events[evt];\n        }\n        else if (evt instanceof RegExp) {\n            // Remove all events matching the regex.\n            for (key in events) {\n                if (events.hasOwnProperty(key) && evt.test(key)) {\n                    delete events[key];\n                }\n            }\n        }\n        else {\n            // Remove all listeners in all events\n            delete this._events;\n        }\n\n        return this;\n    };\n\n    /**\n     * Alias of removeEvent.\n     *\n     * Added to mirror the node API.\n     */\n    proto.removeAllListeners = alias('removeEvent');\n\n    /**\n     * Emits an event of your choice.\n     * When emitted, every listener attached to that event will be executed.\n     * If you pass the optional argument array then those arguments will be passed to every listener upon execution.\n     * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately.\n     * So they will not arrive within the array on the other side, they will be separate.\n     * You can also pass a regular expression to emit to all events that match it.\n     *\n     * @param {String|RegExp} evt Name of the event to emit and execute listeners for.\n     * @param {Array} [args] Optional array of arguments to be passed to each listener.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.emitEvent = function emitEvent(evt, args) {\n        var listenersMap = this.getListenersAsObject(evt);\n        var listeners;\n        var listener;\n        var i;\n        var key;\n        var response;\n\n        for (key in listenersMap) {\n            if (listenersMap.hasOwnProperty(key)) {\n                listeners = listenersMap[key].slice(0);\n                i = listeners.length;\n\n                while (i--) {\n                    // If the listener returns true then it shall be removed from the event\n                    // The function is executed either with a basic call or an apply if there is an args array\n                    listener = listeners[i];\n\n                    if (listener.once === true) {\n                        this.removeListener(evt, listener.listener);\n                    }\n\n                    response = listener.listener.apply(this, args || []);\n\n                    if (response === this._getOnceReturnValue()) {\n                        this.removeListener(evt, listener.listener);\n                    }\n                }\n            }\n        }\n\n        return this;\n    };\n\n    /**\n     * Alias of emitEvent\n     */\n    proto.trigger = alias('emitEvent');\n\n    /**\n     * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on.\n     * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it.\n     *\n     * @param {String|RegExp} evt Name of the event to emit and execute listeners for.\n     * @param {...*} Optional additional arguments to be passed to each listener.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.emit = function emit(evt) {\n        var args = Array.prototype.slice.call(arguments, 1);\n        return this.emitEvent(evt, args);\n    };\n\n    /**\n     * Sets the current value to check against when executing listeners. If a\n     * listeners return value matches the one set here then it will be removed\n     * after execution. This value defaults to true.\n     *\n     * @param {*} value The new value to check for when executing listeners.\n     * @return {Object} Current instance of EventEmitter for chaining.\n     */\n    proto.setOnceReturnValue = function setOnceReturnValue(value) {\n        this._onceReturnValue = value;\n        return this;\n    };\n\n    /**\n     * Fetches the current value to check against when executing listeners. If\n     * the listeners return value matches this one then it should be removed\n     * automatically. It will return true by default.\n     *\n     * @return {*|Boolean} The current value to check for or the default, true.\n     * @api private\n     */\n    proto._getOnceReturnValue = function _getOnceReturnValue() {\n        if (this.hasOwnProperty('_onceReturnValue')) {\n            return this._onceReturnValue;\n        }\n        else {\n            return true;\n        }\n    };\n\n    /**\n     * Fetches the events object and creates one if required.\n     *\n     * @return {Object} The events storage object.\n     * @api private\n     */\n    proto._getEvents = function _getEvents() {\n        return this._events || (this._events = {});\n    };\n\n    /**\n     * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version.\n     *\n     * @return {Function} Non conflicting EventEmitter class.\n     */\n    EventEmitter.noConflict = function noConflict() {\n        exports.EventEmitter = originalGlobalValue;\n        return EventEmitter;\n    };\n\n    // Expose the class either via AMD, CommonJS or the global object\n    if (typeof define === 'function' && define.amd) {\n        define(function () {\n            return EventEmitter;\n        });\n    }\n    else if (typeof module === 'object' && module.exports){\n        module.exports = EventEmitter;\n    }\n    else {\n        exports.EventEmitter = EventEmitter;\n    }\n}.call(this));\n\n},{}]},{},[5]);\n"],"file":"app.js"}
\ No newline at end of file
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentdetails.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentdetails.isml
new file mode 100644
index 000000000..98fec0413
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentdetails.isml
@@ -0,0 +1,62 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isinclude template="util/modules"/>
+<isset name="DecoratorTemplate" value="account/pt_account" scope="page"/>
+
+<isif condition="${pdict.CurrentHttpParameterMap.format.stringValue == 'ajax' || pdict.CurrentHttpParameterMap.ajax.stringValue == 'true' }">
+	<isset name="DecoratorTemplate" value="util/pt_empty" scope="page"/>
+</isif>
+
+<isdecorate template="${DecoratorTemplate}">
+
+	<h1>${Resource.msg('account.paymentinstrumentlist.addcard', 'account', null)}</h1>
+	<div class="dialog-required"> <span class="required-indicator">&#8226;</span> <em>${Resource.msg('global.requiredfield', 'locale', null)}</em></div>
+
+	<form id="CreditCardForm" name="CreditCardForm" action="${URLUtils.httpsContinue()}" class="form-horizontal" method="post" id="newcreditcard">
+		<fieldset>
+			<isscript>
+				var ownerAttributes = {
+					maxlength: 40,
+					size: 40
+				};
+				var numberAttributes = {
+					maxlength: 16,
+					size: 17
+				};
+			</isscript>
+
+            <isif condition="${dw.order.PaymentMgr.getPaymentMethod('AdyenComponent').isActive()
+            || (dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD')
+            && ['Adyen_Component', 'ADYEN_CREDIT'].indexOf(dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD').getPaymentProcessor().getID()) > -1) }">
+                <isinclude template="account/payment/adyenpaymentinstrumentdetails"/>
+            <iselse/>
+                <isinputfield formfield="${pdict.CurrentForms.paymentinstruments.creditcards.newcreditcard.owner}" type="input" attributes="${ownerAttributes}" />
+                <isinputfield formfield="${pdict.CurrentForms.paymentinstruments.creditcards.newcreditcard.type}" type="select"/>
+                <isinputfield formfield="${pdict.CurrentForms.paymentinstruments.creditcards.newcreditcard.number}" dynamicname="true" type="input" attributes="${numberAttributes}"/>
+                <div class="form-label-text">
+                    <span class="required-indicator">&#8226; </span>
+                    ${Resource.msg('account.paymentinstrumentdetails.expires','account',null)}
+                </div>
+                <isscript>
+                        var currentCountry = require('~/cartridge/scripts/util/Countries').getCurrent(pdict);
+                </isscript>
+
+                <isdynamicform formobject="${pdict.CurrentForms.paymentinstruments.creditcards.newcreditcard.expiration}" formdata="${currentCountry.dynamicForms.expirationInfo}" />
+
+                <div class="form-row form-row-button">
+                    <button id="applyBtn" type="submit" name="${pdict.CurrentForms.paymentinstruments.creditcards.create.htmlName}" value="${Resource.msg('global.apply','locale',null)}">
+                        ${Resource.msg('global.apply', 'locale', null)}
+                    </button>
+                    <button class="cancel cancel-button simple" type="submit" name="${pdict.CurrentForms.paymentinstruments.creditcards.cancel.htmlName}" value="${Resource.msg('global.cancel','locale',null)}">
+                        ${Resource.msg('global.cancel', 'locale', null)}
+                    </button>
+                </div>
+		    </isif>
+			<input type="hidden" name="${dw.web.CSRFProtection.getTokenName()}" value="${dw.web.CSRFProtection.generateToken()}"/>
+		</fieldset>
+	</form>
+
+	<div class="confirmation-container dialog-content" id="confirmation-container" style="display:none;">
+		<div class="error-form">${Resource.msg('account.paymentinstruments.forbidden', 'account', null)}</div>
+		<button type="button">${Resource.msg('global.close', 'locale', null)}</button>
+	</div>
+</isdecorate>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentlist.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentlist.isml
new file mode 100644
index 000000000..d3d139fc8
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/account/payment/paymentinstrumentlist.isml
@@ -0,0 +1,29 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isdecorate template="account/pt_account">
+	<isinclude template="util/modules"/>
+	<isset name="bctext2" value="${Resource.msg('global.paymentsettings','locale',null)}" scope="pdict"/>
+	<isslot id="account-banner" description="Banner for My Account pages" context="global" />
+	<div class="paymentslist">
+		<h1>${Resource.msg('account.paymentinstrumentlist.header','account',null)}</h1>
+		<a class="section-header-note add-card button" href="${URLUtils.url('PaymentInstruments-Add')}" title="${Resource.msg('account.paymentinstrumentlist.addcard.label','account',null)}">
+			${Resource.msg('account.paymentinstrumentlist.addcard','account',null)}
+		</a>
+		<isif condition="${pdict.PaymentInstruments.size() > 0}">
+			<ul class="payment-list">
+				<isloop items="${pdict.CurrentForms.paymentinstruments.creditcards.storedcards}" var="creditcard" status="loopstate">
+				<li class="<isif condition="${loopstate.first}">first <iselseif condition="${loopstate.last}">last </isif>${pdict.PaymentInstruments[loopstate.count - 1].creditCardType}">
+					<isminicreditcard card="${creditcard.object}" show_expiration="${true}"/>
+					<form action="${URLUtils.url('PaymentInstruments-Delete')}" name="payment-remove" method="post" id="creditcards_${loopstate.count}">
+						<fieldset>
+							<button type="submit" class="button-text delete" value="${Resource.msg('account.paymentinstrumentlist.deletecard','account',null)}" name="${creditcard.remove.htmlName}">
+								${Resource.msg('account.paymentinstrumentlist.deletecard','account',null)}
+							</button>
+							<input type="hidden" name="${pdict.CurrentForms.paymentinstruments.secureKeyHtmlName}" value="${pdict.CurrentForms.paymentinstruments.secureKeyValue}"/>
+						</fieldset>
+					</form>
+				</li>
+				</isloop>
+			</ul>
+		</isif>
+	</div>
+</isdecorate>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/billing.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/billing.isml
new file mode 100644
index 000000000..4d49e80ac
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/billing.isml
@@ -0,0 +1,229 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isdecorate template="checkout/pt_checkout"/>
+    <isinclude template="util/modules"/>
+
+    <iscomment>
+        This template visualizes the billing step of both checkout scenarios.
+        It provides selecting a payment method, entering gift certificates and
+        specifying a separate billing address.
+        Depending on the checkout scenario (single or multi shipping) it is
+        either the second or third checkout step.
+    </iscomment>
+
+    <iscomment>Report this checkout step</iscomment>
+    <isreportcheckout checkoutstep="4" checkoutname="${'Billing'}"/>
+
+    <iscomment> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+        checkout progress indicator
+     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</iscomment>
+
+    <isif condition="${!pdict.CurrentForms.multishipping.entered.value}">
+        <ischeckoutprogressindicator step="2" multishipping="false" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+    <iselse/>
+        <ischeckoutprogressindicator step="3" multishipping="true" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+    </isif>
+
+    <form action="${URLUtils.continueURL()}" method="post" id="${pdict.CurrentForms.billing.htmlName}" class="checkout-billing address form-horizontal">
+
+    <iscomment> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+        billing address
+     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</iscomment>
+
+    <fieldset>
+
+        <iscomment>billing address area</iscomment>
+
+        <iscomment>hidden input with action to trigger for the address form</iscomment>
+        <input type="hidden" name="${pdict.CurrentForms.billing.save.htmlName}" value="true" />
+
+        <legend>
+            ${Resource.msg('billing.addressheader','checkout',null)}
+            <div class="dialog-required"> <span class="required-indicator">&#8226; <em>${Resource.msg('global.requiredfield','locale',null)}</em></span></div>
+        </legend>
+
+        <iscomment>display select box with stored addresses if customer is authenticated and there are saved addresses</iscomment>
+        <isif condition="${pdict.CurrentCustomer.authenticated && pdict.CurrentCustomer.profile.addressBook.addresses.size() > 0}">
+            <div class="select-address">
+                <div class="form-row">
+                    <label for="${pdict.CurrentForms.billing.addressList.htmlName}">
+                        ${Resource.msg('global.selectaddressmessage','locale',null)}
+                    </label>
+                    <isscript>
+                        importScript("cart/CartUtils.ds");
+                        var customerAddresses = CartUtils.getAddressList(pdict.Basket, pdict.CurrentCustomer, false);
+                    </isscript>
+                    <div class="field-wrapper">
+                        <isaddressselectlist p_listId="${pdict.CurrentForms.billing.addressList.htmlName}" p_listaddresses="${customerAddresses}" />
+                    </div>
+                </div>
+
+                <div class="form-row form-row-button">
+                    <button id="address-select-go-button" name="${pdict.CurrentForms.billing.selectAddress.htmlName}" type="submit" value="Go" class="simple-submit">Select</button>
+                </div>
+
+            </div>
+
+        </isif>
+
+        <isscript>
+            var currentCountry = require('~/cartridge/scripts/util/Countries').getCurrent(pdict);
+        </isscript>
+        <isdynamicform formobject="${pdict.CurrentForms.billing.billingAddress.addressFields}" formdata="${currentCountry.dynamicForms.addressDetails}"/>
+
+        <isinputfield formfield="${pdict.CurrentForms.billing.billingAddress.email.emailAddress}" type="input"/>
+
+        <iscomment>provide option to add address to address book if customer is authenticated</iscomment>
+        <isif condition="${pdict.CurrentCustomer.authenticated}">
+            <isinputfield formfield="${pdict.CurrentForms.billing.billingAddress.addToAddressBook}" type="checkbox"/>
+        </isif>
+
+        <isinputfield formfield="${pdict.CurrentForms.billing.billingAddress.addToEmailList}" type="checkbox"/>
+        <div class="form-caption">
+            <a title="${Resource.msg('global.privacypolicy','locale',null)}" href="${URLUtils.url('Page-Show','cid','privacy-policy')}" class="privacy-policy" >${Resource.msg('global.privacypolicy','locale',null)}</a>
+        </div>
+
+    </fieldset>
+
+    <iscomment> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+        coupon / discount codes
+     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</iscomment>
+
+    <fieldset>
+        <isset name="gcApplicable" value="${'false'}" scope="page"/>
+        <isif condition="${dw.order.PaymentMgr.getPaymentMethod(dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE).isActive() }">
+            <isset name="gcApplicable" value="${'true'}" scope="page"/>
+        </isif>
+
+        <legend>
+            <isif condition="${pdict.Basket.giftCertificateLineItems.size() == 0 && gcApplicable == 'true'}">
+                ${Resource.msg('billing.giftcouponheader','checkout',null)}
+            <iselse/>
+                ${Resource.msg('billing.couponheader','checkout',null)}
+            </isif>
+        </legend>
+
+        <div class="form-indent billing-coupon-code">
+        <iscomment>coupon code / gift certificate area</iscomment>
+
+            
+
+            <isinputfield formfield="${pdict.CurrentForms.billing.couponCode}" type="input" rowclass="label-above"/>
+
+            <div class="coupon-apply">
+                <button class="apply cancel" id="add-coupon" type="submit" name="${pdict.CurrentForms.billing.applyCoupon.htmlName}" value="${Resource.msg('global.apply','locale',null)}"><span>${Resource.msg('global.apply','locale',null)}</span></button>
+                <a href="#" class="tooltip">
+                    ${Resource.msg('global.helplink','locale',null)}
+                    <div class="tooltip-content" data-layout="small">
+                        <isif condition="${gcApplicable == 'true'}">
+                            <iscontentasset aid="checkout-giftcertcoupon-help"/>
+                        <iselse/>
+                            <iscontentasset aid="checkout-coupon-help"/>
+                        </isif>
+                    </div>
+                </a>
+            </div>
+            <div class="form-row coupon-error error">
+                <isif condition="${pdict.CouponStatus != null && pdict.CouponStatus.error}">
+                    ${Resource.msgf('cart.' + pdict.CouponStatus.code,'checkout', null, pdict.CurrentForms.billing.couponCode.htmlValue)}
+                </isif>
+            </div>
+            <div class="redemption coupon form-row"><!-- container for coupon applied success messages -->
+                <isif condition="${pdict.Basket.couponLineItems.length > 0}">
+                    <isloop items="${pdict.Basket.couponLineItems}" var="couponLineItem" status="cliloopstate">
+                        <isif condition="${couponLineItem.valid && couponLineItem.applied}">
+                            <span class="success">${Resource.msgf('billing.couponapplied', 'checkout', null, couponLineItem.couponCode)}</span>
+                        </isif>
+                    </isloop>
+                </isif>
+            </div>
+
+            <isset name="gcPITotal" value="${0}" scope="pdict"/>
+            <isset name="OrderTotal" value="${pdict.Basket.totalGrossPrice.value}" scope="pdict"/>
+            <isif condition="${gcApplicable == 'true'}">
+
+                <iscomment>only provide gift certificate redemption, if the basket doesn't contain any gift certificates</iscomment>
+                <isif condition="${pdict.Basket.giftCertificateLineItems.size() == 0}">
+
+                    <isinputfield formfield="${pdict.CurrentForms.billing.giftCertCode}" type="input" rowclass="label-above"/>
+
+                    <div class="giftcert-apply">
+                        <button class="apply cancel" id="add-giftcert" type="submit" name="${pdict.CurrentForms.billing.redeemGiftCert.htmlName}" value="${Resource.msg('global.apply','locale',null)}">
+                            <span>${Resource.msg('global.apply','locale',null)}</span>
+                        </button>
+                        <button class="simple cancel" id="check-giftcert" type="submit" name="${pdict.CurrentForms.billing.checkBalance.htmlName}" value="${Resource.msg('global.checkbalance','locale',null)}">
+                            <span>${Resource.msg('global.checkbalance','locale',null)}</span>
+                        </button>
+                        <a href="#" class="tooltip">
+                            ${Resource.msg('global.helplink','locale',null)}
+                            <div class="tooltip-content" data-layout="small">
+                                <iscontentasset aid="checkout-giftcert-help"/>
+                            </div>
+                        </a>
+                    </div>
+
+                    <div class="form-row balance"></div>
+                    <div class="form-row giftcert-error error">
+                        <isif condition="${pdict.GiftCertStatus && pdict.GiftCertStatus.error}">
+                            ${Resource.msg('billing.' + pdict.GiftCertStatus.code, 'checkout', pdict.GiftCertStatus.code)}
+                        </isif>
+                    </div>
+                    <div class="form-row redemption giftcert">
+                        <iscomment>render gift cert redeemed success message for each gift certificate payment instrument</iscomment>
+                        <isset name="gcPITotal" value="${0}" scope="pdict"/>
+                        <isif condition="${pdict.Basket.giftCertificatePaymentInstruments.size() > 0}">
+                            <isloop items="${pdict.Basket.giftCertificatePaymentInstruments}" var="giftCertPI">
+                                <isset name="gcPITotal" value="${pdict.gcPITotal + giftCertPI.paymentTransaction.amount}" scope="pdict"/>
+                                <div class="success giftcert-pi" id="gc-${giftCertPI.getGiftCertificateCode()}">
+                                    ${Resource.msgf('billing.giftcertredeemed', 'checkout', null, giftCertPI.paymentTransaction.amount, giftCertPI.getMaskedGiftCertificateCode())}
+                                    <a id="rgc-${giftCertPI.getGiftCertificateCode()}" class="remove" href="${URLUtils.https('COBilling-RemoveGiftCertificate', 'giftCertificateID', giftCertPI.getGiftCertificateCode(),'format','old')}">
+                                        <img src="${URLUtils.staticURL('/images/icon_remove.gif')}" alt="${Resource.msg('global.remove','locale',null)}"/>
+                                        <span>${Resource.msg('global.remove','locale',null)}</span>
+                                    </a>
+                                </div>
+                            </isloop>
+
+                            <isif condition="${pdict.Basket.totalGrossPrice!=null && pdict.Basket.totalGrossPrice.value-pdict.gcPITotal<=0}">
+                                <isset name="OrderTotal" value="${pdict.Basket.totalGrossPrice.value-pdict.gcPITotal}" scope="pdict"/>
+                            </isif>
+                        </isif>
+
+                    </div>
+                </isif>
+
+            </isif>
+
+        </div>
+                
+    </fieldset>
+
+    <iscomment> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+        payment methods
+     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</iscomment>
+
+
+    <iscomment>payment method area</iscomment>
+    <isinclude template="checkout/billing/paymentmethods"/>
+    <isbonusdiscountlineitem p_alert_text="${Resource.msg('billing.bonusproductalert','checkout',null)}" p_discount_line_item="${pdict.BonusDiscountLineItem}"/>
+
+
+        <div class="form-row form-row-button">
+            <isif condition="${dw.order.PaymentMgr.getPaymentMethod('AdyenComponent').isActive()
+            || (dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD')
+            && ['Adyen_Component', 'ADYEN_CREDIT'].indexOf(dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD').getPaymentProcessor().getID()) > -1) }">
+                 <button class="button-fancy-large" type="hidden" id="billing-submit-hidden" style="display:none" name="${pdict.CurrentForms.billing.save.htmlName}" value="${Resource.msg('global.continueplaceorder','locale',null)}"><span>${Resource.msg('global.continueplaceorder','locale',null)}</span></button>
+                 <button class="button-fancy-large" type="submit" id="billing-submit" name="${pdict.CurrentForms.billing.save.htmlName}" value="${Resource.msg('global.continueplaceorder','locale',null)}"><span>${Resource.msg('global.continueplaceorder','locale',null)}</span></button>
+            <iselse/>
+                 <button class="button-fancy-large" type="submit" name="${pdict.CurrentForms.billing.save.htmlName}" value="${Resource.msg('global.continueplaceorder','locale',null)}"><span>${Resource.msg('global.continueplaceorder','locale',null)}</span></button>
+            </isif>
+        </div>
+        <input type="hidden" name="${dw.web.CSRFProtection.getTokenName()}" value="${dw.web.CSRFProtection.generateToken()}"/>
+
+</form>
+<isscript>
+    importScript("util/ViewHelpers.ds");
+    var addressForm = pdict.CurrentForms.billing.billingAddress.addressFields;
+    var countries = ViewHelpers.getCountriesAndRegions(addressForm);
+    var json = JSON.stringify(countries);
+</isscript>
+<script>window.Countries = <isprint value="${json}" encoding="off"/>;</script>
+</isdecorate>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/paymentmethods.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/paymentmethods.isml
new file mode 100644
index 000000000..adbb359d9
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/billing/paymentmethods.isml
@@ -0,0 +1,161 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<iscomment> TEMPLATENAME: paymentmethods.isml </iscomment>
+
+<isinclude template="util/modules"/>
+<isif condition="${pdict.OrderTotal > 0}">
+	<fieldset>
+
+		<legend>
+			${Resource.msg('billing.paymentheader','checkout',null)}
+			<div class="dialog-required"> <span class="required-indicator">&#8226; <em>${Resource.msg('global.requiredfield','locale',null)}</em></span></div>
+		</legend>
+
+		<div class="payment-method-options form-indent">
+			<isloop items="${pdict.CurrentForms.billing.paymentMethods.selectedPaymentMethodID.options}" var="paymentMethodType">
+
+				<iscomment>Ignore GIFT_CERTIFICATE method, GCs are handled separately before other payment methods.</iscomment>
+				<isif condition="${paymentMethodType.value.equals(dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE)}"><iscontinue/></isif>
+
+				<div class="form-row label-inline">
+					<isset name="radioID" value="${paymentMethodType.value}" scope="page"/>
+					<div class="field-wrapper">
+						<input id="is-${radioID}" type="radio" class="input-radio" name="${pdict.CurrentForms.billing.paymentMethods.selectedPaymentMethodID.htmlName}" value="${paymentMethodType.htmlValue}" <isif condition="${paymentMethodType.value == pdict.CurrentForms.billing.paymentMethods.selectedPaymentMethodID.htmlValue}">checked="checked"</isif> />
+					</div>
+					<label for="is-${radioID}"><isprint value="${Resource.msg(paymentMethodType.label,'forms',null)}"/></label>
+				</div>
+
+			</isloop>
+		</div>
+
+		<div class="form-row form-row-button">
+			<button id="payment-select-go" name="${pdict.CurrentForms.billing.paymentSelect.htmlName}" type="submit" value="Go" class="simple-submit">Select</button>
+		</div>
+
+		<isif condition="${!empty(pdict.MissingPaymentProcessor)}">
+			<div class="billing-error">${Resource.msg('billing.missingprocessorerror','checkout',null)}</div>
+		</isif>
+
+		<iscomment>
+			Credit card block
+			--------------------------------------------------------------
+		</iscomment>
+
+		<div class="payment-method <isif condition="${empty(pdict.selectedPaymentID) || pdict.selectedPaymentID=='CREDIT_CARD'}">payment-method-expanded</isif>" data-method="CREDIT_CARD">
+
+			<iscomment>display select box with stored credit cards if customer is authenticated</iscomment>
+			<isif condition="${pdict.CurrentCustomer.authenticated && !empty(pdict.ApplicableCreditCards)}">
+
+				<div class="form-row">
+					<label class="label">${Resource.msg('billing.selectcreditcard','checkout',null)}</label>
+					<div class="field-wrapper">
+						<select name="${pdict.CurrentForms.billing.paymentMethods.creditCardList.htmlName}" id="creditCardList" class="input-select">
+							<option value="" selected="selected">${Resource.msg('billing.creditcardlistselect','checkout',null)}</option>
+							<isloop items="${pdict.ApplicableCreditCards}" var="creditCardInstr">
+								<option value="${creditCardInstr.UUID}">(<isprint value="${creditCardInstr.creditCardType}"/>) <isprint value="${creditCardInstr.maskedCreditCardNumber}"/> - ${Resource.msg('billing.creditcardlistexp','checkout',null)} <isprint value="${creditCardInstr.creditCardExpirationMonth}" formatter="00" />.<isprint value="${creditCardInstr.creditCardExpirationYear}" formatter="0000" /></option>
+							</isloop>
+						</select>
+					</div>
+				</div>
+
+				<div class="form-row form-row-button">
+					<button id="credit-card-select-go" name="${pdict.CurrentForms.billing.creditCardSelect.htmlName}" type="submit" value="Go" class="simple-submit">Select</button>
+				</div>
+
+				<iscomment>
+					<isloop items="${pdict.ApplicableCreditCards}" var="creditCardInstr">
+						<a href="${URLUtils.https('COBilling-UpdateCreditCardSelection', 'creditCardUUID', creditCardInstr.UUID)}">
+							(<isprint value="${creditCardInstr.creditCardType}"/>)
+							<isprint value="${creditCardInstr.maskedCreditCardNumber}"/>
+							- ${Resource.msg('billing.creditcardlistexp','checkout',null)}
+							<isprint value="${creditCardInstr.creditCardExpirationMonth}" formatter="00" />
+							.<isprint value="${creditCardInstr.creditCardExpirationYear}" formatter="0000" />
+						</a>
+					</isloop>
+				</iscomment>
+
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.creditCard.owner}" type="input"/>
+
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.creditCard.type}" type="select"/>
+
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.creditCard.number}" type="input" dynamicname="true"/>
+
+			<div class="form-row required">
+				<label>
+					<span class="required-indicator">${Resource.msg('billing.requiredindicator','checkout',null)}</span>
+					<span>${Resource.msg('billing.creditcardlistexpdate', 'checkout', null)}</span>
+				</label>
+				<isscript>
+					var currentCountry = require('~/cartridge/scripts/util/Countries').getCurrent(pdict);
+				</isscript>
+
+				<isdynamicform formobject="${pdict.CurrentForms.billing.paymentMethods.creditCard.expiration}" formdata="${currentCountry.dynamicForms.expirationInfo}"/>
+
+			</div>
+
+			<isscript>
+				var help = {
+					label: Resource.msg('billing.linkcvn', 'checkout', null),
+					cid: 'checkout-security-code'
+				};
+			</isscript>
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.creditCard.cvn}" type="input" rowclass="cvn" dynamicname="true" help="${help}"/>
+
+			<isif condition="${pdict.CurrentCustomer.authenticated}">
+				<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.creditCard.saveCard}" type="checkbox"/>
+			</isif>
+           </isif>
+		</div>
+
+
+		<iscomment>
+			Bill me later
+			--------------------------------------------------------------
+		</iscomment>
+
+		<div class="payment-method <isif condition="${!empty(pdict.selectedPaymentID) && pdict.selectedPaymentID=='BML'}">payment-method-expanded</isif>" data-method="BML">
+
+			<p class="form-caption">${Resource.msg('billing.bmlhelp','checkout',null)}</p>
+
+			<div class="form-label-text"><span class="required-indicator">&#8226;</span>Date of Birth:</div>
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.bml.year}" type="select" rowclass="year"/>
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.bml.month}" type="select" rowclass="month"/>
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.bml.day}" type="select" rowclass="day"/>
+
+			<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.bml.ssn}" type="input"/>
+
+			<div class="bml-terms-and-conditions form-caption">
+				<iscontentasset aid="bml-tc"/>
+			</div>
+
+			<div class="form-row form-caption">
+				<isinputfield formfield="${pdict.CurrentForms.billing.paymentMethods.bml.termsandconditions}" type="checkbox"/>
+			</div>
+
+		</div>
+
+
+		<iscomment>
+			Custom processor
+			--------------------------------------------------------------
+		</iscomment>
+
+		<div class="payment-method <isif condition="${!empty(pdict.selectedPaymentID) && pdict.selectedPaymentID=='PayPal'}">payment-method-expanded</isif>" data-method="Custom">
+			<!-- Your custom payment method implementation goes here. -->
+			${Resource.msg('billing.custompaymentmethod','checkout',null)}
+		</div>
+
+		<div class="payment-method <isif condition="${!empty(pdict.selectedPaymentID) && pdict.selectedPaymentID=='AdyenComponent'}">payment-method-expanded</isif>" data-method="AdyenComponent">
+		<isinclude template="checkout/billing/adyenComponent"/>
+		</div>
+
+        <div class="payment-method <isif condition="${!empty(pdict.selectedPaymentID) && pdict.selectedPaymentID=='AdyenPOS'}">payment-method-expanded</isif>" data-method="AdyenPOS">
+                    <isinclude template="pos"/>
+        </div>
+	</fieldset>
+<iselse/>
+	<div class="gift-cert-used form-indent">
+		<isif condition="${pdict.gcPITotal>0}">${Resource.msg('billing.giftcertnomethod','checkout',null)}<iselse/>${Resource.msg('billing.zerobalance','checkout',null)}</isif>
+		<input type="hidden" name="${pdict.CurrentForms.billing.paymentMethods.selectedPaymentMethodID.htmlName}" value="${dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE}" />
+		<input type="hidden" id="noPaymentNeeded" name="noPaymentNeeded" value="true" />
+	</div>
+</isif>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/summary/summary.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/summary/summary.isml
new file mode 100644
index 000000000..2b37ea459
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/checkout/summary/summary.isml
@@ -0,0 +1,245 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isdecorate template="checkout/pt_checkout"/>
+<isinclude template="util/modules"/>
+
+<iscomment>
+	This template visualizes the last step of the checkout, the order summary
+	page prior to the actual order placing.
+	It displays the complete content of the cart including product line items,
+	bonus products, redeemed coupons and gift certificate line items.
+</iscomment>
+
+<isreportcheckout checkoutstep="${5}" checkoutname="${'OrderSummary'}"/>
+	<isif condition="${!pdict.CurrentForms.multishipping.entered.value}">
+		<ischeckoutprogressindicator step="3" multishipping="false" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+	<iselse/>
+		<ischeckoutprogressindicator step="4" multishipping="true" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+	</isif>
+
+	<isif condition="${pdict.PlaceOrderError != null}">
+		<div class="error-form">${Resource.msg(pdict.PlaceOrderError.code,'checkout',null)}</div>
+	</isif>
+
+		<table class="item-list" id="cart-table" cellspacing="0">
+
+			<thead>
+				<tr>
+					<th class="section-header"  colspan="2">${Resource.msg('global.product','locale',null)}</th>
+					<th class="section-header"  colspan="2">${Resource.msg('global.qty','locale',null)}</th>
+					<th class="section-header header-total-price">${Resource.msg('global.totalprice','locale',null)}</th>
+				</tr>
+			</thead>
+
+			<iscomment>render each shipment</iscomment>
+			<isset name="shipmentCount" value="${0}" scope="page"/>
+
+			<isloop items="${pdict.Basket.shipments}" var="shipment" status="shipmentloopstate">
+
+				<isif condition="${shipment.productLineItems.size() > 0 || shipment.giftCertificateLineItems.size() > 0}">
+
+					<isset name="shipmentCount" value="${shipmentCount+1}" scope="page"/>
+					<isif condition="${pdict.Basket.shipments.size() > 1}">
+						<tr class="cart-row">
+							<td colspan="5">
+								<div class="shipment-label">${Resource.msgf('multishippingshipments.shipment','checkout',null, shipmentCount)}</div>
+							</td>
+						</tr>
+					</isif>
+
+					<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+
+						<tr class="cart-row <isif condition="${pliloopstate.first}"> first <iselseif condition="${pliloopstate.last}"> last</isif>">
+
+							<td class="item-image">
+								<isif condition="${productLineItem.product != null && productLineItem.product.getImage('small',0) != null}">
+									<img src="${productLineItem.product.getImage('small',0).getURL()}" alt="${productLineItem.product.getImage('small',0).alt}" title="${productLineItem.product.getImage('small',0).title}"/>
+								<iselse/>
+									<img src="${URLUtils.staticURL('/images/noimagesmall.png')}" alt="${productLineItem.productName}" title="${productLineItem.productName}"/>
+								</isif>
+								<isif condition="${productLineItem.bonusProductLineItem}">
+									<div class="bonus-item">
+										<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+										<isinclude template="checkout/components/displaybonusproductprice" />
+										<isprint value="${bonusProductPriceValue}" />
+									</div>
+								</isif>
+							</td>
+
+							<td class="item-details">
+								<iscomment>Display product line and product using module</iscomment>
+								<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+							</td>
+
+							<td class="item-quantity">
+								<isprint value="${productLineItem.quantity}" />
+							</td>
+
+							<td class="item-quantity-details">
+								<div class="item-stock">
+									<isdisplayproductavailability p_productli="${productLineItem}"/>
+								</div>
+							</td>
+
+							<td class="item-total">
+								<isif condition="${productLineItem.bonusProductLineItem}">
+									<div class="bonus-item">
+										<isprint value="${bonusProductPriceValue}" />
+									</div>
+								<iselse/>
+									<iscomment>Otherwise, render price using call to adjusted price </iscomment>
+									<isprint value="${productLineItem.adjustedPrice}" />
+								</isif>
+								<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+									<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+										<isif condition="${optionLI.price > 0}">
+											<p>+ <isprint value="${optionLI.adjustedPrice}"/></p>
+										</isif>
+									</isloop>
+								</isif>
+							</td>
+
+						</tr>
+
+					</isloop>
+
+					<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+
+						<tr  class="cart-row <isif condition="${gcliloopstate.first}"> first <iselseif condition="${gcliloopstate.last}"> last</isif>">
+
+							<td class="item-image">
+								<img src="${URLUtils.staticURL('/images/gift_cert.gif')}" alt="<isprint value="${giftCertificateLineItem.lineItemText}"/>" />
+							</td>
+
+							<td class="item-details">
+								<div class="gift-certificate-to">
+									<span class="label">${Resource.msg('global.to','locale',null)}:</span>
+									<span class="value">
+										<isprint value="${giftCertificateLineItem.recipientName}"/>
+										(<isprint value="${giftCertificateLineItem.recipientEmail}"/>)
+									</span>
+								</div>
+								<div class="gift-certificate-from">
+									<span class="label">${Resource.msg('global.from','locale',null)}:</span>
+									<span class="value"><isprint value="${giftCertificateLineItem.senderName}"/></span>
+								</div>
+							</td>
+
+							<td class="item-quantity" colspan="2">1</td>
+
+							<td  class="item-total">
+								<isprint value="${giftCertificateLineItem.price}"/>
+							</td>
+
+						</tr>
+
+					</isloop>
+
+				</isif>
+
+			</isloop>
+
+			<tfoot>
+
+			<iscomment>RENDER COUPON/ORDER DISCOUNTS</iscomment>
+			<isloop items="${pdict.Basket.couponLineItems}" var="couponLineItem" status="cliloopstate">
+
+				<isif condition="${couponLineItem.valid}">
+
+					<tr class="cart-row <isif condition="${cliloopstate.first}"> first <iselseif condition="${cliloopstate.last}"> last</isif>">
+
+						<td class="item-image"><!-- BLANK IMAGE CELL --></td>
+
+						<td  class="item-details">
+							<div class="name">${Resource.msg('summary.coupon','checkout',null)}</div>
+							<div class="cart-coupon">
+								<span class="label">${Resource.msg('summary.couponnumber','checkout',null)}</span>
+								<span class="value"><isprint value="${couponLineItem.couponCode}"/></span>
+							</div>
+							<isloop items="${couponLineItem.priceAdjustments}" var="Promo" status="loopstate">
+								<div class="discount clearfix <isif condition="${loopstate.first}"> first <iselseif condition="${loopstate.last}"> last</isif>">
+									<span class="label"><isprint value="${Promo.lineItemText}"/></span>
+									<span class="value">(<isprint value="${Promo.price}"/>)</span>
+								</div>
+							</isloop>
+						</td>
+
+						<td class="item-quantity">&nbsp;</td>
+
+						<td class="item-quantity-details">
+							<div class="item-edit-details">
+								<a href="${URLUtils.url('Cart-Show')}">${Resource.msg('global.editdetails','locale',null)}</a>
+							</div>
+						</td>
+
+						<td class="item-total">
+							<isif condition="${couponLineItem.applied}">
+								<span class="coupon-applied">${Resource.msg('summary.applied','checkout',null)}</span>
+							<iselse/>
+								<span class="coupon-not-applied">${Resource.msg('summary.notapplied','checkout',null)}</span>
+							</isif>
+						</td>
+
+					</tr>
+
+				</isif>
+
+			</isloop>
+
+			<isloop items="${pdict.Basket.priceAdjustments}" var="priceAdjustment" status="cliloopstate">
+
+				<tr>
+					<td colspan="5" class="cart-promo">
+						<div>
+							<span class="label">${Resource.msg('summary.orderdiscount','checkout',null)}</span>
+							<span class="value"><isprint value="${priceAdjustment.lineItemText}"/></span>
+						</div>
+					</td>
+				</tr>
+
+			</isloop>
+
+
+
+			</tfoot>
+
+		</table>
+
+		<isslot id="placeorder-slot" description="Slot next to Order Totals in the footer of the Place Order page." context="global"/>
+
+		<div class="order-summary-footer">
+
+			<div class="place-order-totals">
+				<isordertotals p_lineitemctnr="${pdict.Basket}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('summary.ordertotal','checkout',null)}"/>
+			</div>
+
+			<form action="${URLUtils.https('COSummary-Submit')}" method="post" class="submit-order">
+				<fieldset>
+					<div class="form-row">
+						<a class="back-to-cart" href="${URLUtils.url('Cart-Show')}">
+							<isprint value="${Resource.msg('summary.editcart','checkout',null)}" encoding="off" />
+						</a>
+						<button class="button-fancy-large" type="submit" name="submit" value="${Resource.msg('global.submitorder','locale',null)}">
+							${Resource.msg('global.submitorder','locale',null)}
+						</button>
+					</div>
+			        <input type="hidden" name="${dw.web.CSRFProtection.getTokenName()}" value="${dw.web.CSRFProtection.generateToken()}"/>
+					<iscomment>
+                    Set the brandcode and issuerId in session for when user hits the back button on Adyen hpp
+                    </iscomment>
+                    <isif condition="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) || !empty(session.custom.brandCode)}">
+                       <isset name="brandCode" value="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) ? pdict.CurrentHttpParameterMap.brandCode.value : session.custom.brandCode}" scope="page"/>
+                       <input type="hidden" name="brandCode" value="${brandCode}" />
+                       <isif condition="${!empty(pdict.CurrentHttpParameterMap.issuer.value) || !empty(session.custom.issuer)}">
+                          <isset name="issuer" value="${!empty(pdict.CurrentHttpParameterMap.issuer.value) ? pdict.CurrentHttpParameterMap.issuer.value : session.custom.issuer}" scope="session"/>
+                          <input type="hidden" name="issuer" value="${session.custom.issuer}" />
+                       </isif>
+                       <isset name="brandCode" value="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) ? pdict.CurrentHttpParameterMap.brandCode.value : session.custom.brandCode}" scope="session"/>
+                       <isset name="dob" value="${!empty(pdict.CurrentHttpParameterMap.dob.value) ? pdict.CurrentHttpParameterMap.dob.value : ''}" scope="session"/>
+                       <isset name="gender" value="${!empty(pdict.CurrentHttpParameterMap.gender.value) ? pdict.CurrentHttpParameterMap.dob.value : ''}" scope="session"/>
+                    </isif>
+				</fieldset>
+			</form>
+
+		</div>
+
+</isdecorate>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetails.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetails.isml
new file mode 100644
index 000000000..d44e01c33
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetails.isml
@@ -0,0 +1,226 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+
+<iscomment>
+	Displays order details, such as order number, creation date, payment information,
+	order totals and information for each contained shipment.
+	This template module can be used in order confirmation pages as well as in the
+	order history to render the details of a given order. Depending on the context
+	being used in, one might omit rendering certain information.
+
+	Parameters:
+
+	order		: the order whose details to render
+	orderstatus	: if set to true, the order status will be rendered
+				  if set to false or not existing, the order status will not be rendered
+</iscomment>
+
+<isset name="Order" value="${pdict.order}" scope="page"/>
+
+<div class="orderdetails">
+	<div class="order-information">
+		<h1 class="order-number">
+			<span class="label"><i class="fa fa-cube"></i>${Resource.msg('order.orderdetails.ordernumber','order',null)}</span>
+			<span class="value"><isprint value="${Order.orderNo}"/></span>
+		</h1>
+		<iscomment>Order Status</iscomment>
+		<isif condition="${!empty(pdict.orderstatus) && pdict.orderstatus == 'true'}">
+			<isinclude template="account/orderhistory/orderstatusinclude"/>
+		</isif>
+		<div class="order-date">
+			<span class="label">${Resource.msg('order.orderdetails.orderplaced','order',null)}</span>
+			<span class="value"><isprint value="${Order.creationDate}" style="DATE_LONG"/></span>
+		</div>
+	</div>
+	<div class="order-payment-summary">
+		<div class="label">${Resource.msg('order.orderdetails.paymenttotal','order',null)}</div>
+		<div class="order-detail-summary">
+			<isif condition="${Order.shipments.length > 1}">
+				<isordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${true}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			<iselse/>
+				<isordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			</isif>
+		</div>
+	</div>
+	<div class="order-payment-instruments">
+		<div class="label">
+			<isif condition="${Order.paymentInstruments.length == 1}">
+				${Resource.msg('order.orderdetails.paymentmethod','order',null)}
+			<iselse/>
+				${Resource.msg('order.orderdetails.paymentmethods','order',null)}
+			</isif>
+		</div>
+		<isloop items="${Order.getPaymentInstruments()}" var="paymentInstr">
+			<isif condition="${dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE.equals(paymentInstr.paymentMethod)}">
+				<div class="orderpaymentinstrumentsgc">
+					<span class="label"><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></span>
+					<span class="value"><isprint value="${paymentInstr.maskedGiftCertificateCode}"/></span>
+					<span class="payment-amount">
+						<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+						<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+					</span>
+				</div>
+			<iselse/>
+				<div class="payment-type"><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></div>
+				<isminicreditcard card="${paymentInstr}" show_expiration="${false}"/>
+				<div class="payment-amount">
+					<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+					<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+					<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+					<br/>
+				</div><!-- END: payment-amount -->
+				<isinclude template="adyenOrderDetails" />
+				<iscomment> ### Custom Adyen cartridge end ### </iscomment>
+			</isif>
+		</isloop>
+	</div>
+	<div class="order-billing">
+		<div class="label">${Resource.msg('order.orderdetails.billingaddress','order',null)}</div>
+		<isminiaddress p_address="${Order.billingAddress}"/>
+	</div>
+
+	<iscomment>render a box for each shipment</iscomment>
+	<div class="order-shipments">
+		<isloop items="${Order.shipments}" var="shipment" status="shipmentloopstate">
+			<h2>${Resource.msgf('multishippingshipments.shipment','checkout',null, shipmentloopstate.count)}</h2>
+
+			<isif condition="${shipment.productLineItems.size() > 0}">
+				<iscomment>Shipment Items</iscomment>
+				<div class="order-shipment-table">
+					<div class="order-shipment-details">
+						<div class="order-shipment-address">
+							<isif condition="${!empty(shipment.custom.shipmentType) && shipment.custom.shipmentType == 'instore'}">
+								<div class="label">${Resource.msg('cart.store.instorepickup','checkout',null)}</div>
+							<iselse/>
+								<div class="label">${Resource.msg('order.orderdetails.shippingto','order',null)}</div>
+							</isif>
+							<isminishippingaddress p_shipment="${shipment}" p_editable="${false}" p_showmethod="${false}" p_showpromos="${false}"/>
+						</div>
+						<isif condition="${shipment.custom.shipmentType != 'instore'}">
+							<div class="shipping-status">
+								<div class="label">${Resource.msg('order.orderdetails.shippingstatus','order',null)}</div>
+								<isif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_NOTSHIPPED}">
+									<div class="value">${Resource.msg('order.orderdetails.notshipped','order',null)}</div>
+								<iselseif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_SHIPPED}">
+									<div class="value">${Resource.msg('order.orderdetails.shipped','order',null)}</div>
+								<iselse/>
+									<div class="value">${Resource.msg('order.orderdetails.notknown','order',null)}</div>
+								</isif>
+							</div>
+						</isif>
+						<isif condition="${!empty(shipment.trackingNumber)}">
+							<div class="trackingnumber">
+								<div class="label">${Resource.msg('order.orderdetails.tracking','order',null)}</div>
+								<div class="value"><!-- Tracking Number --><isprint value="${shipment.trackingNumber}"/></div>
+							</div>
+						</isif>
+						<div class="shipping-method">
+							<div class="label">${Resource.msg('order.orderdetails.shippingmethod','order',null)}</div>
+							<isif condition="${!empty(shipment.shippingMethod)}">
+								<div class="value"><isprint value="${shipment.shippingMethod.displayName}"/></div>
+							<iselse/>
+								<div class="value"><isprint value="${shipment.shippingMethodID}"/></div>
+							</isif>
+						</div>
+						<iscomment>Shipment Gift Message</iscomment>
+						<isif condition="${shipment.gift}">
+							<isif condition="${!empty(shipment.giftMessage)}">
+								<div class="order-shipment-gift-message">
+									<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+									<div class="value"><isprint value="${shipment.giftMessage}"/></div>
+								</div>
+							</isif>
+						</isif>
+					</div>
+					<div class="line-items">
+						<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+							<div class="line-item">
+								<div class="line-item-details">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.item','locale',null)}</div>
+									</isif>
+									<iscomment>Display product line and product using module</iscomment>
+									<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+								</div>
+								<div class="line-item-quantity">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.qty','locale',null)}</div>
+									</isif>
+									<isprint value="${productLineItem.quantity}"/>
+								</div>
+								<div class="line-item-price">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.price','locale',null)}</div>
+									</isif>
+									<iscomment>Render quantity. If it is a bonus product render word 'Bonus'</iscomment>
+									<isif condition="${productLineItem.bonusProductLineItem}">
+										<div class="bonus-item">
+											<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+											<isinclude template="checkout/components/displaybonusproductprice" />
+											<isprint value="${bonusProductPriceValue}" />
+										</div>
+									<iselse/>
+										<isprint value="${productLineItem.adjustedPrice}"/>
+										<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+											<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+												<div class="product-option-price">+ <isprint value="${optionLI.adjustedPrice}"/></div>
+											</isloop>
+										</isif>
+									</isif>
+								</div>
+							</div>
+						</isloop>
+					</div>
+				</div>
+			</isif>
+
+			<isif condition="${shipment.giftCertificateLineItems.size() > 0}">
+				<div class="order-shipment-table">
+					<div class="order-shipment-details">
+						<iscomment>Shipment Gift Certificate</iscomment>
+						<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+							<div class="order-gift-cert-attributes order-shipment-address">
+								<div class="order-gift-cert-to">
+									<div class="label">${Resource.msg('order.orderdetails.giftcertto','order',null)}</div>
+									<div class="value"><isprint value="${giftCertificateLineItem.recipientName}"/></div>
+									<div class="value"><isprint value="${giftCertificateLineItem.recipientEmail}"/></div>
+								</div>
+								<div class="order-gift-cert-from">
+									<div class="label">${Resource.msg('order.orderdetails.giftcertfrom','order',null)}</div>
+									<div class="value"><isprint value="${giftCertificateLineItem.senderName}"/></div>
+									<div class="value"><isprint value="${Order.customerEmail}"/></div>
+								</div>
+							</div>
+							<div class="order-gift-cert-amount">
+								<div class="label">${Resource.msg('global.giftcertificate','locale',null)}</div>
+								<div class="value"><isprint value="${giftCertificateLineItem.price}"/></div>
+							</div>
+							<div class="shipping-method">
+								<div class="label">${Resource.msg('order.orderdetails.shippingmethod','order',null)}</div>
+								<div class="value">${Resource.msg('order.orderdetails.giftcertshipping','order',null)}</div>
+								<div class="value"><isprint value="${giftCertificateLineItem.recipientEmail}"/></div>
+							</div>
+						</isloop>
+
+						<iscomment>if shipment is marked as gift</iscomment>
+						<isif condition="${shipment.gift}">
+							<div class="order-shipment-gift-message">
+								<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+								<isif condition="${!empty(shipment.giftMessage)}">
+									<div class="value"><isprint value="${shipment.giftMessage}"/></div>
+								</isif>
+							</div>
+						<iselse/>
+							<div class="order-shipment-gift-message">
+								<isset name="theGiftCert" value="${shipment.giftCertificateLineItems.iterator().next()}" scope="page"/>
+								<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+								<isif condition="${!empty(theGiftCert.message)}">
+									<div class="value"><isprint value="${theGiftCert.message}"/></div>
+								</isif>
+							</div>
+						</isif>
+					</div>
+				</div>
+			</isif>
+		</isloop>
+	</div>
+</div>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetailsemail.isml b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetailsemail.isml
new file mode 100644
index 000000000..facdc2017
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/cartridge/templates/default/components/order/orderdetailsemail.isml
@@ -0,0 +1,258 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<iscomment>
+	Displays order details, such as order number, creation date, payment information,
+	order totals and information for each contained shipment.
+	This template module can be used in order confirmation pages as well as in the
+	order history to render the details of a given order. Depending on the context
+	being used in, one might omit rendering certain information.
+
+	Parameters:
+
+	order		: the order whose details to render
+	orderstatus	: if set to true, the order status will be rendered
+				  if set to false or not existing, the order status will not be rendered
+</iscomment>
+<isset name="Order" value="${pdict.order}" scope="page"/>
+
+<p>
+	${Resource.msg('order.orderdetails.orderplaced','order',null)}
+	<isprint value="${Order.creationDate}" style="DATE_LONG"/>
+</p>
+
+<p>
+	${Resource.msg('order.orderdetails.ordernumber','order',null)}
+	<isprint value="${Order.orderNo}"/>
+</p>
+
+<table style="background:#ffffff;border:1px solid #999999;width:680px;">
+	<tr>
+		<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;" colspan="3">${Resource.msg('order.orderdetails.paymentinfo','order',null)}</th>
+	</tr>
+	<tr>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+			<b>${Resource.msg('order.orderdetails.billingaddress','order',null)}</b>
+			<isminiaddress p_address="${Order.billingAddress}"/>
+		</td>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+
+			<isif condition="${Order.paymentInstruments.length == 1}">
+				<b>${Resource.msg('order.orderdetails.paymentmethod','order',null)}</b>
+			<iselse/>
+				<b>${Resource.msg('order.orderdetails.paymentmethods','order',null)}</b>
+			</isif>
+
+			<iscomment>Render All Payment Instruments</iscomment>
+			<isloop items="${Order.getPaymentInstruments()}" var="paymentInstr" status="piloopstate">
+				<div><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></div>
+				<isif condition="${dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE.equals(paymentInstr.paymentMethod)}">
+					<isprint value="${paymentInstr.maskedGiftCertificateCode}"/><br />
+				</isif>
+				<isminicreditcard card="${paymentInstr}" show_expiration="${false}"/>
+				<div>
+					<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+					<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+                    <iscomment> ### Custom Adyen cartridge start ### </iscomment>
+                    <br/>
+                    <isinclude template="adyenOrderDetails" />
+                    <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+				</div><!-- END: payment-amount -->
+			</isloop>
+		</td>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+			<b>${Resource.msg('order.orderdetails.paymenttotal','order',null)}</b>
+			<isif condition="${Order.shipments.length > 1}">
+				<isemailordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${true}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			<iselse/>
+				<isemailordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+				<br />
+			</isif>
+		</td>
+
+	</tr>
+</table>
+
+
+<iscomment>render a box for each shipment</iscomment>
+
+	<isloop items="${Order.shipments}" var="shipment" status="shipmentloopstate">
+
+		<p><b>${(Resource.msg('order.orderconfirmation-email.shipmentnumber','order',null)) + shipmentloopstate.count}</b></p>
+
+		<isif condition="${shipment.productLineItems.size() > 0}">
+
+			<iscomment>Shipment items table</iscomment>
+			<table style="background:#ffffff;border:1px solid #999999;width:680px;">
+				<thead>
+					<tr>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.item','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.quantity','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.price','locale',null)}</th>
+						<isif condition="${empty(shipment.custom.shipmentType) || shipment.custom.shipmentType != 'instore'}"/>
+							<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('order.orderdetails.shippingto','order',null)}</th>
+						<iselse/>
+							<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('cart.store.instorepickup','checkout',null)}</th>
+						</isif>
+					</tr>
+				</thead>
+				<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+					<tr>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<iscomment>Display product line and product using module</iscomment>
+							<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+						</td>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isprint value="${productLineItem.quantity}"/>
+						</td>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<iscomment>Render quantity. If it is a bonus product render word 'Bonus'</iscomment>
+							<isif condition="${productLineItem.bonusProductLineItem}">
+								<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+								<isinclude template="checkout/components/displaybonusproductprice" />
+								<isprint value="${bonusProductPriceValue}" />
+							<iselse/>
+								<isprint value="${productLineItem.adjustedPrice}"/>
+								<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+									<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+										<p style="color:#990000;">+ <isprint value="${optionLI.adjustedPrice}"/></p>
+									</isloop>
+								</isif>
+							</isif>
+						</td>
+
+						<iscomment>only show shipping address for first pli in shipment</iscomment>
+						<isif condition="${pliloopstate.first}">
+							<isset name="rowSpan" value="${shipment.productLineItems.size()}" scope="page"/>
+							<td rowspan="${rowSpan.toFixed()}" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top; border-left: 2px solid #cccccc;">
+								<div>
+									<isminishippingaddress p_shipment="${shipment}" p_editable="${false}" p_showmethod="${false}" p_showpromos="${false}"/>
+								</div>
+								<div>
+									${Resource.msg('order.orderdetails.shippingmethod','order',null)}
+									<isif condition="${!empty(shipment.shippingMethod)}">
+										<isprint value="${shipment.shippingMethod.displayName}"/>
+									<iselse/>
+										<isprint value="${shipment.shippingMethodID}"/>
+									</isif>
+								</div>
+								<div>
+									${Resource.msg('order.orderdetails.shippingstatus','order',null)}
+									<isif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_NOTSHIPPED}">
+										${Resource.msg('order.orderdetails.notshipped','order',null)}
+									<iselseif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_SHIPPED}">
+										${Resource.msg('order.orderdetails.shipped','order',null)}
+									<iselse/>
+										${Resource.msg('order.orderdetails.notknown','order',null)}
+									</isif>
+								</div>
+								<isif condition="${!empty(shipment.trackingNumber)}">
+									<div>
+										${Resource.msg('order.orderdetails.tracking','order',null)}
+										<!-- Tracking Number --><isprint value="${shipment.trackingNumber}"/>
+									</div>
+								</isif>
+							</td>
+						</isif>
+					</tr>
+				</isloop>
+			<iscomment>Shipment Gift Message</iscomment>
+			<isif condition="${shipment.gift}">
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						${Resource.msg('order.orderdetails.giftmessage','order',null)}
+					</td>
+				</tr>
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						<isif condition="${!empty(shipment.giftMessage)}">
+							<isprint value="${shipment.giftMessage}"/>
+						<iselse/>
+							&nbsp;
+						</isif>
+					</td>
+				</tr>
+			</isif>
+			</table>
+
+		</isif>
+
+		<isif condition="${shipment.giftCertificateLineItems.size() > 0}">
+
+			<iscomment>Shipment Gift Certificate</iscomment>
+			<table  style="background:#ffffff;border:1px solid #999999;width:680px;">
+				<thead>
+					<tr>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.item','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.price','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('order.orderdetails.shippingto','order',null)}</th>
+					</tr>
+				</thead>
+				<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+					<tr>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							${Resource.msg('global.giftcertificate','locale',null)}
+							<div>
+								${Resource.msg('order.orderdetails.giftcertto','order',null)}
+									<isprint value="${giftCertificateLineItem.recipientName}"/><br />
+									<isprint value="${giftCertificateLineItem.recipientEmail}"/>
+							</div>
+							<div>
+								${Resource.msg('order.orderdetails.giftcertfrom','order',null)}
+									<isprint value="${giftCertificateLineItem.senderName}"/><br />
+									<isprint value="${Order.customerEmail}"/>
+							</div>
+						</td>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isprint value="${giftCertificateLineItem.price}"/>
+						</td>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<div>
+								${Resource.msg('order.orderdetails.giftcertshippingaddress','order',null)}
+								<div>
+									<isprint value="${giftCertificateLineItem.recipientName}"/>
+									<isprint value="${giftCertificateLineItem.recipientEmail}"/>
+								</div>
+							</div>
+							<div>
+								${Resource.msg('order.orderdetails.shippingmethod','order',null)}
+								${Resource.msg('order.orderdetails.giftcertshipping','order',null)}
+							</div>
+						</td>
+					</tr>
+				</isloop>
+
+				<iscomment>if shipment is marked as gift</iscomment>
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						${Resource.msg('order.orderdetails.giftmessage','order',null)}
+					</td>
+				</tr>
+
+				<isif condition="${shipment.gift}">
+					<tr>
+						<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isif condition="${!empty(shipment.giftMessage)}">
+								<isprint value="${shipment.giftMessage}"/>
+							<iselse/>
+								&nbsp;
+							</isif>
+						</td>
+					</tr>
+				<iselse/>
+					<tr>
+						<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isset name="theGiftCert" value="${shipment.giftCertificateLineItems.iterator().next()}" scope="page"/>
+							<isif condition="${!empty(theGiftCert.message)}">
+								<isprint value="${theGiftCert.message}"/>
+							<iselse/>
+								&nbsp;
+							</isif>
+						</td>
+					</tr>
+				</isif>
+			</table>
+
+		</isif>
+	</isloop>
diff --git a/cartridges/adyen_controllers_changes/app_storefront_core_changes/package.json b/cartridges/adyen_controllers_changes/app_storefront_core_changes/package.json
new file mode 100644
index 000000000..623254b69
--- /dev/null
+++ b/cartridges/adyen_controllers_changes/app_storefront_core_changes/package.json
@@ -0,0 +1,3 @@
+{
+   "hooks": "./cartridge/scripts/hooks.json"
+}
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/bm_adyen.properties b/cartridges/bm_adyen/cartridge/bm_adyen.properties
new file mode 100644
index 000000000..bb79bd13d
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/bm_adyen.properties
@@ -0,0 +1,4 @@
+## cartridge.properties for cartridge bm_adyen
+#Wed Jun 05 17:06:42 CEST 2013
+demandware.cartridges.bm_adyen.multipleLanguageStorefront=true
+demandware.cartridges.bm_adyen.id=bm_adyen
diff --git a/cartridges/bm_adyen/cartridge/bm_extensions.xml b/cartridges/bm_adyen/cartridge/bm_extensions.xml
new file mode 100644
index 000000000..1ee493760
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/bm_extensions.xml
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="ISO-8859-1" ?>
+<extensions xmlns="http://www.demandware.com/xml/bmmodules/2007-12-11" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.demandware.com/xml/bmmodules/2007-12-11 bmext.xsd">
+	<menuaction id="adyen_settings" menupath="site-prefs" position="2" site="true">
+        <name xml:lang="x-default">Adyen settings</name>
+        <short_description xml:lang="x-default">Adyen settings</short_description>
+        <description xml:lang="x-default">Adyen settings</description>
+        <exec pipeline="AdyenSettings" node="Start"/>
+        <sub-pipelines>
+            <pipeline name="AdyenSettings"/>
+        </sub-pipelines>
+        <icon>adyen_logo.svg</icon>
+    </menuaction>
+</extensions>
+<!-- =============================================================== -->
+<!-- ==                                                           == -->
+<!-- ==  BUSINESS MANAGER MENU IDs								  == -->
+<!-- ==                                                           == -->
+<!-- ===============================================================
+	SITE MENU **************************************************************************************
+		Menu ITEM:  Products and Catalogs 		<menuitem id="prod-cat" position="2000" site="true">
+			Menu Action:  Products 					<menuaction id="prod-cat_products" menupath="prod-cat" position="100" site="true">
+			Menu Action:  Catalogs					<menuaction id="prod-cat_catalogs" menupath="prod-cat" position="150" site="true">
+			Menu Action:  Product Sets				<menuaction id="prod-cat_product_sets" menupath="prod-cat" position="200" site="true">
+			Menu Action:  Product Options				<menuaction id="prod-cat_product_options" menupath="prod-cat" position="200" site="true">
+			Menu Action:  Recommendations			<menuaction id="prod-cat_recommendations" menupath="prod-cat" position="250" site="true">
+			Menu Action:  Price Books				<menuaction id="prod-cat_pricebooks" menupath="prod-cat" position="300" site="true">
+			Menu Action:  Inventory 				<menuaction id="prod-cat_inventory" menupath="prod-cat" position="350" site="true">
+			Menu Action:  Catalog Feeds 				<menuaction id="prod-cat_feeds" menupath="prod-cat" position="550" site="true">
+			Menu Action:  Batch Processes			<menuaction id="prod-cat_batchprocs" menupath="prod-cat" position="600" site="true">
+			Menu Action:  Import and Export			<menuaction id="prod-cat_impex" menupath="prod-cat" position="800" site="true">
+		Menu ITEM:  Content						<menuitem id="content" position="3000" site="true">
+			Menu Action:  Library Folder				<menuaction id="library_folder" menupath="content" position="100" site="true">
+			Menu Action:  Content Assets				<menuaction id="library_content" menupath="content" position="200" site="true">
+			Menu Action:  Import and Export			<menuaction id="content_impex" menupath="content" position="300" site="true">
+		Menu ITEM:  Search						<menuitem id="search" position="4000" site="true">
+			Menu Action:  Search Indexes			<menuaction id="search_indexes" menupath="search" position="100" site="true">
+			Menu Action:  Search Redirects			<menuaction id="search_index_redirects" menupath="search" position="110" site="true">
+			Menu Action:  Search Stopwords			<menuaction id="search_stopwords" menupath="search" position="120" site="true">
+			Menu Action:  Search Synonyms			<menuaction id="search_synonyms" menupath="search" position="130" site="true">
+			Menu Action:  Search Hypernyms			<menuaction id="search_hypernyms" menupath="search" position="140" site="true">
+			Menu Action:  Search Index Scheduler	<menuaction id="search_index_schedule" menupath="search" position="200" site="true">
+			Menu Action:  Guided Search Preference		<menuaction id="search_preferences" menupath="search" position="300" site="true">
+		Menu ITEM:  Online Marketing			<menuitem id="marketing" position="5000" site="true">
+			Menu Action:  Promotions and Discounts	<menuaction id="marketing_promodisc" menupath="marketing" position="100" site="true">
+			Menu Action:  Gift Certificates			<menuaction id="marketing_giftcert" menupath="marketing" position="200" site="true">
+			Menu Action:  Source-Code Groups			<menuaction id="sourcecode" menupath="marketing" position="300" site="true">
+			Menu Action:  Store Locations				<menuaction id="marketing_storelocations" menupath="marketing" position="400" site="true">
+			Menu Action:  Import and Export			<menuaction id="marketing_impex" menupath="marketing" position="600" site="true">
+		Menu ITEM:  Customers					<menuitem id="customers" position="6000" site="true">
+			Menu Action:  Customers					<menuaction id="customers_manage" menupath="customers" position="100" site="true">
+			Menu Action:  Customer Groups 			<menuaction id="customers_groups" menupath="customers" position="200" site="true">
+			Menu Action:  Customer Impex			<menuaction id="customers_impex" menupath="customers" position="300" site="true">
+		Menu ITEM:  Custom Objects				<menuitem id="site-obj" position="7000" site="true">
+			Menu Action: Custom Object Browser		<menuaction id="site-obj_impex" menupath="site-obj" position="100" site="true">
+			Menu Action: Custom Object Impex		<menuaction id="site-obj_editor" menupath="site-obj" position="200" site="true">
+		Menu ITEM:  Orders						<menuitem id="orders" position="8000" site="true">
+			Menu Action: Manage Orders				<menuaction id="orders_manage" menupath="orders" position="100" site="true">
+			Menu Action: Taxation					<menuaction id="orders_taxation" menupath="orders" position="200" site="true">
+			Menu Action: Payment Processors			<menuaction id="orders_paymethods" menupath="orders" position="300" site="true">
+			Menu Action: Shipping Methods			<menuaction id="orders_shipmethods" menupath="orders" position="400" site="true">
+			Menu Action: Ordering Import & Export		<menuaction id="orders_export" menupath="orders" position="700" site="true">	
+		Menu ITEM:  Analytics					<menuitem id="analytics" position="10000" site="true">
+			Menu Action: Conversion Reports 		<menuaction id="analytics_conversion" menupath="analytics" position="100" site="true">
+			Menu Action: Purchase Reports 			<menuaction id="analytics_purchase" menupath="analytics" position="200" site="true">
+			Menu Action: Catalog Reports			<menuaction id="analytics_catalog" menupath="analytics" position="300" site="true">
+			Menu Action: Search and Navigation Reports <menuaction id="analytics_seachnav" menupath="analytics" position="400" site="true">
+			Menu Action: Customer Reports			<menuaction id="analytics_customer" menupath="analytics" position="500" site="true">
+			Menu Action: Traffic Reports			<menuaction id="analytics_traffic" menupath="analytics" position="600" site="true">
+			Menu Action: A/B Testing Reports		<menuaction id="analytics_abtesting" menupath="analytics" position="700" site="true">
+			Menu Action: Technical Reports			<menuaction id="analytics_technical" menupath="analytics" position="900" site="true">
+		Menu ITEM:  Site URLs					<menuitem id="short-links" position="11000" site="true">
+			Menu Action: Search Support				<menuaction id="site-urls_searchsupport" menupath="site-urls" position="200" site="true">
+			Menu Action: Aliases					<menuaction id="site-urls_aliases" menupath="site-urls" position="300" site="true">
+			Menu Action: URL Mappings				<menuaction id="site-urls_url-mappings" menupath="site-urls" position="300" site="true">
+			Menu Action: URL Mapping Rules			<menuaction id="site-urls_url-mappings" menupath="site-urls" position="300" site="true">
+		Menu ITEM:  Site Preferences			<menuitem id="site-prefs" position="12000" site="true">
+			Menu Action: Product Locking			<menuaction id="site-prefs_prodlocking" menupath="site-prefs" position="400" site="true">
+			Menu Action: Shopping Cart				<menuaction id="site-prefs_cart" menupath="site-prefs" position="1000" site="true">
+			Menu Action: Locales					<menuaction id="site-prefs_sitelocales" menupath="site-prefs" position="1100" site="true">
+			Menu Action: Time Zone					<menuaction id="site-prefs_timezone" menupath="site-prefs" position="1200" site="true">
+			Menu Action: Source-Code Handling			<menuaction id="site-prefs_sourcecode" menupath="site-prefs" position="1400" site="true">
+			Menu Action: Gift Certificate Preferences		<menuaction id="site-prefs_giftcertificates" menupath="site-prefs" position="1500" site="true">
+			Menu Action: Guided Search Preferences		<menuaction id="site-prefs_search" menupath="site-prefs" position="1600" site="true">
+			Menu Action: Series Number Managements		<menuaction id="site-prefs_seriesnumbers" menupath="site-prefs" position="1700" site="true">
+			Menu Action: Custom Preferences			<menuaction id="site-prefs_custom_prefs" menupath="site-prefs" position="1800" site="true">
+
+	ADMINISTRATION MENU **************************************************************************************
+		Menu Item:  Data Replication			<menuitem id="global-data-rep" position="1000" site="false">
+			Menu Action: Data Replication				<menuaction id="global-data-rep-processes" menupath="global-replication" position="100" site="false">
+			Menu Action: Code Replication				<menuaction id="global-code-rep-processes" menupath="global-data-rep" position="200" site="false">
+		Menu Item:  Organization				<menuitem id="organization" position="2000" site="false">
+			Menu Action:  Organization Profile		<menuaction id="organization_profile" menupath="organization" position="100" site="false">			
+			Menu Action: Users 					menuaction id="organization_users" menupath="organization" position="400" site="false">
+		Menu Item:  Sites						<menuitem id="sites" position="3000" site="false">
+			Menu Action:  Manage Sites 				<menuaction id="sites_manage" menupath="sites" position="100" site="false">
+		Menu Item:  Site Development			<menuitem id="studio" position="4000" site="false">
+			Menu Action:  Studio Setup				<menuaction id="studio_setup" menupath="studio" position="100" site="false">
+			Menu Action: System Object Definitions		<menuaction id="studio_system_obj" menupath="studio" position="150" site="false">
+			Menu Action: Custom Object Definitions		<menuaction id="studio_custom_obj" menupath="studio" position="200" site="false">
+			Menu Action: Code Deployment			<menuaction id="studio_code_deployment" menupath="studio" position="400" site="false">
+			Menu Action: Site Import & Export			<menuaction id="instance_setup" menupath="studio" position="500" site="false">
+			Menu Action: Import & Export				<menuaction id="customization_impex" menupath="studio" position="600" site="false">
+		Menu Item:  Global Preferences			<menuitem id="global-prefs" position="5000" site="false">
+			Menu Action:  Manage Locales			<menuaction id="global-prefs_locales" menupath="global-prefs" position="100" site="false">
+			Menu Action:  Instance Time Zone		<menuaction id="global-prefs_timeZones" menupath="global-prefs" position="200" site="false">
+			Menu Action:  Exchange Rates			<menuaction id="global-prefs_exchangeRates" menupath="global-prefs" position="300" site="false">
+			Menu Action: Security Preferences			<menuaction id="global-prefs_securityPrefs" menupath="global-prefs" position="500" site="false">
+			Menu Action: Global Series Number Management	<menuaction id="global-prefs_orders_seriesnumbers" menupath="global-prefs" position="600" site="false">
+			Menu Action: Global Custom Preferences		<menuaction id="global-prefs_custom_prefs" menupath="global-prefs" position="700" site="false">
+		Menu Item:  Operations					<menuitem id="global-prefs" position="5000" site="false">
+			Menu Action: Manage Job Schedules			<menuaction id="global-prefs_locales" menupath="operations" position="100" site="false">
+			Menu Action: View Job History			<menuaction id="operations_jobmonitor" menupath="operations" position="200" site="false">
+-->
diff --git a/cartridges/bm_adyen/cartridge/controllers/AdyenSettings.js b/cartridges/bm_adyen/cartridge/controllers/AdyenSettings.js
new file mode 100644
index 000000000..786d69543
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/controllers/AdyenSettings.js
@@ -0,0 +1,72 @@
+"use strict";
+
+var server = require('server');
+var Transaction = require('dw/system/Transaction');
+var csrfProtection = require('*/cartridge/scripts/middleware/csrf');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+server.get('Start', csrfProtection.generateToken, function (_req, res, next) {
+  res.render('adyenSettings/settings');
+  return next();
+});
+server.post('Save', server.middleware.https, function (req, res, next) {
+  try {
+    var requestBody = JSON.parse(req.body);
+    requestBody.settings.forEach(function (setting) {
+      Transaction.wrap(function () {
+        AdyenConfigs.setCustomPreference(setting.key, setting.value);
+      });
+    });
+    res.json({
+      success: true
+    });
+  } catch (error) {
+    AdyenLogs.error_log("Error while saving settings in BM configuration: ".concat(error));
+    res.json({
+      success: false
+    });
+  }
+  return next();
+});
+server.post('TestConnection', server.middleware.https, function (req, res, next) {
+  try {
+    var service = AdyenHelper.getService(constants.SERVICE.CHECKOUTPAYMENTMETHODS);
+    if (!service) {
+      throw new Error('Could not do /paymentMethods call');
+    }
+    var requestBody = JSON.parse(req.body);
+    var xApiKey = requestBody.xApiKey,
+      merchantAccount = requestBody.merchantAccount;
+    service.addHeader('Content-type', 'application/json');
+    service.addHeader('charset', 'UTF-8');
+    service.addHeader('X-API-key', xApiKey);
+    var callResult = service.call(JSON.stringify({
+      merchantAccount: merchantAccount
+    }));
+    if (!callResult.isOk()) {
+      var _JSON$parse = JSON.parse(callResult.getErrorMessage()),
+        message = _JSON$parse.message;
+      res.json({
+        success: false,
+        message: message,
+        error: true
+      });
+      return next();
+    }
+    res.json({
+      success: true,
+      error: false
+    });
+  } catch (error) {
+    AdyenLogs.error_log("Error while testing API credentials: ".concat(error));
+    res.json({
+      error: true,
+      message: 'an unknown error has occurred',
+      success: false
+    });
+  }
+  return next();
+});
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/static/default/css/configurationSettings.css b/cartridges/bm_adyen/cartridge/static/default/css/configurationSettings.css
new file mode 100644
index 000000000..156893734
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/css/configurationSettings.css
@@ -0,0 +1,497 @@
+.input-fields{
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+.first-subtitle{
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+.radio-buttons{
+    padding-left: 48px;
+}
+
+.form-title{
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 16px;
+    color: #00112C;
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+.links-header {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+    color: #20304C;
+}
+
+.card-body .card-title {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 32px;
+    color: #00112C;
+    height: 32px;
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+.card-body .card-subtitle {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    color: #69778C;
+    width: 699px;
+}
+
+.form-group .form-text {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    color: #20304C;
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+
+.form-check-input, .form-check-label{
+    width: 26px;
+    height: 20px;
+
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+
+    display: flex;
+    align-items: center;
+    color: #20304C;
+}
+
+.list-group .navigation-item {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+    display: flex;
+    align-items: center;
+    color: #394962;
+}
+
+.row .sticky-top {
+    top: 10%;
+    z-index: 10;
+}
+
+.btn-toolbar{
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 12px 107px;
+    gap: 10px;
+
+    width: 1434px;
+    height: 75px;
+    left: 2px;
+    top: 92px;
+
+    background: #FFFFFF;
+    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.06);
+}
+
+.btn-toolbar .sec-group{
+    padding-left: 70%;
+}
+
+.btn-toolbar .sec-group .btn-light{
+    width: 135px;
+    height: 28px;
+
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 13px;
+    line-height: 17px;
+
+    align-items: center;
+
+    background: #FFFFFF;
+    border: 1px solid #F3F2F2;
+    color: #394962;
+
+    border-radius: 6px;
+    margin-top: 10px;
+}
+
+.img-fluid{
+    margin-top: 10px;
+}
+
+.first, .second, .third {
+    outline: none;
+    border: 0 !important;
+    box-shadow: none !important;
+}
+
+.bi-eye, .bi-eye-slash{
+    position: absolute !important;
+    margin-top: 6px !important;
+    margin-right: 70px !important;
+    left: 75px !important;
+}
+
+#notificationsPassword{
+  padding-left: 30px;  
+}
+
+#toggleApi{
+    margin-top: 5px !important;
+    left: 75px;
+}
+
+#apiKey{
+    padding-left: 30px;  
+}
+
+#hmacKey{
+    padding-left: 30px;  
+}
+
+.line-divider{
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+.switch-button{
+    position: absolute;
+    left: 80%;
+    right: auto;
+    top: auto;
+    bottom: auto;
+    border-radius: 8.5px;
+}
+
+html {
+  scroll-padding-top: 6rem;
+  overflow-x: hidden;
+}
+
+.list-group-item {
+    border: 1.0px solid rgb(204, 204, 204);
+}
+
+.list-group-item:hover{
+    background: rgb(184, 225, 252);
+}
+
+.form-buttons{
+    padding-right:5%;
+    padding-top:9px;
+}
+
+#settingsFormCancelButton{
+    top:20px;
+    
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+
+    display: flex;
+    align-items: center;
+
+    color: #394962;
+    border-radius: 6px;
+}
+
+#settingsFormSubmitButton{
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+
+    display: flex;
+    align-items: center;
+    border-radius: 6px;
+}
+
+#bm_content_column{
+    padding-bottom: 0;
+    padding-left: 0;
+}
+
+#saveChangesAlert{
+    width: 420px;
+    left: 0;
+    margin: auto; // Centers alert component
+    right: 0;
+    text-align: center; 
+    top: 1em;
+    
+    background: #00112C;
+    box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.02), 0px 2px 4px rgba(0, 17, 44, 0.04);
+    border-radius: 8px;
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+    color: #FFFFFF;
+    height: auto;
+    
+    align-items: center;
+    flex: none;
+    order: 0;
+    align-self: stretch;
+    flex-grow: 0;
+    padding: 0.15rem;
+}
+
+#saveChangesAlert .img-fluid {
+    position: static;
+    padding-bottom: 12px;
+}
+
+#notSavedChangesAlert .img-fluid {
+    position: static;
+    padding-bottom: 12px;
+}
+
+#notSavedChangesAlert{
+    left: 0;
+    margin: auto; // Centers alert component
+    position: absolute; // So that it will display relative to the entire page
+    right: 0;
+    text-align: center; 
+    top: 1em;
+    
+    background: #00112C;
+    box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.02), 0px 2px 4px rgba(0, 17, 44, 0.04);
+    border-radius: 8px;
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+    color: #FFFFFF;
+
+}
+
+.footer{
+    position: absolute;
+    height: 52px;
+}
+
+#settingsFormCancelButton{
+    top:20px;
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+
+    display: flex;
+    align-items: center;
+    color: #394962;
+
+    border-radius: 6px;
+    background: #FFFFFF;
+    border: 1px solid #DCE0E5;
+}
+
+#settingsFormSubmitButton{
+    bottom:10px;
+
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 21px;
+    display: flex;
+    align-items: center;
+    border-radius: 6px;
+}
+
+#logos{
+    margin:0 auto;
+    justify-content:flex-start;
+    display:flex;
+    width:100%;
+    height:100%;
+    left:3.2%;
+}
+
+#adyen-logo{
+    margin-right: 20px;
+}
+
+
+#apiKey{
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#invalidFeedbackApi{
+    position: absolute;
+    bottom: 60px;
+}
+
+#testConnectionButton{
+    position: relative;
+    bottom: -10px;
+}
+
+.form-group .wrapper-class{
+    width:320px;
+    height: 69px;
+    margin-top:10px;   
+    padding-left: 48px;
+    padding-right: 51px;
+}
+
+#fileDropBoxCharitybackground, #fileDropBoxGivingLogo{
+    width: 320px;
+    height: 69px;
+    border: 1px dashed gray;
+    color: #69778C;
+    border-radius: 7px;
+    font-family: 'Fakt';
+    text-align: center;
+    background:#F3F6F9;
+    padding: 20px 0;
+}
+
+.paperclip{
+    position: absolute;
+    right: auto; 
+    margin-left: 22px;
+    margin-top: 24px;
+}
+
+#backgroundList{
+    position: absolute;
+    padding-left: 0;
+}
+
+#logoList{
+    position: absolute;
+    padding-left:0;
+
+}
+
+ul{
+    list-style-type: none;
+}
+
+.draggable-list {
+    border: 1px solid #ced4da;
+    color: #34444f;
+    padding: 0;
+    list-style-type: none;
+    margin-left: 48px;
+    margin-right: 48px;
+}
+
+.log-list{
+    margin-left: 17px;
+    margin-right: 48px;
+}
+
+.log-list > li {
+    border: 1px solid #ced4da;
+    color: #34444f;
+    height: 95px;
+    border-bottom: none;
+    padding-bottom: 110px;
+}
+
+.log-list > li .form-check-input{
+    margin-left: 23px;
+}
+
+.log-list .log-checkbox-fatal {
+    border-bottom: 1px solid #ced4da;
+    padding-bottom: 95px;
+}
+
+.draggable-list li {
+    background-color: #fff;
+    display: flex;
+    flex: 1;
+}
+
+.draggable-list li:not(:last-of-type) {
+    border-bottom: 1px solid #ced4da;
+}
+
+.draggable-list li.over .draggable {
+    background-color: #eaeaea;
+}
+
+.draggable-list .item-name {
+    margin: 0 20px 0 0;
+}
+
+.draggable-list li.right .item-name {
+    color: #3ae374;
+}
+
+.draggable-list li.wrong .item-name {
+    color: #ff3838;
+}
+
+.draggable {
+    cursor: move;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15px;
+    flex: 1;
+    position: relative;
+}
+
+.draggable .switch-button {
+    position: initial;
+    left: 95.5%;
+}
+
+.draggable .title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.draggable .title p {
+    margin: 0 10px;
+}
+
+.draggable .title .logo {
+    margin-left: 10px;
+}
+
+.form-select {
+    font-family: 'Fakt';
+    font-style: normal;
+    font-weight: 250;
+    font-size: 14px;
+    line-height: 24px;
+    color: #69778C;
+}
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/ external-link-small.svg b/cartridges/bm_adyen/cartridge/static/default/icons/ external-link-small.svg
new file mode 100644
index 000000000..f94bcc660
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/ external-link-small.svg	
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6L6 12M12 6V10.5M12 6H7.5" stroke="#0066FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/ notification.svg b/cartridges/bm_adyen/cartridge/static/default/icons/ notification.svg
new file mode 100644
index 000000000..730c56c55
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/ notification.svg	
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 14.25C11.25 15.4926 10.2426 16.5 9 16.5C7.75736 16.5 6.75 15.4926 6.75 14.25" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M6.77602 3.40693L7.06596 4.09862C7.30687 3.99763 7.47788 3.77857 7.51739 3.52035L6.77602 3.40693ZM11.224 3.40693L10.4827 3.52035C10.5222 3.77857 10.6932 3.99763 10.9341 4.09862L11.224 3.40693ZM14.3441 7.22039L13.6087 7.36748L14.3441 7.22039ZM15.3912 12.4558L16.1266 12.3087L15.3912 12.4558ZM2.60886 12.4558L3.3443 12.6029L2.60886 12.4558ZM3.65595 7.22039L4.39138 7.36747L3.65595 7.22039ZM7.51739 3.52035C7.62742 2.80113 8.25005 2.25 9.00003 2.25V0.75C7.49801 0.75 6.25501 1.85311 6.03464 3.29351L7.51739 3.52035ZM9.00003 2.25C9.75001 2.25 10.3726 2.80113 10.4827 3.52035L11.9654 3.29351C11.745 1.85311 10.502 0.75 9.00003 0.75V2.25ZM10.9341 4.09862C12.2802 4.66289 13.3082 5.86519 13.6087 7.36748L15.0795 7.0733C14.6787 5.06902 13.3067 3.46671 11.514 2.71524L10.9341 4.09862ZM13.6087 7.36748L14.6558 12.6029L16.1266 12.3087L15.0795 7.0733L13.6087 7.36748ZM14.6558 12.6029C14.7486 13.067 14.3936 13.5 13.9203 13.5V15C15.3402 15 16.4051 13.701 16.1266 12.3087L14.6558 12.6029ZM13.9203 13.5H4.07973V15H13.9203V13.5ZM4.07973 13.5C3.60645 13.5 3.25148 13.067 3.3443 12.6029L1.87343 12.3087C1.59497 13.701 2.65988 15 4.07973 15V13.5ZM3.3443 12.6029L4.39138 7.36747L2.92051 7.0733L1.87343 12.3087L3.3443 12.6029ZM4.39138 7.36747C4.69184 5.86519 5.71985 4.66288 7.06596 4.09862L6.48607 2.71524C4.69337 3.46671 3.32137 5.06902 2.92051 7.0733L4.39138 7.36747Z" fill="#394962"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/account-setting-tag.svg b/cartridges/bm_adyen/cartridge/static/default/icons/account-setting-tag.svg
new file mode 100644
index 000000000..9abdc1fbe
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/account-setting-tag.svg
@@ -0,0 +1,4 @@
+<svg width="124" height="30" viewBox="0 0 124 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="124" height="30" rx="6" fill="#0ABF53" fill-opacity="0.12"/>
+<path d="M12.5098 20H14.2778L14.9798 17.998H18.6848L19.3738 20H21.2198L17.8918 11.056H15.8378L12.5098 20ZM15.4608 16.594L16.8258 12.707H16.8778L18.2168 16.594H15.4608ZM21.9128 16.828C21.9128 18.947 23.1738 20.156 25.2148 20.156C27.1388 20.156 28.1008 19.129 28.2438 17.673H26.6188C26.5148 18.362 26.0988 18.882 25.2148 18.882C24.2788 18.882 23.6418 18.037 23.6418 16.828C23.6418 15.619 24.2788 14.774 25.2148 14.774C26.0988 14.774 26.5148 15.294 26.6188 15.983H28.2438C28.1008 14.527 27.1388 13.5 25.2148 13.5C23.2648 13.5 21.9128 14.748 21.9128 16.828ZM29.2253 16.828C29.2253 18.947 30.4863 20.156 32.5273 20.156C34.4513 20.156 35.4133 19.129 35.5563 17.673H33.9313C33.8273 18.362 33.4113 18.882 32.5273 18.882C31.5913 18.882 30.9543 18.037 30.9543 16.828C30.9543 15.619 31.5913 14.774 32.5273 14.774C33.4113 14.774 33.8273 15.294 33.9313 15.983H35.5563C35.4133 14.527 34.4513 13.5 32.5273 13.5C30.5773 13.5 29.2253 14.748 29.2253 16.828ZM36.5638 16.828C36.5638 18.947 37.9028 20.156 39.9308 20.156C41.8548 20.156 43.2848 18.908 43.2848 16.828C43.2848 14.709 41.9458 13.5 39.9308 13.5C37.9938 13.5 36.5638 14.748 36.5638 16.828ZM38.2928 16.828C38.2928 15.567 38.9428 14.787 39.9308 14.787C40.9188 14.787 41.5558 15.528 41.5558 16.828C41.5558 18.089 40.9188 18.882 39.9308 18.882C38.9428 18.882 38.2928 18.089 38.2928 16.828ZM44.5819 17.504C44.5819 19.48 45.7259 20.156 47.0259 20.156C47.9099 20.156 48.5859 19.805 48.9499 19.09H49.0019V20H50.5879V13.656H48.9239V17.01C48.9239 18.193 48.3259 18.856 47.4939 18.856C46.7659 18.856 46.2589 18.479 46.2589 17.296V13.656H44.5819V17.504ZM52.4173 20H54.0943V16.659C54.0943 15.476 54.7183 14.8 55.5503 14.8C56.2913 14.8 56.7853 15.203 56.7853 16.36V20H58.4623V16.152C58.4623 14.176 57.3183 13.5 56.0183 13.5C55.1343 13.5 54.4323 13.851 54.0683 14.566H54.0163V13.656H52.4173V20ZM60.4336 17.92C60.4336 19.428 61.0836 20 62.7346 20H63.6706V18.648H62.9426C62.3186 18.648 62.0976 18.414 62.0976 17.855V14.904H63.6706V13.656H62.0976V11.732H60.4336V13.656H59.2376V14.904H60.4336V17.92ZM67.4933 17.348C67.4933 19.129 68.7413 20.156 71.1203 20.156C73.5253 20.156 74.8773 18.999 74.8773 17.335C74.8773 15.45 73.3563 15.034 71.9393 14.761L71.3413 14.657C70.2103 14.449 69.3783 14.254 69.3783 13.422C69.3783 12.603 70.1453 12.2 71.1463 12.2C72.1473 12.2 72.8883 12.642 72.8883 13.578H74.5913C74.5913 11.901 73.2263 10.9 71.1463 10.9C69.0143 10.9 67.6493 12.07 67.6493 13.591C67.6493 15.528 69.2483 15.931 70.7173 16.178L71.3153 16.282C72.3553 16.451 73.0963 16.724 73.0963 17.504C73.0963 18.375 72.4203 18.856 71.1203 18.856C69.9633 18.856 69.1963 18.323 69.1963 17.348H67.4933ZM75.9949 16.854C75.9949 18.986 77.2169 20.156 79.3099 20.156C81.1819 20.156 82.1179 19.181 82.3259 18.024H80.7269C80.5839 18.505 80.1679 18.934 79.3359 18.934C78.3999 18.934 77.7499 18.323 77.6979 17.127H82.3909V16.659C82.3909 14.631 81.1949 13.5 79.2839 13.5C77.3469 13.5 75.9949 14.8 75.9949 16.854ZM79.2839 14.722C80.1289 14.722 80.5969 15.19 80.7009 16.113H77.7499C77.9189 15.229 78.4649 14.722 79.2839 14.722ZM84.0722 17.92C84.0722 19.428 84.7222 20 86.3732 20H87.3092V18.648H86.5812C85.9572 18.648 85.7362 18.414 85.7362 17.855V14.904H87.3092V13.656H85.7362V11.732H84.0722V13.656H82.8762V14.904H84.0722V17.92ZM88.7695 17.92C88.7695 19.428 89.4195 20 91.0705 20H92.0065V18.648H91.2785C90.6545 18.648 90.4335 18.414 90.4335 17.855V14.904H92.0065V13.656H90.4335V11.732H88.7695V13.656H87.5735V14.904H88.7695V17.92ZM93.1808 12.044H94.9618V10.484H93.1808V12.044ZM93.2328 20H94.9098V13.656H93.2328V20ZM96.724 20H98.401V16.659C98.401 15.476 99.025 14.8 99.857 14.8C100.598 14.8 101.092 15.203 101.092 16.36V20H102.769V16.152C102.769 14.176 101.625 13.5 100.325 13.5C99.441 13.5 98.739 13.851 98.375 14.566H98.323V13.656H96.724V20ZM104.272 20.702C104.311 22.236 105.546 22.964 107.314 22.964C109.342 22.964 110.681 22.015 110.681 19.636V13.656H109.082V14.566H109.03C108.653 13.851 108.003 13.5 107.054 13.5C105.429 13.5 104.09 14.748 104.09 16.88C104.09 19.012 105.351 20.156 106.95 20.156C107.938 20.156 108.666 19.805 109.03 19.09H109.082V19.636C109.082 21.196 108.445 21.794 107.34 21.794C106.456 21.794 105.884 21.391 105.845 20.702H104.272ZM105.819 16.88C105.819 15.593 106.456 14.774 107.405 14.774C108.341 14.774 109.004 15.554 109.004 16.854C109.004 18.115 108.341 18.882 107.405 18.882C106.456 18.882 105.819 18.167 105.819 16.88Z" fill="#0ABF53"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/adyen-giving.svg b/cartridges/bm_adyen/cartridge/static/default/icons/adyen-giving.svg
new file mode 100644
index 000000000..b6bac5005
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/adyen-giving.svg
@@ -0,0 +1,13 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1350_25995)">
+<path d="M11.2613 5.97371L10.0628 7.1692C9.47489 7.75566 8.5176 7.75566 7.92966 7.1692L6.73871 5.97371L9.3769 3.34213C10.8317 1.891 13.1985 1.891 14.6533 3.34213C16.1081 4.79326 16.1081 7.15416 14.6533 8.60529L14.2764 8.98123L11.2613 5.97371Z" stroke="#394962" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M8.99996 3.71807L8.62308 3.34213C7.1683 1.891 4.80147 1.891 3.3467 3.34213C1.89192 4.79326 1.89192 7.15416 3.3467 8.60529L4.47735 9.73311" stroke="#394962" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M11.2613 5.97363L13.9673 8.67288C14.5553 9.25935 14.5553 10.2142 13.9673 10.8007L9 15.7556" stroke="#394962" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M3.72363 10.4849L4.92213 9.28946C5.51007 8.70299 6.46735 8.70299 7.05529 9.28946L11.2689 13.4925L9.00755 15.7481L3.72363 10.4849Z" stroke="#394962" stroke-width="1.5" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1350_25995">
+<rect width="15" height="15" fill="white" transform="translate(1.5 1.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/adyen.svg b/cartridges/bm_adyen/cartridge/static/default/icons/adyen.svg
new file mode 100644
index 000000000..468dd4564
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/adyen.svg
@@ -0,0 +1,7 @@
+<svg width="200" height="65" viewBox="0 0 200 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.2174 14.7148H0.505689V23.5138H18.5588C19.6713 23.5138 20.5815 24.4241 20.5815 25.5366V41.1624H16.7383C15.6258 41.1624 14.7155 40.2521 14.7155 39.1396V27.9639H7.07964C3.18584 27.9639 0 31.1497 0 35.0435V42.9323C0 46.8261 3.18584 50.0119 7.07964 50.0119H35.2971V21.7945C35.2971 17.9007 32.1112 14.7148 28.2174 14.7148Z" fill="#0ABF53"/>
+<path d="M61.7445 41.1631H57.9013C56.7888 41.1631 55.8786 40.2528 55.8786 39.1403V14.7155H48.2427C44.3489 14.7155 41.163 17.9014 41.163 21.7952V42.933C41.163 46.8268 44.3489 50.0126 48.2427 50.0126H76.4601V0H61.7445V41.1631Z" fill="#0ABF53"/>
+<path d="M102.958 41.1624H99.1149C98.0024 41.1624 97.0922 40.2521 97.0922 39.1396V14.7148H82.3766V42.9323C82.3766 46.8261 85.5625 50.0119 89.4563 50.0119H102.958V54.4114H82.8823V64.7275H110.594C114.488 64.7275 117.674 61.5416 117.674 57.6478V14.7148H102.958V41.1624Z" fill="#0ABF53"/>
+<path d="M151.757 14.7148H123.54V42.9323C123.54 46.8261 126.726 50.0119 130.619 50.0119H158.331V41.1624H140.278C139.165 41.1624 138.255 40.2521 138.255 39.1396V23.5138H142.098C143.211 23.5138 144.121 24.4241 144.121 25.5366V36.7629H151.757C155.651 36.7629 158.837 33.577 158.837 29.6832V21.7945C158.837 17.9007 155.651 14.7148 151.757 14.7148Z" fill="#0ABF53"/>
+<path d="M192.92 14.7148H164.703V50.0119H179.418V23.5138H183.262C184.374 23.5138 185.284 24.4241 185.284 25.5366V49.9614H200V21.7945C200 17.9007 196.865 14.7148 192.92 14.7148Z" fill="#0ABF53"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/amazonpay.svg b/cartridges/bm_adyen/cartridge/static/default/icons/amazonpay.svg
new file mode 100644
index 000000000..a37fd19ce
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/amazonpay.svg
@@ -0,0 +1,16 @@
+<svg width="44" height="30" viewBox="0 0 44 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="26" transform="translate(2 2)" fill="white"/>
+<g clip-path="url(#clip0_2825_129459)">
+<path d="M42 2H2V27H42V2Z" fill="#333E48"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0531 13.1066C24.1741 14.4936 21.4501 15.2306 19.1041 15.2306C15.8161 15.2306 12.8561 14.0156 10.6151 11.9926C10.4391 11.8336 10.5961 11.6166 10.8071 11.7396C13.2241 13.1456 16.2131 13.9936 19.3011 13.9936C21.3841 13.9936 23.6731 13.5616 25.7801 12.6676C26.0981 12.5326 26.3641 12.8766 26.0531 13.1066ZM26.8351 12.2146C26.5941 11.9066 25.2461 12.0686 24.6411 12.1416C24.4571 12.1636 24.4291 12.0036 24.5941 11.8876C25.6701 11.1326 27.4321 11.3506 27.6371 11.6036C27.8421 11.8566 27.5831 13.6256 26.5751 14.4686C26.4201 14.5986 26.2721 14.5296 26.3411 14.3576C26.5681 13.7906 27.0761 12.5226 26.8351 12.2146Z" fill="#FF9900"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.693 6.49938V5.76538C24.6922 5.74072 24.6964 5.71616 24.7055 5.69322C24.7145 5.67027 24.7282 5.64943 24.7456 5.63199C24.7631 5.61455 24.7839 5.60088 24.8068 5.59183C24.8298 5.58278 24.8543 5.57854 24.879 5.57938H28.169C28.274 5.57938 28.359 5.65638 28.359 5.76438V6.39438C28.358 6.50038 28.269 6.63737 28.111 6.85637L26.407 9.28938C27.04 9.27437 27.709 9.36938 28.284 9.69238C28.414 9.76538 28.448 9.87338 28.459 9.97838V10.7614C28.459 10.8694 28.341 10.9944 28.217 10.9294C27.6791 10.6532 27.0829 10.5097 26.4782 10.5109C25.8734 10.5121 25.2778 10.658 24.741 10.9364C24.627 10.9974 24.507 10.8744 24.507 10.7664V10.0214C24.507 9.90238 24.509 9.69837 24.629 9.51737L26.604 6.68438H24.885C24.78 6.68438 24.696 6.60938 24.695 6.49938H24.693ZM12.691 11.0844H11.69C11.595 11.0784 11.519 11.0064 11.511 10.9154L11.512 5.77838C11.512 5.67538 11.598 5.59338 11.705 5.59338H12.637C12.735 5.59838 12.813 5.67238 12.819 5.76638V6.43738H12.838C13.081 5.78838 13.539 5.48638 14.155 5.48638C14.781 5.48638 15.174 5.78938 15.454 6.43738C15.5535 6.15246 15.7413 5.90668 15.99 5.73567C16.2386 5.56467 16.5353 5.47735 16.837 5.48638C17.257 5.48638 17.715 5.65937 17.996 6.04837C18.314 6.48137 18.248 7.10737 18.248 7.65937L18.247 10.8994C18.247 11.0024 18.161 11.0844 18.054 11.0844H17.054C16.953 11.0784 16.874 10.9984 16.874 10.9004V8.17638C16.874 7.96038 16.893 7.41938 16.846 7.21438C16.771 6.86838 16.547 6.77137 16.258 6.77137C16.015 6.77137 15.763 6.93337 15.66 7.19337C15.557 7.45337 15.566 7.88538 15.566 8.17738V10.8994C15.566 11.0024 15.48 11.0844 15.373 11.0844H14.373C14.272 11.0784 14.193 10.9984 14.193 10.9004L14.192 8.17638C14.192 7.60338 14.285 6.76038 13.575 6.76038C12.856 6.76038 12.884 7.58138 12.884 8.17638V10.8994C12.884 11.0024 12.797 11.0844 12.691 11.0844ZM31.2 6.53338C30.462 6.53338 30.415 7.53837 30.415 8.16537C30.415 8.79238 30.406 10.1324 31.191 10.1324C31.967 10.1324 32.004 9.05138 32.004 8.39238C32.004 7.96038 31.985 7.44138 31.854 7.03038C31.742 6.67338 31.518 6.53338 31.2 6.53338ZM31.191 5.48438C32.677 5.48438 33.48 6.76038 33.48 8.38138C33.48 9.94838 32.593 11.1924 31.191 11.1924C29.733 11.1924 28.939 9.91638 28.939 8.32738C28.939 6.72738 29.742 5.48438 31.191 5.48438ZM35.407 11.0844H34.41C34.31 11.0784 34.23 10.9984 34.23 10.9004L34.228 5.76138C34.2335 5.71454 34.2561 5.67141 34.2916 5.64036C34.3271 5.60931 34.3729 5.59256 34.42 5.59338H35.348C35.3893 5.59476 35.429 5.60957 35.4611 5.63555C35.4932 5.66154 35.516 5.69728 35.526 5.73738V6.52338H35.545C35.825 5.82038 36.217 5.48538 36.909 5.48538C37.358 5.48538 37.797 5.64738 38.077 6.09038C38.338 6.50138 38.338 7.19238 38.338 7.69038V10.9234C38.3312 10.9691 38.3079 11.0108 38.2726 11.0406C38.2372 11.0705 38.1922 11.0864 38.146 11.0854H37.143C37.05 11.0794 36.976 11.0114 36.965 10.9234V8.13337C36.965 7.57137 37.031 6.74938 36.339 6.74938C36.096 6.74938 35.872 6.91137 35.76 7.16037C35.62 7.47437 35.601 7.78737 35.601 8.13337V10.8994C35.599 11.0024 35.513 11.0844 35.406 11.0844H35.407ZM23.079 11.1214C23.013 11.1804 22.917 11.1844 22.843 11.1444C22.511 10.8684 22.451 10.7404 22.269 10.4774C21.72 11.0374 21.33 11.2054 20.619 11.2054C19.777 11.2054 19.121 10.6854 19.121 9.64538C19.121 8.83238 19.561 8.28038 20.188 8.00938C20.731 7.77138 21.49 7.72738 22.07 7.66238V7.53238C22.07 7.29438 22.089 7.01238 21.948 6.80638C21.826 6.62238 21.592 6.54638 21.386 6.54638C21.004 6.54638 20.665 6.74237 20.581 7.14737C20.564 7.23737 20.498 7.32737 20.407 7.33137L19.437 7.22638C19.355 7.20738 19.264 7.14238 19.288 7.01738C19.511 5.84038 20.574 5.48538 21.526 5.48538C22.013 5.48538 22.65 5.61538 23.034 5.98338C23.521 6.43838 23.474 7.04537 23.474 7.70637V9.26537C23.474 9.73438 23.669 9.94038 23.852 10.1934C23.916 10.2844 23.93 10.3924 23.849 10.4594L23.081 11.1244L23.079 11.1224V11.1214ZM22.07 8.68138C22.07 9.07138 22.079 9.39637 21.883 9.74337C21.724 10.0254 21.471 10.1984 21.19 10.1984C20.806 10.1984 20.581 9.90538 20.581 9.47238C20.581 8.62038 21.346 8.46538 22.07 8.46538V8.68238V8.68138ZM9.958 11.1214C9.892 11.1804 9.796 11.1844 9.722 11.1444C9.389 10.8684 9.33 10.7404 9.148 10.4774C8.598 11.0374 8.209 11.2054 7.498 11.2054C6.655 11.2054 6 10.6854 6 9.64538C6 8.83238 6.44 8.28038 7.067 8.00938C7.61 7.77138 8.369 7.72738 8.949 7.66238V7.53238C8.949 7.29438 8.968 7.01238 8.827 6.80638C8.705 6.62238 8.471 6.54638 8.265 6.54638C7.883 6.54638 7.544 6.74237 7.46 7.14737C7.443 7.23737 7.377 7.32737 7.286 7.33137L6.316 7.22638C6.234 7.20738 6.143 7.14238 6.167 7.01738C6.39 5.84038 7.453 5.48538 8.405 5.48538C8.892 5.48538 9.529 5.61538 9.913 5.98338C10.4 6.43838 10.353 7.04537 10.353 7.70637V9.26537C10.353 9.73438 10.548 9.94038 10.731 10.1934C10.795 10.2844 10.809 10.3924 10.728 10.4594L9.96 11.1244L9.958 11.1224V11.1214ZM8.949 8.68138C8.949 9.07138 8.958 9.39637 8.762 9.74337C8.603 10.0254 8.35 10.1984 8.069 10.1984C7.685 10.1984 7.46 9.90538 7.46 9.47238C7.46 8.62038 8.225 8.46538 8.949 8.46538V8.68238V8.68138ZM23.138 17.1214C22.61 17.1214 22.111 17.2924 21.643 17.6344V20.7474C22.119 21.1044 22.61 21.2824 23.116 21.2824C24.142 21.2824 24.656 20.5904 24.656 19.2074C24.656 17.8164 24.15 17.1214 23.139 17.1214H23.138ZM21.565 16.9764C21.8327 16.7407 22.1383 16.552 22.469 16.4184C22.7813 16.2933 23.1146 16.2288 23.451 16.2284C23.808 16.2284 24.132 16.2954 24.422 16.4294C24.7098 16.5617 24.9621 16.7605 25.158 17.0094C25.359 17.2624 25.513 17.5694 25.621 17.9294C25.729 18.2894 25.783 18.6974 25.783 19.1514C25.783 19.6124 25.725 20.0294 25.61 20.4014C25.495 20.7734 25.333 21.0894 25.125 21.3494C24.9208 21.6064 24.6614 21.8142 24.366 21.9574C24.069 22.1024 23.737 22.1754 23.373 22.1754C22.703 22.1754 22.127 21.9554 21.644 21.5174V24.1284C21.644 24.2774 21.57 24.3514 21.421 24.3514H20.763C20.614 24.3514 20.54 24.2774 20.54 24.1284V16.6194C20.54 16.4704 20.614 16.3964 20.763 16.3964H21.254C21.403 16.3964 21.488 16.4714 21.511 16.6194L21.566 16.9764H21.565ZM28.571 21.3614C28.8342 21.3582 29.0947 21.3092 29.341 21.2164C29.609 21.1194 29.866 20.9784 30.111 20.7924V19.6544C29.9177 19.6085 29.7221 19.5731 29.525 19.5484C29.32 19.5224 29.121 19.5094 28.928 19.5094C28.087 19.5094 27.667 19.8334 27.667 20.4804C27.667 20.7634 27.745 20.9804 27.901 21.1334C28.057 21.2864 28.28 21.3624 28.571 21.3624V21.3614ZM27.266 17.3674L27.182 17.3954C27.148 17.4064 27.117 17.4124 27.087 17.4124C26.99 17.4124 26.942 17.3454 26.942 17.2114V16.9104C26.942 16.8064 26.957 16.7334 26.987 16.6924C27.017 16.6514 27.077 16.6124 27.166 16.5754C27.404 16.4714 27.698 16.3874 28.048 16.3244C28.3941 16.2614 28.7452 16.2297 29.097 16.2294C29.804 16.2294 30.324 16.3744 30.659 16.6644C30.994 16.9544 31.161 17.4044 31.161 18.0144V21.8304C31.161 21.9794 31.086 22.0534 30.938 22.0534H30.458C30.316 22.0534 30.235 21.9824 30.212 21.8414L30.156 21.4734C29.888 21.7044 29.593 21.8824 29.269 22.0094C28.9621 22.1328 28.6348 22.1973 28.304 22.1994C27.768 22.1994 27.344 22.0484 27.032 21.7474C26.72 21.4464 26.563 21.0424 26.563 20.5364C26.563 19.9934 26.757 19.5604 27.143 19.2374C27.529 18.9144 28.051 18.7524 28.705 18.7524C29.122 18.7524 29.59 18.8154 30.111 18.9414V18.2054C30.111 17.8034 30.022 17.5214 29.843 17.3574C29.664 17.1934 29.352 17.1114 28.906 17.1114C28.385 17.1114 27.839 17.1964 27.266 17.3684V17.3674ZM34.785 23.0454C34.584 23.5584 34.352 23.9264 34.088 24.1504C33.824 24.3744 33.48 24.4854 33.056 24.4854C32.8414 24.4883 32.6275 24.462 32.42 24.4074C32.338 24.3854 32.278 24.3494 32.241 24.3014C32.204 24.2534 32.185 24.1774 32.185 24.0724V23.7824C32.185 23.6414 32.241 23.5704 32.352 23.5704C32.4082 23.5727 32.4641 23.5801 32.519 23.5924C32.6184 23.6095 32.7192 23.6172 32.82 23.6154C33.103 23.6154 33.322 23.5484 33.478 23.4144C33.634 23.2804 33.775 23.0354 33.902 22.6774L34.114 22.1084L31.961 16.7974C31.9202 16.713 31.8939 16.6224 31.883 16.5294C31.883 16.4404 31.935 16.3954 32.039 16.3954H32.708C32.827 16.3954 32.909 16.4144 32.954 16.4514C32.999 16.4884 33.043 16.5704 33.088 16.6974L34.65 21.0264L36.156 16.6974C36.201 16.5714 36.245 16.4894 36.29 16.4514C36.335 16.4134 36.417 16.3954 36.536 16.3954H37.161C37.265 16.3954 37.317 16.4404 37.317 16.5294C37.317 16.5814 37.291 16.6704 37.239 16.7974L34.784 23.0454H34.785Z" fill="white"/>
+<path d="M42 26.8691H2V27.9991H42V26.8691Z" fill="#FF9900"/>
+</g>
+<rect x="1" y="1" width="42" height="28" rx="4" stroke="#F7F8F9" stroke-width="2"/>
+<rect x="2.5" y="2.5" width="39" height="25" rx="2.5" stroke="#00112C" stroke-opacity="0.17"/>
+<defs>
+<clipPath id="clip0_2825_129459">
+<rect width="40" height="26" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/applepay.svg b/cartridges/bm_adyen/cartridge/static/default/icons/applepay.svg
new file mode 100644
index 000000000..bac18bf63
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/applepay.svg
@@ -0,0 +1,12 @@
+<svg width="44" height="30" viewBox="0 0 44 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="42" height="28" rx="4" stroke="white" stroke-width="2"/>
+<rect x="2.5" y="2.5" width="39" height="25" rx="2.5" stroke="#00112C" stroke-opacity="0.17"/>
+<rect width="40" height="26" transform="translate(2 2)" fill="white"/>
+<path d="M38.4179 2H5.58218C5.44543 2 5.30843 2 5.17192 2.00081C5.05652 2.00164 4.9414 2.00294 4.82627 2.00613C4.57518 2.01303 4.32195 2.02807 4.074 2.07331C3.82209 2.11934 3.58768 2.19443 3.359 2.31264C3.13418 2.42872 2.92836 2.58056 2.74999 2.76173C2.57155 2.94291 2.42201 3.15154 2.3077 3.38005C2.19124 3.61224 2.11725 3.85031 2.07223 4.10628C2.02743 4.35809 2.01251 4.61516 2.00575 4.86982C2.00265 4.98672 2.00133 5.10361 2.00057 5.22047C1.99978 5.35937 2.00004 5.49818 2.00004 5.63732V24.3629C2.00004 24.5021 1.99978 24.6407 2.00057 24.7798C2.00133 24.8967 2.00265 25.0136 2.00575 25.1305C2.01251 25.3849 2.02743 25.642 2.07223 25.8937C2.11725 26.1498 2.19124 26.3878 2.3077 26.62C2.42201 26.8485 2.57155 27.0574 2.74999 27.2383C2.92836 27.4198 3.13418 27.5716 3.359 27.6874C3.58768 27.8059 3.82209 27.881 4.074 27.927C4.32195 27.972 4.57518 27.9873 4.82627 27.9942C4.9414 27.9968 5.05652 27.9984 5.17192 27.9989C5.30843 28 5.44543 28 5.58218 28H38.4179C38.5544 28 38.6914 28 38.8279 27.9989C38.943 27.9984 39.0581 27.9968 39.1738 27.9942C39.4243 27.9873 39.6775 27.972 39.9261 27.927C40.1776 27.881 40.4121 27.8059 40.6408 27.6874C40.8659 27.5716 41.0711 27.4198 41.2498 27.2383C41.428 27.0574 41.5775 26.8485 41.6921 26.62C41.8088 26.3878 41.8827 26.1498 41.9275 25.8937C41.9724 25.642 41.9869 25.3849 41.9937 25.1305C41.9969 25.0136 41.9984 24.8967 41.9989 24.7798C42 24.6407 42 24.5021 42 24.3629V5.63732C42 5.49818 42 5.35937 41.9989 5.22047C41.9984 5.10361 41.9969 4.98672 41.9937 4.86982C41.9869 4.61516 41.9724 4.35809 41.9275 4.10628C41.8827 3.85031 41.8088 3.61224 41.6921 3.38005C41.5775 3.15154 41.428 2.94291 41.2498 2.76173C41.0711 2.58056 40.8659 2.42872 40.6408 2.31264C40.4121 2.19443 40.1776 2.11934 39.9261 2.07331C39.6775 2.02807 39.4243 2.01303 39.1738 2.00613C39.0581 2.00294 38.943 2.00164 38.8279 2.00081C38.6914 2 38.5544 2 38.4179 2Z" fill="#00112C"/>
+<path d="M38.4159 2.86719L38.8198 2.86797C38.9292 2.86876 39.0386 2.86996 39.1487 2.873C39.3401 2.87825 39.564 2.88878 39.7727 2.92676C39.9541 2.95994 40.1062 3.01038 40.2522 3.08586C40.3964 3.16023 40.5285 3.25768 40.6438 3.3746C40.7595 3.4923 40.8556 3.62661 40.9299 3.77459C41.0038 3.92169 41.0532 4.07543 41.0856 4.26098C41.1229 4.47057 41.1333 4.69851 41.1385 4.89404C41.1415 5.0044 41.1429 5.11477 41.1434 5.22776C41.1445 5.3644 41.1445 5.50097 41.1445 5.63788V24.3635C41.1445 24.5004 41.1445 24.6367 41.1434 24.7763C41.1429 24.8867 41.1415 24.997 41.1385 25.1076C41.1333 25.3028 41.1229 25.5306 41.0852 25.7427C41.0532 25.9257 41.0038 26.0795 40.9295 26.2273C40.8555 26.3749 40.7595 26.5091 40.6443 26.626C40.5283 26.7438 40.3967 26.841 40.2508 26.916C40.1059 26.9911 39.954 27.0415 39.7744 27.0744C39.5614 27.1129 39.3281 27.1235 39.1525 27.1283C39.0419 27.1308 38.9319 27.1324 38.8192 27.1329C38.6849 27.134 38.5502 27.1339 38.4159 27.1339H5.58018C5.57839 27.1339 5.57665 27.1339 5.57484 27.1339C5.44207 27.1339 5.30904 27.1339 5.17385 27.1329C5.06363 27.1324 4.95365 27.1309 4.84732 27.1284C4.66762 27.1235 4.4342 27.1129 4.22301 27.0746C4.04184 27.0415 3.88996 26.9911 3.74312 26.915C3.59864 26.8407 3.4671 26.7436 3.35108 26.6256C3.23595 26.5089 3.14028 26.3752 3.0663 26.2273C2.99226 26.0796 2.94272 25.9254 2.91014 25.7402C2.87249 25.5286 2.86215 25.3017 2.85698 25.1077C2.85403 24.9967 2.8528 24.8857 2.85209 24.7754L2.85156 24.4495L2.85159 24.3635V5.63788L2.85156 5.55186L2.85207 5.22673C2.85279 5.1157 2.85403 5.0047 2.85698 4.89377C2.86215 4.69966 2.87249 4.47265 2.91046 4.25923C2.94274 4.07573 2.99226 3.92149 3.06669 3.77307C3.14008 3.62637 3.23592 3.49245 3.35166 3.37497C3.46693 3.25788 3.5989 3.16054 3.74431 3.08546C3.88957 3.01036 4.04174 2.95994 4.22292 2.92684C4.43166 2.88875 4.65571 2.87825 4.84759 2.87298C4.95696 2.86996 5.06634 2.86876 5.17489 2.868L5.58018 2.86719H38.4159Z" fill="white"/>
+<path d="M12.9214 10.6128C13.2639 10.1845 13.4963 9.60926 13.435 9.02148C12.9336 9.04641 12.3218 9.35225 11.9676 9.78097C11.6496 10.1481 11.3681 10.7474 11.4414 11.3105C12.0042 11.3593 12.5665 11.0292 12.9214 10.6128Z" fill="#00112C"/>
+<path d="M13.4271 11.4212C12.6097 11.3725 11.9148 11.8851 11.5245 11.8851C11.134 11.8851 10.5363 11.4458 9.88981 11.4576C9.04841 11.47 8.26768 11.9457 7.8407 12.7023C6.96247 14.216 7.60894 16.4613 8.46296 17.6941C8.87769 18.304 9.37752 18.9756 10.0361 18.9514C10.6584 18.927 10.9023 18.5485 11.6587 18.5485C12.4145 18.5485 12.6342 18.9514 13.2929 18.9392C13.976 18.927 14.4031 18.329 14.8178 17.7185C15.2936 17.0233 15.4883 16.3519 15.5006 16.3151C15.4883 16.3029 14.1834 15.8023 14.1713 14.3012C14.159 13.0443 15.1958 12.4465 15.2446 12.4094C14.6591 11.5434 13.7442 11.4458 13.4271 11.4212Z" fill="#00112C"/>
+<path d="M20.5418 9.71875C22.3183 9.71875 23.5553 10.9433 23.5553 12.7261C23.5553 14.5152 22.2928 15.7461 20.4973 15.7461H18.5304V18.874H17.1094V9.71875H20.5418V9.71875ZM18.5304 14.5533H20.161C21.3982 14.5533 22.1024 13.8872 22.1024 12.7324C22.1024 11.5778 21.3982 10.9179 20.1674 10.9179H18.5304V14.5533Z" fill="#00112C"/>
+<path d="M23.9258 16.9762C23.9258 15.8087 24.8204 15.0918 26.4066 15.003L28.2337 14.8951V14.3813C28.2337 13.6389 27.7325 13.1948 26.8952 13.1948C26.1019 13.1948 25.607 13.5754 25.4866 14.1719H24.1923C24.2684 12.9663 25.2962 12.0781 26.9458 12.0781C28.5637 12.0781 29.5978 12.9346 29.5978 14.2733V18.8732H28.2844V17.7756H28.2528C27.8659 18.5179 27.022 18.9874 26.1465 18.9874C24.8395 18.9874 23.9258 18.1752 23.9258 16.9762ZM28.2337 16.3735V15.8469L26.5904 15.9483C25.772 16.0055 25.3089 16.3671 25.3089 16.9381C25.3089 17.5218 25.7911 17.9025 26.5271 17.9025C27.485 17.9025 28.2337 17.2426 28.2337 16.3735Z" fill="#00112C"/>
+<path d="M30.8396 21.3291V20.2188C30.9409 20.2441 31.1692 20.2441 31.2835 20.2441C31.9179 20.2441 32.2606 19.9777 32.4699 19.2925C32.4699 19.2798 32.5905 18.8865 32.5905 18.8801L30.1797 12.1992H31.6641L33.352 17.6302H33.3772L35.065 12.1992H36.5115L34.0116 19.2226C33.4408 20.8406 32.781 21.3608 31.3978 21.3608C31.2835 21.3608 30.9409 21.3481 30.8396 21.3291Z" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/card-lock.svg b/cartridges/bm_adyen/cartridge/static/default/icons/card-lock.svg
new file mode 100644
index 000000000..f935f44d3
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/card-lock.svg
@@ -0,0 +1,14 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1350_25969)">
+<path d="M13.5 7.50003V3.13503C13.4902 2.69275 13.3055 2.27238 12.9864 1.96595C12.6673 1.65952 12.2398 1.49199 11.7975 1.50003H2.4525C2.01018 1.49199 1.58269 1.65952 1.26361 1.96595C0.944523 2.27238 0.759846 2.69275 0.75 3.13503V8.86503C0.759846 9.30732 0.944523 9.72769 1.26361 10.0341C1.58269 10.3405 2.01018 10.5081 2.4525 10.5H12.6525" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.75 4.5H13.5" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 10.5H10.5C10.0858 10.5 9.75 10.8358 9.75 11.25V15.75C9.75 16.1642 10.0858 16.5 10.5 16.5H16.5C16.9142 16.5 17.25 16.1642 17.25 15.75V11.25C17.25 10.8358 16.9142 10.5 16.5 10.5Z" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 7.5C14.0967 7.5 14.669 7.73705 15.091 8.15901C15.5129 8.58097 15.75 9.15326 15.75 9.75V10.5H11.25V9.75C11.25 9.15326 11.4871 8.58097 11.909 8.15901C12.331 7.73705 12.9033 7.5 13.5 7.5Z" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 14.25C13.9142 14.25 14.25 13.9142 14.25 13.5C14.25 13.0858 13.9142 12.75 13.5 12.75C13.0858 12.75 12.75 13.0858 12.75 13.5C12.75 13.9142 13.0858 14.25 13.5 14.25Z" fill="#394962"/>
+</g>
+<defs>
+<clipPath id="clip0_1350_25969">
+<rect width="18" height="16.5" fill="white" transform="translate(0 0.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/card.svg b/cartridges/bm_adyen/cartridge/static/default/icons/card.svg
new file mode 100644
index 000000000..d0957d4bf
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/card.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.25" y="4.5" width="13.5" height="9" rx="1.5" stroke="#394962" stroke-width="1.5"/>
+<path d="M1.5 7.5H16.5" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M4.5 10.5H6.54545" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/checkmark-circle-fill.svg b/cartridges/bm_adyen/cartridge/static/default/icons/checkmark-circle-fill.svg
new file mode 100644
index 000000000..f5a98edbb
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/checkmark-circle-fill.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2212_71675)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM11.5303 5.46967C11.8232 5.76256 11.8232 6.23744 11.5303 6.53033L7.53033 10.5303C7.27405 10.7866 6.87844 10.8186 6.58732 10.6264C6.54574 10.599 6.50577 10.5664 6.46916 10.5298L4.46967 8.53033C4.17678 8.23744 4.17678 7.76256 4.46967 7.46967C4.76256 7.17678 5.23744 7.17678 5.53033 7.46967L7 8.93934L10.4697 5.46967C10.7626 5.17678 11.2374 5.17678 11.5303 5.46967Z" fill="#08A648"/>
+</g>
+<defs>
+<clipPath id="clip0_2212_71675">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/creditcard-small.svg b/cartridges/bm_adyen/cartridge/static/default/icons/creditcard-small.svg
new file mode 100644
index 000000000..d0957d4bf
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/creditcard-small.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.25" y="4.5" width="13.5" height="9" rx="1.5" stroke="#394962" stroke-width="1.5"/>
+<path d="M1.5 7.5H16.5" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M4.5 10.5H6.54545" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/drag.svg b/cartridges/bm_adyen/cartridge/static/default/icons/drag.svg
new file mode 100644
index 000000000..5efa86bbc
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/drag.svg
@@ -0,0 +1,10 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2825_129458)">
+<path d="M6 2C6.00524 2.20017 5.97034 2.39937 5.89737 2.58584C5.8244 2.77231 5.71483 2.94229 5.57513 3.08575C5.43542 3.2292 5.26841 3.34323 5.08393 3.42111C4.89946 3.499 4.70126 3.53916 4.50101 3.53922C4.30077 3.53929 4.10254 3.49926 3.91802 3.4215C3.73349 3.34374 3.5664 3.22982 3.4266 3.08646C3.2868 2.9431 3.17712 2.7732 3.10402 2.58677C3.03093 2.40035 2.9959 2.20118 3.001 2.001C3.01097 1.61001 3.17326 1.23837 3.45327 0.965309C3.73329 0.692246 4.10889 0.539354 4.50001 0.539223C4.89113 0.539093 5.26683 0.691734 5.54703 0.964611C5.82724 1.23749 5.98977 1.60901 6 2V2ZM6 8C6.00524 8.20017 5.97034 8.39937 5.89737 8.58584C5.8244 8.77231 5.71483 8.94229 5.57513 9.08574C5.43542 9.2292 5.26841 9.34323 5.08393 9.42111C4.89946 9.499 4.70126 9.53916 4.50101 9.53922C4.30077 9.53929 4.10254 9.49926 3.91802 9.4215C3.73349 9.34374 3.5664 9.22982 3.4266 9.08646C3.2868 8.9431 3.17712 8.7732 3.10402 8.58677C3.03093 8.40035 2.9959 8.20118 3.001 8.001C3.01097 7.61001 3.17326 7.23837 3.45327 6.96531C3.73329 6.69225 4.10889 6.53935 4.50001 6.53922C4.89113 6.53909 5.26683 6.69173 5.54703 6.96461C5.82724 7.23749 5.98977 7.60901 6 8V8ZM6 14C6 14.3978 5.84196 14.7794 5.56066 15.0607C5.27936 15.342 4.89782 15.5 4.5 15.5C4.10218 15.5 3.72064 15.342 3.43934 15.0607C3.15804 14.7794 3 14.3978 3 14C3 13.6022 3.15804 13.2206 3.43934 12.9393C3.72064 12.658 4.10218 12.5 4.5 12.5C4.89782 12.5 5.27936 12.658 5.56066 12.9393C5.84196 13.2206 6 13.6022 6 14ZM12 2C12 2.39782 11.842 2.77936 11.5607 3.06066C11.2794 3.34196 10.8978 3.5 10.5 3.5C10.1022 3.5 9.72064 3.34196 9.43934 3.06066C9.15804 2.77936 9 2.39782 9 2C9 1.60218 9.15804 1.22064 9.43934 0.93934C9.72064 0.658035 10.1022 0.5 10.5 0.5C10.8978 0.5 11.2794 0.658035 11.5607 0.93934C11.842 1.22064 12 1.60218 12 2V2ZM12 8C12 8.39782 11.842 8.77936 11.5607 9.06066C11.2794 9.34196 10.8978 9.5 10.5 9.5C10.1022 9.5 9.72064 9.34196 9.43934 9.06066C9.15804 8.77936 9 8.39782 9 8C9 7.60218 9.15804 7.22064 9.43934 6.93934C9.72064 6.65804 10.1022 6.5 10.5 6.5C10.8978 6.5 11.2794 6.65804 11.5607 6.93934C11.842 7.22064 12 7.60218 12 8V8ZM12 14C11.9999 14.197 11.9611 14.3922 11.8856 14.5742C11.8101 14.7562 11.6995 14.9216 11.5602 15.0609C11.4208 15.2002 11.2553 15.3106 11.0733 15.386C10.8912 15.4613 10.696 15.5001 10.499 15.5C10.302 15.4999 10.1068 15.4611 9.92482 15.3856C9.7428 15.3101 9.57742 15.1995 9.43813 15.0602C9.29884 14.9208 9.18837 14.7553 9.11303 14.5733C9.03768 14.3912 8.99893 14.196 8.999 13.999C8.99913 13.601 9.15735 13.2194 9.43884 12.9381C9.72033 12.6568 10.102 12.4989 10.5 12.499C10.898 12.4991 11.2796 12.6573 11.5609 12.9388C11.8422 13.2203 12.0001 13.602 12 14Z" fill="#8F97A3"/>
+</g>
+<defs>
+<clipPath id="clip0_2825_129458">
+<rect width="15" height="15" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/express.svg b/cartridges/bm_adyen/cartridge/static/default/icons/express.svg
new file mode 100644
index 000000000..5c85dff27
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/express.svg
@@ -0,0 +1,13 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2831_59641)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59375 1.125V2.25C7.59375 2.71599 7.21599 3.09375 6.75 3.09375C6.28401 3.09375 5.90625 2.71599 5.90625 2.25V1.125C5.90625 0.65901 6.28401 0.28125 6.75 0.28125C7.21599 0.28125 7.59375 0.65901 7.59375 1.125Z" fill="#00112C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.86744 4.81686C5.57013 4.72766 5.24785 4.80891 5.02837 5.0284C4.80888 5.24789 4.72763 5.57016 4.81682 5.86747L8.19182 17.1175C8.29491 17.4611 8.60403 17.702 8.96243 17.7179C9.32084 17.7339 9.65015 17.5215 9.78339 17.1884L11.8991 11.8991L17.1883 9.78342C17.5214 9.65018 17.7339 9.32087 17.7179 8.96247C17.7019 8.60406 17.4611 8.29494 17.1174 8.19186L5.86744 4.81686ZM9.1139 14.3184L6.88342 6.88345L14.3183 9.11393L10.9366 10.4666C10.7222 10.5524 10.5523 10.7223 10.4666 10.9367L9.1139 14.3184Z" fill="#00112C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.28125 6.75C0.28125 6.28401 0.65901 5.90625 1.125 5.90625H2.25C2.71599 5.90625 3.09375 6.28401 3.09375 6.75C3.09375 7.21599 2.71599 7.59375 2.25 7.59375H1.125C0.65901 7.59375 0.28125 7.21599 0.28125 6.75Z" fill="#00112C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.36411 2.1709C3.03461 1.8414 2.50037 1.8414 2.17087 2.1709C1.84136 2.50041 1.84136 3.03464 2.17087 3.36415L2.96962 4.1629C3.29912 4.4924 3.83336 4.4924 4.16286 4.1629C4.49237 3.83339 4.49237 3.29916 4.16286 2.96965L3.36411 2.1709Z" fill="#00112C"/>
+</g>
+<defs>
+<clipPath id="clip0_2831_59641">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/external-link-small.svg b/cartridges/bm_adyen/cartridge/static/default/icons/external-link-small.svg
new file mode 100644
index 000000000..f94bcc660
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/external-link-small.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6L6 12M12 6V10.5M12 6H7.5" stroke="#0066FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/icon-error.svg b/cartridges/bm_adyen/cartridge/static/default/icons/icon-error.svg
new file mode 100644
index 000000000..10896dfc3
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/icon-error.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.5" width="18" height="18" rx="9" fill="#EE5959"/>
+<path d="M10.4 9.5L12.2 7.7C12.6 7.3 12.6 6.7 12.2 6.3C11.8 5.9 11.2 5.9 10.8 6.3L9 8.1L7.2 6.3C6.8 5.9 6.2 5.9 5.8 6.3C5.4 6.7 5.4 7.3 5.8 7.7L7.6 9.5L5.8 11.3C5.4 11.7 5.4 12.3 5.8 12.7C6 12.9 6.2 13 6.5 13C6.8 13 7 12.9 7.2 12.7L9 10.9L10.8 12.7C11 12.9 11.3 13 11.5 13C11.7 13 12 12.9 12.2 12.7C12.6 12.3 12.6 11.7 12.2 11.3L10.4 9.5Z" fill="#394962"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/icon-success.svg b/cartridges/bm_adyen/cartridge/static/default/icons/icon-success.svg
new file mode 100644
index 000000000..fe1a1a6f1
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/icon-success.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.5" width="18" height="18" rx="9" fill="#60D58F"/>
+<path d="M7.69409 14C7.41441 14 7.14951 13.8695 6.97977 13.6444L4.68185 10.611C4.38288 10.2162 4.46068 9.65427 4.85545 9.3553C5.25087 9.05568 5.81217 9.13412 6.11114 9.52889L7.62273 11.5246L11.4239 5.42234C11.6856 5.0025 12.2385 4.8739 12.659 5.13559C13.0788 5.39663 13.2074 5.95021 12.9451 6.37006L8.45535 13.5776C8.29911 13.829 8.02972 13.9865 7.7346 13.9994C7.7211 14 7.7076 14 7.69409 14Z" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/notification.svg b/cartridges/bm_adyen/cartridge/static/default/icons/notification.svg
new file mode 100644
index 000000000..730c56c55
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/notification.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 14.25C11.25 15.4926 10.2426 16.5 9 16.5C7.75736 16.5 6.75 15.4926 6.75 14.25" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M6.77602 3.40693L7.06596 4.09862C7.30687 3.99763 7.47788 3.77857 7.51739 3.52035L6.77602 3.40693ZM11.224 3.40693L10.4827 3.52035C10.5222 3.77857 10.6932 3.99763 10.9341 4.09862L11.224 3.40693ZM14.3441 7.22039L13.6087 7.36748L14.3441 7.22039ZM15.3912 12.4558L16.1266 12.3087L15.3912 12.4558ZM2.60886 12.4558L3.3443 12.6029L2.60886 12.4558ZM3.65595 7.22039L4.39138 7.36747L3.65595 7.22039ZM7.51739 3.52035C7.62742 2.80113 8.25005 2.25 9.00003 2.25V0.75C7.49801 0.75 6.25501 1.85311 6.03464 3.29351L7.51739 3.52035ZM9.00003 2.25C9.75001 2.25 10.3726 2.80113 10.4827 3.52035L11.9654 3.29351C11.745 1.85311 10.502 0.75 9.00003 0.75V2.25ZM10.9341 4.09862C12.2802 4.66289 13.3082 5.86519 13.6087 7.36748L15.0795 7.0733C14.6787 5.06902 13.3067 3.46671 11.514 2.71524L10.9341 4.09862ZM13.6087 7.36748L14.6558 12.6029L16.1266 12.3087L15.0795 7.0733L13.6087 7.36748ZM14.6558 12.6029C14.7486 13.067 14.3936 13.5 13.9203 13.5V15C15.3402 15 16.4051 13.701 16.1266 12.3087L14.6558 12.6029ZM13.9203 13.5H4.07973V15H13.9203V13.5ZM4.07973 13.5C3.60645 13.5 3.25148 13.067 3.3443 12.6029L1.87343 12.3087C1.59497 13.701 2.65988 15 4.07973 15V13.5ZM3.3443 12.6029L4.39138 7.36747L2.92051 7.0733L1.87343 12.3087L3.3443 12.6029ZM4.39138 7.36747C4.69184 5.86519 5.71985 4.66288 7.06596 4.09862L6.48607 2.71524C4.69337 3.46671 3.32137 5.06902 2.92051 7.0733L4.39138 7.36747Z" fill="#394962"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/paperclip.svg b/cartridges/bm_adyen/cartridge/static/default/icons/paperclip.svg
new file mode 100644
index 000000000..5c4c4fb95
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/paperclip.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.06138 14.4388L0.525025 11.7277C-0.175008 10.9795 -0.175008 9.76491 0.525025 9.01665L7.5 1.56119C8.20003 0.812936 9.33632 0.812936 10.0364 1.56119L14.475 6.30558C15.175 7.05383 15.175 8.2684 14.475 9.01665L10.6704 13.0833C10.3198 13.4581 9.75292 13.4581 9.40227 13.0833C9.05161 12.7085 9.05161 12.1025 9.40227 11.7277L12.8898 8C13.0648 7.81294 13.0648 7.5093 12.8898 7.32223L9.08522 3.25562C8.91021 3.06855 8.62614 3.06855 8.45113 3.25562L2.11025 10.0333C1.93524 10.2204 1.93524 10.524 2.11025 10.7111L4.01251 12.7444C4.18752 12.9314 4.47159 12.9314 4.6466 12.7444L9.40227 7.66112L8.76818 6.98335L4.96365 11.05C4.61299 11.4248 4.04549 11.4241 3.69547 11.05C3.34545 10.6758 3.34482 10.0692 3.69547 9.69442L7.5 5.62781C8.20003 4.87955 9.33632 4.87955 10.0364 5.62781L10.6704 6.30558C11.3705 7.05383 11.3705 8.2684 10.6704 9.01665L5.59773 14.4388C4.8977 15.1871 3.76141 15.1871 3.06138 14.4388Z" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/pos.svg b/cartridges/bm_adyen/cartridge/static/default/icons/pos.svg
new file mode 100644
index 000000000..97eb1040b
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/pos.svg
@@ -0,0 +1,11 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25 9H12.75" stroke="#00112C" stroke-width="1.5"/>
+<rect x="2.25" y="2.25" width="10.5" height="13.5" rx="1.5" stroke="#00112C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.75 3.75V14.25" stroke="#00112C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="5.25" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="5.25" cy="13.5" r="0.75" fill="#00112C"/>
+<circle cx="7.5" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="7.5" cy="13.5" r="0.75" fill="#00112C"/>
+<circle cx="9.75" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="9.75" cy="13.5" r="0.75" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/rules.svg b/cartridges/bm_adyen/cartridge/static/default/icons/rules.svg
new file mode 100644
index 000000000..0c3c7d44d
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/rules.svg
@@ -0,0 +1,11 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75 3.75H15.75" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.75 9H15.75" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.75 15H15.75" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 2.25L3.75 5.25" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.25 3.75L3.75 5.25" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 7.5L3.75 10.5" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.25 9L3.75 10.5" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 12.75L3.75 15.75" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.25 14.25L3.75 15.75" stroke="#394962" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/settings.svg b/cartridges/bm_adyen/cartridge/static/default/icons/settings.svg
new file mode 100644
index 000000000..8bbdff74e
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/settings.svg
@@ -0,0 +1,16 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 5.68629 12.3137 3 9 3C5.68629 3 3 5.68629 3 9Z" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.80237 6L2.50487 5.25" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.4951 12.75L14.1976 12" stroke="#394962" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 9L1.5 9" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.80237 12L2.50487 12.75" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.4951 5.25L14.1976 6" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.75 2.505L12 3.80251" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 15L9 16.5" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 1.5L9 3" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 14.1975L12.75 15.495" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9Z" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 9L11.25 9" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.25 2.505L7.875 7.05" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.25 15.495L7.875 10.9425" stroke="#00112C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/terminal-3.svg b/cartridges/bm_adyen/cartridge/static/default/icons/terminal-3.svg
new file mode 100644
index 000000000..97eb1040b
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/terminal-3.svg
@@ -0,0 +1,11 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25 9H12.75" stroke="#00112C" stroke-width="1.5"/>
+<rect x="2.25" y="2.25" width="10.5" height="13.5" rx="1.5" stroke="#00112C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.75 3.75V14.25" stroke="#00112C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="5.25" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="5.25" cy="13.5" r="0.75" fill="#00112C"/>
+<circle cx="7.5" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="7.5" cy="13.5" r="0.75" fill="#00112C"/>
+<circle cx="9.75" cy="11.25" r="0.75" fill="#00112C"/>
+<circle cx="9.75" cy="13.5" r="0.75" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/icons/tools.svg b/cartridges/bm_adyen/cartridge/static/default/icons/tools.svg
new file mode 100644
index 000000000..999e4da9c
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/icons/tools.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7915 8.55969L13.4076 9.17579L14.9976 7.58579L14.9976 6.00001C14.9976 5.05008 15.4496 4.16841 16.1925 3.60385L16.1975 3.59999L19.3976 1.20001C19.7957 0.901421 20.3528 0.941011 20.7047 1.2929L22.7047 3.2929C23.0566 3.64479 23.0961 4.20189 22.7976 4.60001L19.7976 8.60001C19.6087 8.85182 19.3123 9.00001 18.9976 9.00001H16.4118L14.8218 10.59L22.1101 17.8784L22.1126 17.8809C23.2959 19.0518 23.2959 20.9482 22.1126 22.1191C21.5329 22.6977 20.7685 23 19.9976 23C19.2257 23 18.4604 22.697 17.8805 22.1171L11.9976 16.2342L6.11467 22.1171C5.53474 22.697 4.76937 23 3.99756 23C3.22575 23 2.46039 22.697 1.88046 22.1171C0.709931 20.9466 0.709931 19.0434 1.88046 17.8729L6.75804 12.9953C3.55667 12.8695 0.997558 10.2321 0.997559 7C0.997559 6.23481 1.1411 5.48752 1.42021 4.79581C1.54579 4.48458 1.81912 4.2571 2.14797 4.19012C2.47683 4.12314 2.81736 4.22558 3.05467 4.46289L5.79467 7.20289C5.99473 7.40296 6.24937 7.5 6.49756 7.5C6.74575 7.5 7.00038 7.40296 7.20045 7.20289L7.20496 7.19839C7.59841 6.80992 7.59842 6.19007 7.20497 5.8016L7.20044 5.79712L4.46045 3.05711C4.22314 2.8198 4.1207 2.47927 4.18768 2.15041C4.25466 1.82156 4.48214 1.54823 4.79337 1.42265C5.48508 1.14354 6.23237 1 6.99756 1C10.3098 1 12.9976 3.68772 12.9976 7C12.9976 7.53282 12.928 8.05695 12.7915 8.55969ZM8.61263 4.38085L7.23895 3.00718C9.33445 3.13215 10.9976 4.87333 10.9976 7C10.9976 7.51481 10.9011 8.00752 10.7202 8.45581C10.5701 8.82779 10.6568 9.25347 10.9405 9.53711L20.7005 19.2971L20.705 19.3016C21.0984 19.6901 21.0984 20.3099 20.705 20.6984L20.7005 20.7029C20.5004 20.903 20.2457 21 19.9976 21C19.7494 21 19.4947 20.903 19.2947 20.7029L12.7076 14.1159L12.7047 14.1129L12.7017 14.1099L9.96425 11.3725C9.93982 11.3414 9.91329 11.3115 9.88467 11.2829C9.85605 11.2543 9.82612 11.2277 9.79508 11.2033L9.53467 10.9429C9.25103 10.6593 8.82535 10.5725 8.45336 10.7226C8.00508 10.9035 7.51237 11 6.99756 11C4.87089 11 3.12971 9.33689 3.00474 7.24139L4.38045 8.61711C4.96038 9.19704 5.72575 9.5 6.49756 9.5C7.26837 9.5 8.03275 9.19783 8.6124 8.61937C9.79587 7.44847 9.79594 5.55184 8.61263 4.38085ZM10.5833 14.82L4.70046 20.7029C4.50039 20.903 4.24575 21 3.99756 21C3.74937 21 3.49474 20.903 3.29467 20.7029C2.90519 20.3134 2.90519 19.6766 3.29467 19.2871L9.17256 13.4092L10.5833 14.82ZM16.9976 6.00001C16.9976 5.6908 17.1447 5.39325 17.4005 5.19779L19.9037 3.32039L20.6772 4.09385L18.4976 7.00001L16.9976 7.00001V6.00001Z" fill="#00112C"/>
+</svg>
diff --git a/cartridges/bm_adyen/cartridge/static/default/js/adyenSettings.js b/cartridges/bm_adyen/cartridge/static/default/js/adyenSettings.js
new file mode 100644
index 000000000..e5a76e67c
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/static/default/js/adyenSettings.js
@@ -0,0 +1,375 @@
+const expressPaymentMethods = [{
+  id: 'applepay',
+  name: 'ApplePayExpress_Enabled',
+  text: 'Apple Pay',
+  icon: window.applePayIcon,
+  checked: window.isApplePayEnabled
+}, {
+  id: 'amazonpay',
+  name: 'AmazonPayExpress_Enabled',
+  text: 'Amazon Pay',
+  icon: window.amazonPayIcon,
+  checked: window.isAmazonPayEnabled
+}];
+document.addEventListener('DOMContentLoaded', () => {
+  const form = document.querySelector('#settingsForm');
+  const troubleshootingForm = document.querySelector('#troubleshootingForm');
+  const submitButton = document.querySelector('#settingsFormSubmitButton');
+  const cancelButton = document.querySelector('#settingsFormCancelButton');
+  const formButtons = Array.from(document.getElementsByClassName('formButton'));
+  const testConnectionButton = document.querySelector('#testConnectionButton');
+  const togglePassword = document.querySelector('#togglePassword');
+  const toggleHmacKey = document.querySelector('#toggleHmacKey');
+  const toggleApi = document.querySelector('#toggleApi');
+  const formBody = document.querySelector('#formBody');
+  const password = document.querySelector('#notificationsPassword');
+  const hmacKey = document.querySelector('#hmacKey');
+  const merchAccount = document.getElementById('merchantAccount');
+  const classicPageButton = document.querySelector('#classicButton');
+  const debugLogCheckbox = document.getElementById('debugLogs');
+  const infoLogCheckbox = document.getElementById('infoLogs');
+  const errorLogCheckbox = document.getElementById('errorLogs');
+  const fatalLogCheckbox = document.getElementById('fatalLogs');
+  const troubleshootingCheckboxes = [debugLogCheckbox, infoLogCheckbox, errorLogCheckbox, fatalLogCheckbox];
+  const downloadLogsButton = document.getElementById('downloadLogsButton');
+  const apiKeyVal = document.getElementById('apiKey');
+  const changedSettings = [];
+  const isValid = 'is-valid';
+  const isInvalid = 'is-invalid';
+  const adyenGivingBackground = document.querySelector('#fileDropBoxCharitybackground');
+  const adyenGivingLogo = document.querySelector('#fileDropBoxGivingLogo');
+  const params = 'resizable=yes,width=1000,height=500,left=100,top=100';
+  const draggableList = document.getElementById('draggable-list');
+  const listItems = [];
+  let dragStartIndex;
+  function settingChanged(key, value) {
+    const settingIndex = changedSettings.findIndex(setting => setting.key === key);
+    if (settingIndex >= 0) {
+      changedSettings[settingIndex] = {
+        key,
+        value
+      };
+    } else {
+      changedSettings.push({
+        key,
+        value
+      });
+    }
+  }
+  function swapItems(fromIndex, toIndex) {
+    const itemOne = listItems[fromIndex].querySelector('.draggable');
+    const itemTwo = listItems[toIndex].querySelector('.draggable');
+    listItems[fromIndex].appendChild(itemTwo);
+    listItems[toIndex].appendChild(itemOne);
+    formButtons.forEach(button => {
+      button.classList.remove('disabled');
+      button.classList.add('enabled');
+    });
+    const expressPaymentsOrder = [];
+    const liItemsP = draggableList.querySelectorAll('p.item');
+    liItemsP.forEach(p => {
+      expressPaymentsOrder.push(p.dataset.id);
+    });
+    settingChanged('ExpressPayments_order', expressPaymentsOrder.join(','));
+  }
+  function dragStart() {
+    dragStartIndex = +this.closest('li').getAttribute('data-index');
+  }
+  function dragDrop() {
+    const dragEndIndex = +this.getAttribute('data-index');
+    swapItems(dragStartIndex, dragEndIndex);
+    this.classList.remove('over');
+  }
+  function dragEnter() {
+    this.classList.add('over');
+  }
+  function dragLeave() {
+    this.classList.remove('over');
+  }
+  function dragOver(e) {
+    e.preventDefault();
+  }
+  function addExpressEventListeners() {
+    const draggables = document.querySelectorAll('.draggable');
+    const dragListItems = document.querySelectorAll('.draggable-list li');
+    draggables.forEach(draggable => {
+      draggable.addEventListener('dragstart', dragStart);
+    });
+    dragListItems.forEach(item => {
+      item.addEventListener('dragover', dragOver);
+      item.addEventListener('drop', dragDrop);
+      item.addEventListener('dragenter', dragEnter);
+      item.addEventListener('dragleave', dragLeave);
+    });
+  }
+  function createExpressPaymentsComponent() {
+    const {
+      expressMethodsOrder
+    } = window;
+    if (expressMethodsOrder) {
+      const sortOrder = expressMethodsOrder.split(',');
+      expressPaymentMethods.sort((a, b) => sortOrder.indexOf(a.id) - sortOrder.indexOf(b.id));
+    }
+    expressPaymentMethods.forEach((item, index) => {
+      const listItem = document.createElement('li');
+      listItem.setAttribute('data-index', index.toString());
+      listItem.innerHTML = `
+        <div class="draggable" draggable="true">
+          <div class="title">
+            <img src="${window.dragIcon}" width="20" height="15" alt="" />
+            <img class="logo" 
+                src="${item.icon}" 
+                width="40" 
+                height="26" 
+                alt="" 
+            />
+            <p class="item" data-id="${item.id}">${item.text}</p>
+          </div>
+          <div class="switch-button">
+              <div class="form-check form-switch">
+                 <input class="form-check-input" 
+                        type="checkbox" 
+                        name="${item.name}" 
+                        id="${item.id}"
+                        ${item.checked ? 'checked' : 'unchecked'}
+                 >
+              </div>
+           </div>
+        </div>
+      `;
+      listItems.push(listItem);
+      draggableList.appendChild(listItem);
+    });
+    addExpressEventListeners();
+  }
+
+  // redirect to classic page
+  function getLink() {
+    window.open(window.classicConfigPageUrl);
+  }
+  function downloadFile(filePath) {
+    const link = document.createElement('a');
+    link.href = filePath;
+    link.download = filePath.substr(filePath.lastIndexOf('/') + 1);
+    link.click();
+  }
+  function enableformButtons() {
+    formButtons.forEach(button => {
+      button.classList.remove('disabled');
+      button.classList.add('enabled');
+      form.removeEventListener('input', enableformButtons);
+    });
+  }
+  function disableFormButtons() {
+    formButtons.forEach(button => {
+      button.classList.remove('enabled');
+      button.classList.add('disabled');
+      form.removeEventListener('input', enableformButtons);
+    });
+  }
+  function saveAndHideAlerts() {
+    document.getElementById('settingsFormSubmitButton').click();
+    document.getElementById('saveChangesAlert').hide();
+    document.getElementById('notSavedChangesAlert').hide();
+  }
+  function showAlertsOnSave() {
+    document.getElementById('saveChangesAlert').show();
+    document.getElementById('notSavedChangesAlert').show();
+  }
+
+  // if browser is safari it sets custom padding
+  function checkBrowserSupport() {
+    if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+      formBody.style.setProperty('padding-top', '3rem');
+    }
+  }
+  function showPassword() {
+    const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
+    password.setAttribute('type', type);
+    this.classList.toggle('bi-eye');
+  }
+  function showApiKey() {
+    const type = apiKeyVal.getAttribute('type') === 'password' ? 'text' : 'password';
+    apiKeyVal.setAttribute('type', type);
+    this.classList.toggle('bi-eye');
+  }
+  function showHmacKey() {
+    const type = hmacKey.getAttribute('type') === 'password' ? 'text' : 'password';
+    hmacKey.setAttribute('type', type);
+    this.classList.toggle('bi-eye');
+  }
+
+  // open Adyen Giving Background upload page
+  function uploadAdyenGivingBackground() {
+    const openedWindow = window.open(window.adyenGivingBackgroundUrl, 'backgroundPopUp', params);
+    const loop = setInterval(() => {
+      if (openedWindow.closed) {
+        window.location.reload();
+        clearInterval(loop);
+      }
+    }, 1000);
+  }
+
+  // open Adyen Giving Logo upload page
+  function uploadAdyenGivingLogo() {
+    const openedWindowLogo = window.open(window.adyenGivingLogoUrl, 'logoPopUp', params);
+    const loop = setInterval(() => {
+      if (openedWindowLogo.closed) {
+        window.location.reload();
+        clearInterval(loop);
+      }
+    }, 1000);
+  }
+  function getImageName(imageUrl) {
+    const parts = imageUrl.split('/');
+    const imageName = parts.pop();
+    return imageName;
+  }
+  function createImageNameStyling(list, imageName) {
+    document.getElementById(list).innerHTML = '';
+    const unorderedList = document.getElementById(list);
+    const nameOfImage = getImageName(imageName);
+    if (nameOfImage?.length > 0) {
+      const checkMarkImage = document.createElement('img');
+      checkMarkImage.src = window.successImage;
+      const text = document.createTextNode(nameOfImage);
+      const listElement = document.createElement('li');
+      listElement.appendChild(checkMarkImage);
+      listElement.appendChild(document.createTextNode(' '));
+      listElement.appendChild(text);
+      unorderedList.appendChild(listElement);
+    }
+  }
+  function printBackgroundImageName() {
+    createImageNameStyling('backgroundList', window.backgroundValueField);
+  }
+  function printLogoImageName() {
+    createImageNameStyling('logoList', window.logoValueField);
+  }
+  testConnectionButton.addEventListener('click', saveAndHideAlerts);
+  classicPageButton.addEventListener('click', getLink);
+  form.addEventListener('input', enableformButtons);
+  submitButton.addEventListener('click', showAlertsOnSave);
+  window.addEventListener('load', checkBrowserSupport);
+  togglePassword.addEventListener('click', showPassword);
+  toggleHmacKey.addEventListener('click', showHmacKey);
+  toggleApi.addEventListener('click', showApiKey);
+  adyenGivingBackground.addEventListener('click', uploadAdyenGivingBackground);
+  adyenGivingLogo.addEventListener('click', uploadAdyenGivingLogo);
+  window.addEventListener('load', printBackgroundImageName);
+  window.addEventListener('load', printLogoImageName);
+  adyenGivingBackground.addEventListener('click', saveAndHideAlerts);
+  adyenGivingLogo.addEventListener('click', saveAndHideAlerts);
+  troubleshootingForm.addEventListener('input', () => {
+    downloadLogsButton.classList.add('disabled');
+    troubleshootingCheckboxes.forEach(checkbox => {
+      if (checkbox.checked) {
+        downloadLogsButton.classList.remove('disabled');
+        downloadLogsButton.classList.add('enabled');
+      }
+    });
+  });
+  downloadLogsButton.addEventListener('click', () => {
+    (async () => {
+      const htmlContent = await (await fetch(window.logCenterUrl)).text();
+      const doc = new DOMParser().parseFromString(htmlContent, 'text/html');
+      const logLocations = Array.from(doc.body.getElementsByTagName('a')).map(log => log.href);
+      const logsToDownload = [];
+      troubleshootingCheckboxes.forEach(checkbox => {
+        if (checkbox.checked) {
+          // eslint-disable-next-line
+          logsToDownload.push(logLocations.filter(name => name.includes(`custom-Adyen_${checkbox.value}`)));
+        }
+      });
+      const selectedLogs = Array.prototype.concat.apply([], logsToDownload);
+      selectedLogs.forEach(item => downloadFile(item));
+      downloadLogsButton.classList.add('disabled');
+      troubleshootingCheckboxes.forEach(checkbox => {
+        checkbox.checked = false;
+      });
+    })();
+  });
+
+  // add event listener to maintain form updates
+  form.addEventListener('change', event => {
+    const {
+      name
+    } = event.target;
+    let {
+      value
+    } = event.target; // get checked boolean value for checkboxes
+
+    if (event.target.type === 'checkbox') {
+      value = event.target.checked;
+    }
+
+    // convert radio button strings to boolean if values are 'true' or 'false'
+    if (event.target.type === 'radio') {
+      if (event.target.value === 'true') {
+        value = true;
+      }
+      if (event.target.value === 'false') {
+        value = false;
+      }
+    }
+    settingChanged(name, value);
+  });
+
+  // add event listener to test connection based on current form contents
+  testConnectionButton.addEventListener('click', async () => {
+    const response = await fetch('AdyenSettings-TestConnection', {
+      headers: {
+        'Content-Type': 'application/json; charset=utf-8'
+      },
+      method: 'POST',
+      body: JSON.stringify({
+        xApiKey: document.getElementById('apiKey').value,
+        merchantAccount: document.getElementById('merchantAccount').value
+      })
+    });
+    const data = await response.json();
+    if (data.success) {
+      merchAccount.classList.add(isValid);
+      merchAccount.classList.remove(isInvalid);
+      apiKeyVal.classList.add(isValid);
+      apiKeyVal.classList.remove(isInvalid);
+    } else {
+      merchAccount.classList.add(isInvalid);
+      merchAccount.classList.remove(isValid);
+      apiKeyVal.classList.add(isInvalid);
+      apiKeyVal.classList.remove(isValid);
+    }
+  });
+  submitButton.addEventListener('click', async () => {
+    // disable form buttons and reattach event listener for enabling it on form change
+    disableFormButtons();
+    form.addEventListener('input', enableformButtons);
+    const response = await fetch('AdyenSettings-Save', {
+      headers: {
+        'Content-Type': 'application/json; charset=utf-8'
+      },
+      method: 'POST',
+      body: JSON.stringify({
+        settings: changedSettings
+      })
+    });
+    const data = await response.json();
+    if (data.success) {
+      const alertBar = document.getElementById('saveChangesAlert');
+      alertBar.classList.add('show');
+      window.setTimeout(() => {
+        alertBar.classList.remove('show');
+      }, 2000);
+    } else {
+      const cancelAlertBar = document.getElementById('notSavedChangesAlert');
+      cancelAlertBar.classList.add('show');
+      window.setTimeout(() => {
+        cancelAlertBar.classList.remove('show');
+      }, 2000);
+    }
+  });
+  cancelButton.addEventListener('click', async () => {
+    window.location.reload();
+  });
+  createExpressPaymentsComponent();
+});
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/navigationCard.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/navigationCard.isml
new file mode 100644
index 000000000..345074b60
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/navigationCard.isml
@@ -0,0 +1,42 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<div class="card bg-white mt-4">
+    <div id="navigationList" class="card-body list-group">
+        <a class="list-group-item navigation-item border-0" href="#requiredSettings">
+        <img src="${URLUtils.staticURL('icons/rules.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Account settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#webhookSettings">
+        <img src="${URLUtils.staticURL('icons/notification.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Webhook settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#cardSettings">
+        <img src="${URLUtils.staticURL('icons/card-lock.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Card settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#lpmSettings">
+        <img src="${URLUtils.staticURL('icons/card.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Local payment method settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#epmSettings">
+        <img src="${URLUtils.staticURL('icons/express.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Express checkout
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#posSettings">
+        <img src="${URLUtils.staticURL('icons/pos.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        In-person payments settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#adyenGivingSettings">
+        <img src="${URLUtils.staticURL('icons/adyen-giving.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Adyen Giving
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#optionalSettings">
+        <img src="${URLUtils.staticURL('icons/settings.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Additional settings
+        </a>
+        <a class="list-group-item navigation-item border-0" href="#troubleshooting">
+        <img src="${URLUtils.staticURL('icons/tools.svg')}" width="20" height="20" class="rounded float-start mr-3"/>
+        Troubleshooting
+        </a>
+    </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/quickLinksCard.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/quickLinksCard.isml
new file mode 100644
index 000000000..b93974a07
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/quickLinksCard.isml
@@ -0,0 +1,33 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<div class="card border-0 mt-5">
+    <h6 class="card-header bg-light links-header border-0 py-1">
+        Quick Links
+    </h6>
+    <div id="linksList" class="card-body list-group bg-light py-1">
+        <a class="bg-light text-primary list-group-item list-group-item-action border-0 pt-0" href="https://docs.adyen.com/" target="_blank">
+            Go to documentation
+            <sup>
+                <img src="${URLUtils.staticURL('icons/external-link-small.svg')}" width="20" height="20"/>
+            </sup>
+        </a>
+        <a class="bg-light text-primary list-group-item list-group-item-action border-0 pt-0" href="https://ca-live.adyen.com/" target="_blank">
+            Go to Customer Area
+            <sup>
+                <img src="${URLUtils.staticURL('icons/external-link-small.svg')}" width="20" height="20"/>
+            </sup>
+        </a>
+        <a class="bg-light text-primary list-group-item list-group-item-action border-0 pt-0" href="https://www.adyen.com/social-responsibility/giving" target="_blank">
+            Go to Adyen Giving
+            <sup>
+                <img src="${URLUtils.staticURL('icons/external-link-small.svg')}" width="20" height="20"/>
+            </sup>
+        </a>
+        <a class="bg-light text-primary list-group-item list-group-item-action border-0 pt-0" href="https://www.adyen.com/en_GB/payment-methods" target="_blank">
+            Go to Adyen payment methods
+            <sup>
+                <img src="${URLUtils.staticURL('icons/external-link-small.svg')}" width="20" height="20"/>
+            </sup>
+        </a>
+    </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/adyenGivingSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/adyenGivingSettings.isml
new file mode 100644
index 000000000..30f16bcfd
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/adyenGivingSettings.isml
@@ -0,0 +1,101 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="adyenGivingSettings" class="card bg-white mt-4 adyen-giving">
+   <script>
+      window.successImage = "${URLUtils.staticURL('icons/checkmark-circle-fill.svg')}";
+      window.logoValueField = "${AdyenConfigs.getAdyenGivingLogoUrl() || ''}";
+      window.backgroundValueField = "${AdyenConfigs.getAdyenGivingBackgroundUrl() || ''}";
+   </script>
+   <div class="card-body">
+      <h5 class="card-title mb-0">Adyen Giving <small class="text-secondary">(optional)</small></h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">
+            Give your shoppers the option to donate to a charity during their payment.
+            Not sure how to register to Adyen Giving? Contact your <a class="text-primary" href="https://www.adyen.com/contact" target="_blank">Account Manager or Support</a>.
+         </div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="adyenGivingButton">Adyen Giving</label>
+            <div class="row">
+               <div class="col-sm-9">
+                  <small id="adyenGivingButtonHelp" class="form-text mb-1">&#8198;Create a charity account to enable Adyen Giving.</small>
+               </div>
+               <div class="switch-button">
+                  <div class="form-check form-switch">
+                     <input class="form-check-input" type="checkbox" name="AdyenGiving_enabled" id="flexSwitchCheckChecked" data-bs-toggle="collapse" data-bs-target=".adyen-giving-settings" ${AdyenConfigs.getAdyenGivingEnabled() ? 'checked': 'unchecked'}>
+                  </div>
+               </div>
+            </div>
+         </div>
+         <div class="adyen-giving-settings collapse ${AdyenConfigs.getAdyenGivingEnabled() ? 'show': ''}">
+            <div class="form-group">
+               <label class="form-title mb-0" for="charityName">Charity’s name</label>
+               <small id="charityNameHelp" class="form-text mb-1">Enter the name of the charity displayed on the <a class="text-primary" href="https://docs.adyen.com/online-payments/donations/web-component" target="_blank">Adyen Giving Component</a>.</small>
+               <div class="input-fields">
+                  <input type="text" class="form-control" name="AdyenGiving_charityName" id="charityName" aria-describedby="charityNameHelp" value="${AdyenConfigs.getAdyenGivingCharityName() || ''}">
+               </div>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="charityMerchantAccount">Charity’s merchant account</label>
+               <small id="charityMerchantAccountHelp" class="form-text mb-1">Enter the name of your charity’s merchant account.</small>
+               <div class="input-fields">
+                  <input type="text" class="form-control" name="AdyenGiving_charityAccount" id="charityMerchantAccount" aria-describedby="charityMerchantAccountHelp" value="${AdyenConfigs.getAdyenGivingCharityAccount() || ''}">
+               </div>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="donationAmounts">Amounts for donation</label>
+               <small id="donationAmountsHelp" class="form-text mb-1">Enter the suggested amounts shoppers can choose to donate.</small>
+               <div class="input-fields">
+                  <input type="text" class="form-control" name="AdyenGiving_donationAmounts" id="donationAmounts" aria-describedby="donationAmountsHelp" placeholder="Use comma to separate values in minor units (e.g. $10.00 = 1000)" value="${AdyenConfigs.getAdyenGivingDonationAmounts() || ''}">
+               </div>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="charityDescription">Charity’s description</label>
+               <small id="charityDescriptionHelp" class="form-text mb-1">Create a short description of up to 70 characters to be displayed to your shoppers before they donate.</small>
+               <div class="input-fields">
+                  <input type="text" class="form-control" name="AdyenGiving_charityDescription" id="charityDescription" aria-describedby="charityDescriptionHelp" value="${AdyenConfigs.getAdyenGivingCharityDescription() || ''}">
+               </div>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="charityWebsite">Charity website</label>
+               <small id="charityWebsiteHelp" class="form-text mb-1">Enter the link to the charity website.</small>
+               <div class="input-fields">
+                  <input type="text" class="form-control" name="AdyenGiving_charityUrl" id="charityWebsite" aria-describedby="charityWebsiteHelp" placeholder="e.g. https://www.mycharity.com" value="${AdyenConfigs.getAdyenGivingCharityWebsite() || ''}" >
+               </div>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="backgroundFile">Background image for Adyen Giving component</label>
+               <small id="backgroundImageHelo" class="form-text mb-1">Your image needs to be in PNG, JPG, JPEG, or SVG format.</small>
+               <script>
+                  //Token and path can be found in settings.isml file
+                  window.adyenGivingBackgroundUrl = token +"#" + commonPath + storagePath + backgroundImageStorage;
+               </script>
+               <div class="wrapper-class "id="wrapper">
+                  <img src="${URLUtils.staticURL('icons/paperclip.svg')}" width="15" height="14" class="paperclip"/>
+                  <div class="drpbox-class" id="fileDropBoxCharitybackground" role="button">Click here to upload. </div>
+                  <div id="adyenGiving_background" class="form-group">
+                     <ul id="backgroundList"></ul>
+                  </div>
+               </div>
+               <br>
+            </div>
+            <div class="form-group">
+               <label class="form-title mb-0" for="logoFile">Logo in Adyen Giving component</label>
+               <small id="backgroundImageHelo" class="form-text mb-1">Your image needs to be in PNG, JPG, JPEG, or SVG format.</small>
+               <script>
+                  //Token and path can be found in settings.isml file
+                  window.adyenGivingLogoUrl = token +"#" + commonPath + storagePath + logoImageStorage;
+               </script>
+               <div class="wrapper-class "id="wrapper">
+                  <img src="${URLUtils.staticURL('icons/paperclip.svg')}" width="15" height="14" class="paperclip"/>
+                  <div class="drpbox-class" id="fileDropBoxGivingLogo" role="button">Click here to upload. </div>
+                  <div id="adyenGiving_logo" class="form-group">
+                     <ul id="logoList"></ul>
+                  </div>
+               </div>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/cardSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/cardSettings.isml
new file mode 100644
index 000000000..409b8ff01
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/cardSettings.isml
@@ -0,0 +1,37 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="cardSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Card settings
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Choose additional payment features you want to offer to your shoppers.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="cardHolderNameEnabled">Cardholder’s name</label>
+            <small id="cardHolderNameEnabledHelp" class="form-text mb-1">This allows you to show the input field for the cardholder’s name. </small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenCardHolderName_enabled" id="cardHolderYes" value=true ${AdyenConfigs.getAdyenCardholderNameEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="cardHolderYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenCardHolderName_enabled" id="cardHolderNo" value=false ${!AdyenConfigs.getAdyenCardholderNameEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="cardHolderNo">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="installments">Credit card installments <small class="text-secondary">(optional)</small></label>
+            <small id="installmentsHelp" class="form-text mb-1">
+            If you’re offering an installments option to your shoppers, go to <a class="text-primary" href="https://adyen.github.io/adyen-salesforce-commerce-cloud/" target="_blank">our GitHub</a> to create the required configuration value and paste it here.
+            </small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="AdyenCreditCardInstallments" id="installments" aria-describedby="installmentsHelp" value="${AdyenConfigs.getCreditCardInstallments() || ''}">    
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/epmSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/epmSettings.isml
new file mode 100644
index 000000000..6be708d4a
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/epmSettings.isml
@@ -0,0 +1,41 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<script>
+    window.dragIcon = "${URLUtils.staticURL('icons/drag.svg')}";
+    window.applePayIcon = "${URLUtils.staticURL('icons/applepay.svg')}";
+    window.amazonPayIcon = "${URLUtils.staticURL('icons/amazonpay.svg')}";
+
+    window.isApplePayEnabled = ${AdyenConfigs.isApplePayExpressEnabled() || false};
+    window.isAmazonPayEnabled = ${AdyenConfigs.isAmazonPayExpressEnabled() || false};
+    window.expressMethodsOrder = "${AdyenConfigs.getExpressPaymentsOrder()}";
+</script>
+<div id="epmSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Express checkout <small class="text-secondary">(optional)</small>
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Allow your shoppers to pay instantly with the payment methods they trust across multiple stores.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="expressPaymentsButton">Express Checkout</label>
+            <small id="expressPaymentsButtonHelp" class="form-text mb-1">Make sure the payment methods are also enabled in the Customer Area.</small>
+            <div class="row">
+               <div class="switch-button">
+                  <div class="form-check form-switch">
+                     <input class="form-check-input" type="checkbox" name="ExpressPayments_enabled" id="expressPaymentsEnabledChecked" data-bs-toggle="collapse" data-bs-target=".express-settings" ${AdyenConfigs.areExpressPaymentsEnabled() ? 'checked': 'unchecked'}>
+                  </div>
+               </div>
+            </div>
+            <label class="form-title mb-0" for="expressCheckoutHelp">Buttons display</label>
+            <small class="form-text mb-1">Customize the order that you would like to place the express buttons in the checkout.</small>
+         </div>
+         <div class="express-settings collapse ${AdyenConfigs.areExpressPaymentsEnabled() ? 'show': ''}">
+            <div class="form-group">
+                <ul class="draggable-list" id="draggable-list"></ul>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/lpmSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/lpmSettings.isml
new file mode 100644
index 000000000..4ac0d32d1
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/lpmSettings.isml
@@ -0,0 +1,70 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="lpmSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Local payment method settings
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Configure required additional settings for payment methods. Most payment methods work without additional settings, find an overview of all payment methods <a class="text-primary" href="https://docs.adyen.com/plugins/salesforce-commerce-cloud/supported-payment-methods" target="_blank">here</a>.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="saleFlow">Payment methods without separate capture</label>
+            <small id="saleFlowHelp" class="form-text mb-1">If your SFCC is connected to an <a class="text-primary" href="https://docs.adyen.com/plugins/salesforce-order-management-system" target="_blank">OMS</a> instance, you need to add the same payment methods you selected in the Customer Area. Make sure that all letters are lowercase, and separate multiple payment methods with commas.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="AdyenSalePaymentMethods" id="saleFlow" aria-describedby="saleFlowHelp" placeholder="e.g. ideal, sepadirectdebit, paypal" value="${AdyenConfigs.getAdyenSalePaymentMethods().join(', ')}">
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="ratePayId">RatePay ID <small class="text-secondary">(optional)</small></label>
+            <small id="ratePayIdHelp" class="form-text mb-1">This is an open invoice and secured direct debit provider available in Germany, Austria, Switzerland, and the Netherlands. Enter the unique ID provided by your Ratepay integration consultant.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="AdyenRatePayID" id="ratePayId" aria-describedby="ratePayIdHelp" placeholder="e.g. oj9GsQ" value="${AdyenConfigs.getRatePayMerchantID() || ''}">    
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="googlePayMerchantID">Google Merchant ID</label>
+            <small id="googlePayMerchantHelp" class="form-text mb-1">Google Pay is enabled by default in the Test environment. If you also want to activate it in the Live environment, enter your <a class="text-primary" href="https://developers.google.com/pay/api/web/guides/test-and-deploy/deploy-production-environment#obtain-your-merchantID" target="_blank">Google Merchant ID</a></small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="Adyen_GooglePayMerchantID" id="googlePayMerchantID" aria-describedby="googlePayMerchantHelp" value="${AdyenConfigs.getGoogleMerchantID() || ''}">    
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="applePayDomain">Apple Pay Domain Association</label>
+            <small id="applePayDomainHelp" class="form-text mb-1">Apple Pay is enabled by default in the Test environment. If you also want to activate it in the Live environment, enter <a class="text-primary" href="https://docs.adyen.com/payment-methods/apple-pay/web-component#going-live" target="_blank">Apple Pay Domain Association</a></small>
+            <div class="input-fields">
+               <textarea class="form-control" name="Adyen_ApplePay_DomainAssociation" id="applePayDomain" aria-describedby="applePayDomainHelp">${AdyenConfigs.getApplePayDomainAssociation() || ''}</textarea>    
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="oneClick">Store shopper details with one-click <small class="text-secondary">(optional)</small></label>
+            <small id="oneClickHelp" class="form-text mb-1"><a class="text-primary" href="https://docs.adyen.com/plugins/salesforce-commerce-cloud/set-up-the-cartridge#step-6-store-shopper-details" target="_blank">One-click</a> stores payment details of your shoppers securely. It allows you to offer subscriptions, automatic top-ups to shoppers’ accounts, and give them a faster checkout experience.</small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenOneClickEnabled" id="oneClickYes" value=true ${AdyenConfigs.getAdyenRecurringPaymentsEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="oneClickYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenOneClickEnabled" id="oneClickNo" value=false ${!AdyenConfigs.getAdyenRecurringPaymentsEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="oneClickNo">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="inlineWidget">Klarna Inline Widget<small class="text-secondary"> (optional)</small></label>
+            <small id="inlineWidgetHelp" class="form-text mb-1">Klarna inline widget allows you to complete Klarna payments without browser redirect.</small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_klarnaWidget" id="inlineWidgetYes" value=true ${AdyenConfigs.getKlarnaInlineWidgetEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="inlineWidgetYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_klarnaWidget" id="inlineWidgetNo" value=false ${!AdyenConfigs.getKlarnaInlineWidgetEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="inlineWidgetNo">Disable</label>
+               </div>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/optionalSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/optionalSettings.isml
new file mode 100644
index 000000000..16cced87e
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/optionalSettings.isml
@@ -0,0 +1,78 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="optionalSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Additional settings <small class="text-secondary">(optional)</small>
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Improve your business’s transparency and security.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="level23DataAuthorisation">Level 2/3 Data</label>
+            <small id="level23DataAuthorisationHelp" class="form-text mb-1">
+            2/3 Data gives you interchange discounts on US domestic transactions. Your shoppers will also see additional data about their purchases on their credit card statements. 
+            <a class="text-primary" href="https://www.adyen.help/hc/en-us/articles/5196215373596" target="_blank">Check if your business is eligible for Level 2/3 Data.</a>
+            </small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenLevel23DataEnabled" id="level23DataYes" value=true ${AdyenConfigs.getAdyenLevel23DataEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="level23DataYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenLevel23DataEnabled" id="level23DataNo" value=false ${!AdyenConfigs.getAdyenLevel23DataEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="level23DataNo">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="commodityCode">Commodity code</label>
+            <small id="commodityCodeHelp" class="form-text mb-1">Enter the <a class="text-primary" href="https://www.unspsc.org/faqs" target="_blank">UNSPSC commodity code</a> to classify your products or services.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="AdyenLevel23_CommodityCode" id="commodityCode" aria-describedby="commodityCodeHelp" value="${AdyenConfigs.getAdyenLevel23CommodityCode() || ''}">
+            </div>
+         </div>
+         <div class="form-group border-top mt-4">
+            <label class="form-title mt-4" for="basketFields">Basket fields</label>
+            <small id="basketFieldsHelp" class="form-text mb-1">
+            We got you covered with our Revenue protect, risk engine. But if you want to create specific basket fields items in your risk set up, you can.
+            Please <a class="text-primary" href="https://docs.adyen.com/risk-management/configure-manual-risk/configure-custom-risk-rules#adyen-provided-fields" target="_blank">set up</a> these custom fields in the Adyen Customer Area and enable this setting.
+            </small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenBasketFieldsEnabled" id="basketFieldsYes" value=true ${AdyenConfigs.getAdyenBasketFieldsEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="basketFieldsYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenBasketFieldsEnabled" id="basketFieldsNo" value=false ${!AdyenConfigs.getAdyenBasketFieldsEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="basketFieldsNo">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group border-top mt-4">
+            <label class="form-title mt-4" for="adyenTokenisation">Tokenisation</label>
+            <small id="applePayHelp" class="form-text mb-1">
+            To tokenize payment details for all payment methods, make sure you have this feature enabled.
+            </small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenTokenisationEnabled" id="AdyenTokenisationYes" value=true ${AdyenConfigs.getAdyenTokenisationEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="AdyenTokenisationYes">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="AdyenTokenisationEnabled" id="AdyenTokenisationNo" value=false ${!AdyenConfigs.getAdyenTokenisationEnabled() ? 'checked': ''}>
+                  <label class="form-check-label" for="AdyenTokenisationNo">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="systemIntegrator">System integrator</label>
+            <small id="systemIntegratorHelp" class="form-text mb-1">Let us know the name of the company that built your integration with Adyen to get custom support.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="Adyen_IntegratorName" id="systemIntegrator" aria-describedby="systemIntegratorHelp" value="${AdyenConfigs.getSystemIntegratorName() || ''}">
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/posSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/posSettings.isml
new file mode 100644
index 000000000..a6addfd14
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/posSettings.isml
@@ -0,0 +1,21 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="posSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         In-person payments settings <small class="text-secondary">(optional)</small>
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Set up your POS to process payments in your web store.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="storeID">StoreID for Terminal API <small class="text-secondary">(optional)</small></label>
+            <small id="storeIDHelp" class="form-text mb-1">If you want a POS in your physical store, enter the unique <a class="text-primary" href="https://docs.adyen.com/plugins/salesforce-commerce-cloud/set-up-the-cartridge#step-1-enable-pos-payments" target="_blank">store ID.</a> Keep in mind that you can only assign your POS to a single store. </small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="Adyen_StoreId" id="storeID" aria-describedby="storeIDHelp" value="${AdyenConfigs.getAdyenStoreId()  || ''}"/>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/requiredSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/requiredSettings.isml
new file mode 100644
index 000000000..d64de70a9
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/requiredSettings.isml
@@ -0,0 +1,99 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+
+<div id="requiredSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Account settings
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">Make sure that you’re logged into the <a class="text-primary" href="https://ca-live.adyen.com/ca/ca/overview/default.shtml" target="_blank">Customer Area</a> as you will need to copy several settings to fill in the following information.</div>
+      </h7>
+      <div class="mt-3">
+         <div class="form-group">
+            <label class="form-title mb-0" for="mode">Environment</label>
+            <h7 id="modeHelp" class="form-text mb-1">Use the "Test" option in order to connect to your <a class="text-primary" href="https://ca-test.adyen.com/" target="_blank">Adyen test environment</a>. Use live to connect to your <a class="text-primary" href="https://ca-live.adyen.com/ca/ca/overview/default.shtml" target="_blank">Adyen Live environment</a>.</h7>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_Mode" id="testRadio" value="TEST" ${AdyenConfigs.getAdyenEnvironment() === 'TEST' ? 'checked': ''}>
+                  <label class="form-check-label" for="testRadio">Test</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_Mode" id="productionRadio" value="LIVE" ${AdyenConfigs.getAdyenEnvironment() === 'LIVE' ? 'checked': ''}>
+                  <label class="form-check-label" for="productionRadio">Live</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="clienKey">Adyen Client Key</label>
+            <small id="clienKeyHelp" class="form-text mb-1">
+            <a class="text-primary" href="https://docs.adyen.com/development-resources/client-side-authentication#get-your-client-key" target="_blank">How to set up your client key?</a> 
+            </small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="Adyen_ClientKey" id="clienKey" aria-describedby="clienKeyHelp" placeholder="" value="${AdyenConfigs.getAdyenClientKey() || ''}">
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="sfraCompatibility">Storefront Reference Architecture (SFRA) - version 6</label>
+            <small id="sfraCompatibilityHelp" class="form-text mb-1"><a class="text-primary" href="https://developer.salesforce.com/docs/commerce/sfra/guide/sfra-faq.html" target="_blank">SFRA</a> combines best practices in site design and technical architecture so you can customize your store’s website. This setting should only be enabled if you’re using SFRA v6.</small>
+            <div class="radio-buttons">
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_SFRA6_Compatibility" id="sfraYesRadio" value=true ${AdyenConfigs.getAdyenSFRA6Compatibility() ? 'checked': ''}>
+                  <label class="form-check-label" for="sfraYesRadio">Enable</label>
+               </div>
+               <div class="form-check form-check-inline">
+                  <input class="form-check-input" type="radio" name="Adyen_SFRA6_Compatibility" id="sfraNoRadio" value=false ${!AdyenConfigs.getAdyenSFRA6Compatibility() ? 'checked': ''}>
+                  <label class="form-check-label" for="sfraNoRadio">Disable</label>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="frontendRegion">Front-end resources region</label>
+            <small id="frontendRegionHelp" class="form-text mb-1">
+            Enter the closest regions to your shoppers. This setup influences the speed of the Adyen Checkout Component during checkout.
+            <a class="text-primary" href="https://docs.adyen.com/online-payments/android/components#testing-your-integration" target="_blank">Check the list of regions</a></small>
+            <div class='input-fields' id="dropdown-options">
+               <select name="Adyen_Frontend_Region" class="form-select" required>
+                  <option class="dropdown-option" value="US" id="regionUS" ${AdyenConfigs.getAdyenFrontendRegion() === 'US' ? 'selected': ''}>US - United States</option>
+                  <option class="dropdown-option" value="EU" id="regionEU" ${AdyenConfigs.getAdyenFrontendRegion() === 'EU' ? 'selected': ''}>EU - Europe (Default)</option>
+                  <option class="dropdown-option" value="AU" id="regionAU" ${AdyenConfigs.getAdyenFrontendRegion() === 'AU' ? 'selected': ''}>AU - Australia</option>
+                  <option class="dropdown-option" value="IN" id="regionIN" ${AdyenConfigs.getAdyenFrontendRegion() === 'IN' ? 'selected': ''}>IN - India</option>
+               </select>
+            </div>
+         </div>
+         <div class="line-divider">
+            <hr class="divider">
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="merchantAccount">Merchant Account</label>
+            <small id="merchantAccountHelp" class="form-text mb-1">Please note that you can enter only one merchant account per storefront.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control required" name="Adyen_merchantCode" id="merchantAccount" onchange="testConnectionButton.disabled=false;" aria-describedby="merchantAccountHelp" placeholder="" value="${AdyenConfigs.getAdyenMerchantAccount() || ''}">
+               <div class="valid-feedback"></div>
+               <div class="invalid-feedback">Please make sure the combination of merchant account and API key is correct.</div>
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="apiKey">API key of webservice</label>
+            <small id="apiKeyHelp" class="form-text mb-1">This is the API key you generated in the <a class="text-primary" href="https://ca-live.adyen.com/" target="_blank">Customer Area</a>.</small>
+            <div class="input-fields">
+               <span>
+               <i class="bi bi-eye-slash bi-eye-slash2" id="toggleApi"></i>
+               </span>
+               <input type="password" class="form-control required" name="Adyen_API_Key" id="apiKey" aria-describedby="apiKeyHelp" onchange="testConnectionButton.disabled=false;"  placeholder="" value="${AdyenConfigs.getAdyenApiKey() || ''}">
+               <div class="valid-feedback"></div>
+               <div class="invalid-feedback">
+                  <div id="invalidFeedbackApi">
+                     Please make sure the combination of merchant account and API key is correct.
+                  </div>
+               </div>
+            </div>
+         </div>
+         <div class="form-group">
+            <div class="input-fields">
+               <button type="button" id="testConnectionButton" class="btn btn-primary border">Test Configuration</button>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/troubleshooting.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/troubleshooting.isml
new file mode 100644
index 000000000..45094c7ad
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/troubleshooting.isml
@@ -0,0 +1,57 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<div id="troubleshooting" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Troubleshooting <small class="text-secondary"></small>
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">You can download Adyen Logs from here.</div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="logsDownload">Download Logs</label>
+            <small id="logsDownloadHelp" class="form-text mb-1">
+            The logs are generated from the last 14 days. The downloaded files don’t include visuals, just text.  
+            </small>
+            <div class="checkboxes">
+               <div class="form-group">
+                  <ul class="log-list">
+                     <li class='log-checkbox-debug'>
+                        <label class="form-title mt-4" for="debugLogs">Debug Log</label>
+                        <input class="form-check-input" type="checkbox" name="AdyenDebugLogs" id="debugLogs" value="debug">
+                        <small id="debugLogsHelp" class="form-text mb-1">
+                        For checking order data, order create date delay, current date, and service config calls to Adyen Checkout API.
+                        </small>
+                     </li>
+                     <li class='log-checkbox-info'>
+                        <label class="form-title mt-4" for="infoLogs">Info Log</label>
+                        <input class="form-check-input" type="checkbox" name="AdyenInfoLogs" id="infoLogs" value="info">
+                        <small id="infoLogsHelp" class="form-text mb-1">
+                        For informational messages about payment results, webhooks processing, authorization, and order updates.
+                        </small>
+                     </li>
+                     <li class='log-checkbox-error'>
+                        <label class="form-title mt-4" for="errorLogs">Error Log</label>
+                        <input class="form-check-input" type="checkbox" name="AdyenErrorLogs" id="errorLogs" value="error">
+                        <small id="errorLogsHelp" class="form-text mb-1">
+                        For errors related to configuration, payment, order processing, card details, and components.
+                        </small>
+                     </li>
+                     <li class='log-checkbox-fatal'>
+                        <label class="form-title mt-4" for="fatalLogs">Fatal Log</label>
+                        <input class="form-check-input" type="checkbox" name="AdyenFatalLogs" id="fatalLogs" value="fatal">
+                        <small id="fatalLogsHelp" class="form-text mb-1">
+                        For severe errors preventing the cartridge from functioning properly.
+                        </small>
+                     </li>
+                  </ul>
+               </div>
+            </div>
+            <div class="d-grid gap-2 d-md-flex justify-content-md-end form-buttons">
+               <button type="button" id="downloadLogsButton" class="btn btn-primary border disabled formButton">Download</button>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/webhookSettings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/webhookSettings.isml
new file mode 100644
index 000000000..cc70b092d
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settingCards/webhookSettings.isml
@@ -0,0 +1,51 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" />
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page" />
+<div id="webhookSettings" class="card bg-white mt-4">
+   <div class="card-body">
+      <h5 class="card-title mb-0">
+         Webhook settings
+      </h5>
+      <h7 class="card-subtitle">
+         <div class="first-subtitle">
+            To receive authorization status updates, you need to <a class="text-primary" href="https://docs.adyen.com/plugins/salesforce-commerce-cloud/set-up-the-cartridge#step-5-receive-payment-status-updates" target="_blank">set up your webhook notification credentials</a> in your Customer Area.
+         </div>
+      </h7>
+      <div class="mt-2">
+         <div class="form-group">
+            <label class="form-title mb-0" for="notificationsUser">Webhook username</label>
+            <small id="notificationsUserHelp" class="form-text mb-1">This is the username you created under the Developers section in the Customer Area.</small>
+            <div class="input-fields">
+               <input type="text" class="form-control" name="Adyen_notification_user" id="notificationsUser"
+                  aria-describedby="notificationsUserHelp" placeholder="user012"
+                  value="${AdyenConfigs.getAdyenNotificationUser()}">
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="notificationsPassword">Webhook password</label>
+            <small id="notificationsPasswordHelp" class="form-text mb-1">This is the password you created under the Developers section in the Customer Area.</small>
+            <span>
+            <i class="bi bi-eye-slash" id="togglePassword"></i>
+            </span>
+            <div class="input-fields">
+               <input type="password" class="form-control" name="Adyen_notification_password"
+                  id="notificationsPassword" aria-describedby="notificationsPasswordHelp"
+                  placeholder="•••••••••••••••" value="${AdyenConfigs.getAdyenNotificationPassword()}">
+            </div>
+         </div>
+         <div class="form-group">
+            <label class="form-title mb-0" for="hmacKey">HMAC Key (Optional)</label>
+            <small id="hmacKeyHelp" class="form-text mb-1">This is the HMAC key you created under the Developers section in the Customer Area.</small>
+            <span>
+               <i class="bi bi-eye-slash" id="toggleHmacKey"></i>
+            </span>
+            <div class="input-fields">
+               <input type="password" class="form-control" name="Adyen_Hmac_Key" id="hmacKey"
+                  aria-describedby="hmacKeyHelp" placeholder=""
+                  value="${AdyenConfigs.getAdyenHmacKey() || ''}">
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settings.isml b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settings.isml
new file mode 100644
index 000000000..38d1d3e48
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/adyenSettings/settings.isml
@@ -0,0 +1,78 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<isinclude url="${URLUtils.url('SiteNavigationBar-IncludeFrameTop','SelectedMenuItem',pdict.SelectedMenuItem,'CurrentMenuItemId',pdict.CurrentMenuItemId)}">
+<html lang="en">
+   <head>
+      <link type="text/css" rel="stylesheet" href="${URLUtils.httpsStatic('/css/configurationSettings.css?v=' + Math.random())}"/>
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous"/>
+      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <script>
+         const token = "${URLUtils.https('ViewApplication-BM')}?csrf_token=${dw.web.CSRFProtection.generateToken()}"
+         const commonPath = "/?preference";
+         const classicPagePath = "#site_preference_group_attributes";
+         const classicPageSubpath = "!id!Adyen";
+         const storagePath = "#edit_across_sites";
+         const backgroundImageStorage = "!id!c_AdyenGiving_backgroundUrl!instance_type!sandbox!group_id!Adyen";
+         const logoImageStorage = "!id!c_AdyenGiving_logoUrl!instance_type!sandbox!group_id!Adyen";
+         window.classicConfigPageUrl = token +"#" + commonPath + classicPagePath + classicPageSubpath;
+         window.logCenterUrl = "/on/demandware.servlet/webdav/Sites/Logs";
+      </script>
+   </head>
+   <header class="header row bg-white mt-4 mb-4">
+      <div class="btn-toolbar justify-content-between" role="toolbar" aria-label="Toolbar with button groups">
+         <div class="col-sm-1 offset-md-1" id="logos">
+            <img src="${URLUtils.staticURL('icons/adyen.svg')}" class ="img-fluid" id="adyen-logo" alt="adyen-logo" width="170" height="30" />
+            <img src="${URLUtils.staticURL('icons/account-setting-tag.svg')}" class ="img-fluid" id="acc_settings_logo" alt="adyen-logo" />
+         </div>
+         <div class="sec-group">
+            <button type="button" id="classicButton" class="btn btn-light">View classic page</button>
+         </div>
+      </div>
+   </header>
+   <body data-spy="scroll" data-target="#navigationList" data-bs-offset="50" id="formBody" class="bg-light">
+      <div id="saveChangesAlert" class="alert alert-success alert-dismissible fade collapse text-center sticky-top w-5 h-10" role="alert">
+         <img src="${URLUtils.staticURL('icons/icon-success.svg')}" class ="img-fluid" alt="adyen-logo" width="20px" height="20px" />
+         Your Changes have been saved
+      </div>
+      <div id="notSavedChangesAlert" class="alert alert-success alert-dismissible fade collapse text-center sticky-top w-25" role="alert">
+         <img src="${URLUtils.staticURL('icons/icon-error.svg')}" class ="img-fluid" alt="adyen-logo" width="20px" height="20px" />
+         Your settings could not be saved :( Try again.
+      </div>
+
+      <div id="pageContents" class="mb-5 bg-light">
+         <div class="row bg-light pb-5">
+            <div class="col-sm-1"></div>
+            <div class="col-md-3">
+               <div class="sticky-top">
+                  <isinclude template="adyenSettings/navigationCard"/>
+                  <isinclude template="adyenSettings/quickLinksCard"/>
+               </div>
+            </div>
+            <div class="col-sm-1"></div>
+            <div class="col-lg-6">
+               <form id="settingsForm">
+                  <isinclude template="adyenSettings/settingCards/requiredSettings"/>
+                  <isinclude template="adyenSettings/settingCards/webhookSettings"/>
+                  <isinclude template="adyenSettings/settingCards/cardSettings"/>
+                  <isinclude template="adyenSettings/settingCards/lpmSettings"/>
+                  <isinclude template="adyenSettings/settingCards/epmSettings"/>
+                  <isinclude template="adyenSettings/settingCards/posSettings"/>
+                  <isinclude template="adyenSettings/settingCards/adyenGivingSettings"/>
+                  <isinclude template="adyenSettings/settingCards/optionalSettings"/>
+               </form>
+               <form id="troubleshootingForm">
+                  <isinclude template="adyenSettings/settingCards/troubleshooting.isml"/>
+               </form>
+            </div>
+         </div>
+      </div>
+      <footer class="footer fixed-bottom bg-white">
+         <div class="d-grid gap-2 d-md-flex justify-content-md-end form-buttons">
+            <button type="button" id="settingsFormCancelButton" class="btn btn-outline-dark disabled formButton">Cancel</button>
+            <button type="submit" id="settingsFormSubmitButton" class="btn btn-primary border disabled formButton">Save Changes</button>
+         </div>
+      </footer>
+      <script type="text/javascript" src="${URLUtils.httpsStatic('/js/adyenSettings.js?v=' + Math.random())}"></script>
+   </body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/application/MenuFrame.isml b/cartridges/bm_adyen/cartridge/templates/default/application/MenuFrame.isml
new file mode 100644
index 000000000..878b80f5d
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/application/MenuFrame.isml
@@ -0,0 +1,7 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<isinclude url="${URLUtils.url('SiteNavigationBar-IncludeFrameTop','SelectedMenuItem',pdict.SelectedMenuItem,'CurrentMenuItemId',pdict.CurrentMenuItemId)}">
+
+<isreplace/>
+<isinclude url="${URLUtils.url('SiteNavigationBar-IncludeFrameBottom')}">
+  
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/custom/modules.isml b/cartridges/bm_adyen/cartridge/templates/default/custom/modules.isml
new file mode 100644
index 000000000..c07052c9a
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/custom/modules.isml
@@ -0,0 +1,20 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<!---
+	ISMODULE definitions used in this cartridge
+--->
+
+<!--- define reusable address helper --->
+<ismodule template="user/miniaddress.isml" 
+	name="miniaddress" 
+	attribute="address"
+	attribute="addressname"
+	attribute="privacy"
+>
+
+<!--- define reusable single shipping addresses view --->
+<!--- The prefix 'p_' avoids clashes with loop or other variables --->
+<ismodule template="user/minishippingaddress.isml"
+    name="minishippingaddress"
+    attribute="p_shipment"
+>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_adminmenupageextension.isml b/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_adminmenupageextension.isml
new file mode 100644
index 000000000..0d3d6e394
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_adminmenupageextension.isml
@@ -0,0 +1,102 @@
+<isdecorate template="application/MenuFrame">
+<iscontent type="text/html" charset="UTF-8">
+<isinclude template="inc/Modules">
+
+<!-- Page Navigator -->
+<isset name="TOP_URL"   value="${URLUtils.url('SiteNavigationBar-ShowMenuitemOverview', 'CurrentMenuItemId', pdict.CurrentMenuItemId)}" scope="PAGE">
+<ISBreadcrumb name1="${pdict.mainmenuname}" url1="${TOP_URL}" name2="Demo Admin Extension">
+<!-- EO Page Navigator -->
+
+<!-- errors -->
+<isif condition="${!pdict.SampleAdminParameter}"> <!-- or any other useful error condition -->
+	<table border="0" cellspacing="0" cellpadding="4" width="100%" class="error_box n s e w">
+		<tr valign="top">
+			<td class="error_icon top e"><img src="${URLUtils.webRoot()}/images/error.gif" width="16" height="15" alt="" border="0"/></td>
+			<td class="error top" width="100%">
+			<p>Custom Error ...: <isprint value="${pdict.ErrorParameter}"> hasn't been defined. This is an error message sample.<br/>
+			</td>
+		</tr>
+	</table>
+</isif>
+<!-- end errors-->
+
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+	<tr>
+		<td width="100%" class="w e s table_title"><isprint value="${pdict.SampleAdminParameter}"></td>
+	</tr>
+
+    <tr>
+		<td valign="top" class="table_title_description w e s">
+			<p>This page allows to view and configure custom values.
+			<p>
+			<ISIF condition="${pdict.OtherAdminParameter}">To save your settings, press the 'Apply' button.</ISIF>
+        </td>
+	</tr>
+</table>
+
+<!-- table list view -->
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+	<form action="${URLUtils.url('bm_extensionsactions-AdminAction')}" method="post" name="formMask">
+	<ISIF condition="${pdict.SampleAdminParameter}">
+		<input type="hidden" name="SampleAdminParameter" value="${pdict.SampleAdminParameter}"/>
+	</ISIF>
+
+	<ISIF condition="${pdict.OtherAdminParameter}">
+		<tr>
+			<td class="table_header w e s" width="20%">Name</td>
+			<td class="table_header e s">Value</td>
+			<td class="table_header e s" width="5%">Type</td>
+			<td class="table_header e s" width="15%">Default Value</td>
+		</tr>
+		<!-- content -->
+		<tr><!-- Name -->
+			<td class="table_detail w e s" nowrap="nowrap"> 
+				Parametername
+			</td>
+			<!--- Value --->
+	        <td class="table_detail e s" nowrap="nowrap">
+	        	<input type="text" name="${pdict.fld_Value}" class="inputfield_en w100"/>
+	        </td>
+			<!--- Type --->
+	        <td class="table_detail e s" nowrap="nowrap">
+	        	<input type="hidden" name="${pdict.CUSTOMPARAMNAME}" value="${pdict.CUSTOMTYPE}" class="inputfield_en w100"/>
+	        	CustomType &nbsp;
+	        </td>
+	        <td class="table_detail e s" nowrap="nowrap">
+	        	DefaultValue &nbsp;
+	        </td>
+		</tr>
+
+		<tr>
+			<td class="table_detail w e s" align="left">Instance times: <ISPRINT value="${pdict.MyDate}" style="DATE_TIME" timezone="INSTANCE"></td>
+			<td colspan="5" class="e s" align="right">
+				<table border="0" cellspacing="4" cellpadding="0">
+					<tr>
+	                    <td class="button"><input type="submit" name="update" value="Apply" class="button"/></td>
+	                    <td class="button"><input type="submit" name="cancel" value="Cancel" class="button"/></td>
+	                    <td class="button"><input type="reset" name="reset" value="Reset" class="button"/></td>
+					</tr>
+				</table>
+			</td>
+		</tr>
+	<iselse>
+		<tr>
+			<td colspan="5" class="table_detail w e s">There are no custom values defined yet.</br>
+			<td class="table_detail e s" nowrap="nowrap" align="right" width="10%">Instance time: <ISPRINT value="${pdict.MyDate}" style="DATE_TIME" timezone="INSTANCE"></td>
+		</tr>
+	</isif>
+	</form>
+</table>
+<!-- EO Main Content -->
+<table class="bottombuttons">          
+	<form name="Back" action="${TOP_URL}" method="post">
+		<tr>
+			<td>
+				<input class="button" type="submit" name="backToPrefs" value="&lt;&lt; Back"/>
+			</td>
+		</tr>
+	</form>
+</table>
+<!-- EO Working Area -->
+
+</isdecorate>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_sitemenupageextension.isml b/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_sitemenupageextension.isml
new file mode 100644
index 000000000..0d1529e24
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/extensions/custom_sitemenupageextension.isml
@@ -0,0 +1,106 @@
+<isdecorate template="application/MenuFrame">
+<iscontent type="text/html" charset="UTF-8">
+<isinclude template="inc/Modules">
+
+<!-- Page Navigator -->
+<isset name="TOP_URL"   value="${URLUtils.url('SiteNavigationBar-ShowMenuitemOverview', 'CurrentMenuItemId', pdict.CurrentMenuItemId)}" scope="PAGE">
+<isbreadcrumb name1="${pdict.mainmenuname}" url1="${TOP_URL}" name2="Demo Site Extension">
+<!-- EO Page Navigator -->
+
+<!-- errors -->
+<isif condition="${!pdict.SampleSiteParameter}"> <!-- or any other useful error condition -->
+	<table border="0" cellspacing="0" cellpadding="4" width="100%" class="error_box n s e w">
+		<tr valign="top">
+			<td class="error_icon top e"><img src="${URLUtils.webRoot()}/images/error.gif" width="16" height="15" alt="" border="0"/></td>
+			<td class="error top" width="100%">
+			<p>Custom Error ...: <isprint value="${pdict.ErrorParameter}"> hasn't been defined. This is an error message sample.<br/>
+			</td>
+		</tr>
+	</table>
+</isif>
+<!-- end errors-->
+
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+	<tr>
+		<td width="100%" class="w e s table_title"><isprint value="${pdict.SampleSiteParameter}"></td>
+	</tr>
+
+	<tr>
+		<td valign="top" class="table_title_description w e s">
+			<p>This page allows to view and configure custom values.
+			<p>
+			To save your settings, press the 'Apply' button.<br>
+		</td>
+	</tr>
+</table>
+
+
+<!-- table list view -->
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+	<form action="${URLUtils.url('custom_extensionsactions-SiteAction')}" method="post" name="formMask">
+	<ISIF condition="${pdict.SampleSiteParameter}">
+		<input type="hidden" name="SampleSiteParameter" value="${pdict.SampleSiteParameter}"/>
+	</ISIF>
+
+	<ISIF condition="${pdict.SampleSiteParameter}">
+		<tr>
+			<td class="table_header w e s" width="20%">Name</td>
+			<td class="table_header e s">Value</td>
+			<td class="table_header e s" width="5%">Type</td>
+			<td class="table_header e s" width="15%">Default Value</td>
+		</tr>
+		<!-- content -->
+		<tr><!-- Name -->
+			<td class="table_detail w e s" nowrap="nowrap"> 
+				Parametername
+			</td>
+			<!--- Value --->
+			<td class="table_detail e s" nowrap="nowrap">
+				<input type="text" name="${pdict.SampleSiteParameter}" value=<ISPRINT value="${pdict.SampleSiteParameter}"> class="inputfield_en w100"/>
+			</td>
+			<!--- Type --->
+			<td class="table_detail e s" nowrap="nowrap">
+				<input type="hidden" name="${pdict.CUSTOMPARAMNAME}" value="${pdict.CUSTOMTYPE}" class="inputfield_en w100"/>
+				CustomType &nbsp;
+			</td>
+			<td class="table_detail e s" nowrap="nowrap">
+				DefaultValue &nbsp;
+			</td>
+		</tr>
+
+		<tr>
+			<td class="table_detail w e s" align="left">Site time: <ISPRINT value="${pdict.MyDate}" style="DATE_TIME" timezone="SITE"></td>
+			<td colspan="5" class="e s" align="right">
+				<table border="0" cellspacing="4" cellpadding="0">
+					<tr>
+						<td class="button"><input type="submit" name="update" value="Apply" class="button"/></td>
+						<td class="button"><input type="submit" name="cancel" value="Cancel" class="button"/></td>
+						<td class="button"><input type="reset" name="reset" value="Reset" class="button"/></td>
+							<input type="hidden" name="CurrentMenuItemId" value="<isprint value="${pdict.CurrentMenuItemId}">"/>
+							<input type="hidden" name="mainmenuname" value="<isprint value="${pdict.mainmenuname}">"/>
+					</tr>
+				</table>
+			</td>
+		</tr>
+	<iselse>
+		<tr>
+			<td colspan="5" class="table_detail w e s">There are no custom values defined yet.</br>
+			<td class="table_detail e s" nowrap="nowrap" align="right" width="10%">Site time: <ISPRINT value="${pdict.MyDate}" style="DATE_TIME" timezone="SITE"></td>
+		</tr>
+	</isif>
+	</form>
+</table>
+<!-- EO Main Content -->
+
+<table class="bottombuttons">          
+	<form name="Back" action="${TOP_URL}" method="post">
+		<tr>
+			<td>
+				<input class="button" type="submit" name="backToPrefs" value="&lt;&lt; Back"/>
+			</td>
+		</tr>
+	</form>
+</table>
+<!-- EO Working Area -->
+
+</isdecorate>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/marketing/giftcertificateemail.isml b/cartridges/bm_adyen/cartridge/templates/default/marketing/giftcertificateemail.isml
new file mode 100644
index 000000000..109117276
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/marketing/giftcertificateemail.isml
@@ -0,0 +1,45 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+
+<html>
+<head><title>A Gift Certificate for You</title></head>
+
+<body>
+	<div style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small; color: Black;">
+		<isif condition="${empty(pdict.GiftCertificate.recipientName)}">
+			Dear Valued Customer,
+		<iselse>
+			Dear&nbsp;<isprint value="${pdict.GiftCertificate.recipientName}">,
+		</isif>
+		<br/>
+		<br/>
+			A Gift Certificate has been issued to you in the amount of <isprint value="${pdict.GiftCertificate.amount}">.
+		<br/>
+		<br/>
+		<isif condition="${!empty(pdict.GiftCertificate.message)}">
+			Message:
+			<br/>
+			<br/>
+			<isprint value="${pdict.GiftCertificate.message}">
+			<br/>
+			<br/>
+		</isif>
+		You can redeem your gift certificate at <a href="${SHOP_URL}">our online store</a>.
+		<br/>
+		<br/>
+		Your gift certificate code is <b><isprint value="${pdict.GiftCertificate.giftCertificateCode}"></b>.
+		<br/>
+		<br/>
+		Sincerely, 
+		<br/>
+		<br/>
+		<isif condition="${empty(pdict.GiftCertificateSenderName)}">
+			Customer Support
+		<iselse>
+			<isprint value="${pdict.GiftCertificateSenderName}">
+		</isif>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_ADYEN_CREDIT.isml b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_ADYEN_CREDIT.isml
new file mode 100644
index 000000000..360e3670f
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_ADYEN_CREDIT.isml
@@ -0,0 +1,54 @@
+<!--- TEMPLATENAME: paymentInstrumentInfo_Adyen_Credit.isml --->
+
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<isscript>
+	var order = pdict.Order;
+	var paymentInstruments = order.getPaymentInstruments().iterator();
+	if (paymentInstruments.hasNext()) {
+		var paymentInstrument = paymentInstruments.next();
+		var paymentMethod = dw.order.PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod);
+		var amount = order.custom.Adyen_value/100;
+	}
+</isscript>
+<BR><BR>
+
+<div id="Adyentable" style='border:1px solid #d0d0d0'>
+<table class='infobox w e'>
+	<thead>
+		<tr>
+			<th align='left' width='150'>
+			<A target='new' title='Click to go to Admin page' HREF='https://ca-test.adyen.com/'>
+			<img border='0' src='https://ca-test.adyen.com/ca/css/csr/images/adyen-logo.condensed.hr.png?c4e4' width='111'></A></th>
+			<th>Payment info</th>
+		</tr>
+	</thead>			
+<tr><td colspan='2'><hr size='1'></hr></td></tr>
+<tbody>
+			<tr>
+				<td class='infobox_title'>PSP reference</td>
+				<td class='infobox_item'>
+					<isscript>
+						var mode : String = dw.system.Site.getCurrent().getCustomPreferenceValue("Adyen_Mode");
+						var urlPrefixType : String = 'test';
+						if (mode == 'LIVE') {
+							urlPrefixType = 'live';
+						} 
+					</isscript>
+					<A target='new' HREF='https://ca-${urlPrefixType}.adyen.com/ca/ca/payments/searchPayments.shtml?skipList=firstResult&query=${order.custom.Adyen_pspReference}'>
+						<isprint value="${order.custom.Adyen_pspReference}"> 
+					</A>
+				</td>
+			</tr>
+		
+			<tr><td class='infobox_title'>Payment Method</td><td class='infobox_item'><isprint value="${order.custom.Adyen_paymentMethod}"></td></tr>
+			<tr><td class='infobox_title'>Eventcode</td><td class='infobox_item'><isprint value="${order.custom.Adyen_eventCode}"></td></tr>
+			<tr><td class='infobox_title'>Amount</td><td class='infobox_item'><isprint value="${amount}"></td></tr>
+	</tbody>
+</table>
+<BR>
+</div>
+<!-- END: Adyentable 
+			
+
+-->
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen.isml b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen.isml
new file mode 100644
index 000000000..2d12c1758
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen.isml
@@ -0,0 +1,83 @@
+<!--- TEMPLATENAME: paymentInstrumentInfo_Adyen.isml --->
+
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<isscript>
+	var order = pdict.Order;
+	var paymentInstruments = order.getPaymentInstruments().iterator();
+	if (paymentInstruments.hasNext()) {
+		var paymentInstrument = paymentInstruments.next();
+		var paymentMethod = dw.order.PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod);
+		var amount = order.custom.Adyen_value/100;
+		var adyenAdditionalPaymentData = JSON.parse(paymentInstrument.custom.adyenAdditionalPaymentData);
+		var adyenAction = JSON.parse(paymentInstrument.custom.adyenAction);
+	}
+</isscript>
+<BR><BR>
+
+<div id="Adyentable" style='border:1px solid #d0d0d0'>
+<table class='infobox w e'>
+	<thead>
+		<tr>
+			<th align='left' width='150'>
+			<A target='new' title='Click to go to Admin page' HREF='https://ca-test.adyen.com/'>
+			<img border='0' src='https://ca-test.adyen.com/ca/css/csr/images/adyen-logo.condensed.hr.png?c4e4' width='111'></A></th>
+			<th>Payment info</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr><td class='infobox_title'>PSP reference</td><td class='infobox_item'><A target='new' HREF='https://ca-test.adyen.com/ca/ca/payments/searchPayments.shtml?skipList=firstResult&query=${order.custom.Adyen_pspReference}'><isprint value="${order.custom.Adyen_pspReference}"> </A></td></tr>
+		<tr><td class='infobox_title'>Payment Method</td><td class='infobox_item'><isprint value="${order.custom.Adyen_paymentMethod}"></td></tr>
+		<tr><td class='infobox_title'>Eventcode</td><td class='infobox_item'><isprint value="${order.custom.Adyen_eventCode}"></td></tr>
+		<isif condition="${adyenAdditionalPaymentData != null}">
+			<isloop items="${adyenAdditionalPaymentData}" var="additionalItem" status="loopstate">
+				<isif condition="${additionalItem.key == 'bankTransfer.reference'}">
+					<tr>
+						<td><span class="infobox_title">Reference:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+				<isif condition="${additionalItem.key == 'bankTransfer.owner'}">
+					<tr>
+						<td><span class="infobox_title">Beneficiary Name:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+				<isif condition="${additionalItem.key == 'bankTransfer.iban'}">
+					<tr>
+						<td><span class="infobox_title">Bankaccount:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+			</isloop>
+		</isif>
+		<isif condition="${adyenAction != null}">
+			<!--- Payment details for econtext --->
+			<isif condition="${adyenAction.reference}">
+				<tr>
+					<td><span class="summary-section-label">${Resource.msg('econtext.reference', 'checkout', null)}:</span></td>
+					<td><span class="summary-details">${adyenAction.reference}</span></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.maskedTelephoneNumber}">
+				<tr>
+					<td><span class="summary-section-label">${Resource.msg('econtext.maskedTelephoneNumber', 'checkout', null)}:</span></td>
+					<td><span class="summary-details">${adyenAction.maskedTelephoneNumber}</span></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.expiresAt}">
+				<tr>
+					<td><span class="summary-section-label">${Resource.msg('econtext.expiresAt', 'checkout', null)}:</span></td>
+					<td><span class="summary-details">${adyenAction.expiresAt}</span></td>
+				</tr>
+			</isif>
+		</isif>
+	</tbody>
+</table>
+</div>
+<BR>
+
+<!-- END: Adyentable 
+			
+
+-->
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen_Component.isml b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen_Component.isml
new file mode 100644
index 000000000..01a9ba00c
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/PaymentInstrumentInfo_Adyen_Component.isml
@@ -0,0 +1,93 @@
+<!--- TEMPLATENAME: paymentInstrumentInfo_Adyen_Component.isml --->
+
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<isscript>
+	var order = pdict.Order;
+	var paymentInstruments = order.getPaymentInstruments().iterator();
+	if (paymentInstruments.hasNext()) {
+		var paymentInstrument = paymentInstruments.next();
+		var paymentMethod = dw.order.PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod);
+		var amount = order.custom.Adyen_value/100;
+		var adyenAdditionalPaymentData = JSON.parse(paymentInstrument.custom.adyenAdditionalPaymentData);
+		var adyenAction = JSON.parse(paymentInstrument.custom.adyenAction);
+		var adyenPaymentMethod = paymentInstrument.custom.adyenPaymentMethod;
+	}
+</isscript>
+<BR><BR>
+
+<div id="Adyentable" style='border:1px solid #d0d0d0'>
+<table class='infobox w e'>
+	<thead>
+		<tr>
+			<th align='left' width='150'>
+			<A target='new' title='Click to go to Admin page' HREF='https://ca-test.adyen.com/'>
+			<img border='0' src='https://ca-test.adyen.com/ca/css/csr/images/adyen-logo.condensed.hr.png?c4e4' width='111'></A></th>
+			<th>Payment info</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr><td class='infobox_title'>PSP reference</td><td class='infobox_item'><A target='new' HREF='https://ca-test.adyen.com/ca/ca/payments/searchPayments.shtml?skipList=firstResult&query=${order.custom.Adyen_pspReference}'><isprint value="${order.custom.Adyen_pspReference}"> </A></td></tr>
+		<tr><td class='infobox_title'>Payment Method</td><td class='infobox_item'><isprint value="${order.custom.Adyen_paymentMethod}"></td></tr>
+		<tr><td class='infobox_title'>Eventcode</td><td class='infobox_item'><isprint value="${order.custom.Adyen_eventCode}"></td></tr>
+		<isif condition="${adyenAdditionalPaymentData != null}">
+			<isloop items="${adyenAdditionalPaymentData}" var="additionalItem" status="loopstate">
+				<isif condition="${additionalItem.key == 'bankTransfer.reference'}">
+					<tr>
+						<td><span class="infobox_title">Reference:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+				<isif condition="${additionalItem.key == 'bankTransfer.owner'}">
+					<tr>
+						<td><span class="infobox_title">Beneficiary Name:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+				<isif condition="${additionalItem.key == 'bankTransfer.iban'}">
+					<tr>
+						<td><span class="infobox_title">Bankaccount:</span></td>
+						<td><span class="summary-details">${bankTransferItem.value}</span></td>
+					</tr>
+				</isif>
+			</isloop>
+		</isif>
+		<isif condition="${adyenAction}">
+			<!--- Payment details --->
+			<isif condition="${adyenAction.reference}">
+				<tr>
+					<td><span class="infobox_title">Reference:</span></td>
+					<td><span class="summary-details">${adyenAction.reference}</span></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.maskedTelephoneNumber}">
+				<tr>
+					<td><span class="infobox_title">Phonenumber:</span></td>
+					<td><span class="summary-details">${adyenAction.maskedTelephoneNumber}</span></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.expiresAt}">
+				<tr>
+					<td><span class="infobox_title">Expires at:</span></td>
+					<td><span class="summary-details">${adyenAction.expiresAt}</span></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.downloadUrl}">
+				<tr>
+					<td><span class="infobox_title">Download URL:</span></td>
+					<td><a href="${adyenAction.downloadUrl}" target="_blank" class="summary-details">Download here</a></td>
+				</tr>
+			</isif>
+			<isif condition="${adyenAction.entity}">
+				<tr>
+					<td><span class="infobox_title">Entity:</span></td>
+					<td><span class="summary-details">${adyenAction.entity}</span></td>
+				</tr>
+			</isif>
+		</isif>
+	</tbody>
+</table>
+</div>
+<BR>
+
+<!-- END: Adyentable -->
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderdetails.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderdetails.isml
new file mode 100644
index 000000000..45ff7b7c2
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderdetails.isml
@@ -0,0 +1,181 @@
+<div id="orderdetailstable">
+	<isset name="ShipmentCounter" value="" scope="PAGE">
+    <!--- Use each shipment to render product line items and associated shipping costs --->
+    <isloop iterator="${request.custom.Container.shipments}" alias="Group" status="loopstatus">   	
+    	<isif condition="${Group.productLineItems.size() > 0}">
+	    	<!--- variable to determine how many rows the shipping details column should consume --->
+        	<isset name="ShipmentCounter" value="${ShipmentCounter + 1}" scope="PAGE">       	
+        	<isscript>     
+				var plis : dw.util.Collection = Group.productLineItems;
+				var shipRowSpanCount : Number = plis.size();
+				var shipRowSpanValue : String = "1";
+				var iter : dw.util.Iterator = plis.iterator();
+				while (iter != null && iter.hasNext())
+				{
+					var pli : dw.order.ProductLineItme = iter.next();
+					shipRowSpanCount = shipRowSpanCount + pli.getBundledProductLineItems().size() + pli.getOptionProductLineItems().size();
+				}				
+				shipRowSpanValue = shipRowSpanCount.toFixed();
+			</isscript>    	
+        <!--- Display who we are shipping to --->
+        	<h3>
+        		Shipment&nbsp;<isprint value="${ShipmentCounter.length}">
+            </h3>
+		<!--- Render the products we are shipping --->
+            <table class="producttable">
+		<!--- header --->
+				<thead>
+					<tr>
+						<th>Product Details</th>
+						<th>Qty.</th>
+						<th>Total</th>
+						<th>Shipping Details</th>
+					</tr>
+				</thead>
+		<!--- Order Details Body --->
+				<tbody>          
+				<isloop iterator="${Group.productLineItems}" alias="productLineItem" status="plistatus">
+					<tr>
+						<td class="product">
+							<!--- if item has a category context, forward this category context --->
+							<isif condition="${productLineItem.categoryID != null}">
+								<a href="${URLUtils.https('ViewStorefront-PreviewProduct', 'pid', productLineItem.productID, 'cgid', productLineItem.categoryID)}" target="_blank">
+							<iselse>
+								<a href="${URLUtils.https('ViewStorefront-PreviewProduct', 'pid', productLineItem.productID)}" target="_blank">
+							</isif>
+								<isprint value="${productLineItem.productName}">
+							</a>
+							<div class="sku">
+								<span class="key">Item Number:</span><span class="value"><isprint value="${productLineItem.productID}"></span>
+							</div>
+		<!--- variations --->
+							<isif condition="${productLineItem.product != null}">
+								<isif condition="${productLineItem.product.isVariant}">
+									<isloop iterator="${productLineItem.product.variationModel.attributeDefinitions}" alias="VA">
+										<isset name="SelectedVariationValue" value="${productLineItem.product.variationModel.getSelectedValue(VA)}" scope="PAGE">
+										<div class="variation">
+											:
+											<isif condition="${SelectedVariationValue != null}">
+												<isprint value="${SelectedVariationValue.displayValue}">
+											<iselse>
+												-
+											</isif>		
+										</div>	
+									</isloop>
+								</isif>
+							</isif>
+		<!--- /variations --->					
+							<isif condition="${productLineItem.manufacturerName != null}">
+								<span class="manufacturername"><isprint value="${productLineItem.manufacturerName}"></span>
+							</isif>
+		<!--- product promotions --->
+							<isloop iterator="${productLineItem.priceAdjustments}" alias="pli">
+								<p class="bonus"><isprint value="${pli.lineItemText}"></p>
+							</isloop>
+		<!--- /product promotions --->					
+						</td>
+					    <td class="quantitycolumn">
+					    	<isif condition="${productLineItem.bonusProductLineItem}">
+					    		<span class="bonus">Bonus</span>
+					    	<iselse>
+					    		<isprint value="${productLineItem.quantity}">
+					    	</isif>
+				    	</td>
+					    <td class="price">
+				            <isprint value="${productLineItem.price}">
+		<!--- product promotion price --->
+							<isloop iterator="${productLineItem.priceAdjustments}" alias="pli">
+								<p class="bonus"><isprint value="${pli.price}"></p>
+							</isloop>
+		<!--- /product promotion price --->
+					    </td>
+		<!--- shipping address --->					    
+				  	<isif condition="${plistatus.isFirst()}">
+					    <td rowspan="${shipRowSpanValue}" width="25%" valign="top">
+					    	<isminishippingaddress p_shipment="${Group}" p_editable="${request.custom.ShipmentEditable}">
+					    </td>
+				    </isif>
+					</tr>
+		<!--- /shipping address --->
+		<!--- bundles --->
+			        <isif condition = "${productLineItem.bundledProductLineItems.size() > 0}">
+						<isloop iterator="${productLineItem.bundledProductLineItems}" alias="Bundle">
+						<tr class="odd">
+							<td>
+						       	<div class="itemname">
+									<isprint value="${Bundle.productName}">
+								</div>
+							</td>
+							<td class="quantitycolumn">
+								<isprint value="${Bundle.quantity}">
+							</td>
+						    <td class="price">included </td>
+						</tr>
+						</isloop>
+					</isif>
+		<!--- /bundles --->
+		<!--- options --->
+			        <isif condition = "${productLineItem.optionProductLineItems.size() > 0}">
+						<isloop iterator="${productLineItem.optionProductLineItems}" alias="Option">
+							<tr class="odd">
+								<td>
+							       	<div class="itemname">
+										Option Product&nbsp;-&nbsp;<isprint value="${Option.productName}">
+									</div>
+									<!--- product promotions --->
+									<isloop iterator="${Option.priceAdjustments}" alias="pli">
+										<p class="bonus"><isprint value="${pli.lineItemText}"></p>
+									</isloop>
+									<!--- /product promotions --->
+								</td>
+								<td class="quantitycolumn">
+									<isprint value="${Option.quantity}">
+								</td>
+							    <td class="price">
+						            <isprint value="${Option.price}">
+									<!--- product promotions --->
+									<isloop iterator="${Option.priceAdjustments}" alias="pli">
+										<p class="bonus"><isprint value="${pli.price}"></p>
+									</isloop>
+									<!--- /product promotions --->
+							    </td>
+							</tr>
+						</isloop>
+					</isif>
+		<!--- /options --->	
+			</isloop>
+			</tbody>
+		</table>		
+		</isif><!--- if product line items --->
+	</isloop>
+<!--- /Shipments --->
+<!--- GC Electronic Shipments --->
+	<isif condition="${request.custom.Container.allGiftCertificateLineItems.size() > 0}">
+       	<h3>Gift Certificates</h3>
+		<!--- Render the products we are shipping --->
+           <table class="producttable">
+		<!--- header --->
+			<thead>
+				<tr>
+					<th>Gift Certificate Details</th>
+					<th>Qty.</th>
+					<th>Total</th>
+					<th>Shipping Details</th>
+				</tr>
+			</thead>
+		<!--- Order Details Body --->
+			<tbody>
+					<isloop iterator="${request.custom.Container.allGiftCertificateLineItems}" alias="GiftCertificate" status="loopstatus">		
+			           <tr>
+			                <td class="product"><isprint value="${GiftCertificate.lineItemText}">&nbsp;for&nbsp;<isprint value="${GiftCertificate.recipientName}"></td>
+			                <td class="quantitycolumn">1</td>
+			                <td class="price"><isprint value="${GiftCertificate.basePrice}"></td>
+			                <td width="25%">Electronic Delivery to&nbsp;<isprint value="${GiftCertificate.recipientEmail}"></td>
+			            </tr>                   
+		            </isloop>
+				</tbody>
+			</table>			
+ 	</isif>
+	<!--- /GC Electronic Shipments --->
+	<div class="clear"><!-- FLOAT CLEAR --></div>
+</div>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcancellation.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcancellation.isml
new file mode 100644
index 000000000..4f46bfe9c
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcancellation.isml
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<!-- TemplateName : user/orderemailcancellation.isml -->
+<!--- TemplateComment : creates an order confirmation , that is send per EMail
+  -- Address data are included via miniaddress
+  -- "subject" is copied as email subject
+  -- keep in mind all formatting (css) needs to be placed inside these templates
+     to be displayed properly in the shoppers emailbox
+--->
+
+<iscontent type="text/html" session="false" charset="UTF-8">
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+<isset name="TRACK_URL" value="${URLUtils.https(new dw.web.URLAction('Order-Track', pdict.StorefrontName))}" scope="PAGE"/>
+
+<subject><isprint value="${pdict.MailSubject}"> of your Order #'#'#<isprint value="${pdict.Order.orderNo}"></subject>
+
+<html>
+<head>
+<isinclude template="order/orderemailcss">
+</head>
+
+<table class="header" cellSpacing=0 cellPadding=5 width=640 border=0>
+  <tbody>
+  <tr>
+    <td class="header"><strong>SiteGenesis</strong></td>
+    <td class="address"><strong>Demo SiteGenesis</strong><br />
+        5 Wall Street<br />
+        Burlington,&nbsp;MA&nbsp;01803<br />
+        <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a><br />
+        Phone: +1.888.553.9216</td>
+  </TR>
+  </tbody>
+</table>
+
+<div class="content">
+    <div class="contentheader">
+        <span class="confirmation">Order Cancellation:</span> Order Number: <isprint value="${pdict.Order.orderNo}"> - Your order was cancelled!
+    </div>
+    <div class="infotext">
+        <p>This email confirms we cancelled your order at <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a>.
+        You can check your order's status on your account pages at <a href="${TRACK_URL}" title="Jump to our store"><span>SiteGenesis</span></a></p>
+        <p><strong>Thank you for shopping with us!</strong></p>
+
+        <p><font color=#ff0000>Please print and save a copy for reference.</font></p>
+        <p><font color=#ff0000>PLEASE NOTE: </font>
+        Please don't hesitate to contact us for any further questions via PHONE ONLY, at
+        <span class="phone">+1.888.553.9216</span>
+        </p>
+    </div>
+
+    <div class="order">
+        <isinclude template="custom/modules">
+        <!--- overwrite the default address format (miniaddress) in case you need a different address format for email only
+            (usually you probably will replace the addressformat in user/miniaddress in general though)
+        --->
+        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+        <isinclude template="order/orderdetails">
+    </div>
+
+</div>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailconfirmation.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailconfirmation.isml
new file mode 100644
index 000000000..5b5cbb014
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailconfirmation.isml
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<!-- TemplateName : user/orderemailconfirmation.isml -->
+<!--- TemplateComment : creates an order confirmation , that is send per EMail
+  -- Address data are included via miniaddress
+  -- "subject" is copied as email subject
+  -- keep in mind all formatting (css) needs to be placed inside these templates
+     to be displayed properly in the shoppers emailbox
+--->
+
+<iscontent type="text/html" session="false" charset="UTF-8">
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+<isset name="TRACK_URL" value="${URLUtils.https(new dw.web.URLAction('Order-Track', pdict.StorefrontName))}" scope="PAGE"/>
+
+<subject>Confirmation of your Order <isprint value="${pdict.Order.orderNo}"></subject>
+
+<head>
+<isinclude template="order/orderemailcss">
+</head>
+
+<!---
+Each tag is to be specified max. once.
+Multiple email address can be separated by , (a la RFC2822)
+
+<TO>recipient@demandware.com</TO>
+<CC>customerservice@demandware.com, support@demandware.com</CC>
+<BCC>archive@demandware.com</BCC>
+<FROM>sender@demandware.com</FROM>
+--->
+
+<body>
+
+<table class="header" cellSpacing=0 cellPadding=5 width=640 border=0>
+  <tbody>
+  <tr>
+    <td class="header"><strong>SiteGenesis</strong></td>
+    <td class="address"><strong>Demo SiteGenesis</strong><br />
+        5 Wall Street<br />
+        Burlington,&nbsp;MA&nbsp;01803<br />
+        <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a><br />
+        Phone: +1.888.553.9216</td>
+  </TR>
+  </tbody>
+</table>
+
+<div class="content">
+    <div class="contentheader">
+        <span class="confirmation">Order Confirmation: </span>Order Number: <isprint value="${pdict.Order.orderNo}"> - Thank you for your order!
+    </div>
+    <div class="infotext">
+        <p>This email confirms we received your order at <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a>. We will email your shipping
+        confirmation with your tracking number when your items have been shipped.
+        Your order will generally be shipped within 24 hours after we've received it.
+        You can check your order's status on your account pages at <a href="${TRACK_URL}" title="Jump to our store"><span>SiteGenesis</span></a></p>
+        <p><strong>Thank you for shopping with us!</strong></p>
+
+        <p><font color=#ff0000>Please print and save a copy for reference.</font></p>
+        <p>Please review the order below and verify that everything is correct.</p>
+        <p><font color=#ff0000>PLEASE NOTE: </font>
+        Since we begin processing your order shortly after you submit it on our web site, if any changes are necessary you MUST contact us via PHONE ONLY, at
+        <span class="phone">+1.888.553.9216</span>
+        </p>
+    </div>
+
+    <div class="order">
+        <isinclude template="custom/modules">
+        <!--- overwrite the default address format (miniaddress) in case you need a different address format for email only
+            (usually you probably will replace the addressformat in user/miniaddress in general though)
+        --->
+
+        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+        <isinclude template="order/orderdetails">
+        <br /><br />
+        <isinclude template="order/paymentdetails">
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcss.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcss.isml
new file mode 100644
index 000000000..0c0ae3eee
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailcss.isml
@@ -0,0 +1,311 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!--templatename=order/orderemailstyleinclude
+    style information that needs to be included into the orderemail* templates
+    in order to send this style data along with the order data in the same email file
+-->
+<style type="text/css">
+
+body {
+	color: Black;
+	font-family: Arial, Verdana, Helvetica, sans-serif;
+	font-style: normal;
+	font-size: 9pt;
+	border: none;
+	background:#FFFFFF;
+	margin:auto; }
+img {
+	border:none;
+	margin:0;
+	padding:0; }
+p {
+	margin: 5px; }
+table {
+	margin: 0;
+	font-size: 12px; }
+tr {
+	background: #ffffff; }	
+.header {
+	font-size: 14px; }
+.header .address {
+	text-align: right;
+	font-size: 11px; }
+.content {
+	margin-right: auto;
+	border: 1px solid #666666;
+	width: 640px;
+	font-size: 12px; }
+.contentheader {
+	background: #f0f0e0;
+	border-bottom: 1px solid #666666;
+	padding: 5px;
+	font-size: 14px; }
+.confirmation {
+	font-weight: bold;
+	color: darkred;}
+.infotext {}
+.infotext .phone {
+	font-weight: bold; }
+.order {}
+.order h3 {
+	color: #69c;
+	font-weight: normal;
+	background-color: transparent;
+	margin: 5px 0px;
+	padding: 0px; }
+.order h4 {
+	text-transform: uppercase;
+	font-size: 12px;
+	font-weight: normal;
+	color: #69c;
+	background-color: transparent;
+	margin-bottom: 5px;
+	padding: 0px; }
+.order .addressgrouping {
+	width: 254px; /*25em;*/
+	padding: 10px;
+	margin: 5px 10px 10px 0px;
+	border: 1px dotted #ddd; }
+.orders {}
+.orders table {
+    width: 100%;
+	margin: 5px 0px auto;
+	border: none; }
+.orders	table th {
+	background-color: #ddd;
+	font-weight: bold;
+	text-transform: uppercase;
+	text-align: center;
+	font-size: 12px;
+	padding: 3px 5px; }
+.orders	table td {
+	padding: 3px 5px;
+    vertical-align: top;
+	white-space: nowrap;
+	text-align: center;
+    font-size: 12px; }
+.orders table td.price {
+	text-align: right; }
+.miniaddress {}
+.billingoverview {
+	display: inline; /* ie hack */
+	float: left;
+	border: 1px solid #c0d4e8;
+	width: 275px;
+	padding: 10px;
+	margin: 10px;
+    font-size: 12px; }
+.billingoverview .invoicetoaddress {
+	padding: 0px;
+	margin: 0px; }
+.billingoverview .invoicetoaddress h3 {
+	font-size: 14px;
+	font-weight: normal; }
+.billingoverview .paymentmethod {
+	padding: 0px;
+	margin: 0px; }
+.billingoverview .paymentmethod .payment {
+	padding: 0px;
+	margin-left: 10px; }
+.shippingoverview {
+	border: 1px solid #c0d4e8;
+	width: 275px;
+	display: inline; /* ie hack */
+	float: right;
+	padding: 10px;
+	margin: 10px;
+    font-size: 12px; }
+.shippingoverview .shiptoaddress {
+	margin: 3px 0px; }
+.shippingoverview .shiptoaddress h3 {
+	font-size: 14px;
+	font-weight: normal; }
+.shippingoverview .edit {
+	float: right; }
+.shippingoverview .deliverymethod .name {
+	margin-left: 10px;
+	padding: 0px; }
+.orderoverview {
+	clear: both;
+	margin: 0px;
+	padding: 0px; }
+.orderoverview .h3like {
+	text-transform: uppercase;
+	color: #69c; }		
+.orderoverview .itemname /*formats non-clickable products (giftcert) like products (as href)*/ {
+	color: darkblue; }		
+.orderoverview .taxinformation {
+	display: inline;
+	float: right; }
+.orderoverview .taxinformation .statedivider {
+	margin-right: 0.5em; }		
+.orderoverview .taxinformation .country {
+	margin-right: 5px; }		
+.orderoverview table {
+	width: 100%;
+	margin: 5px 0px auto; }
+.orderoverview table th {
+	text-align: center;
+	text-transform: uppercase;
+	font-weight: bold;
+	background-color: #ddd;
+	padding: 2px 5px;
+	font-size: 14px; }
+.orderoverview table td {
+	padding: 3px 5px;
+	vertical-align: top; }
+.orderoverview table tfoot td {
+	background-color: #f0f0f0; }
+.orderoverview table td.shippinggrouping {
+	background-color: #ededed;}
+.orderoverview table td.shipmenttax {
+	background-color: #ededed;}
+.orderoverview table td.shippinggrouping .key {
+	font-weight: bold; }
+.orderoverview table td.key {
+	text-align: right; }
+.orderoverview table td h3 {
+	padding: 0px;
+	margin: 0px; }
+.orderoverview table td a {
+	color: darkblue; }
+.orderoverview table td.quantitycolumn {
+	text-align:center; }
+.orderoverview table td.ordertotal {
+	font-weight: bold; }
+.orderoverview table td.merchandizetotal {
+	white-space: nowrap;
+	text-align: right;	}			
+.orderoverview table td.subtotal {
+	font-weight: bold; }
+.orderoverview table td.price {
+	white-space: nowrap;
+	text-align: right; }
+.orderoverview table td.shippingtotal {
+	white-space: nowrap;
+	text-align: right; }
+.orderoverview table td.orderdiscount {
+	white-space: nowrap;
+	text-align: right; }
+.orderoverview table td.taxtotal {
+	white-space: nowrap;
+	text-align: right; }			
+.orderoverview table td.couponcolumn {
+	color: brown; }
+.orderoverview table td.discountdescription {
+	color: brown; }
+.orderoverview table td.discountpricevalue {
+	color: brown; }
+.orderoverview table td.giftcertificatecolumn {
+	color: #e60; }
+.orderoverview table td.giftcertificatevalue {
+	color: #e60; }
+.orderoverview table th.blank {
+	background:#ffffff;  }
+.orderoverview table td.blank  {
+	background:#ffffff; }
+h1 {
+	font-family: 'Century Gothic',Arial,Verdana,sans-serif;
+	padding: 3px;
+	text-transform: none;
+	color: #006;
+	font-size: 18pt;
+	font-weight: normal;
+	text-transform: uppercase;
+	border: 0px; }
+h3 {
+	font-family: 'Century Gothic',Arial,Verdana,sans-serif;
+	font-weight: normal;
+	font-size: 12px;
+	text-transform: uppercase;
+	line-height: 1.1;
+	color: #6699cc;
+	padding: 3px 5px 0px 0px;
+	margin: 0px 0px 0px 10px;}
+p {
+	margin: 10px;}
+p.bonus {
+	color: red;
+	margin: 0px;
+	padding: 0px; }
+table.producttable {
+	width: 636px;
+	margin: auto;
+	border: 1px solid #eee;
+	font-size: 9pt; }
+table.producttable tr th {
+	background-color: #e0e0e0;
+	white-space: nowrap;
+	color: Black;
+	padding: 2px 5px;
+	text-transform: uppercase;
+	text-align: center; }
+table.producttable tr th.blank {
+	background:#ffffff; }
+table.producttable tr td.blank {
+	background:#ffffff; }
+table.producttable tfoot td {
+	padding: 3px 5px;
+	text-align: right;
+	background-color: #e0e0e0; }
+table.producttable tr td {
+	padding: 3px 5px;
+	margin: 0px;
+	background-color: #f3f3f3;}	
+table.producttable tr td.quantitycolumn {
+	text-align: center;
+	vertical-align: middle;
+	width: 70px; }
+table.producttable td .alreadyordered {
+	display: block;
+	color: Green; }
+table.producttable tr.odd td {
+	background-color: #f3f3f3; }
+table.producttable tr.even td {
+	background-color: #fcfcfc; }
+table.producttable td a {
+	text-decoration: none;
+	color: #006699; }
+table.producttable td a:hover {
+	text-decoration: underline; }
+table.producttable td.price {
+	text-align: right;
+	width: 85px; }	
+table.producttable .imagecolumn {
+	margin: auto;
+	text-align: center;
+	vertical-align: middle; }
+table.producttable .remove {
+	margin: auto;
+	text-align: center;
+	vertical-align: middle; }	
+table.producttable .shippinggrouping { }
+table.producttable .shiptoline { 
+	background-color: #fcfcfc;}
+table.producttable .shippinggroupinginfo {
+	text-align: right; }	
+table.producttable .shippinggroupingpromo{
+	text-align: right;
+	color: Red; }
+table.producttable .shippingunadjusted {
+	text-decoration: line-through; }
+table.producttable td.ordertotalsdivider {
+	margin: 0px;
+	padding: 1px;
+	background:#ffffff;
+	border-top: 1px solid #cdcdcd;
+	border-bottom: 1px solid #cdcdcd; }
+table.producttable tfoot td.blank {
+	background:#ffffff; }	
+table.producttable .ordertotal{
+	text-align: right;
+	background-color: #dcdcdc; }	
+table.producttable .ordertotalprice {
+	text-align: right;
+	font-weight: bold;
+	background-color: #dcdcdc; }
+table.producttable tfoot td {
+	background-color: #fcfcfc; }
+.promotiondescription {
+	color: red; }
+<!-- eof order section -->
+</style>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailgeneral.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailgeneral.isml
new file mode 100644
index 000000000..cede5a241
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailgeneral.isml
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<!-- TemplateName : user/orderemailgeneral.isml -->
+<!--- TemplateComment : creates an order confirmation , that is send per EMail
+  -- Address data are included via miniaddress
+  -- "subject" is copied as email subject
+  -- keep in mind all formatting (css) needs to be placed inside these templates
+     to be displayed properly in the shoppers emailbox
+--->
+
+<iscontent type="text/html" session="false" charset="UTF-8">
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+<isset name="TRACK_URL" value="${URLUtils.https(new dw.web.URLAction('Order-Track', pdict.StorefrontName))}" scope="PAGE"/>
+
+<subject><isprint value="${pdict.MailSubject}"> - Order <isprint value="${pdict.Order.orderNo}"></subject>
+
+<html>
+<head>
+<isinclude template="order/orderemailcss">
+</head>
+
+<table id="header" cellSpacing=0 cellPadding=5 width=640 border=0>
+  <tbody>
+  <tr>
+    <td id="header"><strong>SiteGenesis</strong></td>
+    <td id="address"><strong>Demo SiteGenesis</strong><br />
+        5 Wall Street<br />
+        Burlington,&nbsp;MA&nbsp;01803<br />
+        <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a><br />
+        Phone: +1.888.553.9216</td>
+  </TR>
+  </tbody>
+</table>
+
+<div id="content">
+    <div id="contentheader">
+        <span id="confirmation">Order Information: </span>Order Number: <isprint value="${pdict.Order.orderNo}"> - Thank you for your order!
+    </div>
+    <div id="infotext">
+        <p>This email gives you all details of your order at <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a>.
+        You can check your order's status on your account pages at <a href="${TRACK_URL}" title="Jump to our store"><span>SiteGenesis</span></a></p>
+        <p><strong>Thank you for shopping with us!</strong></p>
+
+        <p><font color=#ff0000>Please print and save a copy for reference.</font></p>
+        <p>Please review the order below and verify that everything is correct.</p>
+        <p><font color=#ff0000>PLEASE NOTE: </font>
+        If you have any questions about your order, order status, etc. you MUST contact us via PHONE ONLY, at
+        <span class="phone">+1.888.553.9216</span>
+        </p>
+    </div>
+
+    <div id="order">
+        <isinclude template="custom/modules">
+        <!--- overwrite the default address format (miniaddress) in case you need a different address format for email only
+            (usually you probably will replace the addressformat in user/miniaddress in general though)
+        --->
+        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+        <isinclude template="order/orderdetails">
+    </div>
+
+</div>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailpaymentconfirmation.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailpaymentconfirmation.isml
new file mode 100644
index 000000000..bd5fbc8e6
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailpaymentconfirmation.isml
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<!-- TemplateName : user/orderemailpaymentconfirmation.isml -->
+<!--- TemplateComment : creates an order confirmation , that is send per EMail
+  -- Address data are included via miniaddress
+  -- "subject" is copied as email subject
+  -- keep in mind all formatting (css) needs to be placed inside these templates
+     to be displayed properly in the shoppers emailbox
+--->
+
+<iscontent type="text/html" session="false" charset="UTF-8">
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+<isset name="TRACK_URL" value="${URLUtils.https(new dw.web.URLAction('Order-Track', pdict.StorefrontName))}" scope="PAGE"/>
+
+<subject><isprint value="${pdict.MailSubject}"> of your Order <isprint value="${pdict.Order.orderNo}"></subject>
+
+<html>
+<head>
+<isinclude template="order/orderemailcss">
+</head>
+
+<table class="header" cellSpacing=0 cellPadding=5 width=640 border=0>
+  <tbody>
+  <tr>
+    <td class="header"><strong>SiteGenesis</strong></td>
+    <td class="address"><strong>Demo SiteGenesis</strong><br />
+        5 Wall Street<br />
+        Burlington,&nbsp;MA&nbsp;01803<br />
+        <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a><br />
+        Phone: +1.888.553.9216</td>
+  </TR>
+  </tbody>
+</table>
+
+<div class="content">
+    <div class="contentheader">
+        <span class="confirmation">Payment Confirmation:</span> Order Number: <isprint value="${pdict.Order.orderNo}"> - Thank you for your order!
+    </div>
+    <div class="infotext">
+        <p>This email confirms we received your payment at <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a>.
+        We will email your shipping confirmation with your tracking number when your items have been shipped.
+        Your order will generally be shipped within 24 hours after we've received it.
+        You can check your order's status on your account pages at <a href="${TRACK_URL}" title="Track your orders"><span>SiteGenesis</span></a></p>
+        <p><strong>Thank you for shopping with us!</strong></p>
+
+        <p><font color=#ff0000>Please print and save a copy for reference.</font></p>
+        <p>Please review the order below and verify that everything is correct.</p>
+        <p><font color=#ff0000>PLEASE NOTE: </font>
+        Since we begin processing your order shortly after you submit it on our web site, if any changes are necessary you MUST contact us via PHONE ONLY, at
+        <span class="phone">+1.888.553.9216</span>
+        </p>
+    </div>
+
+    <div class="order">
+        <isinclude template="custom/modules">
+        <!--- overwrite the default address format (miniaddress) in case you need a different address format for email only
+            (usually you probably will replace the addressformat in user/miniaddress in general though)
+        --->
+        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+        <isinclude template="order/orderdetails">
+        <isinclude template="order/paymentdetails">
+    </div>
+
+</div>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/orderemailshippingconfirmation.isml b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailshippingconfirmation.isml
new file mode 100644
index 000000000..f60690836
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/orderemailshippingconfirmation.isml
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<!-- TemplateName : user/orderemailshippingconfirmation.isml -->
+<!--- TemplateComment : creates an order confirmation , that is send per EMail
+  -- Address data are included via miniaddress
+  -- "subject" is copied as email subject
+  -- keep in mind all formatting (css) needs to be placed inside these templates
+     to be displayed properly in the shoppers emailbox
+--->
+<iscontent type="text/html" session="false" charset="UTF-8">
+<isset name="SHOP_URL" value="${URLUtils.http(new dw.web.URLAction('Home-Show', pdict.StorefrontName))}" scope="PAGE"/>
+<isset name="TRACK_URL" value="${URLUtils.https(new dw.web.URLAction('Order-Track', pdict.StorefrontName))}" scope="PAGE"/>
+
+<subject><isprint value="${pdict.MailSubject}"> of your Order #'#'#<isprint value="${pdict.Order.orderNo}"></subject>
+
+<html>
+<head>
+<isinclude template="order/orderemailcss">
+</head>
+
+<table class="header" cellSpacing=0 cellPadding=5 width=640 border=0>
+  <tbody>
+  <tr>
+    <td class="header"><strong>SiteGenesis</strong></td>
+    <td class="address"><strong>Demo SiteGenesis</strong><br />
+        5 Wall Street<br />
+        Burlington,&nbsp;MA&nbsp;01803<br />
+        <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a><br />
+        Phone: +1.888.553.9216</td>
+  </TR>
+  </tbody>
+</table>
+
+<div class="content">
+    <div class="contentheader">
+        <span class="confirmation">Shipping Confirmation:</span> Order Number: <isprint value="${pdict.Order.orderNo}"> - Thank you for your order!
+    </div>
+    <div class="infotext">
+        <p>This email confirms we shipped your order at <a href="${SHOP_URL}" title="Jump to our store"><span>SiteGenesis</span></a>.
+        You can check your order's status on your account pages at <a href="${TRACK_URL}" title="Jump to our store"><span>SiteGenesis</span></a></p>
+        <p><strong>Thank you for shopping with us!</strong></p>
+
+        <p><font color=#ff0000>Please print and save a copy for reference.</font></p>
+    </div>
+
+    <div class="order">
+        <isinclude template="custom/modules">
+        <!--- overwrite the default address format (miniaddress) in case you need a different address format for email only
+            (usually you probably will replace the addressformat in user/miniaddress in general though)
+        --->
+        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+        <isinclude template="order/orderdetails">
+    </div>
+
+</div>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/paymentdetails.isml b/cartridges/bm_adyen/cartridge/templates/default/order/paymentdetails.isml
new file mode 100644
index 000000000..29d776feb
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/paymentdetails.isml
@@ -0,0 +1,53 @@
+<div id="paymentdetailstable">
+	<table class="producttable">
+<!--- Table Header --->
+		<thead>
+			<tr>
+				<th>Payment Method</th>
+				<th>Amount</th>
+			</tr>
+		</thead>			
+<!--- Table Footer --->
+		<tfoot>
+			<tr>
+			    <td class="ordertotal">Payment Total</td>
+			    <td class="ordertotalprice"><isprint value="${request.custom.Container.totalGrossPrice}"></td>
+			</tr>
+		</tfoot>
+<!--- Table Body --->
+		<tbody>		
+		<!--- iterate over credit card payment instruments --->
+		<isloop iterator="${request.custom.Container.paymentInstruments}" alias="PaymentInstrument" status="loopstatus">
+		
+			<isif condition="${PaymentInstrument.paymentMethod == dw.order.PaymentInstrument.METHOD_CREDIT_CARD}">
+				<tr>
+					<td>
+						<isprint value="${PaymentInstrument.creditCardType}">
+						<br/>
+						<isprint value="${PaymentInstrument.maskedCreditCardNumber}">
+					</td>
+					<td class="price">
+						<isprint value="${PaymentInstrument.paymentTransaction.amount}">					
+					</td>
+				</tr>
+			</isif>
+
+		</isloop>
+
+		<!--- iterate over gift certificate payment instruments --->
+		<isloop iterator="${request.custom.Container.giftCertificatePaymentInstruments}" alias="PaymentInstrument" status="loopstatus">
+		
+				<tr>					
+					<td>
+						Gift Certificate 
+						<br/>
+						<isprint value="${PaymentInstrument.maskedGiftCertificateCode}">
+					</td>
+					<td class="price">
+						<isprint value="${PaymentInstrument.paymentTransaction.amount}">					
+					</td>
+				</tr>
+		</isloop>
+		</tbody>
+	</table>
+</div><!-- END: paymentdetailstable -->
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/printordergeneral.isml b/cartridges/bm_adyen/cartridge/templates/default/order/printordergeneral.isml
new file mode 100644
index 000000000..dbf86f3f2
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/printordergeneral.isml
@@ -0,0 +1,174 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<html>
+
+    <head>
+        <title>Order <isprint value="${pdict.Order.orderNo}"></title>
+        <link rel="STYLESHEET" type="text/css" href="${URLUtils.webRoot()}/css/enterprisesite.css"/>
+        <ismodule template = "inc/AddressInfoSmall_52.isml" name="AddressInfo" attribute="address">
+        <link rel="shortcut icon" href="${URLUtils.webRoot()}/images/favicon.ico" />
+    </head>
+
+    <body id="print_order" onload="window.print();">
+
+        <table width="600" border="0" cellspacing="0" cellpadding="4">
+
+            <tr>
+                <td class="table_detail" colspan="4">&nbsp;</td>
+            </tr>
+
+            <tr>
+                <td colspan="2" class="infobox_item"><h2>Order:</h2></td>
+                <td colspan="2" class="infobox_item"><h2><isprint value="${pdict.Order.orderNo}"></h2></td>
+            </tr>
+
+            <tr>
+                <td class="table_detail w e n" colspan="4">&nbsp;</td>
+            </tr>
+
+            <tr>
+                <td colspan="2" width="500" class="table_detail bold w">
+                    <table>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">SiteGenesis</td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">5 Wall Street</td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Burlington, MA 01803 USA</td>
+                        </tr>
+                    </table>
+                </td>
+                <td colspan="2" class="table_detail bold e">
+                    <table>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Order:</td>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.orderNo}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Date:</td>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.creationDate}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Total:</td>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.totalGrossPrice}"></td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+
+            <tr>
+                <td class="table_detail w e" colspan="4">&nbsp;</td>
+            </tr>
+
+            <tr>
+                <td class="table_detail w e n" colspan="4">&nbsp;</td>
+            </tr>
+
+            <tr valign="top">
+                <td class="table_detail bold w" nowrap="nowrap">Bill To:&nbsp;</td>
+                <td class="table_detail" width="100%">
+                    <table>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.firstName}"> <isprint value="${pdict.Order.billingAddress.lastName}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.address1}"> <isprint value="${pdict.Order.billingAddress.address2}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.city}"> <isprint value="${pdict.Order.billingAddress.stateCode}"> <isprint value="${pdict.Order.billingAddress.postalCode}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.countryCode}"></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Phone: <isif condition="${! empty(pdict.Order.billingAddress.phone)}"><isprint value="${pdict.Order.billingAddress.phone}"><iselse>n/a</isif></td>
+                        </tr>
+                        <tr>
+                            <td class="infobox_item" nowrap="nowrap">Email: <isif condition="${! empty(pdict.Order.customerEmail)}"><isprint value="${pdict.Order.customerEmail}"><iselse><isprint value="${pdict.Order.buyerEmail}"></isif></td>
+                        </tr>
+                    </table>
+                </td>
+                <td class="table_detail e" colspan="2">&nbsp;</td>
+            </tr>
+
+            <tr>
+                <td class="table_detail w e" colspan="4">&nbsp;</td>
+            </tr>
+            <!-- LineItemGroups -->
+            <!--- If no product line items, don't need shipping info --->
+<!--
+            <isloop iterator="${pdict.Order.shipments}" alias="Group">
+
+                <tr>
+                    <td class="table_detail w e n" colspan="4">&nbsp;</td>
+                </tr>
+
+                <tr valign="top">
+                    <td class="table_detail bold w" nowrap="nowrap">Ship To:&nbsp;</td>
+
+                    <isif condition="${Group.productLineItems.size() > 0}">
+
+                        <td class="table_detail" width="100%">
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tr>
+                                    <td>
+                                        <table border="0" cellpadding="0" cellspacing="2">
+                                            <tr>
+                                                <td class="infobox_item" nowrap="nowrap">Shipment: <isprint value="${Group.ID}"></td>
+                                            </tr>
+                                            <tr>
+                                                <td class="infobox_item" nowrap="nowrap">${Group.shippingAddress.firstName}&nbsp;${Group.shippingAddress.lastName}</td>
+                                            </tr>
+                                            <tr>
+                                                <td class="infobox_item" nowrap="nowrap">${Group.shippingAddress.address1}</td>
+                                            </tr>
+                                            <tr>
+                                                <td class="infobox_item" nowrap="nowrap">${Group.shippingAddress.address2}</td>
+                                            </tr>
+                                            <tr>
+                                                <td class="infobox_item" nowrap="nowrap">${Group.shippingAddress.city},&nbsp;${Group.shippingAddress.stateCode}&nbsp;${Group.shippingAddress.postalCode}</td>
+                                            </tr>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                        <td class="table_detail e" colspan="2">&nbsp;</td>
+                    <iselseif condition="${Group.giftCertificateLineItems.size() > 0}">
+                        <td class="table_detail e" nowrap="nowrap" colspan="3">Email Delivery</td>
+                    <iselse>
+                        <td class="table_detail e" nowrap="nowrap" colspan="3">Not Applicable</td>
+                    </isif>
+                </tr>
+
+                <tr>
+                    <td class="table_detail s w e" colspan="4">&nbsp;</td>
+                </tr>
+
+            </isloop>
+-->
+            <!-- EO LineItemGroups -->
+            <tr>
+                <td class="table_detail s w e" colspan="4">&nbsp;</td>
+            </tr>
+
+            <tr>
+                <td class="table_detail w e" colspan="4">
+                    <div class="printorder" style="padding-left: 0px;">
+                        <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+                        <isinclude template="order/orderdetails">
+                    </div>
+                </td>
+            </tr>
+
+            <tr>
+                <td class="table_detail s w e" colspan="4">&nbsp;</td>
+            </tr>
+
+        </table>
+
+    </body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/printorderinvoice.isml b/cartridges/bm_adyen/cartridge/templates/default/order/printorderinvoice.isml
new file mode 100644
index 000000000..a80053002
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/printorderinvoice.isml
@@ -0,0 +1,109 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<ismodule template="user/minicreditcard.isml"
+    name="minicreditcard" attribute="p_card" attribute="p_cc_formfield"
+>
+<html>
+<head>
+    <title>Invoice <isprint value="${pdict.Order.orderNo}"></title>
+    <link rel="STYLESHEET" type="text/css" href="${URLUtils.webRoot()}/css/enterprisesite.css"/>
+    <ismodule template = "inc/AddressInfoSmall_52.isml" name="AddressInfo" attribute="address">
+    <link rel="shortcut icon"  href="${URLUtils.webRoot()}/images/favicon.ico" />
+</head>
+
+<body id="print_invoice" onload="window.print();">
+    <table border="0" cellspacing="0" cellpadding="4">
+        <tr>
+            <td class="left"><h2>Invoice:</h2></td>
+            <td colspan="2" class="right"><h2><isprint value="${pdict.Order.invoiceNo}"></h2></td>
+        </tr>
+
+        <tr>
+            <td class="w n">&nbsp;</td>
+            <td class="table_detail bold n">
+                <table>
+                    <tr><td class="infobox_item" nowrap="nowrap">SiteGenesis</td></tr>
+                    <tr><td class="infobox_item" nowrap="nowrap">5 Wall Street</td></tr>
+                    <tr><td class="infobox_item" nowrap="nowrap">Burlington, MA 01803 USA</td></tr>
+                </table>
+            </td>
+            <td class="table_detail right bold e n">
+                <table>
+                    <tr><td align="left" class="infobox_item" nowrap="nowrap">Order:</td>
+                        <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.orderNo}"></td></tr>
+                    <tr><td align="left" class="infobox_item" nowrap="nowrap">Date:</td>
+                        <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.creationDate}"></td></tr>
+                    <tr><td align="left" class="infobox_item" nowrap="nowrap">Total:</td>
+                        <td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.totalGrossPrice}"></td></tr>
+                </table>
+            </td>
+        </tr>
+
+        <tr valign="top">
+            <td class="table_detail bold w n" >Bill To:</td>
+            <td class="table_detail n">
+                <table>
+                    <tr><td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.firstName}"> <isprint value="${pdict.Order.billingAddress.lastName}"></td></tr>
+                    <tr><td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.address1}"> <isprint value="${pdict.Order.billingAddress.address2}"></td></tr>
+                    <tr><td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.city}"> <isprint value="${pdict.Order.billingAddress.stateCode}"> <isprint value="${pdict.Order.billingAddress.postalCode}"></td></tr>
+                    <tr><td class="infobox_item" nowrap="nowrap"><isprint value="${pdict.Order.billingAddress.countryCode}"></td></tr>
+                </table>
+            </td>
+            <td class="table_detail n e">
+                <table>
+                    <tr><td align="left" class="infobox_item" nowrap="nowrap">Phone:</td>
+                        <td class="infobox_item" nowrap="nowrap"><isif condition="${! empty(pdict.Order.billingAddress.phone)}"><isprint value="${pdict.Order.billingAddress.phone}"><iselse>n/a</isif></td></tr>
+                    <tr><td align="left" class="infobox_item" nowrap="nowrap">Email:</td>
+                        <td class="infobox_item" nowrap="nowrap"><isif condition="${! empty(pdict.Order.customerEmail)}"><isprint value="${pdict.Order.customerEmail}"><iselse><isprint value="${pdict.Order.buyerEmail}"></isif></td></tr>
+                </table>
+            </td>
+        </tr>
+
+        <isif condition="${pdict.Order.paymentInstruments.size() > 0}">
+            <tr valign="top">
+                <isif condition="${pdict.Order.paymentInstruments.size() > 1}">
+                    <td colspan="1" class="table_detail n w bold">Payment Methods:</td>
+                <iselse>
+                    <td colspan="1" class="table_detail n w bold">Payment Method:</td>
+                </isif>
+
+                <td colspan="2" class="table_detail n e">
+                    <!-- process credit cards -->
+                    <isloop iterator="${pdict.Order.getPaymentInstruments(dw.order.PaymentInstrument.METHOD_CREDIT_CARD)}" alias="PaymentInstrument">
+                        <isminicreditcard p_card="${PaymentInstrument}">
+                        <div class="type">Amount: <isprint value="${PaymentInstrument.paymentTransaction.amount}"></div>
+
+                    </isloop>
+
+                    <!-- process gift certificates -->
+                    <isloop iterator="${pdict.Order.getPaymentInstruments(dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE)}" alias="PaymentInstrument">
+                        <div class="type">
+                            <br>Gift Certificate: <isprint value="${PaymentInstrument.maskedGiftCertificateCode}">
+                            <br>Amount: <isprint value="${PaymentInstrument.paymentTransaction.amount}">
+                        </div>
+                    </isloop>
+
+                    <!--- if we do not have credit cards or gift certs, we have one or more custom payment insrutments --->
+                    <!-- process unknown payment methods -->
+                    <isif condition="${empty(pdict.Order.getPaymentInstruments(dw.order.PaymentInstrument.METHOD_CREDIT_CARD)) &&
+                                        empty(pdict.Order.getPaymentInstruments(dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE))}">
+                        <div class="type"><br>Unknown payment processor. Cannot display payment data.</div>
+                    </isif>
+                </td>
+
+            </tr>
+        </isif>
+
+        <tr valign="top">
+            <td colspan="3" class="infobox_item bold aldi" >
+                <div class="printinvoice">
+                    <isset name="Container" value="${pdict.Order}" scope="REQUEST">
+                    <isinclude template="order/orderdetails">
+                </div>
+            </td>
+        </tr>
+    </table>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/order/printorderpackingslip.isml b/cartridges/bm_adyen/cartridge/templates/default/order/printorderpackingslip.isml
new file mode 100644
index 000000000..e62691e15
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/order/printorderpackingslip.isml
@@ -0,0 +1,163 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<ismodule template = "inc/AddressInfoSmall_52.isml" name="AddressInfo" attribute="address">
+
+<html>
+<head>
+    <title>Packing Slip <isprint value="${pdict.LineItemGroup.shipmentNo}"> For Order <isprint value="${pdict.Order.orderNo}"></title>
+    <link rel="STYLESHEET" type="text/css" href="${URLUtils.webRoot()}/css/enterprisesite.css"/>
+    <isinclude template="inc/GlobalJavaScript">
+    <link rel="shortcut icon"  href="${URLUtils.webRoot()}/images/favicon.ico" />
+</head>
+
+<body id="print_packing_slip" onload="window.print();">
+    <table width="600" border="0" cellspacing="0" cellpadding="4">
+        <tr height="100">
+            <td colspan="5" class="left"><h2>Packing Slip <isprint value="${pdict.LineItemGroup.shipmentNo}">  For Order <isprint value="${pdict.Order.orderNo}"></h2></td>
+        </tr>
+
+        <tr>
+            <td class="table_detail w e n" colspan="4">&nbsp;</td>
+        </tr>
+
+        <tr>
+            <td class="fielditem2 w right top" width="100">Ship To:</td>
+            <td class="table_detail top" width="200">
+                <table border="0" cellpadding="0" cellspacing="0">
+                    <tr>
+                        <td>
+                            <table border="0" cellpadding="0" cellspacing="2">
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">${pdict.LineItemGroup.shippingAddress.firstName}&nbsp;${pdict.LineItemGroup.shippingAddress.lastName}</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">${pdict.LineItemGroup.shippingAddress.address1}</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">${pdict.LineItemGroup.shippingAddress.address2}</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">${pdict.LineItemGroup.shippingAddress.city},&nbsp;${pdict.LineItemGroup.shippingAddress.stateCode}&nbsp;${pdict.LineItemGroup.shippingAddress.postalCode}</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">${pdict.Order.customerEmail}</td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+
+
+            <td class="fielditem2 right top" width="100">Ship From:</td>
+            <td class="table_detail e top" width="200">
+                <table border="0" cellpadding="0" cellspacing="0">
+                    <tr>
+                        <td>
+                            <table border="0" cellpadding="0" cellspacing="2">
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">SiteGenesis</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">5 Wall Street</td>
+                                </tr>
+                                <tr>
+                                    <td class="infobox_item" nowrap="nowrap">Burlington, MA 01803 USA</td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+        <tr>
+            <td class="table_detail s w e" colspan="4">&nbsp;</td>
+        </tr>
+
+        <tr>
+            <td class="table_detail w e" colspan="4">&nbsp;</td>
+        </tr>
+
+        <tr>
+            <td colspan="4" class="fielditem2 e w ">Shipping Method:&nbsp;
+                <isif condition="${pdict.LineItemGroup.productLineItems.size() > 0}">
+                        <isif condition="${empty(pdict.LineItemGroup.shippingMethod)}">
+                            Shipping (<isprint value="${pdict.LineItemGroup.shippingMethodID}">)
+                        <iselse>
+                            <isif condition="${empty(pdict.LineItemGroup.shippingMethod.displayName)}">
+                                Shipping (<isprint value="${pdict.LineItemGroup.shippingMethod.ID}">)
+                            <iselse>
+                                Shipping (<isprint value="${pdict.LineItemGroup.shippingMethod.displayName}">)
+                            </isif>
+                        </isif>
+                <iselseif condition="${pdict.LineItemGroup.giftCertificateLineItems.size() > 0}">
+                        Not Applicable (Email Delivery of Gift Certificate)
+                <iselse>
+                        Not Applicable
+                </isif>
+            </td>
+        </tr>
+
+        <tr>
+            <td class="table_detail s w e" colspan="4">&nbsp;</td>
+        </tr>
+
+        <tr>
+            <td class="table_detail w e" colspan="4">&nbsp;</td>
+        </tr>
+
+    <isif condition="${pdict.LineItemGroup.productLineItems.size() > 0}">
+        <tr>
+            <td colspan="4" class="fielditem2 e w ">This package includes:</td>
+        </tr>
+
+        <tr>
+            <td class="table_detail w e" colspan="4">&nbsp;</td>
+        </tr>
+
+        <!-- ProductLineItems -->
+
+        <isloop iterator="${pdict.LineItemGroup.productLineItems}" alias="li">
+            <tr>
+                <td class="table_detail center w"><isprint value="${li.quantity}">&nbsp;</td>
+                <td class="table_detail">
+                <!-- If the line item does not have a product, use the product ID of the line item -->
+                <isif condition="${empty(li.product)}">
+                    <isprint value="${li.productID}">
+                <iselse>
+                    <isprint value="${li.product.ID}">
+                </isif>
+                </td>
+                <td class="table_detail e" colspan="2"><isprint value="${li.productName}">&nbsp;</td>
+            </tr>
+            <isif condition="${li.optionProductLineItems}">
+                <isloop iterator="${li.optionProductLineItems}" alias="Option">
+                    <tr>
+                        <td class="table_detail center w">+&nbsp;</td>
+                        <td class="table_detail">&nbsp;</td>
+                        <td class="table_detail e" colspan="2"><isprint value="${Option.quantity}"> of <isprint value="${Option.productName}"></td>
+                    </tr>
+                </isloop>
+            </isif>
+            <isif condition="${li.bundledProductLineItems}">
+                <isloop iterator="${li.bundledProductLineItems}" alias="bli">
+                    <tr>
+                        <td class="table_detail center w">+&nbsp;</td>
+                        <td class="table_detail"><isprint value="${bli.product.ID}"></td>
+                        <td class="table_detail e" colspan="2"><isprint value="${bli.quantity}"> of <isprint value="${bli.productName}"></td>
+                    </tr>
+                </isloop>
+            </isif>
+            <tr>
+                <td class="table_detail w e" colspan="4">&nbsp;</td>
+            </tr>
+        </isloop>
+        <!-- EO ProductLineItems -->
+    </isif>
+        <tr><td colspan="4" class="table_detail w e s">&nbsp;</td></tr>
+    </table>
+
+</body>
+</html>
diff --git a/cartridges/bm_adyen/cartridge/templates/default/user/miniaddress.isml b/cartridges/bm_adyen/cartridge/templates/default/user/miniaddress.isml
new file mode 100644
index 000000000..fb0c20345
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/user/miniaddress.isml
@@ -0,0 +1,47 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!-- Start: user/miniaddress (customization_defaults) -->
+
+<!---
+	Creates a miniaddress display.
+	
+	Parameter: 
+	address	 	: the address to display
+	privacy	 	: limit address, skip street (optional)
+	addressname	: display the name of the address
+ --->
+<div class="miniaddress">
+	<isif condition="${pdict.addressname != null}">
+		<div class="addressname">
+			<isif condition="${pdict.addressname != ''}">
+				<isprint value="${pdict.addressname}">
+			<iselse>
+				&nbsp;
+			</isif>		
+		</div>
+	</isif>
+	
+	<div class="name">
+		<span class="firstname"><isprint value="${pdict.address.firstName}"></span>
+		<span class="lastname"><isprint value="${pdict.address.lastName}"></span>
+	</div>
+	<div class="address">
+		<isif condition="${empty(pdict.privacy)}">
+			<div class="street">
+				<div class="line1"><isprint value="${pdict.address.address1}"></div>
+				<isif condition="${!empty(pdict.address) && !empty(pdict.address.address2)}">
+					<div class="line2"><isprint value="${pdict.address.address2}"></div>
+				<iselse>				
+					<div class="line2">&nbsp;</div> <!--- empty filler, to get height equally --->
+				</isif>
+			</div>
+		</isif>
+		<div class="location">
+			<isif condition="${!empty(pdict.address) && !empty(pdict.address.city)}">
+                <span class="city"><isprint value="${pdict.address.city}"></span><span class="statedivider">,&nbsp;</span>
+            </isif>
+            <span class="state"><isprint value="${pdict.address.stateCode}">&nbsp;</span><span class="zip"><isprint value="${pdict.address.postalCode}"></span>
+		</div>
+		<div class="country"><isprint value="${pdict.address.countryCode}"></div>
+	</div>
+</div>
+<!-- End: user/miniaddress -->
diff --git a/cartridges/bm_adyen/cartridge/templates/default/user/minicreditcard.isml b/cartridges/bm_adyen/cartridge/templates/default/user/minicreditcard.isml
new file mode 100644
index 000000000..7fc931c28
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/user/minicreditcard.isml
@@ -0,0 +1,51 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!-- Start: user/minicreditcard -->
+
+<!---
+	Creates a mini credit card display.
+	If p_card is given the second parameter is ignored.
+	
+	Parameter: 
+	p_card	       : the PaymentInstrument object to display
+	p_cc_formfield : a credit card formfield element
+ --->
+ 	<isscript>
+		var ccType   : String;
+		var ccNumber : String;
+		var ccMonth  : Integer;
+		var ccYear   : Integer;
+		var ccOwner  : String;
+
+		if( pdict.p_card != null )
+		{
+			ccType   = pdict.p_card.creditCardType;
+			ccNumber = pdict.p_card.maskedCreditCardNumber;
+			ccMonth  = pdict.p_card.creditCardExpirationMonth;
+			ccYear   = pdict.p_card.creditCardExpirationYear;
+			ccOwner  = pdict.p_card.creditCardHolder;
+		}
+		else
+		{
+			ccType   = pdict.p_cc_formfield.type.htmlValue;
+			ccNumber = pdict.p_cc_formfield.number.htmlValue;
+			ccMonth  = pdict.p_cc_formfield.month.value;
+			ccYear   = pdict.p_cc_formfield.year.value;
+			ccOwner  = pdict.p_cc_formfield.owner.htmlValue;
+		}
+ 	</isscript>
+
+<div class="minicreditcard">
+	<div class="type">
+		<isprint value="${ccType}">
+	</div>
+	<div class="number">
+		<isprint value="${ccNumber}">
+	</div>
+	<div class="expiration">
+		<span class="month"><isprint value="${ccMonth}" formatter="#00.#"></span>/<span class="year"><isprint value="${ccYear}" formatter="#"></span>
+	</div>
+	<div class="owner">
+		<isprint value="${ccOwner}">
+	</div>
+</div>
+<!-- End: user/minicreditcard -->
diff --git a/cartridges/bm_adyen/cartridge/templates/default/user/minishippingaddress.isml b/cartridges/bm_adyen/cartridge/templates/default/user/minishippingaddress.isml
new file mode 100644
index 000000000..8f79b9875
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/user/minishippingaddress.isml
@@ -0,0 +1,66 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!-- Start: user/minishippingaddress -->
+
+<!---
+    Creates a minishippingaddress display.
+    
+    Parameter: 
+    p_shipment       : a shipment 
+    
+ --->
+          <isset name="ShippingAddress" value="${pdict.p_shipment.shippingAddress}" scope="PAGE"> 
+          <div class="summarybox">
+          	<!--- 
+          		There are some addresses without an ID, catch this here and make this include
+          	    more universal usable therefore.
+              --->
+          	<isif condition="${'ID' in ShippingAddress && !empty(ShippingAddress.ID)}">
+          		<div class="addressname">
+          			<isprint value="${ShippingAddress.ID}">
+          		</div>
+          	</isif>
+          	<div class="name">
+          		<span class="firstname"><isprint value="${ShippingAddress.firstName}"></span>
+          		<span class="lastname"><isprint value="${ShippingAddress.lastName}"></span>
+          		<div class="street">
+          			<div class="line1"><isprint value="${ShippingAddress.address1}"></div>
+          			<isif condition="${!empty(ShippingAddress.address2)}">
+          				<div class="line2"><isprint value="${ShippingAddress.address2}"></div>
+          			<iselse>
+          			</isif>
+          		</div><!-- END:street -->
+          		<div class="location">
+          			<isif condition="${ShippingAddress.city != null}">
+                          <span class="city"><isprint value="${ShippingAddress.city}"></span><span class="statedivider">,&nbsp;</span>
+                      </isif>
+                      <span class="state"><isprint value="${ShippingAddress.stateCode}">&nbsp;</span><span class="zip"><isprint value="${ShippingAddress.postalCode}"></span>
+          		</div><!-- END:location -->
+          		<!--- SHIPPING COUNTRY --->
+          		<!--- <div class="country"><isprint value="${ShippingAddress.countryCode}"></div> --->
+          	</div><!-- END:name -->
+           <!--- Shipping Method --->
+           <div class="shippingmethod">
+            <isif condition="${!empty(pdict.p_shipment.shippingMethod)}">
+                <isprint value="${pdict.p_shipment.shippingMethod.displayName}">
+            <iselse>
+                <isprint value="${pdict.p_shipment.shippingMethodID}"> 
+            </isif>
+            -
+           	<isif condition="${!empty(pdict.p_shipment.shippingPriceAdjustments)}" alias="Promo">
+           		<span class="shippingunadjusted"><isprint value="${pdict.p_shipment.shippingTotalPrice}"></span> <span class="promotiondescription"><isprint value="${pdict.p_shipment.adjustedShippingTotalPrice}"></span>
+           	<iselse>
+           		<isprint value="${pdict.p_shipment.shippingTotalPrice}">
+			</isif>
+		</div><!-- END:shippingmethod -->
+		<!--- /Shipping Method ---> 
+		<!--- Shipping Promotions --->
+			<isloop iterator="${pdict.p_shipment.shippingPriceAdjustments}" alias="Promo">
+				<isif condition="${Promo.price.value < 0}">
+					<div class="promotiondescription"><isprint value="${Promo.lineItemText}"></div>
+				</isif>
+			</isloop>
+		<!--- /Shipping Promotions --->                    
+          </div>
+                
+
+<!-- End: user/minishippingaddress -->
diff --git a/cartridges/bm_adyen/cartridge/templates/default/user/passwordemail.isml b/cartridges/bm_adyen/cartridge/templates/default/user/passwordemail.isml
new file mode 100644
index 000000000..4d8e6d12a
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/default/user/passwordemail.isml
@@ -0,0 +1,24 @@
+<iscontent type="text/html" charset="UTF-8" compact="true">
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<html>
+<head><title>Your New Password</title></head>
+
+<body>
+	<div style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small; color: Black;">
+
+		Dear ${pdict.Profile.firstName} ${pdict.Profile.lastName}, 
+		<br/><br/>
+		Your password has been reset. Your new Password is 	
+			<isprint value="${pdict.ResetPassword}">. <br/>
+		It is recommended that you reset your password the next time you 
+		<a href="${URLUtils.https(new dw.web.URLAction('Account-Show',dw.system.Site.current.ID))}">log on</a>
+		 to our <a href="${URLUtils.https(new dw.web.URLAction('',dw.system.Site.current.ID))}">site</a>. 
+		<br/>
+		This is an automatic generated E-Mail, please do not reply. 	
+		<br><br>
+		&nbsp;
+
+	</div>
+</body>
+</html>
+
diff --git a/cartridges/bm_adyen/cartridge/templates/resources/adyen.properties b/cartridges/bm_adyen/cartridge/templates/resources/adyen.properties
new file mode 100644
index 000000000..226b812ea
--- /dev/null
+++ b/cartridges/bm_adyen/cartridge/templates/resources/adyen.properties
@@ -0,0 +1,3 @@
+settings.input.apiKey.name=apiKey
+settings.input.apiKey.label=Api key of Web service
+settings.input.apiKey.description=To connect your Commerce Cloud store to the Adyen API, you need to generate an API key in the <a class="text-primary" href="https://ca-live.adyen.com/" target="_blank">Customer Area</a>. Once you generated an API key, enter this key in the field below.
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js
new file mode 100644
index 000000000..698ef48e9
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js
@@ -0,0 +1,131 @@
+"use strict";
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _require = require('./commons/index'),
+  onFieldValid = _require.onFieldValid,
+  onBrand = _require.onBrand,
+  createSession = _require.createSession;
+var store = require('../../../store');
+var checkout;
+var card;
+
+// Store configuration
+store.checkoutConfiguration.amount = {
+  value: 0,
+  currency: 'EUR'
+};
+store.checkoutConfiguration.paymentMethodsConfiguration = {
+  card: {
+    enableStoreDetails: false,
+    hasHolderName: true,
+    holderNameRequired: true,
+    installments: [],
+    onBrand: onBrand,
+    onFieldValid: onFieldValid,
+    onChange: function onChange(state) {
+      store.isValid = state.isValid;
+      store.componentState = state;
+    }
+  }
+};
+
+// Handle Payment action
+function handleAction(action) {
+  checkout.createFromAction(action).mount('#action-container');
+  $('#action-modal').modal({
+    backdrop: 'static',
+    keyboard: false
+  });
+}
+
+// confirm onAdditionalDetails event and paymentsDetails response
+store.checkoutConfiguration.onAdditionalDetails = function (state) {
+  $.ajax({
+    type: 'POST',
+    url: 'Adyen-PaymentsDetails',
+    data: JSON.stringify({
+      data: state.data
+    }),
+    contentType: 'application/json; charset=utf-8',
+    async: false,
+    success: function success(data) {
+      if (data.isSuccessful) {
+        window.location.href = window.redirectUrl;
+      } else if (!data.isFinal && _typeof(data.action) === 'object') {
+        handleAction(data.action);
+      } else {
+        $('#action-modal').modal('hide');
+        document.getElementById('cardError').style.display = 'block';
+      }
+    }
+  });
+};
+function initializeCardComponent() {
+  return _initializeCardComponent.apply(this, arguments);
+}
+function _initializeCardComponent() {
+  _initializeCardComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var session, cardNode;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return createSession();
+        case 2:
+          session = _context.sent;
+          store.checkoutConfiguration.session = {
+            id: session.id,
+            sessionData: session.sessionData
+          };
+          cardNode = document.getElementById('card');
+          _context.next = 7;
+          return AdyenCheckout(store.checkoutConfiguration);
+        case 7:
+          checkout = _context.sent;
+          card = checkout.create('card').mount(cardNode);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _initializeCardComponent.apply(this, arguments);
+}
+var formErrorsExist = false;
+function submitAddCard() {
+  var form = $(document.getElementById('payment-form'));
+  $.ajax({
+    type: 'POST',
+    url: form.attr('action'),
+    data: form.serialize(),
+    async: false,
+    success: function success(data) {
+      if (data.redirectAction) {
+        handleAction(data.redirectAction);
+      } else if (data.redirectUrl) {
+        window.location.href = data.redirectUrl;
+      } else if (data.error) {
+        formErrorsExist = true;
+      }
+    }
+  });
+}
+initializeCardComponent();
+
+// Add Payment Button event handler
+$('button[value="add-new-payment"]').on('click', function (event) {
+  if (store.isValid) {
+    document.querySelector('#adyenStateData').value = JSON.stringify(store.componentState.data);
+    submitAddCard();
+    if (formErrorsExist) {
+      return;
+    }
+    event.preventDefault();
+  } else {
+    var _card;
+    (_card = card) === null || _card === void 0 ? void 0 : _card.showValidation();
+  }
+});
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js
new file mode 100644
index 000000000..6ea7adddd
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js
@@ -0,0 +1,62 @@
+"use strict";
+
+var store = require('../../../store');
+var _require = require('./adyen_checkout/renderGenericComponent'),
+  renderGenericComponent = _require.renderGenericComponent;
+var _require2 = require('./adyen_checkout/checkoutConfiguration'),
+  setCheckoutConfiguration = _require2.setCheckoutConfiguration,
+  actionHandler = _require2.actionHandler;
+var _require3 = require('./adyen_checkout/helpers'),
+  assignPaymentMethodValue = _require3.assignPaymentMethodValue,
+  showValidation = _require3.showValidation,
+  paymentFromComponent = _require3.paymentFromComponent;
+var _require4 = require('./adyen_checkout/validateComponents'),
+  validateComponents = _require4.validateComponents;
+$('#dwfrm_billing').submit(function apiRequest(e) {
+  e.preventDefault();
+  var form = $(this);
+  var url = form.attr('action');
+  $.ajax({
+    type: 'POST',
+    url: url,
+    data: form.serialize(),
+    async: false,
+    success: function success(data) {
+      store.formErrorsExist = 'fieldErrors' in data;
+    }
+  });
+});
+setCheckoutConfiguration();
+if (window.cardholderNameBool !== 'null') {
+  store.checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName = true;
+  store.checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired = true;
+}
+if (window.googleMerchantID !== 'null' && window.Configuration.environment === 'live') {
+  var id = 'merchantId';
+  store.checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration[id] = window.googleMerchantID;
+  store.checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration[id] = window.googleMerchantID;
+}
+
+// Submit the payment
+$('button[value="submit-payment"]').on('click', function () {
+  if (store.paypalTerminatedEarly) {
+    paymentFromComponent({
+      cancelTransaction: true,
+      merchantReference: document.querySelector('#merchantReference').value
+    });
+    store.paypalTerminatedEarly = false;
+  }
+  if (document.querySelector('#selectedPaymentOption').value === 'AdyenPOS') {
+    document.querySelector('#terminalId').value = document.querySelector('#terminalList').value;
+  }
+  if (document.querySelector('#selectedPaymentOption').value === 'AdyenComponent' || document.querySelector('#selectedPaymentOption').value === 'CREDIT_CARD') {
+    assignPaymentMethodValue();
+    validateComponents();
+    return showValidation();
+  }
+  return true;
+});
+module.exports = {
+  renderGenericComponent: renderGenericComponent,
+  actionHandler: actionHandler
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js
new file mode 100644
index 000000000..f311a16b4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js
@@ -0,0 +1,50 @@
+"use strict";
+
+var adyenGivingNode = document.getElementById('donate-container');
+function handleOnDonate(state, component) {
+  if (!state.isValid) {
+    return;
+  }
+  var selectedAmount = state.data.amount;
+  var donationData = {
+    amountValue: selectedAmount.value,
+    amountCurrency: selectedAmount.currency,
+    orderNo: window.orderNo,
+    orderToken: window.orderToken
+  };
+  $.ajax({
+    url: window.donateURL,
+    type: 'post',
+    data: donationData,
+    success: function success() {
+      component.setStatus('success');
+    }
+  });
+}
+function handleOnCancel(state, component) {
+  var adyenGiving = document.getElementById('adyenGiving');
+  adyenGiving.style.transition = 'all 3s ease-in-out';
+  adyenGiving.style.display = 'none';
+  component.unmount();
+}
+function getAmounts() {
+  try {
+    return JSON.parse(donationAmounts);
+  } catch (e) {
+    return [];
+  }
+}
+var donationConfig = {
+  amounts: getAmounts(),
+  backgroundUrl: adyenGivingBackgroundUrl,
+  description: decodeURI(charityDescription),
+  logoUrl: adyenGivingLogoUrl,
+  name: decodeURI(charityName),
+  url: charityWebsite,
+  showCancelButton: true,
+  onDonate: handleOnDonate,
+  onCancel: handleOnCancel
+};
+AdyenCheckout(window.Configuration).then(function (checkout) {
+  checkout.create('donation', donationConfig).mount(adyenGivingNode);
+});
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js
new file mode 100644
index 000000000..79536aced
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js
@@ -0,0 +1,398 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var helpers = require('./helpers');
+var _require = require('./makePartialPayment'),
+  makePartialPayment = _require.makePartialPayment;
+var _require2 = require('../commons'),
+  onBrand = _require2.onBrand,
+  onFieldValid = _require2.onFieldValid;
+var store = require('../../../../store');
+var constants = require('../constants');
+var _require3 = require('./renderGiftcardComponent'),
+  createElementsToShowRemainingGiftCardAmount = _require3.createElementsToShowRemainingGiftCardAmount,
+  renderAddedGiftCard = _require3.renderAddedGiftCard,
+  getGiftCardElements = _require3.getGiftCardElements,
+  showGiftCardInfoMessage = _require3.showGiftCardInfoMessage,
+  showGiftCardCancelButton = _require3.showGiftCardCancelButton,
+  attachGiftCardCancelListener = _require3.attachGiftCardCancelListener;
+function getCardConfig() {
+  return {
+    enableStoreDetails: window.showStoreDetails,
+    showBrandsUnderCardNumber: false,
+    clickToPayConfiguration: {
+      shopperEmail: window.customerEmail,
+      merchantDisplayName: window.merchantAccount
+    },
+    onChange: function onChange(state) {
+      store.isValid = state.isValid;
+      var method = state.data.paymentMethod.storedPaymentMethodId ? "storedCard".concat(state.data.paymentMethod.storedPaymentMethodId) : store.selectedMethod;
+      store.updateSelectedPayment(method, 'isValid', store.isValid);
+      store.updateSelectedPayment(method, 'stateData', state.data);
+    },
+    onSubmit: function onSubmit() {
+      helpers.assignPaymentMethodValue();
+      document.querySelector('button[value="submit-payment"]').disabled = false;
+      document.querySelector('button[value="submit-payment"]').click();
+    },
+    onFieldValid: onFieldValid,
+    onBrand: onBrand
+  };
+}
+function getPaypalConfig() {
+  store.paypalTerminatedEarly = false;
+  return {
+    showPayButton: true,
+    environment: window.Configuration.environment,
+    onSubmit: function onSubmit(state, component) {
+      helpers.assignPaymentMethodValue();
+      document.querySelector('#adyenStateData').value = JSON.stringify(store.selectedPayment.stateData);
+      helpers.paymentFromComponent(state.data, component);
+    },
+    onCancel: function onCancel(data, component) {
+      store.paypalTerminatedEarly = false;
+      helpers.paymentFromComponent({
+        cancelTransaction: true,
+        merchantReference: document.querySelector('#merchantReference').value,
+        orderToken: document.querySelector('#orderToken').value
+      }, component);
+    },
+    onError: function onError(error, component) {
+      store.paypalTerminatedEarly = false;
+      if (component) {
+        component.setStatus('ready');
+      }
+      document.querySelector('#showConfirmationForm').submit();
+    },
+    onAdditionalDetails: function onAdditionalDetails(state) {
+      store.paypalTerminatedEarly = false;
+      document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);
+      document.querySelector('#showConfirmationForm').submit();
+    },
+    onClick: function onClick(data, actions) {
+      $('#dwfrm_billing').trigger('submit');
+      if (store.formErrorsExist) {
+        return actions.reject();
+      }
+      if (store.paypalTerminatedEarly) {
+        helpers.paymentFromComponent({
+          cancelTransaction: true,
+          merchantReference: document.querySelector('#merchantReference').value
+        });
+        store.paypalTerminatedEarly = false;
+        return actions.resolve();
+      }
+      store.paypalTerminatedEarly = true;
+      return null;
+    }
+  };
+}
+function getGooglePayConfig() {
+  return {
+    environment: window.Configuration.environment,
+    onSubmit: function onSubmit() {
+      helpers.assignPaymentMethodValue();
+      document.querySelector('button[value="submit-payment"]').disabled = false;
+      document.querySelector('button[value="submit-payment"]').click();
+    },
+    configuration: {
+      gatewayMerchantId: window.merchantAccount
+    },
+    showPayButton: true,
+    buttonColor: 'white'
+  };
+}
+function handlePartialPaymentSuccess() {
+  var _store$addedGiftCards;
+  var _getGiftCardElements = getGiftCardElements(),
+    giftCardSelectContainer = _getGiftCardElements.giftCardSelectContainer,
+    giftCardSelect = _getGiftCardElements.giftCardSelect,
+    giftCardsList = _getGiftCardElements.giftCardsList,
+    cancelMainPaymentGiftCard = _getGiftCardElements.cancelMainPaymentGiftCard,
+    giftCardAddButton = _getGiftCardElements.giftCardAddButton;
+  giftCardSelectContainer.classList.add('invisible');
+  giftCardSelect.value = null;
+  giftCardsList.innerHTML = '';
+  cancelMainPaymentGiftCard.addEventListener('click', function () {
+    store.componentsObj.giftcard.node.unmount('component_giftcard');
+    cancelMainPaymentGiftCard.classList.add('invisible');
+    giftCardAddButton.style.display = 'block';
+    giftCardSelect.value = 'null';
+  });
+  if (store.componentsObj.giftcard) {
+    store.componentsObj.giftcard.node.unmount('component_giftcard');
+  }
+  store.addedGiftCards.forEach(function (card) {
+    renderAddedGiftCard(card);
+  });
+  if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {
+    showGiftCardInfoMessage();
+  }
+  showGiftCardCancelButton(true);
+  attachGiftCardCancelListener();
+  createElementsToShowRemainingGiftCardAmount();
+}
+function makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject) {
+  var brandSelect = document.getElementById('giftCardSelect');
+  var selectedBrandIndex = brandSelect.selectedIndex;
+  var giftcardBrand = brandSelect.options[selectedBrandIndex].text;
+  var partialPaymentRequest = {
+    paymentMethod: giftCardData,
+    amount: giftcardBalance,
+    partialPaymentsOrder: {
+      pspReference: store.adyenOrderData.pspReference,
+      orderData: store.adyenOrderData.orderData
+    },
+    giftcardBrand: giftcardBrand
+  };
+  var partialPaymentResponse = makePartialPayment(partialPaymentRequest);
+  if (partialPaymentResponse !== null && partialPaymentResponse !== void 0 && partialPaymentResponse.error) {
+    reject();
+  } else {
+    handlePartialPaymentSuccess();
+  }
+}
+function getGiftCardConfig() {
+  var giftcardBalance;
+  return {
+    showPayButton: true,
+    onChange: function onChange(state) {
+      store.updateSelectedPayment(constants.GIFTCARD, 'isValid', state.isValid);
+      store.updateSelectedPayment(constants.GIFTCARD, 'stateData', state.data);
+    },
+    onBalanceCheck: function onBalanceCheck(resolve, reject, requestData) {
+      $.ajax({
+        type: 'POST',
+        url: window.checkBalanceUrl,
+        data: JSON.stringify(requestData),
+        contentType: 'application/json; charset=utf-8',
+        async: false,
+        success: function success(data) {
+          giftcardBalance = data.balance;
+          document.querySelector('button[value="submit-payment"]').disabled = false;
+          if (data.resultCode === constants.SUCCESS) {
+            var _getGiftCardElements2 = getGiftCardElements(),
+              giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,
+              giftCardSelect = _getGiftCardElements2.giftCardSelect,
+              cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,
+              giftCardAddButton = _getGiftCardElements2.giftCardAddButton,
+              giftCardSelectWrapper = _getGiftCardElements2.giftCardSelectWrapper;
+            if (giftCardSelectWrapper) {
+              giftCardSelectWrapper.classList.add('invisible');
+            }
+            var initialPartialObject = _objectSpread({}, store.partialPaymentsOrderObj);
+            cancelMainPaymentGiftCard.classList.remove('invisible');
+            cancelMainPaymentGiftCard.addEventListener('click', function () {
+              store.componentsObj.giftcard.node.unmount('component_giftcard');
+              cancelMainPaymentGiftCard.classList.add('invisible');
+              giftCardAddButton.style.display = 'block';
+              giftCardSelect.value = 'null';
+              store.partialPaymentsOrderObj.remainingAmountFormatted = initialPartialObject.remainingAmountFormatted;
+              store.partialPaymentsOrderObj.totalDiscountedAmount = initialPartialObject.totalDiscountedAmount;
+            });
+            document.querySelector('button[value="submit-payment"]').disabled = true;
+            giftCardsInfoMessageContainer.innerHTML = '';
+            giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');
+            store.partialPaymentsOrderObj.remainingAmountFormatted = data.remainingAmountFormatted;
+            store.partialPaymentsOrderObj.totalDiscountedAmount = data.totalAmountFormatted;
+            resolve(data);
+          } else if (data.resultCode === constants.NOTENOUGHBALANCE) {
+            resolve(data);
+          } else {
+            reject();
+          }
+        },
+        fail: function fail() {
+          reject();
+        }
+      });
+    },
+    onOrderRequest: function onOrderRequest(resolve, reject, requestData) {
+      // Make a POST /orders request
+      // Create an order for the total transaction amount
+      var giftCardData = requestData.paymentMethod;
+      if (store.adyenOrderData) {
+        makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);
+      } else {
+        $.ajax({
+          type: 'POST',
+          url: window.partialPaymentsOrderUrl,
+          data: JSON.stringify(requestData),
+          contentType: 'application/json; charset=utf-8',
+          async: false,
+          success: function success(data) {
+            if (data.resultCode === 'Success') {
+              store.adyenOrderData = data;
+              // make payments call including giftcard data and order data
+              makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);
+            }
+          }
+        });
+      }
+    },
+    onSubmit: function onSubmit(state, component) {
+      store.selectedMethod = state.data.paymentMethod.type;
+      store.brand = component === null || component === void 0 ? void 0 : component.displayName;
+      document.querySelector('input[name="brandCode"]').checked = false;
+      document.querySelector('button[value="submit-payment"]').disabled = false;
+      document.querySelector('button[value="submit-payment"]').click();
+    }
+  };
+}
+function handleOnChange(state) {
+  store.isValid = state.isValid;
+  if (!store.componentsObj[store.selectedMethod]) {
+    store.componentsObj[store.selectedMethod] = {};
+  }
+  store.componentsObj[store.selectedMethod].isValid = store.isValid;
+  store.componentsObj[store.selectedMethod].stateData = state.data;
+}
+var actionHandler = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(action) {
+    var checkout;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return AdyenCheckout(store.checkoutConfiguration);
+        case 2:
+          checkout = _context.sent;
+          checkout.createFromAction(action).mount('#action-container');
+          $('#action-modal').modal({
+            backdrop: 'static',
+            keyboard: false
+          });
+          if (action.type === constants.ACTIONTYPE.QRCODE) {
+            document.getElementById('cancelQrMethodsButton').classList.remove('invisible');
+          }
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function actionHandler(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+function handleOnAdditionalDetails(state) {
+  $.ajax({
+    type: 'POST',
+    url: window.paymentsDetailsURL,
+    data: JSON.stringify({
+      data: state.data,
+      orderToken: window.orderToken
+    }),
+    contentType: 'application/json; charset=utf-8',
+    async: false,
+    success: function success(data) {
+      if (!data.isFinal && _typeof(data.action) === 'object') {
+        actionHandler(data.action);
+      } else {
+        window.location.href = data.redirectUrl;
+      }
+    }
+  });
+}
+function getAmazonpayConfig() {
+  return {
+    showPayButton: true,
+    productType: 'PayAndShip',
+    checkoutMode: 'ProcessOrder',
+    locale: window.Configuration.locale,
+    returnUrl: window.returnURL,
+    onClick: function onClick(resolve, reject) {
+      $('#dwfrm_billing').trigger('submit');
+      if (store.formErrorsExist) {
+        reject();
+      } else {
+        helpers.assignPaymentMethodValue();
+        resolve();
+      }
+    },
+    onError: function onError() {}
+  };
+}
+function getApplePayConfig() {
+  return {
+    showPayButton: true,
+    onSubmit: function onSubmit(state, component) {
+      helpers.assignPaymentMethodValue();
+      helpers.paymentFromComponent(state.data, component);
+    }
+  };
+}
+function getCashAppConfig() {
+  return {
+    showPayButton: true,
+    onSubmit: function onSubmit(state, component) {
+      $('#dwfrm_billing').trigger('submit');
+      helpers.assignPaymentMethodValue();
+      helpers.paymentFromComponent(state.data, component);
+    }
+  };
+}
+function getKlarnaConfig() {
+  var _window = window,
+    klarnaWidgetEnabled = _window.klarnaWidgetEnabled;
+  if (klarnaWidgetEnabled) {
+    return {
+      showPayButton: true,
+      useKlarnaWidget: true,
+      onSubmit: function onSubmit(state, component) {
+        helpers.assignPaymentMethodValue();
+        helpers.paymentFromComponent(state.data, component);
+      },
+      onAdditionalDetails: function onAdditionalDetails(state) {
+        document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);
+        document.querySelector('#showConfirmationForm').submit();
+      }
+    };
+  }
+  return null;
+}
+function setCheckoutConfiguration() {
+  store.checkoutConfiguration.onChange = handleOnChange;
+  store.checkoutConfiguration.onAdditionalDetails = handleOnAdditionalDetails;
+  store.checkoutConfiguration.showPayButton = false;
+  store.checkoutConfiguration.clientKey = window.adyenClientKey;
+  store.checkoutConfiguration.paymentMethodsConfiguration = {
+    card: getCardConfig(),
+    bcmc: getCardConfig(),
+    storedCard: getCardConfig(),
+    boletobancario: {
+      personalDetailsRequired: true,
+      // turn personalDetails section on/off
+      billingAddressRequired: false,
+      // turn billingAddress section on/off
+      showEmailAddress: false // allow shopper to specify their email address
+    },
+
+    paywithgoogle: getGooglePayConfig(),
+    googlepay: getGooglePayConfig(),
+    paypal: getPaypalConfig(),
+    amazonpay: getAmazonpayConfig(),
+    giftcard: getGiftCardConfig(),
+    applepay: getApplePayConfig(),
+    klarna: getKlarnaConfig(),
+    klarna_account: getKlarnaConfig(),
+    klarna_paynow: getKlarnaConfig(),
+    cashapp: getCashAppConfig()
+  };
+}
+module.exports = {
+  getCardConfig: getCardConfig,
+  getPaypalConfig: getPaypalConfig,
+  getGooglePayConfig: getGooglePayConfig,
+  getAmazonpayConfig: getAmazonpayConfig,
+  setCheckoutConfiguration: setCheckoutConfiguration,
+  actionHandler: actionHandler
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js
new file mode 100644
index 000000000..312e04b65
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js
@@ -0,0 +1,127 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var store = require('../../../../store');
+var constants = require('../constants');
+function assignPaymentMethodValue() {
+  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');
+  // if currently selected paymentMethod contains a brand it will be part of the label ID
+  var paymentMethodlabelId = "#lb_".concat(store.selectedMethod);
+  if (adyenPaymentMethod) {
+    var _document$querySelect;
+    adyenPaymentMethod.value = store.brand ? store.brand : (_document$querySelect = document.querySelector(paymentMethodlabelId)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.innerHTML;
+  }
+}
+function setOrderFormData(response) {
+  if (response.orderNo) {
+    document.querySelector('#merchantReference').value = response.orderNo;
+  }
+  if (response.orderToken) {
+    document.querySelector('#orderToken').value = response.orderToken;
+  }
+}
+
+/**
+ * Makes an ajax call to the controller function PaymentFromComponent.
+ * Used by certain payment methods like paypal
+ */
+function paymentFromComponent(data) {
+  var component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var requestData = store.partialPaymentsOrderObj ? _objectSpread(_objectSpread({}, data), {}, {
+    partialPaymentsOrder: store.partialPaymentsOrderObj
+  }) : data;
+  $.ajax({
+    url: window.paymentFromComponentURL,
+    type: 'post',
+    data: {
+      data: JSON.stringify(requestData),
+      paymentMethod: document.querySelector('#adyenPaymentMethodName').value
+    },
+    success: function success(response) {
+      var _response$fullRespons;
+      setOrderFormData(response);
+      if ((_response$fullRespons = response.fullResponse) !== null && _response$fullRespons !== void 0 && _response$fullRespons.action) {
+        component.handleAction(response.fullResponse.action);
+      } else if (response.skipSummaryPage) {
+        document.querySelector('#result').value = JSON.stringify(response);
+        document.querySelector('#showConfirmationForm').submit();
+      } else if (response.paymentError || response.error) {
+        component.handleError();
+      }
+    }
+  });
+}
+function resetPaymentMethod() {
+  $('#requiredBrandCode').hide();
+  $('#selectedIssuer').val('');
+  $('#adyenIssuerName').val('');
+  $('#dateOfBirth').val('');
+  $('#telephoneNumber').val('');
+  $('#gender').val('');
+  $('#bankAccountOwnerName').val('');
+  $('#bankAccountNumber').val('');
+  $('#bankLocationId').val('');
+  $('.additionalFields').hide();
+}
+
+/**
+ * Changes the "display" attribute of the selected method from hidden to visible
+ */
+function displaySelectedMethod(type) {
+  var _document$querySelect2;
+  // If 'type' input field is present use this as type, otherwise default to function input param
+  store.selectedMethod = document.querySelector("#component_".concat(type, " .type")) ? document.querySelector("#component_".concat(type, " .type")).value : type;
+  resetPaymentMethod();
+  var disabledSubmitButtonMethods = constants.DISABLED_SUBMIT_BUTTON_METHODS;
+  if (window.klarnaWidgetEnabled) {
+    disabledSubmitButtonMethods.push('klarna');
+  }
+  document.querySelector('button[value="submit-payment"]').disabled = disabledSubmitButtonMethods.findIndex(function (pm) {
+    return type.includes(pm);
+  }) > -1;
+  document.querySelector("#component_".concat(type)).setAttribute('style', 'display:block');
+  // set brand for giftcards if hidden inputfield is present
+  store.brand = (_document$querySelect2 = document.querySelector("#component_".concat(type, " .brand"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value;
+}
+function displayValidationErrors() {
+  store.selectedPayment.node.showValidation();
+  return false;
+}
+var selectedMethods = {};
+function doCustomValidation() {
+  return store.selectedMethod in selectedMethods ? selectedMethods[store.selectedMethod]() : true;
+}
+function showValidation() {
+  return store.selectedPaymentIsValid ? doCustomValidation() : displayValidationErrors();
+}
+function getInstallmentValues(maxValue) {
+  var values = [];
+  for (var i = 1; i <= maxValue; i += 1) {
+    values.push(i);
+  }
+  return values;
+}
+function createShowConfirmationForm(action) {
+  if (document.querySelector('#showConfirmationForm')) {
+    return;
+  }
+  var template = document.createElement('template');
+  var form = "<form method=\"post\" id=\"showConfirmationForm\" name=\"showConfirmationForm\" action=\"".concat(action, "\">\n    <input type=\"hidden\" id=\"additionalDetailsHidden\" name=\"additionalDetailsHidden\" value=\"null\"/>\n    <input type=\"hidden\" id=\"merchantReference\" name=\"merchantReference\"/>\n    <input type=\"hidden\" id=\"orderToken\" name=\"orderToken\"/>\n    <input type=\"hidden\" id=\"result\" name=\"result\" value=\"null\"/>\n  </form>");
+  template.innerHTML = form;
+  document.querySelector('body').appendChild(template.content);
+}
+module.exports = {
+  setOrderFormData: setOrderFormData,
+  assignPaymentMethodValue: assignPaymentMethodValue,
+  paymentFromComponent: paymentFromComponent,
+  resetPaymentMethod: resetPaymentMethod,
+  displaySelectedMethod: displaySelectedMethod,
+  showValidation: showValidation,
+  createShowConfirmationForm: createShowConfirmationForm,
+  getInstallmentValues: getInstallmentValues
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js
new file mode 100644
index 000000000..5a13c61fb
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js
@@ -0,0 +1,3 @@
+"use strict";
+
+module.exports.installmentLocales = ['pt_BR', 'ja_JP', 'tr_TR', 'es_MX'];
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js
new file mode 100644
index 000000000..1a3790f5c
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js
@@ -0,0 +1,40 @@
+"use strict";
+
+var _excluded = ["giftCards"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var store = require('../../../../store');
+var _require = require('./renderGenericComponent'),
+  initializeCheckout = _require.initializeCheckout;
+var helpers = require('./helpers');
+function makePartialPayment(requestData) {
+  var error;
+  $.ajax({
+    url: window.partialPaymentUrl,
+    type: 'POST',
+    data: JSON.stringify(requestData),
+    contentType: 'application/json; charset=utf-8',
+    async: false,
+    success: function success(response) {
+      if (response.error) {
+        error = {
+          error: true
+        };
+      } else {
+        var giftCards = response.giftCards,
+          rest = _objectWithoutProperties(response, _excluded);
+        store.checkout.options.amount = rest.remainingAmount;
+        store.adyenOrderData = rest.partialPaymentsOrder;
+        store.partialPaymentsOrderObj = rest;
+        sessionStorage.setItem('partialPaymentsObj', JSON.stringify(rest));
+        store.addedGiftCards = giftCards;
+        helpers.setOrderFormData(response);
+        initializeCheckout();
+      }
+    }
+  }).fail(function () {});
+  return error;
+}
+module.exports = {
+  makePartialPayment: makePartialPayment
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/qrCodeMethods.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/qrCodeMethods.js
new file mode 100644
index 000000000..cefb5a4e6
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/qrCodeMethods.js
@@ -0,0 +1,3 @@
+"use strict";
+
+module.exports.qrCodeMethods = ['swish', 'wechatpayQR', 'bcmc_mobile', 'pix'];
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js
new file mode 100644
index 000000000..4103a3e8b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js
@@ -0,0 +1,339 @@
+"use strict";
+
+var _document$getElementB;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* eslint-disable no-unsafe-optional-chaining */
+var store = require('../../../../store');
+var _require = require('./renderPaymentMethod'),
+  renderPaymentMethod = _require.renderPaymentMethod;
+var helpers = require('./helpers');
+var _require2 = require('./localesUsingInstallments'),
+  installmentLocales = _require2.installmentLocales;
+var _require3 = require('../commons'),
+  createSession = _require3.createSession,
+  fetchGiftCards = _require3.fetchGiftCards;
+var constants = require('../constants');
+var _require4 = require('./renderGiftcardComponent'),
+  createElementsToShowRemainingGiftCardAmount = _require4.createElementsToShowRemainingGiftCardAmount,
+  removeGiftCards = _require4.removeGiftCards,
+  renderAddedGiftCard = _require4.renderAddedGiftCard,
+  showGiftCardWarningMessage = _require4.showGiftCardWarningMessage,
+  attachGiftCardAddButtonListener = _require4.attachGiftCardAddButtonListener,
+  showGiftCardInfoMessage = _require4.showGiftCardInfoMessage,
+  giftCardBrands = _require4.giftCardBrands,
+  clearGiftCardsContainer = _require4.clearGiftCardsContainer,
+  attachGiftCardCancelListener = _require4.attachGiftCardCancelListener,
+  showGiftCardCancelButton = _require4.showGiftCardCancelButton;
+var INIT_CHECKOUT_EVENT = 'INIT_CHECKOUT_EVENT';
+function addPosTerminals(terminals) {
+  var ddTerminals = document.createElement('select');
+  ddTerminals.id = 'terminalList';
+  Object.keys(terminals).forEach(function (t) {
+    var option = document.createElement('option');
+    option.value = terminals[t];
+    option.text = terminals[t];
+    ddTerminals.appendChild(option);
+  });
+  document.querySelector('#adyenPosTerminals').append(ddTerminals);
+}
+function setCheckoutConfiguration(checkoutOptions) {
+  var setField = function setField(key, val) {
+    return val && _defineProperty({}, key, val);
+  };
+  store.checkoutConfiguration = _objectSpread(_objectSpread(_objectSpread({}, store.checkoutConfiguration), setField('amount', checkoutOptions.amount)), setField('countryCode', checkoutOptions.countryCode));
+}
+function resolveUnmount(key, val) {
+  try {
+    return Promise.resolve(val.node.unmount("component_".concat(key)));
+  } catch (e) {
+    // try/catch block for val.unmount
+    return Promise.resolve(false);
+  }
+}
+
+/**
+ * To avoid re-rendering components twice, unmounts existing components from payment methods list
+ */
+function unmountComponents() {
+  var promises = Object.entries(store.componentsObj).map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      key = _ref3[0],
+      val = _ref3[1];
+    delete store.componentsObj[key];
+    return resolveUnmount(key, val);
+  });
+  return Promise.all(promises);
+}
+function isCartModified(amount, orderAmount) {
+  return amount.currency !== orderAmount.currency || amount.value !== orderAmount.value;
+}
+function renderGiftCardLogo(imagePath) {
+  var headingImg = document.querySelector('#headingImg');
+  if (headingImg) {
+    headingImg.src = "".concat(imagePath, "genericgiftcard.png");
+  }
+}
+function applyGiftCards() {
+  var now = new Date().toISOString();
+  var amount = store.checkoutConfiguration.amount;
+  var orderAmount = store.partialPaymentsOrderObj.orderAmount;
+  var isPartialPaymentExpired = store.addedGiftCards.some(function (cart) {
+    return now > cart.expiresAt;
+  });
+  var cartModified = isCartModified(amount, orderAmount);
+  if (isPartialPaymentExpired) {
+    removeGiftCards();
+  } else if (cartModified) {
+    removeGiftCards();
+    showGiftCardWarningMessage();
+  } else {
+    var _store$addedGiftCards;
+    clearGiftCardsContainer();
+    store.addedGiftCards.forEach(function (card) {
+      renderAddedGiftCard(card);
+    });
+    if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {
+      showGiftCardInfoMessage();
+    }
+    store.checkout.options.amount = store.addedGiftCards[store.addedGiftCards.length - 1].remainingAmount;
+    showGiftCardCancelButton(true);
+    attachGiftCardCancelListener();
+    createElementsToShowRemainingGiftCardAmount();
+  }
+}
+function renderStoredPaymentMethod(imagePath) {
+  return function (pm) {
+    if (pm.supportedShopperInteractions.includes('Ecommerce')) {
+      renderPaymentMethod(pm, true, imagePath);
+    }
+  };
+}
+function renderStoredPaymentMethods(data, imagePath) {
+  if (data.storedPaymentMethods) {
+    var storedPaymentMethods = data.storedPaymentMethods;
+    storedPaymentMethods.forEach(renderStoredPaymentMethod(imagePath));
+  }
+}
+function renderPaymentMethods(paymentMethods, imagePath, adyenDescriptions) {
+  var promises = [];
+  for (var i = 0; i < paymentMethods.length; i += 1) {
+    var pm = paymentMethods[i];
+    promises.push(renderPaymentMethod(pm, false, imagePath, adyenDescriptions[pm.type]));
+  }
+  return Promise.all(promises);
+}
+function renderPosTerminals(adyenConnectedTerminals) {
+  var _adyenConnectedTermin;
+  var removeChilds = function removeChilds() {
+    var posTerminals = document.querySelector('#adyenPosTerminals');
+    while (posTerminals.firstChild) {
+      posTerminals.removeChild(posTerminals.firstChild);
+    }
+  };
+  if (adyenConnectedTerminals !== null && adyenConnectedTerminals !== void 0 && (_adyenConnectedTermin = adyenConnectedTerminals.uniqueTerminalIds) !== null && _adyenConnectedTermin !== void 0 && _adyenConnectedTermin.length) {
+    removeChilds();
+    addPosTerminals(adyenConnectedTerminals.uniqueTerminalIds);
+  }
+}
+function setAmazonPayConfig(adyenPaymentMethods) {
+  var amazonpay = adyenPaymentMethods.paymentMethods.find(function (paymentMethod) {
+    return paymentMethod.type === 'amazonpay';
+  });
+  if (amazonpay) {
+    var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5, _document$querySelect6, _document$querySelect7, _document$querySelect8;
+    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration = amazonpay.configuration;
+    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.addressDetails = {
+      name: "".concat((_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value, " ").concat((_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value),
+      addressLine1: (_document$querySelect3 = document.querySelector('#shippingAddressOnedefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,
+      city: (_document$querySelect4 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.value,
+      stateOrRegion: (_document$querySelect5 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.value,
+      postalCode: (_document$querySelect6 = document.querySelector('#shippingZipCodedefault')) === null || _document$querySelect6 === void 0 ? void 0 : _document$querySelect6.value,
+      countryCode: (_document$querySelect7 = document.querySelector('#shippingCountrydefault')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.value,
+      phoneNumber: (_document$querySelect8 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect8 === void 0 ? void 0 : _document$querySelect8.value
+    };
+  }
+}
+function setInstallments(amount) {
+  try {
+    var _window$installments;
+    if (installmentLocales.indexOf(window.Configuration.locale) < 0) {
+      return;
+    }
+    var _window$installments$ = (_window$installments = window.installments) === null || _window$installments === void 0 ? void 0 : _window$installments.replace(/\[|]/g, '').split(','),
+      _window$installments$2 = _slicedToArray(_window$installments$, 2),
+      minAmount = _window$installments$2[0],
+      numOfInstallments = _window$installments$2[1];
+    if (minAmount <= amount.value) {
+      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions = {
+        card: {}
+      }; // eslint-disable-next-line max-len
+      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values = helpers.getInstallmentValues(numOfInstallments);
+      store.checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts = true;
+    }
+  } catch (e) {} // eslint-disable-line no-empty
+}
+
+function setGiftCardContainerVisibility() {
+  var availableGiftCards = giftCardBrands();
+  if (availableGiftCards.length === 0) {
+    var giftCardContainer = document.querySelector('.gift-card-selection');
+    giftCardContainer.style.display = 'none';
+    var giftCardSeparator = document.querySelector('.gift-card-separator');
+    giftCardSeparator.style.display = 'none';
+  }
+}
+function initializeCheckout() {
+  return _initializeCheckout.apply(this, arguments);
+}
+function _initializeCheckout() {
+  _initializeCheckout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var session, giftCardsData, totalDiscountedAmount, giftCards, lastGiftCard, paymentMethodsWithoutGiftCards, firstPaymentMethod;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return createSession();
+        case 2:
+          session = _context2.sent;
+          _context2.next = 5;
+          return fetchGiftCards();
+        case 5:
+          giftCardsData = _context2.sent;
+          store.checkoutConfiguration.session = {
+            id: session.id,
+            sessionData: session.sessionData,
+            imagePath: session.imagePath,
+            adyenDescriptions: session.adyenDescriptions
+          };
+          _context2.next = 9;
+          return AdyenCheckout(store.checkoutConfiguration);
+        case 9:
+          store.checkout = _context2.sent;
+          setGiftCardContainerVisibility();
+          totalDiscountedAmount = giftCardsData.totalDiscountedAmount, giftCards = giftCardsData.giftCards;
+          if (giftCards !== null && giftCards !== void 0 && giftCards.length) {
+            store.addedGiftCards = giftCards;
+            lastGiftCard = store.addedGiftCards[store.addedGiftCards.length - 1];
+            store.partialPaymentsOrderObj = _objectSpread(_objectSpread({}, lastGiftCard), {}, {
+              totalDiscountedAmount: totalDiscountedAmount
+            });
+          }
+          setCheckoutConfiguration(store.checkout.options);
+          setInstallments(store.checkout.options.amount);
+          setAmazonPayConfig(store.checkout.paymentMethodsResponse);
+          document.querySelector('#paymentMethodsList').innerHTML = '';
+          paymentMethodsWithoutGiftCards = store.checkout.paymentMethodsResponse.paymentMethods.filter(function (pm) {
+            return pm.type !== constants.GIFTCARD;
+          });
+          renderStoredPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath);
+          _context2.next = 21;
+          return renderPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath, session.adyenDescriptions);
+        case 21:
+          renderPosTerminals(session.adyenConnectedTerminals);
+          renderGiftCardLogo(session.imagePath);
+          firstPaymentMethod = document.querySelector('input[type=radio][name=brandCode]');
+          if (firstPaymentMethod) {
+            firstPaymentMethod.checked = true;
+            helpers.displaySelectedMethod(firstPaymentMethod.value);
+          }
+          helpers.createShowConfirmationForm(window.ShowConfirmationPaymentFromComponent);
+        case 26:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _initializeCheckout.apply(this, arguments);
+}
+(_document$getElementB = document.getElementById('email')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('change', function (e) {
+  var emailPattern = /^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$/;
+  if (emailPattern.test(e.target.value)) {
+    var paymentMethodsConfiguration = store.checkoutConfiguration.paymentMethodsConfiguration;
+    paymentMethodsConfiguration.card.clickToPayConfiguration.shopperEmail = e.target.value;
+    var event = new Event(INIT_CHECKOUT_EVENT);
+    document.dispatchEvent(event);
+  }
+});
+
+// used by renderGiftCardComponent.js
+document.addEventListener(INIT_CHECKOUT_EVENT, function () {
+  var handleCheckoutEvent = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(Object.keys(store.componentsObj).length !== 0)) {
+              _context.next = 3;
+              break;
+            }
+            _context.next = 3;
+            return unmountComponents();
+          case 3:
+            _context.next = 5;
+            return initializeCheckout();
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleCheckoutEvent() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  handleCheckoutEvent();
+});
+
+/**
+ * Calls createSession and then renders the retrieved payment methods (including card component)
+ */
+function renderGenericComponent() {
+  return _renderGenericComponent.apply(this, arguments);
+}
+function _renderGenericComponent() {
+  _renderGenericComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _store$addedGiftCards2;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(Object.keys(store.componentsObj).length !== 0)) {
+            _context3.next = 3;
+            break;
+          }
+          _context3.next = 3;
+          return unmountComponents();
+        case 3:
+          _context3.next = 5;
+          return initializeCheckout();
+        case 5:
+          if ((_store$addedGiftCards2 = store.addedGiftCards) !== null && _store$addedGiftCards2 !== void 0 && _store$addedGiftCards2.length) {
+            applyGiftCards();
+          }
+          attachGiftCardAddButtonListener();
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _renderGenericComponent.apply(this, arguments);
+}
+module.exports = {
+  renderGenericComponent: renderGenericComponent,
+  initializeCheckout: initializeCheckout,
+  INIT_CHECKOUT_EVENT: INIT_CHECKOUT_EVENT
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js
new file mode 100644
index 000000000..1b670bebc
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js
@@ -0,0 +1,355 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var store = require('../../../../store');
+var constants = require('../constants');
+var _require = require('./renderGenericComponent'),
+  INIT_CHECKOUT_EVENT = _require.INIT_CHECKOUT_EVENT;
+function getGiftCardElements() {
+  var giftCardSelect = document.querySelector('#giftCardSelect');
+  var giftCardUl = document.querySelector('#giftCardUl');
+  var giftCardContainer = document.querySelector('#giftCardContainer');
+  var giftCardAddButton = document.querySelector('#giftCardAddButton');
+  var giftCardCancelContainer = document.querySelector('#giftCardsCancelContainer');
+  var giftCardCancelButton = document.querySelector('#giftCardCancelButton');
+  var giftCardSelectContainer = document.querySelector('#giftCardSelectContainer');
+  var giftCardSelectWrapper = document.querySelector('#giftCardSelectWrapper');
+  var giftCardsList = document.querySelector('#giftCardsList');
+  var giftCardsInfoMessageContainer = document.querySelector('#giftCardsInfoMessage');
+  var cancelMainPaymentGiftCard = document.querySelector('#cancelGiftCardButton');
+  var giftCardInformation = document.querySelector('#giftCardInformation');
+  return {
+    giftCardSelect: giftCardSelect,
+    giftCardUl: giftCardUl,
+    giftCardContainer: giftCardContainer,
+    giftCardAddButton: giftCardAddButton,
+    giftCardSelectContainer: giftCardSelectContainer,
+    giftCardsList: giftCardsList,
+    giftCardsInfoMessageContainer: giftCardsInfoMessageContainer,
+    giftCardSelectWrapper: giftCardSelectWrapper,
+    giftCardCancelContainer: giftCardCancelContainer,
+    giftCardCancelButton: giftCardCancelButton,
+    cancelMainPaymentGiftCard: cancelMainPaymentGiftCard,
+    giftCardInformation: giftCardInformation
+  };
+}
+function showGiftCardCancelButton(show) {
+  var _getGiftCardElements = getGiftCardElements(),
+    giftCardCancelContainer = _getGiftCardElements.giftCardCancelContainer;
+  if (show) {
+    giftCardCancelContainer.classList.remove('invisible');
+  } else {
+    giftCardCancelContainer.classList.add('invisible');
+  }
+}
+function removeGiftCards() {
+  var _store$addedGiftCards;
+  (_store$addedGiftCards = store.addedGiftCards) === null || _store$addedGiftCards === void 0 ? void 0 : _store$addedGiftCards.forEach(function (card) {
+    $.ajax({
+      type: 'POST',
+      url: window.cancelPartialPaymentOrderUrl,
+      data: JSON.stringify(card),
+      contentType: 'application/json; charset=utf-8',
+      async: false,
+      success: function success(res) {
+        var adyenPartialPaymentsOrder = document.querySelector('#adyenPartialPaymentsOrder');
+        var _getGiftCardElements2 = getGiftCardElements(),
+          giftCardsList = _getGiftCardElements2.giftCardsList,
+          giftCardAddButton = _getGiftCardElements2.giftCardAddButton,
+          giftCardSelect = _getGiftCardElements2.giftCardSelect,
+          giftCardUl = _getGiftCardElements2.giftCardUl,
+          giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,
+          giftCardSelectContainer = _getGiftCardElements2.giftCardSelectContainer,
+          cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,
+          giftCardInformation = _getGiftCardElements2.giftCardInformation;
+        adyenPartialPaymentsOrder.value = null;
+        giftCardsList.innerHTML = '';
+        giftCardAddButton.style.display = 'block';
+        giftCardSelect.value = null;
+        giftCardSelectContainer.classList.add('invisible');
+        giftCardSelect.classList.remove('invisible');
+        giftCardUl.innerHTML = '';
+        cancelMainPaymentGiftCard.classList.add('invisible');
+        showGiftCardCancelButton(false);
+        giftCardInformation === null || giftCardInformation === void 0 ? void 0 : giftCardInformation.remove();
+        store.checkout.options.amount = res.amount;
+        store.partialPaymentsOrderObj = null;
+        store.addedGiftCards = null;
+        store.adyenOrderData = null;
+        giftCardsInfoMessageContainer.innerHTML = '';
+        giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');
+        document.querySelector('button[value="submit-payment"]').disabled = false;
+        if (res.resultCode === constants.RECEIVED) {
+          var _document$querySelect, _store$componentsObj, _store$componentsObj$;
+          (_document$querySelect = document.querySelector('#cancelGiftCardContainer')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.parentNode.remove();
+          (_store$componentsObj = store.componentsObj) === null || _store$componentsObj === void 0 ? void 0 : (_store$componentsObj$ = _store$componentsObj.giftcard) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node.unmount('component_giftcard');
+        }
+        var event = new Event(INIT_CHECKOUT_EVENT);
+        document.dispatchEvent(event);
+      }
+    });
+  });
+}
+function giftCardBrands() {
+  var paymentMethodsResponse = store.checkout.paymentMethodsResponse;
+  return paymentMethodsResponse.paymentMethods.filter(function (pm) {
+    return pm.type === constants.GIFTCARD;
+  });
+}
+function renderGiftCardSelectForm() {
+  var _getGiftCardElements3 = getGiftCardElements(),
+    giftCardUl = _getGiftCardElements3.giftCardUl,
+    giftCardSelect = _getGiftCardElements3.giftCardSelect;
+  if (giftCardUl !== null && giftCardUl !== void 0 && giftCardUl.innerHTML) {
+    giftCardSelect.classList.remove('invisible');
+    return;
+  }
+  var imagePath = store.checkoutConfiguration.session.imagePath;
+  giftCardBrands().forEach(function (giftCard) {
+    var newListItem = document.createElement('li');
+    newListItem.setAttribute('data-brand', giftCard.brand);
+    newListItem.setAttribute('data-name', giftCard.name);
+    newListItem.setAttribute('data-type', giftCard.type);
+    var span = document.createElement('span');
+    span.textContent = giftCard.name;
+    var img = document.createElement('img');
+    img.src = "".concat(imagePath).concat(giftCard.brand, ".png");
+    img.width = 40;
+    img.height = 26;
+    newListItem.appendChild(span);
+    newListItem.appendChild(img);
+    giftCardUl.appendChild(newListItem);
+  });
+}
+function attachGiftCardFormListeners() {
+  if (store.giftCardComponentListenersAdded) {
+    return;
+  }
+  var _getGiftCardElements4 = getGiftCardElements(),
+    giftCardUl = _getGiftCardElements4.giftCardUl,
+    giftCardSelect = _getGiftCardElements4.giftCardSelect,
+    giftCardContainer = _getGiftCardElements4.giftCardContainer,
+    giftCardSelectWrapper = _getGiftCardElements4.giftCardSelectWrapper;
+  if (giftCardUl) {
+    giftCardUl.addEventListener('click', function (event) {
+      var _store$componentsObj2;
+      giftCardUl.classList.toggle('invisible');
+      var selectedGiftCard = {
+        name: event.target.dataset.name,
+        brand: event.target.dataset.brand,
+        type: event.target.dataset.type
+      };
+      if ((_store$componentsObj2 = store.componentsObj) !== null && _store$componentsObj2 !== void 0 && _store$componentsObj2.giftcard) {
+        store.componentsObj.giftcard.node.unmount('component_giftcard');
+      }
+      if (!store.partialPaymentsOrderObj) {
+        store.partialPaymentsOrderObj = {};
+      }
+      var newOption = document.createElement('option');
+      newOption.textContent = selectedGiftCard.name;
+      newOption.value = selectedGiftCard.brand;
+      newOption.style.visibility = 'hidden';
+      giftCardSelect.appendChild(newOption);
+      giftCardSelect.value = selectedGiftCard.brand;
+      giftCardContainer.innerHTML = '';
+      var giftCardNode = store.checkout.create(constants.GIFTCARD, _objectSpread(_objectSpread({}, store.checkoutConfiguration.giftcard), {}, {
+        brand: selectedGiftCard.brand,
+        name: selectedGiftCard.name
+      })).mount(giftCardContainer);
+      store.componentsObj.giftcard = {
+        node: giftCardNode
+      };
+    });
+  }
+  if (giftCardSelect) {
+    giftCardSelectWrapper.addEventListener('mousedown', function () {
+      giftCardUl.classList.toggle('invisible');
+    });
+  }
+  store.giftCardComponentListenersAdded = true;
+}
+function showGiftCardWarningMessage() {
+  var alertContainer = document.createElement('div');
+  alertContainer.setAttribute('id', 'giftCardWarningMessage');
+  alertContainer.classList.add('alert', 'alert-warning', 'error-message', 'gift-card-warning-msg');
+  alertContainer.setAttribute('role', 'alert');
+  var alertContainerP = document.createElement('p');
+  alertContainerP.classList.add('error-message-text');
+  alertContainerP.textContent = window.giftCardWarningMessage;
+  alertContainer.appendChild(alertContainerP);
+  var orderTotalSummaryEl = document.querySelector('.card-body.order-total-summary');
+  orderTotalSummaryEl === null || orderTotalSummaryEl === void 0 ? void 0 : orderTotalSummaryEl.appendChild(alertContainer);
+}
+function attachGiftCardAddButtonListener() {
+  var _getGiftCardElements5 = getGiftCardElements(),
+    giftCardAddButton = _getGiftCardElements5.giftCardAddButton,
+    giftCardSelectContainer = _getGiftCardElements5.giftCardSelectContainer,
+    giftCardSelectWrapper = _getGiftCardElements5.giftCardSelectWrapper,
+    giftCardSelect = _getGiftCardElements5.giftCardSelect;
+  if (giftCardAddButton) {
+    giftCardAddButton.addEventListener('click', function () {
+      renderGiftCardSelectForm();
+      attachGiftCardFormListeners();
+      var giftCardWarningMessageEl = document.querySelector('#giftCardWarningMessage');
+      if (giftCardWarningMessageEl) {
+        giftCardWarningMessageEl.style.display = 'none';
+      }
+      giftCardSelect.value = 'null';
+      giftCardAddButton.style.display = 'none';
+      giftCardSelectContainer.classList.remove('invisible');
+      giftCardSelectWrapper.classList.remove('invisible');
+    });
+  }
+}
+function attachGiftCardCancelListener() {
+  var _getGiftCardElements6 = getGiftCardElements(),
+    giftCardCancelButton = _getGiftCardElements6.giftCardCancelButton;
+  giftCardCancelButton === null || giftCardCancelButton === void 0 ? void 0 : giftCardCancelButton.addEventListener('click', function () {
+    removeGiftCards();
+  });
+}
+function removeGiftCardFormListeners() {
+  var _getGiftCardElements7 = getGiftCardElements(),
+    giftCardUl = _getGiftCardElements7.giftCardUl,
+    giftCardSelect = _getGiftCardElements7.giftCardSelect;
+  giftCardUl.replaceWith(giftCardUl.cloneNode(true));
+  giftCardSelect.replaceWith(giftCardSelect.cloneNode(true));
+  store.giftCardComponentListenersAdded = false;
+}
+function clearGiftCardsContainer() {
+  var _getGiftCardElements8 = getGiftCardElements(),
+    giftCardsList = _getGiftCardElements8.giftCardsList;
+  giftCardsList.innerHTML = '';
+}
+function renderAddedGiftCard(card) {
+  var giftCardData = card.giftCard;
+  var imagePath = store.checkoutConfiguration.session.imagePath;
+  var _getGiftCardElements9 = getGiftCardElements(),
+    giftCardsList = _getGiftCardElements9.giftCardsList,
+    giftCardAddButton = _getGiftCardElements9.giftCardAddButton;
+  var giftCardDiv = document.createElement('div');
+  giftCardDiv.classList.add('gift-card');
+  var brandContainer = document.createElement('div');
+  brandContainer.classList.add('brand-container');
+  var giftCardImg = document.createElement('img');
+  var giftCardImgSrc = "".concat(imagePath).concat(giftCardData.brand, ".png");
+  giftCardImg.setAttribute('src', giftCardImgSrc);
+  giftCardImg.classList.add('gift-card-logo');
+  var giftCardNameP = document.createElement('p');
+  giftCardNameP.textContent = giftCardData.name;
+  brandContainer.appendChild(giftCardImg);
+  brandContainer.appendChild(giftCardNameP);
+  var giftCardAction = document.createElement('div');
+  giftCardAction.classList.add('gift-card-action');
+  var brandAndRemoveActionWrapper = document.createElement('div');
+  brandAndRemoveActionWrapper.classList.add('wrapper');
+  brandAndRemoveActionWrapper.appendChild(brandContainer);
+  brandAndRemoveActionWrapper.appendChild(giftCardAction);
+  var giftCardAmountDiv = document.createElement('div');
+  giftCardAmountDiv.classList.add('wrapper');
+  var amountLabel = document.createElement('p');
+  amountLabel.textContent = window.deductedBalanceGiftCardResource;
+  var amountValue = document.createElement('strong');
+  amountValue.textContent = card.discountedAmount ? "-".concat(card.discountedAmount) : '';
+  giftCardAmountDiv.appendChild(amountLabel);
+  giftCardAmountDiv.appendChild(amountValue);
+  giftCardDiv.appendChild(brandAndRemoveActionWrapper);
+  giftCardDiv.appendChild(giftCardAmountDiv);
+  giftCardsList.appendChild(giftCardDiv);
+  giftCardAddButton.style.display = 'block';
+  removeGiftCardFormListeners();
+}
+function createElementsToShowRemainingGiftCardAmount() {
+  var renderedRemainingAmountEndSpan = document.getElementById('remainingAmountEndSpan');
+  var renderedDiscountedAmountEndSpan = document.getElementById('discountedAmountEndSpan');
+  if (renderedRemainingAmountEndSpan && renderedDiscountedAmountEndSpan) {
+    renderedRemainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;
+    renderedDiscountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;
+    return;
+  }
+  var mainContainer = document.createElement('div');
+  var remainingAmountContainer = document.createElement('div');
+  var remainingAmountStart = document.createElement('div');
+  var remainingAmountEnd = document.createElement('div');
+  var discountedAmountContainer = document.createElement('div');
+  var discountedAmountStart = document.createElement('div');
+  var discountedAmountEnd = document.createElement('div');
+  var remainingAmountStartP = document.createElement('p');
+  var remainingAmountEndP = document.createElement('p');
+  var discountedAmountStartP = document.createElement('p');
+  var discountedAmountEndP = document.createElement('p');
+  var remainingAmountStartSpan = document.createElement('span');
+  var discountedAmountStartSpan = document.createElement('span');
+  var remainingAmountEndSpan = document.createElement('span');
+  remainingAmountEndSpan.id = 'remainingAmountEndSpan';
+  var discountedAmountEndSpan = document.createElement('span');
+  discountedAmountEndSpan.id = 'discountedAmountEndSpan';
+  remainingAmountContainer.classList.add('row', 'grand-total', 'leading-lines');
+  remainingAmountStart.classList.add('col-6', 'start-lines');
+  remainingAmountEnd.classList.add('col-6', 'end-lines');
+  remainingAmountStartP.classList.add('order-receipt-label');
+  discountedAmountContainer.classList.add('row', 'grand-total', 'leading-lines');
+  discountedAmountStart.classList.add('col-6', 'start-lines');
+  discountedAmountEnd.classList.add('col-6', 'end-lines');
+  discountedAmountStartP.classList.add('order-receipt-label');
+  remainingAmountEndP.classList.add('text-right');
+  discountedAmountEndP.classList.add('text-right');
+  discountedAmountContainer.id = 'discountedAmountContainer';
+  remainingAmountContainer.id = 'remainingAmountContainer';
+  remainingAmountStartSpan.innerText = window.remainingAmountGiftCardResource;
+  discountedAmountStartSpan.innerText = window.discountedAmountGiftCardResource;
+  remainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;
+  discountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;
+  remainingAmountContainer.appendChild(remainingAmountStart);
+  remainingAmountContainer.appendChild(remainingAmountEnd);
+  remainingAmountStart.appendChild(remainingAmountStartP);
+  discountedAmountContainer.appendChild(discountedAmountStart);
+  discountedAmountContainer.appendChild(discountedAmountEnd);
+  discountedAmountStart.appendChild(discountedAmountStartP);
+  remainingAmountEnd.appendChild(remainingAmountEndP);
+  remainingAmountStartP.appendChild(remainingAmountStartSpan);
+  discountedAmountEnd.appendChild(discountedAmountEndP);
+  discountedAmountStartP.appendChild(discountedAmountStartSpan);
+  remainingAmountEndP.appendChild(remainingAmountEndSpan);
+  discountedAmountEndP.appendChild(discountedAmountEndSpan);
+  var pricingContainer = document.querySelector('.card-body.order-total-summary');
+  mainContainer.id = 'giftCardInformation';
+  mainContainer.appendChild(discountedAmountContainer);
+  mainContainer.appendChild(remainingAmountContainer);
+  pricingContainer.appendChild(mainContainer);
+}
+function showGiftCardInfoMessage() {
+  var messageText = store.partialPaymentsOrderObj.message;
+  var _getGiftCardElements10 = getGiftCardElements(),
+    giftCardsInfoMessageContainer = _getGiftCardElements10.giftCardsInfoMessageContainer;
+  giftCardsInfoMessageContainer.innerHTML = '';
+  giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');
+  if (!messageText) return;
+  var giftCardsInfoMessage = document.createElement('div');
+  giftCardsInfoMessage.classList.add('adyen-checkout__alert-message', 'adyen-checkout__alert-message--warning');
+  giftCardsInfoMessage.setAttribute('role', 'alert');
+  var infoMessage = document.createElement('span');
+  infoMessage.textContent = messageText;
+  giftCardsInfoMessage.appendChild(infoMessage);
+  giftCardsInfoMessageContainer.appendChild(giftCardsInfoMessage);
+  giftCardsInfoMessageContainer.classList.add('gift-cards-info-message-container');
+}
+module.exports = {
+  removeGiftCards: removeGiftCards,
+  renderAddedGiftCard: renderAddedGiftCard,
+  attachGiftCardAddButtonListener: attachGiftCardAddButtonListener,
+  getGiftCardElements: getGiftCardElements,
+  showGiftCardWarningMessage: showGiftCardWarningMessage,
+  createElementsToShowRemainingGiftCardAmount: createElementsToShowRemainingGiftCardAmount,
+  renderGiftCardSelectForm: renderGiftCardSelectForm,
+  showGiftCardInfoMessage: showGiftCardInfoMessage,
+  giftCardBrands: giftCardBrands,
+  clearGiftCardsContainer: clearGiftCardsContainer,
+  attachGiftCardCancelListener: attachGiftCardCancelListener,
+  showGiftCardCancelButton: showGiftCardCancelButton
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js
new file mode 100644
index 000000000..ee62bd8be
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js
@@ -0,0 +1,290 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var store = require('../../../../store');
+var helpers = require('./helpers');
+var constants = require('../constants');
+function getFallback(paymentMethod) {
+  var fallback = {};
+  if (fallback[paymentMethod.type]) {
+    store.componentsObj[paymentMethod.type] = {};
+  }
+  return fallback[paymentMethod.type];
+}
+function getPersonalDetails() {
+  var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;
+  return {
+    firstName: (_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value,
+    lastName: (_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value,
+    telephoneNumber: (_document$querySelect3 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,
+    shopperEmail: (_document$querySelect4 = document.querySelector('.customer-summary-email')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.textContent
+  };
+}
+function setNode(paymentMethodID) {
+  var createNode = function createNode() {
+    if (!store.componentsObj[paymentMethodID]) {
+      store.componentsObj[paymentMethodID] = {};
+    }
+    try {
+      var _store$checkout;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      // ALl nodes created for the checkout component are enriched with shopper personal details
+      var node = (_store$checkout = store.checkout).create.apply(_store$checkout, args.concat([{
+        data: _objectSpread(_objectSpread({}, getPersonalDetails()), {}, {
+          personalDetails: getPersonalDetails()
+        }),
+        visibility: {
+          personalDetails: 'editable',
+          billingAddress: 'hidden',
+          deliveryAddress: 'hidden'
+        }
+      }]));
+      store.componentsObj[paymentMethodID].node = node;
+      store.componentsObj[paymentMethodID].isValid = node.isValid;
+    } catch (e) {
+      /* No component for payment method */
+    }
+  };
+  return createNode;
+}
+function getPaymentMethodID(isStored, paymentMethod) {
+  if (isStored) {
+    return "storedCard".concat(paymentMethod.id);
+  }
+  if (paymentMethod.type === constants.GIFTCARD) {
+    return constants.GIFTCARD;
+  }
+  if (paymentMethod.brand) {
+    return "".concat(paymentMethod.type, "_").concat(paymentMethod.brand);
+  }
+  return paymentMethod.type;
+}
+function getImage(isStored, paymentMethod) {
+  return isStored ? paymentMethod.brand : paymentMethod.type;
+}
+function getLabel(isStored, paymentMethod) {
+  var label = isStored ? " ".concat(store.MASKED_CC_PREFIX).concat(paymentMethod.lastFour) : '';
+  return "".concat(paymentMethod.name).concat(label);
+}
+function handleFallbackPayment(_ref) {
+  var paymentMethod = _ref.paymentMethod,
+    container = _ref.container,
+    paymentMethodID = _ref.paymentMethodID;
+  var fallback = getFallback(paymentMethod);
+  var createTemplate = function createTemplate() {
+    var template = document.createElement('template');
+    template.innerHTML = fallback;
+    container.append(template.content);
+  };
+  return fallback ? createTemplate() : setNode(paymentMethod.type)(paymentMethodID);
+}
+function handlePayment(options) {
+  return options.isStored ? setNode(options.paymentMethodID)('card', options.paymentMethod) : handleFallbackPayment(options);
+}
+function getListContents(_ref2) {
+  var imagePath = _ref2.imagePath,
+    isStored = _ref2.isStored,
+    paymentMethod = _ref2.paymentMethod,
+    description = _ref2.description;
+  var paymentMethodID = getPaymentMethodID(isStored, paymentMethod);
+  var label = getLabel(isStored, paymentMethod);
+  var liContents = "\n    <input name=\"brandCode\" type=\"radio\" value=\"".concat(paymentMethodID, "\" id=\"rb_").concat(paymentMethodID, "\">\n    <img class=\"paymentMethod_img\" src=\"").concat(imagePath, "\" ></img>\n    <label id=\"lb_").concat(paymentMethodID, "\" for=\"rb_").concat(paymentMethodID, "\">").concat(label, "</label>\n  ");
+  return description ? "".concat(liContents, "<p>").concat(description, "</p>") : liContents;
+}
+function getImagePath(_ref3) {
+  var isStored = _ref3.isStored,
+    paymentMethod = _ref3.paymentMethod,
+    path = _ref3.path,
+    isSchemeNotStored = _ref3.isSchemeNotStored;
+  var paymentMethodImage = "".concat(path).concat(getImage(isStored, paymentMethod), ".png");
+  var cardImage = "".concat(path, "card.png");
+  return isSchemeNotStored ? cardImage : paymentMethodImage;
+}
+function setValid(_ref4) {
+  var isStored = _ref4.isStored,
+    paymentMethodID = _ref4.paymentMethodID;
+  if (isStored && ['bcmc', 'scheme'].indexOf(paymentMethodID) > -1) {
+    store.componentsObj[paymentMethodID].isValid = true;
+  }
+}
+function configureContainer(_ref5) {
+  var paymentMethodID = _ref5.paymentMethodID,
+    container = _ref5.container;
+  container.classList.add('additionalFields');
+  container.setAttribute('id', "component_".concat(paymentMethodID));
+  container.setAttribute('style', 'display:none');
+}
+function handleInput(_ref6) {
+  var paymentMethodID = _ref6.paymentMethodID;
+  var input = document.querySelector("#rb_".concat(paymentMethodID));
+  input.onchange = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            helpers.displaySelectedMethod(event.target.value);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+}
+function createListItem(rerender, paymentMethodID, liContents) {
+  var li;
+  if (rerender) {
+    li = document.querySelector("#rb_".concat(paymentMethodID)).closest('li');
+  } else {
+    li = document.createElement('li');
+    li.innerHTML = liContents;
+    li.classList.add('paymentMethod');
+  }
+  return li;
+}
+function checkIfNodeIsAvailable(_x2) {
+  return _checkIfNodeIsAvailable.apply(this, arguments);
+}
+function _checkIfNodeIsAvailable() {
+  _checkIfNodeIsAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(node) {
+    var isNodeAvailable;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!node.isAvailable) {
+            _context3.next = 6;
+            break;
+          }
+          _context3.next = 3;
+          return node.isAvailable();
+        case 3:
+          isNodeAvailable = _context3.sent;
+          if (isNodeAvailable) {
+            _context3.next = 6;
+            break;
+          }
+          return _context3.abrupt("return", false);
+        case 6:
+          return _context3.abrupt("return", true);
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _checkIfNodeIsAvailable.apply(this, arguments);
+}
+function appendNodeToContainerIfAvailable(_x3, _x4, _x5, _x6) {
+  return _appendNodeToContainerIfAvailable.apply(this, arguments);
+}
+function _appendNodeToContainerIfAvailable() {
+  _appendNodeToContainerIfAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(paymentMethodsUI, li, node, container) {
+    var canBeMounted;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!node) {
+            _context4.next = 5;
+            break;
+          }
+          _context4.next = 3;
+          return checkIfNodeIsAvailable(node);
+        case 3:
+          canBeMounted = _context4.sent;
+          if (canBeMounted) {
+            paymentMethodsUI.append(li);
+            node.mount(container);
+          }
+        case 5:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _appendNodeToContainerIfAvailable.apply(this, arguments);
+}
+module.exports.renderPaymentMethod = /*#__PURE__*/function () {
+  var _renderPaymentMethod = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(paymentMethod, isStored, path) {
+    var description,
+      rerender,
+      _store$componentsObj$,
+      paymentMethodsUI,
+      paymentMethodID,
+      isSchemeNotStored,
+      container,
+      options,
+      imagePath,
+      liContents,
+      li,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          description = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : null;
+          rerender = _args2.length > 4 && _args2[4] !== undefined ? _args2[4] : false;
+          _context2.prev = 2;
+          paymentMethodsUI = document.querySelector('#paymentMethodsList');
+          paymentMethodID = getPaymentMethodID(isStored, paymentMethod);
+          if (!(paymentMethodID === constants.GIFTCARD)) {
+            _context2.next = 7;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 7:
+          isSchemeNotStored = paymentMethod.type === 'scheme' && !isStored;
+          container = document.createElement('div');
+          options = {
+            container: container,
+            paymentMethod: paymentMethod,
+            isStored: isStored,
+            path: path,
+            description: description,
+            paymentMethodID: paymentMethodID,
+            isSchemeNotStored: isSchemeNotStored
+          };
+          imagePath = getImagePath(options);
+          liContents = getListContents(_objectSpread(_objectSpread({}, options), {}, {
+            imagePath: imagePath,
+            description: description
+          }));
+          li = createListItem(rerender, paymentMethodID, liContents);
+          handlePayment(options);
+          configureContainer(options);
+          li.append(container);
+          _context2.next = 18;
+          return appendNodeToContainerIfAvailable(paymentMethodsUI, li, (_store$componentsObj$ = store.componentsObj[paymentMethodID]) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node, container);
+        case 18:
+          if (paymentMethodID === constants.GIROPAY) {
+            container.innerHTML = '';
+          }
+          handleInput(options);
+          setValid(options);
+          _context2.next = 25;
+          break;
+        case 23:
+          _context2.prev = 23;
+          _context2.t0 = _context2["catch"](2);
+        case 25:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[2, 23]]);
+  }));
+  function renderPaymentMethod(_x7, _x8, _x9) {
+    return _renderPaymentMethod.apply(this, arguments);
+  }
+  return renderPaymentMethod;
+}();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js
new file mode 100644
index 000000000..8f65853c4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js
@@ -0,0 +1,13 @@
+"use strict";
+
+var store = require('../../../../store');
+module.exports.validateComponents = function validateComponents() {
+  var customMethods = {};
+  if (store.selectedMethod in customMethods) {
+    customMethods[store.selectedMethod]();
+  }
+  document.querySelector('#adyenStateData').value = JSON.stringify(store.stateData);
+  if (store.partialPaymentsOrderObj) {
+    document.querySelector('#adyenPartialPaymentsOrder').value = JSON.stringify(store.partialPaymentsOrderObj);
+  }
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js
new file mode 100644
index 000000000..cbd636c51
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js
@@ -0,0 +1,143 @@
+"use strict";
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var store = require('../../../store');
+var helpers = require('./adyen_checkout/helpers');
+function handleAuthorised(response) {
+  var _response$fullRespons, _response$fullRespons2, _response$fullRespons3, _response$fullRespons4, _response$fullRespons5;
+  document.querySelector('#result').value = JSON.stringify({
+    pspReference: (_response$fullRespons = response.fullResponse) === null || _response$fullRespons === void 0 ? void 0 : _response$fullRespons.pspReference,
+    resultCode: (_response$fullRespons2 = response.fullResponse) === null || _response$fullRespons2 === void 0 ? void 0 : _response$fullRespons2.resultCode,
+    paymentMethod: (_response$fullRespons3 = response.fullResponse) !== null && _response$fullRespons3 !== void 0 && _response$fullRespons3.paymentMethod ? response.fullResponse.paymentMethod : (_response$fullRespons4 = response.fullResponse) === null || _response$fullRespons4 === void 0 ? void 0 : (_response$fullRespons5 = _response$fullRespons4.additionalData) === null || _response$fullRespons5 === void 0 ? void 0 : _response$fullRespons5.paymentMethod
+  });
+  document.querySelector('#showConfirmationForm').submit();
+}
+function handleError() {
+  document.querySelector('#result').value = JSON.stringify({
+    error: true
+  });
+  document.querySelector('#showConfirmationForm').submit();
+}
+function handleAmazonResponse(response, component) {
+  var _response$fullRespons6;
+  if ((_response$fullRespons6 = response.fullResponse) !== null && _response$fullRespons6 !== void 0 && _response$fullRespons6.action) {
+    component.handleAction(response.fullResponse.action);
+  } else if (response.resultCode === window.resultCodeAuthorised) {
+    handleAuthorised(response);
+  } else {
+    // first try the amazon decline flow
+    component.handleDeclineFlow();
+    // if this does not trigger a redirect, try the regular handleError flow
+    handleError();
+  }
+}
+function paymentFromComponent(data, component) {
+  var partialPaymentsOrder = sessionStorage.getItem('partialPaymentsObj');
+  var requestData = partialPaymentsOrder ? _objectSpread(_objectSpread({}, data), {}, {
+    partialPaymentsOrder: JSON.parse(partialPaymentsOrder)
+  }) : data;
+  $.ajax({
+    url: window.paymentFromComponentURL,
+    type: 'post',
+    data: {
+      data: JSON.stringify(requestData),
+      paymentMethod: 'amazonpay',
+      merchantReference: document.querySelector('#merchantReference').value,
+      orderToken: document.querySelector('#orderToken').value
+    },
+    success: function success(response) {
+      sessionStorage.removeItem('partialPaymentsObj');
+      helpers.setOrderFormData(response);
+      handleAmazonResponse(response, component);
+    }
+  });
+}
+function mountAmazonPayComponent() {
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+function _mountAmazonPayComponent() {
+  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var amazonPayNode, checkout, amazonConfig, amazonPayComponent;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          amazonPayNode = document.getElementById('amazon-container');
+          _context.next = 3;
+          return AdyenCheckout(window.Configuration);
+        case 3:
+          checkout = _context.sent;
+          amazonConfig = {
+            showOrderButton: false,
+            returnUrl: window.returnURL,
+            configuration: {
+              merchantId: window.amazonMerchantID,
+              storeId: window.amazonStoreID,
+              publicKeyId: window.amazonPublicKeyID
+            },
+            amazonCheckoutSessionId: window.amazonCheckoutSessionId,
+            onSubmit: function onSubmit(state, component) {
+              document.querySelector('#adyenStateData').value = JSON.stringify(state.data);
+              document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);
+              paymentFromComponent(state.data, component);
+            },
+            onAdditionalDetails: function onAdditionalDetails(state) {
+              state.data.paymentMethod = 'amazonpay';
+              $.ajax({
+                type: 'post',
+                url: window.paymentsDetailsURL,
+                data: JSON.stringify({
+                  data: state.data,
+                  orderToken: window.orderToken
+                }),
+                contentType: 'application/json; charset=utf-8',
+                success: function success(data) {
+                  if (data.isSuccessful) {
+                    handleAuthorised(data);
+                  } else if (!data.isFinal && _typeof(data.action) === 'object') {
+                    checkout.createFromAction(data.action).mount('#amazon-container');
+                  } else {
+                    $('#action-modal').modal('hide');
+                    handleError();
+                  }
+                }
+              });
+            }
+          };
+          amazonPayComponent = checkout.create('amazonpay', amazonConfig).mount(amazonPayNode);
+          helpers.createShowConfirmationForm(window.ShowConfirmationPaymentFromComponent);
+          $('#dwfrm_billing').submit(function apiRequest(e) {
+            e.preventDefault();
+            var form = $(this);
+            var url = form.attr('action');
+            $.ajax({
+              type: 'POST',
+              url: url,
+              data: form.serialize(),
+              async: false,
+              success: function success(data) {
+                store.formErrorsExist = 'fieldErrors' in data;
+              }
+            });
+          });
+          $('#action-modal').modal({
+            backdrop: 'static',
+            keyboard: false
+          });
+          amazonPayComponent.submit();
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+mountAmazonPayComponent();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js
new file mode 100644
index 000000000..cd0a69323
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js
@@ -0,0 +1,86 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+var _require = require('./commons'),
+  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady,
+  updateLoadedExpressMethods = _require.updateLoadedExpressMethods;
+var AMAZON_PAY = 'amazonpay';
+function mountAmazonPayComponent() {
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+function _mountAmazonPayComponent() {
+  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var getPaymentMethods;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          getPaymentMethods = function _getPaymentMethods(paymentMethods) {
+            $.ajax({
+              url: window.getPaymentMethodsURL,
+              type: 'get',
+              success: function success(data) {
+                paymentMethods(data);
+              },
+              error: function error() {
+                updateLoadedExpressMethods(AMAZON_PAY);
+                checkIfExpressMethodsAreReady();
+              }
+            });
+          };
+          getPaymentMethods( /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+              var _paymentMethodsRespon;
+              var paymentMethodsResponse, checkout, amazonPayConfig, amazonPayButtonConfig, amazonPayButton;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    paymentMethodsResponse = data.AdyenPaymentMethods;
+                    _context.next = 3;
+                    return AdyenCheckout({
+                      environment: window.environment,
+                      clientKey: window.clientKey,
+                      locale: window.locale
+                    });
+                  case 3:
+                    checkout = _context.sent;
+                    amazonPayConfig = (_paymentMethodsRespon = paymentMethodsResponse.find(function (pm) {
+                      return pm.type === AMAZON_PAY;
+                    })) === null || _paymentMethodsRespon === void 0 ? void 0 : _paymentMethodsRespon.configuration;
+                    if (amazonPayConfig) {
+                      _context.next = 7;
+                      break;
+                    }
+                    return _context.abrupt("return");
+                  case 7:
+                    amazonPayButtonConfig = {
+                      showPayButton: true,
+                      productType: 'PayAndShip',
+                      configuration: amazonPayConfig,
+                      returnUrl: window.returnUrl
+                    };
+                    amazonPayButton = checkout.create(AMAZON_PAY, amazonPayButtonConfig);
+                    amazonPayButton.mount('#amazonpay-container');
+                    updateLoadedExpressMethods(AMAZON_PAY);
+                    checkIfExpressMethodsAreReady();
+                  case 12:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return function (_x) {
+              return _ref.apply(this, arguments);
+            };
+          }());
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+mountAmazonPayComponent();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js
new file mode 100644
index 000000000..a22747c3b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js
@@ -0,0 +1,110 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function saveShopperDetails(details) {
+  $.ajax({
+    url: window.saveShopperDetailsURL,
+    type: 'post',
+    data: {
+      shopperDetails: JSON.stringify(details),
+      paymentMethod: 'amazonpay'
+    },
+    success: function success(data) {
+      var select = document.querySelector('#shippingMethods');
+      select.innerHTML = '';
+      data.shippingMethods.forEach(function (shippingMethod) {
+        var option = document.createElement('option');
+        option.setAttribute('data-shipping-id', shippingMethod.ID);
+        option.innerText = "".concat(shippingMethod.displayName, " (").concat(shippingMethod.estimatedArrivalTime, ")");
+        select.appendChild(option);
+      });
+      select.options[0].selected = true;
+      select.dispatchEvent(new Event('change'));
+    }
+  });
+}
+function constructAddress(shopperDetails) {
+  var addressKeys = Object.keys(shopperDetails.shippingAddress);
+  var addressValues = Object.values(shopperDetails.shippingAddress);
+  var addressStr = "".concat(shopperDetails.shippingAddress.name, "\n");
+  for (var i = 0; i < addressKeys.length; i += 1) {
+    if (addressValues[i] && addressKeys[i] !== 'name') {
+      addressStr += "".concat(addressValues[i], " ");
+    }
+  }
+  return addressStr;
+}
+function positionElementBefore(elm) {
+  var addressDetails = document.querySelector('#amazonPayAddressDetails');
+  var containerNode = addressDetails.parentNode.parentNode.parentNode;
+  containerNode.insertBefore(addressDetails, document.querySelector(elm));
+}
+function wrapChangeAddressButton() {
+  // hide component button and use custom "Edit" buttons instead
+  var changeDetailsBtn = document.getElementsByClassName('adyen-checkout__button adyen-checkout__button--ghost adyen-checkout__amazonpay__button--changeAddress')[0];
+  changeDetailsBtn.classList.add('invisible');
+  var editAddressBtns = document.querySelectorAll('.editAddressBtn');
+  editAddressBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      changeDetailsBtn.click();
+    });
+  });
+}
+function showAddressDetails(shopperDetails) {
+  var addressText = constructAddress(shopperDetails);
+  var addressElement = document.querySelector('#address');
+  var paymentDiscriptorElement = document.querySelector('#paymentStr');
+  addressElement.innerText = addressText;
+  paymentDiscriptorElement.innerText = shopperDetails.paymentDescriptor;
+  positionElementBefore('.coupons-and-promos');
+  wrapChangeAddressButton();
+  var payBtn = document.getElementsByClassName('adyen-checkout__button adyen-checkout__button--standalone adyen-checkout__button--pay')[0];
+  payBtn.style.background = '#00a1e0';
+}
+function mountAmazonPayComponent() {
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+function _mountAmazonPayComponent() {
+  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var amazonPayNode, checkout, amazonConfig, amazonPayComponent, shopperDetails;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          amazonPayNode = document.getElementById('amazon-container');
+          _context.next = 3;
+          return AdyenCheckout(window.Configuration);
+        case 3:
+          checkout = _context.sent;
+          _context.prev = 4;
+          amazonConfig = {
+            showOrderButton: true,
+            returnUrl: window.returnUrl,
+            showChangePaymentDetailsButton: true,
+            amount: JSON.parse(window.basketAmount),
+            amazonCheckoutSessionId: window.amazonCheckoutSessionId
+          };
+          amazonPayComponent = checkout.create('amazonpay', amazonConfig).mount(amazonPayNode);
+          _context.next = 9;
+          return amazonPayComponent.getShopperDetails();
+        case 9:
+          shopperDetails = _context.sent;
+          saveShopperDetails(shopperDetails);
+          showAddressDetails(shopperDetails);
+          _context.next = 16;
+          break;
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](4);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[4, 14]]);
+  }));
+  return _mountAmazonPayComponent.apply(this, arguments);
+}
+mountAmazonPayComponent();
+module.exports = saveShopperDetails;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js
new file mode 100644
index 000000000..bb2b3ee70
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js
@@ -0,0 +1,422 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+var helpers = require('./adyen_checkout/helpers');
+var _require = require('./commons/index'),
+  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady;
+var _require2 = require('./commons'),
+  updateLoadedExpressMethods = _require2.updateLoadedExpressMethods;
+var _require3 = require('./constants'),
+  APPLE_PAY = _require3.APPLE_PAY;
+var checkout;
+var shippingMethodsData;
+function initializeCheckout() {
+  return _initializeCheckout.apply(this, arguments);
+}
+function _initializeCheckout() {
+  _initializeCheckout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var session, sessionData, shippingMethods;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.next = 2;
+          return fetch(window.sessionsUrl);
+        case 2:
+          session = _context5.sent;
+          _context5.next = 5;
+          return session.json();
+        case 5:
+          sessionData = _context5.sent;
+          _context5.next = 8;
+          return fetch(window.shippingMethodsUrl);
+        case 8:
+          shippingMethods = _context5.sent;
+          _context5.next = 11;
+          return shippingMethods.json();
+        case 11:
+          shippingMethodsData = _context5.sent;
+          _context5.next = 14;
+          return AdyenCheckout({
+            environment: window.environment,
+            clientKey: window.clientKey,
+            locale: window.locale,
+            session: sessionData
+          });
+        case 14:
+          checkout = _context5.sent;
+        case 15:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _initializeCheckout.apply(this, arguments);
+}
+function createApplePayButton(_x) {
+  return _createApplePayButton.apply(this, arguments);
+}
+function _createApplePayButton() {
+  _createApplePayButton = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(applePayButtonConfig) {
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          return _context6.abrupt("return", checkout.create(APPLE_PAY, applePayButtonConfig));
+        case 1:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return _createApplePayButton.apply(this, arguments);
+}
+function formatCustomerObject(customerData, billingData) {
+  return {
+    addressBook: {
+      addresses: {},
+      preferredAddress: {
+        address1: customerData.addressLines[0],
+        address2: customerData.addressLines.length > 1 ? customerData.addressLines[1] : null,
+        city: customerData.locality,
+        countryCode: {
+          displayValue: customerData.country,
+          value: customerData.countryCode
+        },
+        firstName: customerData.givenName,
+        lastName: customerData.familyName,
+        ID: customerData.emailAddress,
+        postalCode: customerData.postalCode,
+        stateCode: customerData.administrativeArea
+      }
+    },
+    billingAddressDetails: {
+      address1: billingData.addressLines[0],
+      address2: billingData.addressLines.length > 1 ? billingData.addressLines[1] : null,
+      city: billingData.locality,
+      countryCode: {
+        displayValue: billingData.country,
+        value: billingData.countryCode
+      },
+      firstName: billingData.givenName,
+      lastName: billingData.familyName,
+      postalCode: billingData.postalCode,
+      stateCode: billingData.administrativeArea
+    },
+    customer: {},
+    profile: {
+      firstName: customerData.givenName,
+      lastName: customerData.familyName,
+      email: customerData.emailAddress,
+      phone: customerData.phoneNumber
+    }
+  };
+}
+function handleAuthorised(response, resolveApplePay) {
+  var _response$fullRespons, _response$fullRespons2, _response$fullRespons3, _response$fullRespons4, _response$fullRespons5;
+  resolveApplePay();
+  document.querySelector('#result').value = JSON.stringify({
+    pspReference: (_response$fullRespons = response.fullResponse) === null || _response$fullRespons === void 0 ? void 0 : _response$fullRespons.pspReference,
+    resultCode: (_response$fullRespons2 = response.fullResponse) === null || _response$fullRespons2 === void 0 ? void 0 : _response$fullRespons2.resultCode,
+    paymentMethod: (_response$fullRespons3 = response.fullResponse) !== null && _response$fullRespons3 !== void 0 && _response$fullRespons3.paymentMethod ? response.fullResponse.paymentMethod : (_response$fullRespons4 = response.fullResponse) === null || _response$fullRespons4 === void 0 ? void 0 : (_response$fullRespons5 = _response$fullRespons4.additionalData) === null || _response$fullRespons5 === void 0 ? void 0 : _response$fullRespons5.paymentMethod
+  });
+  document.querySelector('#showConfirmationForm').submit();
+}
+function handleError(rejectApplePay) {
+  rejectApplePay();
+  document.querySelector('#result').value = JSON.stringify({
+    error: true
+  });
+  document.querySelector('#showConfirmationForm').submit();
+}
+function handleApplePayResponse(response, resolveApplePay, rejectApplePay) {
+  if (response.resultCode === 'Authorised') {
+    handleAuthorised(response, resolveApplePay);
+  } else {
+    handleError(rejectApplePay);
+  }
+}
+function callPaymentFromComponent(data, resolveApplePay, rejectApplePay) {
+  return $.ajax({
+    url: window.paymentFromComponentURL,
+    type: 'post',
+    data: {
+      data: JSON.stringify(data),
+      paymentMethod: APPLE_PAY
+    },
+    success: function success(response) {
+      helpers.createShowConfirmationForm(window.showConfirmationAction);
+      helpers.setOrderFormData(response);
+      document.querySelector('#additionalDetailsHidden').value = JSON.stringify(data);
+      handleApplePayResponse(response, resolveApplePay, rejectApplePay);
+    }
+  }).fail(function () {
+    rejectApplePay();
+  });
+}
+initializeCheckout().then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+  var applePayPaymentMethod, applePayConfig, applePayButtonConfig, cartContainer, applePayButton, isApplePayButtonAvailable, expressCheckoutNodesIndex;
+  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+    while (1) switch (_context4.prev = _context4.next) {
+      case 0:
+        applePayPaymentMethod = checkout.paymentMethodsResponse.paymentMethods.find(function (pm) {
+          return pm.type === APPLE_PAY;
+        });
+        if (applePayPaymentMethod) {
+          _context4.next = 5;
+          break;
+        }
+        updateLoadedExpressMethods(APPLE_PAY);
+        checkIfExpressMethodsAreReady();
+        return _context4.abrupt("return");
+      case 5:
+        applePayConfig = applePayPaymentMethod.configuration;
+        applePayButtonConfig = {
+          showPayButton: true,
+          configuration: applePayConfig,
+          amount: checkout.options.amount,
+          requiredShippingContactFields: ['postalAddress', 'email', 'phone'],
+          requiredBillingContactFields: ['postalAddress', 'phone'],
+          shippingMethods: shippingMethodsData.shippingMethods.map(function (sm) {
+            return {
+              label: sm.displayName,
+              detail: sm.description,
+              identifier: sm.ID,
+              amount: "".concat(sm.shippingCost.value)
+            };
+          }),
+          onAuthorized: function () {
+            var _onAuthorized = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject, event) {
+              var customerData, billingData, customer, stateData, resolveApplePay;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.prev = 0;
+                    customerData = event.payment.shippingContact;
+                    billingData = event.payment.billingContact;
+                    customer = formatCustomerObject(customerData, billingData);
+                    stateData = {
+                      paymentMethod: {
+                        type: APPLE_PAY,
+                        applePayToken: event.payment.token.paymentData
+                      },
+                      paymentType: 'express'
+                    };
+                    resolveApplePay = function resolveApplePay() {
+                      // ** is used instead of Math.pow
+                      var value = applePayButtonConfig.amount.value * Math.pow(10, parseInt(window.digitsNumber, 10));
+                      var finalPriceUpdate = {
+                        newTotal: {
+                          type: 'final',
+                          label: applePayConfig.merchantName,
+                          amount: "".concat(Math.round(value))
+                        }
+                      };
+                      resolve(finalPriceUpdate);
+                    };
+                    _context.next = 8;
+                    return callPaymentFromComponent(_objectSpread(_objectSpread({}, stateData), {}, {
+                      customer: customer
+                    }), resolveApplePay, reject);
+                  case 8:
+                    _context.next = 13;
+                    break;
+                  case 10:
+                    _context.prev = 10;
+                    _context.t0 = _context["catch"](0);
+                    reject(_context.t0);
+                  case 13:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee, null, [[0, 10]]);
+            }));
+            function onAuthorized(_x2, _x3, _x4) {
+              return _onAuthorized.apply(this, arguments);
+            }
+            return onAuthorized;
+          }(),
+          onSubmit: function onSubmit() {
+            // This handler is empty to prevent sending a second payment request
+            // We already do the payment in paymentFromComponent
+          },
+          onShippingMethodSelected: function () {
+            var _onShippingMethodSelected = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject, event) {
+              var shippingMethod, matchingShippingMethod, calculationResponse, newCalculation, applePayShippingMethodUpdate;
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    shippingMethod = event.shippingMethod;
+                    matchingShippingMethod = shippingMethodsData.shippingMethods.find(function (sm) {
+                      return sm.ID === shippingMethod.identifier;
+                    });
+                    _context2.next = 4;
+                    return fetch("".concat(window.calculateAmountUrl, "?").concat(new URLSearchParams({
+                      shipmentUUID: matchingShippingMethod.shipmentUUID,
+                      methodID: matchingShippingMethod.ID
+                    })), {
+                      method: 'POST'
+                    });
+                  case 4:
+                    calculationResponse = _context2.sent;
+                    if (!calculationResponse.ok) {
+                      _context2.next = 14;
+                      break;
+                    }
+                    _context2.next = 8;
+                    return calculationResponse.json();
+                  case 8:
+                    newCalculation = _context2.sent;
+                    applePayButtonConfig.amount = {
+                      value: newCalculation.grandTotalAmount.value,
+                      currency: newCalculation.grandTotalAmount.currency
+                    };
+                    applePayShippingMethodUpdate = {
+                      newTotal: {
+                        type: 'final',
+                        label: applePayConfig.merchantName,
+                        amount: newCalculation.grandTotalAmount.value
+                      }
+                    };
+                    resolve(applePayShippingMethodUpdate);
+                    _context2.next = 15;
+                    break;
+                  case 14:
+                    reject();
+                  case 15:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            function onShippingMethodSelected(_x5, _x6, _x7) {
+              return _onShippingMethodSelected.apply(this, arguments);
+            }
+            return onShippingMethodSelected;
+          }(),
+          onShippingContactSelected: function () {
+            var _onShippingContactSelected = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve, reject, event) {
+              var shippingContact, shippingMethods, _shippingMethodsData$, selectedShippingMethod, calculationResponse, shippingMethodsStructured, newCalculation, applePayShippingContactUpdate;
+              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    shippingContact = event.shippingContact;
+                    _context3.next = 3;
+                    return fetch("".concat(window.shippingMethodsUrl, "?").concat(new URLSearchParams({
+                      city: shippingContact.locality,
+                      country: shippingContact.country,
+                      countryCode: shippingContact.countryCode,
+                      stateCode: shippingContact.administrativeArea
+                    })));
+                  case 3:
+                    shippingMethods = _context3.sent;
+                    if (!shippingMethods.ok) {
+                      _context3.next = 28;
+                      break;
+                    }
+                    _context3.next = 7;
+                    return shippingMethods.json();
+                  case 7:
+                    shippingMethodsData = _context3.sent;
+                    if (!((_shippingMethodsData$ = shippingMethodsData.shippingMethods) !== null && _shippingMethodsData$ !== void 0 && _shippingMethodsData$.length)) {
+                      _context3.next = 25;
+                      break;
+                    }
+                    selectedShippingMethod = shippingMethodsData.shippingMethods[0];
+                    _context3.next = 12;
+                    return fetch("".concat(window.calculateAmountUrl, "?").concat(new URLSearchParams({
+                      shipmentUUID: selectedShippingMethod.shipmentUUID,
+                      methodID: selectedShippingMethod.ID
+                    })), {
+                      method: 'POST'
+                    });
+                  case 12:
+                    calculationResponse = _context3.sent;
+                    if (!calculationResponse.ok) {
+                      _context3.next = 22;
+                      break;
+                    }
+                    shippingMethodsStructured = shippingMethodsData.shippingMethods.map(function (sm) {
+                      return {
+                        label: sm.displayName,
+                        detail: sm.description,
+                        identifier: sm.ID,
+                        amount: "".concat(sm.shippingCost.value)
+                      };
+                    });
+                    _context3.next = 17;
+                    return calculationResponse.json();
+                  case 17:
+                    newCalculation = _context3.sent;
+                    applePayShippingContactUpdate = {
+                      newShippingMethods: shippingMethodsStructured,
+                      newTotal: {
+                        type: 'final',
+                        label: applePayConfig.merchantName,
+                        amount: newCalculation.grandTotalAmount.value
+                      }
+                    };
+                    resolve(applePayShippingContactUpdate);
+                    _context3.next = 23;
+                    break;
+                  case 22:
+                    reject();
+                  case 23:
+                    _context3.next = 26;
+                    break;
+                  case 25:
+                    reject();
+                  case 26:
+                    _context3.next = 29;
+                    break;
+                  case 28:
+                    reject();
+                  case 29:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3);
+            }));
+            function onShippingContactSelected(_x8, _x9, _x10) {
+              return _onShippingContactSelected.apply(this, arguments);
+            }
+            return onShippingContactSelected;
+          }()
+        };
+        cartContainer = document.getElementsByClassName(APPLE_PAY);
+        _context4.next = 10;
+        return createApplePayButton(applePayButtonConfig);
+      case 10:
+        applePayButton = _context4.sent;
+        _context4.next = 13;
+        return applePayButton.isAvailable();
+      case 13:
+        isApplePayButtonAvailable = _context4.sent;
+        if (isApplePayButtonAvailable) {
+          for (expressCheckoutNodesIndex = 0; expressCheckoutNodesIndex < cartContainer.length; expressCheckoutNodesIndex += 1) {
+            applePayButton.mount(cartContainer[expressCheckoutNodesIndex]);
+          }
+        }
+        updateLoadedExpressMethods(APPLE_PAY);
+        checkIfExpressMethodsAreReady();
+      case 17:
+      case "end":
+        return _context4.stop();
+    }
+  }, _callee4);
+})))["catch"](function () {
+  updateLoadedExpressMethods(APPLE_PAY);
+  checkIfExpressMethodsAreReady();
+});
+module.exports = {
+  handleAuthorised: handleAuthorised,
+  handleError: handleError,
+  handleApplePayResponse: handleApplePayResponse,
+  callPaymentFromComponent: callPaymentFromComponent
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js
new file mode 100644
index 000000000..715eb0e21
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js
@@ -0,0 +1,30 @@
+"use strict";
+
+/* eslint-disable prefer-regex-literals */
+var processInclude = require('base/util');
+var baseCheckout = require('base/checkout/checkout');
+var adyenCheckout = require('./adyenCheckout');
+var billing = require('./checkout/billing');
+
+// Compatibility Adyen SFRA 5.x.x & 6.x.x
+var checkout = window.AdyenSFRA6Enabled !== 'null' ? require('./checkout/checkoutSFRA6') : require('./checkout/checkoutSFRA5');
+$(document).ready(function () {
+  // eslint-disable-line
+  var name = 'paymentError';
+  var error = new RegExp("[?&]".concat(encodeURIComponent(name), "=([^&]*)")).exec(window.location.search);
+  var paymentStage = new RegExp('[?&]stage=payment([^&]*)').exec(window.location.search);
+  if (error || paymentStage) {
+    if (error) {
+      $('.error-message').show();
+      $('.error-message-text').text(decodeURIComponent(error[1]));
+    }
+    adyenCheckout.renderGenericComponent();
+  }
+  processInclude(baseCheckout);
+  processInclude(billing);
+  processInclude(checkout);
+  $('#selectedPaymentOption').val($('.payment-options .nav-item .active').parent().attr('data-method-id'));
+});
+$('.payment-options .nav-link').click(function setAttr() {
+  $('#selectedPaymentOption').val($(this).parent().attr('data-method-id'));
+});
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js
new file mode 100644
index 000000000..432cbca36
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js
@@ -0,0 +1,55 @@
+"use strict";
+
+function hasData() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args.every(function (arg) {
+    return !!arg;
+  });
+}
+function appendToPaymentSummary(html) {
+  // update payment details
+  var paymentSummary = document.querySelector('.payment-details');
+  paymentSummary.innerHTML += html;
+}
+function appendMaskedCC(_ref) {
+  var maskedCreditCardNumber = _ref.maskedCreditCardNumber;
+  var innerHTML = "<div>".concat(maskedCreditCardNumber, "</div>");
+  return maskedCreditCardNumber && appendToPaymentSummary(innerHTML);
+}
+function appendIssuerName(_ref2) {
+  var selectedIssuerName = _ref2.selectedIssuerName;
+  var innerHTML = "<div><span>".concat(selectedIssuerName, "</span></div>");
+  return selectedIssuerName && appendToPaymentSummary(innerHTML);
+}
+function appendExpiration(_ref3, order) {
+  var expirationMonth = _ref3.expirationMonth,
+    expirationYear = _ref3.expirationYear;
+  var innerHTML = "<div><span>".concat(order.resources.cardEnding, " ").concat(expirationMonth, "/").concat(expirationYear, "</span></div>");
+  return hasData(expirationMonth, expirationYear) && appendToPaymentSummary(innerHTML);
+}
+function appendPaymentMethod(_ref4) {
+  var selectedAdyenPM = _ref4.selectedAdyenPM;
+  var innerHTML = "<div><span>".concat(selectedAdyenPM, "</span></div>");
+  return selectedAdyenPM && appendToPaymentSummary(innerHTML);
+}
+
+/**
+ * Updates the payment information in checkout, based on the supplied order model
+ * @param {Object} order - checkout model to use as basis of new truth
+ */
+function updatePaymentInformation(order) {
+  var _order$billing$paymen;
+  if ((_order$billing$paymen = order.billing.payment.selectedPaymentInstruments) !== null && _order$billing$paymen !== void 0 && _order$billing$paymen.length) {
+    var selectedPaymentInstrument = order.billing.payment.selectedPaymentInstruments[0];
+    document.querySelector('.payment-details').innerHTML = '';
+    appendPaymentMethod(selectedPaymentInstrument);
+    appendIssuerName(selectedPaymentInstrument);
+    appendMaskedCC(selectedPaymentInstrument);
+    appendExpiration(selectedPaymentInstrument, order);
+  }
+}
+module.exports.methods = {
+  updatePaymentInformation: updatePaymentInformation
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js
new file mode 100644
index 000000000..a7a313ce0
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js
@@ -0,0 +1,469 @@
+'use strict';
+
+var shippingHelpers = require('base/checkout/shipping');
+var billingHelpers = require('base/checkout/billing');
+var summaryHelpers = require('base/checkout/summary');
+var formHelpers = require('base/checkout/formErrors');
+var scrollAnimate = require('base/components/scrollAnimate');
+var billing = require('./billing');
+// ### Custom Adyen cartridge start ###
+var adyenCheckout = require('../adyenCheckout');
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Create the jQuery Checkout Plugin.
+ *
+ * This jQuery plugin will be registered on the dom element in checkout.isml with the
+ * id of "checkout-main".
+ *
+ * The checkout plugin will handle the different state the user interface is in as the user
+ * progresses through the varying forms such as shipping and payment.
+ *
+ * Billing info and payment info are used a bit synonymously in this code.
+ *
+ */
+(function ($) {
+  $.fn.checkout = function () {
+    // eslint-disable-line
+    var plugin = this;
+
+    //
+    // Collect form data from user input
+    //
+    var formData = {
+      // Shipping Address
+      shipping: {},
+      // Billing Address
+      billing: {},
+      // Payment
+      payment: {},
+      // Gift Codes
+      giftCode: {}
+    };
+
+    //
+    // The different states/stages of checkout
+    //
+    var checkoutStages = ['shipping', 'payment', 'placeOrder', 'submitted'];
+
+    /**
+     * Updates the URL to determine stage
+     * @param {number} currentStage - The current stage the user is currently on in the checkout
+     */
+    function updateUrl(currentStage) {
+      history.pushState(checkoutStages[currentStage], document.title, location.pathname + '?stage=' + checkoutStages[currentStage] + '#' + checkoutStages[currentStage]);
+    }
+
+    //
+    // Local member methods of the Checkout plugin
+    //
+    var members = {
+      // initialize the currentStage variable for the first time
+      currentStage: 0,
+      /**
+       * Set or update the checkout stage (AKA the shipping, billing, payment, etc... steps)
+       * @returns {Object} a promise
+       */
+      updateStage: function updateStage() {
+        var stage = checkoutStages[members.currentStage];
+        var defer = $.Deferred(); // eslint-disable-line
+
+        if (stage === 'shipping') {
+          //
+          // Clear Previous Errors
+          //
+          formHelpers.clearPreviousErrors('.shipping-form');
+
+          //
+          // Submit the Shipping Address Form
+          //
+          var isMultiShip = $('#checkout-main').hasClass('multi-ship');
+          var formSelector = isMultiShip ? '.multi-shipping .active form' : '.single-shipping .shipping-form';
+          var form = $(formSelector);
+          if (isMultiShip && form.length === 0) {
+            // disable the next:Payment button here
+            $('body').trigger('checkout:disableButton', '.next-step-button button');
+            // in case the multi ship form is already submitted
+            var url = $('#checkout-main').attr('data-checkout-get-url');
+            $.ajax({
+              url: url,
+              method: 'GET',
+              success: function success(data) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                if (!data.error) {
+                  $('body').trigger('checkout:updateCheckoutView', {
+                    order: data.order,
+                    customer: data.customer
+                  });
+                  defer.resolve();
+                } else if (data.message && $('.shipping-error .alert-danger').length < 1) {
+                  var errorMsg = data.message;
+                  var errorHtml = '<div class="alert alert-danger alert-dismissible valid-cart-error ' + 'fade show" role="alert">' + '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' + '<span aria-hidden="true">&times;</span>' + '</button>' + errorMsg + '</div>';
+                  $('.shipping-error').append(errorHtml);
+                  scrollAnimate($('.shipping-error'));
+                  defer.reject();
+                } else if (data.redirectUrl) {
+                  window.location.href = data.redirectUrl;
+                }
+              },
+              error: function error() {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                // Server error submitting form
+                defer.reject();
+              }
+            });
+          } else {
+            var shippingFormData = form.serialize();
+            $('body').trigger('checkout:serializeShipping', {
+              form: form,
+              data: shippingFormData,
+              callback: function callback(data) {
+                shippingFormData = data;
+              }
+            });
+            // disable the next:Payment button here
+            $('body').trigger('checkout:disableButton', '.next-step-button button');
+            $.ajax({
+              url: form.attr('action'),
+              type: 'post',
+              data: shippingFormData,
+              success: function success(data) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                shippingHelpers.methods.shippingFormResponse(defer, data);
+              },
+              error: function error(err) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                if (err.responseJSON && err.responseJSON.redirectUrl) {
+                  window.location.href = err.responseJSON.redirectUrl;
+                }
+                // Server error submitting form
+                defer.reject(err.responseJSON);
+              }
+            });
+          }
+          return defer;
+        } else if (stage === 'payment') {
+          //
+          // Submit the Billing Address Form
+          //
+
+          formHelpers.clearPreviousErrors('.payment-form');
+          var billingAddressForm = $('#dwfrm_billing .billing-address-block :input').serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $('#dwfrm_billing .billing-address-block'),
+            data: billingAddressForm,
+            callback: function callback(data) {
+              if (data) {
+                billingAddressForm = data;
+              }
+            }
+          });
+          var contactInfoForm = $('#dwfrm_billing .contact-info-block :input').serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $('#dwfrm_billing .contact-info-block'),
+            data: contactInfoForm,
+            callback: function callback(data) {
+              if (data) {
+                contactInfoForm = data;
+              }
+            }
+          });
+          var activeTabId = $('.tab-pane.active').attr('id');
+          var paymentInfoSelector = '#dwfrm_billing .' + activeTabId + ' .payment-form-fields :input';
+          var paymentInfoForm = $(paymentInfoSelector).serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $(paymentInfoSelector),
+            data: paymentInfoForm,
+            callback: function callback(data) {
+              if (data) {
+                paymentInfoForm = data;
+              }
+            }
+          });
+          var paymentForm = billingAddressForm + '&' + contactInfoForm + '&' + paymentInfoForm;
+          if ($('.data-checkout-stage').data('customer-type') === 'registered') {
+            // if payment method is credit card
+            if ($('.payment-information').data('payment-method-id') === 'CREDIT_CARD') {
+              if (!$('.payment-information').data('is-new-payment')) {
+                var cvvCode = $('.saved-payment-instrument.' + 'selected-payment .saved-payment-security-code').val();
+                if (cvvCode === '') {
+                  var cvvElement = $('.saved-payment-instrument.' + 'selected-payment ' + '.form-control');
+                  cvvElement.addClass('is-invalid');
+                  scrollAnimate(cvvElement);
+                  defer.reject();
+                  return defer;
+                }
+                var $savedPaymentInstrument = $('.saved-payment-instrument' + '.selected-payment');
+                paymentForm += '&storedPaymentUUID=' + $savedPaymentInstrument.data('uuid');
+                paymentForm += '&securityCode=' + cvvCode;
+              }
+            }
+          }
+          // disable the next:Place Order button here
+          $('body').trigger('checkout:disableButton', '.next-step-button button');
+          $.ajax({
+            url: $('#dwfrm_billing').attr('action'),
+            method: 'POST',
+            data: paymentForm,
+            success: function success(data) {
+              // enable the next:Place Order button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              // look for field validation errors
+              if (data.error) {
+                if (data.fieldErrors.length) {
+                  data.fieldErrors.forEach(function (error) {
+                    if (Object.keys(error).length) {
+                      formHelpers.loadFormErrors('.payment-form', error);
+                    }
+                  });
+                }
+                if (data.serverErrors.length) {
+                  data.serverErrors.forEach(function (error) {
+                    $('.error-message').show();
+                    $('.error-message-text').text(error);
+                    scrollAnimate($('.error-message'));
+                  });
+                }
+                if (data.cartError) {
+                  window.location.href = data.redirectUrl;
+                }
+                defer.reject();
+              } else {
+                //
+                // Populate the Address Summary
+                //
+                $('body').trigger('checkout:updateCheckoutView', {
+                  order: data.order,
+                  customer: data.customer
+                });
+                if (data.renderedPaymentInstruments) {
+                  $('.stored-payments').empty().html(data.renderedPaymentInstruments);
+                }
+                if (data.customer.registeredUser && data.customer.customerPaymentInstruments.length) {
+                  $('.cancel-new-payment').removeClass('checkout-hidden');
+                }
+                scrollAnimate();
+                defer.resolve(data);
+              }
+            },
+            error: function error(err) {
+              // enable the next:Place Order button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              if (err.responseJSON && err.responseJSON.redirectUrl) {
+                window.location.href = err.responseJSON.redirectUrl;
+              }
+            }
+          });
+          return defer;
+        } else if (stage === 'placeOrder') {
+          // disable the placeOrder button here
+          $('body').trigger('checkout:disableButton', '.next-step-button button');
+          $.ajax({
+            url: $('.place-order').data('action'),
+            method: 'POST',
+            success: function success(data) {
+              // enable the placeOrder button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              if (data.error) {
+                if (data.cartError) {
+                  window.location.href = data.redirectUrl;
+                  defer.reject();
+                } else {
+                  // go to appropriate stage and display error message
+                  defer.reject(data);
+                }
+                // ### Custom Adyen cartridge start ###
+              } else if (data.adyenAction) {
+                window.orderToken = data.orderToken;
+                adyenCheckout.actionHandler(data.adyenAction);
+                // ### Custom Adyen cartridge end ###
+              } else {
+                var continueUrl = data.continueUrl;
+                var urlParams = {
+                  ID: data.orderID,
+                  token: data.orderToken
+                };
+                continueUrl += (continueUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(urlParams).map(function (key) {
+                  return key + '=' + encodeURIComponent(urlParams[key]);
+                }).join('&');
+                window.location.href = continueUrl;
+                defer.resolve(data);
+              }
+            },
+            error: function error() {
+              // enable the placeOrder button here
+              $('body').trigger('checkout:enableButton', $('.next-step-button button'));
+            }
+          });
+          return defer;
+        }
+        var p = $('<div>').promise(); // eslint-disable-line
+        setTimeout(function () {
+          p.done(); // eslint-disable-line
+        }, 500);
+        return p; // eslint-disable-line
+      },
+
+      /**
+       * Initialize the checkout stage.
+       *
+       * TODO: update this to allow stage to be set from server?
+       */
+      initialize: function initialize() {
+        // set the initial state of checkout
+        members.currentStage = checkoutStages.indexOf($('.data-checkout-stage').data('checkout-stage'));
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+
+        //
+        // Handle Payment option selection
+        //
+        $('input[name$="paymentMethod"]', plugin).on('change', function () {
+          $('.credit-card-form').toggle($(this).val() === 'CREDIT_CARD');
+        });
+
+        //
+        // Handle Next State button click
+        //
+        $(plugin).on('click', '.next-step-button button', function () {
+          members.nextStage();
+        });
+
+        //
+        // Handle Edit buttons on shipping and payment summary cards
+        //
+        $('.shipping-summary .edit-button', plugin).on('click', function () {
+          if (!$('#checkout-main').hasClass('multi-ship')) {
+            $('body').trigger('shipping:selectSingleShipping');
+          }
+          members.gotoStage('shipping');
+        });
+        $('.payment-summary .edit-button', plugin).on('click', function () {
+          members.gotoStage('payment');
+        });
+
+        //
+        // remember stage (e.g. shipping)
+        //
+        updateUrl(members.currentStage);
+
+        //
+        // Listen for foward/back button press and move to correct checkout-stage
+        //
+        $(window).on('popstate', function (e) {
+          //
+          // Back button when event state less than current state in ordered
+          // checkoutStages array.
+          //
+          if (e.state === null || checkoutStages.indexOf(e.state) < members.currentStage) {
+            members.handlePrevStage(false);
+          } else if (checkoutStages.indexOf(e.state) > members.currentStage) {
+            // Forward button  pressed
+            members.handleNextStage(false);
+          }
+        });
+
+        //
+        // Set the form data
+        //
+        plugin.data('formData', formData);
+      },
+      /**
+       * The next checkout state step updates the css for showing correct buttons etc...
+       */
+      nextStage: function nextStage() {
+        var promise = members.updateStage();
+        promise.done(function () {
+          // Update UI with new stage
+          members.handleNextStage(true);
+        });
+        promise.fail(function (data) {
+          // show errors
+          if (data) {
+            if (data.errorStage) {
+              members.gotoStage(data.errorStage.stage);
+              if (data.errorStage.step === 'billingAddress') {
+                var $billingAddressSameAsShipping = $('input[name$="_shippingAddressUseAsBillingAddress"]');
+                if ($billingAddressSameAsShipping.is(':checked')) {
+                  $billingAddressSameAsShipping.prop('checked', false);
+                }
+              }
+            }
+            if (data.errorMessage) {
+              $('.error-message').show();
+              $('.error-message-text').text(data.errorMessage);
+            }
+          }
+        });
+      },
+      /**
+       * The next checkout state step updates the css for showing correct buttons etc...
+       *
+       * @param {boolean} bPushState - boolean when true pushes state using the history api.
+       */
+      handleNextStage: function handleNextStage(bPushState) {
+        if (members.currentStage < checkoutStages.length - 1) {
+          // move stage forward
+          members.currentStage++;
+
+          //
+          // show new stage in url (e.g.payment)
+          //
+          if (bPushState) {
+            updateUrl(members.currentStage);
+          }
+        }
+
+        // Set the next stage on the DOM
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      },
+      /**
+       * Previous State
+       */
+      handlePrevStage: function handlePrevStage() {
+        if (members.currentStage > 0) {
+          // move state back
+          members.currentStage--;
+          updateUrl(members.currentStage);
+        }
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      },
+      /**
+       * Use window history to go to a checkout stage
+       * @param {string} stageName - the checkout state to goto
+       */
+      gotoStage: function gotoStage(stageName) {
+        members.currentStage = checkoutStages.indexOf(stageName);
+        updateUrl(members.currentStage);
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      }
+    };
+
+    //
+    // Initialize the checkout
+    //
+    members.initialize();
+    return this;
+  };
+})(jQuery);
+module.exports = {
+  updateCheckoutView: function updateCheckoutView() {
+    $('body').on('checkout:updateCheckoutView', function (e, data) {
+      shippingHelpers.methods.updateMultiShipInformation(data.order);
+      summaryHelpers.updateTotals(data.order.totals);
+      data.order.shipping.forEach(function (shipping) {
+        shippingHelpers.methods.updateShippingInformation(shipping, data.order, data.customer, data.options);
+      });
+      var currentStage = window.location.search.substring(window.location.search.indexOf('=') + 1);
+      if (currentStage === ('shipping' || 'payment')) {
+        adyenCheckout.renderGenericComponent();
+      }
+      billingHelpers.methods.updateBillingInformation(data.order, data.customer, data.options);
+      billing.methods.updatePaymentInformation(data.order, data.options);
+      summaryHelpers.updateOrderProductSummaryInformation(data.order, data.options);
+    });
+  }
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js
new file mode 100644
index 000000000..ce1ff4c9c
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js
@@ -0,0 +1,521 @@
+"use strict";
+
+var customerHelpers = require('base/checkout/customer');
+var shippingHelpers = require('base/checkout/shipping');
+var billingHelpers = require('base/checkout/billing');
+var summaryHelpers = require('base/checkout/summary');
+var formHelpers = require('base/checkout/formErrors');
+var scrollAnimate = require('base/components/scrollAnimate');
+var billing = require('./billing');
+// ### Custom Adyen cartridge start ###
+var adyenCheckout = require('../adyenCheckout');
+// ### Custom Adyen cartridge end ###
+
+/**
+ * Create the jQuery Checkout Plugin.
+ *
+ * This jQuery plugin will be registered on the dom element in checkout.isml with the
+ * id of "checkout-main".
+ *
+ * The checkout plugin will handle the different state the user interface is in as the user
+ * progresses through the varying forms such as shipping and payment.
+ *
+ * Billing info and payment info are used a bit synonymously in this code.
+ *
+ */
+(function ($) {
+  $.fn.checkout = function () {
+    var plugin = this;
+
+    //
+    // Collect form data from user input
+    //
+    var formData = {
+      // Customer Data
+      customer: {},
+      // Shipping Address
+      shipping: {},
+      // Billing Address
+      billing: {},
+      // Payment
+      payment: {},
+      // Gift Codes
+      giftCode: {}
+    };
+
+    //
+    // The different states/stages of checkout
+    //
+    var checkoutStages = ['customer', 'shipping', 'payment', 'placeOrder', 'submitted'];
+
+    /**
+     * Updates the URL to determine stage
+     * @param {number} currentStage - The current stage the user is currently on in the checkout
+     */
+    function updateUrl(currentStage) {
+      history.pushState(checkoutStages[currentStage], document.title, location.pathname + '?stage=' + checkoutStages[currentStage] + '#' + checkoutStages[currentStage]);
+    }
+
+    //
+    // Local member methods of the Checkout plugin
+    //
+    var members = {
+      // initialize the currentStage variable for the first time
+      currentStage: 0,
+      /**
+       * Set or update the checkout stage (AKA the shipping, billing, payment, etc... steps)
+       * @returns {Object} a promise
+       */
+      updateStage: function updateStage() {
+        var stage = checkoutStages[members.currentStage];
+        var defer = $.Deferred(); // eslint-disable-line
+
+        if (stage === 'customer') {
+          //
+          // Clear Previous Errors
+          //
+          customerHelpers.methods.clearErrors();
+          //
+          // Submit the Customer Form
+          //
+          var customerFormSelector = customerHelpers.methods.isGuestFormActive() ? customerHelpers.vars.GUEST_FORM : customerHelpers.vars.REGISTERED_FORM;
+          var customerForm = $(customerFormSelector);
+          $.ajax({
+            url: customerForm.attr('action'),
+            type: 'post',
+            data: customerForm.serialize(),
+            success: function success(data) {
+              if (data.redirectUrl) {
+                window.location.href = data.redirectUrl;
+              } else {
+                customerHelpers.methods.customerFormResponse(defer, data);
+              }
+            },
+            error: function error(err) {
+              if (err.responseJSON && err.responseJSON.redirectUrl) {
+                window.location.href = err.responseJSON.redirectUrl;
+              }
+              // Server error submitting form
+              defer.reject(err.responseJSON);
+            }
+          });
+          return defer;
+        } else if (stage === 'shipping') {
+          //
+          // Clear Previous Errors
+          //
+          formHelpers.clearPreviousErrors('.shipping-form');
+
+          //
+          // Submit the Shipping Address Form
+          //
+          var isMultiShip = $('#checkout-main').hasClass('multi-ship');
+          var formSelector = isMultiShip ? '.multi-shipping .active form' : '.single-shipping .shipping-form';
+          var form = $(formSelector);
+          if (isMultiShip && form.length === 0) {
+            // disable the next:Payment button here
+            $('body').trigger('checkout:disableButton', '.next-step-button button');
+            // in case the multi ship form is already submitted
+            var url = $('#checkout-main').attr('data-checkout-get-url');
+            $.ajax({
+              url: url,
+              method: 'GET',
+              success: function success(data) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                if (!data.error) {
+                  $('body').trigger('checkout:updateCheckoutView', {
+                    order: data.order,
+                    customer: data.customer
+                  });
+                  defer.resolve();
+                } else if (data.message && $('.shipping-error .alert-danger').length < 1) {
+                  var errorMsg = data.message;
+                  var errorHtml = '<div class="alert alert-danger alert-dismissible valid-cart-error ' + 'fade show" role="alert">' + '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' + '<span aria-hidden="true">&times;</span>' + '</button>' + errorMsg + '</div>';
+                  $('.shipping-error').append(errorHtml);
+                  scrollAnimate($('.shipping-error'));
+                  defer.reject();
+                } else if (data.redirectUrl) {
+                  window.location.href = data.redirectUrl;
+                }
+              },
+              error: function error() {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                // Server error submitting form
+                defer.reject();
+              }
+            });
+          } else {
+            var shippingFormData = form.serialize();
+            $('body').trigger('checkout:serializeShipping', {
+              form: form,
+              data: shippingFormData,
+              callback: function callback(data) {
+                shippingFormData = data;
+              }
+            });
+            // disable the next:Payment button here
+            $('body').trigger('checkout:disableButton', '.next-step-button button');
+            $.ajax({
+              url: form.attr('action'),
+              type: 'post',
+              data: shippingFormData,
+              success: function success(data) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                shippingHelpers.methods.shippingFormResponse(defer, data);
+              },
+              error: function error(err) {
+                // enable the next:Payment button here
+                $('body').trigger('checkout:enableButton', '.next-step-button button');
+                if (err.responseJSON && err.responseJSON.redirectUrl) {
+                  window.location.href = err.responseJSON.redirectUrl;
+                }
+                // Server error submitting form
+                defer.reject(err.responseJSON);
+              }
+            });
+          }
+          return defer;
+        } else if (stage === 'payment') {
+          //
+          // Submit the Billing Address Form
+          //
+
+          formHelpers.clearPreviousErrors('.payment-form');
+          var billingAddressForm = $('#dwfrm_billing .billing-address-block :input').serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $('#dwfrm_billing .billing-address-block'),
+            data: billingAddressForm,
+            callback: function callback(data) {
+              if (data) {
+                billingAddressForm = data;
+              }
+            }
+          });
+          var contactInfoForm = $('#dwfrm_billing .contact-info-block :input').serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $('#dwfrm_billing .contact-info-block'),
+            data: contactInfoForm,
+            callback: function callback(data) {
+              if (data) {
+                contactInfoForm = data;
+              }
+            }
+          });
+          var activeTabId = $('.tab-pane.active').attr('id');
+          var paymentInfoSelector = '#dwfrm_billing .' + activeTabId + ' .payment-form-fields :input';
+          var paymentInfoForm = $(paymentInfoSelector).serialize();
+          $('body').trigger('checkout:serializeBilling', {
+            form: $(paymentInfoSelector),
+            data: paymentInfoForm,
+            callback: function callback(data) {
+              if (data) {
+                paymentInfoForm = data;
+              }
+            }
+          });
+          var paymentForm = billingAddressForm + '&' + contactInfoForm + '&' + paymentInfoForm;
+          if ($('.data-checkout-stage').data('customer-type') === 'registered') {
+            // if payment method is credit card
+            if ($('.payment-information').data('payment-method-id') === 'CREDIT_CARD') {
+              if (!$('.payment-information').data('is-new-payment')) {
+                var cvvCode = $('.saved-payment-instrument.' + 'selected-payment .saved-payment-security-code').val();
+                if (cvvCode === '') {
+                  var cvvElement = $('.saved-payment-instrument.' + 'selected-payment ' + '.form-control');
+                  cvvElement.addClass('is-invalid');
+                  scrollAnimate(cvvElement);
+                  defer.reject();
+                  return defer;
+                }
+                var $savedPaymentInstrument = $('.saved-payment-instrument' + '.selected-payment');
+                paymentForm += '&storedPaymentUUID=' + $savedPaymentInstrument.data('uuid');
+                paymentForm += '&securityCode=' + cvvCode;
+              }
+            }
+          }
+          // disable the next:Place Order button here
+          $('body').trigger('checkout:disableButton', '.next-step-button button');
+          $.ajax({
+            url: $('#dwfrm_billing').attr('action'),
+            method: 'POST',
+            data: paymentForm,
+            success: function success(data) {
+              // enable the next:Place Order button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              // look for field validation errors
+              if (data.error) {
+                if (data.fieldErrors.length) {
+                  data.fieldErrors.forEach(function (error) {
+                    if (Object.keys(error).length) {
+                      formHelpers.loadFormErrors('.payment-form', error);
+                    }
+                  });
+                }
+                if (data.serverErrors.length) {
+                  data.serverErrors.forEach(function (error) {
+                    $('.error-message').show();
+                    $('.error-message-text').text(error);
+                    scrollAnimate($('.error-message'));
+                  });
+                }
+                if (data.cartError) {
+                  window.location.href = data.redirectUrl;
+                }
+                defer.reject();
+              } else {
+                //
+                // Populate the Address Summary
+                //
+                $('body').trigger('checkout:updateCheckoutView', {
+                  order: data.order,
+                  customer: data.customer
+                });
+                if (data.renderedPaymentInstruments) {
+                  $('.stored-payments').empty().html(data.renderedPaymentInstruments);
+                }
+                if (data.customer.registeredUser && data.customer.customerPaymentInstruments.length) {
+                  $('.cancel-new-payment').removeClass('checkout-hidden');
+                }
+                scrollAnimate();
+                defer.resolve(data);
+              }
+            },
+            error: function error(err) {
+              // enable the next:Place Order button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              if (err.responseJSON && err.responseJSON.redirectUrl) {
+                window.location.href = err.responseJSON.redirectUrl;
+              }
+            }
+          });
+          return defer;
+        } else if (stage === 'placeOrder') {
+          // disable the placeOrder button here
+          $('body').trigger('checkout:disableButton', '.next-step-button button');
+          $.ajax({
+            url: $('.place-order').data('action'),
+            method: 'POST',
+            success: function success(data) {
+              // enable the placeOrder button here
+              $('body').trigger('checkout:enableButton', '.next-step-button button');
+              if (data.error) {
+                if (data.cartError) {
+                  window.location.href = data.redirectUrl;
+                  defer.reject();
+                } else {
+                  // go to appropriate stage and display error message
+                  defer.reject(data);
+                }
+                // ### Custom Adyen cartridge start ###
+              } else if (data.adyenAction) {
+                window.orderToken = data.orderToken;
+                adyenCheckout.actionHandler(data.adyenAction);
+                // ### Custom Adyen cartridge end ###
+              } else {
+                var redirect = $('<form>').appendTo(document.body).attr({
+                  method: 'POST',
+                  action: data.continueUrl
+                });
+                $('<input>').appendTo(redirect).attr({
+                  name: 'orderID',
+                  value: data.orderID
+                });
+                $('<input>').appendTo(redirect).attr({
+                  name: 'orderToken',
+                  value: data.orderToken
+                });
+                redirect.submit();
+                defer.resolve(data);
+              }
+            },
+            error: function error() {
+              // enable the placeOrder button here
+              $('body').trigger('checkout:enableButton', $('.next-step-button button'));
+            }
+          });
+          return defer;
+        }
+        var p = $('<div>').promise(); // eslint-disable-line
+        setTimeout(function () {
+          p.done(); // eslint-disable-line
+        }, 500);
+        return p; // eslint-disable-line
+      },
+
+      /**
+       * Initialize the checkout stage.
+       *
+       * TODO: update this to allow stage to be set from server?
+       */
+      initialize: function initialize() {
+        // set the initial state of checkout
+        members.currentStage = checkoutStages.indexOf($('.data-checkout-stage').data('checkout-stage'));
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+        $('body').on('click', '.submit-customer-login', function (e) {
+          e.preventDefault();
+          members.nextStage();
+        });
+        $('body').on('click', '.submit-customer', function (e) {
+          e.preventDefault();
+          members.nextStage();
+        });
+
+        //
+        // Handle Payment option selection
+        //
+        $('input[name$="paymentMethod"]', plugin).on('change', function () {
+          $('.credit-card-form').toggle($(this).val() === 'CREDIT_CARD');
+        });
+
+        //
+        // Handle Next State button click
+        //
+        $(plugin).on('click', '.next-step-button button', function () {
+          members.nextStage();
+        });
+
+        //
+        // Handle Edit buttons on shipping and payment summary cards
+        //
+        $('.customer-summary .edit-button', plugin).on('click', function () {
+          members.gotoStage('customer');
+        });
+        $('.shipping-summary .edit-button', plugin).on('click', function () {
+          if (!$('#checkout-main').hasClass('multi-ship')) {
+            $('body').trigger('shipping:selectSingleShipping');
+          }
+          members.gotoStage('shipping');
+        });
+        $('.payment-summary .edit-button', plugin).on('click', function () {
+          members.gotoStage('payment');
+        });
+
+        //
+        // remember stage (e.g. shipping)
+        //
+        updateUrl(members.currentStage);
+
+        //
+        // Listen for foward/back button press and move to correct checkout-stage
+        //
+        $(window).on('popstate', function (e) {
+          //
+          // Back button when event state less than current state in ordered
+          // checkoutStages array.
+          //
+          if (e.state === null || checkoutStages.indexOf(e.state) < members.currentStage) {
+            members.handlePrevStage(false);
+          } else if (checkoutStages.indexOf(e.state) > members.currentStage) {
+            // Forward button  pressed
+            members.handleNextStage(false);
+          }
+        });
+
+        //
+        // Set the form data
+        //
+        plugin.data('formData', formData);
+      },
+      /**
+       * The next checkout state step updates the css for showing correct buttons etc...
+       */
+      nextStage: function nextStage() {
+        var promise = members.updateStage();
+        promise.done(function () {
+          // Update UI with new stage
+          $('.error-message').hide();
+          members.handleNextStage(true);
+        });
+        promise.fail(function (data) {
+          // show errors
+          if (data) {
+            if (data.errorStage) {
+              members.gotoStage(data.errorStage.stage);
+              if (data.errorStage.step === 'billingAddress') {
+                var $billingAddressSameAsShipping = $('input[name$="_shippingAddressUseAsBillingAddress"]');
+                if ($billingAddressSameAsShipping.is(':checked')) {
+                  $billingAddressSameAsShipping.prop('checked', false);
+                }
+              }
+            }
+            if (data.errorMessage) {
+              $('.error-message').show();
+              $('.error-message-text').text(data.errorMessage);
+            }
+          }
+        });
+      },
+      /**
+       * The next checkout state step updates the css for showing correct buttons etc...
+       *
+       * @param {boolean} bPushState - boolean when true pushes state using the history api.
+       */
+      handleNextStage: function handleNextStage(bPushState) {
+        if (members.currentStage < checkoutStages.length - 1) {
+          // move stage forward
+          members.currentStage++;
+
+          //
+          // show new stage in url (e.g.payment)
+          //
+          if (bPushState) {
+            updateUrl(members.currentStage);
+          }
+        }
+
+        // Set the next stage on the DOM
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      },
+      /**
+       * Previous State
+       */
+      handlePrevStage: function handlePrevStage() {
+        if (members.currentStage > 0) {
+          // move state back
+          members.currentStage--;
+          updateUrl(members.currentStage);
+        }
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      },
+      /**
+       * Use window history to go to a checkout stage
+       * @param {string} stageName - the checkout state to goto
+       */
+      gotoStage: function gotoStage(stageName) {
+        members.currentStage = checkoutStages.indexOf(stageName);
+        updateUrl(members.currentStage);
+        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);
+      }
+    };
+
+    //
+    // Initialize the checkout
+    //
+    members.initialize();
+    return this;
+  };
+})(jQuery);
+module.exports = {
+  updateCheckoutView: function updateCheckoutView() {
+    $('body').on('checkout:updateCheckoutView', function (e, data) {
+      if (data.csrfToken) {
+        $("input[name*='csrf_token']").val(data.csrfToken);
+      }
+      customerHelpers.methods.updateCustomerInformation(data.customer, data.order);
+      shippingHelpers.methods.updateMultiShipInformation(data.order);
+      summaryHelpers.updateTotals(data.order.totals);
+      data.order.shipping.forEach(function (shipping) {
+        shippingHelpers.methods.updateShippingInformation(shipping, data.order, data.customer, data.options);
+      });
+      var currentStage = window.location.search.substring(window.location.search.indexOf('=') + 1);
+      if (currentStage === ('shipping' || 'payment')) {
+        adyenCheckout.renderGenericComponent();
+      }
+      billingHelpers.methods.updateBillingInformation(data.order, data.customer, data.options);
+      billing.methods.updatePaymentInformation(data.order, data.options);
+      summaryHelpers.updateOrderProductSummaryInformation(data.order, data.options);
+    });
+  }
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js
new file mode 100644
index 000000000..b94a2fa10
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js
@@ -0,0 +1,92 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+var store = require('../../../../store');
+module.exports.onFieldValid = function onFieldValid(data) {
+  if (data.endDigits) {
+    store.endDigits = data.endDigits;
+    document.querySelector('#cardNumber').value = store.maskedCardNumber;
+  }
+};
+module.exports.onBrand = function onBrand(brandObject) {
+  document.querySelector('#cardType').value = brandObject.brand;
+};
+
+/**
+ * Makes an ajax call to the controller function CreateSession
+ */
+module.exports.createSession = /*#__PURE__*/function () {
+  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", $.ajax({
+            url: window.sessionsUrl,
+            type: 'get'
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  function createSession() {
+    return _createSession.apply(this, arguments);
+  }
+  return createSession;
+}();
+
+/**
+ * Makes an ajax call to the controller function FetchGiftCards
+ */
+module.exports.fetchGiftCards = /*#__PURE__*/function () {
+  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          return _context2.abrupt("return", $.ajax({
+            url: window.fetchGiftCardsUrl,
+            type: 'get'
+          }));
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  function fetchGiftCards() {
+    return _fetchGiftCards.apply(this, arguments);
+  }
+  return fetchGiftCards;
+}();
+module.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {
+  var expressMethodsConfig = {
+    applepay: window.isApplePayExpressEnabled === 'true',
+    amazonpay: window.isAmazonPayExpressEnabled === 'true'
+  };
+  var enabledExpressMethods = [];
+  Object.keys(expressMethodsConfig).forEach(function (key) {
+    if (expressMethodsConfig[key]) {
+      enabledExpressMethods.push(key);
+    }
+  });
+  enabledExpressMethods = enabledExpressMethods.sort();
+  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];
+  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);
+  if (!enabledExpressMethods.length || areAllMethodsReady) {
+    var _document$getElementB, _document$getElementB2;
+    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');
+    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');
+  }
+};
+module.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {
+  if (!window.loadedExpressMethods) {
+    window.loadedExpressMethods = [];
+  }
+  if (!window.loadedExpressMethods.includes(method)) {
+    window.loadedExpressMethods.push(method);
+  }
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js
new file mode 100644
index 000000000..12977c01d
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js
@@ -0,0 +1,20 @@
+"use strict";
+
+// Adyen constants
+
+module.exports = {
+  METHOD_ADYEN: 'Adyen',
+  METHOD_ADYEN_POS: 'AdyenPOS',
+  METHOD_ADYEN_COMPONENT: 'AdyenComponent',
+  RECEIVED: 'Received',
+  NOTENOUGHBALANCE: 'NotEnoughBalance',
+  SUCCESS: 'Success',
+  GIFTCARD: 'giftcard',
+  GIROPAY: 'giropay',
+  APPLE_PAY: 'applepay',
+  ACTIONTYPE: {
+    QRCODE: 'qrCode'
+  },
+  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],
+  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js b/cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js
new file mode 100644
index 000000000..18efb6cfc
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js
@@ -0,0 +1,46 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+var _require = require('./commons'),
+  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady;
+function handleExpressPaymentsVisibility() {
+  return _handleExpressPaymentsVisibility.apply(this, arguments);
+}
+function _handleExpressPaymentsVisibility() {
+  _handleExpressPaymentsVisibility = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _window, expressMethodsOrder, sortOrder, container, toSort;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _window = window, expressMethodsOrder = _window.expressMethodsOrder;
+          if (expressMethodsOrder) {
+            sortOrder = expressMethodsOrder.split(',');
+            container = document.getElementById('express-container');
+            toSort = Array.prototype.slice.call(container.children, 0);
+            toSort.sort(function (a, b) {
+              return sortOrder.indexOf(a.dataset.method) - sortOrder.indexOf(b.dataset.method);
+            });
+            container.innerHTML = '';
+            _toConsumableArray(toSort).map(function (node) {
+              return container.appendChild(node);
+            });
+          }
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleExpressPaymentsVisibility.apply(this, arguments);
+}
+handleExpressPaymentsVisibility();
+checkIfExpressMethodsAreReady();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/config/countries.json b/cartridges/int_adyen_SFRA/cartridge/config/countries.json
new file mode 100644
index 000000000..d9ad44311
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/config/countries.json
@@ -0,0 +1,37 @@
+[{
+  "id": "en_US",
+  "currencyCode": "USD"
+}, {
+  "id": "en_GB",
+  "currencyCode": "GBP"
+}, {
+  "id": "ja_JP",
+  "currencyCode": "JPY"
+}, {
+  "id": "zh_CN",
+  "currencyCode": "CNY"
+}, {
+  "id": "fr_FR",
+  "currencyCode": "EUR"
+}, {
+  "id": "it_IT",
+  "currencyCode": "EUR"
+}, {
+  "id": "pt_BR",
+  "currencyCode": "BRL"
+}, {
+  "id": "nb_NO",
+  "currencyCode": "NOK"
+}, {
+  "id": "da_DK",
+  "currencyCode": "DKK"
+}, {
+  "id": "sv_SE",
+  "currencyCode": "SEK"
+}, {
+  "id": "hi_IN",
+  "currencyCode": "INR"
+}, {
+  "id": "ja_JP",
+  "currencyCode": "JPY"
+}]
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/Account.js b/cartridges/int_adyen_SFRA/cartridge/controllers/Account.js
new file mode 100644
index 000000000..ed6de2241
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/Account.js
@@ -0,0 +1,19 @@
+"use strict";
+
+var server = require('server');
+var _require = require('*/cartridge/scripts/updateSavedCards'),
+  updateSavedCards = _require.updateSavedCards;
+server.extend(module.superModule);
+var userLoggedIn = require('*/cartridge/scripts/middleware/userLoggedIn');
+var consentTracking = require('*/cartridge/scripts/middleware/consentTracking');
+
+/*
+ * Prepends Account's 'Show' function to update saved cards.
+ */
+server.prepend('Show', server.middleware.https, userLoggedIn.validateLoggedIn, consentTracking.consent, function (req, res, next) {
+  updateSavedCards({
+    CurrentCustomer: req.currentCustomer.raw
+  });
+  next();
+});
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/Adyen.js b/cartridges/int_adyen_SFRA/cartridge/controllers/Adyen.js
new file mode 100644
index 000000000..f0a463bc1
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/Adyen.js
@@ -0,0 +1,92 @@
+"use strict";
+
+var server = require('server');
+var consentTracking = require('*/cartridge/scripts/middleware/consentTracking');
+var adyenGiving = require('*/cartridge/scripts/adyenGiving');
+var _require = require('*/cartridge/controllers/middlewares/index'),
+  adyen = _require.adyen;
+var EXTERNAL_PLATFORM_VERSION = 'SFRA';
+
+/**
+ * Show confirmation after return from Adyen
+ */
+server.get('ShowConfirmation', server.middleware.https, adyen.showConfirmation);
+
+/**
+ *  Confirm payment status after receiving redirectResult from Adyen
+ */
+server.post('PaymentsDetails', server.middleware.https, consentTracking.consent, adyen.paymentsDetails);
+server.get('Sessions', server.middleware.https, adyen.callCreateSession);
+server.get('ShippingMethods', server.middleware.https, adyen.callGetShippingMethods);
+server.post('SelectShippingMethod', server.middleware.https, adyen.callSelectShippingMethod);
+
+/**
+ * Redirect to Adyen after 3DS1 Authentication When adding a card to an account
+ */
+server.get('Redirect3DS1Response', server.middleware.https, adyen.redirect3ds1Response);
+
+/**
+ * Show confirmation for payments completed from component directly e.g. paypal, QRcode, ..
+ */
+server.post('ShowConfirmationPaymentFromComponent', server.middleware.https, adyen.showConfirmationPaymentFromComponent);
+
+/**
+ * Complete a donation through adyenGiving
+ */
+server.post('Donate', server.middleware.https, function (req /* , res, next */) {
+  var _req$form = req.form,
+    orderNo = _req$form.orderNo,
+    orderToken = _req$form.orderToken;
+  var donationAmount = {
+    value: req.form.amountValue,
+    currency: req.form.amountCurrency
+  };
+  var donationResult = adyenGiving.donate(orderNo, donationAmount, orderToken);
+  return donationResult.response;
+});
+
+/**
+ * Make a payment from inside a component (paypal)
+ */
+server.post('PaymentFromComponent', server.middleware.https, adyen.paymentFromComponent);
+
+/**
+ *  Save shopper details that came from an Express component in the SFCC session
+ */
+server.post('SaveExpressShopperDetails', server.middleware.https, adyen.saveExpressShopperDetails);
+server.get('GetPaymentMethods', server.middleware.https, adyen.getCheckoutPaymentMethods);
+
+/**
+ * Called by Adyen to update status of payments. It should always display [accepted] when finished.
+ */
+server.post('Notify', server.middleware.https, adyen.notify);
+
+/**
+ * Called by Adyen to check balance of gift card.
+ */
+server.post('CheckBalance', server.middleware.https, adyen.checkBalance);
+
+/**
+ * Called by Adyen to cancel a partial payment order.
+ */
+server.post('CancelPartialPaymentOrder', server.middleware.https, adyen.cancelPartialPaymentOrder);
+
+/**
+ * Called by Adyen to create a partial payments order
+ */
+server.post('PartialPaymentsOrder', server.middleware.https, adyen.partialPaymentsOrder);
+
+/**
+ * Called by Adyen to apply a giftcard
+ */
+server.post('partialPayment', server.middleware.https, adyen.partialPayment);
+
+/**
+ * Called by Adyen to fetch applied giftcards
+ */
+server.get('fetchGiftCards', server.middleware.https, adyen.fetchGiftCards);
+function getExternalPlatformVersion() {
+  return EXTERNAL_PLATFORM_VERSION;
+}
+module.exports = server.exports();
+module.exports.getExternalPlatformVersion = getExternalPlatformVersion();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/Checkout.js b/cartridges/int_adyen_SFRA/cartridge/controllers/Checkout.js
new file mode 100644
index 000000000..e8927f5c3
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/Checkout.js
@@ -0,0 +1,14 @@
+"use strict";
+
+var server = require('server');
+var csrfProtection = require('*/cartridge/scripts/middleware/csrf');
+var consentTracking = require('*/cartridge/scripts/middleware/consentTracking');
+var _require = require('*/cartridge/controllers/middlewares/index'),
+  checkout = _require.checkout;
+server.extend(module.superModule);
+
+/*
+ * Prepends Checkout's 'Begin' function with Adyen-specific configuration.
+ */
+server.prepend('Begin', server.middleware.https, consentTracking.consent, csrfProtection.generateToken, checkout.begin);
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/CheckoutServices.js b/cartridges/int_adyen_SFRA/cartridge/controllers/CheckoutServices.js
new file mode 100644
index 000000000..ad6f20b57
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/CheckoutServices.js
@@ -0,0 +1,7 @@
+"use strict";
+
+var server = require('server');
+server.extend(module.superModule);
+var placeOrder = require('*/cartridge/controllers/middlewares/checkout_services/placeOrder');
+server.prepend('PlaceOrder', server.middleware.https, placeOrder);
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/Order.js b/cartridges/int_adyen_SFRA/cartridge/controllers/Order.js
new file mode 100644
index 000000000..936bb846b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/Order.js
@@ -0,0 +1,14 @@
+"use strict";
+
+var server = require('server');
+var csrfProtection = require('*/cartridge/scripts/middleware/csrf');
+var consentTracking = require('*/cartridge/scripts/middleware/consentTracking');
+var _require = require('*/cartridge/controllers/middlewares/index'),
+  order = _require.order;
+server.extend(module.superModule);
+
+/*
+ * Prepends Order's 'Confirm' function to support Adyen Giving.
+ */
+server.prepend('Confirm', server.middleware.https, consentTracking.consent, csrfProtection.generateToken, order.confirm);
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/PaymentInstruments.js b/cartridges/int_adyen_SFRA/cartridge/controllers/PaymentInstruments.js
new file mode 100644
index 000000000..68f831841
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/PaymentInstruments.js
@@ -0,0 +1,51 @@
+"use strict";
+
+var server = require('server');
+server.extend(module.superModule);
+var userLoggedIn = require('*/cartridge/scripts/middleware/userLoggedIn');
+var consentTracking = require('*/cartridge/scripts/middleware/consentTracking');
+var csrfProtection = require('*/cartridge/scripts/middleware/csrf');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var _require = require('*/cartridge/scripts/updateSavedCards'),
+  updateSavedCards = _require.updateSavedCards;
+var _require2 = require('*/cartridge/controllers/middlewares/index'),
+  paymentInstruments = _require2.paymentInstruments;
+
+/*
+ * Prepends PaymentInstruments' 'List' function to list saved cards.
+ */
+server.prepend('List', userLoggedIn.validateLoggedIn, consentTracking.consent, function (req, res, next) {
+  updateSavedCards({
+    CurrentCustomer: req.currentCustomer.raw
+  });
+  next();
+});
+
+/*
+ * Prepends PaymentInstruments' 'AddPayment' function to pass Adyen-specific configurations.
+ */
+server.prepend('AddPayment', csrfProtection.generateToken, consentTracking.consent, userLoggedIn.validateLoggedIn, function (req, res, next) {
+  var clientKey = AdyenConfigs.getAdyenClientKey();
+  var environment = AdyenHelper.getCheckoutEnvironment();
+  var viewData = res.getViewData();
+  viewData.adyen = {
+    clientKey: clientKey,
+    environment: environment
+  };
+  res.setViewData(viewData);
+  next();
+});
+
+/*
+ * Prepends PaymentInstruments' 'SavePayment' function to handle saving a payment instrument
+ *  when the selected payment processor is Adyen.
+ */
+server.prepend('SavePayment', csrfProtection.validateAjaxRequest, paymentInstruments.savePayment);
+
+/*
+ * Prepends PaymentInstruments' 'DeletePayment' function to handle deleting a payment instrument
+ *  when the selected payment processor is Adyen.
+ */
+server.append('DeletePayment', userLoggedIn.validateLoggedInAjax, paymentInstruments.deletePayment);
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/RedirectURL.js b/cartridges/int_adyen_SFRA/cartridge/controllers/RedirectURL.js
new file mode 100644
index 000000000..05416eecf
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/RedirectURL.js
@@ -0,0 +1,18 @@
+"use strict";
+
+var server = require('server');
+var URLRedirectMgr = require('dw/web/URLRedirectMgr');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('../client/default/js/constants');
+server.extend(module.superModule);
+server.prepend('Start', function (req, res, next) {
+  var origin = URLRedirectMgr.redirectOrigin;
+  // Intercept the incoming path request
+  if (origin.match(constants.APPLE_DOMAIN_URL)) {
+    var applePayDomainAssociation = AdyenConfigs.getApplePayDomainAssociation();
+    response.getWriter().print(applePayDomainAssociation);
+    return null;
+  }
+  return next();
+});
+module.exports = server.exports();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/cancelPartialPaymentOrder.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/cancelPartialPaymentOrder.js
new file mode 100644
index 000000000..0807c4815
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/cancelPartialPaymentOrder.js
@@ -0,0 +1,60 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var BasketMgr = require('dw/order/BasketMgr');
+var Transaction = require('dw/system/Transaction');
+var Resource = require('dw/web/Resource');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var collections = require('*/cartridge/scripts/util/collections');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var _require = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require.clearForms;
+function cancelPartialPaymentOrder(req, res, next) {
+  try {
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var request = JSON.parse(req.body);
+    var partialPaymentsOrder = request.partialPaymentsOrder;
+    var cancelOrderRequest = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      order: partialPaymentsOrder
+    };
+    var response = adyenCheckout.doCancelPartialPaymentOrderCall(cancelOrderRequest);
+    if (response.resultCode === constants.RESULTCODES.RECEIVED) {
+      Transaction.wrap(function () {
+        collections.forEach(currentBasket.getPaymentInstruments(), function (item) {
+          if (item.custom.adyenPartialPaymentsOrder) {
+            currentBasket.removePaymentInstrument(item);
+          }
+        });
+        clearForms.clearAdyenBasketData(currentBasket);
+      });
+      session.privacy.giftCardResponse = null;
+      session.privacy.partialPaymentData = null;
+    } else {
+      throw new Error("received resultCode ".concat(response.resultCode));
+    }
+    var amount = {
+      currency: currentBasket.currencyCode,
+      value: AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()).value
+    };
+    res.json(_objectSpread(_objectSpread({}, response), {}, {
+      amount: amount
+    }));
+  } catch (error) {
+    AdyenLogs.error_log("Could not cancel partial payments order.. ".concat(error.toString()));
+    res.json({
+      error: true,
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+  }
+  return next();
+}
+module.exports = cancelPartialPaymentOrder;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/checkBalance.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/checkBalance.js
new file mode 100644
index 000000000..d3c93ccbc
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/checkBalance.js
@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var BasketMgr = require('dw/order/BasketMgr');
+var Money = require('dw/value/Money');
+var OrderMgr = require('dw/order/OrderMgr');
+var Transaction = require('dw/system/Transaction');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getFormattedProperties(checkBalanceResponse, orderAmount) {
+  if (checkBalanceResponse.resultCode === 'Success') {
+    var remainingAmount = new Money(0, checkBalanceResponse.balance.currency);
+    var remainingDivideBy = AdyenHelper.getDivisorForCurrency(remainingAmount);
+    var remainingAmountFormatted = remainingAmount.divide(remainingDivideBy).toFormattedString();
+    var totalAmount = new Money(orderAmount.value, orderAmount.currency);
+    var totalDivideBy = AdyenHelper.getDivisorForCurrency(totalAmount);
+    var totalAmountFormatted = totalAmount.divide(totalDivideBy).toFormattedString();
+    return {
+      remainingAmountFormatted: remainingAmountFormatted,
+      totalAmountFormatted: totalAmountFormatted
+    };
+  }
+  return {};
+}
+function getAddedGiftCards(basket) {
+  var _basket$custom;
+  return (_basket$custom = basket.custom) !== null && _basket$custom !== void 0 && _basket$custom.adyenGiftCards ? JSON.parse(basket.custom.adyenGiftCards) : null;
+}
+function callCheckBalance(req, res, next) {
+  try {
+    var _currentBasket$custom;
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var orderNo = ((_currentBasket$custom = currentBasket.custom) === null || _currentBasket$custom === void 0 ? void 0 : _currentBasket$custom.adyenGiftCardsOrderNo) || OrderMgr.createOrderNo();
+    var giftCardsAdded = getAddedGiftCards(currentBasket);
+    var orderAmount = {
+      currency: currentBasket.currencyCode,
+      value: AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()).value
+    };
+    var amount = giftCardsAdded ? giftCardsAdded[giftCardsAdded.length - 1].remainingAmount : orderAmount;
+    var request = JSON.parse(req.body);
+    var paymentMethod = request.paymentMethod ? request.paymentMethod : constants.ACTIONTYPES.GIFTCARD;
+    var checkBalanceRequest = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      amount: amount,
+      reference: orderNo,
+      paymentMethod: paymentMethod
+    };
+    var checkBalanceResponse = adyenCheckout.doCheckBalanceCall(checkBalanceRequest);
+    Transaction.wrap(function () {
+      currentBasket.custom.adyenGiftCardsOrderNo = orderNo;
+    });
+    res.json(_objectSpread(_objectSpread({}, checkBalanceResponse), getFormattedProperties(checkBalanceResponse, orderAmount)));
+  } catch (error) {
+    AdyenLogs.error_log("Failed to check gift card balance ".concat(error.toString()));
+    res.json({
+      error: true
+    });
+  }
+  return next();
+}
+module.exports = callCheckBalance;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/fetchGiftCards.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/fetchGiftCards.js
new file mode 100644
index 000000000..4b040f4a4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/fetchGiftCards.js
@@ -0,0 +1,37 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var Money = require('dw/value/Money');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var _require = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require.clearForms;
+function fetchGiftCards(req, res, next) {
+  try {
+    var _currentBasket$custom;
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var addedGiftCards = currentBasket !== null && currentBasket !== void 0 && (_currentBasket$custom = currentBasket.custom) !== null && _currentBasket$custom !== void 0 && _currentBasket$custom.adyenGiftCards ? JSON.parse(currentBasket.custom.adyenGiftCards) : [];
+    var totalDiscountedAmount = null;
+    if (addedGiftCards !== null && addedGiftCards !== void 0 && addedGiftCards.length) {
+      var divideBy = AdyenHelper.getDivisorForCurrency({
+        currencyCode: currentBasket.currencyCode
+      });
+      totalDiscountedAmount = new Money(addedGiftCards.reduce(function (accumulator, currentValue) {
+        return accumulator + currentValue.giftCard.amount.value;
+      }, 0), addedGiftCards[addedGiftCards.length - 1].giftCard.amount.currency).divide(divideBy).toFormattedString();
+    }
+    res.json({
+      giftCards: addedGiftCards,
+      totalDiscountedAmount: totalDiscountedAmount
+    });
+  } catch (error) {
+    AdyenLogs.error_log("Failed to fetch gift cards ".concat(error.toString()));
+    var _currentBasket = BasketMgr.getCurrentBasket();
+    clearForms.clearAdyenBasketData(_currentBasket);
+    res.json({
+      error: true
+    });
+  }
+  return next();
+}
+module.exports = fetchGiftCards;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/getCheckoutPaymentMethods.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/getCheckoutPaymentMethods.js
new file mode 100644
index 000000000..a5c305a21
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/getCheckoutPaymentMethods.js
@@ -0,0 +1,24 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var Locale = require('dw/util/Locale');
+var getPaymentMethods = require('*/cartridge/scripts/adyenGetPaymentMethods');
+function getCheckoutPaymentMethods(req, res, next) {
+  var countryCode = Locale.getLocale(req.locale.id).country;
+  var currentBasket = BasketMgr.getCurrentBasket();
+  if (currentBasket.getShipments().length > 0 && currentBasket.getShipments()[0].shippingAddress) {
+    countryCode = currentBasket.getShipments()[0].shippingAddress.getCountryCode();
+  }
+  var paymentMethods;
+  try {
+    var _countryCode$value;
+    paymentMethods = getPaymentMethods.getMethods(BasketMgr.getCurrentBasket(), ((_countryCode$value = countryCode.value) === null || _countryCode$value === void 0 ? void 0 : _countryCode$value.toString()) || countryCode.value).paymentMethods;
+  } catch (err) {
+    paymentMethods = [];
+  }
+  res.json({
+    AdyenPaymentMethods: paymentMethods
+  });
+  return next();
+}
+module.exports = getCheckoutPaymentMethods;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/index.js
new file mode 100644
index 000000000..4d6796922
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/index.js
@@ -0,0 +1,36 @@
+"use strict";
+
+var showConfirmation = require('*/cartridge/controllers/middlewares/adyen/showConfirmation');
+var paymentFromComponent = require('*/cartridge/controllers/middlewares/adyen/paymentFromComponent');
+var notify = require('*/cartridge/controllers/middlewares/adyen/notify');
+var showConfirmationPaymentFromComponent = require('*/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent');
+var paymentsDetails = require('*/cartridge/controllers/middlewares/adyen/paymentsDetails');
+var redirect3ds1Response = require('*/cartridge/controllers/middlewares/adyen/redirect3ds1Response');
+var callCreateSession = require('*/cartridge/controllers/middlewares/adyen/sessions');
+var checkBalance = require('*/cartridge/controllers/middlewares/adyen/checkBalance');
+var cancelPartialPaymentOrder = require('*/cartridge/controllers/middlewares/adyen/cancelPartialPaymentOrder');
+var partialPaymentsOrder = require('*/cartridge/controllers/middlewares/adyen/partialPaymentsOrder');
+var partialPayment = require('*/cartridge/controllers/middlewares/adyen/partialPayment');
+var callGetShippingMethods = require('*/cartridge/controllers/middlewares/adyen/shippingMethods');
+var callSelectShippingMethod = require('*/cartridge/controllers/middlewares/adyen/selectShippingMethods');
+var fetchGiftCards = require('*/cartridge/controllers/middlewares/adyen/fetchGiftCards');
+var saveExpressShopperDetails = require('*/cartridge/controllers/middlewares/adyen/saveExpressShopperDetails');
+var getCheckoutPaymentMethods = require('*/cartridge/controllers/middlewares/adyen/getCheckoutPaymentMethods');
+module.exports = {
+  showConfirmation: showConfirmation,
+  paymentFromComponent: paymentFromComponent,
+  notify: notify,
+  showConfirmationPaymentFromComponent: showConfirmationPaymentFromComponent,
+  paymentsDetails: paymentsDetails,
+  redirect3ds1Response: redirect3ds1Response,
+  callCreateSession: callCreateSession,
+  checkBalance: checkBalance,
+  cancelPartialPaymentOrder: cancelPartialPaymentOrder,
+  partialPaymentsOrder: partialPaymentsOrder,
+  partialPayment: partialPayment,
+  callGetShippingMethods: callGetShippingMethods,
+  callSelectShippingMethod: callSelectShippingMethod,
+  fetchGiftCards: fetchGiftCards,
+  saveExpressShopperDetails: saveExpressShopperDetails,
+  getCheckoutPaymentMethods: getCheckoutPaymentMethods
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/notify.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/notify.js
new file mode 100644
index 000000000..ec8296044
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/notify.js
@@ -0,0 +1,39 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var checkAuth = require('*/cartridge/scripts/checkNotificationAuth');
+var handleNotify = require('*/cartridge/scripts/handleNotify');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+
+/**
+ * Called by Adyen to update status of payments. It should always display [accepted] when finished.
+ */
+
+function handleHmacVerification(hmacKey, req) {
+  if (hmacKey) {
+    return checkAuth.validateHmacSignature(req);
+  }
+  return true;
+}
+function notify(req, res, next) {
+  var status = checkAuth.check(req);
+  var hmacKey = AdyenConfigs.getAdyenHmacKey();
+  var isHmacValid = handleHmacVerification(hmacKey, req);
+  if (!status || !isHmacValid) {
+    res.render('/adyen/error');
+    return {};
+  }
+  Transaction.begin();
+  var notificationResult = handleNotify.notify(req.form);
+  if (notificationResult.success) {
+    Transaction.commit();
+    res.render('/notify');
+  } else {
+    res.render('/notifyError', {
+      errorMessage: notificationResult.errorMessage
+    });
+    Transaction.rollback();
+  }
+  return next();
+}
+module.exports = notify;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPayment.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPayment.js
new file mode 100644
index 000000000..3503be928
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPayment.js
@@ -0,0 +1,109 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Transaction = require('dw/system/Transaction');
+var Money = require('dw/value/Money');
+var BasketMgr = require('dw/order/BasketMgr');
+var Resource = require('dw/web/Resource');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var constants = require('*/cartridge/adyenConstants/constants');
+function responseContainsErrors(response) {
+  return (response === null || response === void 0 ? void 0 : response.error) || (response === null || response === void 0 ? void 0 : response.resultCode) !== constants.RESULTCODES.AUTHORISED;
+}
+function makePartialPayment(req, res, next) {
+  try {
+    var _response$order, _response$order2, _response$order3, _currentBasket$custom, _currentBasket$custom2;
+    var request = JSON.parse(req.body);
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var paymentMethod = request.paymentMethod,
+      partialPaymentsOrder = request.partialPaymentsOrder,
+      amount = request.amount,
+      giftcardBrand = request.giftcardBrand;
+    var partialPaymentRequest = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      amount: amount,
+      reference: currentBasket.custom.adyenGiftCardsOrderNo,
+      paymentMethod: paymentMethod,
+      order: partialPaymentsOrder
+    };
+    var response = adyenCheckout.doPaymentsCall(null, null, partialPaymentRequest); // no order created yet and no PI needed (for giftcards it will be created on Order level)
+
+    if (responseContainsErrors(response)) {
+      var errorMsg = "partial payment request did not go through .. resultCode: ".concat(response === null || response === void 0 ? void 0 : response.resultCode);
+      throw new Error(errorMsg);
+    }
+    Transaction.wrap(function () {
+      session.privacy.giftCardResponse = JSON.stringify(_objectSpread(_objectSpread(_objectSpread({
+        giftCardpspReference: response.pspReference,
+        orderPSPReference: response.order.pspReference
+      }, response.order), response.amount), {}, {
+        paymentMethod: response.paymentMethod,
+        brand: giftcardBrand
+      })); // entire response exceeds string length
+    });
+
+    var discountAmount = new Money(response.amount.value, response.amount.currency);
+    var remainingAmount = new Money(response.order.remainingAmount.value, response.order.remainingAmount.currency);
+
+    // Update cached session data
+    var partialPaymentsOrderData = JSON.parse(session.privacy.partialPaymentData);
+    partialPaymentsOrderData.order = {
+      orderData: response === null || response === void 0 ? void 0 : (_response$order = response.order) === null || _response$order === void 0 ? void 0 : _response$order.orderData,
+      pspReference: response === null || response === void 0 ? void 0 : (_response$order2 = response.order) === null || _response$order2 === void 0 ? void 0 : _response$order2.pspReference
+    };
+    partialPaymentsOrderData.remainingAmount = response === null || response === void 0 ? void 0 : (_response$order3 = response.order) === null || _response$order3 === void 0 ? void 0 : _response$order3.remainingAmount;
+    session.privacy.partialPaymentData = JSON.stringify(partialPaymentsOrderData);
+    var divideBy = AdyenHelper.getDivisorForCurrency(remainingAmount);
+    var remainingAmountFormatted = remainingAmount.divide(divideBy).toFormattedString();
+    response.remainingAmountFormatted = remainingAmountFormatted;
+    var discountAmountFormatted = discountAmount.divide(divideBy).toFormattedString();
+    response.discountAmountFormatted = discountAmountFormatted;
+    var addedGiftCards = currentBasket !== null && currentBasket !== void 0 && (_currentBasket$custom = currentBasket.custom) !== null && _currentBasket$custom !== void 0 && _currentBasket$custom.adyenGiftCards ? JSON.parse((_currentBasket$custom2 = currentBasket.custom) === null || _currentBasket$custom2 === void 0 ? void 0 : _currentBasket$custom2.adyenGiftCards) : [];
+    var dataToStore = {
+      discountedAmount: discountAmountFormatted,
+      expiresAt: response.order.expiresAt,
+      giftCard: _objectSpread(_objectSpread({}, response.paymentMethod), {}, {
+        amount: response.amount,
+        name: giftcardBrand,
+        pspReference: response.pspReference
+      }),
+      orderAmount: {
+        currency: currentBasket.currencyCode,
+        value: AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()).value
+      },
+      partialPaymentsOrder: {
+        orderData: response.order.orderData,
+        pspReference: response.order.pspReference
+      },
+      remainingAmount: response.order.remainingAmount,
+      remainingAmountFormatted: remainingAmountFormatted
+    };
+    addedGiftCards.push(dataToStore);
+    Transaction.wrap(function () {
+      currentBasket.custom.adyenGiftCards = JSON.stringify(addedGiftCards);
+    });
+    var totalDiscountedAmount = new Money(addedGiftCards.reduce(function (accumulator, currentValue) {
+      return accumulator + currentValue.giftCard.amount.value;
+    }, 0), response.order.remainingAmount.currency);
+    res.json(_objectSpread(_objectSpread({}, dataToStore), {}, {
+      totalDiscountedAmount: totalDiscountedAmount.divide(divideBy).toFormattedString(),
+      giftCards: addedGiftCards,
+      message: Resource.msgf('infoMessage.giftCard', 'adyen', null, remainingAmountFormatted)
+    }));
+  } catch (error) {
+    AdyenLogs.error_log("Failed to create partial payment.. ".concat(error.toString()));
+    res.json({
+      error: true
+    });
+  }
+  return next();
+}
+module.exports = makePartialPayment;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPaymentsOrder.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPaymentsOrder.js
new file mode 100644
index 000000000..7b5f58308
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/partialPaymentsOrder.js
@@ -0,0 +1,59 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var BasketMgr = require('dw/order/BasketMgr');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function addMinutes(minutes) {
+  var date = new Date();
+  return new Date(date.getTime() + minutes * 60000);
+}
+function createPartialPaymentsOrder(req, res, next) {
+  try {
+    var _currentBasket$custom;
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var giftCardsAdded = (_currentBasket$custom = currentBasket.custom) !== null && _currentBasket$custom !== void 0 && _currentBasket$custom.adyenGiftCards ? JSON.parse(currentBasket.custom.adyenGiftCards) : null;
+    var orderAmount = {
+      currency: currentBasket.currencyCode,
+      value: AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()).value
+    };
+    var amount = giftCardsAdded ? giftCardsAdded[giftCardsAdded.length - 1].remainingAmount : orderAmount;
+    var date = addMinutes(constants.GIFTCARD_EXPIRATION_MINUTES);
+    var partialPaymentsRequest = {
+      amount: amount,
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      reference: currentBasket.custom.adyenGiftCardsOrderNo,
+      expiresAt: date.toISOString()
+    };
+    var response = adyenCheckout.doCreatePartialPaymentOrderCall(partialPaymentsRequest);
+
+    // Cache order data to reuse at payments
+    session.privacy.partialPaymentData = JSON.stringify({
+      order: {
+        orderData: response === null || response === void 0 ? void 0 : response.orderData,
+        pspReference: response === null || response === void 0 ? void 0 : response.pspReference
+      },
+      remainingAmount: response === null || response === void 0 ? void 0 : response.remainingAmount,
+      amount: orderAmount
+    });
+    var responseData = _objectSpread(_objectSpread({}, response), {}, {
+      expiresAt: date.toISOString()
+    });
+    res.json(responseData);
+  } catch (error) {
+    AdyenLogs.error_log("Failed to create partial payments order.. ".concat(error.toString()));
+    res.json({
+      error: true
+    });
+  }
+  return next();
+}
+module.exports = createPartialPaymentsOrder;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentFromComponent.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentFromComponent.js
new file mode 100644
index 000000000..94f0240be
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentFromComponent.js
@@ -0,0 +1,174 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Transaction = require('dw/system/Transaction');
+var OrderMgr = require('dw/order/OrderMgr');
+var URLUtils = require('dw/web/URLUtils');
+var Money = require('dw/value/Money');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+var constants = require('*/cartridge/adyenConstants/constants');
+var collections = require('*/cartridge/scripts/util/collections');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var GiftCardsHelper = require('*/cartridge/scripts/util/giftCardsHelper');
+var expressMethods = ['applepay', 'amazonpay'];
+function setBillingAndShippingAddress(reqDataObj, currentBasket) {
+  var billingAddress = currentBasket.billingAddress;
+  var _currentBasket$getDef = currentBasket.getDefaultShipment(),
+    shippingAddress = _currentBasket$getDef.shippingAddress;
+  Transaction.wrap(function () {
+    if (!shippingAddress) {
+      shippingAddress = currentBasket.getDefaultShipment().createShippingAddress();
+    }
+    if (!billingAddress) {
+      billingAddress = currentBasket.createBillingAddress();
+    }
+  });
+  var shopperDetails = reqDataObj.customer;
+  Transaction.wrap(function () {
+    billingAddress.setFirstName(shopperDetails.billingAddressDetails.firstName);
+    billingAddress.setLastName(shopperDetails.billingAddressDetails.lastName);
+    billingAddress.setPhone(shopperDetails.profile.phone);
+    billingAddress.setAddress1(shopperDetails.billingAddressDetails.address1);
+    billingAddress.setCity(shopperDetails.billingAddressDetails.city);
+    billingAddress.setCountryCode(shopperDetails.billingAddressDetails.countryCode.value);
+    if (shopperDetails.billingAddressDetails.address2) {
+      billingAddress.setAddress2(shopperDetails.billingAddressDetails.address2);
+    }
+    if (shopperDetails.billingAddressDetails.stateCode) {
+      billingAddress.setStateCode(shopperDetails.billingAddressDetails.stateCode);
+    }
+    currentBasket.setCustomerEmail(shopperDetails.profile.email);
+    shippingAddress.setFirstName(shopperDetails.profile.firstName);
+    shippingAddress.setLastName(shopperDetails.profile.lastName);
+    shippingAddress.setPhone(shopperDetails.profile.phone);
+    shippingAddress.setAddress1(shopperDetails.addressBook.preferredAddress.address1);
+    shippingAddress.setCity(shopperDetails.addressBook.preferredAddress.city);
+    shippingAddress.setCountryCode(shopperDetails.addressBook.preferredAddress.countryCode.value);
+    if (shopperDetails.addressBook.preferredAddress.address2) {
+      shippingAddress.setAddress2(shopperDetails.addressBook.preferredAddress.address2);
+    }
+    if (shopperDetails.addressBook.preferredAddress.stateCode) {
+      shippingAddress.setStateCode(shopperDetails.addressBook.preferredAddress.stateCode);
+    }
+  });
+}
+function failOrder(order) {
+  Transaction.wrap(function () {
+    OrderMgr.failOrder(order, true);
+  });
+}
+function handleGiftCardPayment(currentBasket, order) {
+  var _currentBasket$custom;
+  var giftCards = (_currentBasket$custom = currentBasket.custom) !== null && _currentBasket$custom !== void 0 && _currentBasket$custom.adyenGiftCards ? JSON.parse(currentBasket.custom.adyenGiftCards) : null;
+  if (giftCards) {
+    var mainPaymentInstrument = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order))[0];
+    giftCards.forEach(function (giftCard) {
+      var divideBy = AdyenHelper.getDivisorForCurrency(mainPaymentInstrument.paymentTransaction.getAmount());
+      var amount = {
+        value: giftCard.remainingAmount.value,
+        currency: giftCard.remainingAmount.currency
+      };
+      var formattedAmount = new Money(amount.value, amount.currency).divide(divideBy);
+      Transaction.wrap(function () {
+        mainPaymentInstrument.paymentTransaction.setAmount(formattedAmount);
+      });
+      GiftCardsHelper.createGiftCardPaymentInstrument(giftCard, divideBy, order);
+    });
+  }
+}
+function handleCancellation(res, next, reqDataObj) {
+  AdyenLogs.info_log("Shopper cancelled paymentFromComponent transaction for order ".concat(reqDataObj.merchantReference));
+  var order = OrderMgr.getOrder(reqDataObj.merchantReference, reqDataObj.orderToken);
+  failOrder(order);
+  res.redirect(URLUtils.url('Checkout-Begin', 'stage', 'placeOrder'));
+  return next();
+}
+function handleRefusedResultCode(result, reqDataObj, order) {
+  AdyenLogs.error_log("Payment refused for order ".concat(order.orderNo));
+  result.paymentError = true;
+
+  // Decline flow for Amazonpay or Applepay is handled different from other Component PMs
+  // Order needs to be failed here to handle decline flow.
+  if (expressMethods.indexOf(reqDataObj.paymentMethod) > -1) {
+    failOrder(order);
+  }
+}
+function isExpressPayment(reqDataObj) {
+  return reqDataObj.paymentType === 'express';
+}
+function handleExpressPayment(reqDataObj, currentBasket) {
+  if (isExpressPayment(reqDataObj)) {
+    setBillingAndShippingAddress(reqDataObj, currentBasket);
+  }
+}
+function canSkipSummaryPage(reqDataObj) {
+  var _reqDataObj$paymentMe;
+  if (constants.CAN_SKIP_SUMMARY_PAGE.indexOf((_reqDataObj$paymentMe = reqDataObj.paymentMethod) === null || _reqDataObj$paymentMe === void 0 ? void 0 : _reqDataObj$paymentMe.type) >= 0) {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * Make a payment from inside a component, skipping the summary page. (paypal, QRcodes, MBWay)
+ */
+function paymentFromComponent(req, res, next) {
+  var _currentBasket$custom2;
+  var reqDataObj = JSON.parse(req.form.data);
+  if (reqDataObj.cancelTransaction) {
+    return handleCancellation(res, next, reqDataObj);
+  }
+  var currentBasket = BasketMgr.getCurrentBasket();
+  var paymentInstrument;
+  Transaction.wrap(function () {
+    collections.forEach(currentBasket.getPaymentInstruments(), function (item) {
+      currentBasket.removePaymentInstrument(item);
+    });
+    paymentInstrument = currentBasket.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT, currentBasket.totalGrossPrice);
+    var _PaymentMgr$getPaymen = PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod),
+      paymentProcessor = _PaymentMgr$getPaymen.paymentProcessor;
+    paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+    paymentInstrument.custom.adyenPaymentData = req.form.data;
+    if (reqDataObj.partialPaymentsOrder) {
+      paymentInstrument.custom.adyenPartialPaymentsOrder = session.privacy.partialPaymentData;
+    }
+    paymentInstrument.custom.adyenPaymentMethod = AdyenHelper.getAdyenComponentType(req.form.paymentMethod);
+    paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method")] = AdyenHelper.getAdyenComponentType(req.form.paymentMethod);
+    paymentInstrument.custom.Adyen_Payment_Method_Variant = req.form.paymentMethod.toLowerCase();
+    paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method_Variant")] = req.form.paymentMethod.toLowerCase();
+  });
+  handleExpressPayment(reqDataObj, currentBasket);
+  var order;
+  // Check if gift card was used
+  if ((_currentBasket$custom2 = currentBasket.custom) !== null && _currentBasket$custom2 !== void 0 && _currentBasket$custom2.adyenGiftCards) {
+    var giftCardsOrderNo = currentBasket.custom.adyenGiftCardsOrderNo;
+    order = OrderMgr.createOrder(currentBasket, giftCardsOrderNo);
+    handleGiftCardPayment(currentBasket, order);
+  } else {
+    order = COHelpers.createOrder(currentBasket);
+  }
+  session.privacy.orderNo = order.orderNo;
+  var result;
+  Transaction.wrap(function () {
+    result = adyenCheckout.createPaymentRequest({
+      Order: order,
+      PaymentInstrument: paymentInstrument
+    });
+  });
+  currentBasket.custom.amazonExpressShopperDetails = null;
+  currentBasket.custom.adyenGiftCardsOrderNo = null;
+  if (result.resultCode === constants.RESULTCODES.REFUSED) {
+    handleRefusedResultCode(result, reqDataObj, order);
+  }
+
+  // Check if summary page can be skipped in case payment is already authorized
+  result.skipSummaryPage = canSkipSummaryPage(reqDataObj);
+  result.orderNo = order.orderNo;
+  result.orderToken = order.orderToken;
+  res.json(result);
+  return next();
+}
+module.exports = paymentFromComponent;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentsDetails.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentsDetails.js
new file mode 100644
index 000000000..4f92ece14
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/paymentsDetails.js
@@ -0,0 +1,56 @@
+"use strict";
+
+var URLUtils = require('dw/web/URLUtils');
+var OrderMgr = require('dw/order/OrderMgr');
+var Transaction = require('dw/system/Transaction');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getSignature(paymentsDetailsResponse, orderToken) {
+  var order = OrderMgr.getOrder(paymentsDetailsResponse.merchantReference, orderToken);
+  if (order) {
+    var paymentInstruments = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order));
+    var signature = AdyenHelper.createSignature(paymentInstruments[0], order.getUUID(), paymentsDetailsResponse.merchantReference);
+    Transaction.wrap(function () {
+      paymentInstruments[0].paymentTransaction.custom.Adyen_authResult = JSON.stringify(paymentsDetailsResponse);
+    });
+    return signature;
+  }
+  return undefined;
+}
+
+/*
+ * Makes a payment details call to Adyen to confirm the current status of a payment
+ */
+function paymentsDetails(req, res, next) {
+  try {
+    var _request$data;
+    var request = JSON.parse(req.body);
+    var isAmazonpay = (request === null || request === void 0 ? void 0 : (_request$data = request.data) === null || _request$data === void 0 ? void 0 : _request$data.paymentMethod) === 'amazonpay';
+    if (request.data) {
+      request.data.paymentMethod = undefined;
+    }
+    var paymentsDetailsResponse = adyenCheckout.doPaymentsDetailsCall(request.data);
+    var response = AdyenHelper.createAdyenCheckoutResponse(paymentsDetailsResponse);
+
+    // Create signature to verify returnUrl
+    var signature = getSignature(paymentsDetailsResponse, request.orderToken);
+    if (isAmazonpay) {
+      response.fullResponse = {
+        pspReference: paymentsDetailsResponse.pspReference,
+        paymentMethod: paymentsDetailsResponse.additionalData.paymentMethod,
+        resultCode: paymentsDetailsResponse.resultCode
+      };
+    }
+    if (signature !== null) {
+      response.redirectUrl = URLUtils.https('Adyen-ShowConfirmation', 'merchantReference', response.merchantReference, 'signature', signature, 'orderToken', request.orderToken).toString();
+    }
+    res.json(response);
+    return next();
+  } catch (e) {
+    AdyenLogs.error_log("Could not verify /payment/details: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    res.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+    return next();
+  }
+}
+module.exports = paymentsDetails;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/redirect3ds1Response.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/redirect3ds1Response.js
new file mode 100644
index 000000000..2a92d96cc
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/redirect3ds1Response.js
@@ -0,0 +1,32 @@
+"use strict";
+
+var URLUtils = require('dw/web/URLUtils');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+
+/*
+ * Redirects to list of added cards on success. Otherwise redirects to add payment with error
+ */
+function redirect(req, res, next) {
+  try {
+    var redirectResult = req.httpParameterMap.get('redirectResult').stringValue;
+    var jsonRequest = {
+      details: {
+        redirectResult: redirectResult
+      }
+    };
+    var result = adyenCheckout.doPaymentsDetailsCall(jsonRequest);
+    if (result.resultCode === constants.RESULTCODES.AUTHORISED) {
+      res.redirect(URLUtils.url('PaymentInstruments-List'));
+    } else {
+      res.redirect(URLUtils.url('PaymentInstruments-AddPayment', 'isAuthorised', 'false'));
+    }
+    return next();
+  } catch (e) {
+    AdyenLogs.error_log("Error during 3ds1 response verification: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    res.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+    return next();
+  }
+}
+module.exports = redirect;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/saveExpressShopperDetails.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/saveExpressShopperDetails.js
new file mode 100644
index 000000000..e25a83809
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/saveExpressShopperDetails.js
@@ -0,0 +1,63 @@
+"use strict";
+
+var URLUtils = require('dw/web/URLUtils');
+var Transaction = require('dw/system/Transaction');
+var BasketMgr = require('dw/order/BasketMgr');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+function setBillingAndShippingAddress(currentBasket) {
+  var billingAddress = currentBasket.billingAddress;
+  var _currentBasket$getDef = currentBasket.getDefaultShipment(),
+    shippingAddress = _currentBasket$getDef.shippingAddress;
+  Transaction.wrap(function () {
+    if (!shippingAddress) {
+      shippingAddress = currentBasket.getDefaultShipment().createShippingAddress();
+    }
+    if (!billingAddress) {
+      billingAddress = currentBasket.createBillingAddress();
+    }
+  });
+  var shopperDetails = JSON.parse(currentBasket.custom.amazonExpressShopperDetails); // apple pay or amazon pay
+
+  Transaction.wrap(function () {
+    billingAddress.setFirstName(shopperDetails.billingAddress.name.split(' ')[0]);
+    billingAddress.setLastName(shopperDetails.billingAddress.name.split(' ')[1]);
+    billingAddress.setAddress1(shopperDetails.billingAddress.addressLine1);
+    billingAddress.setAddress2(shopperDetails.billingAddress.addressLine2);
+    billingAddress.setCity(shopperDetails.billingAddress.city);
+    billingAddress.setPhone(shopperDetails.billingAddress.phoneNumber);
+    billingAddress.setPostalCode(shopperDetails.billingAddress.postalCode);
+    billingAddress.setStateCode(shopperDetails.billingAddress.stateOrRegion);
+    billingAddress.setCountryCode(shopperDetails.billingAddress.countryCode);
+    shippingAddress.setFirstName(shopperDetails.shippingAddress.name.split(' ')[0]);
+    shippingAddress.setLastName(shopperDetails.shippingAddress.name.split(' ')[1]);
+    shippingAddress.setAddress1(shopperDetails.shippingAddress.addressLine1);
+    shippingAddress.setAddress2(shopperDetails.shippingAddress.addressLine2);
+    shippingAddress.setCity(shopperDetails.shippingAddress.city);
+    shippingAddress.setPhone(shopperDetails.shippingAddress.phoneNumber);
+    shippingAddress.setPostalCode(shopperDetails.shippingAddress.postalCode);
+    shippingAddress.setStateCode(shopperDetails.shippingAddress.stateOrRegion);
+    shippingAddress.setCountryCode(shopperDetails.shippingAddress.countryCode);
+    currentBasket.setCustomerEmail(shopperDetails.buyer.email);
+  });
+}
+function saveExpressShopperDetails(req, res, next) {
+  try {
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var shopperDetails = JSON.parse(req.form.shopperDetails);
+    Transaction.wrap(function () {
+      currentBasket.custom.amazonExpressShopperDetails = JSON.stringify(shopperDetails);
+    });
+    setBillingAndShippingAddress(currentBasket);
+    var shippingMethods = AdyenHelper.callGetShippingMethods(shopperDetails.shippingAddress);
+    res.json({
+      shippingMethods: shippingMethods
+    });
+    return next();
+  } catch (e) {
+    AdyenLogs.error_log('Could not save amazon express shopper details');
+    res.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+    return next();
+  }
+}
+module.exports = saveExpressShopperDetails;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/selectShippingMethods.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/selectShippingMethods.js
new file mode 100644
index 000000000..074dcb957
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/selectShippingMethods.js
@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var BasketMgr = require('dw/order/BasketMgr');
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var CartModel = require('*/cartridge/models/cart');
+var shippingHelper = require('*/cartridge/scripts/checkout/shippingHelpers');
+var basketCalculationHelpers = require('*/cartridge/scripts/helpers/basketCalculationHelpers');
+
+/**
+ * Make a request to Adyen to select shipping methods
+ */
+// eslint-disable-next-line complexity
+function callSelectShippingMethod(req, res, next) {
+  var currentBasket = BasketMgr.getCurrentBasket();
+  if (!currentBasket) {
+    res.json({
+      error: true,
+      redirectUrl: URLUtils.url('Cart-Show').toString()
+    });
+    return next();
+  }
+  var error = false;
+  var shipUUID = req.querystring.shipmentUUID || req.form.shipmentUUID;
+  var methodID = req.querystring.methodID || req.form.methodID;
+  var shipment;
+  if (shipUUID) {
+    shipment = shippingHelper.getShipmentByUUID(currentBasket, shipUUID);
+  } else {
+    shipment = currentBasket.defaultShipment;
+  }
+  Transaction.wrap(function () {
+    shippingHelper.selectShippingMethod(shipment, methodID);
+    if (currentBasket && !shipment.shippingMethod) {
+      error = true;
+      return;
+    }
+    basketCalculationHelpers.calculateTotals(currentBasket);
+  });
+  if (!error) {
+    var basketModel = new CartModel(currentBasket);
+    var grandTotalAmount = {
+      value: currentBasket.getTotalGrossPrice().value,
+      currency: currentBasket.getTotalGrossPrice().currencyCode
+    };
+    res.json(_objectSpread(_objectSpread({}, basketModel), {}, {
+      grandTotalAmount: grandTotalAmount
+    }));
+  } else {
+    res.setStatusCode(500);
+    res.json({
+      errorMessage: Resource.msg('error.cannot.select.shipping.method', 'cart', null)
+    });
+  }
+  return next();
+}
+module.exports = callSelectShippingMethod;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/sessions.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/sessions.js
new file mode 100644
index 000000000..96e669670
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/sessions.js
@@ -0,0 +1,52 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var Locale = require('dw/util/Locale');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var _require = require('*/cartridge/scripts/adyenSessions'),
+  createSession = _require.createSession;
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenTerminalApi = require('*/cartridge/scripts/adyenTerminalApi');
+var constants = require('*/cartridge/adyenConstants/constants');
+var paymentMethodDescriptions = require('*/cartridge/adyenConstants/paymentMethodDescriptions');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getCountryCode(currentBasket, locale) {
+  var _currentBasket$getShi;
+  var countryCode = Locale.getLocale(locale.id).country;
+  var firstItem = currentBasket === null || currentBasket === void 0 ? void 0 : (_currentBasket$getShi = currentBasket.getShipments()) === null || _currentBasket$getShi === void 0 ? void 0 : _currentBasket$getShi[0];
+  if (firstItem !== null && firstItem !== void 0 && firstItem.shippingAddress) {
+    return firstItem.shippingAddress.getCountryCode().value;
+  }
+  return countryCode;
+}
+function getConnectedTerminals() {
+  if (PaymentMgr.getPaymentMethod(constants.METHOD_ADYEN_POS).isActive()) {
+    return adyenTerminalApi.getTerminals().response;
+  }
+  return '{}';
+}
+
+/**
+ * Make a request to Adyen to create a new session
+ */
+function callCreateSession(req, res, next) {
+  try {
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var countryCode = getCountryCode(currentBasket, req.locale);
+    var response = createSession(currentBasket, AdyenHelper.getCustomer(req.currentCustomer), countryCode);
+    var adyenURL = "".concat(AdyenHelper.getLoadingContext(), "images/logos/medium/");
+    var connectedTerminals = getConnectedTerminals();
+    res.json({
+      id: response.id,
+      sessionData: response.sessionData,
+      imagePath: adyenURL,
+      adyenDescriptions: paymentMethodDescriptions,
+      adyenConnectedTerminals: JSON.parse(connectedTerminals)
+    });
+    return next();
+  } catch (error) {
+    AdyenLogs.fatal_log("Failed to create Adyen Checkout Session ".concat(JSON.stringify(error)));
+    return next();
+  }
+}
+module.exports = callCreateSession;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/shippingMethods.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/shippingMethods.js
new file mode 100644
index 000000000..c903b8a62
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/shippingMethods.js
@@ -0,0 +1,32 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+
+/**
+ * Make a request to Adyen to get shipping methods
+ */
+function callGetShippingMethods(req, res, next) {
+  try {
+    var address = null;
+    if (req.querystring) {
+      address = {
+        city: req.querystring.city,
+        countryCode: req.querystring.countryCode,
+        stateCode: req.querystring.stateCode
+      };
+    }
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var currentShippingMethodsModels = AdyenHelper.getApplicableShippingMethods(currentBasket.getDefaultShipment(), address);
+    res.json({
+      shippingMethods: currentShippingMethodsModels
+    });
+    return next();
+  } catch (error) {
+    AdyenLogs.error_log('Failed to fetch shipping methods');
+    AdyenLogs.error_log(error);
+    return next();
+  }
+}
+module.exports = callGetShippingMethods;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation.js
new file mode 100644
index 000000000..db3fc8440
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation.js
@@ -0,0 +1,90 @@
+"use strict";
+
+var URLUtils = require('dw/web/URLUtils');
+var OrderMgr = require('dw/order/OrderMgr');
+var Order = require('dw/order/Order');
+var Transaction = require('dw/system/Transaction');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var constants = require('*/cartridge/adyenConstants/constants');
+var payment = require('*/cartridge/controllers/middlewares/adyen/showConfirmation/payment');
+var _require = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require.clearForms;
+var handleAuthorised = require('*/cartridge/controllers/middlewares/adyen/showConfirmation/authorise');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+function getPaymentDetailsPayload(querystring) {
+  var details = querystring.redirectResult ? {
+    redirectResult: querystring.redirectResult
+  } : {
+    payload: querystring.payload
+  };
+  return {
+    details: details
+  };
+}
+function getPaymentsDetailsResult(adyenPaymentInstrument, redirectResult, payload, req) {
+  var hasQuerystringDetails = !!(redirectResult || payload);
+  // Saved response from Adyen-PaymentsDetails
+  var result = JSON.parse(adyenPaymentInstrument.paymentTransaction.custom.Adyen_authResult);
+  if (hasQuerystringDetails) {
+    var requestObject = getPaymentDetailsPayload(req.querystring);
+    result = adyenCheckout.doPaymentsDetailsCall(requestObject);
+  }
+  clearForms.clearPaymentTransactionData(adyenPaymentInstrument);
+  return result;
+}
+function handlePaymentsDetailsResult(adyenPaymentInstrument, detailsResult, order, options) {
+  if ([constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.PENDING, constants.RESULTCODES.RECEIVED].indexOf(detailsResult.resultCode) > -1) {
+    return handleAuthorised(adyenPaymentInstrument, detailsResult, order, options);
+  }
+  Transaction.wrap(function () {
+    order.custom.Adyen_pspReference = detailsResult.pspReference;
+    order.custom.Adyen_eventCode = detailsResult.resultCode;
+  });
+  return payment.handlePaymentError(order, 'placeOrder', options);
+}
+function isOrderAlreadyProcessed(order) {
+  return order.status.value !== Order.ORDER_STATUS_CREATED && order.status.value !== Order.ORDER_STATUS_FAILED;
+}
+
+/*
+ * Makes a payment details call to Adyen and calls for the order confirmation to be shown
+ * if the payment was accepted.
+ */
+function showConfirmation(req, res, next) {
+  var options = {
+    req: req,
+    res: res,
+    next: next
+  };
+  var _req$querystring = req.querystring,
+    redirectResult = _req$querystring.redirectResult,
+    payload = _req$querystring.payload,
+    signature = _req$querystring.signature,
+    merchantReference = _req$querystring.merchantReference,
+    orderToken = _req$querystring.orderToken;
+  try {
+    var order = OrderMgr.getOrder(merchantReference, orderToken);
+    var adyenPaymentInstrument = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order))[0];
+    if (isOrderAlreadyProcessed(order)) {
+      AdyenLogs.info_log('ShowConfirmation called for an order which has already been processed. This is likely to be caused by shoppers using the back button after order confirmation');
+      res.redirect(URLUtils.url('Cart-Show'));
+      return next();
+    }
+    if (adyenPaymentInstrument.paymentTransaction.custom.Adyen_merchantSig === signature) {
+      if (order.status.value === Order.ORDER_STATUS_FAILED) {
+        AdyenLogs.error_log("Could not call payment/details for failed order ".concat(order.orderNo));
+        return payment.handlePaymentError(order, 'placeOrder', options);
+      }
+      clearForms.clearAdyenData(adyenPaymentInstrument);
+      var detailsResult = getPaymentsDetailsResult(adyenPaymentInstrument, redirectResult, payload, req);
+      return handlePaymentsDetailsResult(adyenPaymentInstrument, detailsResult, order, options);
+    }
+    throw new Error("Incorrect signature for order ".concat(merchantReference));
+  } catch (e) {
+    AdyenLogs.error_log("Could not verify /payment/details: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    res.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+    return next();
+  }
+}
+module.exports = showConfirmation;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/authorise.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/authorise.js
new file mode 100644
index 000000000..a823ae359
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/authorise.js
@@ -0,0 +1,19 @@
+"use strict";
+
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+var handleOrderConfirm = require('*/cartridge/controllers/middlewares/adyen/showConfirmation/order');
+var payment = require('*/cartridge/controllers/middlewares/adyen/showConfirmation/payment');
+function handleAuthorised(adyenPaymentInstrument, detailsResult, order, options) {
+  // custom fraudDetection
+  var fraudDetectionStatus = {
+    status: 'success'
+  };
+
+  // Places the order
+  var placeOrderResult = COHelpers.placeOrder(order, fraudDetectionStatus);
+  if (placeOrderResult.error) {
+    return payment.handlePaymentError(order, 'placeOrder', options);
+  }
+  return handleOrderConfirm(adyenPaymentInstrument, detailsResult, order, options);
+}
+module.exports = handleAuthorised;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/order.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/order.js
new file mode 100644
index 000000000..19c024a54
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/order.js
@@ -0,0 +1,27 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var _require = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require.clearForms;
+function handleOrderConfirm(adyenPaymentInstrument, result, order, _ref) {
+  var res = _ref.res,
+    next = _ref.next;
+  Transaction.wrap(function () {
+    AdyenHelper.savePaymentDetails(adyenPaymentInstrument, order, result);
+  });
+  clearForms.clearForms();
+  // determines SFRA version for backwards compatibility
+  if (AdyenConfigs.getAdyenSFRA6Compatibility() === true) {
+    res.render('orderConfirmForm', {
+      orderID: order.orderNo,
+      orderToken: order.orderToken
+    });
+  } else {
+    res.redirect(URLUtils.url('Order-Confirm', 'ID', order.orderNo, 'token', order.orderToken).toString());
+  }
+  return next();
+}
+module.exports = handleOrderConfirm;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/payment.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/payment.js
new file mode 100644
index 000000000..14b03bbc2
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmation/payment.js
@@ -0,0 +1,55 @@
+"use strict";
+
+var URLUtils = require('dw/web/URLUtils');
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var OrderMgr = require('dw/order/OrderMgr');
+function handleRedirect(page, _ref) {
+  var res = _ref.res;
+  res.redirect(URLUtils.url('Checkout-Begin', 'stage', page, 'paymentError', Resource.msg('error.payment.not.valid', 'checkout', null)));
+}
+function handlePaymentError(order, page, _ref2) {
+  var res = _ref2.res,
+    next = _ref2.next;
+  Transaction.wrap(function () {
+    OrderMgr.failOrder(order, true);
+  });
+  handleRedirect(page, {
+    res: res
+  });
+  return next();
+}
+function handlePaymentInstruments(paymentInstruments, _ref3) {
+  var req = _ref3.req;
+  var adyenPaymentInstrument;
+  var paymentData;
+  var details;
+
+  // looping through all Adyen payment methods, however, this only can be one.
+  var instrumentsIter = paymentInstruments.iterator();
+  while (instrumentsIter.hasNext()) {
+    adyenPaymentInstrument = instrumentsIter.next();
+    paymentData = adyenPaymentInstrument.custom.adyenPaymentData;
+  }
+
+  // details is either redirectResult or payload
+  if (req.querystring.redirectResult) {
+    details = {
+      redirectResult: req.querystring.redirectResult
+    };
+  } else if (req.querystring.payload) {
+    details = {
+      payload: req.querystring.payload
+    };
+  }
+  return {
+    details: details,
+    paymentData: paymentData,
+    adyenPaymentInstrument: adyenPaymentInstrument
+  };
+}
+module.exports = {
+  handleRedirect: handleRedirect,
+  handlePaymentError: handlePaymentError,
+  handlePaymentInstruments: handlePaymentInstruments
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent.js
new file mode 100644
index 000000000..3b998d453
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent.js
@@ -0,0 +1,28 @@
+"use strict";
+
+var OrderMgr = require('dw/order/OrderMgr');
+var URLUtils = require('dw/web/URLUtils');
+var handlePayment = require('*/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent/payment');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+
+/*
+ * Show confirmation for payments completed from component directly e.g. paypal, QRcode, ..
+ */
+function showConfirmationPaymentFromComponent(req, res, next) {
+  var options = {
+    req: req,
+    res: res,
+    next: next
+  };
+  try {
+    session.privacy.giftCardResponse = null;
+    var stateData = JSON.parse(req.form.additionalDetailsHidden);
+    var order = OrderMgr.getOrder(req.form.merchantReference, req.form.orderToken);
+    return handlePayment(stateData, order, options);
+  } catch (e) {
+    AdyenLogs.error_log("Could not verify /payment/details: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    res.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+    return next();
+  }
+}
+module.exports = showConfirmationPaymentFromComponent;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent/payment.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent/payment.js
new file mode 100644
index 000000000..036137b71
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/adyen/showConfirmationPaymentFromComponent/payment.js
@@ -0,0 +1,111 @@
+"use strict";
+
+var OrderMgr = require('dw/order/OrderMgr');
+var Order = require('dw/order/Order');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var Resource = require('dw/web/Resource');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var _require = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require.clearForms;
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function handlePaymentError(order, adyenPaymentInstrument, _ref) {
+  var res = _ref.res,
+    next = _ref.next;
+  clearForms.clearAdyenData(adyenPaymentInstrument);
+  Transaction.wrap(function () {
+    OrderMgr.failOrder(order, true);
+  });
+  res.redirect(URLUtils.url('Checkout-Begin', 'stage', 'payment', 'paymentError', Resource.msg('error.payment.not.valid', 'checkout', null)));
+  return next();
+}
+function handlePaymentsDetailsCall(stateData, adyenPaymentInstrument) {
+  var details = stateData.details,
+    paymentData = stateData.paymentData;
+
+  // redirect to payment/details
+  var requestObject = {
+    details: details,
+    paymentData: paymentData
+  };
+  var result = adyenCheckout.doPaymentsDetailsCall(requestObject);
+  return {
+    result: result,
+    adyenPaymentInstrument: adyenPaymentInstrument
+  };
+}
+function handleAuthorisedPayment(order, result, adyenPaymentInstrument, _ref2) {
+  var res = _ref2.res,
+    next = _ref2.next;
+  // custom fraudDetection
+  var fraudDetectionStatus = {
+    status: 'success'
+  };
+
+  // Places the order
+  var placeOrderResult = COHelpers.placeOrder(order, fraudDetectionStatus);
+  if (placeOrderResult.error) {
+    return handlePaymentError(order, adyenPaymentInstrument, {
+      res: res,
+      next: next
+    });
+  }
+  Transaction.wrap(function () {
+    AdyenHelper.savePaymentDetails(adyenPaymentInstrument, order, result);
+  });
+  clearForms.clearAdyenData(adyenPaymentInstrument);
+  clearForms.clearForms();
+  // determines SFRA version for backwards compatibility
+  if (AdyenConfigs.getAdyenSFRA6Compatibility() === true) {
+    res.render('orderConfirmForm', {
+      orderID: order.orderNo,
+      orderToken: order.orderToken
+    });
+  } else {
+    res.redirect(URLUtils.url('Order-Confirm', 'ID', order.orderNo, 'token', order.orderToken).toString());
+  }
+  return next();
+}
+function handlePaymentResult(result, order, adyenPaymentInstrument, options) {
+  // Authorised: The payment authorisation was successfully completed.
+  if ([constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.PENDING, constants.RESULTCODES.RECEIVED].indexOf(result.resultCode) > -1) {
+    return handleAuthorisedPayment(order, result, adyenPaymentInstrument, options);
+  }
+  Transaction.wrap(function () {
+    order.custom.Adyen_pspReference = result.pspReference;
+    order.custom.Adyen_eventCode = result.resultCode;
+  });
+  return handlePaymentError(order, adyenPaymentInstrument, options);
+}
+
+// eslint-disable-next-line complexity
+function handlePayment(stateData, order, options) {
+  var _options$req$form;
+  var paymentInstruments = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order));
+  var result = (_options$req$form = options.req.form) === null || _options$req$form === void 0 ? void 0 : _options$req$form.result;
+  var adyenPaymentInstrument = paymentInstruments[0];
+  var hasStateData = (stateData === null || stateData === void 0 ? void 0 : stateData.paymentData) && (stateData === null || stateData === void 0 ? void 0 : stateData.details);
+  if (result !== null && result !== void 0 && result.error || order.status.value === Order.ORDER_STATUS_FAILED) {
+    AdyenLogs.error_log("Could not call payment/details for order ".concat(order.orderNo));
+    return handlePaymentError(order, adyenPaymentInstrument, options);
+  }
+  var finalResult;
+  if (!hasStateData) {
+    if (result && (JSON.stringify(result).indexOf('amazonpay') > -1 || JSON.stringify(result).indexOf('applepay') > -1 || JSON.stringify(result).indexOf('cashapp') > -1)) {
+      finalResult = JSON.parse(result);
+    } else {
+      return handlePaymentError(order, adyenPaymentInstrument, options);
+    }
+  }
+  var detailsCall = hasStateData ? handlePaymentsDetailsCall(stateData, adyenPaymentInstrument) : null;
+  Transaction.wrap(function () {
+    adyenPaymentInstrument.custom.adyenPaymentData = null;
+  });
+  finalResult = finalResult || (detailsCall === null || detailsCall === void 0 ? void 0 : detailsCall.result);
+  return handlePaymentResult(finalResult, order, adyenPaymentInstrument, options);
+}
+module.exports = handlePayment;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/begin.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/begin.js
new file mode 100644
index 000000000..c6dbef5aa
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/begin.js
@@ -0,0 +1,81 @@
+"use strict";
+
+var BasketMgr = require('dw/order/BasketMgr');
+var OrderMgr = require('dw/order/OrderMgr');
+var Order = require('dw/order/Order');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var _require = require('*/cartridge/scripts/updateSavedCards'),
+  updateSavedCards = _require.updateSavedCards;
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function shouldRestoreBasket(cachedOrderNumber) {
+  // restore cart if order number was cached
+  if (cachedOrderNumber) {
+    var currentBasket = BasketMgr.getCurrentBasket();
+    // check if cart is null or empty
+    if (!currentBasket || currentBasket.getAllProductLineItems().length === 0) {
+      return true;
+    }
+  }
+  return false;
+}
+function restoreBasket(cachedOrderNumber, cachedOrderToken) {
+  try {
+    var currentOrder = OrderMgr.getOrder(cachedOrderNumber, cachedOrderToken);
+    // if order status is CREATED we can fail it and restore basket
+    if (currentOrder.status.value === Order.ORDER_STATUS_CREATED) {
+      Transaction.wrap(function () {
+        currentOrder.trackOrderChange('Failing order so cart can be restored; Shopper navigated back to checkout during payment redirection');
+        OrderMgr.failOrder(currentOrder, true);
+      });
+      return true;
+    }
+  } catch (error) {
+    AdyenLogs.error_log("Failed to restore cart. error: ".concat(error));
+  }
+  return false;
+}
+function begin(req, res, next) {
+  var _this = this;
+  if (req.currentCustomer.raw.isAuthenticated()) {
+    updateSavedCards({
+      CurrentCustomer: req.currentCustomer.raw
+    });
+  }
+  var cachedOrderNumber = req.session.privacyCache.get('currentOrderNumber');
+  var cachedOrderToken = req.session.privacyCache.get('currentOrderToken');
+  if (shouldRestoreBasket(cachedOrderNumber)) {
+    if (restoreBasket(cachedOrderNumber, cachedOrderToken)) {
+      var emit = function emit(route) {
+        return _this.emit(route, req, res);
+      };
+      res.redirect(URLUtils.url('Checkout-Begin', 'stage', 'shipping'));
+      emit('route:Complete');
+      return true;
+    }
+  }
+  var clientKey = AdyenConfigs.getAdyenClientKey();
+  var environment = AdyenHelper.getCheckoutEnvironment();
+  var installments = AdyenConfigs.getCreditCardInstallments();
+  var adyenClientKey = AdyenConfigs.getAdyenClientKey();
+  var googleMerchantID = AdyenConfigs.getGoogleMerchantID();
+  var merchantAccount = AdyenConfigs.getAdyenMerchantAccount();
+  var cardholderNameBool = AdyenConfigs.getAdyenCardholderNameEnabled();
+  var SFRA6Enabled = AdyenConfigs.getAdyenSFRA6Compatibility();
+  var viewData = res.getViewData();
+  viewData.adyen = {
+    clientKey: clientKey,
+    environment: environment,
+    installments: installments,
+    googleMerchantID: googleMerchantID,
+    merchantAccount: merchantAccount,
+    cardholderNameBool: cardholderNameBool,
+    adyenClientKey: adyenClientKey,
+    SFRA6Enabled: SFRA6Enabled
+  };
+  res.setViewData(viewData);
+  return next();
+}
+module.exports = begin;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/index.js
new file mode 100644
index 000000000..2160c944f
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout/index.js
@@ -0,0 +1,6 @@
+"use strict";
+
+var begin = require('*/cartridge/controllers/middlewares/checkout/begin');
+module.exports = {
+  begin: begin
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/adyenCheckoutServices.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/adyenCheckoutServices.js
new file mode 100644
index 000000000..376ef1071
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/adyenCheckoutServices.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var constants = require('*/cartridge/adyenConstants/constants');
+var collections = require('*/cartridge/scripts/util/collections');
+function processPayment(order, handlePaymentResult, req, res, emit) {
+  res.json({
+    error: false,
+    adyenAction: handlePaymentResult.action,
+    orderID: order.orderNo,
+    orderToken: order.orderToken
+  });
+  emit('route:Complete');
+}
+function isNotAdyen(currentBasket) {
+  var isAdyenBool = false;
+  collections.forEach(currentBasket.getPaymentInstruments(), function (paymentInstrument) {
+    if ([constants.METHOD_ADYEN, paymentInstrument.METHOD_CREDIT_CARD, constants.METHOD_ADYEN_POS, constants.METHOD_ADYEN_COMPONENT].indexOf(paymentInstrument.paymentMethod) !== -1) {
+      isAdyenBool = true;
+    }
+  });
+  return !isAdyenBool;
+}
+module.exports = {
+  processPayment: processPayment,
+  isNotAdyen: isNotAdyen
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/placeOrder.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/placeOrder.js
new file mode 100644
index 000000000..3ada91b94
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/checkout_services/placeOrder.js
@@ -0,0 +1,250 @@
+"use strict";
+
+/* ### Custom Adyen cartridge start ### */
+var adyenHelpers = require('*/cartridge/scripts/checkout/adyenHelpers');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var GiftCardsHelper = require('*/cartridge/scripts/util/giftCardsHelper');
+var constants = require('*/cartridge/adyenConstants/constants');
+var _require = require('*/cartridge/controllers/middlewares/checkout_services/adyenCheckoutServices'),
+  processPayment = _require.processPayment,
+  isNotAdyen = _require.isNotAdyen;
+var Money = require('dw/value/Money');
+var _require2 = require('*/cartridge/controllers/utils/index'),
+  clearForms = _require2.clearForms;
+
+/* ### Custom Adyen cartridge end ### */
+
+function placeOrder(req, res, next) {
+  var _currentBasket$custom,
+    _this = this,
+    _handlePaymentResult$;
+  var BasketMgr = require('dw/order/BasketMgr');
+  var OrderMgr = require('dw/order/OrderMgr');
+  var Resource = require('dw/web/Resource');
+  var Transaction = require('dw/system/Transaction');
+  var URLUtils = require('dw/web/URLUtils');
+  var basketCalculationHelpers = require('*/cartridge/scripts/helpers/basketCalculationHelpers');
+  var hooksHelper = require('*/cartridge/scripts/helpers/hooks');
+  var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+  var validationHelpers = require('*/cartridge/scripts/helpers/basketValidationHelpers');
+  var addressHelpers = require('*/cartridge/scripts/helpers/addressHelpers');
+  var currentBasket = BasketMgr.getCurrentBasket();
+  if (!currentBasket) {
+    res.json({
+      error: true,
+      cartError: true,
+      fieldErrors: [],
+      serverErrors: [],
+      redirectUrl: URLUtils.url('Cart-Show').toString()
+    });
+    return next();
+  }
+
+  /* ### Custom Adyen cartridge ### */
+  if (isNotAdyen(currentBasket)) {
+    return next();
+  }
+  /* ### Custom Adyen cartridge ### */
+
+  var validatedProducts = validationHelpers.validateProducts(currentBasket);
+  if (validatedProducts.error) {
+    res.json({
+      error: true,
+      cartError: true,
+      fieldErrors: [],
+      serverErrors: [],
+      redirectUrl: URLUtils.url('Cart-Show').toString()
+    });
+    return next();
+  }
+  if (req.session.privacyCache.get('fraudDetectionStatus')) {
+    res.json({
+      error: true,
+      cartError: true,
+      redirectUrl: URLUtils.url('Error-ErrorCode', 'err', '01').toString(),
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+    return next();
+  }
+  var validationOrderStatus = hooksHelper('app.validate.order', 'validateOrder', currentBasket, require('*/cartridge/scripts/hooks/validateOrder').validateOrder);
+  if (validationOrderStatus.error) {
+    res.json({
+      error: true,
+      errorMessage: validationOrderStatus.message
+    });
+    return next();
+  }
+
+  // Check to make sure there is a shipping address
+  if (currentBasket.defaultShipment.shippingAddress === null) {
+    res.json({
+      error: true,
+      errorStage: {
+        stage: 'shipping',
+        step: 'address'
+      },
+      errorMessage: Resource.msg('error.no.shipping.address', 'checkout', null)
+    });
+    return next();
+  }
+
+  // Check to make sure billing address exists
+  if (!currentBasket.billingAddress) {
+    res.json({
+      error: true,
+      errorStage: {
+        stage: 'payment',
+        step: 'billingAddress'
+      },
+      errorMessage: Resource.msg('error.no.billing.address', 'checkout', null)
+    });
+    return next();
+  }
+
+  // Calculate the basket
+  Transaction.wrap(function () {
+    basketCalculationHelpers.calculateTotals(currentBasket);
+  });
+
+  // Re-calculate the payments.
+  var calculatedPaymentTransactionTotal = COHelpers.calculatePaymentTransaction(currentBasket);
+  if (calculatedPaymentTransactionTotal.error) {
+    res.json({
+      error: true,
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+    return next();
+  }
+
+  // Check if gift cards were used
+  var giftCardsAdded = (_currentBasket$custom = currentBasket.custom) !== null && _currentBasket$custom !== void 0 && _currentBasket$custom.adyenGiftCards ? JSON.parse(currentBasket.custom.adyenGiftCards) : null;
+
+  // Creates a new order.
+  var order;
+  if (giftCardsAdded) {
+    var orderNo = currentBasket.custom.adyenGiftCardsOrderNo;
+    order = OrderMgr.createOrder(currentBasket, orderNo);
+  } else {
+    order = COHelpers.createOrder(currentBasket);
+  }
+  if (!order) {
+    session.privacy.orderNo = null;
+    res.json({
+      error: true,
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+    return next();
+  }
+
+  /* ### Custom Adyen cartridge start ### */
+  // Cache order number in order to be able to restore cart later
+  req.session.privacyCache.set('currentOrderNumber', order.orderNo);
+  req.session.privacyCache.set('currentOrderToken', order.orderToken);
+  session.privacy.orderNo = order.orderNo;
+
+  // Handles payment authorization
+  var handlePaymentResult = adyenHelpers.handlePayments(order);
+  var mainPaymentInstrument = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order))[0];
+  if (giftCardsAdded) {
+    giftCardsAdded.forEach(function (giftCard) {
+      var divideBy = AdyenHelper.getDivisorForCurrency(mainPaymentInstrument.paymentTransaction.getAmount());
+      var amount = {
+        value: giftCard.remainingAmount.value,
+        currency: giftCard.remainingAmount.currency
+      };
+      var formattedAmount = new Money(amount.value, amount.currency).divide(divideBy);
+      Transaction.wrap(function () {
+        mainPaymentInstrument.paymentTransaction.setAmount(formattedAmount); //update amount from order total to PM total
+      });
+
+      GiftCardsHelper.createGiftCardPaymentInstrument(giftCard, divideBy, order);
+    });
+  }
+  /* ### Custom Adyen cartridge end ### */
+
+  // Handle custom processing post authorization
+  var options = {
+    req: req,
+    res: res
+  };
+  var postAuthCustomizations = hooksHelper('app.post.auth', 'postAuthorization', handlePaymentResult, order, options, require('*/cartridge/scripts/hooks/postAuthorizationHandling').postAuthorization);
+  if (postAuthCustomizations && Object.prototype.hasOwnProperty.call(postAuthCustomizations, 'error')) {
+    res.json(postAuthCustomizations);
+    return next();
+  }
+  if (handlePaymentResult.error) {
+    res.json({
+      error: true,
+      errorMessage: Resource.msg('error.payment.not.valid', 'checkout', null)
+    });
+    this.emit('route:Complete', req, res);
+    return;
+  }
+
+  /* ### Custom Adyen cartridge start ### */
+  var cbEmitter = function cbEmitter(route) {
+    return _this.emit(route, req, res);
+  };
+  if (handlePaymentResult.action && ((_handlePaymentResult$ = handlePaymentResult.action) === null || _handlePaymentResult$ === void 0 ? void 0 : _handlePaymentResult$.type) !== constants.ACTIONTYPES.VOUCHER) {
+    return processPayment(order, handlePaymentResult, req, res, cbEmitter);
+  }
+  /* ### Custom Adyen cartridge end ### */
+
+  var fraudDetectionStatus = hooksHelper('app.fraud.detection', 'fraudDetection', currentBasket, require('*/cartridge/scripts/hooks/fraudDetection').fraudDetection);
+  if (fraudDetectionStatus.status === 'fail') {
+    Transaction.wrap(function () {
+      OrderMgr.failOrder(order, true);
+    });
+
+    // fraud detection failed
+    req.session.privacyCache.set('fraudDetectionStatus', true);
+    res.json({
+      error: true,
+      cartError: true,
+      redirectUrl: URLUtils.url('Error-ErrorCode', 'err', fraudDetectionStatus.errorCode).toString(),
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+    return next();
+  }
+
+  // Places the order
+  var placeOrderResult = COHelpers.placeOrder(order, fraudDetectionStatus);
+  if (placeOrderResult.error) {
+    res.json({
+      error: true,
+      errorMessage: Resource.msg('error.technical', 'checkout', null)
+    });
+    return next();
+  }
+  if (req.currentCustomer.addressBook) {
+    // save all used shipping addresses to address book of the logged in customer
+    var allAddresses = addressHelpers.gatherShippingAddresses(order);
+    allAddresses.forEach(function (address) {
+      if (!addressHelpers.checkIfAddressStored(address, req.currentCustomer.addressBook.addresses)) {
+        addressHelpers.saveAddress(address, req.currentCustomer, addressHelpers.generateAddressName(address));
+      }
+    });
+  }
+  if (order.getCustomerEmail()) {
+    COHelpers.sendConfirmationEmail(order, req.locale.id);
+  }
+  clearForms.clearForms();
+  if (mainPaymentInstrument) {
+    clearForms.clearPaymentTransactionData(mainPaymentInstrument);
+    clearForms.clearAdyenData(mainPaymentInstrument);
+  }
+  // Reset usingMultiShip after successful Order placement
+  req.session.privacyCache.set('usingMultiShipping', false);
+
+  // TODO: Exposing a direct route to an Order, without at least encoding the orderID
+  //  is a serious PII violation.  It enables looking up every customers orders, one at a
+  //  time.
+  res.json({
+    error: false,
+    orderID: order.orderNo,
+    orderToken: order.orderToken,
+    continueUrl: URLUtils.url('Order-Confirm').toString()
+  });
+  this.emit('route:Complete', req, res);
+}
+module.exports = placeOrder;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/index.js
new file mode 100644
index 000000000..8925dddcd
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/index.js
@@ -0,0 +1,12 @@
+"use strict";
+
+var adyen = require('*/cartridge/controllers/middlewares/adyen/index');
+var checkout = require('*/cartridge/controllers/middlewares/checkout/index');
+var order = require('*/cartridge/controllers/middlewares/order/index');
+var paymentInstruments = require('*/cartridge/controllers/middlewares/payment_instruments/index');
+module.exports = {
+  adyen: adyen,
+  checkout: checkout,
+  order: order,
+  paymentInstruments: paymentInstruments
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/confirm.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/confirm.js
new file mode 100644
index 000000000..fa51fe3df
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/confirm.js
@@ -0,0 +1,55 @@
+"use strict";
+
+var OrderMgr = require('dw/order/OrderMgr');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+
+// order-confirm is POST in SFRA v6.0.0. orderID and orderToken are contained in form.
+// This was a GET call with a querystring containing ID & token in earlier versions.
+function getOrderId(req) {
+  return req.form && req.form.orderID ? req.form.orderID : req.querystring.ID;
+}
+function getOrderToken(req) {
+  return req.form && req.form.orderToken ? req.form.orderToken : req.querystring.token;
+}
+function handleAdyenGiving(req, res) {
+  var clientKey = AdyenConfigs.getAdyenClientKey();
+  var environment = AdyenHelper.getCheckoutEnvironment();
+  var configuredAmounts = AdyenHelper.getDonationAmounts();
+  var charityName = encodeURI(AdyenConfigs.getAdyenGivingCharityName());
+  var charityWebsite = AdyenConfigs.getAdyenGivingCharityWebsite();
+  var charityDescription = encodeURI(AdyenConfigs.getAdyenGivingCharityDescription());
+  var adyenGivingBackgroundUrl = AdyenConfigs.getAdyenGivingBackgroundUrl();
+  var adyenGivingLogoUrl = AdyenConfigs.getAdyenGivingLogoUrl();
+  var orderToken = getOrderToken(req);
+  var donationAmounts = {
+    currency: session.currency.currencyCode,
+    values: configuredAmounts
+  };
+  var viewData = res.getViewData();
+  viewData.adyen = {
+    clientKey: clientKey,
+    environment: environment,
+    adyenGivingAvailable: true,
+    donationAmounts: JSON.stringify(donationAmounts),
+    charityName: charityName,
+    charityDescription: charityDescription,
+    charityWebsite: charityWebsite,
+    adyenGivingBackgroundUrl: adyenGivingBackgroundUrl,
+    adyenGivingLogoUrl: adyenGivingLogoUrl,
+    orderToken: orderToken
+  };
+  res.setViewData(viewData);
+}
+function confirm(req, res, next) {
+  var orderId = getOrderId(req);
+  var orderToken = getOrderToken(req);
+  if (orderId && orderToken) {
+    var order = OrderMgr.getOrder(orderId, orderToken);
+    if (AdyenHelper.getAdyenGivingConfig(order)) {
+      handleAdyenGiving(req, res);
+    }
+  }
+  return next();
+}
+module.exports = confirm;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/index.js
new file mode 100644
index 000000000..7dd010b92
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/order/index.js
@@ -0,0 +1,6 @@
+"use strict";
+
+var confirm = require('*/cartridge/controllers/middlewares/order/confirm');
+module.exports = {
+  confirm: confirm
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/deletePayment.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/deletePayment.js
new file mode 100644
index 000000000..7a8093bc3
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/deletePayment.js
@@ -0,0 +1,21 @@
+"use strict";
+
+var CustomerMgr = require('dw/customer/CustomerMgr');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var _require = require('*/cartridge/scripts/adyenDeleteRecurringPayment'),
+  deleteRecurringPayment = _require.deleteRecurringPayment;
+function deletePayment(req, res, next) {
+  var payment = res.getViewData();
+  if (payment) {
+    var customer = CustomerMgr.getCustomerByCustomerNumber(req.currentCustomer.profile.customerNo);
+    var tokenToDelete = AdyenHelper.getCardToken(payment.UUID, customer);
+    if (tokenToDelete) {
+      deleteRecurringPayment({
+        Customer: customer,
+        RecurringDetailReference: tokenToDelete
+      });
+    }
+  }
+  return next();
+}
+module.exports = deletePayment;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/index.js
new file mode 100644
index 000000000..f17abe7c9
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/index.js
@@ -0,0 +1,8 @@
+"use strict";
+
+var savePayment = require('*/cartridge/controllers/middlewares/payment_instruments/savePayment');
+var deletePayment = require('*/cartridge/controllers/middlewares/payment_instruments/deletePayment');
+module.exports = {
+  savePayment: savePayment,
+  deletePayment: deletePayment
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/paymentProcessorIDs.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/paymentProcessorIDs.js
new file mode 100644
index 000000000..84db9298f
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/paymentProcessorIDs.js
@@ -0,0 +1,3 @@
+"use strict";
+
+module.exports.paymentProcessorIDs = ['Adyen_Component', 'ADYEN_CREDIT'];
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/savePayment.js b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/savePayment.js
new file mode 100644
index 000000000..c87bdd351
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/middlewares/payment_instruments/savePayment.js
@@ -0,0 +1,72 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var server = require('server');
+var Resource = require('dw/web/Resource');
+var CustomerMgr = require('dw/customer/CustomerMgr');
+var Transaction = require('dw/system/Transaction');
+var URLUtils = require('dw/web/URLUtils');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var adyenZeroAuth = require('*/cartridge/scripts/adyenZeroAuth');
+var constants = require('*/cartridge/adyenConstants/constants');
+var accountHelpers = require('*/cartridge/scripts/helpers/accountHelpers');
+var _require = require('*/cartridge/scripts/updateSavedCards'),
+  updateSavedCards = _require.updateSavedCards;
+var _require2 = require('*/cartridge/controllers/middlewares/payment_instruments/paymentProcessorIDs'),
+  paymentProcessorIDs = _require2.paymentProcessorIDs;
+function containsValidResultCode(req) {
+  return [constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.IDENTIFYSHOPPER, constants.RESULTCODES.CHALLENGESHOPPER, constants.RESULTCODES.REDIRECTSHOPPER].indexOf(req.resultCode) !== -1;
+}
+function createPaymentInstrument(customer) {
+  var paymentInstrument;
+  var paymentForm = server.forms.getForm('creditCard');
+  var wallet = customer.getProfile().getWallet();
+  Transaction.wrap(function () {
+    paymentInstrument = wallet.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT);
+    paymentInstrument.custom.adyenPaymentData = paymentForm.adyenStateData.value;
+  });
+  return paymentInstrument;
+}
+function getResponseBody(action) {
+  return _objectSpread({
+    success: true,
+    redirectUrl: URLUtils.url('PaymentInstruments-List').toString()
+  }, action && {
+    redirectAction: action
+  });
+}
+function isAdyen() {
+  var _PaymentMgr$getPaymen, _PaymentMgr$getPaymen2;
+  return paymentProcessorIDs.indexOf((_PaymentMgr$getPaymen = PaymentMgr.getPaymentMethod('CREDIT_CARD')) === null || _PaymentMgr$getPaymen === void 0 ? void 0 : (_PaymentMgr$getPaymen2 = _PaymentMgr$getPaymen.getPaymentProcessor()) === null || _PaymentMgr$getPaymen2 === void 0 ? void 0 : _PaymentMgr$getPaymen2.getID()) > -1 || PaymentMgr.getPaymentMethod(constants.METHOD_ADYEN_COMPONENT).isActive();
+}
+function savePayment(req, res, next) {
+  if (!isAdyen()) {
+    return next();
+  }
+  var customer = CustomerMgr.getCustomerByCustomerNumber(req.currentCustomer.profile.customerNo);
+  Transaction.begin();
+  var zeroAuthResult = adyenZeroAuth.zeroAuthPayment(customer, createPaymentInstrument(customer));
+  if (zeroAuthResult.error || !containsValidResultCode(zeroAuthResult)) {
+    Transaction.rollback();
+    res.json({
+      success: false,
+      error: [Resource.msg('error.card.information.error', 'creditCard', null)]
+    });
+    return this.emit('route:Complete', req, res);
+  }
+  Transaction.commit();
+  updateSavedCards({
+    CurrentCustomer: req.currentCustomer.raw
+  });
+
+  // Send account edited email
+  accountHelpers.sendAccountEditedEmail(customer.profile);
+  res.json(getResponseBody(zeroAuthResult.action));
+  return this.emit('route:Complete', req, res);
+}
+module.exports = savePayment;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/utils/clearForms.js b/cartridges/int_adyen_SFRA/cartridge/controllers/utils/clearForms.js
new file mode 100644
index 000000000..72651b08e
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/utils/clearForms.js
@@ -0,0 +1,66 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+/**
+ * Clear custom session data
+ */
+function clearCustomSessionFields() {
+  // Clears all fields used in the 3d secure payment.
+  session.privacy.paymentMethod = null;
+  session.privacy.brandCode = null;
+  session.privacy.issuer = null;
+  session.privacy.adyenPaymentMethod = null;
+  session.privacy.adyenIssuerName = null;
+  session.privacy.ratePayFingerprint = null;
+  session.privacy.giftCardResponse = null;
+  session.privacy.partialPaymentData = null;
+  session.privacy.amazonExpressShopperDetail = null;
+}
+
+/**
+ * Clear system session data
+ */
+function clearForms() {
+  // Clears all forms used in the checkout process.
+  session.forms.billing.clearFormElement();
+  clearCustomSessionFields();
+}
+
+/**
+ * Clear Adyen payment data
+ */
+function clearAdyenData(paymentInstrument) {
+  Transaction.wrap(function () {
+    paymentInstrument.custom.adyenPaymentData = null;
+    paymentInstrument.custom.adyenPartialPaymentsOrder = null;
+    paymentInstrument.custom.adyenMD = null;
+  });
+}
+
+/**
+ * Clear Adyen basket data
+ */
+function clearAdyenBasketData(basket) {
+  if (basket) {
+    Transaction.wrap(function () {
+      basket.custom.adyenGiftCards = null;
+      basket.custom.adyenGiftCardsOrderNo = null;
+    });
+  }
+}
+
+/**
+ * Clear Adyen transaction data
+ */
+function clearPaymentTransactionData(paymentInstrument) {
+  Transaction.wrap(function () {
+    paymentInstrument.paymentTransaction.custom.Adyen_authResult = null;
+    paymentInstrument.paymentTransaction.custom.Adyen_merchantSig = null;
+  });
+}
+module.exports = {
+  clearForms: clearForms,
+  clearAdyenData: clearAdyenData,
+  clearPaymentTransactionData: clearPaymentTransactionData,
+  clearAdyenBasketData: clearAdyenBasketData
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/controllers/utils/index.js b/cartridges/int_adyen_SFRA/cartridge/controllers/utils/index.js
new file mode 100644
index 000000000..6e96936bc
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/controllers/utils/index.js
@@ -0,0 +1,4 @@
+"use strict";
+
+module.exports.clearForms = require('*/cartridge/controllers/utils/clearForms');
+module.exports.clearForms = require('*/cartridge/controllers/utils/clearForms');
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/forms/default/address.xml b/cartridges/int_adyen_SFRA/cartridge/forms/default/address.xml
new file mode 100644
index 000000000..c44e3826c
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/forms/default/address.xml
@@ -0,0 +1,288 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+
+    <field formid="addressId" label="label.input.addressid" type="string" mandatory="true"
+           max-length="20" missing-error="error.message.required" range-error="error.message.20orless"/>
+    <field formid="firstName" label="label.input.firstname.profile" type="string" mandatory="true" binding="firstName"
+           max-length="50" missing-error="address.firstname.missing" range-error="error.message.50orless"/>
+    <field formid="lastName" label="label.input.lastname.profile" type="string" mandatory="true" binding="lastName" max-length="50"
+           missing-error="address.lastname.missing" range-error="error.message.50orless"/>
+    <field formid="address1" label="label.input.address1" type="string" mandatory="true" binding="address1" max-length="50"
+           missing-error="address.address1.missing" range-error="error.message.50orless"/>
+    <field formid="address2" label="label.input.address2" type="string" mandatory="false" binding="address2"
+           max-length="50" range-error="error.message.50orless"/>
+    <field formid="city" label="label.input.city" type="string" mandatory="true" binding="city" min-length="2"
+           max-length="50" missing-error="address.city.missing" range-error="error.message.between2and50"/>
+
+    <!--  postal code -->
+    <field formid="postalCode" label="label.input.zipcode" type="string" mandatory="true" min-length="4" max-length="10"
+           binding="postalCode"
+           range-error="error.message.between5and10"
+           missing-error="address.zipcode.missing"
+           parse-error="error.message.parse.zip"/>
+
+    <!-- use set of supported countries -->
+    <field formid="country" label="label.input.country" type="string" mandatory="true" binding="countryCode"
+           missing-error="address.country.missing">
+        <options>
+            <option value="AF" label="Afghanistan"/>                               
+            <option value="AX" label="Åland  Islands"/>
+            <option value="AL" label="Albania" />                                  
+            <option value="DZ" label="Algeria" />                                  
+            <option value="AS" label="American Samoa"/>                            
+            <option value="AD" label="Andorra" />                                  
+            <option value="AO" label="Angola" />                                   
+            <option value="AI" label="Anguilla" />                                 
+            <option value="AQ" label="Antarctica" />                               
+            <option value="AG" label="Antigua  and Barbuda"/>                      
+            <option value="AR" label="Argentina" />                                
+            <option value="AM" label="Armenia" />                                  
+            <option value="AW" label="Aruba" />                                    
+            <option value="AU" label="Australia" />                                
+            <option value="AT" label="Austria" />                                  
+            <option value="AZ" label="Azerbaijan" />                               
+            <option value="BS" label="Bahamas" />                                  
+            <option value="BH" label="Bahrain" />                                  
+            <option value="BD" label="Bangladesh" />                               
+            <option value="BB" label="Barbados" />                                 
+            <option value="BY" label="Belarus" />                                  
+            <option value="BE" label="Belgium" />                                  
+            <option value="BZ" label="Belize" />                                   
+            <option value="BJ" label="Benin" />                                    
+            <option value="BM" label="Bermuda" />                                  
+            <option value="BT" label="Bhutan" />                                   
+            <option value="BO" label="Bolivia" />                                  
+            <option value="BA" label="Bosnia  and Herzegovina"/>                   
+            <option value="BW" label="Botswana" />                                 
+            <option value="BV" label="Bouvet Island"/>                             
+            <option value="BR" label="Brazil" />                                   
+            <option value="IO" label="British  Indian Ocean Territory"/>           
+            <option value="BN" label="Brunei  Darussalam"/>                        
+            <option value="BG" label="Bulgaria" />                                 
+            <option value="BF" label="Burkina  Faso"/>                             
+            <option value="BI" label="Burundi" />                                  
+            <option value="KH" label="Cambodia" />                                 
+            <option value="CM" label="Cameroon" />                                 
+            <option value="CA" label="Canada" />                                   
+            <option value="CV" label="Cape  Verde"/>                               
+            <option value="KY" label="CaymanIslands"/>                             
+            <option value="CF" label="Central  African Republic"/>                 
+            <option value="TD" label="Chad" />                                     
+            <option value="CL" label="Chile" />                                    
+            <option value="CN" label="China" />                                    
+            <option value="CX" label="Christmas  Island"/>                         
+            <option value="CC" label="Cocos  (Keeling) Islands"/>                  
+            <option value="CO" label="Colombia" />                                 
+            <option value="KM" label="Comoros" />                                  
+            <option value="CG" label="Congo" />                                    
+            <option value="CD" label="Congo , The Democratic Republic of The"/>    
+            <option value="CK" label="Cook  Islands"/>                             
+            <option value="CR" label="Costa Rica"/>                                
+            <option value="CI" label="Ivory Coast"/>                                
+            <option value="HR" label="Croatia" />                                  
+            <option value="CU" label="Cuba" />                                     
+            <option value="CY" label="Cyprus" />                                   
+            <option value="CZ" label="Czechia" />                                  
+            <option value="DK" label="Denmark" />                                  
+            <option value="DJ" label="Djibouti" />                                 
+            <option value="DM" label="Dominica" />                                 
+            <option value="DO" label="Dominican  Republic"/>                       
+            <option value="EC" label="Ecuador" />                                  
+            <option value="EG" label="Egypt" />                                    
+            <option value="SV" label="El  Salvador"/>                              
+            <option value="GQ" label="Equatorial Guinea"/>                         
+            <option value="ER" label="Eritrea" />                                  
+            <option value="EE" label="Estonia" />                                  
+            <option value="ET" label="Ethiopia" />                                 
+            <option value="FK" label="Falkland  Islands (Malvinas)"/>              
+            <option value="FO" label="Faroe  Islands"/>                            
+            <option value="FJ" label="Fiji" />                                     
+            <option value="FI" label="Finland" />                                  
+            <option value="FR" label="France"/>                                    
+            <option value="GF" label="French Guiana"/>                             
+            <option value="PF" label="French Polynesia"/>                          
+            <option value="TF" label="French  Southern Territories"/>              
+            <option value="GA" label="Gabon" />                                    
+            <option value="GM" label="Gambia" />                                   
+            <option value="GE" label="Georgia" />                                  
+            <option value="DE" label="Germany" />                                  
+            <option value="GH" label="Ghana" />                                    
+            <option value="GI" label="Gibraltar" />                                
+            <option value="GR" label="Greece" />                                   
+            <option value="GL" label="Greenland" />                                
+            <option value="GD" label="Grenada" />                                  
+            <option value="GP" label="Guadeloupe" />                               
+            <option value="GU" label="Guam" />                                     
+            <option value="GT" label="Guatemala" />                                
+            <option value="GG" label="Guernsey" />                                 
+            <option value="GN" label="Guinea" />                                   
+            <option value="GW" label="Guinea -bissau"/>                            
+            <option value="GY" label="Guyana" />                                   
+            <option value="HT" label="Haiti" />                                    
+            <option value="HM" label="Heard Island and Mcdonald Islands"/>         
+            <option value="VA" label="vatican"/>                                   
+            <option value="HN" label="Honduras" />                                 
+            <option value="HK" label="Hong  Kong"/>                                
+            <option value="HU" label="Hungary" />                                  
+            <option value="IS" label="Iceland" />                                  
+            <option value="IN" label="India" />                                    
+            <option value="ID" label="Indonesia" />                                
+            <option value="IR" label="Iran Islamic Republic of"/>                  
+            <option value="IQ" label="Iraq" />                                     
+            <option value="IE" label="Ireland" />                                  
+            <option value="IM" label="Isle of Man"/>                               
+            <option value="IL" label="Israel" />                                   
+            <option value="IT" label="Italy" />                                    
+            <option value="JM" label="Jamaica" />                                  
+            <option value="JP" label="Japan" />                                    
+            <option value="JE" label="Jersey" />                                   
+            <option value="JO" label="Jordan" />                                   
+            <option value="KZ" label="Kazakhstan" />                               
+            <option value="KE" label="Kenya" />                                    
+            <option value="KI" label="Kiribati" />                                 
+            <option value="KP" label="Korea Democratic Peoples Republic of"/>      
+            <option value="KR" label="Korea Republic of"/>                         
+            <option value="KW" label="Kuwait" />                                   
+            <option value="KG" label="Kyrgyzstan" />                               
+            <option value="LA" label="Lao People's Democratic Republic"/>          
+            <option value="LV" label="Latvia" />                                   
+            <option value="LB" label="Lebanon" />                                  
+            <option value="LS" label="Lesotho" />                                  
+            <option value="LR" label="Liberia" />                                  
+            <option value="LY" label="Libyan Arab Jamahiriya"/>                    
+            <option value="LI" label="Liechtenstein" />                            
+            <option value="LT" label="Lithuania" />                                
+            <option value="LU" label="Luxembourg" />                               
+            <option value="MO" label="Macao" />                                    
+            <option value="MK" label="Macedonia The Former Yugoslav Republic of"/> 
+            <option value="MG" label="Madagascar" />                               
+            <option value="MW" label="Malawi" />                                   
+            <option value="MY" label="Malaysia" />                                 
+            <option value="MV" label="Maldives" />                                 
+            <option value="ML" label="Mali" />                                     
+            <option value="MT" label="Malta" />                                    
+            <option value="MH" label="Marshall Islands"/>                          
+            <option value="MQ" label="Martinique" />                               
+            <option value="MR" label="Mauritania" />                               
+            <option value="MU" label="Mauritius" />                                
+            <option value="YT" label="Mayotte" />                                  
+            <option value="MX" label="Mexico" />                                   
+            <option value="FM" label="Micronesia Federated States of"/>            
+            <option value="MD" label="Moldova Republic of"/>                       
+            <option value="MC" label="Monaco" />                                   
+            <option value="MN" label="Mongolia" />                                 
+            <option value="ME" label="Montenegro" />                               
+            <option value="MS" label="Montserrat" />                               
+            <option value="MA" label="Morocco" />                                  
+            <option value="MZ" label="Mozambique" />                               
+            <option value="MM" label="Myanmar" />                                  
+            <option value="NA" label="Namibia" />                                  
+            <option value="NR" label="Nauru" />                                    
+            <option value="NP" label="Nepal" />                                    
+            <option value="NL" label="Netherlands" />                              
+            <option value="AN" label="Netherlands Antilles"/>                      
+            <option value="NC" label="New  Caledonia"/>                            
+            <option value="NZ" label="New  Zealand"/>                              
+            <option value="NI" label="Nicaragua" />                                
+            <option value="NE" label="Niger" />                                    
+            <option value="NG" label="Nigeria" />                                  
+            <option value="NU" label="Niue" />                                     
+            <option value="NF" label="Norfolk  Island"/>                           
+            <option value="MP" label="Northern Mariana Islands"/>                  
+            <option value="NO" label="Norway" />                                   
+            <option value="OM" label="Oman" />                                     
+            <option value="PK" label="Pakistan" />                                 
+            <option value="PW" label="Palau" />                                    
+            <option value="PS" label="Palestine"/>                                 
+            <option value="PA" label="Panama" />                                   
+            <option value="PG" label="Papua New Guinea"/>                          
+            <option value="PY" label="Paraguay" />                                 
+            <option value="PE" label="Peru" />                                     
+            <option value="PH" label="Philippines" />                              
+            <option value="PN" label="Pitcairn" />                                 
+            <option value="PL" label="Poland" />                                   
+            <option value="PT" label="Portugal" />                                 
+            <option value="PR" label="Puerto  Rico"/>                              
+            <option value="QA" label="Qatar" />                                    
+            <option value="RE" label="Reunion" />                                  
+            <option value="RO" label="Romania" />                                  
+            <option value="RU" label="Russian  Federation"/>                       
+            <option value="RW" label="Rwanda" />                                   
+            <option value="SH" label="Saint  Helena"/>                             
+            <option value="KN" label="Saint  Kitts and Nevis"/>                    
+            <option value="LC" label="Saint  Lucia"/>                              
+            <option value="PM" label="Saint  Pierre and Miquelon"/>                
+            <option value="VC" label="Saint  Vincent and The Grenadines"/>         
+            <option value="WS" label="Samoa" />                                    
+            <option value="SM" label="San Marino"/>                                
+            <option value="ST" label="Sao Tome and Principe"/>                     
+            <option value="SA" label="Saudi Arabia"/>                              
+            <option value="SN" label="Senegal" />                                  
+            <option value="RS" label="Serbia" />                                   
+            <option value="SC" label="Seychelles" />                               
+            <option value="SL" label="Sierra  Leone"/>                             
+            <option value="SG" label="Singapore" />                                
+            <option value="SK" label="Slovakia" />                                 
+            <option value="SI" label="Slovenia" />                                 
+            <option value="SB" label="Solomon  Islands"/>                          
+            <option value="SO" label="Somalia" />                                  
+            <option value="ZA" label="South  Africa"/>                             
+            <option value="GS" label="South  Georgia and The South Sandwich Islands"/>
+            <option value="ES" label="Spain" />                                    
+            <option value="LK" label="Sri  Lanka"/>                                
+            <option value="SD" label="Sudan" />                                    
+            <option value="SR" label="Suriname" />                                 
+            <option value="SJ" label="Svalbard  and Jan Mayen"/>                   
+            <option value="SZ" label="Swaziland" />                                
+            <option value="SE" label="Sweden" />                                   
+            <option value="CH" label="Switzerland" />                              
+            <option value="SY" label="Syrian  Arab Republic"/>                     
+            <option value="TW" label="Taiwan"/>
+            <option value="TJ" label="Tajikistan" />                               
+            <option value="TZ" label="Tanzania , United Republic of"/>             
+            <option value="TH" label="Thailand" />                                 
+            <option value="TL" label="Timor -leste"/>                              
+            <option value="TG" label="Togo" />                                     
+            <option value="TK" label="Tokelau" />                                  
+            <option value="TO" label="Tonga" />                                    
+            <option value="TT" label="Trinidad  and Tobago"/>                      
+            <option value="TN" label="Tunisia" />                                  
+            <option value="TR" label="Turkey" />                                   
+            <option value="TM" label="Turkmenistan" />                             
+            <option value="TC" label="Turks  and Caicos Islands"/>                 
+            <option value="TV" label="Tuvalu" />                                   
+            <option value="UG" label="Uganda" />                                   
+            <option value="UA" label="Ukraine" />                                  
+            <option value="AE" label="United  Arab Emirates"/>                     
+            <option value="GB" label="United  Kingdom"/>                           
+            <option value="US" label="United  States"/>                            
+            <option value="UM" label="United  States Minor Outlying Islands"/>     
+            <option value="UY" label="Uruguay" />                                  
+            <option value="UZ" label="Uzbekistan" />                               
+            <option value="VU" label="Vanuatu" />                                  
+            <option value="VE" label="Venezuela" />                                
+            <option value="VN" label="VietNam"/>                                   
+            <option value="VG" label="Virgin Islands, British"/>                   
+            <option value="VI" label="Virgin Islands, U.S."/>                      
+            <option value="WF" label="Wallis and Futuna"/>                         
+            <option value="EH" label="Western Sahara"/>                            
+            <option value="YE" label="Yemen" />                                    
+            <option value="ZM" label="Zambia" />                                   
+            <option value="ZW" label="Zimbabwe" />
+        </options>
+    </field>
+
+    <!-- use global state list -->
+    <include formid="states" name="states" missing-error="address.state.missing" parse-error="error.message.required" value-error="error.message.required"/>
+
+    <!-- phone is mandatory for addresses -->
+    <field formid="phone" label="label.input.phonenumber" description="address.phone.example" type="string" mandatory="true"
+           binding="phone" min-length="10" max-length="20"
+           missing-error="address.phone.missing"
+           range-error="error.message.between10and20"
+           parse-error="error.message.parse.phone"/>
+
+    <!-- actions provided by the edit shipping address dialog -->
+    <action formid="apply" valid-form="true"/>
+    <action formid="remove" valid-form="false"/>
+</form>
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/forms/default/adyenPayment.xml b/cartridges/int_adyen_SFRA/cartridge/forms/default/adyenPayment.xml
new file mode 100644
index 000000000..9e7b771f8
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/forms/default/adyenPayment.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+    <!--Issuer details-->
+    <field formid="issuer" type="string" mandatory="false"/>
+
+    <!--POS terminal-->
+    <field formid="terminalId" type="string" mandatory="false" />
+
+    <!--Adyen Component-->
+    <field formid="adyenStateData" type="string" mandatory="false" />
+    <field formid="adyenFingerprint" label="Fingerprint" type="string" mandatory="false"/>
+    <field formid="adyenPartialPaymentsOrder" type="string" mandatory="false" />
+</form>
diff --git a/cartridges/int_adyen_SFRA/cartridge/forms/default/billing.xml b/cartridges/int_adyen_SFRA/cartridge/forms/default/billing.xml
new file mode 100644
index 000000000..6ad656382
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/forms/default/billing.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+
+    <field formid="shippingAddressUseAsBillingAddress" label="profile.billingSameAsShipping" type="boolean"
+           binding="shippingAddressUseAsBillingAddress" checked="true" />
+
+    <include formid="addressFields" name="address"/>
+
+    <include formid="contactInfoFields" name="contactInfo"/>
+
+    <field formid="paymentMethod" type="string" mandatory="true" />
+
+    <include formid="creditCardFields" name="creditCard"/>
+
+    <include formid="adyenPaymentFields" name="adyenPayment"/>
+
+    <field formid="subscribe" type="boolean" checked="false" default-value="false" mandatory="false" />
+
+</form>
diff --git a/cartridges/int_adyen_SFRA/cartridge/forms/default/creditCard.xml b/cartridges/int_adyen_SFRA/cartridge/forms/default/creditCard.xml
new file mode 100644
index 000000000..47428930e
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/forms/default/creditCard.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+    <field formid="paymentMethod" type="string" mandatory="true"/>
+
+    <field formid="cardType" label="profile.cardtype" type="string" mandatory="false" binding="cardType"
+           max-length="16" missing-error="error.message.required"/>
+
+    <field formid="cardNumber" label="label.input.creditcard.number" type="string" mandatory="false"
+           binding="cardNumber"
+           max-length="20" missing-error="error.message.required" parse-error="error.message.required"/>
+
+    <field formid="cardOwner" label="label.input.creditcard.owner" type="string" mandatory="false" binding="cardOwner"
+           missing-error="error.message.required"/>
+
+    <field formid="expirationMonth" label="label.input.payment.expirationmonth" type="integer" mandatory="false"
+           binding="expirationMonth" missing-error="error.message.required"
+           value-error="address.field.invalid">
+        <options>
+            <option optionid="" label="select.default.month" value=""/>
+            <option optionid="01" label="01" value="01"/>
+            <option optionid="02" label="02" value="02"/>
+            <option optionid="03" label="03" value="03"/>
+            <option optionid="04" label="04" value="04"/>
+            <option optionid="05" label="05" value="05"/>
+            <option optionid="06" label="06" value="06"/>
+            <option optionid="07" label="07" value="07"/>
+            <option optionid="08" label="08" value="08"/>
+            <option optionid="09" label="09" value="09"/>
+            <option optionid="10" label="10" value="10"/>
+            <option optionid="11" label="11" value="11"/>
+            <option optionid="12" label="12" value="12"/>
+        </options>
+    </field>
+
+    <field formid="expirationYear" label="label.input.payment.expirationyear" type="integer" mandatory="false"
+           missing-error="error.message.required">
+        <options>
+            <option optionid="" label="select.default.year" value=""/>
+        </options>
+    </field>
+
+    <field formid="securityCode" label="profile.securitycode" type="string" mandatory="false" binding="securityCode"
+           max-length="4" missing-error="error.card.info.missing.securityCode"/>
+
+    <field formid="saveCard" label="label.save.card" binding="saveCard" type="boolean" mandatory="false"
+           checked="false"/>
+    <field formid="saveCardAdyen" label="label.save.card" binding="saveCardAdyen" type="boolean" mandatory="false"
+           checked="false"/>
+
+    <field formid="adyenStateData" label="adyenStateData" type="string" mandatory="false"
+           binding="adyenStateData"/>
+
+    <!--  field  for  credit  card  recurring  payments  /  tokenization  -->
+    <field formid="selectedCardID" mandatory="false" type="string"/>
+</form>
diff --git a/cartridges/int_adyen_SFRA/cartridge/int_adyen_SFRA.properties b/cartridges/int_adyen_SFRA/cartridge/int_adyen_SFRA.properties
new file mode 100755
index 000000000..6d5f84687
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/int_adyen_SFRA.properties
@@ -0,0 +1,4 @@
+## cartridge.properties for cartridge LINK_adyen
+#Thu Apr 26 2018 13:00:35 GMT+0000 (UTC)
+demandware.cartridges.int_adyen_SFRA.multipleLanguageStorefront=true
+demandware.cartridges.int_adyen_SFRA.id=int_adyen_SFRA
diff --git a/cartridges/int_adyen_SFRA/cartridge/models/createPayment.js b/cartridges/int_adyen_SFRA/cartridge/models/createPayment.js
new file mode 100644
index 000000000..7e0256da7
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/models/createPayment.js
@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function getField(name, obj) {
+  return obj && _defineProperty({}, name, obj);
+}
+function getParsedField(name, str) {
+  return str && _defineProperty({}, name, JSON.parse(str));
+}
+function getOrNull(name, obj) {
+  return obj ? _defineProperty({}, name, obj) : _defineProperty({}, name, null);
+}
+module.exports.createSelectedPaymentInstruments = function createSelectedPaymentInstruments(_ref5) {
+  var paymentMethod = _ref5.paymentMethod,
+    paymentTransaction = _ref5.paymentTransaction,
+    custom = _ref5.custom,
+    creditCardNumberLastDigits = _ref5.creditCardNumberLastDigits,
+    creditCardExpirationMonth = _ref5.creditCardExpirationMonth,
+    creditCardExpirationYear = _ref5.creditCardExpirationYear,
+    creditCardHolder = _ref5.creditCardHolder,
+    creditCardType = _ref5.creditCardType,
+    giftCertificateCode = _ref5.giftCertificateCode,
+    maskedGiftCertificateCode = _ref5.maskedGiftCertificateCode,
+    maskedCreditCardNumber = _ref5.maskedCreditCardNumber;
+  var results = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    paymentMethod: paymentMethod,
+    amount: paymentTransaction.amount.value
+  }, getField('selectedAdyenPM', custom.adyenPaymentMethod)), getField('selectedIssuerName', custom.adyenIssuerName)), getParsedField('adyenAdditionalPaymentData', custom.adyenAdditionalPaymentData)), getField('adyenAction', custom.adyenAction)), getOrNull('lastFour', creditCardNumberLastDigits)), getOrNull('owner', creditCardHolder)), getOrNull('expirationYear', creditCardExpirationYear)), getOrNull('type', creditCardType)), getOrNull('maskedCreditCardNumber', maskedCreditCardNumber)), getOrNull('expirationMonth', creditCardExpirationMonth));
+  if (paymentMethod === 'GIFT_CERTIFICATE') {
+    results.giftCertificateCode = giftCertificateCode;
+    results.maskedGiftCertificateCode = maskedGiftCertificateCode;
+  }
+  return results;
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/models/payment.js b/cartridges/int_adyen_SFRA/cartridge/models/payment.js
new file mode 100644
index 000000000..2eabd404b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/models/payment.js
@@ -0,0 +1,30 @@
+"use strict";
+
+var collections = require('*/cartridge/scripts/util/collections');
+var _require = require('./createPayment'),
+  createSelectedPaymentInstruments = _require.createSelectedPaymentInstruments;
+var base = module.superModule;
+
+/**
+ * Creates an array of objects containing selected payment information
+ * @param {dw.util.ArrayList<dw.order.PaymentInstrument>} selectedPaymentInstruments - ArrayList
+ *      of payment instruments that the user is using to pay for the current basket
+ * @returns {Array} Array of objects that contain information about the selected payment instruments
+ */
+function getSelectedPaymentInstruments(selectedPaymentInstruments) {
+  return collections.map(selectedPaymentInstruments, createSelectedPaymentInstruments);
+}
+
+/**
+ * Payment class that represents payment information for the current basket
+ * @param {dw.order.Basket} currentBasket - the target Basket object
+ * @param {dw.customer.Customer} currentCustomer - the associated Customer object
+ * @param {string} countryCode - the associated Site countryCode
+ * @constructor
+ */
+function Payment(currentBasket, currentCustomer, countryCode) {
+  base.call(this, currentBasket, currentCustomer, countryCode);
+  var paymentInstruments = currentBasket.paymentInstruments;
+  this.selectedPaymentInstruments = paymentInstruments ? getSelectedPaymentInstruments(paymentInstruments) : null;
+}
+module.exports = Payment;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/adyenService.js b/cartridges/int_adyen_SFRA/cartridge/scripts/adyenService.js
new file mode 100644
index 000000000..abe0acb14
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/adyenService.js
@@ -0,0 +1,65 @@
+"use strict";
+
+var Site = require('dw/system/Site');
+var Resource = require('dw/web/Resource');
+var HashMap = require('dw/util/HashMap');
+var Mail = require('dw/net/Mail');
+var Template = require('dw/util/Template');
+var Transaction = require('dw/system/Transaction');
+var Order = require('dw/order/Order');
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+var OrderModel = require('*/cartridge/models/order');
+function sendEmail(order) {
+  var confirmationEmail = new Mail();
+  var context = new HashMap();
+  var orderModel = new OrderModel(order, {
+    containerView: 'order'
+  });
+  var orderObject = {
+    order: orderModel
+  };
+  confirmationEmail.addTo(order.customerEmail);
+  confirmationEmail.setSubject(Resource.msg('subject.order.confirmation.email', 'order', null));
+  confirmationEmail.setFrom(Site.current.getCustomPreferenceValue('customerServiceEmail') || 'no-reply@salesforce.com');
+  Object.keys(orderObject).forEach(function (key) {
+    context.put(key, orderObject[key]);
+  });
+  var template = new Template('checkout/confirmation/confirmationEmail');
+  var content = template.render(context).text;
+  confirmationEmail.setContent(content, 'text/html', 'UTF-8');
+  confirmationEmail.send();
+}
+function submit(order) {
+  try {
+    Transaction.begin();
+    // Places the order if not placed yet
+    if (order.status.value === Order.ORDER_STATUS_CREATED) {
+      // custom fraudDetection
+      var fraudDetectionStatus = {
+        status: 'success'
+      };
+      var placeOrderResult = COHelpers.placeOrder(order, fraudDetectionStatus);
+      if (placeOrderResult.error) {
+        return placeOrderResult;
+      }
+    }
+    sendEmail(order);
+    Transaction.commit();
+    return {
+      order_created: true
+    };
+  } catch (e) {
+    Transaction.rollback();
+    return {
+      error: true
+    };
+  }
+}
+var EXTERNAL_PLATFORM_VERSION = 'SFRA';
+function getExternalPlatformVersion() {
+  return EXTERNAL_PLATFORM_VERSION;
+}
+module.exports = {
+  submit: submit,
+  getExternalPlatformVersion: getExternalPlatformVersion
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/adyenHelpers.js b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/adyenHelpers.js
new file mode 100644
index 000000000..0a837acc1
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/adyenHelpers.js
@@ -0,0 +1,30 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var OrderMgr = require('dw/order/OrderMgr');
+var _require = require('*/cartridge/scripts/checkout/utils/index'),
+  getPayments = _require.getPayments;
+
+/**
+ * handles the payment authorization for each payment instrument
+ * @param {dw.order.Order} order - the order object
+ * @param {string} orderNumber - The order number for the order
+ * @returns {Object} an error object
+ */
+function handlePayments(order) {
+  if (order.totalNetPrice === 0.0) {
+    return {};
+  }
+  if (order.paymentInstruments.length) {
+    return getPayments(order);
+  }
+  Transaction.wrap(function () {
+    OrderMgr.failOrder(order, true);
+  });
+  return {
+    error: true
+  };
+}
+module.exports = {
+  handlePayments: handlePayments
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/getPayments.js b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/getPayments.js
new file mode 100644
index 000000000..7be69e578
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/getPayments.js
@@ -0,0 +1,35 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var HookMgr = require('dw/system/HookMgr');
+var PaymentMgr = require('dw/order/PaymentMgr');
+var OrderMgr = require('dw/order/OrderMgr');
+var getAuthorizationResult = function getAuthorizationResult(pProcessor, order, pInstrument) {
+  var hookName = "app.payment.processor.".concat(pProcessor.ID.toLowerCase());
+  var customAuthorizeHook = function customAuthorizeHook() {
+    return HookMgr.callHook(hookName, 'Authorize', order, pInstrument, pProcessor);
+  };
+  return HookMgr.hasHook(hookName) ? customAuthorizeHook() : HookMgr.callHook('app.payment.processor.default', 'Authorize');
+};
+var getPayments = function getPayments(order) {
+  return order.paymentInstruments.toArray().reduce(function (acc, paymentInstrument) {
+    if (!acc.error) {
+      var _PaymentMgr$getPaymen = PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod),
+        paymentProcessor = _PaymentMgr$getPaymen.paymentProcessor;
+      if (paymentProcessor) {
+        var authorizationResult = getAuthorizationResult(paymentProcessor, order, paymentInstrument);
+        if (authorizationResult.error) {
+          Transaction.wrap(function () {
+            OrderMgr.failOrder(order, true);
+          });
+        }
+        return authorizationResult;
+      }
+      Transaction.begin();
+      paymentInstrument.paymentTransaction.setTransactionID(order.orderNo);
+      Transaction.commit();
+    }
+    return acc;
+  }, {});
+};
+module.exports = getPayments;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/index.js b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/index.js
new file mode 100644
index 000000000..d89026dd0
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/index.js
@@ -0,0 +1,8 @@
+"use strict";
+
+var getPayments = require('*/cartridge/scripts/checkout/utils/getPayments');
+var validatePaymentMethod = require('*/cartridge/scripts/checkout/utils/validatePaymentMethod');
+module.exports = {
+  getPayments: getPayments,
+  validatePaymentMethod: validatePaymentMethod
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/validatePaymentMethod.js b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/validatePaymentMethod.js
new file mode 100644
index 000000000..555b521d8
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/checkout/utils/validatePaymentMethod.js
@@ -0,0 +1,22 @@
+"use strict";
+
+var PaymentInstrument = require('dw/order/PaymentInstrument');
+var PaymentMgr = require('dw/order/PaymentMgr');
+function validatePaymentMethod(applicablePaymentCards, applicablePaymentMethods) {
+  return function (paymentInstrument) {
+    var isValidPaymentMethod = function isValidPaymentMethod() {
+      var isCard = PaymentInstrument.METHOD_CREDIT_CARD.equals(paymentInstrument.paymentMethod);
+      var card = PaymentMgr.getPaymentCard(paymentInstrument.creditCardType);
+      var isValidCard = card && applicablePaymentCards.contains(card) || paymentInstrument.getCreditCardToken();
+      // Checks whether payment card is still applicable or if there is a credit card token set.
+      return !isCard || isValidCard;
+    };
+    var paymentMethod = PaymentMgr.getPaymentMethod(paymentInstrument.getPaymentMethod());
+    if (paymentMethod && applicablePaymentMethods.contains(paymentMethod)) {
+      return isValidPaymentMethod();
+    }
+    var isGiftCertificate = PaymentInstrument.METHOD_GIFT_CERTIFICATE.equals(paymentInstrument.paymentMethod);
+    return isGiftCertificate;
+  };
+}
+module.exports = validatePaymentMethod;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks.json b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks.json
new file mode 100644
index 000000000..b7f90c4eb
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks.json
@@ -0,0 +1,20 @@
+{
+	"hooks": [
+		{
+			"name": "app.payment.processor.adyen_pos",
+			"script": "./hooks/payment/processor/adyen_pos"
+		},
+		{
+			"name": "app.payment.form.processor.adyen_pos",
+			"script": "./hooks/payment/processor/adyen_pos_form_processor"
+		},
+		{
+			"name": "app.payment.processor.adyen_component",
+			"script": "./hooks/payment/processor/adyen_component"
+		},
+		{
+			"name": "app.payment.form.processor.adyen_component",
+			"script": "./hooks/payment/processor/adyen_component_form_processor"
+		}
+	]
+}
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component.js
new file mode 100644
index 000000000..4cc0bf1da
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component.js
@@ -0,0 +1,24 @@
+"use strict";
+
+/**
+ *
+ */
+var middlewares = require('*/cartridge/scripts/hooks/payment/processor/middlewares/index');
+function Handle(basket, paymentInformation) {
+  return middlewares.handle(basket, paymentInformation);
+}
+
+/**
+ * Authorizes a payment using a credit card. Customizations may use other processors and custom
+ *      logic to authorize credit card payment.
+ * @param {number} orderNumber - The current order's number
+ * @param {dw.order.PaymentInstrument} paymentInstrument -  The payment instrument to authorize
+ * @param {dw.order.PaymentProcessor} paymentProcessor -  The payment processor of the current
+ *      payment method
+ * @return {Object} returns an error object
+ */
+function Authorize(order, paymentInstrument, paymentProcessor) {
+  return middlewares.authorize(order, paymentInstrument, paymentProcessor);
+}
+exports.Handle = Handle;
+exports.Authorize = Authorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component_form_processor.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component_form_processor.js
new file mode 100644
index 000000000..60c58a05b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_component_form_processor.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var middlewares = require('*/cartridge/scripts/hooks/payment/processor/middlewares/index');
+
+/**
+ * Verifies the required information for billing form is provided.
+ * @param {Object} req - The request object
+ * @param {Object} paymentForm - the payment form
+ * @param {Object} viewFormData - object contains billing form data
+ * @returns {Object} an object that has error information or payment information
+ */
+function processForm(req, paymentForm, viewFormData) {
+  return middlewares.processForm(req, paymentForm, viewFormData);
+}
+
+/**
+ * Save the credit card information to login account if save card option is selected
+ * @param {Object} req - The request object
+ * @param {dw.order.Basket} basket - The current basket
+ * @param {Object} billingData - payment information
+ */
+function savePaymentInformation(req, basket, billingData) {
+  return middlewares.savePaymentInformation(req, basket, billingData);
+}
+exports.processForm = processForm;
+exports.savePaymentInformation = savePaymentInformation;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos.js
new file mode 100644
index 000000000..ba5fec931
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos.js
@@ -0,0 +1,15 @@
+"use strict";
+
+var middlewares = require('*/cartridge/scripts/hooks/payment/processor/middlewares/index');
+function Handle(basket) {
+  return middlewares.posHandle(basket);
+}
+
+/**
+ * Authorize
+ */
+function Authorize(order, paymentInstrument, paymentProcessor) {
+  return middlewares.posAuthorize(order, paymentInstrument, paymentProcessor);
+}
+exports.Handle = Handle;
+exports.Authorize = Authorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos_form_processor.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos_form_processor.js
new file mode 100644
index 000000000..3a0cfa50d
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/adyen_pos_form_processor.js
@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * Verifies the required information for billing form is provided.
+ * @param {Object} req - The request object
+ * @param {Object} paymentForm - the payment form
+ * @param {Object} viewFormData - object contains billing form data
+ * @returns {Object} an object that has error information or payment information
+ */
+function processForm(req, paymentForm, viewFormData) {
+  var viewData = viewFormData;
+  viewData.paymentMethod = {
+    value: paymentForm.paymentMethod.value,
+    htmlName: paymentForm.paymentMethod.value
+  };
+  return {
+    error: false,
+    viewData: viewData
+  };
+}
+
+/**
+ * By default no save payment information is supported
+ */
+function savePaymentInformation() {}
+exports.processForm = processForm;
+exports.savePaymentInformation = savePaymentInformation;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/authorize.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/authorize.js
new file mode 100644
index 000000000..8c5d1775b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/authorize.js
@@ -0,0 +1,60 @@
+"use strict";
+
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function errorHandler() {
+  var serverErrors = [Resource.msg('error.payment.processor.not.supported', 'checkout', null)];
+  return {
+    authorized: false,
+    fieldErrors: [],
+    serverErrors: serverErrors,
+    error: true
+  };
+}
+function paymentErrorHandler(result) {
+  AdyenLogs.error_log("Payment failed, result: ".concat(JSON.stringify(result)));
+  Transaction.rollback();
+  return {
+    error: true
+  };
+}
+
+/**
+ * Authorizes a payment using a credit card. Customizations may use other processors and custom
+ *      logic to authorize credit card payment.
+ * @param {dw.order.Order} order - The current order
+ * @param {dw.order.PaymentInstrument} paymentInstrument -  The payment instrument to authorize
+ * @param {dw.order.PaymentProcessor} paymentProcessor -  The payment processor of the current
+ *      payment method
+ * @return {Object} returns an error object
+ */
+function authorize(order, paymentInstrument, paymentProcessor) {
+  Transaction.wrap(function () {
+    paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+  });
+  Transaction.begin();
+  var result = adyenCheckout.createPaymentRequest({
+    Order: order,
+    PaymentInstrument: paymentInstrument
+  });
+  if (result.error) {
+    return errorHandler();
+  }
+  var checkoutResponse = AdyenHelper.createAdyenCheckoutResponse(result);
+  if (!checkoutResponse.isFinal) {
+    return checkoutResponse;
+  }
+  if (!checkoutResponse.isSuccessful) {
+    return paymentErrorHandler(result);
+  }
+  AdyenHelper.savePaymentDetails(paymentInstrument, order, result.fullResponse);
+  Transaction.commit();
+  return {
+    authorized: true,
+    error: false
+  };
+}
+module.exports = authorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/handle.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/handle.js
new file mode 100644
index 000000000..c96d3378f
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/handle.js
@@ -0,0 +1,59 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var collections = require('*/cartridge/scripts/util/collections');
+var constants = require('*/cartridge/adyenConstants/constants');
+function removeAllPaymentInstruments(currentBasket) {
+  collections.forEach(currentBasket.getPaymentInstruments(), function (item) {
+    currentBasket.removePaymentInstrument(item);
+  });
+}
+function convertToSfccCardType(paymentInformation, paymentInstrument) {
+  var _stateData$paymentMet;
+  var stateData = JSON.parse(paymentInformation.stateData);
+  var cardType = paymentInformation.cardType || (stateData === null || stateData === void 0 ? void 0 : (_stateData$paymentMet = stateData.paymentMethod) === null || _stateData$paymentMet === void 0 ? void 0 : _stateData$paymentMet.srcScheme);
+  var sfccCardType = !paymentInformation.creditCardToken ? AdyenHelper.getSfccCardType(cardType) : paymentInformation.cardType;
+  paymentInstrument.setCreditCardNumber(paymentInformation.cardNumber);
+  paymentInstrument.setCreditCardType(sfccCardType);
+  paymentInstrument.custom.adyenPaymentMethod = sfccCardType;
+  paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "_Adyen_Payment_Method")] = sfccCardType;
+  if (paymentInformation.creditCardToken) {
+    var firstTwoDigitsFromCurrentYear = AdyenHelper.getFirstTwoNumbersFromYear();
+    var expirationYear = firstTwoDigitsFromCurrentYear * 100 + paymentInformation.expirationYear;
+    paymentInstrument.setCreditCardExpirationMonth(paymentInformation.expirationMonth);
+    paymentInstrument.setCreditCardExpirationYear(expirationYear);
+    paymentInstrument.setCreditCardToken(paymentInformation.creditCardToken);
+  }
+}
+function handle(basket, paymentInformation) {
+  var currentBasket = basket;
+  var cardErrors = {};
+  var serverErrors = [];
+  Transaction.wrap(function () {
+    var _JSON$parse, _JSON$parse$paymentMe, _JSON$parse2, _JSON$parse2$paymentM;
+    removeAllPaymentInstruments(currentBasket);
+    var paymentInstrumentType = AdyenHelper.getPaymentInstrumentType(paymentInformation.isCreditCard);
+    var paymentInstrument = currentBasket.createPaymentInstrument(paymentInstrumentType, currentBasket.totalGrossPrice);
+    paymentInstrument.custom.adyenPaymentData = paymentInformation.stateData;
+    paymentInstrument.custom.adyenMainPaymentInstrument = paymentInstrumentType;
+    paymentInstrument.custom.adyenPaymentMethod = paymentInformation.adyenPaymentMethod;
+    if (paymentInformation.partialPaymentsOrder) {
+      paymentInstrument.custom.adyenPartialPaymentsOrder = session.privacy.partialPaymentData;
+    }
+    paymentInstrument.custom.Adyen_Payment_Method_Variant = paymentInformation.stateData ? (_JSON$parse = JSON.parse(paymentInformation.stateData)) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$paymentMe = _JSON$parse.paymentMethod) === null || _JSON$parse$paymentMe === void 0 ? void 0 : _JSON$parse$paymentMe.type : null;
+    paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method_Variant")] = paymentInformation.stateData ? (_JSON$parse2 = JSON.parse(paymentInformation.stateData)) === null || _JSON$parse2 === void 0 ? void 0 : (_JSON$parse2$paymentM = _JSON$parse2.paymentMethod) === null || _JSON$parse2$paymentM === void 0 ? void 0 : _JSON$parse2$paymentM.type : null;
+    if (paymentInformation.isCreditCard) {
+      // If the card wasn't a stored card we need to convert sfccCardType
+      convertToSfccCardType(paymentInformation, paymentInstrument);
+    } else {
+      paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method")] = paymentInformation.adyenPaymentMethod;
+    }
+  });
+  return {
+    fieldErrors: cardErrors,
+    serverErrors: serverErrors,
+    error: false
+  };
+}
+module.exports = handle;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/index.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/index.js
new file mode 100644
index 000000000..0dfb58c09
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/index.js
@@ -0,0 +1,16 @@
+"use strict";
+
+var authorize = require('*/cartridge/scripts/hooks/payment/processor/middlewares/authorize');
+var handle = require('*/cartridge/scripts/hooks/payment/processor/middlewares/handle');
+var posHandle = require('*/cartridge/scripts/hooks/payment/processor/middlewares/posHandle');
+var posAuthorize = require('*/cartridge/scripts/hooks/payment/processor/middlewares/posAuthorize');
+var processForm = require('*/cartridge/scripts/hooks/payment/processor/middlewares/processForm');
+var savePaymentInformation = require('*/cartridge/scripts/hooks/payment/processor/middlewares/savePaymentInformation');
+module.exports = {
+  authorize: authorize,
+  handle: handle,
+  posHandle: posHandle,
+  posAuthorize: posAuthorize,
+  processForm: processForm,
+  savePaymentInformation: savePaymentInformation
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posAuthorize.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posAuthorize.js
new file mode 100644
index 000000000..744d23918
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posAuthorize.js
@@ -0,0 +1,42 @@
+"use strict";
+
+var server = require('server');
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var adyenTerminalApi = require('*/cartridge/scripts/adyenTerminalApi');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+
+/**
+ * Authorize
+ */
+function posAuthorize(order, paymentInstrument, paymentProcessor) {
+  Transaction.wrap(function () {
+    paymentInstrument.paymentTransaction.transactionID = order.orderNo;
+    paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+  });
+  var adyenPaymentForm = server.forms.getForm('billing').adyenPaymentFields;
+  var terminalId = adyenPaymentForm.terminalId.value;
+  if (!terminalId) {
+    AdyenLogs.fatal_log('No terminal selected');
+    var errors = [Resource.msg('error.payment.processor.not.supported', 'checkout', null)];
+    return {
+      authorized: false,
+      fieldErrors: [],
+      serverErrors: errors,
+      error: true
+    };
+  }
+  var result = adyenTerminalApi.createTerminalPayment(order, paymentInstrument, terminalId);
+  if (result.error) {
+    AdyenLogs.fatal_log("POS Authorise error, result: ".concat(result.response));
+    var _errors = [Resource.msg('error.payment.processor.not.supported', 'checkout', null)];
+    return {
+      authorized: false,
+      fieldErrors: [],
+      serverErrors: _errors,
+      error: true
+    };
+  }
+  return result;
+}
+module.exports = posAuthorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posHandle.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posHandle.js
new file mode 100644
index 000000000..f2773e8b7
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/posHandle.js
@@ -0,0 +1,18 @@
+"use strict";
+
+var Transaction = require('dw/system/Transaction');
+var collections = require('*/cartridge/scripts/util/collections');
+var constants = require('*/cartridge/adyenConstants/constants');
+function posHandle(basket) {
+  Transaction.wrap(function () {
+    collections.forEach(basket.getPaymentInstruments(), function (item) {
+      basket.removePaymentInstrument(item);
+    });
+    var paymentInstrument = basket.createPaymentInstrument(constants.METHOD_ADYEN_POS, basket.totalGrossPrice);
+    paymentInstrument.custom.adyenPaymentMethod = 'POS Terminal';
+  });
+  return {
+    error: false
+  };
+}
+module.exports = posHandle;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/processForm.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/processForm.js
new file mode 100644
index 000000000..08f8db8a3
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/processForm.js
@@ -0,0 +1,114 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+var array = require('*/cartridge/scripts/util/array');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getCreditCardErrors(req, isCreditCard, paymentForm) {
+  if (!req.form.storedPaymentUUID && isCreditCard) {
+    // verify credit card form data
+    return COHelpers.validateCreditCard(paymentForm);
+  }
+  return {};
+}
+function setSessionPrivacy(_ref) {
+  var adyenPaymentFields = _ref.adyenPaymentFields;
+  session.privacy.adyenFingerprint = adyenPaymentFields.adyenFingerprint.value;
+}
+function getPaymentInstrument(req, storedPaymentMethodId) {
+  var currentCustomer = req.currentCustomer;
+  var findById = function findById(item) {
+    return storedPaymentMethodId === item.getCreditCardToken();
+  };
+  var paymentInstruments = AdyenHelper.getCustomer(currentCustomer).getProfile().getWallet().getPaymentInstruments();
+  return array.find(paymentInstruments, findById);
+}
+
+// process payment information
+function getProcessFormResult(paymentMethod, req, viewData) {
+  var _req$currentCustomer$ = req.currentCustomer.raw,
+    authenticated = _req$currentCustomer$.authenticated,
+    registered = _req$currentCustomer$.registered;
+  if (paymentMethod.storedPaymentMethodId && authenticated && registered) {
+    var paymentInstrument = getPaymentInstrument(req, paymentMethod.storedPaymentMethodId);
+    return {
+      error: false,
+      viewData: _objectSpread(_objectSpread({}, viewData), {}, {
+        paymentInformation: _objectSpread(_objectSpread({}, viewData.paymentInformation), {}, {
+          cardNumber: paymentInstrument.creditCardNumber,
+          cardType: paymentInstrument.creditCardType,
+          securityCode: req.form.securityCode,
+          expirationMonth: paymentInstrument.creditCardExpirationMonth,
+          expirationYear: paymentInstrument.creditCardExpirationYear,
+          creditCardToken: paymentInstrument.creditCardToken
+        })
+      })
+    };
+  }
+  return {
+    error: false,
+    viewData: viewData
+  };
+}
+function getViewData(viewFormData, paymentForm, isCreditCard, adyenPaymentMethod, adyenIssuerName) {
+  return _objectSpread(_objectSpread({}, viewFormData), {}, {
+    paymentMethod: {
+      value: paymentForm.paymentMethod.value,
+      htmlName: paymentForm.paymentMethod.value
+    },
+    paymentInformation: {
+      isCreditCard: isCreditCard,
+      cardType: paymentForm.creditCardFields.cardType.value,
+      cardNumber: paymentForm.creditCardFields.cardNumber.value,
+      adyenPaymentMethod: adyenPaymentMethod,
+      adyenIssuerName: adyenIssuerName,
+      stateData: paymentForm.adyenPaymentFields.adyenStateData.value,
+      partialPaymentsOrder: paymentForm.adyenPaymentFields.adyenPartialPaymentsOrder.value
+    },
+    saveCard: paymentForm.creditCardFields.saveCard.checked
+  });
+}
+function getPaymentMethodFromForm(paymentForm) {
+  try {
+    var _paymentForm$adyenPay, _paymentForm$adyenPay2;
+    return JSON.parse((_paymentForm$adyenPay = paymentForm.adyenPaymentFields) === null || _paymentForm$adyenPay === void 0 ? void 0 : (_paymentForm$adyenPay2 = _paymentForm$adyenPay.adyenStateData) === null || _paymentForm$adyenPay2 === void 0 ? void 0 : _paymentForm$adyenPay2.value).paymentMethod;
+  } catch (error) {
+    AdyenLogs.error_log('Failed to parse payment form stateData');
+    return {};
+  }
+}
+
+/**
+ * Verifies the required information for billing form is provided.
+ * @param {Object} req - The request object
+ * @param {Object} paymentForm - the payment form
+ * @param {Object} viewFormData - object contains billing form data
+ * @returns {Object} an object that has error information or payment information
+ */
+function processForm(req, paymentForm, viewFormData) {
+  var brand = JSON.stringify(req.form.brandCode);
+  var isCreditCard = req.form.brandCode === 'scheme' || (brand === null || brand === void 0 ? void 0 : brand.indexOf('storedCard')) > -1;
+  var creditCardErrors = getCreditCardErrors(req, isCreditCard, paymentForm);
+  if (Object.keys(creditCardErrors).length) {
+    return {
+      fieldErrors: creditCardErrors,
+      error: true
+    };
+  }
+  setSessionPrivacy(paymentForm);
+  var _req$form = req.form,
+    _req$form$adyenPaymen = _req$form.adyenPaymentMethod,
+    adyenPaymentMethod = _req$form$adyenPaymen === void 0 ? null : _req$form$adyenPaymen,
+    _req$form$adyenIssuer = _req$form.adyenIssuerName,
+    adyenIssuerName = _req$form$adyenIssuer === void 0 ? null : _req$form$adyenIssuer;
+  var paymentMethod = getPaymentMethodFromForm(paymentForm);
+  var viewData = getViewData(viewFormData, paymentForm, isCreditCard, adyenPaymentMethod, adyenIssuerName);
+  return getProcessFormResult(paymentMethod, req, viewData);
+}
+module.exports = processForm;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/savePaymentInformation.js b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/savePaymentInformation.js
new file mode 100644
index 000000000..d7dee7580
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/scripts/hooks/payment/processor/middlewares/savePaymentInformation.js
@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var CustomerMgr = require('dw/customer/CustomerMgr');
+var COHelpers = require('*/cartridge/scripts/checkout/checkoutHelpers');
+function hasValidBillingData(_ref) {
+  var storedPaymentUUID = _ref.storedPaymentUUID,
+    saveCard = _ref.saveCard,
+    paymentMethod = _ref.paymentMethod;
+  var isCreditCard = paymentMethod.value === 'CREDIT_CARD';
+  return !storedPaymentUUID && saveCard && isCreditCard;
+}
+function isValidCustomer(_ref2) {
+  var authenticated = _ref2.authenticated,
+    registered = _ref2.registered;
+  return authenticated && registered;
+}
+function isValid(raw, billingData) {
+  return isValidCustomer(raw) && hasValidBillingData(billingData);
+}
+
+/**
+ * Save the credit card information to login account if save card option is selected
+ * @param {Object} req - The request object
+ * @param {dw.order.Basket} basket - The current basket
+ * @param {Object} billingData - payment information
+ */
+function savePaymentInformation(req, basket, billingData) {
+  var _req$currentCustomer = req.currentCustomer,
+    raw = _req$currentCustomer.raw,
+    profile = _req$currentCustomer.profile,
+    wallet = _req$currentCustomer.wallet;
+  if (isValid(raw, billingData)) {
+    var customer = CustomerMgr.getCustomerByCustomerNumber(profile.customerNo);
+    var saveCardResult = COHelpers.savePaymentInstrumentToWallet(billingData, basket, customer);
+    wallet.paymentInstruments.push(_objectSpread(_objectSpread({
+      creditCardHolder: saveCardResult.creditCardHolder,
+      maskedCreditCardNumber: saveCardResult.maskedCreditCardNumber,
+      creditCardType: saveCardResult.creditCardType,
+      creditCardExpirationMonth: saveCardResult.creditCardExpirationMonth,
+      creditCardExpirationYear: saveCardResult.creditCardExpirationYear,
+      UUID: saveCardResult.UUID
+    }, 'creditCardNumber' in saveCardResult && {
+      creditCardNumber: saveCardResult.creditCardNumber
+    }), {}, {
+      raw: saveCardResult
+    }));
+  }
+}
+module.exports = savePaymentInformation;
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenAccount.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenAccount.js
new file mode 100644
index 000000000..88cd10ff5
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenAccount.js
@@ -0,0 +1,148 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js":
+/*!*******************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js ***!
+  \*******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _require = __webpack_require__(/*! ./commons/index */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  onFieldValid = _require.onFieldValid,\n  onBrand = _require.onBrand,\n  createSession = _require.createSession;\nvar store = __webpack_require__(/*! ../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar checkout;\nvar card;\n\n// Store configuration\nstore.checkoutConfiguration.amount = {\n  value: 0,\n  currency: 'EUR'\n};\nstore.checkoutConfiguration.paymentMethodsConfiguration = {\n  card: {\n    enableStoreDetails: false,\n    hasHolderName: true,\n    holderNameRequired: true,\n    installments: [],\n    onBrand: onBrand,\n    onFieldValid: onFieldValid,\n    onChange: function onChange(state) {\n      store.isValid = state.isValid;\n      store.componentState = state;\n    }\n  }\n};\n\n// Handle Payment action\nfunction handleAction(action) {\n  checkout.createFromAction(action).mount('#action-container');\n  $('#action-modal').modal({\n    backdrop: 'static',\n    keyboard: false\n  });\n}\n\n// confirm onAdditionalDetails event and paymentsDetails response\nstore.checkoutConfiguration.onAdditionalDetails = function (state) {\n  $.ajax({\n    type: 'POST',\n    url: 'Adyen-PaymentsDetails',\n    data: JSON.stringify({\n      data: state.data\n    }),\n    contentType: 'application/json; charset=utf-8',\n    async: false,\n    success: function success(data) {\n      if (data.isSuccessful) {\n        window.location.href = window.redirectUrl;\n      } else if (!data.isFinal && _typeof(data.action) === 'object') {\n        handleAction(data.action);\n      } else {\n        $('#action-modal').modal('hide');\n        document.getElementById('cardError').style.display = 'block';\n      }\n    }\n  });\n};\nfunction initializeCardComponent() {\n  return _initializeCardComponent.apply(this, arguments);\n}\nfunction _initializeCardComponent() {\n  _initializeCardComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    var session, cardNode;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return createSession();\n        case 2:\n          session = _context.sent;\n          store.checkoutConfiguration.session = {\n            id: session.id,\n            sessionData: session.sessionData\n          };\n          cardNode = document.getElementById('card');\n          _context.next = 7;\n          return AdyenCheckout(store.checkoutConfiguration);\n        case 7:\n          checkout = _context.sent;\n          card = checkout.create('card').mount(cardNode);\n        case 9:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _initializeCardComponent.apply(this, arguments);\n}\nvar formErrorsExist = false;\nfunction submitAddCard() {\n  var form = $(document.getElementById('payment-form'));\n  $.ajax({\n    type: 'POST',\n    url: form.attr('action'),\n    data: form.serialize(),\n    async: false,\n    success: function success(data) {\n      if (data.redirectAction) {\n        handleAction(data.redirectAction);\n      } else if (data.redirectUrl) {\n        window.location.href = data.redirectUrl;\n      } else if (data.error) {\n        formErrorsExist = true;\n      }\n    }\n  });\n}\ninitializeCardComponent();\n\n// Add Payment Button event handler\n$('button[value=\"add-new-payment\"]').on('click', function (event) {\n  if (store.isValid) {\n    document.querySelector('#adyenStateData').value = JSON.stringify(store.componentState.data);\n    submitAddCard();\n    if (formErrorsExist) {\n      return;\n    }\n    event.preventDefault();\n  } else {\n    var _card;\n    (_card = card) === null || _card === void 0 ? void 0 : _card.showValidation();\n  }\n});\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenAccount.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenCheckout.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenCheckout.js
new file mode 100644
index 000000000..4f1869eb4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenCheckout.js
@@ -0,0 +1,256 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar store = __webpack_require__(/*! ../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./adyen_checkout/renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  renderGenericComponent = _require.renderGenericComponent;\nvar _require2 = __webpack_require__(/*! ./adyen_checkout/checkoutConfiguration */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js\"),\n  setCheckoutConfiguration = _require2.setCheckoutConfiguration,\n  actionHandler = _require2.actionHandler;\nvar _require3 = __webpack_require__(/*! ./adyen_checkout/helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\"),\n  assignPaymentMethodValue = _require3.assignPaymentMethodValue,\n  showValidation = _require3.showValidation,\n  paymentFromComponent = _require3.paymentFromComponent;\nvar _require4 = __webpack_require__(/*! ./adyen_checkout/validateComponents */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js\"),\n  validateComponents = _require4.validateComponents;\n$('#dwfrm_billing').submit(function apiRequest(e) {\n  e.preventDefault();\n  var form = $(this);\n  var url = form.attr('action');\n  $.ajax({\n    type: 'POST',\n    url: url,\n    data: form.serialize(),\n    async: false,\n    success: function success(data) {\n      store.formErrorsExist = 'fieldErrors' in data;\n    }\n  });\n});\nsetCheckoutConfiguration();\nif (window.cardholderNameBool !== 'null') {\n  store.checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName = true;\n  store.checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired = true;\n}\nif (window.googleMerchantID !== 'null' && window.Configuration.environment === 'live') {\n  var id = 'merchantId';\n  store.checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration[id] = window.googleMerchantID;\n  store.checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration[id] = window.googleMerchantID;\n}\n\n// Submit the payment\n$('button[value=\"submit-payment\"]').on('click', function () {\n  if (store.paypalTerminatedEarly) {\n    paymentFromComponent({\n      cancelTransaction: true,\n      merchantReference: document.querySelector('#merchantReference').value\n    });\n    store.paypalTerminatedEarly = false;\n  }\n  if (document.querySelector('#selectedPaymentOption').value === 'AdyenPOS') {\n    document.querySelector('#terminalId').value = document.querySelector('#terminalList').value;\n  }\n  if (document.querySelector('#selectedPaymentOption').value === 'AdyenComponent' || document.querySelector('#selectedPaymentOption').value === 'CREDIT_CARD') {\n    assignPaymentMethodValue();\n    validateComponents();\n    return showValidation();\n  }\n  return true;\n});\nmodule.exports = {\n  renderGenericComponent: renderGenericComponent,\n  actionHandler: actionHandler\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js":
+/*!*******************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar _require = __webpack_require__(/*! ./makePartialPayment */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js\"),\n  makePartialPayment = _require.makePartialPayment;\nvar _require2 = __webpack_require__(/*! ../commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  onBrand = _require2.onBrand,\n  onFieldValid = _require2.onFieldValid;\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require3 = __webpack_require__(/*! ./renderGiftcardComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js\"),\n  createElementsToShowRemainingGiftCardAmount = _require3.createElementsToShowRemainingGiftCardAmount,\n  renderAddedGiftCard = _require3.renderAddedGiftCard,\n  getGiftCardElements = _require3.getGiftCardElements,\n  showGiftCardInfoMessage = _require3.showGiftCardInfoMessage,\n  showGiftCardCancelButton = _require3.showGiftCardCancelButton,\n  attachGiftCardCancelListener = _require3.attachGiftCardCancelListener;\nfunction getCardConfig() {\n  return {\n    enableStoreDetails: window.showStoreDetails,\n    showBrandsUnderCardNumber: false,\n    clickToPayConfiguration: {\n      shopperEmail: window.customerEmail,\n      merchantDisplayName: window.merchantAccount\n    },\n    onChange: function onChange(state) {\n      store.isValid = state.isValid;\n      var method = state.data.paymentMethod.storedPaymentMethodId ? \"storedCard\".concat(state.data.paymentMethod.storedPaymentMethodId) : store.selectedMethod;\n      store.updateSelectedPayment(method, 'isValid', store.isValid);\n      store.updateSelectedPayment(method, 'stateData', state.data);\n    },\n    onSubmit: function onSubmit() {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    },\n    onFieldValid: onFieldValid,\n    onBrand: onBrand\n  };\n}\nfunction getPaypalConfig() {\n  store.paypalTerminatedEarly = false;\n  return {\n    showPayButton: true,\n    environment: window.Configuration.environment,\n    onSubmit: function onSubmit(state, component) {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('#adyenStateData').value = JSON.stringify(store.selectedPayment.stateData);\n      helpers.paymentFromComponent(state.data, component);\n    },\n    onCancel: function onCancel(data, component) {\n      store.paypalTerminatedEarly = false;\n      helpers.paymentFromComponent({\n        cancelTransaction: true,\n        merchantReference: document.querySelector('#merchantReference').value,\n        orderToken: document.querySelector('#orderToken').value\n      }, component);\n    },\n    onError: function onError(error, component) {\n      store.paypalTerminatedEarly = false;\n      if (component) {\n        component.setStatus('ready');\n      }\n      document.querySelector('#showConfirmationForm').submit();\n    },\n    onAdditionalDetails: function onAdditionalDetails(state) {\n      store.paypalTerminatedEarly = false;\n      document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);\n      document.querySelector('#showConfirmationForm').submit();\n    },\n    onClick: function onClick(data, actions) {\n      $('#dwfrm_billing').trigger('submit');\n      if (store.formErrorsExist) {\n        return actions.reject();\n      }\n      if (store.paypalTerminatedEarly) {\n        helpers.paymentFromComponent({\n          cancelTransaction: true,\n          merchantReference: document.querySelector('#merchantReference').value\n        });\n        store.paypalTerminatedEarly = false;\n        return actions.resolve();\n      }\n      store.paypalTerminatedEarly = true;\n      return null;\n    }\n  };\n}\nfunction getGooglePayConfig() {\n  return {\n    environment: window.Configuration.environment,\n    onSubmit: function onSubmit() {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    },\n    configuration: {\n      gatewayMerchantId: window.merchantAccount\n    },\n    showPayButton: true,\n    buttonColor: 'white'\n  };\n}\nfunction handlePartialPaymentSuccess() {\n  var _store$addedGiftCards;\n  var _getGiftCardElements = getGiftCardElements(),\n    giftCardSelectContainer = _getGiftCardElements.giftCardSelectContainer,\n    giftCardSelect = _getGiftCardElements.giftCardSelect,\n    giftCardsList = _getGiftCardElements.giftCardsList,\n    cancelMainPaymentGiftCard = _getGiftCardElements.cancelMainPaymentGiftCard,\n    giftCardAddButton = _getGiftCardElements.giftCardAddButton;\n  giftCardSelectContainer.classList.add('invisible');\n  giftCardSelect.value = null;\n  giftCardsList.innerHTML = '';\n  cancelMainPaymentGiftCard.addEventListener('click', function () {\n    store.componentsObj.giftcard.node.unmount('component_giftcard');\n    cancelMainPaymentGiftCard.classList.add('invisible');\n    giftCardAddButton.style.display = 'block';\n    giftCardSelect.value = 'null';\n  });\n  if (store.componentsObj.giftcard) {\n    store.componentsObj.giftcard.node.unmount('component_giftcard');\n  }\n  store.addedGiftCards.forEach(function (card) {\n    renderAddedGiftCard(card);\n  });\n  if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {\n    showGiftCardInfoMessage();\n  }\n  showGiftCardCancelButton(true);\n  attachGiftCardCancelListener();\n  createElementsToShowRemainingGiftCardAmount();\n}\nfunction makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject) {\n  var brandSelect = document.getElementById('giftCardSelect');\n  var selectedBrandIndex = brandSelect.selectedIndex;\n  var giftcardBrand = brandSelect.options[selectedBrandIndex].text;\n  var partialPaymentRequest = {\n    paymentMethod: giftCardData,\n    amount: giftcardBalance,\n    partialPaymentsOrder: {\n      pspReference: store.adyenOrderData.pspReference,\n      orderData: store.adyenOrderData.orderData\n    },\n    giftcardBrand: giftcardBrand\n  };\n  var partialPaymentResponse = makePartialPayment(partialPaymentRequest);\n  if (partialPaymentResponse !== null && partialPaymentResponse !== void 0 && partialPaymentResponse.error) {\n    reject();\n  } else {\n    handlePartialPaymentSuccess();\n  }\n}\nfunction getGiftCardConfig() {\n  var giftcardBalance;\n  return {\n    showPayButton: true,\n    onChange: function onChange(state) {\n      store.updateSelectedPayment(constants.GIFTCARD, 'isValid', state.isValid);\n      store.updateSelectedPayment(constants.GIFTCARD, 'stateData', state.data);\n    },\n    onBalanceCheck: function onBalanceCheck(resolve, reject, requestData) {\n      $.ajax({\n        type: 'POST',\n        url: window.checkBalanceUrl,\n        data: JSON.stringify(requestData),\n        contentType: 'application/json; charset=utf-8',\n        async: false,\n        success: function success(data) {\n          giftcardBalance = data.balance;\n          document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n          if (data.resultCode === constants.SUCCESS) {\n            var _getGiftCardElements2 = getGiftCardElements(),\n              giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,\n              giftCardSelect = _getGiftCardElements2.giftCardSelect,\n              cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,\n              giftCardAddButton = _getGiftCardElements2.giftCardAddButton,\n              giftCardSelectWrapper = _getGiftCardElements2.giftCardSelectWrapper;\n            if (giftCardSelectWrapper) {\n              giftCardSelectWrapper.classList.add('invisible');\n            }\n            var initialPartialObject = _objectSpread({}, store.partialPaymentsOrderObj);\n            cancelMainPaymentGiftCard.classList.remove('invisible');\n            cancelMainPaymentGiftCard.addEventListener('click', function () {\n              store.componentsObj.giftcard.node.unmount('component_giftcard');\n              cancelMainPaymentGiftCard.classList.add('invisible');\n              giftCardAddButton.style.display = 'block';\n              giftCardSelect.value = 'null';\n              store.partialPaymentsOrderObj.remainingAmountFormatted = initialPartialObject.remainingAmountFormatted;\n              store.partialPaymentsOrderObj.totalDiscountedAmount = initialPartialObject.totalDiscountedAmount;\n            });\n            document.querySelector('button[value=\"submit-payment\"]').disabled = true;\n            giftCardsInfoMessageContainer.innerHTML = '';\n            giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n            store.partialPaymentsOrderObj.remainingAmountFormatted = data.remainingAmountFormatted;\n            store.partialPaymentsOrderObj.totalDiscountedAmount = data.totalAmountFormatted;\n            resolve(data);\n          } else if (data.resultCode === constants.NOTENOUGHBALANCE) {\n            resolve(data);\n          } else {\n            reject();\n          }\n        },\n        fail: function fail() {\n          reject();\n        }\n      });\n    },\n    onOrderRequest: function onOrderRequest(resolve, reject, requestData) {\n      // Make a POST /orders request\n      // Create an order for the total transaction amount\n      var giftCardData = requestData.paymentMethod;\n      if (store.adyenOrderData) {\n        makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);\n      } else {\n        $.ajax({\n          type: 'POST',\n          url: window.partialPaymentsOrderUrl,\n          data: JSON.stringify(requestData),\n          contentType: 'application/json; charset=utf-8',\n          async: false,\n          success: function success(data) {\n            if (data.resultCode === 'Success') {\n              store.adyenOrderData = data;\n              // make payments call including giftcard data and order data\n              makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);\n            }\n          }\n        });\n      }\n    },\n    onSubmit: function onSubmit(state, component) {\n      store.selectedMethod = state.data.paymentMethod.type;\n      store.brand = component === null || component === void 0 ? void 0 : component.displayName;\n      document.querySelector('input[name=\"brandCode\"]').checked = false;\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    }\n  };\n}\nfunction handleOnChange(state) {\n  store.isValid = state.isValid;\n  if (!store.componentsObj[store.selectedMethod]) {\n    store.componentsObj[store.selectedMethod] = {};\n  }\n  store.componentsObj[store.selectedMethod].isValid = store.isValid;\n  store.componentsObj[store.selectedMethod].stateData = state.data;\n}\nvar actionHandler = /*#__PURE__*/function () {\n  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(action) {\n    var checkout;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return AdyenCheckout(store.checkoutConfiguration);\n        case 2:\n          checkout = _context.sent;\n          checkout.createFromAction(action).mount('#action-container');\n          $('#action-modal').modal({\n            backdrop: 'static',\n            keyboard: false\n          });\n          if (action.type === constants.ACTIONTYPE.QRCODE) {\n            document.getElementById('cancelQrMethodsButton').classList.remove('invisible');\n          }\n        case 6:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return function actionHandler(_x) {\n    return _ref.apply(this, arguments);\n  };\n}();\nfunction handleOnAdditionalDetails(state) {\n  $.ajax({\n    type: 'POST',\n    url: window.paymentsDetailsURL,\n    data: JSON.stringify({\n      data: state.data,\n      orderToken: window.orderToken\n    }),\n    contentType: 'application/json; charset=utf-8',\n    async: false,\n    success: function success(data) {\n      if (!data.isFinal && _typeof(data.action) === 'object') {\n        actionHandler(data.action);\n      } else {\n        window.location.href = data.redirectUrl;\n      }\n    }\n  });\n}\nfunction getAmazonpayConfig() {\n  return {\n    showPayButton: true,\n    productType: 'PayAndShip',\n    checkoutMode: 'ProcessOrder',\n    locale: window.Configuration.locale,\n    returnUrl: window.returnURL,\n    onClick: function onClick(resolve, reject) {\n      $('#dwfrm_billing').trigger('submit');\n      if (store.formErrorsExist) {\n        reject();\n      } else {\n        helpers.assignPaymentMethodValue();\n        resolve();\n      }\n    },\n    onError: function onError() {}\n  };\n}\nfunction getApplePayConfig() {\n  return {\n    showPayButton: true,\n    onSubmit: function onSubmit(state, component) {\n      helpers.assignPaymentMethodValue();\n      helpers.paymentFromComponent(state.data, component);\n    }\n  };\n}\nfunction getCashAppConfig() {\n  return {\n    showPayButton: true,\n    onSubmit: function onSubmit(state, component) {\n      $('#dwfrm_billing').trigger('submit');\n      helpers.assignPaymentMethodValue();\n      helpers.paymentFromComponent(state.data, component);\n    }\n  };\n}\nfunction getKlarnaConfig() {\n  var _window = window,\n    klarnaWidgetEnabled = _window.klarnaWidgetEnabled;\n  if (klarnaWidgetEnabled) {\n    return {\n      showPayButton: true,\n      useKlarnaWidget: true,\n      onSubmit: function onSubmit(state, component) {\n        helpers.assignPaymentMethodValue();\n        helpers.paymentFromComponent(state.data, component);\n      },\n      onAdditionalDetails: function onAdditionalDetails(state) {\n        document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);\n        document.querySelector('#showConfirmationForm').submit();\n      }\n    };\n  }\n  return null;\n}\nfunction setCheckoutConfiguration() {\n  store.checkoutConfiguration.onChange = handleOnChange;\n  store.checkoutConfiguration.onAdditionalDetails = handleOnAdditionalDetails;\n  store.checkoutConfiguration.showPayButton = false;\n  store.checkoutConfiguration.clientKey = window.adyenClientKey;\n  store.checkoutConfiguration.paymentMethodsConfiguration = {\n    card: getCardConfig(),\n    bcmc: getCardConfig(),\n    storedCard: getCardConfig(),\n    boletobancario: {\n      personalDetailsRequired: true,\n      // turn personalDetails section on/off\n      billingAddressRequired: false,\n      // turn billingAddress section on/off\n      showEmailAddress: false // allow shopper to specify their email address\n    },\n\n    paywithgoogle: getGooglePayConfig(),\n    googlepay: getGooglePayConfig(),\n    paypal: getPaypalConfig(),\n    amazonpay: getAmazonpayConfig(),\n    giftcard: getGiftCardConfig(),\n    applepay: getApplePayConfig(),\n    klarna: getKlarnaConfig(),\n    klarna_account: getKlarnaConfig(),\n    klarna_paynow: getKlarnaConfig(),\n    cashapp: getCashAppConfig()\n  };\n}\nmodule.exports = {\n  getCardConfig: getCardConfig,\n  getPaypalConfig: getPaypalConfig,\n  getGooglePayConfig: getGooglePayConfig,\n  getAmazonpayConfig: getAmazonpayConfig,\n  setCheckoutConfiguration: setCheckoutConfiguration,\n  actionHandler: actionHandler\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction assignPaymentMethodValue() {\n  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');\n  // if currently selected paymentMethod contains a brand it will be part of the label ID\n  var paymentMethodlabelId = \"#lb_\".concat(store.selectedMethod);\n  if (adyenPaymentMethod) {\n    var _document$querySelect;\n    adyenPaymentMethod.value = store.brand ? store.brand : (_document$querySelect = document.querySelector(paymentMethodlabelId)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.innerHTML;\n  }\n}\nfunction setOrderFormData(response) {\n  if (response.orderNo) {\n    document.querySelector('#merchantReference').value = response.orderNo;\n  }\n  if (response.orderToken) {\n    document.querySelector('#orderToken').value = response.orderToken;\n  }\n}\n\n/**\n * Makes an ajax call to the controller function PaymentFromComponent.\n * Used by certain payment methods like paypal\n */\nfunction paymentFromComponent(data) {\n  var component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var requestData = store.partialPaymentsOrderObj ? _objectSpread(_objectSpread({}, data), {}, {\n    partialPaymentsOrder: store.partialPaymentsOrderObj\n  }) : data;\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(requestData),\n      paymentMethod: document.querySelector('#adyenPaymentMethodName').value\n    },\n    success: function success(response) {\n      var _response$fullRespons;\n      setOrderFormData(response);\n      if ((_response$fullRespons = response.fullResponse) !== null && _response$fullRespons !== void 0 && _response$fullRespons.action) {\n        component.handleAction(response.fullResponse.action);\n      } else if (response.skipSummaryPage) {\n        document.querySelector('#result').value = JSON.stringify(response);\n        document.querySelector('#showConfirmationForm').submit();\n      } else if (response.paymentError || response.error) {\n        component.handleError();\n      }\n    }\n  });\n}\nfunction resetPaymentMethod() {\n  $('#requiredBrandCode').hide();\n  $('#selectedIssuer').val('');\n  $('#adyenIssuerName').val('');\n  $('#dateOfBirth').val('');\n  $('#telephoneNumber').val('');\n  $('#gender').val('');\n  $('#bankAccountOwnerName').val('');\n  $('#bankAccountNumber').val('');\n  $('#bankLocationId').val('');\n  $('.additionalFields').hide();\n}\n\n/**\n * Changes the \"display\" attribute of the selected method from hidden to visible\n */\nfunction displaySelectedMethod(type) {\n  var _document$querySelect2;\n  // If 'type' input field is present use this as type, otherwise default to function input param\n  store.selectedMethod = document.querySelector(\"#component_\".concat(type, \" .type\")) ? document.querySelector(\"#component_\".concat(type, \" .type\")).value : type;\n  resetPaymentMethod();\n  var disabledSubmitButtonMethods = constants.DISABLED_SUBMIT_BUTTON_METHODS;\n  if (window.klarnaWidgetEnabled) {\n    disabledSubmitButtonMethods.push('klarna');\n  }\n  document.querySelector('button[value=\"submit-payment\"]').disabled = disabledSubmitButtonMethods.findIndex(function (pm) {\n    return type.includes(pm);\n  }) > -1;\n  document.querySelector(\"#component_\".concat(type)).setAttribute('style', 'display:block');\n  // set brand for giftcards if hidden inputfield is present\n  store.brand = (_document$querySelect2 = document.querySelector(\"#component_\".concat(type, \" .brand\"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value;\n}\nfunction displayValidationErrors() {\n  store.selectedPayment.node.showValidation();\n  return false;\n}\nvar selectedMethods = {};\nfunction doCustomValidation() {\n  return store.selectedMethod in selectedMethods ? selectedMethods[store.selectedMethod]() : true;\n}\nfunction showValidation() {\n  return store.selectedPaymentIsValid ? doCustomValidation() : displayValidationErrors();\n}\nfunction getInstallmentValues(maxValue) {\n  var values = [];\n  for (var i = 1; i <= maxValue; i += 1) {\n    values.push(i);\n  }\n  return values;\n}\nfunction createShowConfirmationForm(action) {\n  if (document.querySelector('#showConfirmationForm')) {\n    return;\n  }\n  var template = document.createElement('template');\n  var form = \"<form method=\\\"post\\\" id=\\\"showConfirmationForm\\\" name=\\\"showConfirmationForm\\\" action=\\\"\".concat(action, \"\\\">\\n    <input type=\\\"hidden\\\" id=\\\"additionalDetailsHidden\\\" name=\\\"additionalDetailsHidden\\\" value=\\\"null\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"merchantReference\\\" name=\\\"merchantReference\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"orderToken\\\" name=\\\"orderToken\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"result\\\" name=\\\"result\\\" value=\\\"null\\\"/>\\n  </form>\");\n  template.innerHTML = form;\n  document.querySelector('body').appendChild(template.content);\n}\nmodule.exports = {\n  setOrderFormData: setOrderFormData,\n  assignPaymentMethodValue: assignPaymentMethodValue,\n  paymentFromComponent: paymentFromComponent,\n  resetPaymentMethod: resetPaymentMethod,\n  displaySelectedMethod: displaySelectedMethod,\n  showValidation: showValidation,\n  createShowConfirmationForm: createShowConfirmationForm,\n  getInstallmentValues: getInstallmentValues\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js":
+/*!**********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js ***!
+  \**********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nmodule.exports.installmentLocales = ['pt_BR', 'ja_JP', 'tr_TR', 'es_MX'];\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js":
+/*!****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js ***!
+  \****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _excluded = [\"giftCards\"];\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  initializeCheckout = _require.initializeCheckout;\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nfunction makePartialPayment(requestData) {\n  var error;\n  $.ajax({\n    url: window.partialPaymentUrl,\n    type: 'POST',\n    data: JSON.stringify(requestData),\n    contentType: 'application/json; charset=utf-8',\n    async: false,\n    success: function success(response) {\n      if (response.error) {\n        error = {\n          error: true\n        };\n      } else {\n        var giftCards = response.giftCards,\n          rest = _objectWithoutProperties(response, _excluded);\n        store.checkout.options.amount = rest.remainingAmount;\n        store.adyenOrderData = rest.partialPaymentsOrder;\n        store.partialPaymentsOrderObj = rest;\n        sessionStorage.setItem('partialPaymentsObj', JSON.stringify(rest));\n        store.addedGiftCards = giftCards;\n        helpers.setOrderFormData(response);\n        initializeCheckout();\n      }\n    }\n  }).fail(function () {});\n  return error;\n}\nmodule.exports = {\n  makePartialPayment: makePartialPayment\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js":
+/*!********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js ***!
+  \********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _document$getElementB;\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n/* eslint-disable no-unsafe-optional-chaining */\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./renderPaymentMethod */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js\"),\n  renderPaymentMethod = _require.renderPaymentMethod;\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar _require2 = __webpack_require__(/*! ./localesUsingInstallments */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js\"),\n  installmentLocales = _require2.installmentLocales;\nvar _require3 = __webpack_require__(/*! ../commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  createSession = _require3.createSession,\n  fetchGiftCards = _require3.fetchGiftCards;\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require4 = __webpack_require__(/*! ./renderGiftcardComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js\"),\n  createElementsToShowRemainingGiftCardAmount = _require4.createElementsToShowRemainingGiftCardAmount,\n  removeGiftCards = _require4.removeGiftCards,\n  renderAddedGiftCard = _require4.renderAddedGiftCard,\n  showGiftCardWarningMessage = _require4.showGiftCardWarningMessage,\n  attachGiftCardAddButtonListener = _require4.attachGiftCardAddButtonListener,\n  showGiftCardInfoMessage = _require4.showGiftCardInfoMessage,\n  giftCardBrands = _require4.giftCardBrands,\n  clearGiftCardsContainer = _require4.clearGiftCardsContainer,\n  attachGiftCardCancelListener = _require4.attachGiftCardCancelListener,\n  showGiftCardCancelButton = _require4.showGiftCardCancelButton;\nvar INIT_CHECKOUT_EVENT = 'INIT_CHECKOUT_EVENT';\nfunction addPosTerminals(terminals) {\n  var ddTerminals = document.createElement('select');\n  ddTerminals.id = 'terminalList';\n  Object.keys(terminals).forEach(function (t) {\n    var option = document.createElement('option');\n    option.value = terminals[t];\n    option.text = terminals[t];\n    ddTerminals.appendChild(option);\n  });\n  document.querySelector('#adyenPosTerminals').append(ddTerminals);\n}\nfunction setCheckoutConfiguration(checkoutOptions) {\n  var setField = function setField(key, val) {\n    return val && _defineProperty({}, key, val);\n  };\n  store.checkoutConfiguration = _objectSpread(_objectSpread(_objectSpread({}, store.checkoutConfiguration), setField('amount', checkoutOptions.amount)), setField('countryCode', checkoutOptions.countryCode));\n}\nfunction resolveUnmount(key, val) {\n  try {\n    return Promise.resolve(val.node.unmount(\"component_\".concat(key)));\n  } catch (e) {\n    // try/catch block for val.unmount\n    return Promise.resolve(false);\n  }\n}\n\n/**\n * To avoid re-rendering components twice, unmounts existing components from payment methods list\n */\nfunction unmountComponents() {\n  var promises = Object.entries(store.componentsObj).map(function (_ref2) {\n    var _ref3 = _slicedToArray(_ref2, 2),\n      key = _ref3[0],\n      val = _ref3[1];\n    delete store.componentsObj[key];\n    return resolveUnmount(key, val);\n  });\n  return Promise.all(promises);\n}\nfunction isCartModified(amount, orderAmount) {\n  return amount.currency !== orderAmount.currency || amount.value !== orderAmount.value;\n}\nfunction renderGiftCardLogo(imagePath) {\n  var headingImg = document.querySelector('#headingImg');\n  if (headingImg) {\n    headingImg.src = \"\".concat(imagePath, \"genericgiftcard.png\");\n  }\n}\nfunction applyGiftCards() {\n  var now = new Date().toISOString();\n  var amount = store.checkoutConfiguration.amount;\n  var orderAmount = store.partialPaymentsOrderObj.orderAmount;\n  var isPartialPaymentExpired = store.addedGiftCards.some(function (cart) {\n    return now > cart.expiresAt;\n  });\n  var cartModified = isCartModified(amount, orderAmount);\n  if (isPartialPaymentExpired) {\n    removeGiftCards();\n  } else if (cartModified) {\n    removeGiftCards();\n    showGiftCardWarningMessage();\n  } else {\n    var _store$addedGiftCards;\n    clearGiftCardsContainer();\n    store.addedGiftCards.forEach(function (card) {\n      renderAddedGiftCard(card);\n    });\n    if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {\n      showGiftCardInfoMessage();\n    }\n    store.checkout.options.amount = store.addedGiftCards[store.addedGiftCards.length - 1].remainingAmount;\n    showGiftCardCancelButton(true);\n    attachGiftCardCancelListener();\n    createElementsToShowRemainingGiftCardAmount();\n  }\n}\nfunction renderStoredPaymentMethod(imagePath) {\n  return function (pm) {\n    if (pm.supportedShopperInteractions.includes('Ecommerce')) {\n      renderPaymentMethod(pm, true, imagePath);\n    }\n  };\n}\nfunction renderStoredPaymentMethods(data, imagePath) {\n  if (data.storedPaymentMethods) {\n    var storedPaymentMethods = data.storedPaymentMethods;\n    storedPaymentMethods.forEach(renderStoredPaymentMethod(imagePath));\n  }\n}\nfunction renderPaymentMethods(paymentMethods, imagePath, adyenDescriptions) {\n  var promises = [];\n  for (var i = 0; i < paymentMethods.length; i += 1) {\n    var pm = paymentMethods[i];\n    promises.push(renderPaymentMethod(pm, false, imagePath, adyenDescriptions[pm.type]));\n  }\n  return Promise.all(promises);\n}\nfunction renderPosTerminals(adyenConnectedTerminals) {\n  var _adyenConnectedTermin;\n  var removeChilds = function removeChilds() {\n    var posTerminals = document.querySelector('#adyenPosTerminals');\n    while (posTerminals.firstChild) {\n      posTerminals.removeChild(posTerminals.firstChild);\n    }\n  };\n  if (adyenConnectedTerminals !== null && adyenConnectedTerminals !== void 0 && (_adyenConnectedTermin = adyenConnectedTerminals.uniqueTerminalIds) !== null && _adyenConnectedTermin !== void 0 && _adyenConnectedTermin.length) {\n    removeChilds();\n    addPosTerminals(adyenConnectedTerminals.uniqueTerminalIds);\n  }\n}\nfunction setAmazonPayConfig(adyenPaymentMethods) {\n  var amazonpay = adyenPaymentMethods.paymentMethods.find(function (paymentMethod) {\n    return paymentMethod.type === 'amazonpay';\n  });\n  if (amazonpay) {\n    var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5, _document$querySelect6, _document$querySelect7, _document$querySelect8;\n    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration = amazonpay.configuration;\n    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.addressDetails = {\n      name: \"\".concat((_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value, \" \").concat((_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value),\n      addressLine1: (_document$querySelect3 = document.querySelector('#shippingAddressOnedefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,\n      city: (_document$querySelect4 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.value,\n      stateOrRegion: (_document$querySelect5 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.value,\n      postalCode: (_document$querySelect6 = document.querySelector('#shippingZipCodedefault')) === null || _document$querySelect6 === void 0 ? void 0 : _document$querySelect6.value,\n      countryCode: (_document$querySelect7 = document.querySelector('#shippingCountrydefault')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.value,\n      phoneNumber: (_document$querySelect8 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect8 === void 0 ? void 0 : _document$querySelect8.value\n    };\n  }\n}\nfunction setInstallments(amount) {\n  try {\n    var _window$installments;\n    if (installmentLocales.indexOf(window.Configuration.locale) < 0) {\n      return;\n    }\n    var _window$installments$ = (_window$installments = window.installments) === null || _window$installments === void 0 ? void 0 : _window$installments.replace(/\\[|]/g, '').split(','),\n      _window$installments$2 = _slicedToArray(_window$installments$, 2),\n      minAmount = _window$installments$2[0],\n      numOfInstallments = _window$installments$2[1];\n    if (minAmount <= amount.value) {\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions = {\n        card: {}\n      }; // eslint-disable-next-line max-len\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values = helpers.getInstallmentValues(numOfInstallments);\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts = true;\n    }\n  } catch (e) {} // eslint-disable-line no-empty\n}\n\nfunction setGiftCardContainerVisibility() {\n  var availableGiftCards = giftCardBrands();\n  if (availableGiftCards.length === 0) {\n    var giftCardContainer = document.querySelector('.gift-card-selection');\n    giftCardContainer.style.display = 'none';\n    var giftCardSeparator = document.querySelector('.gift-card-separator');\n    giftCardSeparator.style.display = 'none';\n  }\n}\nfunction initializeCheckout() {\n  return _initializeCheckout.apply(this, arguments);\n}\nfunction _initializeCheckout() {\n  _initializeCheckout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    var session, giftCardsData, totalDiscountedAmount, giftCards, lastGiftCard, paymentMethodsWithoutGiftCards, firstPaymentMethod;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          _context2.next = 2;\n          return createSession();\n        case 2:\n          session = _context2.sent;\n          _context2.next = 5;\n          return fetchGiftCards();\n        case 5:\n          giftCardsData = _context2.sent;\n          store.checkoutConfiguration.session = {\n            id: session.id,\n            sessionData: session.sessionData,\n            imagePath: session.imagePath,\n            adyenDescriptions: session.adyenDescriptions\n          };\n          _context2.next = 9;\n          return AdyenCheckout(store.checkoutConfiguration);\n        case 9:\n          store.checkout = _context2.sent;\n          setGiftCardContainerVisibility();\n          totalDiscountedAmount = giftCardsData.totalDiscountedAmount, giftCards = giftCardsData.giftCards;\n          if (giftCards !== null && giftCards !== void 0 && giftCards.length) {\n            store.addedGiftCards = giftCards;\n            lastGiftCard = store.addedGiftCards[store.addedGiftCards.length - 1];\n            store.partialPaymentsOrderObj = _objectSpread(_objectSpread({}, lastGiftCard), {}, {\n              totalDiscountedAmount: totalDiscountedAmount\n            });\n          }\n          setCheckoutConfiguration(store.checkout.options);\n          setInstallments(store.checkout.options.amount);\n          setAmazonPayConfig(store.checkout.paymentMethodsResponse);\n          document.querySelector('#paymentMethodsList').innerHTML = '';\n          paymentMethodsWithoutGiftCards = store.checkout.paymentMethodsResponse.paymentMethods.filter(function (pm) {\n            return pm.type !== constants.GIFTCARD;\n          });\n          renderStoredPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath);\n          _context2.next = 21;\n          return renderPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath, session.adyenDescriptions);\n        case 21:\n          renderPosTerminals(session.adyenConnectedTerminals);\n          renderGiftCardLogo(session.imagePath);\n          firstPaymentMethod = document.querySelector('input[type=radio][name=brandCode]');\n          if (firstPaymentMethod) {\n            firstPaymentMethod.checked = true;\n            helpers.displaySelectedMethod(firstPaymentMethod.value);\n          }\n          helpers.createShowConfirmationForm(window.ShowConfirmationPaymentFromComponent);\n        case 26:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _initializeCheckout.apply(this, arguments);\n}\n(_document$getElementB = document.getElementById('email')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('change', function (e) {\n  var emailPattern = /^[\\w.%+-]+@[\\w.-]+\\.[\\w]{2,6}$/;\n  if (emailPattern.test(e.target.value)) {\n    var paymentMethodsConfiguration = store.checkoutConfiguration.paymentMethodsConfiguration;\n    paymentMethodsConfiguration.card.clickToPayConfiguration.shopperEmail = e.target.value;\n    var event = new Event(INIT_CHECKOUT_EVENT);\n    document.dispatchEvent(event);\n  }\n});\n\n// used by renderGiftCardComponent.js\ndocument.addEventListener(INIT_CHECKOUT_EVENT, function () {\n  var handleCheckoutEvent = /*#__PURE__*/function () {\n    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            if (!(Object.keys(store.componentsObj).length !== 0)) {\n              _context.next = 3;\n              break;\n            }\n            _context.next = 3;\n            return unmountComponents();\n          case 3:\n            _context.next = 5;\n            return initializeCheckout();\n          case 5:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    }));\n    return function handleCheckoutEvent() {\n      return _ref4.apply(this, arguments);\n    };\n  }();\n  handleCheckoutEvent();\n});\n\n/**\n * Calls createSession and then renders the retrieved payment methods (including card component)\n */\nfunction renderGenericComponent() {\n  return _renderGenericComponent.apply(this, arguments);\n}\nfunction _renderGenericComponent() {\n  _renderGenericComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n    var _store$addedGiftCards2;\n    return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n      while (1) switch (_context3.prev = _context3.next) {\n        case 0:\n          if (!(Object.keys(store.componentsObj).length !== 0)) {\n            _context3.next = 3;\n            break;\n          }\n          _context3.next = 3;\n          return unmountComponents();\n        case 3:\n          _context3.next = 5;\n          return initializeCheckout();\n        case 5:\n          if ((_store$addedGiftCards2 = store.addedGiftCards) !== null && _store$addedGiftCards2 !== void 0 && _store$addedGiftCards2.length) {\n            applyGiftCards();\n          }\n          attachGiftCardAddButtonListener();\n        case 7:\n        case \"end\":\n          return _context3.stop();\n      }\n    }, _callee3);\n  }));\n  return _renderGenericComponent.apply(this, arguments);\n}\nmodule.exports = {\n  renderGenericComponent: renderGenericComponent,\n  initializeCheckout: initializeCheckout,\n  INIT_CHECKOUT_EVENT: INIT_CHECKOUT_EVENT\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js":
+/*!*********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js ***!
+  \*********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require = __webpack_require__(/*! ./renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  INIT_CHECKOUT_EVENT = _require.INIT_CHECKOUT_EVENT;\nfunction getGiftCardElements() {\n  var giftCardSelect = document.querySelector('#giftCardSelect');\n  var giftCardUl = document.querySelector('#giftCardUl');\n  var giftCardContainer = document.querySelector('#giftCardContainer');\n  var giftCardAddButton = document.querySelector('#giftCardAddButton');\n  var giftCardCancelContainer = document.querySelector('#giftCardsCancelContainer');\n  var giftCardCancelButton = document.querySelector('#giftCardCancelButton');\n  var giftCardSelectContainer = document.querySelector('#giftCardSelectContainer');\n  var giftCardSelectWrapper = document.querySelector('#giftCardSelectWrapper');\n  var giftCardsList = document.querySelector('#giftCardsList');\n  var giftCardsInfoMessageContainer = document.querySelector('#giftCardsInfoMessage');\n  var cancelMainPaymentGiftCard = document.querySelector('#cancelGiftCardButton');\n  var giftCardInformation = document.querySelector('#giftCardInformation');\n  return {\n    giftCardSelect: giftCardSelect,\n    giftCardUl: giftCardUl,\n    giftCardContainer: giftCardContainer,\n    giftCardAddButton: giftCardAddButton,\n    giftCardSelectContainer: giftCardSelectContainer,\n    giftCardsList: giftCardsList,\n    giftCardsInfoMessageContainer: giftCardsInfoMessageContainer,\n    giftCardSelectWrapper: giftCardSelectWrapper,\n    giftCardCancelContainer: giftCardCancelContainer,\n    giftCardCancelButton: giftCardCancelButton,\n    cancelMainPaymentGiftCard: cancelMainPaymentGiftCard,\n    giftCardInformation: giftCardInformation\n  };\n}\nfunction showGiftCardCancelButton(show) {\n  var _getGiftCardElements = getGiftCardElements(),\n    giftCardCancelContainer = _getGiftCardElements.giftCardCancelContainer;\n  if (show) {\n    giftCardCancelContainer.classList.remove('invisible');\n  } else {\n    giftCardCancelContainer.classList.add('invisible');\n  }\n}\nfunction removeGiftCards() {\n  var _store$addedGiftCards;\n  (_store$addedGiftCards = store.addedGiftCards) === null || _store$addedGiftCards === void 0 ? void 0 : _store$addedGiftCards.forEach(function (card) {\n    $.ajax({\n      type: 'POST',\n      url: window.cancelPartialPaymentOrderUrl,\n      data: JSON.stringify(card),\n      contentType: 'application/json; charset=utf-8',\n      async: false,\n      success: function success(res) {\n        var adyenPartialPaymentsOrder = document.querySelector('#adyenPartialPaymentsOrder');\n        var _getGiftCardElements2 = getGiftCardElements(),\n          giftCardsList = _getGiftCardElements2.giftCardsList,\n          giftCardAddButton = _getGiftCardElements2.giftCardAddButton,\n          giftCardSelect = _getGiftCardElements2.giftCardSelect,\n          giftCardUl = _getGiftCardElements2.giftCardUl,\n          giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,\n          giftCardSelectContainer = _getGiftCardElements2.giftCardSelectContainer,\n          cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,\n          giftCardInformation = _getGiftCardElements2.giftCardInformation;\n        adyenPartialPaymentsOrder.value = null;\n        giftCardsList.innerHTML = '';\n        giftCardAddButton.style.display = 'block';\n        giftCardSelect.value = null;\n        giftCardSelectContainer.classList.add('invisible');\n        giftCardSelect.classList.remove('invisible');\n        giftCardUl.innerHTML = '';\n        cancelMainPaymentGiftCard.classList.add('invisible');\n        showGiftCardCancelButton(false);\n        giftCardInformation === null || giftCardInformation === void 0 ? void 0 : giftCardInformation.remove();\n        store.checkout.options.amount = res.amount;\n        store.partialPaymentsOrderObj = null;\n        store.addedGiftCards = null;\n        store.adyenOrderData = null;\n        giftCardsInfoMessageContainer.innerHTML = '';\n        giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n        document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n        if (res.resultCode === constants.RECEIVED) {\n          var _document$querySelect, _store$componentsObj, _store$componentsObj$;\n          (_document$querySelect = document.querySelector('#cancelGiftCardContainer')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.parentNode.remove();\n          (_store$componentsObj = store.componentsObj) === null || _store$componentsObj === void 0 ? void 0 : (_store$componentsObj$ = _store$componentsObj.giftcard) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node.unmount('component_giftcard');\n        }\n        var event = new Event(INIT_CHECKOUT_EVENT);\n        document.dispatchEvent(event);\n      }\n    });\n  });\n}\nfunction giftCardBrands() {\n  var paymentMethodsResponse = store.checkout.paymentMethodsResponse;\n  return paymentMethodsResponse.paymentMethods.filter(function (pm) {\n    return pm.type === constants.GIFTCARD;\n  });\n}\nfunction renderGiftCardSelectForm() {\n  var _getGiftCardElements3 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements3.giftCardUl,\n    giftCardSelect = _getGiftCardElements3.giftCardSelect;\n  if (giftCardUl !== null && giftCardUl !== void 0 && giftCardUl.innerHTML) {\n    giftCardSelect.classList.remove('invisible');\n    return;\n  }\n  var imagePath = store.checkoutConfiguration.session.imagePath;\n  giftCardBrands().forEach(function (giftCard) {\n    var newListItem = document.createElement('li');\n    newListItem.setAttribute('data-brand', giftCard.brand);\n    newListItem.setAttribute('data-name', giftCard.name);\n    newListItem.setAttribute('data-type', giftCard.type);\n    var span = document.createElement('span');\n    span.textContent = giftCard.name;\n    var img = document.createElement('img');\n    img.src = \"\".concat(imagePath).concat(giftCard.brand, \".png\");\n    img.width = 40;\n    img.height = 26;\n    newListItem.appendChild(span);\n    newListItem.appendChild(img);\n    giftCardUl.appendChild(newListItem);\n  });\n}\nfunction attachGiftCardFormListeners() {\n  if (store.giftCardComponentListenersAdded) {\n    return;\n  }\n  var _getGiftCardElements4 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements4.giftCardUl,\n    giftCardSelect = _getGiftCardElements4.giftCardSelect,\n    giftCardContainer = _getGiftCardElements4.giftCardContainer,\n    giftCardSelectWrapper = _getGiftCardElements4.giftCardSelectWrapper;\n  if (giftCardUl) {\n    giftCardUl.addEventListener('click', function (event) {\n      var _store$componentsObj2;\n      giftCardUl.classList.toggle('invisible');\n      var selectedGiftCard = {\n        name: event.target.dataset.name,\n        brand: event.target.dataset.brand,\n        type: event.target.dataset.type\n      };\n      if ((_store$componentsObj2 = store.componentsObj) !== null && _store$componentsObj2 !== void 0 && _store$componentsObj2.giftcard) {\n        store.componentsObj.giftcard.node.unmount('component_giftcard');\n      }\n      if (!store.partialPaymentsOrderObj) {\n        store.partialPaymentsOrderObj = {};\n      }\n      var newOption = document.createElement('option');\n      newOption.textContent = selectedGiftCard.name;\n      newOption.value = selectedGiftCard.brand;\n      newOption.style.visibility = 'hidden';\n      giftCardSelect.appendChild(newOption);\n      giftCardSelect.value = selectedGiftCard.brand;\n      giftCardContainer.innerHTML = '';\n      var giftCardNode = store.checkout.create(constants.GIFTCARD, _objectSpread(_objectSpread({}, store.checkoutConfiguration.giftcard), {}, {\n        brand: selectedGiftCard.brand,\n        name: selectedGiftCard.name\n      })).mount(giftCardContainer);\n      store.componentsObj.giftcard = {\n        node: giftCardNode\n      };\n    });\n  }\n  if (giftCardSelect) {\n    giftCardSelectWrapper.addEventListener('mousedown', function () {\n      giftCardUl.classList.toggle('invisible');\n    });\n  }\n  store.giftCardComponentListenersAdded = true;\n}\nfunction showGiftCardWarningMessage() {\n  var alertContainer = document.createElement('div');\n  alertContainer.setAttribute('id', 'giftCardWarningMessage');\n  alertContainer.classList.add('alert', 'alert-warning', 'error-message', 'gift-card-warning-msg');\n  alertContainer.setAttribute('role', 'alert');\n  var alertContainerP = document.createElement('p');\n  alertContainerP.classList.add('error-message-text');\n  alertContainerP.textContent = window.giftCardWarningMessage;\n  alertContainer.appendChild(alertContainerP);\n  var orderTotalSummaryEl = document.querySelector('.card-body.order-total-summary');\n  orderTotalSummaryEl === null || orderTotalSummaryEl === void 0 ? void 0 : orderTotalSummaryEl.appendChild(alertContainer);\n}\nfunction attachGiftCardAddButtonListener() {\n  var _getGiftCardElements5 = getGiftCardElements(),\n    giftCardAddButton = _getGiftCardElements5.giftCardAddButton,\n    giftCardSelectContainer = _getGiftCardElements5.giftCardSelectContainer,\n    giftCardSelectWrapper = _getGiftCardElements5.giftCardSelectWrapper,\n    giftCardSelect = _getGiftCardElements5.giftCardSelect;\n  if (giftCardAddButton) {\n    giftCardAddButton.addEventListener('click', function () {\n      renderGiftCardSelectForm();\n      attachGiftCardFormListeners();\n      var giftCardWarningMessageEl = document.querySelector('#giftCardWarningMessage');\n      if (giftCardWarningMessageEl) {\n        giftCardWarningMessageEl.style.display = 'none';\n      }\n      giftCardSelect.value = 'null';\n      giftCardAddButton.style.display = 'none';\n      giftCardSelectContainer.classList.remove('invisible');\n      giftCardSelectWrapper.classList.remove('invisible');\n    });\n  }\n}\nfunction attachGiftCardCancelListener() {\n  var _getGiftCardElements6 = getGiftCardElements(),\n    giftCardCancelButton = _getGiftCardElements6.giftCardCancelButton;\n  giftCardCancelButton === null || giftCardCancelButton === void 0 ? void 0 : giftCardCancelButton.addEventListener('click', function () {\n    removeGiftCards();\n  });\n}\nfunction removeGiftCardFormListeners() {\n  var _getGiftCardElements7 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements7.giftCardUl,\n    giftCardSelect = _getGiftCardElements7.giftCardSelect;\n  giftCardUl.replaceWith(giftCardUl.cloneNode(true));\n  giftCardSelect.replaceWith(giftCardSelect.cloneNode(true));\n  store.giftCardComponentListenersAdded = false;\n}\nfunction clearGiftCardsContainer() {\n  var _getGiftCardElements8 = getGiftCardElements(),\n    giftCardsList = _getGiftCardElements8.giftCardsList;\n  giftCardsList.innerHTML = '';\n}\nfunction renderAddedGiftCard(card) {\n  var giftCardData = card.giftCard;\n  var imagePath = store.checkoutConfiguration.session.imagePath;\n  var _getGiftCardElements9 = getGiftCardElements(),\n    giftCardsList = _getGiftCardElements9.giftCardsList,\n    giftCardAddButton = _getGiftCardElements9.giftCardAddButton;\n  var giftCardDiv = document.createElement('div');\n  giftCardDiv.classList.add('gift-card');\n  var brandContainer = document.createElement('div');\n  brandContainer.classList.add('brand-container');\n  var giftCardImg = document.createElement('img');\n  var giftCardImgSrc = \"\".concat(imagePath).concat(giftCardData.brand, \".png\");\n  giftCardImg.setAttribute('src', giftCardImgSrc);\n  giftCardImg.classList.add('gift-card-logo');\n  var giftCardNameP = document.createElement('p');\n  giftCardNameP.textContent = giftCardData.name;\n  brandContainer.appendChild(giftCardImg);\n  brandContainer.appendChild(giftCardNameP);\n  var giftCardAction = document.createElement('div');\n  giftCardAction.classList.add('gift-card-action');\n  var brandAndRemoveActionWrapper = document.createElement('div');\n  brandAndRemoveActionWrapper.classList.add('wrapper');\n  brandAndRemoveActionWrapper.appendChild(brandContainer);\n  brandAndRemoveActionWrapper.appendChild(giftCardAction);\n  var giftCardAmountDiv = document.createElement('div');\n  giftCardAmountDiv.classList.add('wrapper');\n  var amountLabel = document.createElement('p');\n  amountLabel.textContent = window.deductedBalanceGiftCardResource;\n  var amountValue = document.createElement('strong');\n  amountValue.textContent = card.discountedAmount ? \"-\".concat(card.discountedAmount) : '';\n  giftCardAmountDiv.appendChild(amountLabel);\n  giftCardAmountDiv.appendChild(amountValue);\n  giftCardDiv.appendChild(brandAndRemoveActionWrapper);\n  giftCardDiv.appendChild(giftCardAmountDiv);\n  giftCardsList.appendChild(giftCardDiv);\n  giftCardAddButton.style.display = 'block';\n  removeGiftCardFormListeners();\n}\nfunction createElementsToShowRemainingGiftCardAmount() {\n  var renderedRemainingAmountEndSpan = document.getElementById('remainingAmountEndSpan');\n  var renderedDiscountedAmountEndSpan = document.getElementById('discountedAmountEndSpan');\n  if (renderedRemainingAmountEndSpan && renderedDiscountedAmountEndSpan) {\n    renderedRemainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;\n    renderedDiscountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;\n    return;\n  }\n  var mainContainer = document.createElement('div');\n  var remainingAmountContainer = document.createElement('div');\n  var remainingAmountStart = document.createElement('div');\n  var remainingAmountEnd = document.createElement('div');\n  var discountedAmountContainer = document.createElement('div');\n  var discountedAmountStart = document.createElement('div');\n  var discountedAmountEnd = document.createElement('div');\n  var remainingAmountStartP = document.createElement('p');\n  var remainingAmountEndP = document.createElement('p');\n  var discountedAmountStartP = document.createElement('p');\n  var discountedAmountEndP = document.createElement('p');\n  var remainingAmountStartSpan = document.createElement('span');\n  var discountedAmountStartSpan = document.createElement('span');\n  var remainingAmountEndSpan = document.createElement('span');\n  remainingAmountEndSpan.id = 'remainingAmountEndSpan';\n  var discountedAmountEndSpan = document.createElement('span');\n  discountedAmountEndSpan.id = 'discountedAmountEndSpan';\n  remainingAmountContainer.classList.add('row', 'grand-total', 'leading-lines');\n  remainingAmountStart.classList.add('col-6', 'start-lines');\n  remainingAmountEnd.classList.add('col-6', 'end-lines');\n  remainingAmountStartP.classList.add('order-receipt-label');\n  discountedAmountContainer.classList.add('row', 'grand-total', 'leading-lines');\n  discountedAmountStart.classList.add('col-6', 'start-lines');\n  discountedAmountEnd.classList.add('col-6', 'end-lines');\n  discountedAmountStartP.classList.add('order-receipt-label');\n  remainingAmountEndP.classList.add('text-right');\n  discountedAmountEndP.classList.add('text-right');\n  discountedAmountContainer.id = 'discountedAmountContainer';\n  remainingAmountContainer.id = 'remainingAmountContainer';\n  remainingAmountStartSpan.innerText = window.remainingAmountGiftCardResource;\n  discountedAmountStartSpan.innerText = window.discountedAmountGiftCardResource;\n  remainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;\n  discountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;\n  remainingAmountContainer.appendChild(remainingAmountStart);\n  remainingAmountContainer.appendChild(remainingAmountEnd);\n  remainingAmountStart.appendChild(remainingAmountStartP);\n  discountedAmountContainer.appendChild(discountedAmountStart);\n  discountedAmountContainer.appendChild(discountedAmountEnd);\n  discountedAmountStart.appendChild(discountedAmountStartP);\n  remainingAmountEnd.appendChild(remainingAmountEndP);\n  remainingAmountStartP.appendChild(remainingAmountStartSpan);\n  discountedAmountEnd.appendChild(discountedAmountEndP);\n  discountedAmountStartP.appendChild(discountedAmountStartSpan);\n  remainingAmountEndP.appendChild(remainingAmountEndSpan);\n  discountedAmountEndP.appendChild(discountedAmountEndSpan);\n  var pricingContainer = document.querySelector('.card-body.order-total-summary');\n  mainContainer.id = 'giftCardInformation';\n  mainContainer.appendChild(discountedAmountContainer);\n  mainContainer.appendChild(remainingAmountContainer);\n  pricingContainer.appendChild(mainContainer);\n}\nfunction showGiftCardInfoMessage() {\n  var messageText = store.partialPaymentsOrderObj.message;\n  var _getGiftCardElements10 = getGiftCardElements(),\n    giftCardsInfoMessageContainer = _getGiftCardElements10.giftCardsInfoMessageContainer;\n  giftCardsInfoMessageContainer.innerHTML = '';\n  giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n  if (!messageText) return;\n  var giftCardsInfoMessage = document.createElement('div');\n  giftCardsInfoMessage.classList.add('adyen-checkout__alert-message', 'adyen-checkout__alert-message--warning');\n  giftCardsInfoMessage.setAttribute('role', 'alert');\n  var infoMessage = document.createElement('span');\n  infoMessage.textContent = messageText;\n  giftCardsInfoMessage.appendChild(infoMessage);\n  giftCardsInfoMessageContainer.appendChild(giftCardsInfoMessage);\n  giftCardsInfoMessageContainer.classList.add('gift-cards-info-message-container');\n}\nmodule.exports = {\n  removeGiftCards: removeGiftCards,\n  renderAddedGiftCard: renderAddedGiftCard,\n  attachGiftCardAddButtonListener: attachGiftCardAddButtonListener,\n  getGiftCardElements: getGiftCardElements,\n  showGiftCardWarningMessage: showGiftCardWarningMessage,\n  createElementsToShowRemainingGiftCardAmount: createElementsToShowRemainingGiftCardAmount,\n  renderGiftCardSelectForm: renderGiftCardSelectForm,\n  showGiftCardInfoMessage: showGiftCardInfoMessage,\n  giftCardBrands: giftCardBrands,\n  clearGiftCardsContainer: clearGiftCardsContainer,\n  attachGiftCardCancelListener: attachGiftCardCancelListener,\n  showGiftCardCancelButton: showGiftCardCancelButton\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js":
+/*!*****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js ***!
+  \*****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction getFallback(paymentMethod) {\n  var fallback = {};\n  if (fallback[paymentMethod.type]) {\n    store.componentsObj[paymentMethod.type] = {};\n  }\n  return fallback[paymentMethod.type];\n}\nfunction getPersonalDetails() {\n  var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;\n  return {\n    firstName: (_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value,\n    lastName: (_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value,\n    telephoneNumber: (_document$querySelect3 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,\n    shopperEmail: (_document$querySelect4 = document.querySelector('.customer-summary-email')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.textContent\n  };\n}\nfunction setNode(paymentMethodID) {\n  var createNode = function createNode() {\n    if (!store.componentsObj[paymentMethodID]) {\n      store.componentsObj[paymentMethodID] = {};\n    }\n    try {\n      var _store$checkout;\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      // ALl nodes created for the checkout component are enriched with shopper personal details\n      var node = (_store$checkout = store.checkout).create.apply(_store$checkout, args.concat([{\n        data: _objectSpread(_objectSpread({}, getPersonalDetails()), {}, {\n          personalDetails: getPersonalDetails()\n        }),\n        visibility: {\n          personalDetails: 'editable',\n          billingAddress: 'hidden',\n          deliveryAddress: 'hidden'\n        }\n      }]));\n      store.componentsObj[paymentMethodID].node = node;\n      store.componentsObj[paymentMethodID].isValid = node.isValid;\n    } catch (e) {\n      /* No component for payment method */\n    }\n  };\n  return createNode;\n}\nfunction getPaymentMethodID(isStored, paymentMethod) {\n  if (isStored) {\n    return \"storedCard\".concat(paymentMethod.id);\n  }\n  if (paymentMethod.type === constants.GIFTCARD) {\n    return constants.GIFTCARD;\n  }\n  if (paymentMethod.brand) {\n    return \"\".concat(paymentMethod.type, \"_\").concat(paymentMethod.brand);\n  }\n  return paymentMethod.type;\n}\nfunction getImage(isStored, paymentMethod) {\n  return isStored ? paymentMethod.brand : paymentMethod.type;\n}\nfunction getLabel(isStored, paymentMethod) {\n  var label = isStored ? \" \".concat(store.MASKED_CC_PREFIX).concat(paymentMethod.lastFour) : '';\n  return \"\".concat(paymentMethod.name).concat(label);\n}\nfunction handleFallbackPayment(_ref) {\n  var paymentMethod = _ref.paymentMethod,\n    container = _ref.container,\n    paymentMethodID = _ref.paymentMethodID;\n  var fallback = getFallback(paymentMethod);\n  var createTemplate = function createTemplate() {\n    var template = document.createElement('template');\n    template.innerHTML = fallback;\n    container.append(template.content);\n  };\n  return fallback ? createTemplate() : setNode(paymentMethod.type)(paymentMethodID);\n}\nfunction handlePayment(options) {\n  return options.isStored ? setNode(options.paymentMethodID)('card', options.paymentMethod) : handleFallbackPayment(options);\n}\nfunction getListContents(_ref2) {\n  var imagePath = _ref2.imagePath,\n    isStored = _ref2.isStored,\n    paymentMethod = _ref2.paymentMethod,\n    description = _ref2.description;\n  var paymentMethodID = getPaymentMethodID(isStored, paymentMethod);\n  var label = getLabel(isStored, paymentMethod);\n  var liContents = \"\\n    <input name=\\\"brandCode\\\" type=\\\"radio\\\" value=\\\"\".concat(paymentMethodID, \"\\\" id=\\\"rb_\").concat(paymentMethodID, \"\\\">\\n    <img class=\\\"paymentMethod_img\\\" src=\\\"\").concat(imagePath, \"\\\" ></img>\\n    <label id=\\\"lb_\").concat(paymentMethodID, \"\\\" for=\\\"rb_\").concat(paymentMethodID, \"\\\">\").concat(label, \"</label>\\n  \");\n  return description ? \"\".concat(liContents, \"<p>\").concat(description, \"</p>\") : liContents;\n}\nfunction getImagePath(_ref3) {\n  var isStored = _ref3.isStored,\n    paymentMethod = _ref3.paymentMethod,\n    path = _ref3.path,\n    isSchemeNotStored = _ref3.isSchemeNotStored;\n  var paymentMethodImage = \"\".concat(path).concat(getImage(isStored, paymentMethod), \".png\");\n  var cardImage = \"\".concat(path, \"card.png\");\n  return isSchemeNotStored ? cardImage : paymentMethodImage;\n}\nfunction setValid(_ref4) {\n  var isStored = _ref4.isStored,\n    paymentMethodID = _ref4.paymentMethodID;\n  if (isStored && ['bcmc', 'scheme'].indexOf(paymentMethodID) > -1) {\n    store.componentsObj[paymentMethodID].isValid = true;\n  }\n}\nfunction configureContainer(_ref5) {\n  var paymentMethodID = _ref5.paymentMethodID,\n    container = _ref5.container;\n  container.classList.add('additionalFields');\n  container.setAttribute('id', \"component_\".concat(paymentMethodID));\n  container.setAttribute('style', 'display:none');\n}\nfunction handleInput(_ref6) {\n  var paymentMethodID = _ref6.paymentMethodID;\n  var input = document.querySelector(\"#rb_\".concat(paymentMethodID));\n  input.onchange = /*#__PURE__*/function () {\n    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            helpers.displaySelectedMethod(event.target.value);\n          case 1:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    }));\n    return function (_x) {\n      return _ref7.apply(this, arguments);\n    };\n  }();\n}\nfunction createListItem(rerender, paymentMethodID, liContents) {\n  var li;\n  if (rerender) {\n    li = document.querySelector(\"#rb_\".concat(paymentMethodID)).closest('li');\n  } else {\n    li = document.createElement('li');\n    li.innerHTML = liContents;\n    li.classList.add('paymentMethod');\n  }\n  return li;\n}\nfunction checkIfNodeIsAvailable(_x2) {\n  return _checkIfNodeIsAvailable.apply(this, arguments);\n}\nfunction _checkIfNodeIsAvailable() {\n  _checkIfNodeIsAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(node) {\n    var isNodeAvailable;\n    return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n      while (1) switch (_context3.prev = _context3.next) {\n        case 0:\n          if (!node.isAvailable) {\n            _context3.next = 6;\n            break;\n          }\n          _context3.next = 3;\n          return node.isAvailable();\n        case 3:\n          isNodeAvailable = _context3.sent;\n          if (isNodeAvailable) {\n            _context3.next = 6;\n            break;\n          }\n          return _context3.abrupt(\"return\", false);\n        case 6:\n          return _context3.abrupt(\"return\", true);\n        case 7:\n        case \"end\":\n          return _context3.stop();\n      }\n    }, _callee3);\n  }));\n  return _checkIfNodeIsAvailable.apply(this, arguments);\n}\nfunction appendNodeToContainerIfAvailable(_x3, _x4, _x5, _x6) {\n  return _appendNodeToContainerIfAvailable.apply(this, arguments);\n}\nfunction _appendNodeToContainerIfAvailable() {\n  _appendNodeToContainerIfAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(paymentMethodsUI, li, node, container) {\n    var canBeMounted;\n    return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n      while (1) switch (_context4.prev = _context4.next) {\n        case 0:\n          if (!node) {\n            _context4.next = 5;\n            break;\n          }\n          _context4.next = 3;\n          return checkIfNodeIsAvailable(node);\n        case 3:\n          canBeMounted = _context4.sent;\n          if (canBeMounted) {\n            paymentMethodsUI.append(li);\n            node.mount(container);\n          }\n        case 5:\n        case \"end\":\n          return _context4.stop();\n      }\n    }, _callee4);\n  }));\n  return _appendNodeToContainerIfAvailable.apply(this, arguments);\n}\nmodule.exports.renderPaymentMethod = /*#__PURE__*/function () {\n  var _renderPaymentMethod = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(paymentMethod, isStored, path) {\n    var description,\n      rerender,\n      _store$componentsObj$,\n      paymentMethodsUI,\n      paymentMethodID,\n      isSchemeNotStored,\n      container,\n      options,\n      imagePath,\n      liContents,\n      li,\n      _args2 = arguments;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          description = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : null;\n          rerender = _args2.length > 4 && _args2[4] !== undefined ? _args2[4] : false;\n          _context2.prev = 2;\n          paymentMethodsUI = document.querySelector('#paymentMethodsList');\n          paymentMethodID = getPaymentMethodID(isStored, paymentMethod);\n          if (!(paymentMethodID === constants.GIFTCARD)) {\n            _context2.next = 7;\n            break;\n          }\n          return _context2.abrupt(\"return\");\n        case 7:\n          isSchemeNotStored = paymentMethod.type === 'scheme' && !isStored;\n          container = document.createElement('div');\n          options = {\n            container: container,\n            paymentMethod: paymentMethod,\n            isStored: isStored,\n            path: path,\n            description: description,\n            paymentMethodID: paymentMethodID,\n            isSchemeNotStored: isSchemeNotStored\n          };\n          imagePath = getImagePath(options);\n          liContents = getListContents(_objectSpread(_objectSpread({}, options), {}, {\n            imagePath: imagePath,\n            description: description\n          }));\n          li = createListItem(rerender, paymentMethodID, liContents);\n          handlePayment(options);\n          configureContainer(options);\n          li.append(container);\n          _context2.next = 18;\n          return appendNodeToContainerIfAvailable(paymentMethodsUI, li, (_store$componentsObj$ = store.componentsObj[paymentMethodID]) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node, container);\n        case 18:\n          if (paymentMethodID === constants.GIROPAY) {\n            container.innerHTML = '';\n          }\n          handleInput(options);\n          setValid(options);\n          _context2.next = 25;\n          break;\n        case 23:\n          _context2.prev = 23;\n          _context2.t0 = _context2[\"catch\"](2);\n        case 25:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2, null, [[2, 23]]);\n  }));\n  function renderPaymentMethod(_x7, _x8, _x9) {\n    return _renderPaymentMethod.apply(this, arguments);\n  }\n  return renderPaymentMethod;\n}();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js":
+/*!****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js ***!
+  \****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.validateComponents = function validateComponents() {\n  var customMethods = {};\n  if (store.selectedMethod in customMethods) {\n    customMethods[store.selectedMethod]();\n  }\n  document.querySelector('#adyenStateData').value = JSON.stringify(store.stateData);\n  if (store.partialPaymentsOrderObj) {\n    document.querySelector('#adyenPartialPaymentsOrder').value = JSON.stringify(store.partialPaymentsOrderObj);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js":
+/*!****************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n// Adyen constants\n\nmodule.exports = {\n  METHOD_ADYEN: 'Adyen',\n  METHOD_ADYEN_POS: 'AdyenPOS',\n  METHOD_ADYEN_COMPONENT: 'AdyenComponent',\n  RECEIVED: 'Received',\n  NOTENOUGHBALANCE: 'NotEnoughBalance',\n  SUCCESS: 'Success',\n  GIFTCARD: 'giftcard',\n  GIROPAY: 'giropay',\n  APPLE_PAY: 'applepay',\n  ACTIONTYPE: {\n    QRCODE: 'qrCode'\n  },\n  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],\n  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenGiving.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenGiving.js
new file mode 100644
index 000000000..3f4a8de30
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/adyenGiving.js
@@ -0,0 +1,101 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js":
+/*!******************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar adyenGivingNode = document.getElementById('donate-container');\nfunction handleOnDonate(state, component) {\n  if (!state.isValid) {\n    return;\n  }\n  var selectedAmount = state.data.amount;\n  var donationData = {\n    amountValue: selectedAmount.value,\n    amountCurrency: selectedAmount.currency,\n    orderNo: window.orderNo,\n    orderToken: window.orderToken\n  };\n  $.ajax({\n    url: window.donateURL,\n    type: 'post',\n    data: donationData,\n    success: function success() {\n      component.setStatus('success');\n    }\n  });\n}\nfunction handleOnCancel(state, component) {\n  var adyenGiving = document.getElementById('adyenGiving');\n  adyenGiving.style.transition = 'all 3s ease-in-out';\n  adyenGiving.style.display = 'none';\n  component.unmount();\n}\nfunction getAmounts() {\n  try {\n    return JSON.parse(donationAmounts);\n  } catch (e) {\n    return [];\n  }\n}\nvar donationConfig = {\n  amounts: getAmounts(),\n  backgroundUrl: adyenGivingBackgroundUrl,\n  description: decodeURI(charityDescription),\n  logoUrl: adyenGivingLogoUrl,\n  name: decodeURI(charityName),\n  url: charityWebsite,\n  showCancelButton: true,\n  onDonate: handleOnDonate,\n  onCancel: handleOnCancel\n};\nAdyenCheckout(window.Configuration).then(function (checkout) {\n  checkout.create('donation', donationConfig).mount(adyenGivingNode);\n});\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenGiving.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayCheckout.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayCheckout.js
new file mode 100644
index 000000000..3d03cacbe
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayCheckout.js
@@ -0,0 +1,160 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction assignPaymentMethodValue() {\n  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');\n  // if currently selected paymentMethod contains a brand it will be part of the label ID\n  var paymentMethodlabelId = \"#lb_\".concat(store.selectedMethod);\n  if (adyenPaymentMethod) {\n    var _document$querySelect;\n    adyenPaymentMethod.value = store.brand ? store.brand : (_document$querySelect = document.querySelector(paymentMethodlabelId)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.innerHTML;\n  }\n}\nfunction setOrderFormData(response) {\n  if (response.orderNo) {\n    document.querySelector('#merchantReference').value = response.orderNo;\n  }\n  if (response.orderToken) {\n    document.querySelector('#orderToken').value = response.orderToken;\n  }\n}\n\n/**\n * Makes an ajax call to the controller function PaymentFromComponent.\n * Used by certain payment methods like paypal\n */\nfunction paymentFromComponent(data) {\n  var component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var requestData = store.partialPaymentsOrderObj ? _objectSpread(_objectSpread({}, data), {}, {\n    partialPaymentsOrder: store.partialPaymentsOrderObj\n  }) : data;\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(requestData),\n      paymentMethod: document.querySelector('#adyenPaymentMethodName').value\n    },\n    success: function success(response) {\n      var _response$fullRespons;\n      setOrderFormData(response);\n      if ((_response$fullRespons = response.fullResponse) !== null && _response$fullRespons !== void 0 && _response$fullRespons.action) {\n        component.handleAction(response.fullResponse.action);\n      } else if (response.skipSummaryPage) {\n        document.querySelector('#result').value = JSON.stringify(response);\n        document.querySelector('#showConfirmationForm').submit();\n      } else if (response.paymentError || response.error) {\n        component.handleError();\n      }\n    }\n  });\n}\nfunction resetPaymentMethod() {\n  $('#requiredBrandCode').hide();\n  $('#selectedIssuer').val('');\n  $('#adyenIssuerName').val('');\n  $('#dateOfBirth').val('');\n  $('#telephoneNumber').val('');\n  $('#gender').val('');\n  $('#bankAccountOwnerName').val('');\n  $('#bankAccountNumber').val('');\n  $('#bankLocationId').val('');\n  $('.additionalFields').hide();\n}\n\n/**\n * Changes the \"display\" attribute of the selected method from hidden to visible\n */\nfunction displaySelectedMethod(type) {\n  var _document$querySelect2;\n  // If 'type' input field is present use this as type, otherwise default to function input param\n  store.selectedMethod = document.querySelector(\"#component_\".concat(type, \" .type\")) ? document.querySelector(\"#component_\".concat(type, \" .type\")).value : type;\n  resetPaymentMethod();\n  var disabledSubmitButtonMethods = constants.DISABLED_SUBMIT_BUTTON_METHODS;\n  if (window.klarnaWidgetEnabled) {\n    disabledSubmitButtonMethods.push('klarna');\n  }\n  document.querySelector('button[value=\"submit-payment\"]').disabled = disabledSubmitButtonMethods.findIndex(function (pm) {\n    return type.includes(pm);\n  }) > -1;\n  document.querySelector(\"#component_\".concat(type)).setAttribute('style', 'display:block');\n  // set brand for giftcards if hidden inputfield is present\n  store.brand = (_document$querySelect2 = document.querySelector(\"#component_\".concat(type, \" .brand\"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value;\n}\nfunction displayValidationErrors() {\n  store.selectedPayment.node.showValidation();\n  return false;\n}\nvar selectedMethods = {};\nfunction doCustomValidation() {\n  return store.selectedMethod in selectedMethods ? selectedMethods[store.selectedMethod]() : true;\n}\nfunction showValidation() {\n  return store.selectedPaymentIsValid ? doCustomValidation() : displayValidationErrors();\n}\nfunction getInstallmentValues(maxValue) {\n  var values = [];\n  for (var i = 1; i <= maxValue; i += 1) {\n    values.push(i);\n  }\n  return values;\n}\nfunction createShowConfirmationForm(action) {\n  if (document.querySelector('#showConfirmationForm')) {\n    return;\n  }\n  var template = document.createElement('template');\n  var form = \"<form method=\\\"post\\\" id=\\\"showConfirmationForm\\\" name=\\\"showConfirmationForm\\\" action=\\\"\".concat(action, \"\\\">\\n    <input type=\\\"hidden\\\" id=\\\"additionalDetailsHidden\\\" name=\\\"additionalDetailsHidden\\\" value=\\\"null\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"merchantReference\\\" name=\\\"merchantReference\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"orderToken\\\" name=\\\"orderToken\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"result\\\" name=\\\"result\\\" value=\\\"null\\\"/>\\n  </form>\");\n  template.innerHTML = form;\n  document.querySelector('body').appendChild(template.content);\n}\nmodule.exports = {\n  setOrderFormData: setOrderFormData,\n  assignPaymentMethodValue: assignPaymentMethodValue,\n  paymentFromComponent: paymentFromComponent,\n  resetPaymentMethod: resetPaymentMethod,\n  displaySelectedMethod: displaySelectedMethod,\n  showValidation: showValidation,\n  createShowConfirmationForm: createShowConfirmationForm,\n  getInstallmentValues: getInstallmentValues\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js":
+/*!************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js ***!
+  \************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar helpers = __webpack_require__(/*! ./adyen_checkout/helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nfunction handleAuthorised(response) {\n  var _response$fullRespons, _response$fullRespons2, _response$fullRespons3, _response$fullRespons4, _response$fullRespons5;\n  document.querySelector('#result').value = JSON.stringify({\n    pspReference: (_response$fullRespons = response.fullResponse) === null || _response$fullRespons === void 0 ? void 0 : _response$fullRespons.pspReference,\n    resultCode: (_response$fullRespons2 = response.fullResponse) === null || _response$fullRespons2 === void 0 ? void 0 : _response$fullRespons2.resultCode,\n    paymentMethod: (_response$fullRespons3 = response.fullResponse) !== null && _response$fullRespons3 !== void 0 && _response$fullRespons3.paymentMethod ? response.fullResponse.paymentMethod : (_response$fullRespons4 = response.fullResponse) === null || _response$fullRespons4 === void 0 ? void 0 : (_response$fullRespons5 = _response$fullRespons4.additionalData) === null || _response$fullRespons5 === void 0 ? void 0 : _response$fullRespons5.paymentMethod\n  });\n  document.querySelector('#showConfirmationForm').submit();\n}\nfunction handleError() {\n  document.querySelector('#result').value = JSON.stringify({\n    error: true\n  });\n  document.querySelector('#showConfirmationForm').submit();\n}\nfunction handleAmazonResponse(response, component) {\n  var _response$fullRespons6;\n  if ((_response$fullRespons6 = response.fullResponse) !== null && _response$fullRespons6 !== void 0 && _response$fullRespons6.action) {\n    component.handleAction(response.fullResponse.action);\n  } else if (response.resultCode === window.resultCodeAuthorised) {\n    handleAuthorised(response);\n  } else {\n    // first try the amazon decline flow\n    component.handleDeclineFlow();\n    // if this does not trigger a redirect, try the regular handleError flow\n    handleError();\n  }\n}\nfunction paymentFromComponent(data, component) {\n  var partialPaymentsOrder = sessionStorage.getItem('partialPaymentsObj');\n  var requestData = partialPaymentsOrder ? _objectSpread(_objectSpread({}, data), {}, {\n    partialPaymentsOrder: JSON.parse(partialPaymentsOrder)\n  }) : data;\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(requestData),\n      paymentMethod: 'amazonpay',\n      merchantReference: document.querySelector('#merchantReference').value,\n      orderToken: document.querySelector('#orderToken').value\n    },\n    success: function success(response) {\n      sessionStorage.removeItem('partialPaymentsObj');\n      helpers.setOrderFormData(response);\n      handleAmazonResponse(response, component);\n    }\n  });\n}\nfunction mountAmazonPayComponent() {\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nfunction _mountAmazonPayComponent() {\n  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    var amazonPayNode, checkout, amazonConfig, amazonPayComponent;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          amazonPayNode = document.getElementById('amazon-container');\n          _context.next = 3;\n          return AdyenCheckout(window.Configuration);\n        case 3:\n          checkout = _context.sent;\n          amazonConfig = {\n            showOrderButton: false,\n            returnUrl: window.returnURL,\n            configuration: {\n              merchantId: window.amazonMerchantID,\n              storeId: window.amazonStoreID,\n              publicKeyId: window.amazonPublicKeyID\n            },\n            amazonCheckoutSessionId: window.amazonCheckoutSessionId,\n            onSubmit: function onSubmit(state, component) {\n              document.querySelector('#adyenStateData').value = JSON.stringify(state.data);\n              document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);\n              paymentFromComponent(state.data, component);\n            },\n            onAdditionalDetails: function onAdditionalDetails(state) {\n              state.data.paymentMethod = 'amazonpay';\n              $.ajax({\n                type: 'post',\n                url: window.paymentsDetailsURL,\n                data: JSON.stringify({\n                  data: state.data,\n                  orderToken: window.orderToken\n                }),\n                contentType: 'application/json; charset=utf-8',\n                success: function success(data) {\n                  if (data.isSuccessful) {\n                    handleAuthorised(data);\n                  } else if (!data.isFinal && _typeof(data.action) === 'object') {\n                    checkout.createFromAction(data.action).mount('#amazon-container');\n                  } else {\n                    $('#action-modal').modal('hide');\n                    handleError();\n                  }\n                }\n              });\n            }\n          };\n          amazonPayComponent = checkout.create('amazonpay', amazonConfig).mount(amazonPayNode);\n          helpers.createShowConfirmationForm(window.ShowConfirmationPaymentFromComponent);\n          $('#dwfrm_billing').submit(function apiRequest(e) {\n            e.preventDefault();\n            var form = $(this);\n            var url = form.attr('action');\n            $.ajax({\n              type: 'POST',\n              url: url,\n              data: form.serialize(),\n              async: false,\n              success: function success(data) {\n                store.formErrorsExist = 'fieldErrors' in data;\n              }\n            });\n          });\n          $('#action-modal').modal({\n            backdrop: 'static',\n            keyboard: false\n          });\n          amazonPayComponent.submit();\n        case 10:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nmountAmazonPayComponent();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayCheckout.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js":
+/*!****************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n// Adyen constants\n\nmodule.exports = {\n  METHOD_ADYEN: 'Adyen',\n  METHOD_ADYEN_POS: 'AdyenPOS',\n  METHOD_ADYEN_COMPONENT: 'AdyenComponent',\n  RECEIVED: 'Received',\n  NOTENOUGHBALANCE: 'NotEnoughBalance',\n  SUCCESS: 'Success',\n  GIFTCARD: 'giftcard',\n  GIROPAY: 'giropay',\n  APPLE_PAY: 'applepay',\n  ACTIONTYPE: {\n    QRCODE: 'qrCode'\n  },\n  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],\n  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart1.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart1.js
new file mode 100644
index 000000000..a87df738d
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart1.js
@@ -0,0 +1,148 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js":
+/*!****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar _require = __webpack_require__(/*! ./commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady,\n  updateLoadedExpressMethods = _require.updateLoadedExpressMethods;\nvar AMAZON_PAY = 'amazonpay';\nfunction mountAmazonPayComponent() {\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nfunction _mountAmazonPayComponent() {\n  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    var getPaymentMethods;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          getPaymentMethods = function _getPaymentMethods(paymentMethods) {\n            $.ajax({\n              url: window.getPaymentMethodsURL,\n              type: 'get',\n              success: function success(data) {\n                paymentMethods(data);\n              },\n              error: function error() {\n                updateLoadedExpressMethods(AMAZON_PAY);\n                checkIfExpressMethodsAreReady();\n              }\n            });\n          };\n          getPaymentMethods( /*#__PURE__*/function () {\n            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n              var _paymentMethodsRespon;\n              var paymentMethodsResponse, checkout, amazonPayConfig, amazonPayButtonConfig, amazonPayButton;\n              return _regeneratorRuntime().wrap(function _callee$(_context) {\n                while (1) switch (_context.prev = _context.next) {\n                  case 0:\n                    paymentMethodsResponse = data.AdyenPaymentMethods;\n                    _context.next = 3;\n                    return AdyenCheckout({\n                      environment: window.environment,\n                      clientKey: window.clientKey,\n                      locale: window.locale\n                    });\n                  case 3:\n                    checkout = _context.sent;\n                    amazonPayConfig = (_paymentMethodsRespon = paymentMethodsResponse.find(function (pm) {\n                      return pm.type === AMAZON_PAY;\n                    })) === null || _paymentMethodsRespon === void 0 ? void 0 : _paymentMethodsRespon.configuration;\n                    if (amazonPayConfig) {\n                      _context.next = 7;\n                      break;\n                    }\n                    return _context.abrupt(\"return\");\n                  case 7:\n                    amazonPayButtonConfig = {\n                      showPayButton: true,\n                      productType: 'PayAndShip',\n                      configuration: amazonPayConfig,\n                      returnUrl: window.returnUrl\n                    };\n                    amazonPayButton = checkout.create(AMAZON_PAY, amazonPayButtonConfig);\n                    amazonPayButton.mount('#amazonpay-container');\n                    updateLoadedExpressMethods(AMAZON_PAY);\n                    checkIfExpressMethodsAreReady();\n                  case 12:\n                  case \"end\":\n                    return _context.stop();\n                }\n              }, _callee);\n            }));\n            return function (_x) {\n              return _ref.apply(this, arguments);\n            };\n          }());\n        case 2:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nmountAmazonPayComponent();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart1.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart2.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart2.js
new file mode 100644
index 000000000..722e99c3d
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/amazonPayExpressPart2.js
@@ -0,0 +1,101 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js":
+/*!****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js ***!
+  \****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction saveShopperDetails(details) {\n  $.ajax({\n    url: window.saveShopperDetailsURL,\n    type: 'post',\n    data: {\n      shopperDetails: JSON.stringify(details),\n      paymentMethod: 'amazonpay'\n    },\n    success: function success(data) {\n      var select = document.querySelector('#shippingMethods');\n      select.innerHTML = '';\n      data.shippingMethods.forEach(function (shippingMethod) {\n        var option = document.createElement('option');\n        option.setAttribute('data-shipping-id', shippingMethod.ID);\n        option.innerText = \"\".concat(shippingMethod.displayName, \" (\").concat(shippingMethod.estimatedArrivalTime, \")\");\n        select.appendChild(option);\n      });\n      select.options[0].selected = true;\n      select.dispatchEvent(new Event('change'));\n    }\n  });\n}\nfunction constructAddress(shopperDetails) {\n  var addressKeys = Object.keys(shopperDetails.shippingAddress);\n  var addressValues = Object.values(shopperDetails.shippingAddress);\n  var addressStr = \"\".concat(shopperDetails.shippingAddress.name, \"\\n\");\n  for (var i = 0; i < addressKeys.length; i += 1) {\n    if (addressValues[i] && addressKeys[i] !== 'name') {\n      addressStr += \"\".concat(addressValues[i], \" \");\n    }\n  }\n  return addressStr;\n}\nfunction positionElementBefore(elm) {\n  var addressDetails = document.querySelector('#amazonPayAddressDetails');\n  var containerNode = addressDetails.parentNode.parentNode.parentNode;\n  containerNode.insertBefore(addressDetails, document.querySelector(elm));\n}\nfunction wrapChangeAddressButton() {\n  // hide component button and use custom \"Edit\" buttons instead\n  var changeDetailsBtn = document.getElementsByClassName('adyen-checkout__button adyen-checkout__button--ghost adyen-checkout__amazonpay__button--changeAddress')[0];\n  changeDetailsBtn.classList.add('invisible');\n  var editAddressBtns = document.querySelectorAll('.editAddressBtn');\n  editAddressBtns.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      changeDetailsBtn.click();\n    });\n  });\n}\nfunction showAddressDetails(shopperDetails) {\n  var addressText = constructAddress(shopperDetails);\n  var addressElement = document.querySelector('#address');\n  var paymentDiscriptorElement = document.querySelector('#paymentStr');\n  addressElement.innerText = addressText;\n  paymentDiscriptorElement.innerText = shopperDetails.paymentDescriptor;\n  positionElementBefore('.coupons-and-promos');\n  wrapChangeAddressButton();\n  var payBtn = document.getElementsByClassName('adyen-checkout__button adyen-checkout__button--standalone adyen-checkout__button--pay')[0];\n  payBtn.style.background = '#00a1e0';\n}\nfunction mountAmazonPayComponent() {\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nfunction _mountAmazonPayComponent() {\n  _mountAmazonPayComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    var amazonPayNode, checkout, amazonConfig, amazonPayComponent, shopperDetails;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          amazonPayNode = document.getElementById('amazon-container');\n          _context.next = 3;\n          return AdyenCheckout(window.Configuration);\n        case 3:\n          checkout = _context.sent;\n          _context.prev = 4;\n          amazonConfig = {\n            showOrderButton: true,\n            returnUrl: window.returnUrl,\n            showChangePaymentDetailsButton: true,\n            amount: JSON.parse(window.basketAmount),\n            amazonCheckoutSessionId: window.amazonCheckoutSessionId\n          };\n          amazonPayComponent = checkout.create('amazonpay', amazonConfig).mount(amazonPayNode);\n          _context.next = 9;\n          return amazonPayComponent.getShopperDetails();\n        case 9:\n          shopperDetails = _context.sent;\n          saveShopperDetails(shopperDetails);\n          showAddressDetails(shopperDetails);\n          _context.next = 16;\n          break;\n        case 14:\n          _context.prev = 14;\n          _context.t0 = _context[\"catch\"](4);\n        case 16:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee, null, [[4, 14]]);\n  }));\n  return _mountAmazonPayComponent.apply(this, arguments);\n}\nmountAmazonPayComponent();\nmodule.exports = saveShopperDetails;\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/amazonPayExpressPart2.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/applePayExpress.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/applePayExpress.js
new file mode 100644
index 000000000..7447fd87e
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/applePayExpress.js
@@ -0,0 +1,172 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction assignPaymentMethodValue() {\n  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');\n  // if currently selected paymentMethod contains a brand it will be part of the label ID\n  var paymentMethodlabelId = \"#lb_\".concat(store.selectedMethod);\n  if (adyenPaymentMethod) {\n    var _document$querySelect;\n    adyenPaymentMethod.value = store.brand ? store.brand : (_document$querySelect = document.querySelector(paymentMethodlabelId)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.innerHTML;\n  }\n}\nfunction setOrderFormData(response) {\n  if (response.orderNo) {\n    document.querySelector('#merchantReference').value = response.orderNo;\n  }\n  if (response.orderToken) {\n    document.querySelector('#orderToken').value = response.orderToken;\n  }\n}\n\n/**\n * Makes an ajax call to the controller function PaymentFromComponent.\n * Used by certain payment methods like paypal\n */\nfunction paymentFromComponent(data) {\n  var component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var requestData = store.partialPaymentsOrderObj ? _objectSpread(_objectSpread({}, data), {}, {\n    partialPaymentsOrder: store.partialPaymentsOrderObj\n  }) : data;\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(requestData),\n      paymentMethod: document.querySelector('#adyenPaymentMethodName').value\n    },\n    success: function success(response) {\n      var _response$fullRespons;\n      setOrderFormData(response);\n      if ((_response$fullRespons = response.fullResponse) !== null && _response$fullRespons !== void 0 && _response$fullRespons.action) {\n        component.handleAction(response.fullResponse.action);\n      } else if (response.skipSummaryPage) {\n        document.querySelector('#result').value = JSON.stringify(response);\n        document.querySelector('#showConfirmationForm').submit();\n      } else if (response.paymentError || response.error) {\n        component.handleError();\n      }\n    }\n  });\n}\nfunction resetPaymentMethod() {\n  $('#requiredBrandCode').hide();\n  $('#selectedIssuer').val('');\n  $('#adyenIssuerName').val('');\n  $('#dateOfBirth').val('');\n  $('#telephoneNumber').val('');\n  $('#gender').val('');\n  $('#bankAccountOwnerName').val('');\n  $('#bankAccountNumber').val('');\n  $('#bankLocationId').val('');\n  $('.additionalFields').hide();\n}\n\n/**\n * Changes the \"display\" attribute of the selected method from hidden to visible\n */\nfunction displaySelectedMethod(type) {\n  var _document$querySelect2;\n  // If 'type' input field is present use this as type, otherwise default to function input param\n  store.selectedMethod = document.querySelector(\"#component_\".concat(type, \" .type\")) ? document.querySelector(\"#component_\".concat(type, \" .type\")).value : type;\n  resetPaymentMethod();\n  var disabledSubmitButtonMethods = constants.DISABLED_SUBMIT_BUTTON_METHODS;\n  if (window.klarnaWidgetEnabled) {\n    disabledSubmitButtonMethods.push('klarna');\n  }\n  document.querySelector('button[value=\"submit-payment\"]').disabled = disabledSubmitButtonMethods.findIndex(function (pm) {\n    return type.includes(pm);\n  }) > -1;\n  document.querySelector(\"#component_\".concat(type)).setAttribute('style', 'display:block');\n  // set brand for giftcards if hidden inputfield is present\n  store.brand = (_document$querySelect2 = document.querySelector(\"#component_\".concat(type, \" .brand\"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value;\n}\nfunction displayValidationErrors() {\n  store.selectedPayment.node.showValidation();\n  return false;\n}\nvar selectedMethods = {};\nfunction doCustomValidation() {\n  return store.selectedMethod in selectedMethods ? selectedMethods[store.selectedMethod]() : true;\n}\nfunction showValidation() {\n  return store.selectedPaymentIsValid ? doCustomValidation() : displayValidationErrors();\n}\nfunction getInstallmentValues(maxValue) {\n  var values = [];\n  for (var i = 1; i <= maxValue; i += 1) {\n    values.push(i);\n  }\n  return values;\n}\nfunction createShowConfirmationForm(action) {\n  if (document.querySelector('#showConfirmationForm')) {\n    return;\n  }\n  var template = document.createElement('template');\n  var form = \"<form method=\\\"post\\\" id=\\\"showConfirmationForm\\\" name=\\\"showConfirmationForm\\\" action=\\\"\".concat(action, \"\\\">\\n    <input type=\\\"hidden\\\" id=\\\"additionalDetailsHidden\\\" name=\\\"additionalDetailsHidden\\\" value=\\\"null\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"merchantReference\\\" name=\\\"merchantReference\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"orderToken\\\" name=\\\"orderToken\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"result\\\" name=\\\"result\\\" value=\\\"null\\\"/>\\n  </form>\");\n  template.innerHTML = form;\n  document.querySelector('body').appendChild(template.content);\n}\nmodule.exports = {\n  setOrderFormData: setOrderFormData,\n  assignPaymentMethodValue: assignPaymentMethodValue,\n  paymentFromComponent: paymentFromComponent,\n  resetPaymentMethod: resetPaymentMethod,\n  displaySelectedMethod: displaySelectedMethod,\n  showValidation: showValidation,\n  createShowConfirmationForm: createShowConfirmationForm,\n  getInstallmentValues: getInstallmentValues\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js":
+/*!**********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js ***!
+  \**********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar helpers = __webpack_require__(/*! ./adyen_checkout/helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar _require = __webpack_require__(/*! ./commons/index */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady;\nvar _require2 = __webpack_require__(/*! ./commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  updateLoadedExpressMethods = _require2.updateLoadedExpressMethods;\nvar _require3 = __webpack_require__(/*! ./constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\"),\n  APPLE_PAY = _require3.APPLE_PAY;\nvar checkout;\nvar shippingMethodsData;\nfunction initializeCheckout() {\n  return _initializeCheckout.apply(this, arguments);\n}\nfunction _initializeCheckout() {\n  _initializeCheckout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {\n    var session, sessionData, shippingMethods;\n    return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n      while (1) switch (_context5.prev = _context5.next) {\n        case 0:\n          _context5.next = 2;\n          return fetch(window.sessionsUrl);\n        case 2:\n          session = _context5.sent;\n          _context5.next = 5;\n          return session.json();\n        case 5:\n          sessionData = _context5.sent;\n          _context5.next = 8;\n          return fetch(window.shippingMethodsUrl);\n        case 8:\n          shippingMethods = _context5.sent;\n          _context5.next = 11;\n          return shippingMethods.json();\n        case 11:\n          shippingMethodsData = _context5.sent;\n          _context5.next = 14;\n          return AdyenCheckout({\n            environment: window.environment,\n            clientKey: window.clientKey,\n            locale: window.locale,\n            session: sessionData\n          });\n        case 14:\n          checkout = _context5.sent;\n        case 15:\n        case \"end\":\n          return _context5.stop();\n      }\n    }, _callee5);\n  }));\n  return _initializeCheckout.apply(this, arguments);\n}\nfunction createApplePayButton(_x) {\n  return _createApplePayButton.apply(this, arguments);\n}\nfunction _createApplePayButton() {\n  _createApplePayButton = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(applePayButtonConfig) {\n    return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n      while (1) switch (_context6.prev = _context6.next) {\n        case 0:\n          return _context6.abrupt(\"return\", checkout.create(APPLE_PAY, applePayButtonConfig));\n        case 1:\n        case \"end\":\n          return _context6.stop();\n      }\n    }, _callee6);\n  }));\n  return _createApplePayButton.apply(this, arguments);\n}\nfunction formatCustomerObject(customerData, billingData) {\n  return {\n    addressBook: {\n      addresses: {},\n      preferredAddress: {\n        address1: customerData.addressLines[0],\n        address2: customerData.addressLines.length > 1 ? customerData.addressLines[1] : null,\n        city: customerData.locality,\n        countryCode: {\n          displayValue: customerData.country,\n          value: customerData.countryCode\n        },\n        firstName: customerData.givenName,\n        lastName: customerData.familyName,\n        ID: customerData.emailAddress,\n        postalCode: customerData.postalCode,\n        stateCode: customerData.administrativeArea\n      }\n    },\n    billingAddressDetails: {\n      address1: billingData.addressLines[0],\n      address2: billingData.addressLines.length > 1 ? billingData.addressLines[1] : null,\n      city: billingData.locality,\n      countryCode: {\n        displayValue: billingData.country,\n        value: billingData.countryCode\n      },\n      firstName: billingData.givenName,\n      lastName: billingData.familyName,\n      postalCode: billingData.postalCode,\n      stateCode: billingData.administrativeArea\n    },\n    customer: {},\n    profile: {\n      firstName: customerData.givenName,\n      lastName: customerData.familyName,\n      email: customerData.emailAddress,\n      phone: customerData.phoneNumber\n    }\n  };\n}\nfunction handleAuthorised(response, resolveApplePay) {\n  var _response$fullRespons, _response$fullRespons2, _response$fullRespons3, _response$fullRespons4, _response$fullRespons5;\n  resolveApplePay();\n  document.querySelector('#result').value = JSON.stringify({\n    pspReference: (_response$fullRespons = response.fullResponse) === null || _response$fullRespons === void 0 ? void 0 : _response$fullRespons.pspReference,\n    resultCode: (_response$fullRespons2 = response.fullResponse) === null || _response$fullRespons2 === void 0 ? void 0 : _response$fullRespons2.resultCode,\n    paymentMethod: (_response$fullRespons3 = response.fullResponse) !== null && _response$fullRespons3 !== void 0 && _response$fullRespons3.paymentMethod ? response.fullResponse.paymentMethod : (_response$fullRespons4 = response.fullResponse) === null || _response$fullRespons4 === void 0 ? void 0 : (_response$fullRespons5 = _response$fullRespons4.additionalData) === null || _response$fullRespons5 === void 0 ? void 0 : _response$fullRespons5.paymentMethod\n  });\n  document.querySelector('#showConfirmationForm').submit();\n}\nfunction handleError(rejectApplePay) {\n  rejectApplePay();\n  document.querySelector('#result').value = JSON.stringify({\n    error: true\n  });\n  document.querySelector('#showConfirmationForm').submit();\n}\nfunction handleApplePayResponse(response, resolveApplePay, rejectApplePay) {\n  if (response.resultCode === 'Authorised') {\n    handleAuthorised(response, resolveApplePay);\n  } else {\n    handleError(rejectApplePay);\n  }\n}\nfunction callPaymentFromComponent(data, resolveApplePay, rejectApplePay) {\n  return $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(data),\n      paymentMethod: APPLE_PAY\n    },\n    success: function success(response) {\n      helpers.createShowConfirmationForm(window.showConfirmationAction);\n      helpers.setOrderFormData(response);\n      document.querySelector('#additionalDetailsHidden').value = JSON.stringify(data);\n      handleApplePayResponse(response, resolveApplePay, rejectApplePay);\n    }\n  }).fail(function () {\n    rejectApplePay();\n  });\n}\ninitializeCheckout().then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n  var applePayPaymentMethod, applePayConfig, applePayButtonConfig, cartContainer, applePayButton, isApplePayButtonAvailable, expressCheckoutNodesIndex;\n  return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n    while (1) switch (_context4.prev = _context4.next) {\n      case 0:\n        applePayPaymentMethod = checkout.paymentMethodsResponse.paymentMethods.find(function (pm) {\n          return pm.type === APPLE_PAY;\n        });\n        if (applePayPaymentMethod) {\n          _context4.next = 5;\n          break;\n        }\n        updateLoadedExpressMethods(APPLE_PAY);\n        checkIfExpressMethodsAreReady();\n        return _context4.abrupt(\"return\");\n      case 5:\n        applePayConfig = applePayPaymentMethod.configuration;\n        applePayButtonConfig = {\n          showPayButton: true,\n          configuration: applePayConfig,\n          amount: checkout.options.amount,\n          requiredShippingContactFields: ['postalAddress', 'email', 'phone'],\n          requiredBillingContactFields: ['postalAddress', 'phone'],\n          shippingMethods: shippingMethodsData.shippingMethods.map(function (sm) {\n            return {\n              label: sm.displayName,\n              detail: sm.description,\n              identifier: sm.ID,\n              amount: \"\".concat(sm.shippingCost.value)\n            };\n          }),\n          onAuthorized: function () {\n            var _onAuthorized = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject, event) {\n              var customerData, billingData, customer, stateData, resolveApplePay;\n              return _regeneratorRuntime().wrap(function _callee$(_context) {\n                while (1) switch (_context.prev = _context.next) {\n                  case 0:\n                    _context.prev = 0;\n                    customerData = event.payment.shippingContact;\n                    billingData = event.payment.billingContact;\n                    customer = formatCustomerObject(customerData, billingData);\n                    stateData = {\n                      paymentMethod: {\n                        type: APPLE_PAY,\n                        applePayToken: event.payment.token.paymentData\n                      },\n                      paymentType: 'express'\n                    };\n                    resolveApplePay = function resolveApplePay() {\n                      // ** is used instead of Math.pow\n                      var value = applePayButtonConfig.amount.value * Math.pow(10, parseInt(window.digitsNumber, 10));\n                      var finalPriceUpdate = {\n                        newTotal: {\n                          type: 'final',\n                          label: applePayConfig.merchantName,\n                          amount: \"\".concat(Math.round(value))\n                        }\n                      };\n                      resolve(finalPriceUpdate);\n                    };\n                    _context.next = 8;\n                    return callPaymentFromComponent(_objectSpread(_objectSpread({}, stateData), {}, {\n                      customer: customer\n                    }), resolveApplePay, reject);\n                  case 8:\n                    _context.next = 13;\n                    break;\n                  case 10:\n                    _context.prev = 10;\n                    _context.t0 = _context[\"catch\"](0);\n                    reject(_context.t0);\n                  case 13:\n                  case \"end\":\n                    return _context.stop();\n                }\n              }, _callee, null, [[0, 10]]);\n            }));\n            function onAuthorized(_x2, _x3, _x4) {\n              return _onAuthorized.apply(this, arguments);\n            }\n            return onAuthorized;\n          }(),\n          onSubmit: function onSubmit() {\n            // This handler is empty to prevent sending a second payment request\n            // We already do the payment in paymentFromComponent\n          },\n          onShippingMethodSelected: function () {\n            var _onShippingMethodSelected = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve, reject, event) {\n              var shippingMethod, matchingShippingMethod, calculationResponse, newCalculation, applePayShippingMethodUpdate;\n              return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n                while (1) switch (_context2.prev = _context2.next) {\n                  case 0:\n                    shippingMethod = event.shippingMethod;\n                    matchingShippingMethod = shippingMethodsData.shippingMethods.find(function (sm) {\n                      return sm.ID === shippingMethod.identifier;\n                    });\n                    _context2.next = 4;\n                    return fetch(\"\".concat(window.calculateAmountUrl, \"?\").concat(new URLSearchParams({\n                      shipmentUUID: matchingShippingMethod.shipmentUUID,\n                      methodID: matchingShippingMethod.ID\n                    })), {\n                      method: 'POST'\n                    });\n                  case 4:\n                    calculationResponse = _context2.sent;\n                    if (!calculationResponse.ok) {\n                      _context2.next = 14;\n                      break;\n                    }\n                    _context2.next = 8;\n                    return calculationResponse.json();\n                  case 8:\n                    newCalculation = _context2.sent;\n                    applePayButtonConfig.amount = {\n                      value: newCalculation.grandTotalAmount.value,\n                      currency: newCalculation.grandTotalAmount.currency\n                    };\n                    applePayShippingMethodUpdate = {\n                      newTotal: {\n                        type: 'final',\n                        label: applePayConfig.merchantName,\n                        amount: newCalculation.grandTotalAmount.value\n                      }\n                    };\n                    resolve(applePayShippingMethodUpdate);\n                    _context2.next = 15;\n                    break;\n                  case 14:\n                    reject();\n                  case 15:\n                  case \"end\":\n                    return _context2.stop();\n                }\n              }, _callee2);\n            }));\n            function onShippingMethodSelected(_x5, _x6, _x7) {\n              return _onShippingMethodSelected.apply(this, arguments);\n            }\n            return onShippingMethodSelected;\n          }(),\n          onShippingContactSelected: function () {\n            var _onShippingContactSelected = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolve, reject, event) {\n              var shippingContact, shippingMethods, _shippingMethodsData$, selectedShippingMethod, calculationResponse, shippingMethodsStructured, newCalculation, applePayShippingContactUpdate;\n              return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n                while (1) switch (_context3.prev = _context3.next) {\n                  case 0:\n                    shippingContact = event.shippingContact;\n                    _context3.next = 3;\n                    return fetch(\"\".concat(window.shippingMethodsUrl, \"?\").concat(new URLSearchParams({\n                      city: shippingContact.locality,\n                      country: shippingContact.country,\n                      countryCode: shippingContact.countryCode,\n                      stateCode: shippingContact.administrativeArea\n                    })));\n                  case 3:\n                    shippingMethods = _context3.sent;\n                    if (!shippingMethods.ok) {\n                      _context3.next = 28;\n                      break;\n                    }\n                    _context3.next = 7;\n                    return shippingMethods.json();\n                  case 7:\n                    shippingMethodsData = _context3.sent;\n                    if (!((_shippingMethodsData$ = shippingMethodsData.shippingMethods) !== null && _shippingMethodsData$ !== void 0 && _shippingMethodsData$.length)) {\n                      _context3.next = 25;\n                      break;\n                    }\n                    selectedShippingMethod = shippingMethodsData.shippingMethods[0];\n                    _context3.next = 12;\n                    return fetch(\"\".concat(window.calculateAmountUrl, \"?\").concat(new URLSearchParams({\n                      shipmentUUID: selectedShippingMethod.shipmentUUID,\n                      methodID: selectedShippingMethod.ID\n                    })), {\n                      method: 'POST'\n                    });\n                  case 12:\n                    calculationResponse = _context3.sent;\n                    if (!calculationResponse.ok) {\n                      _context3.next = 22;\n                      break;\n                    }\n                    shippingMethodsStructured = shippingMethodsData.shippingMethods.map(function (sm) {\n                      return {\n                        label: sm.displayName,\n                        detail: sm.description,\n                        identifier: sm.ID,\n                        amount: \"\".concat(sm.shippingCost.value)\n                      };\n                    });\n                    _context3.next = 17;\n                    return calculationResponse.json();\n                  case 17:\n                    newCalculation = _context3.sent;\n                    applePayShippingContactUpdate = {\n                      newShippingMethods: shippingMethodsStructured,\n                      newTotal: {\n                        type: 'final',\n                        label: applePayConfig.merchantName,\n                        amount: newCalculation.grandTotalAmount.value\n                      }\n                    };\n                    resolve(applePayShippingContactUpdate);\n                    _context3.next = 23;\n                    break;\n                  case 22:\n                    reject();\n                  case 23:\n                    _context3.next = 26;\n                    break;\n                  case 25:\n                    reject();\n                  case 26:\n                    _context3.next = 29;\n                    break;\n                  case 28:\n                    reject();\n                  case 29:\n                  case \"end\":\n                    return _context3.stop();\n                }\n              }, _callee3);\n            }));\n            function onShippingContactSelected(_x8, _x9, _x10) {\n              return _onShippingContactSelected.apply(this, arguments);\n            }\n            return onShippingContactSelected;\n          }()\n        };\n        cartContainer = document.getElementsByClassName(APPLE_PAY);\n        _context4.next = 10;\n        return createApplePayButton(applePayButtonConfig);\n      case 10:\n        applePayButton = _context4.sent;\n        _context4.next = 13;\n        return applePayButton.isAvailable();\n      case 13:\n        isApplePayButtonAvailable = _context4.sent;\n        if (isApplePayButtonAvailable) {\n          for (expressCheckoutNodesIndex = 0; expressCheckoutNodesIndex < cartContainer.length; expressCheckoutNodesIndex += 1) {\n            applePayButton.mount(cartContainer[expressCheckoutNodesIndex]);\n          }\n        }\n        updateLoadedExpressMethods(APPLE_PAY);\n        checkIfExpressMethodsAreReady();\n      case 17:\n      case \"end\":\n        return _context4.stop();\n    }\n  }, _callee4);\n})))[\"catch\"](function () {\n  updateLoadedExpressMethods(APPLE_PAY);\n  checkIfExpressMethodsAreReady();\n});\nmodule.exports = {\n  handleAuthorised: handleAuthorised,\n  handleError: handleError,\n  handleApplePayResponse: handleApplePayResponse,\n  callPaymentFromComponent: callPaymentFromComponent\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/applePayExpress.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js":
+/*!****************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n// Adyen constants\n\nmodule.exports = {\n  METHOD_ADYEN: 'Adyen',\n  METHOD_ADYEN_POS: 'AdyenPOS',\n  METHOD_ADYEN_COMPONENT: 'AdyenComponent',\n  RECEIVED: 'Received',\n  NOTENOUGHBALANCE: 'NotEnoughBalance',\n  SUCCESS: 'Success',\n  GIFTCARD: 'giftcard',\n  GIROPAY: 'giropay',\n  APPLE_PAY: 'applepay',\n  ACTIONTYPE: {\n    QRCODE: 'qrCode'\n  },\n  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],\n  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/checkout.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/checkout.js
new file mode 100644
index 000000000..f35686395
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/checkout.js
@@ -0,0 +1,448 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js":
+/*!***************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n/**\n * Populate the Billing Address Summary View\n * @param {string} parentSelector - the top level DOM selector for a unique address summary\n * @param {Object} address - the address data\n */\nfunction populateAddressSummary(parentSelector, address) {\n    $.each(address, function (attr) {\n        var val = address[attr];\n        $('.' + attr, parentSelector).text(val || '');\n    });\n}\n\n/**\n * returns a formed <option /> element\n * @param {Object} shipping - the shipping object (shipment model)\n * @param {boolean} selected - current shipping is selected (for PLI)\n * @param {order} order - the Order model\n * @param {Object} [options] - options\n * @returns {Object} - the jQuery / DOMElement\n */\nfunction optionValueForAddress(shipping, selected, order, options) {\n    var safeOptions = options || {};\n    var isBilling = safeOptions.type && safeOptions.type === 'billing';\n    var className = safeOptions.className || '';\n    var isSelected = selected;\n    var isNew = !shipping;\n    if (typeof shipping === 'string') {\n        return $('<option class=\"' + className + '\" disabled>' + shipping + '</option>');\n    }\n    var safeShipping = shipping || {};\n    var shippingAddress = safeShipping.shippingAddress || {};\n\n    if (isBilling && isNew && !order.billing.matchingAddressId) {\n        shippingAddress = order.billing.billingAddress.address || {};\n        isNew = false;\n        isSelected = true;\n        safeShipping.UUID = 'manual-entry';\n    }\n\n    var uuid = safeShipping.UUID ? safeShipping.UUID : 'new';\n    var optionEl = $('<option class=\"' + className + '\" />');\n    optionEl.val(uuid);\n\n    var title;\n\n    if (isNew) {\n        title = order.resources.addNewAddress;\n    } else {\n        title = [];\n        if (shippingAddress.firstName) {\n            title.push(shippingAddress.firstName);\n        }\n        if (shippingAddress.lastName) {\n            title.push(shippingAddress.lastName);\n        }\n        if (shippingAddress.address1) {\n            title.push(shippingAddress.address1);\n        }\n        if (shippingAddress.address2) {\n            title.push(shippingAddress.address2);\n        }\n        if (shippingAddress.city) {\n            if (shippingAddress.state) {\n                title.push(shippingAddress.city + ',');\n            } else {\n                title.push(shippingAddress.city);\n            }\n        }\n        if (shippingAddress.stateCode) {\n            title.push(shippingAddress.stateCode);\n        }\n        if (shippingAddress.postalCode) {\n            title.push(shippingAddress.postalCode);\n        }\n        if (!isBilling && safeShipping.selectedShippingMethod) {\n            title.push('-');\n            title.push(safeShipping.selectedShippingMethod.displayName);\n        }\n\n        if (title.length > 2) {\n            title = title.join(' ');\n        } else {\n            title = order.resources.newAddress;\n        }\n    }\n    optionEl.text(title);\n\n    var keyMap = {\n        'data-first-name': 'firstName',\n        'data-last-name': 'lastName',\n        'data-address1': 'address1',\n        'data-address2': 'address2',\n        'data-city': 'city',\n        'data-state-code': 'stateCode',\n        'data-postal-code': 'postalCode',\n        'data-country-code': 'countryCode',\n        'data-phone': 'phone'\n    };\n    $.each(keyMap, function (key) {\n        var mappedKey = keyMap[key];\n        var mappedValue = shippingAddress[mappedKey];\n        // In case of country code\n        if (mappedValue && typeof mappedValue === 'object') {\n            mappedValue = mappedValue.value;\n        }\n\n        optionEl.attr(key, mappedValue || '');\n    });\n\n    var giftObj = {\n        'data-is-gift': 'isGift',\n        'data-gift-message': 'giftMessage'\n    };\n\n    $.each(giftObj, function (key) {\n        var mappedKey = giftObj[key];\n        var mappedValue = safeShipping[mappedKey];\n        optionEl.attr(key, mappedValue || '');\n    });\n\n    if (isSelected) {\n        optionEl.attr('selected', true);\n    }\n\n    return optionEl;\n}\n\n/**\n * returns address properties from a UI form\n * @param {Form} form - the Form element\n * @returns {Object} - a JSON object with all values\n */\nfunction getAddressFieldsFromUI(form) {\n    var address = {\n        firstName: $('input[name$=_firstName]', form).val(),\n        lastName: $('input[name$=_lastName]', form).val(),\n        address1: $('input[name$=_address1]', form).val(),\n        address2: $('input[name$=_address2]', form).val(),\n        city: $('input[name$=_city]', form).val(),\n        postalCode: $('input[name$=_postalCode]', form).val(),\n        stateCode: $('select[name$=_stateCode],input[name$=_stateCode]', form).val(),\n        countryCode: $('select[name$=_country]', form).val(),\n        phone: $('input[name$=_phone]', form).val()\n    };\n    return address;\n}\n\nmodule.exports = {\n    methods: {\n        populateAddressSummary: populateAddressSummary,\n        optionValueForAddress: optionValueForAddress,\n        getAddressFieldsFromUI: getAddressFieldsFromUI\n    },\n\n    showDetails: function () {\n        $('.btn-show-details').on('click', function () {\n            var form = $(this).closest('form');\n\n            form.attr('data-address-mode', 'details');\n            form.find('.multi-ship-address-actions').removeClass('d-none');\n            form.find('.multi-ship-action-buttons .col-12.btn-save-multi-ship').addClass('d-none');\n        });\n    },\n\n    addNewAddress: function () {\n        $('.btn-add-new').on('click', function () {\n            var $el = $(this);\n            if ($el.parents('#dwfrm_billing').length > 0) {\n                // Handle billing address case\n                $('body').trigger('checkout:clearBillingForm');\n                var $option = $($el.parents('form').find('.addressSelector option')[0]);\n                $option.attr('value', 'new');\n                var $newTitle = $('#dwfrm_billing input[name=localizedNewAddressTitle]').val();\n                $option.text($newTitle);\n                $option.prop('selected', 'selected');\n                $el.parents('[data-address-mode]').attr('data-address-mode', 'new');\n            } else {\n                // Handle shipping address case\n                var $newEl = $el.parents('form').find('.addressSelector option[value=new]');\n                $newEl.prop('selected', 'selected');\n                $newEl.parent().trigger('change');\n            }\n        });\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js":
+/*!***************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar addressHelpers = __webpack_require__(/*! ./address */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js\");\nvar cleave = __webpack_require__(/*! ../components/cleave */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/cleave.js\");\n\n/**\n * updates the billing address selector within billing forms\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateBillingAddressSelector(order, customer) {\n    var shippings = order.shipping;\n\n    var form = $('form[name$=billing]')[0];\n    var $billingAddressSelector = $('.addressSelector', form);\n    var hasSelectedAddress = false;\n\n    if ($billingAddressSelector && $billingAddressSelector.length === 1) {\n        $billingAddressSelector.empty();\n        // Add New Address option\n        $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n            null,\n            false,\n            order,\n            { type: 'billing' }));\n\n        // Separator -\n        $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n            order.resources.shippingAddresses, false, order, {\n                // className: 'multi-shipping',\n                type: 'billing'\n            }\n        ));\n\n        shippings.forEach(function (aShipping) {\n            var isSelected = order.billing.matchingAddressId === aShipping.UUID;\n            hasSelectedAddress = hasSelectedAddress || isSelected;\n            // Shipping Address option\n            $billingAddressSelector.append(\n                addressHelpers.methods.optionValueForAddress(aShipping, isSelected, order,\n                    {\n                        // className: 'multi-shipping',\n                        type: 'billing'\n                    }\n                )\n            );\n        });\n\n        if (customer.addresses && customer.addresses.length > 0) {\n            $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n                order.resources.accountAddresses, false, order));\n            customer.addresses.forEach(function (address) {\n                var isSelected = order.billing.matchingAddressId === address.ID;\n                hasSelectedAddress = hasSelectedAddress || isSelected;\n                // Customer Address option\n                $billingAddressSelector.append(\n                    addressHelpers.methods.optionValueForAddress({\n                        UUID: 'ab_' + address.ID,\n                        shippingAddress: address\n                    }, isSelected, order, { type: 'billing' })\n                );\n            });\n        }\n    }\n\n    if (hasSelectedAddress\n        || (!order.billing.matchingAddressId && order.billing.billingAddress.address)) {\n        // show\n        $(form).attr('data-address-mode', 'edit');\n    } else {\n        $(form).attr('data-address-mode', 'new');\n    }\n\n    $billingAddressSelector.show();\n}\n\n/**\n * Updates the billing address form values within payment forms without any payment instrument validation\n * @param {Object} order - the order model\n */\nfunction updateBillingAddress(order) {\n    var billing = order.billing;\n    if (!billing.billingAddress || !billing.billingAddress.address) return;\n\n    var form = $('form[name=dwfrm_billing]');\n    if (!form) return;\n\n    $('input[name$=_firstName]', form).val(billing.billingAddress.address.firstName);\n    $('input[name$=_lastName]', form).val(billing.billingAddress.address.lastName);\n    $('input[name$=_address1]', form).val(billing.billingAddress.address.address1);\n    $('input[name$=_address2]', form).val(billing.billingAddress.address.address2);\n    $('input[name$=_city]', form).val(billing.billingAddress.address.city);\n    $('input[name$=_postalCode]', form).val(billing.billingAddress.address.postalCode);\n    $('select[name$=_stateCode],input[name$=_stateCode]', form)\n        .val(billing.billingAddress.address.stateCode);\n    $('select[name$=_country]', form).val(billing.billingAddress.address.countryCode.value);\n    $('input[name$=_phone]', form).val(billing.billingAddress.address.phone);\n    $('input[name$=_email]', form).val(order.orderEmail);\n}\n\n/**\n * Validate and update payment instrument form fields\n * @param {Object} order - the order model\n */\nfunction validateAndUpdateBillingPaymentInstrument(order) {\n    var billing = order.billing;\n    if (!billing.payment || !billing.payment.selectedPaymentInstruments\n        || billing.payment.selectedPaymentInstruments.length <= 0) return;\n\n    var form = $('form[name=dwfrm_billing]');\n    if (!form) return;\n\n    var instrument = billing.payment.selectedPaymentInstruments[0];\n    $('select[name$=expirationMonth]', form).val(instrument.expirationMonth);\n    $('select[name$=expirationYear]', form).val(instrument.expirationYear);\n    // Force security code and card number clear\n    $('input[name$=securityCode]', form).val('');\n    $('input[name$=cardNumber]').data('cleave').setRawValue('');\n}\n\n/**\n * Updates the billing address form values within payment forms\n * @param {Object} order - the order model\n */\nfunction updateBillingAddressFormValues(order) {\n    module.exports.methods.updateBillingAddress(order);\n    module.exports.methods.validateAndUpdateBillingPaymentInstrument(order);\n}\n\n/**\n * clears the billing address form values\n */\nfunction clearBillingAddressFormValues() {\n    updateBillingAddressFormValues({\n        billing: {\n            billingAddress: {\n                address: {\n                    countryCode: {}\n                }\n            }\n        }\n    });\n}\n\n/**\n * update billing address summary and contact information\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updateBillingAddressSummary(order) {\n    // update billing address summary\n    addressHelpers.methods.populateAddressSummary('.billing .address-summary',\n        order.billing.billingAddress.address);\n\n    // update billing parts of order summary\n    $('.order-summary-email').text(order.orderEmail);\n\n    if (order.billing.billingAddress.address) {\n        $('.order-summary-phone').text(order.billing.billingAddress.address.phone);\n    }\n}\n\n/**\n * Updates the billing information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n * @param {Object} customer - customer model to use as basis of new truth\n * @param {Object} [options] - options\n */\nfunction updateBillingInformation(order, customer) {\n    updateBillingAddressSelector(order, customer);\n\n    // update billing address form\n    updateBillingAddressFormValues(order);\n\n    // update billing address summary and billing parts of order summary\n    updateBillingAddressSummary(order);\n}\n\n/**\n * Updates the payment information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updatePaymentInformation(order) {\n    // update payment details\n    var $paymentSummary = $('.payment-details');\n    var htmlToAppend = '';\n\n    if (order.billing.payment && order.billing.payment.selectedPaymentInstruments\n        && order.billing.payment.selectedPaymentInstruments.length > 0) {\n        htmlToAppend += '<span>' + order.resources.cardType + ' '\n            + order.billing.payment.selectedPaymentInstruments[0].type\n            + '</span><div>'\n            + order.billing.payment.selectedPaymentInstruments[0].maskedCreditCardNumber\n            + '</div><div><span>'\n            + order.resources.cardEnding + ' '\n            + order.billing.payment.selectedPaymentInstruments[0].expirationMonth\n            + '/' + order.billing.payment.selectedPaymentInstruments[0].expirationYear\n            + '</span></div>';\n    }\n\n    $paymentSummary.empty().append(htmlToAppend);\n}\n\n/**\n * clears the credit card form\n */\nfunction clearCreditCardForm() {\n    $('input[name$=\"_cardNumber\"]').data('cleave').setRawValue('');\n    $('select[name$=\"_expirationMonth\"]').val('');\n    $('select[name$=\"_expirationYear\"]').val('');\n    $('input[name$=\"_securityCode\"]').val('');\n}\n\nmodule.exports = {\n    methods: {\n        updateBillingAddressSelector: updateBillingAddressSelector,\n        updateBillingAddressFormValues: updateBillingAddressFormValues,\n        clearBillingAddressFormValues: clearBillingAddressFormValues,\n        updateBillingInformation: updateBillingInformation,\n        updatePaymentInformation: updatePaymentInformation,\n        clearCreditCardForm: clearCreditCardForm,\n        updateBillingAddress: updateBillingAddress,\n        validateAndUpdateBillingPaymentInstrument: validateAndUpdateBillingPaymentInstrument,\n        updateBillingAddressSummary: updateBillingAddressSummary\n    },\n\n    showBillingDetails: function () {\n        $('.btn-show-billing-details').on('click', function () {\n            $(this).parents('[data-address-mode]').attr('data-address-mode', 'new');\n        });\n    },\n\n    hideBillingDetails: function () {\n        $('.btn-hide-billing-details').on('click', function () {\n            $(this).parents('[data-address-mode]').attr('data-address-mode', 'shipment');\n        });\n    },\n\n    selectBillingAddress: function () {\n        $('.payment-form .addressSelector').on('change', function () {\n            var form = $(this).parents('form')[0];\n            var selectedOption = $('option:selected', this);\n            var optionID = selectedOption[0].value;\n\n            if (optionID === 'new') {\n                // Show Address\n                $(form).attr('data-address-mode', 'new');\n            } else {\n                // Hide Address\n                $(form).attr('data-address-mode', 'shipment');\n            }\n\n            // Copy fields\n            var attrs = selectedOption.data();\n            var element;\n\n            Object.keys(attrs).forEach(function (attr) {\n                element = attr === 'countryCode' ? 'country' : attr;\n                if (element === 'cardNumber') {\n                    $('.cardNumber').data('cleave').setRawValue(attrs[attr]);\n                } else {\n                    $('[name$=' + element + ']', form).val(attrs[attr]);\n                }\n            });\n        });\n    },\n\n    handleCreditCardNumber: function () {\n        cleave.handleCreditCardNumber('.cardNumber', '#cardType');\n    },\n\n    santitizeForm: function () {\n        $('body').on('checkout:serializeBilling', function (e, data) {\n            var serializedForm = cleave.serializeData(data.form);\n\n            data.callback(serializedForm);\n        });\n    },\n\n    selectSavedPaymentInstrument: function () {\n        $(document).on('click', '.saved-payment-instrument', function (e) {\n            e.preventDefault();\n            $('.saved-payment-security-code').val('');\n            $('.saved-payment-instrument').removeClass('selected-payment');\n            $(this).addClass('selected-payment');\n            $('.saved-payment-instrument .card-image').removeClass('checkout-hidden');\n            $('.saved-payment-instrument .security-code-input').addClass('checkout-hidden');\n            $('.saved-payment-instrument.selected-payment' +\n                ' .card-image').addClass('checkout-hidden');\n            $('.saved-payment-instrument.selected-payment ' +\n                '.security-code-input').removeClass('checkout-hidden');\n        });\n    },\n\n    addNewPaymentInstrument: function () {\n        $('.btn.add-payment').on('click', function (e) {\n            e.preventDefault();\n            $('.payment-information').data('is-new-payment', true);\n            clearCreditCardForm();\n            $('.credit-card-form').removeClass('checkout-hidden');\n            $('.user-payment-instruments').addClass('checkout-hidden');\n        });\n    },\n\n    cancelNewPayment: function () {\n        $('.cancel-new-payment').on('click', function (e) {\n            e.preventDefault();\n            $('.payment-information').data('is-new-payment', false);\n            clearCreditCardForm();\n            $('.user-payment-instruments').removeClass('checkout-hidden');\n            $('.credit-card-form').addClass('checkout-hidden');\n        });\n    },\n\n    clearBillingForm: function () {\n        $('body').on('checkout:clearBillingForm', function () {\n            clearBillingAddressFormValues();\n        });\n    },\n\n    paymentTabs: function () {\n        $('.payment-options .nav-item').on('click', function (e) {\n            e.preventDefault();\n            var methodID = $(this).data('method-id');\n            $('.payment-information').data('payment-method-id', methodID);\n        });\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/checkout.js":
+/*!****************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/checkout.js ***!
+  \****************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar customerHelpers = __webpack_require__(/*! ./customer */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/customer.js\");\nvar addressHelpers = __webpack_require__(/*! ./address */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js\");\nvar shippingHelpers = __webpack_require__(/*! ./shipping */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js\");\nvar billingHelpers = __webpack_require__(/*! ./billing */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js\");\nvar summaryHelpers = __webpack_require__(/*! ./summary */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js\");\nvar formHelpers = __webpack_require__(/*! ./formErrors */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js\");\nvar scrollAnimate = __webpack_require__(/*! ../components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\n\n\n/**\n * Create the jQuery Checkout Plugin.\n *\n * This jQuery plugin will be registered on the dom element in checkout.isml with the\n * id of \"checkout-main\".\n *\n * The checkout plugin will handle the different state the user interface is in as the user\n * progresses through the varying forms such as shipping and payment.\n *\n * Billing info and payment info are used a bit synonymously in this code.\n *\n */\n(function ($) {\n    $.fn.checkout = function () { // eslint-disable-line\n        var plugin = this;\n\n        //\n        // Collect form data from user input\n        //\n        var formData = {\n            // Customer Data\n            customer: {},\n\n            // Shipping Address\n            shipping: {},\n\n            // Billing Address\n            billing: {},\n\n            // Payment\n            payment: {},\n\n            // Gift Codes\n            giftCode: {}\n        };\n\n        //\n        // The different states/stages of checkout\n        //\n        var checkoutStages = [\n            'customer',\n            'shipping',\n            'payment',\n            'placeOrder',\n            'submitted'\n        ];\n\n        /**\n         * Updates the URL to determine stage\n         * @param {number} currentStage - The current stage the user is currently on in the checkout\n         */\n        function updateUrl(currentStage) {\n            history.pushState(\n                checkoutStages[currentStage],\n                document.title,\n                location.pathname\n                + '?stage='\n                + checkoutStages[currentStage]\n                + '#'\n                + checkoutStages[currentStage]\n            );\n        }\n\n        //\n        // Local member methods of the Checkout plugin\n        //\n        var members = {\n\n            // initialize the currentStage variable for the first time\n            currentStage: 0,\n\n            /**\n             * Set or update the checkout stage (AKA the shipping, billing, payment, etc... steps)\n             * @returns {Object} a promise\n             */\n            updateStage: function () {\n                var stage = checkoutStages[members.currentStage];\n                var defer = $.Deferred(); // eslint-disable-line\n\n                if (stage === 'customer') {\n                    //\n                    // Clear Previous Errors\n                    //\n                    customerHelpers.methods.clearErrors();\n                    //\n                    // Submit the Customer Form\n                    //\n                    var customerFormSelector = customerHelpers.methods.isGuestFormActive() ? customerHelpers.vars.GUEST_FORM : customerHelpers.vars.REGISTERED_FORM;\n                    var customerForm = $(customerFormSelector);\n                    $.ajax({\n                        url: customerForm.attr('action'),\n                        type: 'post',\n                        data: customerForm.serialize(),\n                        success: function (data) {\n                            if (data.redirectUrl) {\n                                window.location.href = data.redirectUrl;\n                            } else {\n                                customerHelpers.methods.customerFormResponse(defer, data);\n                            }\n                        },\n                        error: function (err) {\n                            if (err.responseJSON && err.responseJSON.redirectUrl) {\n                                window.location.href = err.responseJSON.redirectUrl;\n                            }\n                            // Server error submitting form\n                            defer.reject(err.responseJSON);\n                        }\n                    });\n                    return defer;\n                } else if (stage === 'shipping') {\n                    //\n                    // Clear Previous Errors\n                    //\n                    formHelpers.clearPreviousErrors('.shipping-form');\n\n                    //\n                    // Submit the Shipping Address Form\n                    //\n                    var isMultiShip = $('#checkout-main').hasClass('multi-ship');\n                    var formSelector = isMultiShip ?\n                        '.multi-shipping .active form' : '.single-shipping .shipping-form';\n                    var form = $(formSelector);\n\n                    if (isMultiShip && form.length === 0) {\n                        // disable the next:Payment button here\n                        $('body').trigger('checkout:disableButton', '.next-step-button button');\n                        // in case the multi ship form is already submitted\n                        var url = $('#checkout-main').attr('data-checkout-get-url');\n                        $.ajax({\n                            url: url,\n                            method: 'GET',\n                            success: function (data) {\n                                // enable the next:Payment button here\n                                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                                if (!data.error) {\n                                    $('body').trigger('checkout:updateCheckoutView',\n                                        { order: data.order, customer: data.customer });\n                                    defer.resolve();\n                                } else if (data.message && $('.shipping-error .alert-danger').length < 1) {\n                                    var errorMsg = data.message;\n                                    var errorHtml = '<div class=\"alert alert-danger alert-dismissible valid-cart-error ' +\n                                        'fade show\" role=\"alert\">' +\n                                        '<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">' +\n                                        '<span aria-hidden=\"true\">&times;</span>' +\n                                        '</button>' + errorMsg + '</div>';\n                                    $('.shipping-error').append(errorHtml);\n                                    scrollAnimate($('.shipping-error'));\n                                    defer.reject();\n                                } else if (data.redirectUrl) {\n                                    window.location.href = data.redirectUrl;\n                                }\n                            },\n                            error: function () {\n                                // enable the next:Payment button here\n                                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                                // Server error submitting form\n                                defer.reject();\n                            }\n                        });\n                    } else {\n                        var shippingFormData = form.serialize();\n\n                        $('body').trigger('checkout:serializeShipping', {\n                            form: form,\n                            data: shippingFormData,\n                            callback: function (data) {\n                                shippingFormData = data;\n                            }\n                        });\n                        // disable the next:Payment button here\n                        $('body').trigger('checkout:disableButton', '.next-step-button button');\n                        $.ajax({\n                            url: form.attr('action'),\n                            type: 'post',\n                            data: shippingFormData,\n                            success: function (data) {\n                                 // enable the next:Payment button here\n                                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                                shippingHelpers.methods.shippingFormResponse(defer, data);\n                            },\n                            error: function (err) {\n                                // enable the next:Payment button here\n                                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                                if (err.responseJSON && err.responseJSON.redirectUrl) {\n                                    window.location.href = err.responseJSON.redirectUrl;\n                                }\n                                // Server error submitting form\n                                defer.reject(err.responseJSON);\n                            }\n                        });\n                    }\n                    return defer;\n                } else if (stage === 'payment') {\n                    //\n                    // Submit the Billing Address Form\n                    //\n\n                    formHelpers.clearPreviousErrors('.payment-form');\n\n                    var billingAddressForm = $('#dwfrm_billing .billing-address-block :input').serialize();\n\n                    $('body').trigger('checkout:serializeBilling', {\n                        form: $('#dwfrm_billing .billing-address-block'),\n                        data: billingAddressForm,\n                        callback: function (data) {\n                            if (data) {\n                                billingAddressForm = data;\n                            }\n                        }\n                    });\n\n                    var contactInfoForm = $('#dwfrm_billing .contact-info-block :input').serialize();\n\n                    $('body').trigger('checkout:serializeBilling', {\n                        form: $('#dwfrm_billing .contact-info-block'),\n                        data: contactInfoForm,\n                        callback: function (data) {\n                            if (data) {\n                                contactInfoForm = data;\n                            }\n                        }\n                    });\n\n                    var activeTabId = $('.tab-pane.active').attr('id');\n                    var paymentInfoSelector = '#dwfrm_billing .' + activeTabId + ' .payment-form-fields :input';\n                    var paymentInfoForm = $(paymentInfoSelector).serialize();\n\n                    $('body').trigger('checkout:serializeBilling', {\n                        form: $(paymentInfoSelector),\n                        data: paymentInfoForm,\n                        callback: function (data) {\n                            if (data) {\n                                paymentInfoForm = data;\n                            }\n                        }\n                    });\n\n                    var paymentForm = billingAddressForm + '&' + contactInfoForm + '&' + paymentInfoForm;\n\n                    if ($('.data-checkout-stage').data('customer-type') === 'registered') {\n                        // if payment method is credit card\n                        if ($('.payment-information').data('payment-method-id') === 'CREDIT_CARD') {\n                            if (!($('.payment-information').data('is-new-payment'))) {\n                                var cvvCode = $('.saved-payment-instrument.' +\n                                    'selected-payment .saved-payment-security-code').val();\n\n                                if (cvvCode === '') {\n                                    var cvvElement = $('.saved-payment-instrument.' +\n                                        'selected-payment ' +\n                                        '.form-control');\n                                    cvvElement.addClass('is-invalid');\n                                    scrollAnimate(cvvElement);\n                                    defer.reject();\n                                    return defer;\n                                }\n\n                                var $savedPaymentInstrument = $('.saved-payment-instrument' +\n                                    '.selected-payment'\n                                );\n\n                                paymentForm += '&storedPaymentUUID=' +\n                                    $savedPaymentInstrument.data('uuid');\n\n                                paymentForm += '&securityCode=' + cvvCode;\n                            }\n                        }\n                    }\n                     // disable the next:Place Order button here\n                    $('body').trigger('checkout:disableButton', '.next-step-button button');\n\n                    $.ajax({\n                        url: $('#dwfrm_billing').attr('action'),\n                        method: 'POST',\n                        data: paymentForm,\n                        success: function (data) {\n                             // enable the next:Place Order button here\n                            $('body').trigger('checkout:enableButton', '.next-step-button button');\n                            // look for field validation errors\n                            if (data.error) {\n                                if (data.fieldErrors.length) {\n                                    data.fieldErrors.forEach(function (error) {\n                                        if (Object.keys(error).length) {\n                                            formHelpers.loadFormErrors('.payment-form', error);\n                                        }\n                                    });\n                                }\n\n                                if (data.serverErrors.length) {\n                                    data.serverErrors.forEach(function (error) {\n                                        $('.error-message').show();\n                                        $('.error-message-text').text(error);\n                                        scrollAnimate($('.error-message'));\n                                    });\n                                }\n\n                                if (data.cartError) {\n                                    window.location.href = data.redirectUrl;\n                                }\n\n                                defer.reject();\n                            } else {\n                                //\n                                // Populate the Address Summary\n                                //\n                                $('body').trigger('checkout:updateCheckoutView',\n                                    { order: data.order, customer: data.customer });\n\n                                if (data.renderedPaymentInstruments) {\n                                    $('.stored-payments').empty().html(\n                                        data.renderedPaymentInstruments\n                                    );\n                                }\n\n                                if (data.customer.registeredUser\n                                    && data.customer.customerPaymentInstruments.length\n                                ) {\n                                    $('.cancel-new-payment').removeClass('checkout-hidden');\n                                }\n\n                                scrollAnimate();\n                                defer.resolve(data);\n                            }\n                        },\n                        error: function (err) {\n                            // enable the next:Place Order button here\n                            $('body').trigger('checkout:enableButton', '.next-step-button button');\n                            if (err.responseJSON && err.responseJSON.redirectUrl) {\n                                window.location.href = err.responseJSON.redirectUrl;\n                            }\n                        }\n                    });\n\n                    return defer;\n                } else if (stage === 'placeOrder') {\n                    // disable the placeOrder button here\n                    $('body').trigger('checkout:disableButton', '.next-step-button button');\n                    $.ajax({\n                        url: $('.place-order').data('action'),\n                        method: 'POST',\n                        success: function (data) {\n                            // enable the placeOrder button here\n                            $('body').trigger('checkout:enableButton', '.next-step-button button');\n                            if (data.error) {\n                                if (data.cartError) {\n                                    window.location.href = data.redirectUrl;\n                                    defer.reject();\n                                } else {\n                                    // go to appropriate stage and display error message\n                                    defer.reject(data);\n                                }\n                            } else {\n                                var redirect = $('<form>')\n                                    .appendTo(document.body)\n                                    .attr({\n                                        method: 'POST',\n                                        action: data.continueUrl\n                                    });\n\n                                $('<input>')\n                                    .appendTo(redirect)\n                                    .attr({\n                                        name: 'orderID',\n                                        value: data.orderID\n                                    });\n\n                                $('<input>')\n                                    .appendTo(redirect)\n                                    .attr({\n                                        name: 'orderToken',\n                                        value: data.orderToken\n                                    });\n\n                                redirect.submit();\n                                defer.resolve(data);\n                            }\n                        },\n                        error: function () {\n                            // enable the placeOrder button here\n                            $('body').trigger('checkout:enableButton', $('.next-step-button button'));\n                        }\n                    });\n\n                    return defer;\n                }\n                var p = $('<div>').promise(); // eslint-disable-line\n                setTimeout(function () {\n                    p.done(); // eslint-disable-line\n                }, 500);\n                return p; // eslint-disable-line\n            },\n\n            /**\n             * Initialize the checkout stage.\n             *\n             * TODO: update this to allow stage to be set from server?\n             */\n            initialize: function () {\n                // set the initial state of checkout\n                members.currentStage = checkoutStages\n                    .indexOf($('.data-checkout-stage').data('checkout-stage'));\n                $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n\n                $('body').on('click', '.submit-customer-login', function (e) {\n                    e.preventDefault();\n                    members.nextStage();\n                });\n\n                $('body').on('click', '.submit-customer', function (e) {\n                    e.preventDefault();\n                    members.nextStage();\n                });\n\n                //\n                // Handle Payment option selection\n                //\n                $('input[name$=\"paymentMethod\"]', plugin).on('change', function () {\n                    $('.credit-card-form').toggle($(this).val() === 'CREDIT_CARD');\n                });\n\n                //\n                // Handle Next State button click\n                //\n                $(plugin).on('click', '.next-step-button button', function () {\n                    members.nextStage();\n                });\n\n                //\n                // Handle Edit buttons on shipping and payment summary cards\n                //\n                $('.customer-summary .edit-button', plugin).on('click', function () {\n                    members.gotoStage('customer');\n                });\n\n                $('.shipping-summary .edit-button', plugin).on('click', function () {\n                    if (!$('#checkout-main').hasClass('multi-ship')) {\n                        $('body').trigger('shipping:selectSingleShipping');\n                    }\n\n                    members.gotoStage('shipping');\n                });\n\n                $('.payment-summary .edit-button', plugin).on('click', function () {\n                    members.gotoStage('payment');\n                });\n\n                //\n                // remember stage (e.g. shipping)\n                //\n                updateUrl(members.currentStage);\n\n                //\n                // Listen for foward/back button press and move to correct checkout-stage\n                //\n                $(window).on('popstate', function (e) {\n                    //\n                    // Back button when event state less than current state in ordered\n                    // checkoutStages array.\n                    //\n                    if (e.state === null ||\n                        checkoutStages.indexOf(e.state) < members.currentStage) {\n                        members.handlePrevStage(false);\n                    } else if (checkoutStages.indexOf(e.state) > members.currentStage) {\n                        // Forward button  pressed\n                        members.handleNextStage(false);\n                    }\n                });\n\n                //\n                // Set the form data\n                //\n                plugin.data('formData', formData);\n            },\n\n            /**\n             * The next checkout state step updates the css for showing correct buttons etc...\n             */\n            nextStage: function () {\n                var promise = members.updateStage();\n\n                promise.done(function () {\n                    // Update UI with new stage\n                    $('.error-message').hide();\n                    members.handleNextStage(true);\n                });\n\n                promise.fail(function (data) {\n                    // show errors\n                    if (data) {\n                        if (data.errorStage) {\n                            members.gotoStage(data.errorStage.stage);\n\n                            if (data.errorStage.step === 'billingAddress') {\n                                var $billingAddressSameAsShipping = $(\n                                    'input[name$=\"_shippingAddressUseAsBillingAddress\"]'\n                                );\n                                if ($billingAddressSameAsShipping.is(':checked')) {\n                                    $billingAddressSameAsShipping.prop('checked', false);\n                                }\n                            }\n                        }\n\n                        if (data.errorMessage) {\n                            $('.error-message').show();\n                            $('.error-message-text').text(data.errorMessage);\n                        }\n                    }\n                });\n            },\n\n            /**\n             * The next checkout state step updates the css for showing correct buttons etc...\n             *\n             * @param {boolean} bPushState - boolean when true pushes state using the history api.\n             */\n            handleNextStage: function (bPushState) {\n                if (members.currentStage < checkoutStages.length - 1) {\n                    // move stage forward\n                    members.currentStage++;\n\n                    //\n                    // show new stage in url (e.g.payment)\n                    //\n                    if (bPushState) {\n                        updateUrl(members.currentStage);\n                    }\n                }\n\n                // Set the next stage on the DOM\n                $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n            },\n\n            /**\n             * Previous State\n             */\n            handlePrevStage: function () {\n                if (members.currentStage > 0) {\n                    // move state back\n                    members.currentStage--;\n                    updateUrl(members.currentStage);\n                }\n\n                $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n            },\n\n            /**\n             * Use window history to go to a checkout stage\n             * @param {string} stageName - the checkout state to goto\n             */\n            gotoStage: function (stageName) {\n                members.currentStage = checkoutStages.indexOf(stageName);\n                updateUrl(members.currentStage);\n                $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n            }\n        };\n\n        //\n        // Initialize the checkout\n        //\n        members.initialize();\n\n        return this;\n    };\n}(jQuery));\n\n\nvar exports = {\n    initialize: function () {\n        $('#checkout-main').checkout();\n    },\n\n    updateCheckoutView: function () {\n        $('body').on('checkout:updateCheckoutView', function (e, data) {\n            if (data.csrfToken) {\n                $(\"input[name*='csrf_token']\").val(data.csrfToken);\n            }\n            customerHelpers.methods.updateCustomerInformation(data.customer, data.order);\n            shippingHelpers.methods.updateMultiShipInformation(data.order);\n            summaryHelpers.updateTotals(data.order.totals);\n            data.order.shipping.forEach(function (shipping) {\n                shippingHelpers.methods.updateShippingInformation(\n                    shipping,\n                    data.order,\n                    data.customer,\n                    data.options\n                );\n            });\n            billingHelpers.methods.updateBillingInformation(\n                data.order,\n                data.customer,\n                data.options\n            );\n            billingHelpers.methods.updatePaymentInformation(data.order, data.options);\n            summaryHelpers.updateOrderProductSummaryInformation(data.order, data.options);\n        });\n    },\n\n    disableButton: function () {\n        $('body').on('checkout:disableButton', function (e, button) {\n            $(button).prop('disabled', true);\n        });\n    },\n\n    enableButton: function () {\n        $('body').on('checkout:enableButton', function (e, button) {\n            $(button).prop('disabled', false);\n        });\n    }\n\n\n};\n\n[customerHelpers, billingHelpers, shippingHelpers, addressHelpers].forEach(function (library) {\n    Object.keys(library).forEach(function (item) {\n        if (typeof library[item] === 'object') {\n            exports[item] = $.extend({}, exports[item], library[item]);\n        } else {\n            exports[item] = library[item];\n        }\n    });\n});\n\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/checkout.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/customer.js":
+/*!****************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/customer.js ***!
+  \****************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar formHelpers = __webpack_require__(/*! ./formErrors */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js\");\nvar scrollAnimate = __webpack_require__(/*! ../components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\nvar createErrorNotification = __webpack_require__(/*! ../components/errorNotification */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/errorNotification.js\");\nvar GUEST_FORM = '#guest-customer';\nvar REGISTERED_FORM = '#registered-customer';\nvar ERROR_SECTION = '.customer-error';\n\n/**\n * @returns {boolean} If guest is active, registered is not visible\n */\nfunction isGuestFormActive() {\n    return $(REGISTERED_FORM).hasClass('d-none');\n}\n\n/**\n * Clear any previous errors in the customer form.\n */\nfunction clearErrors() {\n    $(ERROR_SECTION).children().remove();\n    formHelpers.clearPreviousErrors('.customer-information-block');\n}\n\n/**\n * @param {Object} customerData - data includes checkout related customer information\n * @param {Object} orderData - data includes checkout related order information\n */\nfunction updateCustomerInformation(customerData, orderData) {\n    var $container = $('.customer-summary');\n    var $summaryDetails = $container.find('.summary-details');\n    var email = customerData.profile && customerData.profile.email ? customerData.profile.email : orderData.orderEmail;\n    $summaryDetails.find('.customer-summary-email').text(email);\n    if (customerData.registeredUser) {\n        $container.find('.edit-button').hide();\n    } else {\n        $container.find('.edit-button').show();\n    }\n}\n\n\n/**\n * Handle response from the server for valid or invalid form fields.\n * @param {Object} defer - the deferred object which will resolve on success or reject.\n * @param {Object} data - the response data with the invalid form fields or\n *  valid model data.\n */\nfunction customerFormResponse(defer, data) {\n    var parentForm = isGuestFormActive() ? GUEST_FORM : REGISTERED_FORM;\n    var formSelector = '.customer-section ' + parentForm;\n\n    // highlight fields with errors\n    if (data.error) {\n        if (data.fieldErrors.length) {\n            data.fieldErrors.forEach(function (error) {\n                if (Object.keys(error).length) {\n                    formHelpers.loadFormErrors(formSelector, error);\n                }\n            });\n        }\n\n        if (data.customerErrorMessage) {\n            createErrorNotification(ERROR_SECTION, data.customerErrorMessage);\n        }\n\n        if (data.fieldErrors.length || data.customerErrorMessage || (data.serverErrors && data.serverErrors.length)) {\n            defer.reject(data);\n        }\n\n        if (data.cartError) {\n            window.location.href = data.redirectUrl;\n            defer.reject();\n        }\n    } else {\n        // Populate the Address Summary\n\n        $('body').trigger('checkout:updateCheckoutView', {\n            order: data.order,\n            customer: data.customer,\n            csrfToken: data.csrfToken\n        });\n        scrollAnimate($('.shipping-form'));\n        defer.resolve(data);\n    }\n}\n\n/**\n *\n * @param {boolean} registered - wether a registered login block will be used\n */\nfunction chooseLoginBlock(registered) {\n    $(ERROR_SECTION).find('.alert').remove();\n    $('#password').val('');\n    if (registered) {\n        $(REGISTERED_FORM).removeClass('d-none');\n        $(GUEST_FORM).addClass('d-none');\n        $('#email').val($('#email-guest').val());\n    } else {\n        $(REGISTERED_FORM).addClass('d-none');\n        $(GUEST_FORM).removeClass('d-none');\n        $('#email').val('');\n    }\n}\n\nmodule.exports = {\n\n    /**\n     * Listeners for customer form\n     */\n    initListeners: function () {\n        // 1. password\n        var customerLogin = '.js-login-customer';\n        var cancelLogin = '.js-cancel-login';\n        var registered;\n        if (customerLogin.length !== 0) {\n            $('body').on('click', customerLogin, function (e) {\n                registered = true;\n                e.preventDefault();\n                chooseLoginBlock(registered);\n            });\n        }\n        if (cancelLogin.length !== 0) {\n            $('body').on('click', cancelLogin, function (e) {\n                registered = false;\n                e.preventDefault();\n                chooseLoginBlock(registered);\n            });\n        }\n    },\n\n    methods: {\n        clearErrors: clearErrors,\n        updateCustomerInformation: updateCustomerInformation,\n        customerFormResponse: customerFormResponse,\n        isGuestFormActive: isGuestFormActive\n    },\n\n    vars: {\n        GUEST_FORM: GUEST_FORM,\n        REGISTERED_FORM: REGISTERED_FORM\n    }\n\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/customer.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js":
+/*!******************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js ***!
+  \******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar scrollAnimate = __webpack_require__(/*! ../components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\n\n/**\n * Display error messages and highlight form fields with errors.\n * @param {string} parentSelector - the form which contains the fields\n * @param {Object} fieldErrors - the fields with errors\n */\nfunction loadFormErrors(parentSelector, fieldErrors) { // eslint-disable-line\n    // Display error messages and highlight form fields with errors.\n    $.each(fieldErrors, function (attr) {\n        $('*[name=' + attr + ']', parentSelector)\n            .addClass('is-invalid')\n            .siblings('.invalid-feedback')\n            .html(fieldErrors[attr]);\n    });\n    // Animate to top of form that has errors\n    scrollAnimate($(parentSelector));\n}\n\n/**\n * Clear the form errors.\n * @param {string} parentSelector - the parent form selector.\n */\nfunction clearPreviousErrors(parentSelector) {\n    $(parentSelector).find('.form-control.is-invalid').removeClass('is-invalid');\n    $('.error-message').hide();\n}\n\nmodule.exports = {\n    loadFormErrors: loadFormErrors,\n    clearPreviousErrors: clearPreviousErrors\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js":
+/*!****************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js ***!
+  \****************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar addressHelpers = __webpack_require__(/*! ./address */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/address.js\");\nvar formHelpers = __webpack_require__(/*! ./formErrors */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js\");\nvar scrollAnimate = __webpack_require__(/*! ../components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\n\n/**\n * updates the shipping address selector within shipping forms\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateShippingAddressSelector(productLineItem, shipping, order, customer) {\n    var uuidEl = $('input[value=' + productLineItem.UUID + ']');\n    var shippings = order.shipping;\n\n    var form;\n    var $shippingAddressSelector;\n    var hasSelectedAddress = false;\n\n    if (uuidEl && uuidEl.length > 0) {\n        form = uuidEl[0].form;\n        $shippingAddressSelector = $('.addressSelector', form);\n    }\n\n    if ($shippingAddressSelector && $shippingAddressSelector.length === 1) {\n        $shippingAddressSelector.empty();\n        // Add New Address option\n        $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n            null,\n            false,\n            order\n        ));\n\n        if (customer.addresses && customer.addresses.length > 0) {\n            $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n                order.resources.accountAddresses,\n                false,\n                order\n            ));\n\n            customer.addresses.forEach(function (address) {\n                var isSelected = shipping.matchingAddressId === address.ID;\n                $shippingAddressSelector.append(\n                    addressHelpers.methods.optionValueForAddress(\n                        { UUID: 'ab_' + address.ID, shippingAddress: address },\n                        isSelected,\n                        order\n                    )\n                );\n            });\n        }\n        // Separator -\n        $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n            order.resources.shippingAddresses, false, order, { className: 'multi-shipping' }\n        ));\n        shippings.forEach(function (aShipping) {\n            var isSelected = shipping.UUID === aShipping.UUID;\n            hasSelectedAddress = hasSelectedAddress || isSelected;\n            var addressOption = addressHelpers.methods.optionValueForAddress(\n                aShipping,\n                isSelected,\n                order,\n                { className: 'multi-shipping' }\n            );\n\n            var newAddress = addressOption.html() === order.resources.addNewAddress;\n            var matchingUUID = aShipping.UUID === shipping.UUID;\n            if ((newAddress && matchingUUID) || (!newAddress && matchingUUID) || (!newAddress && !matchingUUID)) {\n                $shippingAddressSelector.append(addressOption);\n            }\n            if (newAddress && !matchingUUID) {\n                $(addressOption[0]).remove();\n            }\n        });\n    }\n\n    if (!hasSelectedAddress) {\n        // show\n        $(form).addClass('hide-details');\n    } else {\n        $(form).removeClass('hide-details');\n    }\n\n    $('body').trigger('shipping:updateShippingAddressSelector', {\n        productLineItem: productLineItem,\n        shipping: shipping,\n        order: order,\n        customer: customer\n    });\n}\n\n/**\n * updates the shipping address form values within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingAddressFormValues(shipping) {\n    var addressObject = $.extend({}, shipping.shippingAddress);\n\n    if (!addressObject) {\n        addressObject = {\n            firstName: null,\n            lastName: null,\n            address1: null,\n            address2: null,\n            city: null,\n            postalCode: null,\n            stateCode: null,\n            countryCode: null,\n            phone: null\n        };\n    }\n\n    addressObject.isGift = shipping.isGift;\n    addressObject.giftMessage = shipping.giftMessage;\n\n    $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n        var form = el.form;\n        if (!form) return;\n        var countryCode = addressObject.countryCode;\n\n        $('input[name$=_firstName]', form).val(addressObject.firstName);\n        $('input[name$=_lastName]', form).val(addressObject.lastName);\n        $('input[name$=_address1]', form).val(addressObject.address1);\n        $('input[name$=_address2]', form).val(addressObject.address2);\n        $('input[name$=_city]', form).val(addressObject.city);\n        $('input[name$=_postalCode]', form).val(addressObject.postalCode);\n        $('select[name$=_stateCode],input[name$=_stateCode]', form)\n            .val(addressObject.stateCode);\n\n        if (countryCode && typeof countryCode === 'object') {\n            $('select[name$=_country]', form).val(addressObject.countryCode.value);\n        } else {\n            $('select[name$=_country]', form).val(addressObject.countryCode);\n        }\n\n        $('input[name$=_phone]', form).val(addressObject.phone);\n\n        $('input[name$=_isGift]', form).prop('checked', addressObject.isGift);\n        $('textarea[name$=_giftMessage]', form).val(addressObject.isGift && addressObject.giftMessage ? addressObject.giftMessage : '');\n    });\n\n    $('body').trigger('shipping:updateShippingAddressFormValues', { shipping: shipping });\n}\n\n/**\n * updates the shipping method radio buttons within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingMethods(shipping) {\n    var uuidEl = $('input[value=' + shipping.UUID + ']');\n    if (uuidEl && uuidEl.length > 0) {\n        $.each(uuidEl, function (shipmentIndex, el) {\n            var form = el.form;\n            if (!form) return;\n\n            var $shippingMethodList = $('.shipping-method-list', form);\n\n            if ($shippingMethodList && $shippingMethodList.length > 0) {\n                $shippingMethodList.empty();\n                var shippingMethods = shipping.applicableShippingMethods;\n                var selected = shipping.selectedShippingMethod || {};\n                var shippingMethodFormID = form.name + '_shippingAddress_shippingMethodID';\n                //\n                // Create the new rows for each shipping method\n                //\n                $.each(shippingMethods, function (methodIndex, shippingMethod) {\n                    var tmpl = $('#shipping-method-template').clone();\n                    var lineItemUUIDPart = '';\n\n                    if ($(el).parents('.multi-shipping').length) {\n                        lineItemUUIDPart = '-' + shipping.productLineItems.items[0].UUID;\n                    }\n\n                    // set input\n                    $('input', tmpl)\n                        .prop('id', 'shippingMethod-' + shippingMethod.ID + '-' + shipping.UUID + lineItemUUIDPart)\n                        .prop('name', shippingMethodFormID)\n                        .prop('value', shippingMethod.ID)\n                        .attr('checked', shippingMethod.ID === selected.ID);\n\n                    $('label', tmpl)\n                        .prop('for', 'shippingMethod-' + shippingMethod.ID + '-' + shipping.UUID + lineItemUUIDPart);\n                    // set shipping method name\n                    $('.display-name', tmpl).text(shippingMethod.displayName);\n                    // set or hide arrival time\n                    if (shippingMethod.estimatedArrivalTime) {\n                        $('.arrival-time', tmpl)\n                            .text('(' + shippingMethod.estimatedArrivalTime + ')')\n                            .show();\n                    }\n                    // set shipping cost\n                    $('.shipping-cost', tmpl).text(shippingMethod.shippingCost);\n                    $shippingMethodList.append(tmpl.html());\n                });\n            }\n        });\n    }\n\n    $('body').trigger('shipping:updateShippingMethods', { shipping: shipping });\n}\n\n/**\n * Update list of available shipping methods whenever user modifies shipping address details.\n * @param {jQuery} $shippingForm - current shipping form\n */\nfunction updateShippingMethodList($shippingForm) {\n    // delay for autocomplete!\n    setTimeout(function () {\n        var $shippingMethodList = $shippingForm.find('.shipping-method-list');\n        var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n        var shipmentUUID = $shippingForm.find('[name=shipmentUUID]').val();\n        var url = $shippingMethodList.data('actionUrl');\n        urlParams.shipmentUUID = shipmentUUID;\n\n        $shippingMethodList.spinner().start();\n        $.ajax({\n            url: url,\n            type: 'post',\n            dataType: 'json',\n            data: urlParams,\n            success: function (data) {\n                if (data.error) {\n                    window.location.href = data.redirectUrl;\n                } else {\n                    $('body').trigger('checkout:updateCheckoutView',\n                        {\n                            order: data.order,\n                            customer: data.customer,\n                            options: { keepOpen: true }\n                        });\n\n                    $shippingMethodList.spinner().stop();\n                }\n            }\n        });\n    }, 300);\n}\n\n/**\n * updates the order shipping summary for an order shipment model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n */\nfunction updateShippingSummaryInformation(shipping, order) {\n    $('[data-shipment-summary=' + shipping.UUID + ']').each(function (i, el) {\n        var $container = $(el);\n        var $shippingAddressLabel = $container.find('.shipping-addr-label');\n        var $addressContainer = $container.find('.address-summary');\n        var $shippingPhone = $container.find('.shipping-phone');\n        var $methodTitle = $container.find('.shipping-method-title');\n        var $methodArrivalTime = $container.find('.shipping-method-arrival-time');\n        var $methodPrice = $container.find('.shipping-method-price');\n        var $shippingSummaryLabel = $container.find('.shipping-method-label');\n        var $summaryDetails = $container.find('.row.summary-details');\n        var giftMessageSummary = $container.find('.gift-summary');\n\n        var address = shipping.shippingAddress;\n        var selectedShippingMethod = shipping.selectedShippingMethod;\n        var isGift = shipping.isGift;\n\n        addressHelpers.methods.populateAddressSummary($addressContainer, address);\n\n        if (address && address.phone) {\n            $shippingPhone.text(address.phone);\n        } else {\n            $shippingPhone.empty();\n        }\n\n        if (selectedShippingMethod) {\n            $('body').trigger('shipping:updateAddressLabelText',\n                { selectedShippingMethod: selectedShippingMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n            $shippingSummaryLabel.show();\n            $summaryDetails.show();\n            $methodTitle.text(selectedShippingMethod.displayName);\n            if (selectedShippingMethod.estimatedArrivalTime) {\n                $methodArrivalTime.text(\n                    '( ' + selectedShippingMethod.estimatedArrivalTime + ' )'\n                );\n            } else {\n                $methodArrivalTime.empty();\n            }\n            $methodPrice.text(selectedShippingMethod.shippingCost);\n        }\n\n        if (isGift) {\n            giftMessageSummary.find('.gift-message-summary').text(shipping.giftMessage);\n            giftMessageSummary.removeClass('d-none');\n        } else {\n            giftMessageSummary.addClass('d-none');\n        }\n    });\n\n    $('body').trigger('shipping:updateShippingSummaryInformation', { shipping: shipping, order: order });\n}\n\n/**\n * Update the read-only portion of the shipment display (per PLI)\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to 'view'\n */\nfunction updatePLIShippingSummaryInformation(productLineItem, shipping, order, options) {\n    var $pli = $('input[value=' + productLineItem.UUID + ']');\n    var form = $pli && $pli.length > 0 ? $pli[0].form : null;\n\n    if (!form) return;\n\n    var $viewBlock = $('.view-address-block', form);\n\n    var address = shipping.shippingAddress || {};\n    var selectedMethod = shipping.selectedShippingMethod;\n\n    var nameLine = address.firstName ? address.firstName + ' ' : '';\n    if (address.lastName) nameLine += address.lastName;\n\n    var address1Line = address.address1;\n    var address2Line = address.address2;\n\n    var phoneLine = address.phone;\n\n    var shippingCost = selectedMethod ? selectedMethod.shippingCost : '';\n    var methodNameLine = selectedMethod ? selectedMethod.displayName : '';\n    var methodArrivalTime = selectedMethod && selectedMethod.estimatedArrivalTime\n        ? '(' + selectedMethod.estimatedArrivalTime + ')'\n        : '';\n\n    var tmpl = $('#pli-shipping-summary-template').clone();\n\n    $('.ship-to-name', tmpl).text(nameLine);\n    $('.ship-to-address1', tmpl).text(address1Line);\n    $('.ship-to-address2', tmpl).text(address2Line);\n    $('.ship-to-city', tmpl).text(address.city);\n    if (address.stateCode) {\n        $('.ship-to-st', tmpl).text(address.stateCode);\n    }\n    $('.ship-to-zip', tmpl).text(address.postalCode);\n    $('.ship-to-phone', tmpl).text(phoneLine);\n\n    if (!address2Line) {\n        $('.ship-to-address2', tmpl).hide();\n    }\n\n    if (!phoneLine) {\n        $('.ship-to-phone', tmpl).hide();\n    }\n\n    if (shipping.selectedShippingMethod) {\n        $('.display-name', tmpl).text(methodNameLine);\n        $('.arrival-time', tmpl).text(methodArrivalTime);\n        $('.price', tmpl).text(shippingCost);\n    }\n\n    if (shipping.isGift) {\n        $('.gift-message-summary', tmpl).text(shipping.giftMessage);\n        var shipment = $('.gift-message-' + shipping.UUID);\n        $(shipment).val(shipping.giftMessage);\n    } else {\n        $('.gift-summary', tmpl).addClass('d-none');\n    }\n    // checking h5 title shipping to or pickup\n    var $shippingAddressLabel = $('.shipping-header-text', tmpl);\n    $('body').trigger('shipping:updateAddressLabelText',\n        { selectedShippingMethod: selectedMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n\n    $viewBlock.html(tmpl.html());\n\n    $('body').trigger('shipping:updatePLIShippingSummaryInformation', {\n        productLineItem: productLineItem,\n        shipping: shipping,\n        order: order,\n        options: options\n    });\n}\n\n/**\n * Update the hidden form values that associate shipping info with product line items\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateProductLineItemShipmentUUIDs(productLineItem, shipping) {\n    $('input[value=' + productLineItem.UUID + ']').each(function (key, pli) {\n        var form = pli.form;\n        $('[name=shipmentUUID]', form).val(shipping.UUID);\n        $('[name=originalShipmentUUID]', form).val(shipping.UUID);\n\n        $(form).closest('.card').attr('data-shipment-uuid', shipping.UUID);\n    });\n\n    $('body').trigger('shipping:updateProductLineItemShipmentUUIDs', {\n        productLineItem: productLineItem,\n        shipping: shipping\n    });\n}\n\n/**\n * Update the shipping UI for a single shipping info (shipment model)\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order/basket model\n * @param {Object} customer - the customer model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to 'view'\n */\nfunction updateShippingInformation(shipping, order, customer, options) {\n    // First copy over shipmentUUIDs from response, to each PLI form\n    order.shipping.forEach(function (aShipping) {\n        aShipping.productLineItems.items.forEach(function (productLineItem) {\n            updateProductLineItemShipmentUUIDs(productLineItem, aShipping);\n        });\n    });\n\n    // Now update shipping information, based on those associations\n    updateShippingMethods(shipping);\n    updateShippingAddressFormValues(shipping);\n    updateShippingSummaryInformation(shipping, order);\n\n    // And update the PLI-based summary information as well\n    shipping.productLineItems.items.forEach(function (productLineItem) {\n        updateShippingAddressSelector(productLineItem, shipping, order, customer);\n        updatePLIShippingSummaryInformation(productLineItem, shipping, order, options);\n    });\n\n    $('body').trigger('shipping:updateShippingInformation', {\n        order: order,\n        shipping: shipping,\n        customer: customer,\n        options: options\n    });\n}\n\n/**\n * Update the checkout state (single vs. multi-ship)\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updateMultiShipInformation(order) {\n    var $checkoutMain = $('#checkout-main');\n    var $checkbox = $('[name=usingMultiShipping]');\n    var $submitShippingBtn = $('button.submit-shipping');\n    $('.shipping-error .alert-danger').remove();\n\n    if (order.usingMultiShipping) {\n        $checkoutMain.addClass('multi-ship');\n        $checkbox.prop('checked', true);\n    } else {\n        $checkoutMain.removeClass('multi-ship');\n        $checkbox.prop('checked', null);\n        $submitShippingBtn.prop('disabled', null);\n    }\n\n    $('body').trigger('shipping:updateMultiShipInformation', { order: order });\n}\n\n/**\n  * Create an alert to display the error message\n  * @param {Object} message - Error message to display\n  */\nfunction createErrorNotification(message) {\n    var errorHtml = '<div class=\"alert alert-danger alert-dismissible valid-cart-error ' +\n    'fade show\" role=\"alert\">' +\n    '<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">' +\n    '<span aria-hidden=\"true\">&times;</span>' +\n    '</button>' + message + '</div>';\n\n    $('.shipping-error').append(errorHtml);\n    scrollAnimate($('.shipping-error'));\n}\n\n/**\n * Handle response from the server for valid or invalid form fields.\n * @param {Object} defer - the deferred object which will resolve on success or reject.\n * @param {Object} data - the response data with the invalid form fields or\n *  valid model data.\n */\nfunction shippingFormResponse(defer, data) {\n    var isMultiShip = $('#checkout-main').hasClass('multi-ship');\n    var formSelector = isMultiShip\n        ? '.multi-shipping .active form'\n        : '.single-shipping form';\n\n    // highlight fields with errors\n    if (data.error) {\n        if (data.fieldErrors.length) {\n            data.fieldErrors.forEach(function (error) {\n                if (Object.keys(error).length) {\n                    formHelpers.loadFormErrors(formSelector, error);\n                }\n            });\n            defer.reject(data);\n        }\n\n        if (data.serverErrors && data.serverErrors.length) {\n            $.each(data.serverErrors, function (index, element) {\n                createErrorNotification(element);\n            });\n\n            defer.reject(data);\n        }\n\n        if (data.cartError) {\n            window.location.href = data.redirectUrl;\n            defer.reject();\n        }\n    } else {\n        // Populate the Address Summary\n\n        $('body').trigger('checkout:updateCheckoutView', {\n            order: data.order,\n            customer: data.customer\n        });\n        scrollAnimate($('.payment-form'));\n        defer.resolve(data);\n    }\n}\n/**\n * Clear out all the shipping form values and select the new address in the drop down\n * @param {Object} order - the order object\n */\nfunction clearShippingForms(order) {\n    order.shipping.forEach(function (shipping) {\n        $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n            var form = el.form;\n            if (!form) return;\n\n            $('input[name$=_firstName]', form).val('');\n            $('input[name$=_lastName]', form).val('');\n            $('input[name$=_address1]', form).val('');\n            $('input[name$=_address2]', form).val('');\n            $('input[name$=_city]', form).val('');\n            $('input[name$=_postalCode]', form).val('');\n            $('select[name$=_stateCode],input[name$=_stateCode]', form).val('');\n            $('select[name$=_country]', form).val('');\n\n            $('input[name$=_phone]', form).val('');\n\n            $('input[name$=_isGift]', form).prop('checked', false);\n            $('textarea[name$=_giftMessage]', form).val('');\n            $(form).find('.gift-message').addClass('d-none');\n\n            $(form).attr('data-address-mode', 'new');\n            var addressSelectorDropDown = $('.addressSelector option[value=new]', form);\n            $(addressSelectorDropDown).prop('selected', true);\n        });\n    });\n\n    $('body').trigger('shipping:clearShippingForms', { order: order });\n}\n\n/**\n * Does Ajax call to create a server-side shipment w/ pliUUID & URL\n * @param {string} url - string representation of endpoint URL\n * @param {Object} shipmentData - product line item UUID\n * @returns {Object} - promise value for async call\n */\nfunction createNewShipment(url, shipmentData) {\n    $.spinner().start();\n    return $.ajax({\n        url: url,\n        type: 'post',\n        dataType: 'json',\n        data: shipmentData\n    });\n}\n\n/**\n * Does Ajax call to select shipping method\n * @param {string} url - string representation of endpoint URL\n * @param {Object} urlParams - url params\n * @param {Object} el - element that triggered this call\n */\nfunction selectShippingMethodAjax(url, urlParams, el) {\n    $.spinner().start();\n    $('body').trigger('checkout:beforeShippingMethodSelected');\n    $.ajax({\n        url: url,\n        type: 'post',\n        dataType: 'json',\n        data: urlParams\n    })\n        .done(function (data) {\n            if (data.error) {\n                window.location.href = data.redirectUrl;\n            } else {\n                $('body').trigger('checkout:updateCheckoutView',\n                    {\n                        order: data.order,\n                        customer: data.customer,\n                        options: { keepOpen: true },\n                        urlParams: urlParams\n                    }\n                );\n                $('body').trigger('checkout:postUpdateCheckoutView',\n                    {\n                        el: el\n                    }\n                );\n            }\n            $('body').trigger('checkout:shippingMethodSelected', data);\n            $.spinner().stop();\n        })\n        .fail(function () {\n            $.spinner().stop();\n        });\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the enter view\n * @param {jQuery} element - The shipping content\n */\nfunction enterMultishipView(element) {\n    element.find('.btn-enter-multi-ship').removeClass('d-none');\n\n    element.find('.view-address-block').addClass('d-none');\n    element.find('.shipping-address').addClass('d-none');\n    element.find('.btn-save-multi-ship.save-shipment').addClass('d-none');\n    element.find('.btn-edit-multi-ship').addClass('d-none');\n    element.find('.multi-ship-address-actions').addClass('d-none');\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the view mode\n * @param {jQuery} element - The shipping content\n */\nfunction viewMultishipAddress(element) {\n    element.find('.view-address-block').removeClass('d-none');\n    element.find('.btn-edit-multi-ship').removeClass('d-none');\n\n    element.find('.shipping-address').addClass('d-none');\n    element.find('.btn-save-multi-ship.save-shipment').addClass('d-none');\n    element.find('.btn-enter-multi-ship').addClass('d-none');\n    element.find('.multi-ship-address-actions').addClass('d-none');\n}\n\n/**\n * Hide and show to appropriate elements that allows the user to edit multi ship address information\n * @param {jQuery} element - The shipping content\n */\nfunction editMultiShipAddress(element) {\n    // Show\n    element.find('.shipping-address').removeClass('d-none');\n    element.find('.btn-save-multi-ship.save-shipment').removeClass('d-none');\n\n    // Hide\n    element.find('.view-address-block').addClass('d-none');\n    element.find('.btn-enter-multi-ship').addClass('d-none');\n    element.find('.btn-edit-multi-ship').addClass('d-none');\n    element.find('.multi-ship-address-actions').addClass('d-none');\n\n    $('body').trigger('shipping:editMultiShipAddress', { element: element, form: element.find('.shipping-form') });\n}\n\n/**\n * perform the proper actions once a user has clicked enter address or edit address for a shipment\n * @param {jQuery} element - The shipping content\n * @param {string} mode - the address mode\n */\nfunction editOrEnterMultiShipInfo(element, mode) {\n    var form = $(element).closest('form');\n    var root = $(element).closest('.shipping-content');\n\n    $('body').trigger('shipping:updateDataAddressMode', { form: form, mode: mode });\n\n    editMultiShipAddress(root);\n\n    var addressInfo = addressHelpers.methods.getAddressFieldsFromUI(form);\n\n    var savedState = {\n        UUID: $('input[name=shipmentUUID]', form).val(),\n        shippingAddress: addressInfo\n    };\n\n    root.data('saved-state', JSON.stringify(savedState));\n}\n\nmodule.exports = {\n    methods: {\n        updateShippingAddressSelector: updateShippingAddressSelector,\n        updateShippingAddressFormValues: updateShippingAddressFormValues,\n        updateShippingMethods: updateShippingMethods,\n        updateShippingSummaryInformation: updateShippingSummaryInformation,\n        updatePLIShippingSummaryInformation: updatePLIShippingSummaryInformation,\n        updateProductLineItemShipmentUUIDs: updateProductLineItemShipmentUUIDs,\n        updateShippingInformation: updateShippingInformation,\n        updateMultiShipInformation: updateMultiShipInformation,\n        shippingFormResponse: shippingFormResponse,\n        createNewShipment: createNewShipment,\n        selectShippingMethodAjax: selectShippingMethodAjax,\n        updateShippingMethodList: updateShippingMethodList,\n        clearShippingForms: clearShippingForms,\n        editMultiShipAddress: editMultiShipAddress,\n        editOrEnterMultiShipInfo: editOrEnterMultiShipInfo,\n        createErrorNotification: createErrorNotification,\n        viewMultishipAddress: viewMultishipAddress\n    },\n\n    selectShippingMethod: function () {\n        var baseObj = this;\n\n        $('.shipping-method-list').change(function () {\n            var $shippingForm = $(this).parents('form');\n            var methodID = $(':checked', this).val();\n            var shipmentUUID = $shippingForm.find('[name=shipmentUUID]').val();\n            var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n            urlParams.shipmentUUID = shipmentUUID;\n            urlParams.methodID = methodID;\n            urlParams.isGift = $shippingForm.find('.gift').prop('checked');\n            urlParams.giftMessage = $shippingForm.find('textarea[name$=_giftMessage]').val();\n\n            var url = $(this).data('select-shipping-method-url');\n\n            if (baseObj.methods && baseObj.methods.selectShippingMethodAjax) {\n                baseObj.methods.selectShippingMethodAjax(url, urlParams, $(this));\n            } else {\n                selectShippingMethodAjax(url, urlParams, $(this));\n            }\n        });\n    },\n\n    toggleMultiship: function () {\n        var baseObj = this;\n\n        $('input[name=\"usingMultiShipping\"]').on('change', function () {\n            var url = $('.multi-shipping-checkbox-block form').attr('action');\n            var usingMultiShip = this.checked;\n\n            $.ajax({\n                url: url,\n                type: 'post',\n                dataType: 'json',\n                data: { usingMultiShip: usingMultiShip },\n                success: function (response) {\n                    if (response.error) {\n                        window.location.href = response.redirectUrl;\n                    } else {\n                        $('body').trigger('checkout:updateCheckoutView', {\n                            order: response.order,\n                            customer: response.customer\n                        });\n\n                        if ($('#checkout-main').data('customer-type') === 'guest') {\n                            if (baseObj.methods && baseObj.methods.clearShippingForms) {\n                                baseObj.methods.clearShippingForms(response.order);\n                            } else {\n                                clearShippingForms(response.order);\n                            }\n                        } else {\n                            response.order.shipping.forEach(function (shipping) {\n                                $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n                                    var form = el.form;\n                                    if (!form) return;\n\n                                    $(form).attr('data-address-mode', 'edit');\n                                    var addressSelectorDropDown = $(form).find('.addressSelector option[value=\"ab_' + shipping.matchingAddressId + '\"]');\n                                    $(addressSelectorDropDown).prop('selected', true);\n                                    $('input[name$=_isGift]', form).prop('checked', false);\n                                    $('textarea[name$=_giftMessage]', form).val('');\n                                    $(form).find('.gift-message').addClass('d-none');\n                                });\n                            });\n                        }\n\n                        if (usingMultiShip) {\n                            $('body').trigger('shipping:selectMultiShipping', { data: response });\n                        } else {\n                            $('body').trigger('shipping:selectSingleShipping', { data: response });\n                        }\n                    }\n\n                    $.spinner().stop();\n                },\n                error: function () {\n                    $.spinner().stop();\n                }\n            });\n        });\n    },\n\n    selectSingleShipping: function () {\n        $('body').on('shipping:selectSingleShipping', function () {\n            $('.single-shipping .shipping-address').removeClass('d-none');\n        });\n    },\n\n    selectMultiShipping: function () {\n        var baseObj = this;\n\n        $('body').on('shipping:selectMultiShipping', function (e, data) {\n            $('.multi-shipping .shipping-address').addClass('d-none');\n\n            data.data.order.shipping.forEach(function (shipping) {\n                var element = $('.multi-shipping .card[data-shipment-uuid=\"' + shipping.UUID + '\"]');\n\n                if (shipping.shippingAddress) {\n                    if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n                        baseObj.methods.viewMultishipAddress($(element));\n                    } else {\n                        viewMultishipAddress($(element));\n                    }\n                } else {\n                    /* eslint-disable no-lonely-if */\n                    if (baseObj.methods && baseObj.methods.enterMultishipView) {\n                        baseObj.methods.enterMultishipView($(element));\n                    } else {\n                        enterMultishipView($(element));\n                    }\n                    /* eslint-enable no-lonely-if */\n                }\n            });\n        });\n    },\n\n    selectSingleShipAddress: function () {\n        $('.single-shipping .addressSelector').on('change', function () {\n            var form = $(this).parents('form')[0];\n            var selectedOption = $('option:selected', this);\n            var attrs = selectedOption.data();\n            var shipmentUUID = selectedOption[0].value;\n            var originalUUID = $('input[name=shipmentUUID]', form).val();\n            var element;\n            Object.keys(attrs).forEach(function (attr) {\n                element = attr === 'countryCode' ? 'country' : attr;\n                $('[name$=' + element + ']', form).val(attrs[attr]);\n            });\n            $('[name$=stateCode]', form).trigger('change');\n            if (shipmentUUID === 'new') {\n                $(form).attr('data-address-mode', 'new');\n                $(form).find('.shipping-address-block').removeClass('d-none');\n            } else if (shipmentUUID === originalUUID) {\n                $(form).attr('data-address-mode', 'shipment');\n            } else if (shipmentUUID.indexOf('ab_') === 0) {\n                $(form).attr('data-address-mode', 'customer');\n            } else {\n                $(form).attr('data-address-mode', 'edit');\n            }\n        });\n    },\n\n    selectMultiShipAddress: function () {\n        var baseObj = this;\n\n        $('.multi-shipping .addressSelector').on('change', function () {\n            var form = $(this).closest('form');\n            var selectedOption = $('option:selected', this);\n            var attrs = selectedOption.data();\n            var shipmentUUID = selectedOption[0].value;\n            var originalUUID = $('input[name=shipmentUUID]', form).val();\n            var pliUUID = $('input[name=productLineItemUUID]', form).val();\n            var createNewShipmentScoped = baseObj.methods && baseObj.methods.createNewShipment ? baseObj.methods.createNewShipment : createNewShipment;\n\n            var element;\n            Object.keys(attrs).forEach(function (attr) {\n                if (attr === 'isGift') {\n                    $('[name$=' + attr + ']', form).prop('checked', attrs[attr]);\n                    $('[name$=' + attr + ']', form).trigger('change');\n                } else {\n                    element = attr === 'countryCode' ? 'country' : attr;\n                    $('[name$=' + element + ']', form).val(attrs[attr]);\n                }\n            });\n\n            if (shipmentUUID === 'new' && pliUUID) {\n                var createShipmentUrl = $(this).attr('data-create-shipment-url');\n                createNewShipmentScoped(createShipmentUrl, { productLineItemUUID: pliUUID })\n                    .done(function (response) {\n                        $.spinner().stop();\n                        if (response.error) {\n                            if (response.redirectUrl) {\n                                window.location.href = response.redirectUrl;\n                            }\n                            return;\n                        }\n\n                        $('body').trigger('checkout:updateCheckoutView',\n                            {\n                                order: response.order,\n                                customer: response.customer,\n                                options: { keepOpen: true }\n                            }\n                        );\n\n                        $(form).attr('data-address-mode', 'new');\n                    })\n                    .fail(function () {\n                        $.spinner().stop();\n                    });\n            } else if (shipmentUUID === originalUUID) {\n                $('select[name$=stateCode]', form).trigger('change');\n                $(form).attr('data-address-mode', 'shipment');\n            } else if (shipmentUUID.indexOf('ab_') === 0) {\n                var url = $(form).attr('action');\n                var serializedData = $(form).serialize();\n                createNewShipmentScoped(url, serializedData)\n                    .done(function (response) {\n                        $.spinner().stop();\n                        if (response.error) {\n                            if (response.redirectUrl) {\n                                window.location.href = response.redirectUrl;\n                            }\n                            return;\n                        }\n\n                        $('body').trigger('checkout:updateCheckoutView',\n                            {\n                                order: response.order,\n                                customer: response.customer,\n                                options: { keepOpen: true }\n                            }\n                        );\n\n                        $(form).attr('data-address-mode', 'customer');\n                        var $rootEl = $(form).closest('.shipping-content');\n                        editMultiShipAddress($rootEl);\n                    })\n                    .fail(function () {\n                        $.spinner().stop();\n                    });\n            } else {\n                var updatePLIShipmentUrl = $(form).attr('action');\n                var serializedAddress = $(form).serialize();\n                createNewShipmentScoped(updatePLIShipmentUrl, serializedAddress)\n                    .done(function (response) {\n                        $.spinner().stop();\n                        if (response.error) {\n                            if (response.redirectUrl) {\n                                window.location.href = response.redirectUrl;\n                            }\n                            return;\n                        }\n\n                        $('body').trigger('checkout:updateCheckoutView',\n                            {\n                                order: response.order,\n                                customer: response.customer,\n                                options: { keepOpen: true }\n                            }\n                        );\n\n                        $(form).attr('data-address-mode', 'edit');\n                    })\n                    .fail(function () {\n                        $.spinner().stop();\n                    });\n            }\n        });\n    },\n\n    updateShippingList: function () {\n        var baseObj = this;\n\n        $('select[name$=\"shippingAddress_addressFields_states_stateCode\"]')\n            .on('change', function (e) {\n                if (baseObj.methods && baseObj.methods.updateShippingMethodList) {\n                    baseObj.methods.updateShippingMethodList($(e.currentTarget.form));\n                } else {\n                    updateShippingMethodList($(e.currentTarget.form));\n                }\n            });\n    },\n\n    updateDataAddressMode: function () {\n        $('body').on('shipping:updateDataAddressMode', function (e, data) {\n            $(data.form).attr('data-address-mode', data.mode);\n        });\n    },\n\n    enterMultiShipInfo: function () {\n        var baseObj = this;\n\n        $('.btn-enter-multi-ship').on('click', function (e) {\n            e.preventDefault();\n\n            if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n                baseObj.methods.editOrEnterMultiShipInfo($(this), 'new');\n            } else {\n                editOrEnterMultiShipInfo($(this), 'new');\n            }\n        });\n    },\n\n    editMultiShipInfo: function () {\n        var baseObj = this;\n\n        $('.btn-edit-multi-ship').on('click', function (e) {\n            e.preventDefault();\n\n            if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n                baseObj.methods.editOrEnterMultiShipInfo($(this), 'edit');\n            } else {\n                editOrEnterMultiShipInfo($(this), 'edit');\n            }\n        });\n    },\n\n    saveMultiShipInfo: function () {\n        var baseObj = this;\n\n        $('.btn-save-multi-ship').on('click', function (e) {\n            e.preventDefault();\n\n            // Save address to checkoutAddressBook\n            var form = $(this).closest('form');\n            var $rootEl = $(this).closest('.shipping-content');\n            var data = $(form).serialize();\n            var url = $(form).attr('action');\n\n            $rootEl.spinner().start();\n            $.ajax({\n                url: url,\n                type: 'post',\n                dataType: 'json',\n                data: data\n            })\n                .done(function (response) {\n                    formHelpers.clearPreviousErrors(form);\n                    if (response.error) {\n                        if (response.fieldErrors && response.fieldErrors.length) {\n                            response.fieldErrors.forEach(function (error) {\n                                if (Object.keys(error).length) {\n                                    formHelpers.loadFormErrors(form, error);\n                                }\n                            });\n                        } else if (response.serverErrors && response.serverErrors.length) {\n                            $.each(response.serverErrors, function (index, element) {\n                                createErrorNotification(element);\n                            });\n                        } else if (response.redirectUrl) {\n                            window.location.href = response.redirectUrl;\n                        }\n                    } else {\n                        // Update UI from response\n                        $('body').trigger('checkout:updateCheckoutView',\n                            {\n                                order: response.order,\n                                customer: response.customer\n                            }\n                        );\n\n                        if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n                            baseObj.methods.viewMultishipAddress($rootEl);\n                        } else {\n                            viewMultishipAddress($rootEl);\n                        }\n                    }\n\n                    if (response.order && response.order.shippable) {\n                        $('button.submit-shipping').attr('disabled', null);\n                    }\n\n                    $rootEl.spinner().stop();\n                })\n                .fail(function (err) {\n                    if (err.responseJSON.redirectUrl) {\n                        window.location.href = err.responseJSON.redirectUrl;\n                    }\n\n                    $rootEl.spinner().stop();\n                });\n\n            return false;\n        });\n    },\n\n    cancelMultiShipAddress: function () {\n        var baseObj = this;\n\n        $('.btn-cancel-multi-ship-address').on('click', function (e) {\n            e.preventDefault();\n\n            var form = $(this).closest('form');\n            var $rootEl = $(this).closest('.shipping-content');\n            var restoreState = $rootEl.data('saved-state');\n\n            // Should clear out changes / restore previous state\n            if (restoreState) {\n                var restoreStateObj = JSON.parse(restoreState);\n                var originalStateCode = restoreStateObj.shippingAddress.stateCode;\n                var stateCode = $('[name$=_stateCode]', form).val();\n\n                if (baseObj.methods && baseObj.methods.updateShippingAddressFormValues) {\n                    baseObj.methods.updateShippingAddressFormValues(restoreStateObj);\n                } else {\n                    updateShippingAddressFormValues(restoreStateObj);\n                }\n\n                if (stateCode !== originalStateCode) {\n                    $('[data-action=save]', form).trigger('click');\n                } else {\n                    $(form).attr('data-address-mode', 'edit');\n                    if (baseObj.methods && baseObj.methods.editMultiShipAddress) {\n                        baseObj.methods.editMultiShipAddress($rootEl);\n                    } else {\n                        editMultiShipAddress($rootEl);\n                    }\n                }\n            }\n\n            return false;\n        });\n    },\n\n    isGift: function () {\n        $('.gift').on('change', function (e) {\n            e.preventDefault();\n            var form = $(this).closest('form');\n\n            if (this.checked) {\n                $(form).find('.gift-message').removeClass('d-none');\n            } else {\n                $(form).find('.gift-message').addClass('d-none');\n                $(form).find('.gift-message').val('');\n            }\n        });\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js":
+/*!***************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n/**\n * updates the totals summary\n * @param {Array} totals - the totals data\n */\nfunction updateTotals(totals) {\n    $('.shipping-total-cost').text(totals.totalShippingCost);\n    $('.tax-total').text(totals.totalTax);\n    $('.sub-total').text(totals.subTotal);\n    $('.grand-total-sum').text(totals.grandTotal);\n\n    if (totals.orderLevelDiscountTotal.value > 0) {\n        $('.order-discount').removeClass('hide-order-discount');\n        $('.order-discount-total').text('- ' + totals.orderLevelDiscountTotal.formatted);\n    } else {\n        $('.order-discount').addClass('hide-order-discount');\n    }\n\n    if (totals.shippingLevelDiscountTotal.value > 0) {\n        $('.shipping-discount').removeClass('hide-shipping-discount');\n        $('.shipping-discount-total').text('- ' +\n            totals.shippingLevelDiscountTotal.formatted);\n    } else {\n        $('.shipping-discount').addClass('hide-shipping-discount');\n    }\n}\n\n/**\n * updates the order product shipping summary for an order model\n * @param {Object} order - the order model\n */\nfunction updateOrderProductSummaryInformation(order) {\n    var $productSummary = $('<div />');\n    order.shipping.forEach(function (shipping) {\n        shipping.productLineItems.items.forEach(function (lineItem) {\n            var pli = $('[data-product-line-item=' + lineItem.UUID + ']');\n            $productSummary.append(pli);\n        });\n\n        var address = shipping.shippingAddress || {};\n        var selectedMethod = shipping.selectedShippingMethod;\n\n        var nameLine = address.firstName ? address.firstName + ' ' : '';\n        if (address.lastName) nameLine += address.lastName;\n\n        var address1Line = address.address1;\n        var address2Line = address.address2;\n\n        var phoneLine = address.phone;\n\n        var shippingCost = selectedMethod ? selectedMethod.shippingCost : '';\n        var methodNameLine = selectedMethod ? selectedMethod.displayName : '';\n        var methodArrivalTime = selectedMethod && selectedMethod.estimatedArrivalTime\n            ? '( ' + selectedMethod.estimatedArrivalTime + ' )'\n            : '';\n\n        var tmpl = $('#pli-shipping-summary-template').clone();\n\n        if (shipping.productLineItems.items && shipping.productLineItems.items.length > 1) {\n            $('h5 > span').text(' - ' + shipping.productLineItems.items.length + ' '\n                + order.resources.items);\n        } else {\n            $('h5 > span').text('');\n        }\n\n        var stateRequiredAttr = $('#shippingState').attr('required');\n        var isRequired = stateRequiredAttr !== undefined && stateRequiredAttr !== false;\n        var stateExists = (shipping.shippingAddress && shipping.shippingAddress.stateCode)\n            ? shipping.shippingAddress.stateCode\n            : false;\n        var stateBoolean = false;\n        if ((isRequired && stateExists) || (!isRequired)) {\n            stateBoolean = true;\n        }\n\n        var shippingForm = $('.multi-shipping input[name=\"shipmentUUID\"][value=\"' + shipping.UUID + '\"]').parent();\n\n        if (shipping.shippingAddress\n            && shipping.shippingAddress.firstName\n            && shipping.shippingAddress.address1\n            && shipping.shippingAddress.city\n            && stateBoolean\n            && shipping.shippingAddress.countryCode\n            && (shipping.shippingAddress.phone || shipping.productLineItems.items[0].fromStoreId)) {\n            $('.ship-to-name', tmpl).text(nameLine);\n            $('.ship-to-address1', tmpl).text(address1Line);\n            $('.ship-to-address2', tmpl).text(address2Line);\n            $('.ship-to-city', tmpl).text(address.city);\n            if (address.stateCode) {\n                $('.ship-to-st', tmpl).text(address.stateCode);\n            }\n            $('.ship-to-zip', tmpl).text(address.postalCode);\n            $('.ship-to-phone', tmpl).text(phoneLine);\n\n            if (!address2Line) {\n                $('.ship-to-address2', tmpl).hide();\n            }\n\n            if (!phoneLine) {\n                $('.ship-to-phone', tmpl).hide();\n            }\n\n            shippingForm.find('.ship-to-message').text('');\n        } else {\n            shippingForm.find('.ship-to-message').text(order.resources.addressIncomplete);\n        }\n\n        if (shipping.isGift) {\n            $('.gift-message-summary', tmpl).text(shipping.giftMessage);\n        } else {\n            $('.gift-summary', tmpl).addClass('d-none');\n        }\n\n        // checking h5 title shipping to or pickup\n        var $shippingAddressLabel = $('.shipping-header-text', tmpl);\n        $('body').trigger('shipping:updateAddressLabelText',\n            { selectedShippingMethod: selectedMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n\n        if (shipping.selectedShippingMethod) {\n            $('.display-name', tmpl).text(methodNameLine);\n            $('.arrival-time', tmpl).text(methodArrivalTime);\n            $('.price', tmpl).text(shippingCost);\n        }\n\n        var $shippingSummary = $('<div class=\"multi-shipping\" data-shipment-summary=\"'\n            + shipping.UUID + '\" />');\n        $shippingSummary.html(tmpl.html());\n        $productSummary.append($shippingSummary);\n    });\n\n    $('.product-summary-block').html($productSummary.html());\n\n    // Also update the line item prices, as they might have been altered\n    $('.grand-total-price').text(order.totals.subTotal);\n    order.items.items.forEach(function (item) {\n        if (item.priceTotal && item.priceTotal.renderedPrice) {\n            $('.item-total-' + item.UUID).empty().append(item.priceTotal.renderedPrice);\n        }\n    });\n}\n\nmodule.exports = {\n    updateTotals: updateTotals,\n    updateOrderProductSummaryInformation: updateOrderProductSummaryInformation\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/cleave.js":
+/*!****************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/cleave.js ***!
+  \****************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar Cleave = __webpack_require__(/*! cleave.js */ \"../storefront-reference-architecture/node_modules/cleave.js/dist/cleave-esm.js\").default;\n\nmodule.exports = {\n    handleCreditCardNumber: function (cardFieldSelector, cardTypeSelector) {\n        var cleave = new Cleave(cardFieldSelector, {\n            creditCard: true,\n            onCreditCardTypeChanged: function (type) {\n                var creditCardTypes = {\n                    visa: 'Visa',\n                    mastercard: 'Master Card',\n                    amex: 'Amex',\n                    discover: 'Discover',\n                    unknown: 'Unknown'\n                };\n\n                var cardType = creditCardTypes[Object.keys(creditCardTypes).indexOf(type) > -1\n                    ? type\n                    : 'unknown'];\n                $(cardTypeSelector).val(cardType);\n                $('.card-number-wrapper').attr('data-type', type);\n                if (type === 'visa' || type === 'mastercard' || type === 'discover') {\n                    $('#securityCode').attr('maxlength', 3);\n                } else {\n                    $('#securityCode').attr('maxlength', 4);\n                }\n            }\n        });\n\n        $(cardFieldSelector).data('cleave', cleave);\n    },\n\n    serializeData: function (form) {\n        var serializedArray = form.serializeArray();\n\n        serializedArray.forEach(function (item) {\n            if (item.name.indexOf('cardNumber') > -1) {\n                item.value = $('#cardNumber').data('cleave').getRawValue(); // eslint-disable-line\n            }\n        });\n\n        return $.param(serializedArray);\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/cleave.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/errorNotification.js":
+/*!***************************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/errorNotification.js ***!
+  \***************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nmodule.exports = function (element, message) {\n    var errorHtml = '<div class=\"alert alert-danger alert-dismissible ' +\n        'fade show\" role=\"alert\">' +\n        '<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">' +\n        '<span aria-hidden=\"true\">&times;</span>' +\n        '</button>' + message + '</div>';\n\n    $(element).append(errorHtml);\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/errorNotification.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js":
+/*!***********************************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js ***!
+  \***********************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nmodule.exports = function (element) {\n    var position = element && element.length ? element.offset().top : 0;\n    $('html, body').animate({\n        scrollTop: position\n    }, 500);\n    if (!element) {\n        $('.logo-home').focus();\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/util.js":
+/*!***************************************************************************************************************!*\
+  !*** ../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/util.js ***!
+  \***************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nmodule.exports = function (include) {\n    if (typeof include === 'function') {\n        include();\n    } else if (typeof include === 'object') {\n        Object.keys(include).forEach(function (key) {\n            if (typeof include[key] === 'function') {\n                include[key]();\n            }\n        });\n    }\n};\n\n\n//# sourceURL=webpack:///../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/util.js?");
+
+/***/ }),
+
+/***/ "../storefront-reference-architecture/node_modules/cleave.js/dist/cleave-esm.js":
+/*!**************************************************************************************!*\
+  !*** ../storefront-reference-architecture/node_modules/cleave.js/dist/cleave-esm.js ***!
+  \**************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nvar NumeralFormatter = function (numeralDecimalMark,\n                                 numeralIntegerScale,\n                                 numeralDecimalScale,\n                                 numeralThousandsGroupStyle,\n                                 numeralPositiveOnly,\n                                 stripLeadingZeroes,\n                                 prefix,\n                                 signBeforePrefix,\n                                 tailPrefix,\n                                 delimiter) {\n    var owner = this;\n\n    owner.numeralDecimalMark = numeralDecimalMark || '.';\n    owner.numeralIntegerScale = numeralIntegerScale > 0 ? numeralIntegerScale : 0;\n    owner.numeralDecimalScale = numeralDecimalScale >= 0 ? numeralDecimalScale : 2;\n    owner.numeralThousandsGroupStyle = numeralThousandsGroupStyle || NumeralFormatter.groupStyle.thousand;\n    owner.numeralPositiveOnly = !!numeralPositiveOnly;\n    owner.stripLeadingZeroes = stripLeadingZeroes !== false;\n    owner.prefix = (prefix || prefix === '') ? prefix : '';\n    owner.signBeforePrefix = !!signBeforePrefix;\n    owner.tailPrefix = !!tailPrefix;\n    owner.delimiter = (delimiter || delimiter === '') ? delimiter : ',';\n    owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n};\n\nNumeralFormatter.groupStyle = {\n    thousand: 'thousand',\n    lakh:     'lakh',\n    wan:      'wan',\n    none:     'none'    \n};\n\nNumeralFormatter.prototype = {\n    getRawValue: function (value) {\n        return value.replace(this.delimiterRE, '').replace(this.numeralDecimalMark, '.');\n    },\n\n    format: function (value) {\n        var owner = this, parts, partSign, partSignAndPrefix, partInteger, partDecimal = '';\n\n        // strip alphabet letters\n        value = value.replace(/[A-Za-z]/g, '')\n            // replace the first decimal mark with reserved placeholder\n            .replace(owner.numeralDecimalMark, 'M')\n\n            // strip non numeric letters except minus and \"M\"\n            // this is to ensure prefix has been stripped\n            .replace(/[^\\dM-]/g, '')\n\n            // replace the leading minus with reserved placeholder\n            .replace(/^\\-/, 'N')\n\n            // strip the other minus sign (if present)\n            .replace(/\\-/g, '')\n\n            // replace the minus sign (if present)\n            .replace('N', owner.numeralPositiveOnly ? '' : '-')\n\n            // replace decimal mark\n            .replace('M', owner.numeralDecimalMark);\n\n        // strip any leading zeros\n        if (owner.stripLeadingZeroes) {\n            value = value.replace(/^(-)?0+(?=\\d)/, '$1');\n        }\n\n        partSign = value.slice(0, 1) === '-' ? '-' : '';\n        if (typeof owner.prefix != 'undefined') {\n            if (owner.signBeforePrefix) {\n                partSignAndPrefix = partSign + owner.prefix;\n            } else {\n                partSignAndPrefix = owner.prefix + partSign;\n            }\n        } else {\n            partSignAndPrefix = partSign;\n        }\n        \n        partInteger = value;\n\n        if (value.indexOf(owner.numeralDecimalMark) >= 0) {\n            parts = value.split(owner.numeralDecimalMark);\n            partInteger = parts[0];\n            partDecimal = owner.numeralDecimalMark + parts[1].slice(0, owner.numeralDecimalScale);\n        }\n\n        if(partSign === '-') {\n            partInteger = partInteger.slice(1);\n        }\n\n        if (owner.numeralIntegerScale > 0) {\n          partInteger = partInteger.slice(0, owner.numeralIntegerScale);\n        }\n\n        switch (owner.numeralThousandsGroupStyle) {\n        case NumeralFormatter.groupStyle.lakh:\n            partInteger = partInteger.replace(/(\\d)(?=(\\d\\d)+\\d$)/g, '$1' + owner.delimiter);\n\n            break;\n\n        case NumeralFormatter.groupStyle.wan:\n            partInteger = partInteger.replace(/(\\d)(?=(\\d{4})+$)/g, '$1' + owner.delimiter);\n\n            break;\n\n        case NumeralFormatter.groupStyle.thousand:\n            partInteger = partInteger.replace(/(\\d)(?=(\\d{3})+$)/g, '$1' + owner.delimiter);\n\n            break;\n        }\n\n        if (owner.tailPrefix) {\n            return partSign + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '') + owner.prefix;\n        }\n\n        return partSignAndPrefix + partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '');\n    }\n};\n\nvar NumeralFormatter_1 = NumeralFormatter;\n\nvar DateFormatter = function (datePattern, dateMin, dateMax) {\n    var owner = this;\n\n    owner.date = [];\n    owner.blocks = [];\n    owner.datePattern = datePattern;\n    owner.dateMin = dateMin\n      .split('-')\n      .reverse()\n      .map(function(x) {\n        return parseInt(x, 10);\n      });\n    if (owner.dateMin.length === 2) owner.dateMin.unshift(0);\n\n    owner.dateMax = dateMax\n      .split('-')\n      .reverse()\n      .map(function(x) {\n        return parseInt(x, 10);\n      });\n    if (owner.dateMax.length === 2) owner.dateMax.unshift(0);\n    \n    owner.initBlocks();\n};\n\nDateFormatter.prototype = {\n    initBlocks: function () {\n        var owner = this;\n        owner.datePattern.forEach(function (value) {\n            if (value === 'Y') {\n                owner.blocks.push(4);\n            } else {\n                owner.blocks.push(2);\n            }\n        });\n    },\n\n    getISOFormatDate: function () {\n        var owner = this,\n            date = owner.date;\n\n        return date[2] ? (\n            date[2] + '-' + owner.addLeadingZero(date[1]) + '-' + owner.addLeadingZero(date[0])\n        ) : '';\n    },\n\n    getBlocks: function () {\n        return this.blocks;\n    },\n\n    getValidatedDate: function (value) {\n        var owner = this, result = '';\n\n        value = value.replace(/[^\\d]/g, '');\n\n        owner.blocks.forEach(function (length, index) {\n            if (value.length > 0) {\n                var sub = value.slice(0, length),\n                    sub0 = sub.slice(0, 1),\n                    rest = value.slice(length);\n\n                switch (owner.datePattern[index]) {\n                case 'd':\n                    if (sub === '00') {\n                        sub = '01';\n                    } else if (parseInt(sub0, 10) > 3) {\n                        sub = '0' + sub0;\n                    } else if (parseInt(sub, 10) > 31) {\n                        sub = '31';\n                    }\n\n                    break;\n\n                case 'm':\n                    if (sub === '00') {\n                        sub = '01';\n                    } else if (parseInt(sub0, 10) > 1) {\n                        sub = '0' + sub0;\n                    } else if (parseInt(sub, 10) > 12) {\n                        sub = '12';\n                    }\n\n                    break;\n                }\n\n                result += sub;\n\n                // update remaining string\n                value = rest;\n            }\n        });\n\n        return this.getFixedDateString(result);\n    },\n\n    getFixedDateString: function (value) {\n        var owner = this, datePattern = owner.datePattern, date = [],\n            dayIndex = 0, monthIndex = 0, yearIndex = 0,\n            dayStartIndex = 0, monthStartIndex = 0, yearStartIndex = 0,\n            day, month, year, fullYearDone = false;\n\n        // mm-dd || dd-mm\n        if (value.length === 4 && datePattern[0].toLowerCase() !== 'y' && datePattern[1].toLowerCase() !== 'y') {\n            dayStartIndex = datePattern[0] === 'd' ? 0 : 2;\n            monthStartIndex = 2 - dayStartIndex;\n            day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n\n            date = this.getFixedDate(day, month, 0);\n        }\n\n        // yyyy-mm-dd || yyyy-dd-mm || mm-dd-yyyy || dd-mm-yyyy || dd-yyyy-mm || mm-yyyy-dd\n        if (value.length === 8) {\n            datePattern.forEach(function (type, index) {\n                switch (type) {\n                case 'd':\n                    dayIndex = index;\n                    break;\n                case 'm':\n                    monthIndex = index;\n                    break;\n                default:\n                    yearIndex = index;\n                    break;\n                }\n            });\n\n            yearStartIndex = yearIndex * 2;\n            dayStartIndex = (dayIndex <= yearIndex) ? dayIndex * 2 : (dayIndex * 2 + 2);\n            monthStartIndex = (monthIndex <= yearIndex) ? monthIndex * 2 : (monthIndex * 2 + 2);\n\n            day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);\n\n            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;\n\n            date = this.getFixedDate(day, month, year);\n        }\n\n        // mm-yy || yy-mm\n        if (value.length === 4 && (datePattern[0] === 'y' || datePattern[1] === 'y')) {\n            monthStartIndex = datePattern[0] === 'm' ? 0 : 2;\n            yearStartIndex = 2 - monthStartIndex;\n            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 2), 10);\n\n            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 2).length === 2;\n\n            date = [0, month, year];\n        }\n\n        // mm-yyyy || yyyy-mm\n        if (value.length === 6 && (datePattern[0] === 'Y' || datePattern[1] === 'Y')) {\n            monthStartIndex = datePattern[0] === 'm' ? 0 : 4;\n            yearStartIndex = 2 - 0.5 * monthStartIndex;\n            month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n            year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);\n\n            fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;\n\n            date = [0, month, year];\n        }\n\n        date = owner.getRangeFixedDate(date);\n        owner.date = date;\n\n        var result = date.length === 0 ? value : datePattern.reduce(function (previous, current) {\n            switch (current) {\n            case 'd':\n                return previous + (date[0] === 0 ? '' : owner.addLeadingZero(date[0]));\n            case 'm':\n                return previous + (date[1] === 0 ? '' : owner.addLeadingZero(date[1]));\n            case 'y':\n                return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], false) : '');\n            case 'Y':\n                return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2], true) : '');\n            }\n        }, '');\n\n        return result;\n    },\n\n    getRangeFixedDate: function (date) {\n        var owner = this,\n            datePattern = owner.datePattern,\n            dateMin = owner.dateMin || [],\n            dateMax = owner.dateMax || [];\n\n        if (!date.length || (dateMin.length < 3 && dateMax.length < 3)) return date;\n\n        if (\n          datePattern.find(function(x) {\n            return x.toLowerCase() === 'y';\n          }) &&\n          date[2] === 0\n        ) return date;\n\n        if (dateMax.length && (dateMax[2] < date[2] || (\n          dateMax[2] === date[2] && (dateMax[1] < date[1] || (\n            dateMax[1] === date[1] && dateMax[0] < date[0]\n          ))\n        ))) return dateMax;\n\n        if (dateMin.length && (dateMin[2] > date[2] || (\n          dateMin[2] === date[2] && (dateMin[1] > date[1] || (\n            dateMin[1] === date[1] && dateMin[0] > date[0]\n          ))\n        ))) return dateMin;\n\n        return date;\n    },\n\n    getFixedDate: function (day, month, year) {\n        day = Math.min(day, 31);\n        month = Math.min(month, 12);\n        year = parseInt((year || 0), 10);\n\n        if ((month < 7 && month % 2 === 0) || (month > 8 && month % 2 === 1)) {\n            day = Math.min(day, month === 2 ? (this.isLeapYear(year) ? 29 : 28) : 30);\n        }\n\n        return [day, month, year];\n    },\n\n    isLeapYear: function (year) {\n        return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);\n    },\n\n    addLeadingZero: function (number) {\n        return (number < 10 ? '0' : '') + number;\n    },\n\n    addLeadingZeroForYear: function (number, fullYearMode) {\n        if (fullYearMode) {\n            return (number < 10 ? '000' : (number < 100 ? '00' : (number < 1000 ? '0' : ''))) + number;\n        }\n\n        return (number < 10 ? '0' : '') + number;\n    }\n};\n\nvar DateFormatter_1 = DateFormatter;\n\nvar TimeFormatter = function (timePattern, timeFormat) {\n    var owner = this;\n\n    owner.time = [];\n    owner.blocks = [];\n    owner.timePattern = timePattern;\n    owner.timeFormat = timeFormat;\n    owner.initBlocks();\n};\n\nTimeFormatter.prototype = {\n    initBlocks: function () {\n        var owner = this;\n        owner.timePattern.forEach(function () {\n            owner.blocks.push(2);\n        });\n    },\n\n    getISOFormatTime: function () {\n        var owner = this,\n            time = owner.time;\n\n        return time[2] ? (\n            owner.addLeadingZero(time[0]) + ':' + owner.addLeadingZero(time[1]) + ':' + owner.addLeadingZero(time[2])\n        ) : '';\n    },\n\n    getBlocks: function () {\n        return this.blocks;\n    },\n\n    getTimeFormatOptions: function () {\n        var owner = this;\n        if (String(owner.timeFormat) === '12') {\n            return {\n                maxHourFirstDigit: 1,\n                maxHours: 12,\n                maxMinutesFirstDigit: 5,\n                maxMinutes: 60\n            };\n        }\n\n        return {\n            maxHourFirstDigit: 2,\n            maxHours: 23,\n            maxMinutesFirstDigit: 5,\n            maxMinutes: 60\n        };\n    },\n\n    getValidatedTime: function (value) {\n        var owner = this, result = '';\n\n        value = value.replace(/[^\\d]/g, '');\n\n        var timeFormatOptions = owner.getTimeFormatOptions();\n\n        owner.blocks.forEach(function (length, index) {\n            if (value.length > 0) {\n                var sub = value.slice(0, length),\n                    sub0 = sub.slice(0, 1),\n                    rest = value.slice(length);\n\n                switch (owner.timePattern[index]) {\n\n                case 'h':\n                    if (parseInt(sub0, 10) > timeFormatOptions.maxHourFirstDigit) {\n                        sub = '0' + sub0;\n                    } else if (parseInt(sub, 10) > timeFormatOptions.maxHours) {\n                        sub = timeFormatOptions.maxHours + '';\n                    }\n\n                    break;\n\n                case 'm':\n                case 's':\n                    if (parseInt(sub0, 10) > timeFormatOptions.maxMinutesFirstDigit) {\n                        sub = '0' + sub0;\n                    } else if (parseInt(sub, 10) > timeFormatOptions.maxMinutes) {\n                        sub = timeFormatOptions.maxMinutes + '';\n                    }\n                    break;\n                }\n\n                result += sub;\n\n                // update remaining string\n                value = rest;\n            }\n        });\n\n        return this.getFixedTimeString(result);\n    },\n\n    getFixedTimeString: function (value) {\n        var owner = this, timePattern = owner.timePattern, time = [],\n            secondIndex = 0, minuteIndex = 0, hourIndex = 0,\n            secondStartIndex = 0, minuteStartIndex = 0, hourStartIndex = 0,\n            second, minute, hour;\n\n        if (value.length === 6) {\n            timePattern.forEach(function (type, index) {\n                switch (type) {\n                case 's':\n                    secondIndex = index * 2;\n                    break;\n                case 'm':\n                    minuteIndex = index * 2;\n                    break;\n                case 'h':\n                    hourIndex = index * 2;\n                    break;\n                }\n            });\n\n            hourStartIndex = hourIndex;\n            minuteStartIndex = minuteIndex;\n            secondStartIndex = secondIndex;\n\n            second = parseInt(value.slice(secondStartIndex, secondStartIndex + 2), 10);\n            minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n            hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n            time = this.getFixedTime(hour, minute, second);\n        }\n\n        if (value.length === 4 && owner.timePattern.indexOf('s') < 0) {\n            timePattern.forEach(function (type, index) {\n                switch (type) {\n                case 'm':\n                    minuteIndex = index * 2;\n                    break;\n                case 'h':\n                    hourIndex = index * 2;\n                    break;\n                }\n            });\n\n            hourStartIndex = hourIndex;\n            minuteStartIndex = minuteIndex;\n\n            second = 0;\n            minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n            hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n            time = this.getFixedTime(hour, minute, second);\n        }\n\n        owner.time = time;\n\n        return time.length === 0 ? value : timePattern.reduce(function (previous, current) {\n            switch (current) {\n            case 's':\n                return previous + owner.addLeadingZero(time[2]);\n            case 'm':\n                return previous + owner.addLeadingZero(time[1]);\n            case 'h':\n                return previous + owner.addLeadingZero(time[0]);\n            }\n        }, '');\n    },\n\n    getFixedTime: function (hour, minute, second) {\n        second = Math.min(parseInt(second || 0, 10), 60);\n        minute = Math.min(minute, 60);\n        hour = Math.min(hour, 60);\n\n        return [hour, minute, second];\n    },\n\n    addLeadingZero: function (number) {\n        return (number < 10 ? '0' : '') + number;\n    }\n};\n\nvar TimeFormatter_1 = TimeFormatter;\n\nvar PhoneFormatter = function (formatter, delimiter) {\n    var owner = this;\n\n    owner.delimiter = (delimiter || delimiter === '') ? delimiter : ' ';\n    owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n\n    owner.formatter = formatter;\n};\n\nPhoneFormatter.prototype = {\n    setFormatter: function (formatter) {\n        this.formatter = formatter;\n    },\n\n    format: function (phoneNumber) {\n        var owner = this;\n\n        owner.formatter.clear();\n\n        // only keep number and +\n        phoneNumber = phoneNumber.replace(/[^\\d+]/g, '');\n\n        // strip non-leading +\n        phoneNumber = phoneNumber.replace(/^\\+/, 'B').replace(/\\+/g, '').replace('B', '+');\n\n        // strip delimiter\n        phoneNumber = phoneNumber.replace(owner.delimiterRE, '');\n\n        var result = '', current, validated = false;\n\n        for (var i = 0, iMax = phoneNumber.length; i < iMax; i++) {\n            current = owner.formatter.inputDigit(phoneNumber.charAt(i));\n\n            // has ()- or space inside\n            if (/[\\s()-]/g.test(current)) {\n                result = current;\n\n                validated = true;\n            } else {\n                if (!validated) {\n                    result = current;\n                }\n                // else: over length input\n                // it turns to invalid number again\n            }\n        }\n\n        // strip ()\n        // e.g. US: 7161234567 returns (716) 123-4567\n        result = result.replace(/[()]/g, '');\n        // replace library delimiter with user customized delimiter\n        result = result.replace(/[\\s-]/g, owner.delimiter);\n\n        return result;\n    }\n};\n\nvar PhoneFormatter_1 = PhoneFormatter;\n\nvar CreditCardDetector = {\n    blocks: {\n        uatp:          [4, 5, 6],\n        amex:          [4, 6, 5],\n        diners:        [4, 6, 4],\n        discover:      [4, 4, 4, 4],\n        mastercard:    [4, 4, 4, 4],\n        dankort:       [4, 4, 4, 4],\n        instapayment:  [4, 4, 4, 4],\n        jcb15:         [4, 6, 5],\n        jcb:           [4, 4, 4, 4],\n        maestro:       [4, 4, 4, 4],\n        visa:          [4, 4, 4, 4],\n        mir:           [4, 4, 4, 4],\n        unionPay:      [4, 4, 4, 4],\n        general:       [4, 4, 4, 4]\n    },\n\n    re: {\n        // starts with 1; 15 digits, not starts with 1800 (jcb card)\n        uatp: /^(?!1800)1\\d{0,14}/,\n\n        // starts with 34/37; 15 digits\n        amex: /^3[47]\\d{0,13}/,\n\n        // starts with 6011/65/644-649; 16 digits\n        discover: /^(?:6011|65\\d{0,2}|64[4-9]\\d?)\\d{0,12}/,\n\n        // starts with 300-305/309 or 36/38/39; 14 digits\n        diners: /^3(?:0([0-5]|9)|[689]\\d?)\\d{0,11}/,\n\n        // starts with 51-55/2221–2720; 16 digits\n        mastercard: /^(5[1-5]\\d{0,2}|22[2-9]\\d{0,1}|2[3-7]\\d{0,2})\\d{0,12}/,\n\n        // starts with 5019/4175/4571; 16 digits\n        dankort: /^(5019|4175|4571)\\d{0,12}/,\n\n        // starts with 637-639; 16 digits\n        instapayment: /^63[7-9]\\d{0,13}/,\n\n        // starts with 2131/1800; 15 digits\n        jcb15: /^(?:2131|1800)\\d{0,11}/,\n\n        // starts with 2131/1800/35; 16 digits\n        jcb: /^(?:35\\d{0,2})\\d{0,12}/,\n\n        // starts with 50/56-58/6304/67; 16 digits\n        maestro: /^(?:5[0678]\\d{0,2}|6304|67\\d{0,2})\\d{0,12}/,\n\n        // starts with 22; 16 digits\n        mir: /^220[0-4]\\d{0,12}/,\n\n        // starts with 4; 16 digits\n        visa: /^4\\d{0,15}/,\n\n        // starts with 62/81; 16 digits\n        unionPay: /^(62|81)\\d{0,14}/\n    },\n\n    getStrictBlocks: function (block) {\n      var total = block.reduce(function (prev, current) {\n        return prev + current;\n      }, 0);\n\n      return block.concat(19 - total);\n    },\n\n    getInfo: function (value, strictMode) {\n        var blocks = CreditCardDetector.blocks,\n            re = CreditCardDetector.re;\n\n        // Some credit card can have up to 19 digits number.\n        // Set strictMode to true will remove the 16 max-length restrain,\n        // however, I never found any website validate card number like\n        // this, hence probably you don't want to enable this option.\n        strictMode = !!strictMode;\n\n        for (var key in re) {\n            if (re[key].test(value)) {\n                var matchedBlocks = blocks[key];\n                return {\n                    type: key,\n                    blocks: strictMode ? this.getStrictBlocks(matchedBlocks) : matchedBlocks\n                };\n            }\n        }\n\n        return {\n            type: 'unknown',\n            blocks: strictMode ? this.getStrictBlocks(blocks.general) : blocks.general\n        };\n    }\n};\n\nvar CreditCardDetector_1 = CreditCardDetector;\n\nvar Util = {\n    noop: function () {\n    },\n\n    strip: function (value, re) {\n        return value.replace(re, '');\n    },\n\n    getPostDelimiter: function (value, delimiter, delimiters) {\n        // single delimiter\n        if (delimiters.length === 0) {\n            return value.slice(-delimiter.length) === delimiter ? delimiter : '';\n        }\n\n        // multiple delimiters\n        var matchedDelimiter = '';\n        delimiters.forEach(function (current) {\n            if (value.slice(-current.length) === current) {\n                matchedDelimiter = current;\n            }\n        });\n\n        return matchedDelimiter;\n    },\n\n    getDelimiterREByDelimiter: function (delimiter) {\n        return new RegExp(delimiter.replace(/([.?*+^$[\\]\\\\(){}|-])/g, '\\\\$1'), 'g');\n    },\n\n    getNextCursorPosition: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n      // If cursor was at the end of value, just place it back.\n      // Because new value could contain additional chars.\n      if (oldValue.length === prevPos) {\n          return newValue.length;\n      }\n\n      return prevPos + this.getPositionOffset(prevPos, oldValue, newValue, delimiter ,delimiters);\n    },\n\n    getPositionOffset: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n        var oldRawValue, newRawValue, lengthOffset;\n\n        oldRawValue = this.stripDelimiters(oldValue.slice(0, prevPos), delimiter, delimiters);\n        newRawValue = this.stripDelimiters(newValue.slice(0, prevPos), delimiter, delimiters);\n        lengthOffset = oldRawValue.length - newRawValue.length;\n\n        return (lengthOffset !== 0) ? (lengthOffset / Math.abs(lengthOffset)) : 0;\n    },\n\n    stripDelimiters: function (value, delimiter, delimiters) {\n        var owner = this;\n\n        // single delimiter\n        if (delimiters.length === 0) {\n            var delimiterRE = delimiter ? owner.getDelimiterREByDelimiter(delimiter) : '';\n\n            return value.replace(delimiterRE, '');\n        }\n\n        // multiple delimiters\n        delimiters.forEach(function (current) {\n            current.split('').forEach(function (letter) {\n                value = value.replace(owner.getDelimiterREByDelimiter(letter), '');\n            });\n        });\n\n        return value;\n    },\n\n    headStr: function (str, length) {\n        return str.slice(0, length);\n    },\n\n    getMaxLength: function (blocks) {\n        return blocks.reduce(function (previous, current) {\n            return previous + current;\n        }, 0);\n    },\n\n    // strip prefix\n    // Before type  |   After type    |     Return value\n    // PEFIX-...    |   PEFIX-...     |     ''\n    // PREFIX-123   |   PEFIX-123     |     123\n    // PREFIX-123   |   PREFIX-23     |     23\n    // PREFIX-123   |   PREFIX-1234   |     1234\n    getPrefixStrippedValue: function (value, prefix, prefixLength, prevResult, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix) {\n        // No prefix\n        if (prefixLength === 0) {\n          return value;\n        }\n\n        // Value is prefix\n        if (value === prefix && value !== '') {\n          return '';\n        }\n\n        if (signBeforePrefix && (value.slice(0, 1) == '-')) {\n            var prev = (prevResult.slice(0, 1) == '-') ? prevResult.slice(1) : prevResult;\n            return '-' + this.getPrefixStrippedValue(value.slice(1), prefix, prefixLength, prev, delimiter, delimiters, noImmediatePrefix, tailPrefix, signBeforePrefix);\n        }\n\n        // Pre result prefix string does not match pre-defined prefix\n        if (prevResult.slice(0, prefixLength) !== prefix && !tailPrefix) {\n            // Check if the first time user entered something\n            if (noImmediatePrefix && !prevResult && value) return value;\n            return '';\n        } else if (prevResult.slice(-prefixLength) !== prefix && tailPrefix) {\n            // Check if the first time user entered something\n            if (noImmediatePrefix && !prevResult && value) return value;\n            return '';\n        }\n\n        var prevValue = this.stripDelimiters(prevResult, delimiter, delimiters);\n\n        // New value has issue, someone typed in between prefix letters\n        // Revert to pre value\n        if (value.slice(0, prefixLength) !== prefix && !tailPrefix) {\n            return prevValue.slice(prefixLength);\n        } else if (value.slice(-prefixLength) !== prefix && tailPrefix) {\n            return prevValue.slice(0, -prefixLength - 1);\n        }\n\n        // No issue, strip prefix for new value\n        return tailPrefix ? value.slice(0, -prefixLength) : value.slice(prefixLength);\n    },\n\n    getFirstDiffIndex: function (prev, current) {\n        var index = 0;\n\n        while (prev.charAt(index) === current.charAt(index)) {\n            if (prev.charAt(index++) === '') {\n                return -1;\n            }\n        }\n\n        return index;\n    },\n\n    getFormattedValue: function (value, blocks, blocksLength, delimiter, delimiters, delimiterLazyShow) {\n        var result = '',\n            multipleDelimiters = delimiters.length > 0,\n            currentDelimiter = '';\n\n        // no options, normal input\n        if (blocksLength === 0) {\n            return value;\n        }\n\n        blocks.forEach(function (length, index) {\n            if (value.length > 0) {\n                var sub = value.slice(0, length),\n                    rest = value.slice(length);\n\n                if (multipleDelimiters) {\n                    currentDelimiter = delimiters[delimiterLazyShow ? (index - 1) : index] || currentDelimiter;\n                } else {\n                    currentDelimiter = delimiter;\n                }\n\n                if (delimiterLazyShow) {\n                    if (index > 0) {\n                        result += currentDelimiter;\n                    }\n\n                    result += sub;\n                } else {\n                    result += sub;\n\n                    if (sub.length === length && index < blocksLength - 1) {\n                        result += currentDelimiter;\n                    }\n                }\n\n                // update remaining string\n                value = rest;\n            }\n        });\n\n        return result;\n    },\n\n    // move cursor to the end\n    // the first time user focuses on an input with prefix\n    fixPrefixCursor: function (el, prefix, delimiter, delimiters) {\n        if (!el) {\n            return;\n        }\n\n        var val = el.value,\n            appendix = delimiter || (delimiters[0] || ' ');\n\n        if (!el.setSelectionRange || !prefix || (prefix.length + appendix.length) <= val.length) {\n            return;\n        }\n\n        var len = val.length * 2;\n\n        // set timeout to avoid blink\n        setTimeout(function () {\n            el.setSelectionRange(len, len);\n        }, 1);\n    },\n\n    // Check if input field is fully selected\n    checkFullSelection: function(value) {\n      try {\n        var selection = window.getSelection() || document.getSelection() || {};\n        return selection.toString().length === value.length;\n      } catch (ex) {\n        // Ignore\n      }\n\n      return false;\n    },\n\n    setSelection: function (element, position, doc) {\n        if (element !== this.getActiveElement(doc)) {\n            return;\n        }\n\n        // cursor is already in the end\n        if (element && element.value.length <= position) {\n          return;\n        }\n\n        if (element.createTextRange) {\n            var range = element.createTextRange();\n\n            range.move('character', position);\n            range.select();\n        } else {\n            try {\n                element.setSelectionRange(position, position);\n            } catch (e) {\n                // eslint-disable-next-line\n                console.warn('The input element type does not support selection');\n            }\n        }\n    },\n\n    getActiveElement: function(parent) {\n        var activeElement = parent.activeElement;\n        if (activeElement && activeElement.shadowRoot) {\n            return this.getActiveElement(activeElement.shadowRoot);\n        }\n        return activeElement;\n    },\n\n    isAndroid: function () {\n        return navigator && /android/i.test(navigator.userAgent);\n    },\n\n    // On Android chrome, the keyup and keydown events\n    // always return key code 229 as a composition that\n    // buffers the user’s keystrokes\n    // see https://github.com/nosir/cleave.js/issues/147\n    isAndroidBackspaceKeydown: function (lastInputValue, currentInputValue) {\n        if (!this.isAndroid() || !lastInputValue || !currentInputValue) {\n            return false;\n        }\n\n        return currentInputValue === lastInputValue.slice(0, -1);\n    }\n};\n\nvar Util_1 = Util;\n\n/**\n * Props Assignment\n *\n * Separate this, so react module can share the usage\n */\nvar DefaultProperties = {\n    // Maybe change to object-assign\n    // for now just keep it as simple\n    assign: function (target, opts) {\n        target = target || {};\n        opts = opts || {};\n\n        // credit card\n        target.creditCard = !!opts.creditCard;\n        target.creditCardStrictMode = !!opts.creditCardStrictMode;\n        target.creditCardType = '';\n        target.onCreditCardTypeChanged = opts.onCreditCardTypeChanged || (function () {});\n\n        // phone\n        target.phone = !!opts.phone;\n        target.phoneRegionCode = opts.phoneRegionCode || 'AU';\n        target.phoneFormatter = {};\n\n        // time\n        target.time = !!opts.time;\n        target.timePattern = opts.timePattern || ['h', 'm', 's'];\n        target.timeFormat = opts.timeFormat || '24';\n        target.timeFormatter = {};\n\n        // date\n        target.date = !!opts.date;\n        target.datePattern = opts.datePattern || ['d', 'm', 'Y'];\n        target.dateMin = opts.dateMin || '';\n        target.dateMax = opts.dateMax || '';\n        target.dateFormatter = {};\n\n        // numeral\n        target.numeral = !!opts.numeral;\n        target.numeralIntegerScale = opts.numeralIntegerScale > 0 ? opts.numeralIntegerScale : 0;\n        target.numeralDecimalScale = opts.numeralDecimalScale >= 0 ? opts.numeralDecimalScale : 2;\n        target.numeralDecimalMark = opts.numeralDecimalMark || '.';\n        target.numeralThousandsGroupStyle = opts.numeralThousandsGroupStyle || 'thousand';\n        target.numeralPositiveOnly = !!opts.numeralPositiveOnly;\n        target.stripLeadingZeroes = opts.stripLeadingZeroes !== false;\n        target.signBeforePrefix = !!opts.signBeforePrefix;\n        target.tailPrefix = !!opts.tailPrefix;\n\n        // others\n        target.swapHiddenInput = !!opts.swapHiddenInput;\n        \n        target.numericOnly = target.creditCard || target.date || !!opts.numericOnly;\n\n        target.uppercase = !!opts.uppercase;\n        target.lowercase = !!opts.lowercase;\n\n        target.prefix = (target.creditCard || target.date) ? '' : (opts.prefix || '');\n        target.noImmediatePrefix = !!opts.noImmediatePrefix;\n        target.prefixLength = target.prefix.length;\n        target.rawValueTrimPrefix = !!opts.rawValueTrimPrefix;\n        target.copyDelimiter = !!opts.copyDelimiter;\n\n        target.initValue = (opts.initValue !== undefined && opts.initValue !== null) ? opts.initValue.toString() : '';\n\n        target.delimiter =\n            (opts.delimiter || opts.delimiter === '') ? opts.delimiter :\n                (opts.date ? '/' :\n                    (opts.time ? ':' :\n                        (opts.numeral ? ',' :\n                            (opts.phone ? ' ' :\n                                ' '))));\n        target.delimiterLength = target.delimiter.length;\n        target.delimiterLazyShow = !!opts.delimiterLazyShow;\n        target.delimiters = opts.delimiters || [];\n\n        target.blocks = opts.blocks || [];\n        target.blocksLength = target.blocks.length;\n\n        target.root = (typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window;\n        target.document = opts.document || target.root.document;\n\n        target.maxLength = 0;\n\n        target.backspace = false;\n        target.result = '';\n\n        target.onValueChanged = opts.onValueChanged || (function () {});\n\n        return target;\n    }\n};\n\nvar DefaultProperties_1 = DefaultProperties;\n\n/**\n * Construct a new Cleave instance by passing the configuration object\n *\n * @param {String | HTMLElement} element\n * @param {Object} opts\n */\nvar Cleave = function (element, opts) {\n    var owner = this;\n    var hasMultipleElements = false;\n\n    if (typeof element === 'string') {\n        owner.element = document.querySelector(element);\n        hasMultipleElements = document.querySelectorAll(element).length > 1;\n    } else {\n      if (typeof element.length !== 'undefined' && element.length > 0) {\n        owner.element = element[0];\n        hasMultipleElements = element.length > 1;\n      } else {\n        owner.element = element;\n      }\n    }\n\n    if (!owner.element) {\n        throw new Error('[cleave.js] Please check the element');\n    }\n\n    if (hasMultipleElements) {\n      try {\n        // eslint-disable-next-line\n        console.warn('[cleave.js] Multiple input fields matched, cleave.js will only take the first one.');\n      } catch (e) {\n        // Old IE\n      }\n    }\n\n    opts.initValue = owner.element.value;\n\n    owner.properties = Cleave.DefaultProperties.assign({}, opts);\n\n    owner.init();\n};\n\nCleave.prototype = {\n    init: function () {\n        var owner = this, pps = owner.properties;\n\n        // no need to use this lib\n        if (!pps.numeral && !pps.phone && !pps.creditCard && !pps.time && !pps.date && (pps.blocksLength === 0 && !pps.prefix)) {\n            owner.onInput(pps.initValue);\n\n            return;\n        }\n\n        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n\n        owner.isAndroid = Cleave.Util.isAndroid();\n        owner.lastInputValue = '';\n        owner.isBackward = '';\n\n        owner.onChangeListener = owner.onChange.bind(owner);\n        owner.onKeyDownListener = owner.onKeyDown.bind(owner);\n        owner.onFocusListener = owner.onFocus.bind(owner);\n        owner.onCutListener = owner.onCut.bind(owner);\n        owner.onCopyListener = owner.onCopy.bind(owner);\n\n        owner.initSwapHiddenInput();\n\n        owner.element.addEventListener('input', owner.onChangeListener);\n        owner.element.addEventListener('keydown', owner.onKeyDownListener);\n        owner.element.addEventListener('focus', owner.onFocusListener);\n        owner.element.addEventListener('cut', owner.onCutListener);\n        owner.element.addEventListener('copy', owner.onCopyListener);\n\n\n        owner.initPhoneFormatter();\n        owner.initDateFormatter();\n        owner.initTimeFormatter();\n        owner.initNumeralFormatter();\n\n        // avoid touch input field if value is null\n        // otherwise Firefox will add red box-shadow for <input required />\n        if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {\n            owner.onInput(pps.initValue);\n        }\n    },\n\n    initSwapHiddenInput: function () {\n        var owner = this, pps = owner.properties;\n        if (!pps.swapHiddenInput) return;\n\n        var inputFormatter = owner.element.cloneNode(true);\n        owner.element.parentNode.insertBefore(inputFormatter, owner.element);\n\n        owner.elementSwapHidden = owner.element;\n        owner.elementSwapHidden.type = 'hidden';\n\n        owner.element = inputFormatter;\n        owner.element.id = '';\n    },\n\n    initNumeralFormatter: function () {\n        var owner = this, pps = owner.properties;\n\n        if (!pps.numeral) {\n            return;\n        }\n\n        pps.numeralFormatter = new Cleave.NumeralFormatter(\n            pps.numeralDecimalMark,\n            pps.numeralIntegerScale,\n            pps.numeralDecimalScale,\n            pps.numeralThousandsGroupStyle,\n            pps.numeralPositiveOnly,\n            pps.stripLeadingZeroes,\n            pps.prefix,\n            pps.signBeforePrefix,\n            pps.tailPrefix,\n            pps.delimiter\n        );\n    },\n\n    initTimeFormatter: function() {\n        var owner = this, pps = owner.properties;\n\n        if (!pps.time) {\n            return;\n        }\n\n        pps.timeFormatter = new Cleave.TimeFormatter(pps.timePattern, pps.timeFormat);\n        pps.blocks = pps.timeFormatter.getBlocks();\n        pps.blocksLength = pps.blocks.length;\n        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n    },\n\n    initDateFormatter: function () {\n        var owner = this, pps = owner.properties;\n\n        if (!pps.date) {\n            return;\n        }\n\n        pps.dateFormatter = new Cleave.DateFormatter(pps.datePattern, pps.dateMin, pps.dateMax);\n        pps.blocks = pps.dateFormatter.getBlocks();\n        pps.blocksLength = pps.blocks.length;\n        pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n    },\n\n    initPhoneFormatter: function () {\n        var owner = this, pps = owner.properties;\n\n        if (!pps.phone) {\n            return;\n        }\n\n        // Cleave.AsYouTypeFormatter should be provided by\n        // external google closure lib\n        try {\n            pps.phoneFormatter = new Cleave.PhoneFormatter(\n                new pps.root.Cleave.AsYouTypeFormatter(pps.phoneRegionCode),\n                pps.delimiter\n            );\n        } catch (ex) {\n            throw new Error('[cleave.js] Please include phone-type-formatter.{country}.js lib');\n        }\n    },\n\n    onKeyDown: function (event) {\n        var owner = this,\n            charCode = event.which || event.keyCode;\n\n        owner.lastInputValue = owner.element.value;\n        owner.isBackward = charCode === 8;\n    },\n\n    onChange: function (event) {\n        var owner = this, pps = owner.properties,\n            Util = Cleave.Util;\n\n        owner.isBackward = owner.isBackward || event.inputType === 'deleteContentBackward';\n\n        var postDelimiter = Util.getPostDelimiter(owner.lastInputValue, pps.delimiter, pps.delimiters);\n\n        if (owner.isBackward && postDelimiter) {\n            pps.postDelimiterBackspace = postDelimiter;\n        } else {\n            pps.postDelimiterBackspace = false;\n        }\n\n        this.onInput(this.element.value);\n    },\n\n    onFocus: function () {\n        var owner = this,\n            pps = owner.properties;\n        owner.lastInputValue = owner.element.value;\n\n        if (pps.prefix && pps.noImmediatePrefix && !owner.element.value) {\n            this.onInput(pps.prefix);\n        }\n\n        Cleave.Util.fixPrefixCursor(owner.element, pps.prefix, pps.delimiter, pps.delimiters);\n    },\n\n    onCut: function (e) {\n        if (!Cleave.Util.checkFullSelection(this.element.value)) return;\n        this.copyClipboardData(e);\n        this.onInput('');\n    },\n\n    onCopy: function (e) {\n        if (!Cleave.Util.checkFullSelection(this.element.value)) return;\n        this.copyClipboardData(e);\n    },\n\n    copyClipboardData: function (e) {\n        var owner = this,\n            pps = owner.properties,\n            Util = Cleave.Util,\n            inputValue = owner.element.value,\n            textToCopy = '';\n\n        if (!pps.copyDelimiter) {\n            textToCopy = Util.stripDelimiters(inputValue, pps.delimiter, pps.delimiters);\n        } else {\n            textToCopy = inputValue;\n        }\n\n        try {\n            if (e.clipboardData) {\n                e.clipboardData.setData('Text', textToCopy);\n            } else {\n                window.clipboardData.setData('Text', textToCopy);\n            }\n\n            e.preventDefault();\n        } catch (ex) {\n            //  empty\n        }\n    },\n\n    onInput: function (value) {\n        var owner = this, pps = owner.properties,\n            Util = Cleave.Util;\n\n        // case 1: delete one more character \"4\"\n        // 1234*| -> hit backspace -> 123|\n        // case 2: last character is not delimiter which is:\n        // 12|34* -> hit backspace -> 1|34*\n        // note: no need to apply this for numeral mode\n        var postDelimiterAfter = Util.getPostDelimiter(value, pps.delimiter, pps.delimiters);\n        if (!pps.numeral && pps.postDelimiterBackspace && !postDelimiterAfter) {\n            value = Util.headStr(value, value.length - pps.postDelimiterBackspace.length);\n        }\n\n        // phone formatter\n        if (pps.phone) {\n            if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {\n                pps.result = pps.prefix + pps.phoneFormatter.format(value).slice(pps.prefix.length);\n            } else {\n                pps.result = pps.phoneFormatter.format(value);\n            }\n            owner.updateValueState();\n\n            return;\n        }\n\n        // numeral formatter\n        if (pps.numeral) {\n            // Do not show prefix when noImmediatePrefix is specified\n            // This mostly because we need to show user the native input placeholder\n            if (pps.prefix && pps.noImmediatePrefix && value.length === 0) {\n                pps.result = '';\n            } else {\n                pps.result = pps.numeralFormatter.format(value);\n            }\n            owner.updateValueState();\n\n            return;\n        }\n\n        // date\n        if (pps.date) {\n            value = pps.dateFormatter.getValidatedDate(value);\n        }\n\n        // time\n        if (pps.time) {\n            value = pps.timeFormatter.getValidatedTime(value);\n        }\n\n        // strip delimiters\n        value = Util.stripDelimiters(value, pps.delimiter, pps.delimiters);\n\n        // strip prefix\n        value = Util.getPrefixStrippedValue(value, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);\n\n        // strip non-numeric characters\n        value = pps.numericOnly ? Util.strip(value, /[^\\d]/g) : value;\n\n        // convert case\n        value = pps.uppercase ? value.toUpperCase() : value;\n        value = pps.lowercase ? value.toLowerCase() : value;\n\n        // prevent from showing prefix when no immediate option enabled with empty input value\n        if (pps.prefix) {\n            if (pps.tailPrefix) {\n                value = value + pps.prefix;\n            } else {\n                value = pps.prefix + value;\n            }\n\n\n            // no blocks specified, no need to do formatting\n            if (pps.blocksLength === 0) {\n                pps.result = value;\n                owner.updateValueState();\n\n                return;\n            }\n        }\n\n        // update credit card props\n        if (pps.creditCard) {\n            owner.updateCreditCardPropsByValue(value);\n        }\n\n        // strip over length characters\n        value = Util.headStr(value, pps.maxLength);\n\n        // apply blocks\n        pps.result = Util.getFormattedValue(\n            value,\n            pps.blocks, pps.blocksLength,\n            pps.delimiter, pps.delimiters, pps.delimiterLazyShow\n        );\n\n        owner.updateValueState();\n    },\n\n    updateCreditCardPropsByValue: function (value) {\n        var owner = this, pps = owner.properties,\n            Util = Cleave.Util,\n            creditCardInfo;\n\n        // At least one of the first 4 characters has changed\n        if (Util.headStr(pps.result, 4) === Util.headStr(value, 4)) {\n            return;\n        }\n\n        creditCardInfo = Cleave.CreditCardDetector.getInfo(value, pps.creditCardStrictMode);\n\n        pps.blocks = creditCardInfo.blocks;\n        pps.blocksLength = pps.blocks.length;\n        pps.maxLength = Util.getMaxLength(pps.blocks);\n\n        // credit card type changed\n        if (pps.creditCardType !== creditCardInfo.type) {\n            pps.creditCardType = creditCardInfo.type;\n\n            pps.onCreditCardTypeChanged.call(owner, pps.creditCardType);\n        }\n    },\n\n    updateValueState: function () {\n        var owner = this,\n            Util = Cleave.Util,\n            pps = owner.properties;\n\n        if (!owner.element) {\n            return;\n        }\n\n        var endPos = owner.element.selectionEnd;\n        var oldValue = owner.element.value;\n        var newValue = pps.result;\n\n        endPos = Util.getNextCursorPosition(endPos, oldValue, newValue, pps.delimiter, pps.delimiters);\n\n        // fix Android browser type=\"text\" input field\n        // cursor not jumping issue\n        if (owner.isAndroid) {\n            window.setTimeout(function () {\n                owner.element.value = newValue;\n                Util.setSelection(owner.element, endPos, pps.document, false);\n                owner.callOnValueChanged();\n            }, 1);\n\n            return;\n        }\n\n        owner.element.value = newValue;\n        if (pps.swapHiddenInput) owner.elementSwapHidden.value = owner.getRawValue();\n\n        Util.setSelection(owner.element, endPos, pps.document, false);\n        owner.callOnValueChanged();\n    },\n\n    callOnValueChanged: function () {\n        var owner = this,\n            pps = owner.properties;\n\n        pps.onValueChanged.call(owner, {\n            target: {\n                name: owner.element.name,\n                value: pps.result,\n                rawValue: owner.getRawValue()\n            }\n        });\n    },\n\n    setPhoneRegionCode: function (phoneRegionCode) {\n        var owner = this, pps = owner.properties;\n\n        pps.phoneRegionCode = phoneRegionCode;\n        owner.initPhoneFormatter();\n        owner.onChange();\n    },\n\n    setRawValue: function (value) {\n        var owner = this, pps = owner.properties;\n\n        value = value !== undefined && value !== null ? value.toString() : '';\n\n        if (pps.numeral) {\n            value = value.replace('.', pps.numeralDecimalMark);\n        }\n\n        pps.postDelimiterBackspace = false;\n\n        owner.element.value = value;\n        owner.onInput(value);\n    },\n\n    getRawValue: function () {\n        var owner = this,\n            pps = owner.properties,\n            Util = Cleave.Util,\n            rawValue = owner.element.value;\n\n        if (pps.rawValueTrimPrefix) {\n            rawValue = Util.getPrefixStrippedValue(rawValue, pps.prefix, pps.prefixLength, pps.result, pps.delimiter, pps.delimiters, pps.noImmediatePrefix, pps.tailPrefix, pps.signBeforePrefix);\n        }\n\n        if (pps.numeral) {\n            rawValue = pps.numeralFormatter.getRawValue(rawValue);\n        } else {\n            rawValue = Util.stripDelimiters(rawValue, pps.delimiter, pps.delimiters);\n        }\n\n        return rawValue;\n    },\n\n    getISOFormatDate: function () {\n        var owner = this,\n            pps = owner.properties;\n\n        return pps.date ? pps.dateFormatter.getISOFormatDate() : '';\n    },\n\n    getISOFormatTime: function () {\n        var owner = this,\n            pps = owner.properties;\n\n        return pps.time ? pps.timeFormatter.getISOFormatTime() : '';\n    },\n\n    getFormattedValue: function () {\n        return this.element.value;\n    },\n\n    destroy: function () {\n        var owner = this;\n\n        owner.element.removeEventListener('input', owner.onChangeListener);\n        owner.element.removeEventListener('keydown', owner.onKeyDownListener);\n        owner.element.removeEventListener('focus', owner.onFocusListener);\n        owner.element.removeEventListener('cut', owner.onCutListener);\n        owner.element.removeEventListener('copy', owner.onCopyListener);\n    },\n\n    toString: function () {\n        return '[Cleave Object]';\n    }\n};\n\nCleave.NumeralFormatter = NumeralFormatter_1;\nCleave.DateFormatter = DateFormatter_1;\nCleave.TimeFormatter = TimeFormatter_1;\nCleave.PhoneFormatter = PhoneFormatter_1;\nCleave.CreditCardDetector = CreditCardDetector_1;\nCleave.Util = Util_1;\nCleave.DefaultProperties = DefaultProperties_1;\n\n// for angular directive\n((typeof commonjsGlobal === 'object' && commonjsGlobal) ? commonjsGlobal : window)['Cleave'] = Cleave;\n\n// CommonJS\nvar Cleave_1 = Cleave;\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Cleave_1);\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../../adyen-salesforce-commerce-cloud/node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///../storefront-reference-architecture/node_modules/cleave.js/dist/cleave-esm.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar store = __webpack_require__(/*! ../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./adyen_checkout/renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  renderGenericComponent = _require.renderGenericComponent;\nvar _require2 = __webpack_require__(/*! ./adyen_checkout/checkoutConfiguration */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js\"),\n  setCheckoutConfiguration = _require2.setCheckoutConfiguration,\n  actionHandler = _require2.actionHandler;\nvar _require3 = __webpack_require__(/*! ./adyen_checkout/helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\"),\n  assignPaymentMethodValue = _require3.assignPaymentMethodValue,\n  showValidation = _require3.showValidation,\n  paymentFromComponent = _require3.paymentFromComponent;\nvar _require4 = __webpack_require__(/*! ./adyen_checkout/validateComponents */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js\"),\n  validateComponents = _require4.validateComponents;\n$('#dwfrm_billing').submit(function apiRequest(e) {\n  e.preventDefault();\n  var form = $(this);\n  var url = form.attr('action');\n  $.ajax({\n    type: 'POST',\n    url: url,\n    data: form.serialize(),\n    async: false,\n    success: function success(data) {\n      store.formErrorsExist = 'fieldErrors' in data;\n    }\n  });\n});\nsetCheckoutConfiguration();\nif (window.cardholderNameBool !== 'null') {\n  store.checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName = true;\n  store.checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired = true;\n}\nif (window.googleMerchantID !== 'null' && window.Configuration.environment === 'live') {\n  var id = 'merchantId';\n  store.checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration[id] = window.googleMerchantID;\n  store.checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration[id] = window.googleMerchantID;\n}\n\n// Submit the payment\n$('button[value=\"submit-payment\"]').on('click', function () {\n  if (store.paypalTerminatedEarly) {\n    paymentFromComponent({\n      cancelTransaction: true,\n      merchantReference: document.querySelector('#merchantReference').value\n    });\n    store.paypalTerminatedEarly = false;\n  }\n  if (document.querySelector('#selectedPaymentOption').value === 'AdyenPOS') {\n    document.querySelector('#terminalId').value = document.querySelector('#terminalList').value;\n  }\n  if (document.querySelector('#selectedPaymentOption').value === 'AdyenComponent' || document.querySelector('#selectedPaymentOption').value === 'CREDIT_CARD') {\n    assignPaymentMethodValue();\n    validateComponents();\n    return showValidation();\n  }\n  return true;\n});\nmodule.exports = {\n  renderGenericComponent: renderGenericComponent,\n  actionHandler: actionHandler\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js":
+/*!*******************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar _require = __webpack_require__(/*! ./makePartialPayment */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js\"),\n  makePartialPayment = _require.makePartialPayment;\nvar _require2 = __webpack_require__(/*! ../commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  onBrand = _require2.onBrand,\n  onFieldValid = _require2.onFieldValid;\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require3 = __webpack_require__(/*! ./renderGiftcardComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js\"),\n  createElementsToShowRemainingGiftCardAmount = _require3.createElementsToShowRemainingGiftCardAmount,\n  renderAddedGiftCard = _require3.renderAddedGiftCard,\n  getGiftCardElements = _require3.getGiftCardElements,\n  showGiftCardInfoMessage = _require3.showGiftCardInfoMessage,\n  showGiftCardCancelButton = _require3.showGiftCardCancelButton,\n  attachGiftCardCancelListener = _require3.attachGiftCardCancelListener;\nfunction getCardConfig() {\n  return {\n    enableStoreDetails: window.showStoreDetails,\n    showBrandsUnderCardNumber: false,\n    clickToPayConfiguration: {\n      shopperEmail: window.customerEmail,\n      merchantDisplayName: window.merchantAccount\n    },\n    onChange: function onChange(state) {\n      store.isValid = state.isValid;\n      var method = state.data.paymentMethod.storedPaymentMethodId ? \"storedCard\".concat(state.data.paymentMethod.storedPaymentMethodId) : store.selectedMethod;\n      store.updateSelectedPayment(method, 'isValid', store.isValid);\n      store.updateSelectedPayment(method, 'stateData', state.data);\n    },\n    onSubmit: function onSubmit() {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    },\n    onFieldValid: onFieldValid,\n    onBrand: onBrand\n  };\n}\nfunction getPaypalConfig() {\n  store.paypalTerminatedEarly = false;\n  return {\n    showPayButton: true,\n    environment: window.Configuration.environment,\n    onSubmit: function onSubmit(state, component) {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('#adyenStateData').value = JSON.stringify(store.selectedPayment.stateData);\n      helpers.paymentFromComponent(state.data, component);\n    },\n    onCancel: function onCancel(data, component) {\n      store.paypalTerminatedEarly = false;\n      helpers.paymentFromComponent({\n        cancelTransaction: true,\n        merchantReference: document.querySelector('#merchantReference').value,\n        orderToken: document.querySelector('#orderToken').value\n      }, component);\n    },\n    onError: function onError(error, component) {\n      store.paypalTerminatedEarly = false;\n      if (component) {\n        component.setStatus('ready');\n      }\n      document.querySelector('#showConfirmationForm').submit();\n    },\n    onAdditionalDetails: function onAdditionalDetails(state) {\n      store.paypalTerminatedEarly = false;\n      document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);\n      document.querySelector('#showConfirmationForm').submit();\n    },\n    onClick: function onClick(data, actions) {\n      $('#dwfrm_billing').trigger('submit');\n      if (store.formErrorsExist) {\n        return actions.reject();\n      }\n      if (store.paypalTerminatedEarly) {\n        helpers.paymentFromComponent({\n          cancelTransaction: true,\n          merchantReference: document.querySelector('#merchantReference').value\n        });\n        store.paypalTerminatedEarly = false;\n        return actions.resolve();\n      }\n      store.paypalTerminatedEarly = true;\n      return null;\n    }\n  };\n}\nfunction getGooglePayConfig() {\n  return {\n    environment: window.Configuration.environment,\n    onSubmit: function onSubmit() {\n      helpers.assignPaymentMethodValue();\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    },\n    configuration: {\n      gatewayMerchantId: window.merchantAccount\n    },\n    showPayButton: true,\n    buttonColor: 'white'\n  };\n}\nfunction handlePartialPaymentSuccess() {\n  var _store$addedGiftCards;\n  var _getGiftCardElements = getGiftCardElements(),\n    giftCardSelectContainer = _getGiftCardElements.giftCardSelectContainer,\n    giftCardSelect = _getGiftCardElements.giftCardSelect,\n    giftCardsList = _getGiftCardElements.giftCardsList,\n    cancelMainPaymentGiftCard = _getGiftCardElements.cancelMainPaymentGiftCard,\n    giftCardAddButton = _getGiftCardElements.giftCardAddButton;\n  giftCardSelectContainer.classList.add('invisible');\n  giftCardSelect.value = null;\n  giftCardsList.innerHTML = '';\n  cancelMainPaymentGiftCard.addEventListener('click', function () {\n    store.componentsObj.giftcard.node.unmount('component_giftcard');\n    cancelMainPaymentGiftCard.classList.add('invisible');\n    giftCardAddButton.style.display = 'block';\n    giftCardSelect.value = 'null';\n  });\n  if (store.componentsObj.giftcard) {\n    store.componentsObj.giftcard.node.unmount('component_giftcard');\n  }\n  store.addedGiftCards.forEach(function (card) {\n    renderAddedGiftCard(card);\n  });\n  if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {\n    showGiftCardInfoMessage();\n  }\n  showGiftCardCancelButton(true);\n  attachGiftCardCancelListener();\n  createElementsToShowRemainingGiftCardAmount();\n}\nfunction makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject) {\n  var brandSelect = document.getElementById('giftCardSelect');\n  var selectedBrandIndex = brandSelect.selectedIndex;\n  var giftcardBrand = brandSelect.options[selectedBrandIndex].text;\n  var partialPaymentRequest = {\n    paymentMethod: giftCardData,\n    amount: giftcardBalance,\n    partialPaymentsOrder: {\n      pspReference: store.adyenOrderData.pspReference,\n      orderData: store.adyenOrderData.orderData\n    },\n    giftcardBrand: giftcardBrand\n  };\n  var partialPaymentResponse = makePartialPayment(partialPaymentRequest);\n  if (partialPaymentResponse !== null && partialPaymentResponse !== void 0 && partialPaymentResponse.error) {\n    reject();\n  } else {\n    handlePartialPaymentSuccess();\n  }\n}\nfunction getGiftCardConfig() {\n  var giftcardBalance;\n  return {\n    showPayButton: true,\n    onChange: function onChange(state) {\n      store.updateSelectedPayment(constants.GIFTCARD, 'isValid', state.isValid);\n      store.updateSelectedPayment(constants.GIFTCARD, 'stateData', state.data);\n    },\n    onBalanceCheck: function onBalanceCheck(resolve, reject, requestData) {\n      $.ajax({\n        type: 'POST',\n        url: window.checkBalanceUrl,\n        data: JSON.stringify(requestData),\n        contentType: 'application/json; charset=utf-8',\n        async: false,\n        success: function success(data) {\n          giftcardBalance = data.balance;\n          document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n          if (data.resultCode === constants.SUCCESS) {\n            var _getGiftCardElements2 = getGiftCardElements(),\n              giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,\n              giftCardSelect = _getGiftCardElements2.giftCardSelect,\n              cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,\n              giftCardAddButton = _getGiftCardElements2.giftCardAddButton,\n              giftCardSelectWrapper = _getGiftCardElements2.giftCardSelectWrapper;\n            if (giftCardSelectWrapper) {\n              giftCardSelectWrapper.classList.add('invisible');\n            }\n            var initialPartialObject = _objectSpread({}, store.partialPaymentsOrderObj);\n            cancelMainPaymentGiftCard.classList.remove('invisible');\n            cancelMainPaymentGiftCard.addEventListener('click', function () {\n              store.componentsObj.giftcard.node.unmount('component_giftcard');\n              cancelMainPaymentGiftCard.classList.add('invisible');\n              giftCardAddButton.style.display = 'block';\n              giftCardSelect.value = 'null';\n              store.partialPaymentsOrderObj.remainingAmountFormatted = initialPartialObject.remainingAmountFormatted;\n              store.partialPaymentsOrderObj.totalDiscountedAmount = initialPartialObject.totalDiscountedAmount;\n            });\n            document.querySelector('button[value=\"submit-payment\"]').disabled = true;\n            giftCardsInfoMessageContainer.innerHTML = '';\n            giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n            store.partialPaymentsOrderObj.remainingAmountFormatted = data.remainingAmountFormatted;\n            store.partialPaymentsOrderObj.totalDiscountedAmount = data.totalAmountFormatted;\n            resolve(data);\n          } else if (data.resultCode === constants.NOTENOUGHBALANCE) {\n            resolve(data);\n          } else {\n            reject();\n          }\n        },\n        fail: function fail() {\n          reject();\n        }\n      });\n    },\n    onOrderRequest: function onOrderRequest(resolve, reject, requestData) {\n      // Make a POST /orders request\n      // Create an order for the total transaction amount\n      var giftCardData = requestData.paymentMethod;\n      if (store.adyenOrderData) {\n        makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);\n      } else {\n        $.ajax({\n          type: 'POST',\n          url: window.partialPaymentsOrderUrl,\n          data: JSON.stringify(requestData),\n          contentType: 'application/json; charset=utf-8',\n          async: false,\n          success: function success(data) {\n            if (data.resultCode === 'Success') {\n              store.adyenOrderData = data;\n              // make payments call including giftcard data and order data\n              makeGiftcardPaymentRequest(giftCardData, giftcardBalance, reject);\n            }\n          }\n        });\n      }\n    },\n    onSubmit: function onSubmit(state, component) {\n      store.selectedMethod = state.data.paymentMethod.type;\n      store.brand = component === null || component === void 0 ? void 0 : component.displayName;\n      document.querySelector('input[name=\"brandCode\"]').checked = false;\n      document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n      document.querySelector('button[value=\"submit-payment\"]').click();\n    }\n  };\n}\nfunction handleOnChange(state) {\n  store.isValid = state.isValid;\n  if (!store.componentsObj[store.selectedMethod]) {\n    store.componentsObj[store.selectedMethod] = {};\n  }\n  store.componentsObj[store.selectedMethod].isValid = store.isValid;\n  store.componentsObj[store.selectedMethod].stateData = state.data;\n}\nvar actionHandler = /*#__PURE__*/function () {\n  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(action) {\n    var checkout;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return AdyenCheckout(store.checkoutConfiguration);\n        case 2:\n          checkout = _context.sent;\n          checkout.createFromAction(action).mount('#action-container');\n          $('#action-modal').modal({\n            backdrop: 'static',\n            keyboard: false\n          });\n          if (action.type === constants.ACTIONTYPE.QRCODE) {\n            document.getElementById('cancelQrMethodsButton').classList.remove('invisible');\n          }\n        case 6:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return function actionHandler(_x) {\n    return _ref.apply(this, arguments);\n  };\n}();\nfunction handleOnAdditionalDetails(state) {\n  $.ajax({\n    type: 'POST',\n    url: window.paymentsDetailsURL,\n    data: JSON.stringify({\n      data: state.data,\n      orderToken: window.orderToken\n    }),\n    contentType: 'application/json; charset=utf-8',\n    async: false,\n    success: function success(data) {\n      if (!data.isFinal && _typeof(data.action) === 'object') {\n        actionHandler(data.action);\n      } else {\n        window.location.href = data.redirectUrl;\n      }\n    }\n  });\n}\nfunction getAmazonpayConfig() {\n  return {\n    showPayButton: true,\n    productType: 'PayAndShip',\n    checkoutMode: 'ProcessOrder',\n    locale: window.Configuration.locale,\n    returnUrl: window.returnURL,\n    onClick: function onClick(resolve, reject) {\n      $('#dwfrm_billing').trigger('submit');\n      if (store.formErrorsExist) {\n        reject();\n      } else {\n        helpers.assignPaymentMethodValue();\n        resolve();\n      }\n    },\n    onError: function onError() {}\n  };\n}\nfunction getApplePayConfig() {\n  return {\n    showPayButton: true,\n    onSubmit: function onSubmit(state, component) {\n      helpers.assignPaymentMethodValue();\n      helpers.paymentFromComponent(state.data, component);\n    }\n  };\n}\nfunction getCashAppConfig() {\n  return {\n    showPayButton: true,\n    onSubmit: function onSubmit(state, component) {\n      $('#dwfrm_billing').trigger('submit');\n      helpers.assignPaymentMethodValue();\n      helpers.paymentFromComponent(state.data, component);\n    }\n  };\n}\nfunction getKlarnaConfig() {\n  var _window = window,\n    klarnaWidgetEnabled = _window.klarnaWidgetEnabled;\n  if (klarnaWidgetEnabled) {\n    return {\n      showPayButton: true,\n      useKlarnaWidget: true,\n      onSubmit: function onSubmit(state, component) {\n        helpers.assignPaymentMethodValue();\n        helpers.paymentFromComponent(state.data, component);\n      },\n      onAdditionalDetails: function onAdditionalDetails(state) {\n        document.querySelector('#additionalDetailsHidden').value = JSON.stringify(state.data);\n        document.querySelector('#showConfirmationForm').submit();\n      }\n    };\n  }\n  return null;\n}\nfunction setCheckoutConfiguration() {\n  store.checkoutConfiguration.onChange = handleOnChange;\n  store.checkoutConfiguration.onAdditionalDetails = handleOnAdditionalDetails;\n  store.checkoutConfiguration.showPayButton = false;\n  store.checkoutConfiguration.clientKey = window.adyenClientKey;\n  store.checkoutConfiguration.paymentMethodsConfiguration = {\n    card: getCardConfig(),\n    bcmc: getCardConfig(),\n    storedCard: getCardConfig(),\n    boletobancario: {\n      personalDetailsRequired: true,\n      // turn personalDetails section on/off\n      billingAddressRequired: false,\n      // turn billingAddress section on/off\n      showEmailAddress: false // allow shopper to specify their email address\n    },\n\n    paywithgoogle: getGooglePayConfig(),\n    googlepay: getGooglePayConfig(),\n    paypal: getPaypalConfig(),\n    amazonpay: getAmazonpayConfig(),\n    giftcard: getGiftCardConfig(),\n    applepay: getApplePayConfig(),\n    klarna: getKlarnaConfig(),\n    klarna_account: getKlarnaConfig(),\n    klarna_paynow: getKlarnaConfig(),\n    cashapp: getCashAppConfig()\n  };\n}\nmodule.exports = {\n  getCardConfig: getCardConfig,\n  getPaypalConfig: getPaypalConfig,\n  getGooglePayConfig: getGooglePayConfig,\n  getAmazonpayConfig: getAmazonpayConfig,\n  setCheckoutConfiguration: setCheckoutConfiguration,\n  actionHandler: actionHandler\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/checkoutConfiguration.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction assignPaymentMethodValue() {\n  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');\n  // if currently selected paymentMethod contains a brand it will be part of the label ID\n  var paymentMethodlabelId = \"#lb_\".concat(store.selectedMethod);\n  if (adyenPaymentMethod) {\n    var _document$querySelect;\n    adyenPaymentMethod.value = store.brand ? store.brand : (_document$querySelect = document.querySelector(paymentMethodlabelId)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.innerHTML;\n  }\n}\nfunction setOrderFormData(response) {\n  if (response.orderNo) {\n    document.querySelector('#merchantReference').value = response.orderNo;\n  }\n  if (response.orderToken) {\n    document.querySelector('#orderToken').value = response.orderToken;\n  }\n}\n\n/**\n * Makes an ajax call to the controller function PaymentFromComponent.\n * Used by certain payment methods like paypal\n */\nfunction paymentFromComponent(data) {\n  var component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var requestData = store.partialPaymentsOrderObj ? _objectSpread(_objectSpread({}, data), {}, {\n    partialPaymentsOrder: store.partialPaymentsOrderObj\n  }) : data;\n  $.ajax({\n    url: window.paymentFromComponentURL,\n    type: 'post',\n    data: {\n      data: JSON.stringify(requestData),\n      paymentMethod: document.querySelector('#adyenPaymentMethodName').value\n    },\n    success: function success(response) {\n      var _response$fullRespons;\n      setOrderFormData(response);\n      if ((_response$fullRespons = response.fullResponse) !== null && _response$fullRespons !== void 0 && _response$fullRespons.action) {\n        component.handleAction(response.fullResponse.action);\n      } else if (response.skipSummaryPage) {\n        document.querySelector('#result').value = JSON.stringify(response);\n        document.querySelector('#showConfirmationForm').submit();\n      } else if (response.paymentError || response.error) {\n        component.handleError();\n      }\n    }\n  });\n}\nfunction resetPaymentMethod() {\n  $('#requiredBrandCode').hide();\n  $('#selectedIssuer').val('');\n  $('#adyenIssuerName').val('');\n  $('#dateOfBirth').val('');\n  $('#telephoneNumber').val('');\n  $('#gender').val('');\n  $('#bankAccountOwnerName').val('');\n  $('#bankAccountNumber').val('');\n  $('#bankLocationId').val('');\n  $('.additionalFields').hide();\n}\n\n/**\n * Changes the \"display\" attribute of the selected method from hidden to visible\n */\nfunction displaySelectedMethod(type) {\n  var _document$querySelect2;\n  // If 'type' input field is present use this as type, otherwise default to function input param\n  store.selectedMethod = document.querySelector(\"#component_\".concat(type, \" .type\")) ? document.querySelector(\"#component_\".concat(type, \" .type\")).value : type;\n  resetPaymentMethod();\n  var disabledSubmitButtonMethods = constants.DISABLED_SUBMIT_BUTTON_METHODS;\n  if (window.klarnaWidgetEnabled) {\n    disabledSubmitButtonMethods.push('klarna');\n  }\n  document.querySelector('button[value=\"submit-payment\"]').disabled = disabledSubmitButtonMethods.findIndex(function (pm) {\n    return type.includes(pm);\n  }) > -1;\n  document.querySelector(\"#component_\".concat(type)).setAttribute('style', 'display:block');\n  // set brand for giftcards if hidden inputfield is present\n  store.brand = (_document$querySelect2 = document.querySelector(\"#component_\".concat(type, \" .brand\"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value;\n}\nfunction displayValidationErrors() {\n  store.selectedPayment.node.showValidation();\n  return false;\n}\nvar selectedMethods = {};\nfunction doCustomValidation() {\n  return store.selectedMethod in selectedMethods ? selectedMethods[store.selectedMethod]() : true;\n}\nfunction showValidation() {\n  return store.selectedPaymentIsValid ? doCustomValidation() : displayValidationErrors();\n}\nfunction getInstallmentValues(maxValue) {\n  var values = [];\n  for (var i = 1; i <= maxValue; i += 1) {\n    values.push(i);\n  }\n  return values;\n}\nfunction createShowConfirmationForm(action) {\n  if (document.querySelector('#showConfirmationForm')) {\n    return;\n  }\n  var template = document.createElement('template');\n  var form = \"<form method=\\\"post\\\" id=\\\"showConfirmationForm\\\" name=\\\"showConfirmationForm\\\" action=\\\"\".concat(action, \"\\\">\\n    <input type=\\\"hidden\\\" id=\\\"additionalDetailsHidden\\\" name=\\\"additionalDetailsHidden\\\" value=\\\"null\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"merchantReference\\\" name=\\\"merchantReference\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"orderToken\\\" name=\\\"orderToken\\\"/>\\n    <input type=\\\"hidden\\\" id=\\\"result\\\" name=\\\"result\\\" value=\\\"null\\\"/>\\n  </form>\");\n  template.innerHTML = form;\n  document.querySelector('body').appendChild(template.content);\n}\nmodule.exports = {\n  setOrderFormData: setOrderFormData,\n  assignPaymentMethodValue: assignPaymentMethodValue,\n  paymentFromComponent: paymentFromComponent,\n  resetPaymentMethod: resetPaymentMethod,\n  displaySelectedMethod: displaySelectedMethod,\n  showValidation: showValidation,\n  createShowConfirmationForm: createShowConfirmationForm,\n  getInstallmentValues: getInstallmentValues\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js":
+/*!**********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js ***!
+  \**********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nmodule.exports.installmentLocales = ['pt_BR', 'ja_JP', 'tr_TR', 'es_MX'];\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js":
+/*!****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js ***!
+  \****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _excluded = [\"giftCards\"];\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  initializeCheckout = _require.initializeCheckout;\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nfunction makePartialPayment(requestData) {\n  var error;\n  $.ajax({\n    url: window.partialPaymentUrl,\n    type: 'POST',\n    data: JSON.stringify(requestData),\n    contentType: 'application/json; charset=utf-8',\n    async: false,\n    success: function success(response) {\n      if (response.error) {\n        error = {\n          error: true\n        };\n      } else {\n        var giftCards = response.giftCards,\n          rest = _objectWithoutProperties(response, _excluded);\n        store.checkout.options.amount = rest.remainingAmount;\n        store.adyenOrderData = rest.partialPaymentsOrder;\n        store.partialPaymentsOrderObj = rest;\n        sessionStorage.setItem('partialPaymentsObj', JSON.stringify(rest));\n        store.addedGiftCards = giftCards;\n        helpers.setOrderFormData(response);\n        initializeCheckout();\n      }\n    }\n  }).fail(function () {});\n  return error;\n}\nmodule.exports = {\n  makePartialPayment: makePartialPayment\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/makePartialPayment.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js":
+/*!********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js ***!
+  \********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar _document$getElementB;\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n/* eslint-disable no-unsafe-optional-chaining */\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar _require = __webpack_require__(/*! ./renderPaymentMethod */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js\"),\n  renderPaymentMethod = _require.renderPaymentMethod;\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar _require2 = __webpack_require__(/*! ./localesUsingInstallments */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/localesUsingInstallments.js\"),\n  installmentLocales = _require2.installmentLocales;\nvar _require3 = __webpack_require__(/*! ../commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  createSession = _require3.createSession,\n  fetchGiftCards = _require3.fetchGiftCards;\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require4 = __webpack_require__(/*! ./renderGiftcardComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js\"),\n  createElementsToShowRemainingGiftCardAmount = _require4.createElementsToShowRemainingGiftCardAmount,\n  removeGiftCards = _require4.removeGiftCards,\n  renderAddedGiftCard = _require4.renderAddedGiftCard,\n  showGiftCardWarningMessage = _require4.showGiftCardWarningMessage,\n  attachGiftCardAddButtonListener = _require4.attachGiftCardAddButtonListener,\n  showGiftCardInfoMessage = _require4.showGiftCardInfoMessage,\n  giftCardBrands = _require4.giftCardBrands,\n  clearGiftCardsContainer = _require4.clearGiftCardsContainer,\n  attachGiftCardCancelListener = _require4.attachGiftCardCancelListener,\n  showGiftCardCancelButton = _require4.showGiftCardCancelButton;\nvar INIT_CHECKOUT_EVENT = 'INIT_CHECKOUT_EVENT';\nfunction addPosTerminals(terminals) {\n  var ddTerminals = document.createElement('select');\n  ddTerminals.id = 'terminalList';\n  Object.keys(terminals).forEach(function (t) {\n    var option = document.createElement('option');\n    option.value = terminals[t];\n    option.text = terminals[t];\n    ddTerminals.appendChild(option);\n  });\n  document.querySelector('#adyenPosTerminals').append(ddTerminals);\n}\nfunction setCheckoutConfiguration(checkoutOptions) {\n  var setField = function setField(key, val) {\n    return val && _defineProperty({}, key, val);\n  };\n  store.checkoutConfiguration = _objectSpread(_objectSpread(_objectSpread({}, store.checkoutConfiguration), setField('amount', checkoutOptions.amount)), setField('countryCode', checkoutOptions.countryCode));\n}\nfunction resolveUnmount(key, val) {\n  try {\n    return Promise.resolve(val.node.unmount(\"component_\".concat(key)));\n  } catch (e) {\n    // try/catch block for val.unmount\n    return Promise.resolve(false);\n  }\n}\n\n/**\n * To avoid re-rendering components twice, unmounts existing components from payment methods list\n */\nfunction unmountComponents() {\n  var promises = Object.entries(store.componentsObj).map(function (_ref2) {\n    var _ref3 = _slicedToArray(_ref2, 2),\n      key = _ref3[0],\n      val = _ref3[1];\n    delete store.componentsObj[key];\n    return resolveUnmount(key, val);\n  });\n  return Promise.all(promises);\n}\nfunction isCartModified(amount, orderAmount) {\n  return amount.currency !== orderAmount.currency || amount.value !== orderAmount.value;\n}\nfunction renderGiftCardLogo(imagePath) {\n  var headingImg = document.querySelector('#headingImg');\n  if (headingImg) {\n    headingImg.src = \"\".concat(imagePath, \"genericgiftcard.png\");\n  }\n}\nfunction applyGiftCards() {\n  var now = new Date().toISOString();\n  var amount = store.checkoutConfiguration.amount;\n  var orderAmount = store.partialPaymentsOrderObj.orderAmount;\n  var isPartialPaymentExpired = store.addedGiftCards.some(function (cart) {\n    return now > cart.expiresAt;\n  });\n  var cartModified = isCartModified(amount, orderAmount);\n  if (isPartialPaymentExpired) {\n    removeGiftCards();\n  } else if (cartModified) {\n    removeGiftCards();\n    showGiftCardWarningMessage();\n  } else {\n    var _store$addedGiftCards;\n    clearGiftCardsContainer();\n    store.addedGiftCards.forEach(function (card) {\n      renderAddedGiftCard(card);\n    });\n    if ((_store$addedGiftCards = store.addedGiftCards) !== null && _store$addedGiftCards !== void 0 && _store$addedGiftCards.length) {\n      showGiftCardInfoMessage();\n    }\n    store.checkout.options.amount = store.addedGiftCards[store.addedGiftCards.length - 1].remainingAmount;\n    showGiftCardCancelButton(true);\n    attachGiftCardCancelListener();\n    createElementsToShowRemainingGiftCardAmount();\n  }\n}\nfunction renderStoredPaymentMethod(imagePath) {\n  return function (pm) {\n    if (pm.supportedShopperInteractions.includes('Ecommerce')) {\n      renderPaymentMethod(pm, true, imagePath);\n    }\n  };\n}\nfunction renderStoredPaymentMethods(data, imagePath) {\n  if (data.storedPaymentMethods) {\n    var storedPaymentMethods = data.storedPaymentMethods;\n    storedPaymentMethods.forEach(renderStoredPaymentMethod(imagePath));\n  }\n}\nfunction renderPaymentMethods(paymentMethods, imagePath, adyenDescriptions) {\n  var promises = [];\n  for (var i = 0; i < paymentMethods.length; i += 1) {\n    var pm = paymentMethods[i];\n    promises.push(renderPaymentMethod(pm, false, imagePath, adyenDescriptions[pm.type]));\n  }\n  return Promise.all(promises);\n}\nfunction renderPosTerminals(adyenConnectedTerminals) {\n  var _adyenConnectedTermin;\n  var removeChilds = function removeChilds() {\n    var posTerminals = document.querySelector('#adyenPosTerminals');\n    while (posTerminals.firstChild) {\n      posTerminals.removeChild(posTerminals.firstChild);\n    }\n  };\n  if (adyenConnectedTerminals !== null && adyenConnectedTerminals !== void 0 && (_adyenConnectedTermin = adyenConnectedTerminals.uniqueTerminalIds) !== null && _adyenConnectedTermin !== void 0 && _adyenConnectedTermin.length) {\n    removeChilds();\n    addPosTerminals(adyenConnectedTerminals.uniqueTerminalIds);\n  }\n}\nfunction setAmazonPayConfig(adyenPaymentMethods) {\n  var amazonpay = adyenPaymentMethods.paymentMethods.find(function (paymentMethod) {\n    return paymentMethod.type === 'amazonpay';\n  });\n  if (amazonpay) {\n    var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4, _document$querySelect5, _document$querySelect6, _document$querySelect7, _document$querySelect8;\n    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration = amazonpay.configuration;\n    store.checkoutConfiguration.paymentMethodsConfiguration.amazonpay.addressDetails = {\n      name: \"\".concat((_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value, \" \").concat((_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value),\n      addressLine1: (_document$querySelect3 = document.querySelector('#shippingAddressOnedefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,\n      city: (_document$querySelect4 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.value,\n      stateOrRegion: (_document$querySelect5 = document.querySelector('#shippingAddressCitydefault')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.value,\n      postalCode: (_document$querySelect6 = document.querySelector('#shippingZipCodedefault')) === null || _document$querySelect6 === void 0 ? void 0 : _document$querySelect6.value,\n      countryCode: (_document$querySelect7 = document.querySelector('#shippingCountrydefault')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.value,\n      phoneNumber: (_document$querySelect8 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect8 === void 0 ? void 0 : _document$querySelect8.value\n    };\n  }\n}\nfunction setInstallments(amount) {\n  try {\n    var _window$installments;\n    if (installmentLocales.indexOf(window.Configuration.locale) < 0) {\n      return;\n    }\n    var _window$installments$ = (_window$installments = window.installments) === null || _window$installments === void 0 ? void 0 : _window$installments.replace(/\\[|]/g, '').split(','),\n      _window$installments$2 = _slicedToArray(_window$installments$, 2),\n      minAmount = _window$installments$2[0],\n      numOfInstallments = _window$installments$2[1];\n    if (minAmount <= amount.value) {\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions = {\n        card: {}\n      }; // eslint-disable-next-line max-len\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values = helpers.getInstallmentValues(numOfInstallments);\n      store.checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts = true;\n    }\n  } catch (e) {} // eslint-disable-line no-empty\n}\n\nfunction setGiftCardContainerVisibility() {\n  var availableGiftCards = giftCardBrands();\n  if (availableGiftCards.length === 0) {\n    var giftCardContainer = document.querySelector('.gift-card-selection');\n    giftCardContainer.style.display = 'none';\n    var giftCardSeparator = document.querySelector('.gift-card-separator');\n    giftCardSeparator.style.display = 'none';\n  }\n}\nfunction initializeCheckout() {\n  return _initializeCheckout.apply(this, arguments);\n}\nfunction _initializeCheckout() {\n  _initializeCheckout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    var session, giftCardsData, totalDiscountedAmount, giftCards, lastGiftCard, paymentMethodsWithoutGiftCards, firstPaymentMethod;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          _context2.next = 2;\n          return createSession();\n        case 2:\n          session = _context2.sent;\n          _context2.next = 5;\n          return fetchGiftCards();\n        case 5:\n          giftCardsData = _context2.sent;\n          store.checkoutConfiguration.session = {\n            id: session.id,\n            sessionData: session.sessionData,\n            imagePath: session.imagePath,\n            adyenDescriptions: session.adyenDescriptions\n          };\n          _context2.next = 9;\n          return AdyenCheckout(store.checkoutConfiguration);\n        case 9:\n          store.checkout = _context2.sent;\n          setGiftCardContainerVisibility();\n          totalDiscountedAmount = giftCardsData.totalDiscountedAmount, giftCards = giftCardsData.giftCards;\n          if (giftCards !== null && giftCards !== void 0 && giftCards.length) {\n            store.addedGiftCards = giftCards;\n            lastGiftCard = store.addedGiftCards[store.addedGiftCards.length - 1];\n            store.partialPaymentsOrderObj = _objectSpread(_objectSpread({}, lastGiftCard), {}, {\n              totalDiscountedAmount: totalDiscountedAmount\n            });\n          }\n          setCheckoutConfiguration(store.checkout.options);\n          setInstallments(store.checkout.options.amount);\n          setAmazonPayConfig(store.checkout.paymentMethodsResponse);\n          document.querySelector('#paymentMethodsList').innerHTML = '';\n          paymentMethodsWithoutGiftCards = store.checkout.paymentMethodsResponse.paymentMethods.filter(function (pm) {\n            return pm.type !== constants.GIFTCARD;\n          });\n          renderStoredPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath);\n          _context2.next = 21;\n          return renderPaymentMethods(paymentMethodsWithoutGiftCards, session.imagePath, session.adyenDescriptions);\n        case 21:\n          renderPosTerminals(session.adyenConnectedTerminals);\n          renderGiftCardLogo(session.imagePath);\n          firstPaymentMethod = document.querySelector('input[type=radio][name=brandCode]');\n          if (firstPaymentMethod) {\n            firstPaymentMethod.checked = true;\n            helpers.displaySelectedMethod(firstPaymentMethod.value);\n          }\n          helpers.createShowConfirmationForm(window.ShowConfirmationPaymentFromComponent);\n        case 26:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  return _initializeCheckout.apply(this, arguments);\n}\n(_document$getElementB = document.getElementById('email')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('change', function (e) {\n  var emailPattern = /^[\\w.%+-]+@[\\w.-]+\\.[\\w]{2,6}$/;\n  if (emailPattern.test(e.target.value)) {\n    var paymentMethodsConfiguration = store.checkoutConfiguration.paymentMethodsConfiguration;\n    paymentMethodsConfiguration.card.clickToPayConfiguration.shopperEmail = e.target.value;\n    var event = new Event(INIT_CHECKOUT_EVENT);\n    document.dispatchEvent(event);\n  }\n});\n\n// used by renderGiftCardComponent.js\ndocument.addEventListener(INIT_CHECKOUT_EVENT, function () {\n  var handleCheckoutEvent = /*#__PURE__*/function () {\n    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            if (!(Object.keys(store.componentsObj).length !== 0)) {\n              _context.next = 3;\n              break;\n            }\n            _context.next = 3;\n            return unmountComponents();\n          case 3:\n            _context.next = 5;\n            return initializeCheckout();\n          case 5:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    }));\n    return function handleCheckoutEvent() {\n      return _ref4.apply(this, arguments);\n    };\n  }();\n  handleCheckoutEvent();\n});\n\n/**\n * Calls createSession and then renders the retrieved payment methods (including card component)\n */\nfunction renderGenericComponent() {\n  return _renderGenericComponent.apply(this, arguments);\n}\nfunction _renderGenericComponent() {\n  _renderGenericComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n    var _store$addedGiftCards2;\n    return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n      while (1) switch (_context3.prev = _context3.next) {\n        case 0:\n          if (!(Object.keys(store.componentsObj).length !== 0)) {\n            _context3.next = 3;\n            break;\n          }\n          _context3.next = 3;\n          return unmountComponents();\n        case 3:\n          _context3.next = 5;\n          return initializeCheckout();\n        case 5:\n          if ((_store$addedGiftCards2 = store.addedGiftCards) !== null && _store$addedGiftCards2 !== void 0 && _store$addedGiftCards2.length) {\n            applyGiftCards();\n          }\n          attachGiftCardAddButtonListener();\n        case 7:\n        case \"end\":\n          return _context3.stop();\n      }\n    }, _callee3);\n  }));\n  return _renderGenericComponent.apply(this, arguments);\n}\nmodule.exports = {\n  renderGenericComponent: renderGenericComponent,\n  initializeCheckout: initializeCheckout,\n  INIT_CHECKOUT_EVENT: INIT_CHECKOUT_EVENT\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js":
+/*!*********************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js ***!
+  \*********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nvar _require = __webpack_require__(/*! ./renderGenericComponent */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGenericComponent.js\"),\n  INIT_CHECKOUT_EVENT = _require.INIT_CHECKOUT_EVENT;\nfunction getGiftCardElements() {\n  var giftCardSelect = document.querySelector('#giftCardSelect');\n  var giftCardUl = document.querySelector('#giftCardUl');\n  var giftCardContainer = document.querySelector('#giftCardContainer');\n  var giftCardAddButton = document.querySelector('#giftCardAddButton');\n  var giftCardCancelContainer = document.querySelector('#giftCardsCancelContainer');\n  var giftCardCancelButton = document.querySelector('#giftCardCancelButton');\n  var giftCardSelectContainer = document.querySelector('#giftCardSelectContainer');\n  var giftCardSelectWrapper = document.querySelector('#giftCardSelectWrapper');\n  var giftCardsList = document.querySelector('#giftCardsList');\n  var giftCardsInfoMessageContainer = document.querySelector('#giftCardsInfoMessage');\n  var cancelMainPaymentGiftCard = document.querySelector('#cancelGiftCardButton');\n  var giftCardInformation = document.querySelector('#giftCardInformation');\n  return {\n    giftCardSelect: giftCardSelect,\n    giftCardUl: giftCardUl,\n    giftCardContainer: giftCardContainer,\n    giftCardAddButton: giftCardAddButton,\n    giftCardSelectContainer: giftCardSelectContainer,\n    giftCardsList: giftCardsList,\n    giftCardsInfoMessageContainer: giftCardsInfoMessageContainer,\n    giftCardSelectWrapper: giftCardSelectWrapper,\n    giftCardCancelContainer: giftCardCancelContainer,\n    giftCardCancelButton: giftCardCancelButton,\n    cancelMainPaymentGiftCard: cancelMainPaymentGiftCard,\n    giftCardInformation: giftCardInformation\n  };\n}\nfunction showGiftCardCancelButton(show) {\n  var _getGiftCardElements = getGiftCardElements(),\n    giftCardCancelContainer = _getGiftCardElements.giftCardCancelContainer;\n  if (show) {\n    giftCardCancelContainer.classList.remove('invisible');\n  } else {\n    giftCardCancelContainer.classList.add('invisible');\n  }\n}\nfunction removeGiftCards() {\n  var _store$addedGiftCards;\n  (_store$addedGiftCards = store.addedGiftCards) === null || _store$addedGiftCards === void 0 ? void 0 : _store$addedGiftCards.forEach(function (card) {\n    $.ajax({\n      type: 'POST',\n      url: window.cancelPartialPaymentOrderUrl,\n      data: JSON.stringify(card),\n      contentType: 'application/json; charset=utf-8',\n      async: false,\n      success: function success(res) {\n        var adyenPartialPaymentsOrder = document.querySelector('#adyenPartialPaymentsOrder');\n        var _getGiftCardElements2 = getGiftCardElements(),\n          giftCardsList = _getGiftCardElements2.giftCardsList,\n          giftCardAddButton = _getGiftCardElements2.giftCardAddButton,\n          giftCardSelect = _getGiftCardElements2.giftCardSelect,\n          giftCardUl = _getGiftCardElements2.giftCardUl,\n          giftCardsInfoMessageContainer = _getGiftCardElements2.giftCardsInfoMessageContainer,\n          giftCardSelectContainer = _getGiftCardElements2.giftCardSelectContainer,\n          cancelMainPaymentGiftCard = _getGiftCardElements2.cancelMainPaymentGiftCard,\n          giftCardInformation = _getGiftCardElements2.giftCardInformation;\n        adyenPartialPaymentsOrder.value = null;\n        giftCardsList.innerHTML = '';\n        giftCardAddButton.style.display = 'block';\n        giftCardSelect.value = null;\n        giftCardSelectContainer.classList.add('invisible');\n        giftCardSelect.classList.remove('invisible');\n        giftCardUl.innerHTML = '';\n        cancelMainPaymentGiftCard.classList.add('invisible');\n        showGiftCardCancelButton(false);\n        giftCardInformation === null || giftCardInformation === void 0 ? void 0 : giftCardInformation.remove();\n        store.checkout.options.amount = res.amount;\n        store.partialPaymentsOrderObj = null;\n        store.addedGiftCards = null;\n        store.adyenOrderData = null;\n        giftCardsInfoMessageContainer.innerHTML = '';\n        giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n        document.querySelector('button[value=\"submit-payment\"]').disabled = false;\n        if (res.resultCode === constants.RECEIVED) {\n          var _document$querySelect, _store$componentsObj, _store$componentsObj$;\n          (_document$querySelect = document.querySelector('#cancelGiftCardContainer')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.parentNode.remove();\n          (_store$componentsObj = store.componentsObj) === null || _store$componentsObj === void 0 ? void 0 : (_store$componentsObj$ = _store$componentsObj.giftcard) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node.unmount('component_giftcard');\n        }\n        var event = new Event(INIT_CHECKOUT_EVENT);\n        document.dispatchEvent(event);\n      }\n    });\n  });\n}\nfunction giftCardBrands() {\n  var paymentMethodsResponse = store.checkout.paymentMethodsResponse;\n  return paymentMethodsResponse.paymentMethods.filter(function (pm) {\n    return pm.type === constants.GIFTCARD;\n  });\n}\nfunction renderGiftCardSelectForm() {\n  var _getGiftCardElements3 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements3.giftCardUl,\n    giftCardSelect = _getGiftCardElements3.giftCardSelect;\n  if (giftCardUl !== null && giftCardUl !== void 0 && giftCardUl.innerHTML) {\n    giftCardSelect.classList.remove('invisible');\n    return;\n  }\n  var imagePath = store.checkoutConfiguration.session.imagePath;\n  giftCardBrands().forEach(function (giftCard) {\n    var newListItem = document.createElement('li');\n    newListItem.setAttribute('data-brand', giftCard.brand);\n    newListItem.setAttribute('data-name', giftCard.name);\n    newListItem.setAttribute('data-type', giftCard.type);\n    var span = document.createElement('span');\n    span.textContent = giftCard.name;\n    var img = document.createElement('img');\n    img.src = \"\".concat(imagePath).concat(giftCard.brand, \".png\");\n    img.width = 40;\n    img.height = 26;\n    newListItem.appendChild(span);\n    newListItem.appendChild(img);\n    giftCardUl.appendChild(newListItem);\n  });\n}\nfunction attachGiftCardFormListeners() {\n  if (store.giftCardComponentListenersAdded) {\n    return;\n  }\n  var _getGiftCardElements4 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements4.giftCardUl,\n    giftCardSelect = _getGiftCardElements4.giftCardSelect,\n    giftCardContainer = _getGiftCardElements4.giftCardContainer,\n    giftCardSelectWrapper = _getGiftCardElements4.giftCardSelectWrapper;\n  if (giftCardUl) {\n    giftCardUl.addEventListener('click', function (event) {\n      var _store$componentsObj2;\n      giftCardUl.classList.toggle('invisible');\n      var selectedGiftCard = {\n        name: event.target.dataset.name,\n        brand: event.target.dataset.brand,\n        type: event.target.dataset.type\n      };\n      if ((_store$componentsObj2 = store.componentsObj) !== null && _store$componentsObj2 !== void 0 && _store$componentsObj2.giftcard) {\n        store.componentsObj.giftcard.node.unmount('component_giftcard');\n      }\n      if (!store.partialPaymentsOrderObj) {\n        store.partialPaymentsOrderObj = {};\n      }\n      var newOption = document.createElement('option');\n      newOption.textContent = selectedGiftCard.name;\n      newOption.value = selectedGiftCard.brand;\n      newOption.style.visibility = 'hidden';\n      giftCardSelect.appendChild(newOption);\n      giftCardSelect.value = selectedGiftCard.brand;\n      giftCardContainer.innerHTML = '';\n      var giftCardNode = store.checkout.create(constants.GIFTCARD, _objectSpread(_objectSpread({}, store.checkoutConfiguration.giftcard), {}, {\n        brand: selectedGiftCard.brand,\n        name: selectedGiftCard.name\n      })).mount(giftCardContainer);\n      store.componentsObj.giftcard = {\n        node: giftCardNode\n      };\n    });\n  }\n  if (giftCardSelect) {\n    giftCardSelectWrapper.addEventListener('mousedown', function () {\n      giftCardUl.classList.toggle('invisible');\n    });\n  }\n  store.giftCardComponentListenersAdded = true;\n}\nfunction showGiftCardWarningMessage() {\n  var alertContainer = document.createElement('div');\n  alertContainer.setAttribute('id', 'giftCardWarningMessage');\n  alertContainer.classList.add('alert', 'alert-warning', 'error-message', 'gift-card-warning-msg');\n  alertContainer.setAttribute('role', 'alert');\n  var alertContainerP = document.createElement('p');\n  alertContainerP.classList.add('error-message-text');\n  alertContainerP.textContent = window.giftCardWarningMessage;\n  alertContainer.appendChild(alertContainerP);\n  var orderTotalSummaryEl = document.querySelector('.card-body.order-total-summary');\n  orderTotalSummaryEl === null || orderTotalSummaryEl === void 0 ? void 0 : orderTotalSummaryEl.appendChild(alertContainer);\n}\nfunction attachGiftCardAddButtonListener() {\n  var _getGiftCardElements5 = getGiftCardElements(),\n    giftCardAddButton = _getGiftCardElements5.giftCardAddButton,\n    giftCardSelectContainer = _getGiftCardElements5.giftCardSelectContainer,\n    giftCardSelectWrapper = _getGiftCardElements5.giftCardSelectWrapper,\n    giftCardSelect = _getGiftCardElements5.giftCardSelect;\n  if (giftCardAddButton) {\n    giftCardAddButton.addEventListener('click', function () {\n      renderGiftCardSelectForm();\n      attachGiftCardFormListeners();\n      var giftCardWarningMessageEl = document.querySelector('#giftCardWarningMessage');\n      if (giftCardWarningMessageEl) {\n        giftCardWarningMessageEl.style.display = 'none';\n      }\n      giftCardSelect.value = 'null';\n      giftCardAddButton.style.display = 'none';\n      giftCardSelectContainer.classList.remove('invisible');\n      giftCardSelectWrapper.classList.remove('invisible');\n    });\n  }\n}\nfunction attachGiftCardCancelListener() {\n  var _getGiftCardElements6 = getGiftCardElements(),\n    giftCardCancelButton = _getGiftCardElements6.giftCardCancelButton;\n  giftCardCancelButton === null || giftCardCancelButton === void 0 ? void 0 : giftCardCancelButton.addEventListener('click', function () {\n    removeGiftCards();\n  });\n}\nfunction removeGiftCardFormListeners() {\n  var _getGiftCardElements7 = getGiftCardElements(),\n    giftCardUl = _getGiftCardElements7.giftCardUl,\n    giftCardSelect = _getGiftCardElements7.giftCardSelect;\n  giftCardUl.replaceWith(giftCardUl.cloneNode(true));\n  giftCardSelect.replaceWith(giftCardSelect.cloneNode(true));\n  store.giftCardComponentListenersAdded = false;\n}\nfunction clearGiftCardsContainer() {\n  var _getGiftCardElements8 = getGiftCardElements(),\n    giftCardsList = _getGiftCardElements8.giftCardsList;\n  giftCardsList.innerHTML = '';\n}\nfunction renderAddedGiftCard(card) {\n  var giftCardData = card.giftCard;\n  var imagePath = store.checkoutConfiguration.session.imagePath;\n  var _getGiftCardElements9 = getGiftCardElements(),\n    giftCardsList = _getGiftCardElements9.giftCardsList,\n    giftCardAddButton = _getGiftCardElements9.giftCardAddButton;\n  var giftCardDiv = document.createElement('div');\n  giftCardDiv.classList.add('gift-card');\n  var brandContainer = document.createElement('div');\n  brandContainer.classList.add('brand-container');\n  var giftCardImg = document.createElement('img');\n  var giftCardImgSrc = \"\".concat(imagePath).concat(giftCardData.brand, \".png\");\n  giftCardImg.setAttribute('src', giftCardImgSrc);\n  giftCardImg.classList.add('gift-card-logo');\n  var giftCardNameP = document.createElement('p');\n  giftCardNameP.textContent = giftCardData.name;\n  brandContainer.appendChild(giftCardImg);\n  brandContainer.appendChild(giftCardNameP);\n  var giftCardAction = document.createElement('div');\n  giftCardAction.classList.add('gift-card-action');\n  var brandAndRemoveActionWrapper = document.createElement('div');\n  brandAndRemoveActionWrapper.classList.add('wrapper');\n  brandAndRemoveActionWrapper.appendChild(brandContainer);\n  brandAndRemoveActionWrapper.appendChild(giftCardAction);\n  var giftCardAmountDiv = document.createElement('div');\n  giftCardAmountDiv.classList.add('wrapper');\n  var amountLabel = document.createElement('p');\n  amountLabel.textContent = window.deductedBalanceGiftCardResource;\n  var amountValue = document.createElement('strong');\n  amountValue.textContent = card.discountedAmount ? \"-\".concat(card.discountedAmount) : '';\n  giftCardAmountDiv.appendChild(amountLabel);\n  giftCardAmountDiv.appendChild(amountValue);\n  giftCardDiv.appendChild(brandAndRemoveActionWrapper);\n  giftCardDiv.appendChild(giftCardAmountDiv);\n  giftCardsList.appendChild(giftCardDiv);\n  giftCardAddButton.style.display = 'block';\n  removeGiftCardFormListeners();\n}\nfunction createElementsToShowRemainingGiftCardAmount() {\n  var renderedRemainingAmountEndSpan = document.getElementById('remainingAmountEndSpan');\n  var renderedDiscountedAmountEndSpan = document.getElementById('discountedAmountEndSpan');\n  if (renderedRemainingAmountEndSpan && renderedDiscountedAmountEndSpan) {\n    renderedRemainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;\n    renderedDiscountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;\n    return;\n  }\n  var mainContainer = document.createElement('div');\n  var remainingAmountContainer = document.createElement('div');\n  var remainingAmountStart = document.createElement('div');\n  var remainingAmountEnd = document.createElement('div');\n  var discountedAmountContainer = document.createElement('div');\n  var discountedAmountStart = document.createElement('div');\n  var discountedAmountEnd = document.createElement('div');\n  var remainingAmountStartP = document.createElement('p');\n  var remainingAmountEndP = document.createElement('p');\n  var discountedAmountStartP = document.createElement('p');\n  var discountedAmountEndP = document.createElement('p');\n  var remainingAmountStartSpan = document.createElement('span');\n  var discountedAmountStartSpan = document.createElement('span');\n  var remainingAmountEndSpan = document.createElement('span');\n  remainingAmountEndSpan.id = 'remainingAmountEndSpan';\n  var discountedAmountEndSpan = document.createElement('span');\n  discountedAmountEndSpan.id = 'discountedAmountEndSpan';\n  remainingAmountContainer.classList.add('row', 'grand-total', 'leading-lines');\n  remainingAmountStart.classList.add('col-6', 'start-lines');\n  remainingAmountEnd.classList.add('col-6', 'end-lines');\n  remainingAmountStartP.classList.add('order-receipt-label');\n  discountedAmountContainer.classList.add('row', 'grand-total', 'leading-lines');\n  discountedAmountStart.classList.add('col-6', 'start-lines');\n  discountedAmountEnd.classList.add('col-6', 'end-lines');\n  discountedAmountStartP.classList.add('order-receipt-label');\n  remainingAmountEndP.classList.add('text-right');\n  discountedAmountEndP.classList.add('text-right');\n  discountedAmountContainer.id = 'discountedAmountContainer';\n  remainingAmountContainer.id = 'remainingAmountContainer';\n  remainingAmountStartSpan.innerText = window.remainingAmountGiftCardResource;\n  discountedAmountStartSpan.innerText = window.discountedAmountGiftCardResource;\n  remainingAmountEndSpan.innerText = store.partialPaymentsOrderObj.remainingAmountFormatted;\n  discountedAmountEndSpan.innerText = store.partialPaymentsOrderObj.totalDiscountedAmount;\n  remainingAmountContainer.appendChild(remainingAmountStart);\n  remainingAmountContainer.appendChild(remainingAmountEnd);\n  remainingAmountStart.appendChild(remainingAmountStartP);\n  discountedAmountContainer.appendChild(discountedAmountStart);\n  discountedAmountContainer.appendChild(discountedAmountEnd);\n  discountedAmountStart.appendChild(discountedAmountStartP);\n  remainingAmountEnd.appendChild(remainingAmountEndP);\n  remainingAmountStartP.appendChild(remainingAmountStartSpan);\n  discountedAmountEnd.appendChild(discountedAmountEndP);\n  discountedAmountStartP.appendChild(discountedAmountStartSpan);\n  remainingAmountEndP.appendChild(remainingAmountEndSpan);\n  discountedAmountEndP.appendChild(discountedAmountEndSpan);\n  var pricingContainer = document.querySelector('.card-body.order-total-summary');\n  mainContainer.id = 'giftCardInformation';\n  mainContainer.appendChild(discountedAmountContainer);\n  mainContainer.appendChild(remainingAmountContainer);\n  pricingContainer.appendChild(mainContainer);\n}\nfunction showGiftCardInfoMessage() {\n  var messageText = store.partialPaymentsOrderObj.message;\n  var _getGiftCardElements10 = getGiftCardElements(),\n    giftCardsInfoMessageContainer = _getGiftCardElements10.giftCardsInfoMessageContainer;\n  giftCardsInfoMessageContainer.innerHTML = '';\n  giftCardsInfoMessageContainer.classList.remove('gift-cards-info-message-container');\n  if (!messageText) return;\n  var giftCardsInfoMessage = document.createElement('div');\n  giftCardsInfoMessage.classList.add('adyen-checkout__alert-message', 'adyen-checkout__alert-message--warning');\n  giftCardsInfoMessage.setAttribute('role', 'alert');\n  var infoMessage = document.createElement('span');\n  infoMessage.textContent = messageText;\n  giftCardsInfoMessage.appendChild(infoMessage);\n  giftCardsInfoMessageContainer.appendChild(giftCardsInfoMessage);\n  giftCardsInfoMessageContainer.classList.add('gift-cards-info-message-container');\n}\nmodule.exports = {\n  removeGiftCards: removeGiftCards,\n  renderAddedGiftCard: renderAddedGiftCard,\n  attachGiftCardAddButtonListener: attachGiftCardAddButtonListener,\n  getGiftCardElements: getGiftCardElements,\n  showGiftCardWarningMessage: showGiftCardWarningMessage,\n  createElementsToShowRemainingGiftCardAmount: createElementsToShowRemainingGiftCardAmount,\n  renderGiftCardSelectForm: renderGiftCardSelectForm,\n  showGiftCardInfoMessage: showGiftCardInfoMessage,\n  giftCardBrands: giftCardBrands,\n  clearGiftCardsContainer: clearGiftCardsContainer,\n  attachGiftCardCancelListener: attachGiftCardCancelListener,\n  showGiftCardCancelButton: showGiftCardCancelButton\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderGiftcardComponent.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js":
+/*!*****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js ***!
+  \*****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nvar helpers = __webpack_require__(/*! ./helpers */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/helpers.js\");\nvar constants = __webpack_require__(/*! ../constants */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js\");\nfunction getFallback(paymentMethod) {\n  var fallback = {};\n  if (fallback[paymentMethod.type]) {\n    store.componentsObj[paymentMethod.type] = {};\n  }\n  return fallback[paymentMethod.type];\n}\nfunction getPersonalDetails() {\n  var _document$querySelect, _document$querySelect2, _document$querySelect3, _document$querySelect4;\n  return {\n    firstName: (_document$querySelect = document.querySelector('#shippingFirstNamedefault')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.value,\n    lastName: (_document$querySelect2 = document.querySelector('#shippingLastNamedefault')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.value,\n    telephoneNumber: (_document$querySelect3 = document.querySelector('#shippingPhoneNumberdefault')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.value,\n    shopperEmail: (_document$querySelect4 = document.querySelector('.customer-summary-email')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.textContent\n  };\n}\nfunction setNode(paymentMethodID) {\n  var createNode = function createNode() {\n    if (!store.componentsObj[paymentMethodID]) {\n      store.componentsObj[paymentMethodID] = {};\n    }\n    try {\n      var _store$checkout;\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      // ALl nodes created for the checkout component are enriched with shopper personal details\n      var node = (_store$checkout = store.checkout).create.apply(_store$checkout, args.concat([{\n        data: _objectSpread(_objectSpread({}, getPersonalDetails()), {}, {\n          personalDetails: getPersonalDetails()\n        }),\n        visibility: {\n          personalDetails: 'editable',\n          billingAddress: 'hidden',\n          deliveryAddress: 'hidden'\n        }\n      }]));\n      store.componentsObj[paymentMethodID].node = node;\n      store.componentsObj[paymentMethodID].isValid = node.isValid;\n    } catch (e) {\n      /* No component for payment method */\n    }\n  };\n  return createNode;\n}\nfunction getPaymentMethodID(isStored, paymentMethod) {\n  if (isStored) {\n    return \"storedCard\".concat(paymentMethod.id);\n  }\n  if (paymentMethod.type === constants.GIFTCARD) {\n    return constants.GIFTCARD;\n  }\n  if (paymentMethod.brand) {\n    return \"\".concat(paymentMethod.type, \"_\").concat(paymentMethod.brand);\n  }\n  return paymentMethod.type;\n}\nfunction getImage(isStored, paymentMethod) {\n  return isStored ? paymentMethod.brand : paymentMethod.type;\n}\nfunction getLabel(isStored, paymentMethod) {\n  var label = isStored ? \" \".concat(store.MASKED_CC_PREFIX).concat(paymentMethod.lastFour) : '';\n  return \"\".concat(paymentMethod.name).concat(label);\n}\nfunction handleFallbackPayment(_ref) {\n  var paymentMethod = _ref.paymentMethod,\n    container = _ref.container,\n    paymentMethodID = _ref.paymentMethodID;\n  var fallback = getFallback(paymentMethod);\n  var createTemplate = function createTemplate() {\n    var template = document.createElement('template');\n    template.innerHTML = fallback;\n    container.append(template.content);\n  };\n  return fallback ? createTemplate() : setNode(paymentMethod.type)(paymentMethodID);\n}\nfunction handlePayment(options) {\n  return options.isStored ? setNode(options.paymentMethodID)('card', options.paymentMethod) : handleFallbackPayment(options);\n}\nfunction getListContents(_ref2) {\n  var imagePath = _ref2.imagePath,\n    isStored = _ref2.isStored,\n    paymentMethod = _ref2.paymentMethod,\n    description = _ref2.description;\n  var paymentMethodID = getPaymentMethodID(isStored, paymentMethod);\n  var label = getLabel(isStored, paymentMethod);\n  var liContents = \"\\n    <input name=\\\"brandCode\\\" type=\\\"radio\\\" value=\\\"\".concat(paymentMethodID, \"\\\" id=\\\"rb_\").concat(paymentMethodID, \"\\\">\\n    <img class=\\\"paymentMethod_img\\\" src=\\\"\").concat(imagePath, \"\\\" ></img>\\n    <label id=\\\"lb_\").concat(paymentMethodID, \"\\\" for=\\\"rb_\").concat(paymentMethodID, \"\\\">\").concat(label, \"</label>\\n  \");\n  return description ? \"\".concat(liContents, \"<p>\").concat(description, \"</p>\") : liContents;\n}\nfunction getImagePath(_ref3) {\n  var isStored = _ref3.isStored,\n    paymentMethod = _ref3.paymentMethod,\n    path = _ref3.path,\n    isSchemeNotStored = _ref3.isSchemeNotStored;\n  var paymentMethodImage = \"\".concat(path).concat(getImage(isStored, paymentMethod), \".png\");\n  var cardImage = \"\".concat(path, \"card.png\");\n  return isSchemeNotStored ? cardImage : paymentMethodImage;\n}\nfunction setValid(_ref4) {\n  var isStored = _ref4.isStored,\n    paymentMethodID = _ref4.paymentMethodID;\n  if (isStored && ['bcmc', 'scheme'].indexOf(paymentMethodID) > -1) {\n    store.componentsObj[paymentMethodID].isValid = true;\n  }\n}\nfunction configureContainer(_ref5) {\n  var paymentMethodID = _ref5.paymentMethodID,\n    container = _ref5.container;\n  container.classList.add('additionalFields');\n  container.setAttribute('id', \"component_\".concat(paymentMethodID));\n  container.setAttribute('style', 'display:none');\n}\nfunction handleInput(_ref6) {\n  var paymentMethodID = _ref6.paymentMethodID;\n  var input = document.querySelector(\"#rb_\".concat(paymentMethodID));\n  input.onchange = /*#__PURE__*/function () {\n    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {\n      return _regeneratorRuntime().wrap(function _callee$(_context) {\n        while (1) switch (_context.prev = _context.next) {\n          case 0:\n            helpers.displaySelectedMethod(event.target.value);\n          case 1:\n          case \"end\":\n            return _context.stop();\n        }\n      }, _callee);\n    }));\n    return function (_x) {\n      return _ref7.apply(this, arguments);\n    };\n  }();\n}\nfunction createListItem(rerender, paymentMethodID, liContents) {\n  var li;\n  if (rerender) {\n    li = document.querySelector(\"#rb_\".concat(paymentMethodID)).closest('li');\n  } else {\n    li = document.createElement('li');\n    li.innerHTML = liContents;\n    li.classList.add('paymentMethod');\n  }\n  return li;\n}\nfunction checkIfNodeIsAvailable(_x2) {\n  return _checkIfNodeIsAvailable.apply(this, arguments);\n}\nfunction _checkIfNodeIsAvailable() {\n  _checkIfNodeIsAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(node) {\n    var isNodeAvailable;\n    return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n      while (1) switch (_context3.prev = _context3.next) {\n        case 0:\n          if (!node.isAvailable) {\n            _context3.next = 6;\n            break;\n          }\n          _context3.next = 3;\n          return node.isAvailable();\n        case 3:\n          isNodeAvailable = _context3.sent;\n          if (isNodeAvailable) {\n            _context3.next = 6;\n            break;\n          }\n          return _context3.abrupt(\"return\", false);\n        case 6:\n          return _context3.abrupt(\"return\", true);\n        case 7:\n        case \"end\":\n          return _context3.stop();\n      }\n    }, _callee3);\n  }));\n  return _checkIfNodeIsAvailable.apply(this, arguments);\n}\nfunction appendNodeToContainerIfAvailable(_x3, _x4, _x5, _x6) {\n  return _appendNodeToContainerIfAvailable.apply(this, arguments);\n}\nfunction _appendNodeToContainerIfAvailable() {\n  _appendNodeToContainerIfAvailable = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(paymentMethodsUI, li, node, container) {\n    var canBeMounted;\n    return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n      while (1) switch (_context4.prev = _context4.next) {\n        case 0:\n          if (!node) {\n            _context4.next = 5;\n            break;\n          }\n          _context4.next = 3;\n          return checkIfNodeIsAvailable(node);\n        case 3:\n          canBeMounted = _context4.sent;\n          if (canBeMounted) {\n            paymentMethodsUI.append(li);\n            node.mount(container);\n          }\n        case 5:\n        case \"end\":\n          return _context4.stop();\n      }\n    }, _callee4);\n  }));\n  return _appendNodeToContainerIfAvailable.apply(this, arguments);\n}\nmodule.exports.renderPaymentMethod = /*#__PURE__*/function () {\n  var _renderPaymentMethod = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(paymentMethod, isStored, path) {\n    var description,\n      rerender,\n      _store$componentsObj$,\n      paymentMethodsUI,\n      paymentMethodID,\n      isSchemeNotStored,\n      container,\n      options,\n      imagePath,\n      liContents,\n      li,\n      _args2 = arguments;\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          description = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : null;\n          rerender = _args2.length > 4 && _args2[4] !== undefined ? _args2[4] : false;\n          _context2.prev = 2;\n          paymentMethodsUI = document.querySelector('#paymentMethodsList');\n          paymentMethodID = getPaymentMethodID(isStored, paymentMethod);\n          if (!(paymentMethodID === constants.GIFTCARD)) {\n            _context2.next = 7;\n            break;\n          }\n          return _context2.abrupt(\"return\");\n        case 7:\n          isSchemeNotStored = paymentMethod.type === 'scheme' && !isStored;\n          container = document.createElement('div');\n          options = {\n            container: container,\n            paymentMethod: paymentMethod,\n            isStored: isStored,\n            path: path,\n            description: description,\n            paymentMethodID: paymentMethodID,\n            isSchemeNotStored: isSchemeNotStored\n          };\n          imagePath = getImagePath(options);\n          liContents = getListContents(_objectSpread(_objectSpread({}, options), {}, {\n            imagePath: imagePath,\n            description: description\n          }));\n          li = createListItem(rerender, paymentMethodID, liContents);\n          handlePayment(options);\n          configureContainer(options);\n          li.append(container);\n          _context2.next = 18;\n          return appendNodeToContainerIfAvailable(paymentMethodsUI, li, (_store$componentsObj$ = store.componentsObj[paymentMethodID]) === null || _store$componentsObj$ === void 0 ? void 0 : _store$componentsObj$.node, container);\n        case 18:\n          if (paymentMethodID === constants.GIROPAY) {\n            container.innerHTML = '';\n          }\n          handleInput(options);\n          setValid(options);\n          _context2.next = 25;\n          break;\n        case 23:\n          _context2.prev = 23;\n          _context2.t0 = _context2[\"catch\"](2);\n        case 25:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2, null, [[2, 23]]);\n  }));\n  function renderPaymentMethod(_x7, _x8, _x9) {\n    return _renderPaymentMethod.apply(this, arguments);\n  }\n  return renderPaymentMethod;\n}();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/renderPaymentMethod.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js":
+/*!****************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js ***!
+  \****************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.validateComponents = function validateComponents() {\n  var customMethods = {};\n  if (store.selectedMethod in customMethods) {\n    customMethods[store.selectedMethod]();\n  }\n  document.querySelector('#adyenStateData').value = JSON.stringify(store.stateData);\n  if (store.partialPaymentsOrderObj) {\n    document.querySelector('#adyenPartialPaymentsOrder').value = JSON.stringify(store.partialPaymentsOrderObj);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyen_checkout/validateComponents.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js":
+/*!***************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js ***!
+  \***************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n/* eslint-disable prefer-regex-literals */\nvar processInclude = __webpack_require__(/*! base/util */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/util.js\");\nvar baseCheckout = __webpack_require__(/*! base/checkout/checkout */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/checkout.js\");\nvar adyenCheckout = __webpack_require__(/*! ./adyenCheckout */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js\");\nvar billing = __webpack_require__(/*! ./checkout/billing */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js\");\n\n// Compatibility Adyen SFRA 5.x.x & 6.x.x\nvar checkout = window.AdyenSFRA6Enabled !== 'null' ? __webpack_require__(/*! ./checkout/checkoutSFRA6 */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js\") : __webpack_require__(/*! ./checkout/checkoutSFRA5 */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js\");\n$(document).ready(function () {\n  // eslint-disable-line\n  var name = 'paymentError';\n  var error = new RegExp(\"[?&]\".concat(encodeURIComponent(name), \"=([^&]*)\")).exec(window.location.search);\n  var paymentStage = new RegExp('[?&]stage=payment([^&]*)').exec(window.location.search);\n  if (error || paymentStage) {\n    if (error) {\n      $('.error-message').show();\n      $('.error-message-text').text(decodeURIComponent(error[1]));\n    }\n    adyenCheckout.renderGenericComponent();\n  }\n  processInclude(baseCheckout);\n  processInclude(billing);\n  processInclude(checkout);\n  $('#selectedPaymentOption').val($('.payment-options .nav-item .active').parent().attr('data-method-id'));\n});\n$('.payment-options .nav-link').click(function setAttr() {\n  $('#selectedPaymentOption').val($(this).parent().attr('data-method-id'));\n});\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js":
+/*!***********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js ***!
+  \***********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction hasData() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  return args.every(function (arg) {\n    return !!arg;\n  });\n}\nfunction appendToPaymentSummary(html) {\n  // update payment details\n  var paymentSummary = document.querySelector('.payment-details');\n  paymentSummary.innerHTML += html;\n}\nfunction appendMaskedCC(_ref) {\n  var maskedCreditCardNumber = _ref.maskedCreditCardNumber;\n  var innerHTML = \"<div>\".concat(maskedCreditCardNumber, \"</div>\");\n  return maskedCreditCardNumber && appendToPaymentSummary(innerHTML);\n}\nfunction appendIssuerName(_ref2) {\n  var selectedIssuerName = _ref2.selectedIssuerName;\n  var innerHTML = \"<div><span>\".concat(selectedIssuerName, \"</span></div>\");\n  return selectedIssuerName && appendToPaymentSummary(innerHTML);\n}\nfunction appendExpiration(_ref3, order) {\n  var expirationMonth = _ref3.expirationMonth,\n    expirationYear = _ref3.expirationYear;\n  var innerHTML = \"<div><span>\".concat(order.resources.cardEnding, \" \").concat(expirationMonth, \"/\").concat(expirationYear, \"</span></div>\");\n  return hasData(expirationMonth, expirationYear) && appendToPaymentSummary(innerHTML);\n}\nfunction appendPaymentMethod(_ref4) {\n  var selectedAdyenPM = _ref4.selectedAdyenPM;\n  var innerHTML = \"<div><span>\".concat(selectedAdyenPM, \"</span></div>\");\n  return selectedAdyenPM && appendToPaymentSummary(innerHTML);\n}\n\n/**\n * Updates the payment information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updatePaymentInformation(order) {\n  var _order$billing$paymen;\n  if ((_order$billing$paymen = order.billing.payment.selectedPaymentInstruments) !== null && _order$billing$paymen !== void 0 && _order$billing$paymen.length) {\n    var selectedPaymentInstrument = order.billing.payment.selectedPaymentInstruments[0];\n    document.querySelector('.payment-details').innerHTML = '';\n    appendPaymentMethod(selectedPaymentInstrument);\n    appendIssuerName(selectedPaymentInstrument);\n    appendMaskedCC(selectedPaymentInstrument);\n    appendExpiration(selectedPaymentInstrument, order);\n  }\n}\nmodule.exports.methods = {\n  updatePaymentInformation: updatePaymentInformation\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar shippingHelpers = __webpack_require__(/*! base/checkout/shipping */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js\");\nvar billingHelpers = __webpack_require__(/*! base/checkout/billing */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js\");\nvar summaryHelpers = __webpack_require__(/*! base/checkout/summary */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js\");\nvar formHelpers = __webpack_require__(/*! base/checkout/formErrors */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js\");\nvar scrollAnimate = __webpack_require__(/*! base/components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\nvar billing = __webpack_require__(/*! ./billing */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js\");\n// ### Custom Adyen cartridge start ###\nvar adyenCheckout = __webpack_require__(/*! ../adyenCheckout */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js\");\n// ### Custom Adyen cartridge end ###\n\n/**\n * Create the jQuery Checkout Plugin.\n *\n * This jQuery plugin will be registered on the dom element in checkout.isml with the\n * id of \"checkout-main\".\n *\n * The checkout plugin will handle the different state the user interface is in as the user\n * progresses through the varying forms such as shipping and payment.\n *\n * Billing info and payment info are used a bit synonymously in this code.\n *\n */\n(function ($) {\n  $.fn.checkout = function () {\n    // eslint-disable-line\n    var plugin = this;\n\n    //\n    // Collect form data from user input\n    //\n    var formData = {\n      // Shipping Address\n      shipping: {},\n      // Billing Address\n      billing: {},\n      // Payment\n      payment: {},\n      // Gift Codes\n      giftCode: {}\n    };\n\n    //\n    // The different states/stages of checkout\n    //\n    var checkoutStages = ['shipping', 'payment', 'placeOrder', 'submitted'];\n\n    /**\n     * Updates the URL to determine stage\n     * @param {number} currentStage - The current stage the user is currently on in the checkout\n     */\n    function updateUrl(currentStage) {\n      history.pushState(checkoutStages[currentStage], document.title, location.pathname + '?stage=' + checkoutStages[currentStage] + '#' + checkoutStages[currentStage]);\n    }\n\n    //\n    // Local member methods of the Checkout plugin\n    //\n    var members = {\n      // initialize the currentStage variable for the first time\n      currentStage: 0,\n      /**\n       * Set or update the checkout stage (AKA the shipping, billing, payment, etc... steps)\n       * @returns {Object} a promise\n       */\n      updateStage: function updateStage() {\n        var stage = checkoutStages[members.currentStage];\n        var defer = $.Deferred(); // eslint-disable-line\n\n        if (stage === 'shipping') {\n          //\n          // Clear Previous Errors\n          //\n          formHelpers.clearPreviousErrors('.shipping-form');\n\n          //\n          // Submit the Shipping Address Form\n          //\n          var isMultiShip = $('#checkout-main').hasClass('multi-ship');\n          var formSelector = isMultiShip ? '.multi-shipping .active form' : '.single-shipping .shipping-form';\n          var form = $(formSelector);\n          if (isMultiShip && form.length === 0) {\n            // disable the next:Payment button here\n            $('body').trigger('checkout:disableButton', '.next-step-button button');\n            // in case the multi ship form is already submitted\n            var url = $('#checkout-main').attr('data-checkout-get-url');\n            $.ajax({\n              url: url,\n              method: 'GET',\n              success: function success(data) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                if (!data.error) {\n                  $('body').trigger('checkout:updateCheckoutView', {\n                    order: data.order,\n                    customer: data.customer\n                  });\n                  defer.resolve();\n                } else if (data.message && $('.shipping-error .alert-danger').length < 1) {\n                  var errorMsg = data.message;\n                  var errorHtml = '<div class=\"alert alert-danger alert-dismissible valid-cart-error ' + 'fade show\" role=\"alert\">' + '<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">' + '<span aria-hidden=\"true\">&times;</span>' + '</button>' + errorMsg + '</div>';\n                  $('.shipping-error').append(errorHtml);\n                  scrollAnimate($('.shipping-error'));\n                  defer.reject();\n                } else if (data.redirectUrl) {\n                  window.location.href = data.redirectUrl;\n                }\n              },\n              error: function error() {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                // Server error submitting form\n                defer.reject();\n              }\n            });\n          } else {\n            var shippingFormData = form.serialize();\n            $('body').trigger('checkout:serializeShipping', {\n              form: form,\n              data: shippingFormData,\n              callback: function callback(data) {\n                shippingFormData = data;\n              }\n            });\n            // disable the next:Payment button here\n            $('body').trigger('checkout:disableButton', '.next-step-button button');\n            $.ajax({\n              url: form.attr('action'),\n              type: 'post',\n              data: shippingFormData,\n              success: function success(data) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                shippingHelpers.methods.shippingFormResponse(defer, data);\n              },\n              error: function error(err) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                if (err.responseJSON && err.responseJSON.redirectUrl) {\n                  window.location.href = err.responseJSON.redirectUrl;\n                }\n                // Server error submitting form\n                defer.reject(err.responseJSON);\n              }\n            });\n          }\n          return defer;\n        } else if (stage === 'payment') {\n          //\n          // Submit the Billing Address Form\n          //\n\n          formHelpers.clearPreviousErrors('.payment-form');\n          var billingAddressForm = $('#dwfrm_billing .billing-address-block :input').serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $('#dwfrm_billing .billing-address-block'),\n            data: billingAddressForm,\n            callback: function callback(data) {\n              if (data) {\n                billingAddressForm = data;\n              }\n            }\n          });\n          var contactInfoForm = $('#dwfrm_billing .contact-info-block :input').serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $('#dwfrm_billing .contact-info-block'),\n            data: contactInfoForm,\n            callback: function callback(data) {\n              if (data) {\n                contactInfoForm = data;\n              }\n            }\n          });\n          var activeTabId = $('.tab-pane.active').attr('id');\n          var paymentInfoSelector = '#dwfrm_billing .' + activeTabId + ' .payment-form-fields :input';\n          var paymentInfoForm = $(paymentInfoSelector).serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $(paymentInfoSelector),\n            data: paymentInfoForm,\n            callback: function callback(data) {\n              if (data) {\n                paymentInfoForm = data;\n              }\n            }\n          });\n          var paymentForm = billingAddressForm + '&' + contactInfoForm + '&' + paymentInfoForm;\n          if ($('.data-checkout-stage').data('customer-type') === 'registered') {\n            // if payment method is credit card\n            if ($('.payment-information').data('payment-method-id') === 'CREDIT_CARD') {\n              if (!$('.payment-information').data('is-new-payment')) {\n                var cvvCode = $('.saved-payment-instrument.' + 'selected-payment .saved-payment-security-code').val();\n                if (cvvCode === '') {\n                  var cvvElement = $('.saved-payment-instrument.' + 'selected-payment ' + '.form-control');\n                  cvvElement.addClass('is-invalid');\n                  scrollAnimate(cvvElement);\n                  defer.reject();\n                  return defer;\n                }\n                var $savedPaymentInstrument = $('.saved-payment-instrument' + '.selected-payment');\n                paymentForm += '&storedPaymentUUID=' + $savedPaymentInstrument.data('uuid');\n                paymentForm += '&securityCode=' + cvvCode;\n              }\n            }\n          }\n          // disable the next:Place Order button here\n          $('body').trigger('checkout:disableButton', '.next-step-button button');\n          $.ajax({\n            url: $('#dwfrm_billing').attr('action'),\n            method: 'POST',\n            data: paymentForm,\n            success: function success(data) {\n              // enable the next:Place Order button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              // look for field validation errors\n              if (data.error) {\n                if (data.fieldErrors.length) {\n                  data.fieldErrors.forEach(function (error) {\n                    if (Object.keys(error).length) {\n                      formHelpers.loadFormErrors('.payment-form', error);\n                    }\n                  });\n                }\n                if (data.serverErrors.length) {\n                  data.serverErrors.forEach(function (error) {\n                    $('.error-message').show();\n                    $('.error-message-text').text(error);\n                    scrollAnimate($('.error-message'));\n                  });\n                }\n                if (data.cartError) {\n                  window.location.href = data.redirectUrl;\n                }\n                defer.reject();\n              } else {\n                //\n                // Populate the Address Summary\n                //\n                $('body').trigger('checkout:updateCheckoutView', {\n                  order: data.order,\n                  customer: data.customer\n                });\n                if (data.renderedPaymentInstruments) {\n                  $('.stored-payments').empty().html(data.renderedPaymentInstruments);\n                }\n                if (data.customer.registeredUser && data.customer.customerPaymentInstruments.length) {\n                  $('.cancel-new-payment').removeClass('checkout-hidden');\n                }\n                scrollAnimate();\n                defer.resolve(data);\n              }\n            },\n            error: function error(err) {\n              // enable the next:Place Order button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              if (err.responseJSON && err.responseJSON.redirectUrl) {\n                window.location.href = err.responseJSON.redirectUrl;\n              }\n            }\n          });\n          return defer;\n        } else if (stage === 'placeOrder') {\n          // disable the placeOrder button here\n          $('body').trigger('checkout:disableButton', '.next-step-button button');\n          $.ajax({\n            url: $('.place-order').data('action'),\n            method: 'POST',\n            success: function success(data) {\n              // enable the placeOrder button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              if (data.error) {\n                if (data.cartError) {\n                  window.location.href = data.redirectUrl;\n                  defer.reject();\n                } else {\n                  // go to appropriate stage and display error message\n                  defer.reject(data);\n                }\n                // ### Custom Adyen cartridge start ###\n              } else if (data.adyenAction) {\n                window.orderToken = data.orderToken;\n                adyenCheckout.actionHandler(data.adyenAction);\n                // ### Custom Adyen cartridge end ###\n              } else {\n                var continueUrl = data.continueUrl;\n                var urlParams = {\n                  ID: data.orderID,\n                  token: data.orderToken\n                };\n                continueUrl += (continueUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(urlParams).map(function (key) {\n                  return key + '=' + encodeURIComponent(urlParams[key]);\n                }).join('&');\n                window.location.href = continueUrl;\n                defer.resolve(data);\n              }\n            },\n            error: function error() {\n              // enable the placeOrder button here\n              $('body').trigger('checkout:enableButton', $('.next-step-button button'));\n            }\n          });\n          return defer;\n        }\n        var p = $('<div>').promise(); // eslint-disable-line\n        setTimeout(function () {\n          p.done(); // eslint-disable-line\n        }, 500);\n        return p; // eslint-disable-line\n      },\n\n      /**\n       * Initialize the checkout stage.\n       *\n       * TODO: update this to allow stage to be set from server?\n       */\n      initialize: function initialize() {\n        // set the initial state of checkout\n        members.currentStage = checkoutStages.indexOf($('.data-checkout-stage').data('checkout-stage'));\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n\n        //\n        // Handle Payment option selection\n        //\n        $('input[name$=\"paymentMethod\"]', plugin).on('change', function () {\n          $('.credit-card-form').toggle($(this).val() === 'CREDIT_CARD');\n        });\n\n        //\n        // Handle Next State button click\n        //\n        $(plugin).on('click', '.next-step-button button', function () {\n          members.nextStage();\n        });\n\n        //\n        // Handle Edit buttons on shipping and payment summary cards\n        //\n        $('.shipping-summary .edit-button', plugin).on('click', function () {\n          if (!$('#checkout-main').hasClass('multi-ship')) {\n            $('body').trigger('shipping:selectSingleShipping');\n          }\n          members.gotoStage('shipping');\n        });\n        $('.payment-summary .edit-button', plugin).on('click', function () {\n          members.gotoStage('payment');\n        });\n\n        //\n        // remember stage (e.g. shipping)\n        //\n        updateUrl(members.currentStage);\n\n        //\n        // Listen for foward/back button press and move to correct checkout-stage\n        //\n        $(window).on('popstate', function (e) {\n          //\n          // Back button when event state less than current state in ordered\n          // checkoutStages array.\n          //\n          if (e.state === null || checkoutStages.indexOf(e.state) < members.currentStage) {\n            members.handlePrevStage(false);\n          } else if (checkoutStages.indexOf(e.state) > members.currentStage) {\n            // Forward button  pressed\n            members.handleNextStage(false);\n          }\n        });\n\n        //\n        // Set the form data\n        //\n        plugin.data('formData', formData);\n      },\n      /**\n       * The next checkout state step updates the css for showing correct buttons etc...\n       */\n      nextStage: function nextStage() {\n        var promise = members.updateStage();\n        promise.done(function () {\n          // Update UI with new stage\n          members.handleNextStage(true);\n        });\n        promise.fail(function (data) {\n          // show errors\n          if (data) {\n            if (data.errorStage) {\n              members.gotoStage(data.errorStage.stage);\n              if (data.errorStage.step === 'billingAddress') {\n                var $billingAddressSameAsShipping = $('input[name$=\"_shippingAddressUseAsBillingAddress\"]');\n                if ($billingAddressSameAsShipping.is(':checked')) {\n                  $billingAddressSameAsShipping.prop('checked', false);\n                }\n              }\n            }\n            if (data.errorMessage) {\n              $('.error-message').show();\n              $('.error-message-text').text(data.errorMessage);\n            }\n          }\n        });\n      },\n      /**\n       * The next checkout state step updates the css for showing correct buttons etc...\n       *\n       * @param {boolean} bPushState - boolean when true pushes state using the history api.\n       */\n      handleNextStage: function handleNextStage(bPushState) {\n        if (members.currentStage < checkoutStages.length - 1) {\n          // move stage forward\n          members.currentStage++;\n\n          //\n          // show new stage in url (e.g.payment)\n          //\n          if (bPushState) {\n            updateUrl(members.currentStage);\n          }\n        }\n\n        // Set the next stage on the DOM\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      },\n      /**\n       * Previous State\n       */\n      handlePrevStage: function handlePrevStage() {\n        if (members.currentStage > 0) {\n          // move state back\n          members.currentStage--;\n          updateUrl(members.currentStage);\n        }\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      },\n      /**\n       * Use window history to go to a checkout stage\n       * @param {string} stageName - the checkout state to goto\n       */\n      gotoStage: function gotoStage(stageName) {\n        members.currentStage = checkoutStages.indexOf(stageName);\n        updateUrl(members.currentStage);\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      }\n    };\n\n    //\n    // Initialize the checkout\n    //\n    members.initialize();\n    return this;\n  };\n})(jQuery);\nmodule.exports = {\n  updateCheckoutView: function updateCheckoutView() {\n    $('body').on('checkout:updateCheckoutView', function (e, data) {\n      shippingHelpers.methods.updateMultiShipInformation(data.order);\n      summaryHelpers.updateTotals(data.order.totals);\n      data.order.shipping.forEach(function (shipping) {\n        shippingHelpers.methods.updateShippingInformation(shipping, data.order, data.customer, data.options);\n      });\n      var currentStage = window.location.search.substring(window.location.search.indexOf('=') + 1);\n      if (currentStage === ('shipping' || false)) {\n        adyenCheckout.renderGenericComponent();\n      }\n      billingHelpers.methods.updateBillingInformation(data.order, data.customer, data.options);\n      billing.methods.updatePaymentInformation(data.order, data.options);\n      summaryHelpers.updateOrderProductSummaryInformation(data.order, data.options);\n    });\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA5.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js":
+/*!*****************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nvar customerHelpers = __webpack_require__(/*! base/checkout/customer */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/customer.js\");\nvar shippingHelpers = __webpack_require__(/*! base/checkout/shipping */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/shipping.js\");\nvar billingHelpers = __webpack_require__(/*! base/checkout/billing */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/billing.js\");\nvar summaryHelpers = __webpack_require__(/*! base/checkout/summary */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/summary.js\");\nvar formHelpers = __webpack_require__(/*! base/checkout/formErrors */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/checkout/formErrors.js\");\nvar scrollAnimate = __webpack_require__(/*! base/components/scrollAnimate */ \"../storefront-reference-architecture/cartridges/app_storefront_base/cartridge/client/default/js/components/scrollAnimate.js\");\nvar billing = __webpack_require__(/*! ./billing */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/billing.js\");\n// ### Custom Adyen cartridge start ###\nvar adyenCheckout = __webpack_require__(/*! ../adyenCheckout */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/adyenCheckout.js\");\n// ### Custom Adyen cartridge end ###\n\n/**\n * Create the jQuery Checkout Plugin.\n *\n * This jQuery plugin will be registered on the dom element in checkout.isml with the\n * id of \"checkout-main\".\n *\n * The checkout plugin will handle the different state the user interface is in as the user\n * progresses through the varying forms such as shipping and payment.\n *\n * Billing info and payment info are used a bit synonymously in this code.\n *\n */\n(function ($) {\n  $.fn.checkout = function () {\n    var plugin = this;\n\n    //\n    // Collect form data from user input\n    //\n    var formData = {\n      // Customer Data\n      customer: {},\n      // Shipping Address\n      shipping: {},\n      // Billing Address\n      billing: {},\n      // Payment\n      payment: {},\n      // Gift Codes\n      giftCode: {}\n    };\n\n    //\n    // The different states/stages of checkout\n    //\n    var checkoutStages = ['customer', 'shipping', 'payment', 'placeOrder', 'submitted'];\n\n    /**\n     * Updates the URL to determine stage\n     * @param {number} currentStage - The current stage the user is currently on in the checkout\n     */\n    function updateUrl(currentStage) {\n      history.pushState(checkoutStages[currentStage], document.title, location.pathname + '?stage=' + checkoutStages[currentStage] + '#' + checkoutStages[currentStage]);\n    }\n\n    //\n    // Local member methods of the Checkout plugin\n    //\n    var members = {\n      // initialize the currentStage variable for the first time\n      currentStage: 0,\n      /**\n       * Set or update the checkout stage (AKA the shipping, billing, payment, etc... steps)\n       * @returns {Object} a promise\n       */\n      updateStage: function updateStage() {\n        var stage = checkoutStages[members.currentStage];\n        var defer = $.Deferred(); // eslint-disable-line\n\n        if (stage === 'customer') {\n          //\n          // Clear Previous Errors\n          //\n          customerHelpers.methods.clearErrors();\n          //\n          // Submit the Customer Form\n          //\n          var customerFormSelector = customerHelpers.methods.isGuestFormActive() ? customerHelpers.vars.GUEST_FORM : customerHelpers.vars.REGISTERED_FORM;\n          var customerForm = $(customerFormSelector);\n          $.ajax({\n            url: customerForm.attr('action'),\n            type: 'post',\n            data: customerForm.serialize(),\n            success: function success(data) {\n              if (data.redirectUrl) {\n                window.location.href = data.redirectUrl;\n              } else {\n                customerHelpers.methods.customerFormResponse(defer, data);\n              }\n            },\n            error: function error(err) {\n              if (err.responseJSON && err.responseJSON.redirectUrl) {\n                window.location.href = err.responseJSON.redirectUrl;\n              }\n              // Server error submitting form\n              defer.reject(err.responseJSON);\n            }\n          });\n          return defer;\n        } else if (stage === 'shipping') {\n          //\n          // Clear Previous Errors\n          //\n          formHelpers.clearPreviousErrors('.shipping-form');\n\n          //\n          // Submit the Shipping Address Form\n          //\n          var isMultiShip = $('#checkout-main').hasClass('multi-ship');\n          var formSelector = isMultiShip ? '.multi-shipping .active form' : '.single-shipping .shipping-form';\n          var form = $(formSelector);\n          if (isMultiShip && form.length === 0) {\n            // disable the next:Payment button here\n            $('body').trigger('checkout:disableButton', '.next-step-button button');\n            // in case the multi ship form is already submitted\n            var url = $('#checkout-main').attr('data-checkout-get-url');\n            $.ajax({\n              url: url,\n              method: 'GET',\n              success: function success(data) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                if (!data.error) {\n                  $('body').trigger('checkout:updateCheckoutView', {\n                    order: data.order,\n                    customer: data.customer\n                  });\n                  defer.resolve();\n                } else if (data.message && $('.shipping-error .alert-danger').length < 1) {\n                  var errorMsg = data.message;\n                  var errorHtml = '<div class=\"alert alert-danger alert-dismissible valid-cart-error ' + 'fade show\" role=\"alert\">' + '<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">' + '<span aria-hidden=\"true\">&times;</span>' + '</button>' + errorMsg + '</div>';\n                  $('.shipping-error').append(errorHtml);\n                  scrollAnimate($('.shipping-error'));\n                  defer.reject();\n                } else if (data.redirectUrl) {\n                  window.location.href = data.redirectUrl;\n                }\n              },\n              error: function error() {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                // Server error submitting form\n                defer.reject();\n              }\n            });\n          } else {\n            var shippingFormData = form.serialize();\n            $('body').trigger('checkout:serializeShipping', {\n              form: form,\n              data: shippingFormData,\n              callback: function callback(data) {\n                shippingFormData = data;\n              }\n            });\n            // disable the next:Payment button here\n            $('body').trigger('checkout:disableButton', '.next-step-button button');\n            $.ajax({\n              url: form.attr('action'),\n              type: 'post',\n              data: shippingFormData,\n              success: function success(data) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                shippingHelpers.methods.shippingFormResponse(defer, data);\n              },\n              error: function error(err) {\n                // enable the next:Payment button here\n                $('body').trigger('checkout:enableButton', '.next-step-button button');\n                if (err.responseJSON && err.responseJSON.redirectUrl) {\n                  window.location.href = err.responseJSON.redirectUrl;\n                }\n                // Server error submitting form\n                defer.reject(err.responseJSON);\n              }\n            });\n          }\n          return defer;\n        } else if (stage === 'payment') {\n          //\n          // Submit the Billing Address Form\n          //\n\n          formHelpers.clearPreviousErrors('.payment-form');\n          var billingAddressForm = $('#dwfrm_billing .billing-address-block :input').serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $('#dwfrm_billing .billing-address-block'),\n            data: billingAddressForm,\n            callback: function callback(data) {\n              if (data) {\n                billingAddressForm = data;\n              }\n            }\n          });\n          var contactInfoForm = $('#dwfrm_billing .contact-info-block :input').serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $('#dwfrm_billing .contact-info-block'),\n            data: contactInfoForm,\n            callback: function callback(data) {\n              if (data) {\n                contactInfoForm = data;\n              }\n            }\n          });\n          var activeTabId = $('.tab-pane.active').attr('id');\n          var paymentInfoSelector = '#dwfrm_billing .' + activeTabId + ' .payment-form-fields :input';\n          var paymentInfoForm = $(paymentInfoSelector).serialize();\n          $('body').trigger('checkout:serializeBilling', {\n            form: $(paymentInfoSelector),\n            data: paymentInfoForm,\n            callback: function callback(data) {\n              if (data) {\n                paymentInfoForm = data;\n              }\n            }\n          });\n          var paymentForm = billingAddressForm + '&' + contactInfoForm + '&' + paymentInfoForm;\n          if ($('.data-checkout-stage').data('customer-type') === 'registered') {\n            // if payment method is credit card\n            if ($('.payment-information').data('payment-method-id') === 'CREDIT_CARD') {\n              if (!$('.payment-information').data('is-new-payment')) {\n                var cvvCode = $('.saved-payment-instrument.' + 'selected-payment .saved-payment-security-code').val();\n                if (cvvCode === '') {\n                  var cvvElement = $('.saved-payment-instrument.' + 'selected-payment ' + '.form-control');\n                  cvvElement.addClass('is-invalid');\n                  scrollAnimate(cvvElement);\n                  defer.reject();\n                  return defer;\n                }\n                var $savedPaymentInstrument = $('.saved-payment-instrument' + '.selected-payment');\n                paymentForm += '&storedPaymentUUID=' + $savedPaymentInstrument.data('uuid');\n                paymentForm += '&securityCode=' + cvvCode;\n              }\n            }\n          }\n          // disable the next:Place Order button here\n          $('body').trigger('checkout:disableButton', '.next-step-button button');\n          $.ajax({\n            url: $('#dwfrm_billing').attr('action'),\n            method: 'POST',\n            data: paymentForm,\n            success: function success(data) {\n              // enable the next:Place Order button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              // look for field validation errors\n              if (data.error) {\n                if (data.fieldErrors.length) {\n                  data.fieldErrors.forEach(function (error) {\n                    if (Object.keys(error).length) {\n                      formHelpers.loadFormErrors('.payment-form', error);\n                    }\n                  });\n                }\n                if (data.serverErrors.length) {\n                  data.serverErrors.forEach(function (error) {\n                    $('.error-message').show();\n                    $('.error-message-text').text(error);\n                    scrollAnimate($('.error-message'));\n                  });\n                }\n                if (data.cartError) {\n                  window.location.href = data.redirectUrl;\n                }\n                defer.reject();\n              } else {\n                //\n                // Populate the Address Summary\n                //\n                $('body').trigger('checkout:updateCheckoutView', {\n                  order: data.order,\n                  customer: data.customer\n                });\n                if (data.renderedPaymentInstruments) {\n                  $('.stored-payments').empty().html(data.renderedPaymentInstruments);\n                }\n                if (data.customer.registeredUser && data.customer.customerPaymentInstruments.length) {\n                  $('.cancel-new-payment').removeClass('checkout-hidden');\n                }\n                scrollAnimate();\n                defer.resolve(data);\n              }\n            },\n            error: function error(err) {\n              // enable the next:Place Order button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              if (err.responseJSON && err.responseJSON.redirectUrl) {\n                window.location.href = err.responseJSON.redirectUrl;\n              }\n            }\n          });\n          return defer;\n        } else if (stage === 'placeOrder') {\n          // disable the placeOrder button here\n          $('body').trigger('checkout:disableButton', '.next-step-button button');\n          $.ajax({\n            url: $('.place-order').data('action'),\n            method: 'POST',\n            success: function success(data) {\n              // enable the placeOrder button here\n              $('body').trigger('checkout:enableButton', '.next-step-button button');\n              if (data.error) {\n                if (data.cartError) {\n                  window.location.href = data.redirectUrl;\n                  defer.reject();\n                } else {\n                  // go to appropriate stage and display error message\n                  defer.reject(data);\n                }\n                // ### Custom Adyen cartridge start ###\n              } else if (data.adyenAction) {\n                window.orderToken = data.orderToken;\n                adyenCheckout.actionHandler(data.adyenAction);\n                // ### Custom Adyen cartridge end ###\n              } else {\n                var redirect = $('<form>').appendTo(document.body).attr({\n                  method: 'POST',\n                  action: data.continueUrl\n                });\n                $('<input>').appendTo(redirect).attr({\n                  name: 'orderID',\n                  value: data.orderID\n                });\n                $('<input>').appendTo(redirect).attr({\n                  name: 'orderToken',\n                  value: data.orderToken\n                });\n                redirect.submit();\n                defer.resolve(data);\n              }\n            },\n            error: function error() {\n              // enable the placeOrder button here\n              $('body').trigger('checkout:enableButton', $('.next-step-button button'));\n            }\n          });\n          return defer;\n        }\n        var p = $('<div>').promise(); // eslint-disable-line\n        setTimeout(function () {\n          p.done(); // eslint-disable-line\n        }, 500);\n        return p; // eslint-disable-line\n      },\n\n      /**\n       * Initialize the checkout stage.\n       *\n       * TODO: update this to allow stage to be set from server?\n       */\n      initialize: function initialize() {\n        // set the initial state of checkout\n        members.currentStage = checkoutStages.indexOf($('.data-checkout-stage').data('checkout-stage'));\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n        $('body').on('click', '.submit-customer-login', function (e) {\n          e.preventDefault();\n          members.nextStage();\n        });\n        $('body').on('click', '.submit-customer', function (e) {\n          e.preventDefault();\n          members.nextStage();\n        });\n\n        //\n        // Handle Payment option selection\n        //\n        $('input[name$=\"paymentMethod\"]', plugin).on('change', function () {\n          $('.credit-card-form').toggle($(this).val() === 'CREDIT_CARD');\n        });\n\n        //\n        // Handle Next State button click\n        //\n        $(plugin).on('click', '.next-step-button button', function () {\n          members.nextStage();\n        });\n\n        //\n        // Handle Edit buttons on shipping and payment summary cards\n        //\n        $('.customer-summary .edit-button', plugin).on('click', function () {\n          members.gotoStage('customer');\n        });\n        $('.shipping-summary .edit-button', plugin).on('click', function () {\n          if (!$('#checkout-main').hasClass('multi-ship')) {\n            $('body').trigger('shipping:selectSingleShipping');\n          }\n          members.gotoStage('shipping');\n        });\n        $('.payment-summary .edit-button', plugin).on('click', function () {\n          members.gotoStage('payment');\n        });\n\n        //\n        // remember stage (e.g. shipping)\n        //\n        updateUrl(members.currentStage);\n\n        //\n        // Listen for foward/back button press and move to correct checkout-stage\n        //\n        $(window).on('popstate', function (e) {\n          //\n          // Back button when event state less than current state in ordered\n          // checkoutStages array.\n          //\n          if (e.state === null || checkoutStages.indexOf(e.state) < members.currentStage) {\n            members.handlePrevStage(false);\n          } else if (checkoutStages.indexOf(e.state) > members.currentStage) {\n            // Forward button  pressed\n            members.handleNextStage(false);\n          }\n        });\n\n        //\n        // Set the form data\n        //\n        plugin.data('formData', formData);\n      },\n      /**\n       * The next checkout state step updates the css for showing correct buttons etc...\n       */\n      nextStage: function nextStage() {\n        var promise = members.updateStage();\n        promise.done(function () {\n          // Update UI with new stage\n          $('.error-message').hide();\n          members.handleNextStage(true);\n        });\n        promise.fail(function (data) {\n          // show errors\n          if (data) {\n            if (data.errorStage) {\n              members.gotoStage(data.errorStage.stage);\n              if (data.errorStage.step === 'billingAddress') {\n                var $billingAddressSameAsShipping = $('input[name$=\"_shippingAddressUseAsBillingAddress\"]');\n                if ($billingAddressSameAsShipping.is(':checked')) {\n                  $billingAddressSameAsShipping.prop('checked', false);\n                }\n              }\n            }\n            if (data.errorMessage) {\n              $('.error-message').show();\n              $('.error-message-text').text(data.errorMessage);\n            }\n          }\n        });\n      },\n      /**\n       * The next checkout state step updates the css for showing correct buttons etc...\n       *\n       * @param {boolean} bPushState - boolean when true pushes state using the history api.\n       */\n      handleNextStage: function handleNextStage(bPushState) {\n        if (members.currentStage < checkoutStages.length - 1) {\n          // move stage forward\n          members.currentStage++;\n\n          //\n          // show new stage in url (e.g.payment)\n          //\n          if (bPushState) {\n            updateUrl(members.currentStage);\n          }\n        }\n\n        // Set the next stage on the DOM\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      },\n      /**\n       * Previous State\n       */\n      handlePrevStage: function handlePrevStage() {\n        if (members.currentStage > 0) {\n          // move state back\n          members.currentStage--;\n          updateUrl(members.currentStage);\n        }\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      },\n      /**\n       * Use window history to go to a checkout stage\n       * @param {string} stageName - the checkout state to goto\n       */\n      gotoStage: function gotoStage(stageName) {\n        members.currentStage = checkoutStages.indexOf(stageName);\n        updateUrl(members.currentStage);\n        $(plugin).attr('data-checkout-stage', checkoutStages[members.currentStage]);\n      }\n    };\n\n    //\n    // Initialize the checkout\n    //\n    members.initialize();\n    return this;\n  };\n})(jQuery);\nmodule.exports = {\n  updateCheckoutView: function updateCheckoutView() {\n    $('body').on('checkout:updateCheckoutView', function (e, data) {\n      if (data.csrfToken) {\n        $(\"input[name*='csrf_token']\").val(data.csrfToken);\n      }\n      customerHelpers.methods.updateCustomerInformation(data.customer, data.order);\n      shippingHelpers.methods.updateMultiShipInformation(data.order);\n      summaryHelpers.updateTotals(data.order.totals);\n      data.order.shipping.forEach(function (shipping) {\n        shippingHelpers.methods.updateShippingInformation(shipping, data.order, data.customer, data.options);\n      });\n      var currentStage = window.location.search.substring(window.location.search.indexOf('=') + 1);\n      if (currentStage === ('shipping' || false)) {\n        adyenCheckout.renderGenericComponent();\n      }\n      billingHelpers.methods.updateBillingInformation(data.order, data.customer, data.options);\n      billing.methods.updatePaymentInformation(data.order, data.options);\n      summaryHelpers.updateOrderProductSummaryInformation(data.order, data.options);\n    });\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/checkout/checkoutSFRA6.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js":
+/*!****************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n// Adyen constants\n\nmodule.exports = {\n  METHOD_ADYEN: 'Adyen',\n  METHOD_ADYEN_POS: 'AdyenPOS',\n  METHOD_ADYEN_COMPONENT: 'AdyenComponent',\n  RECEIVED: 'Received',\n  NOTENOUGHBALANCE: 'NotEnoughBalance',\n  SUCCESS: 'Success',\n  GIFTCARD: 'giftcard',\n  GIROPAY: 'giropay',\n  APPLE_PAY: 'applepay',\n  ACTIONTYPE: {\n    QRCODE: 'qrCode'\n  },\n  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],\n  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/constants.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/constants.js
new file mode 100644
index 000000000..0bcb15de2
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/constants.js
@@ -0,0 +1,101 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js":
+/*!****************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\n// Adyen constants\n\nmodule.exports = {\n  METHOD_ADYEN: 'Adyen',\n  METHOD_ADYEN_POS: 'AdyenPOS',\n  METHOD_ADYEN_COMPONENT: 'AdyenComponent',\n  RECEIVED: 'Received',\n  NOTENOUGHBALANCE: 'NotEnoughBalance',\n  SUCCESS: 'Success',\n  GIFTCARD: 'giftcard',\n  GIROPAY: 'giropay',\n  APPLE_PAY: 'applepay',\n  ACTIONTYPE: {\n    QRCODE: 'qrCode'\n  },\n  DISABLED_SUBMIT_BUTTON_METHODS: ['paypal', 'paywithgoogle', 'googlepay', 'amazonpay', 'applepay', 'cashapp'],\n  APPLE_DOMAIN_URL: '/.well-known/apple-developer-merchantid-domain-association'\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/constants.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/static/default/js/expressPaymentMethodsVisibility.js b/cartridges/int_adyen_SFRA/cartridge/static/default/js/expressPaymentMethodsVisibility.js
new file mode 100644
index 000000000..d686cb2c3
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/static/default/js/expressPaymentMethodsVisibility.js
@@ -0,0 +1,148 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js":
+/*!********************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar store = __webpack_require__(/*! ../../../../store */ \"./cartridges/int_adyen_SFRA/cartridge/store/index.js\");\nmodule.exports.onFieldValid = function onFieldValid(data) {\n  if (data.endDigits) {\n    store.endDigits = data.endDigits;\n    document.querySelector('#cardNumber').value = store.maskedCardNumber;\n  }\n};\nmodule.exports.onBrand = function onBrand(brandObject) {\n  document.querySelector('#cardType').value = brandObject.brand;\n};\n\n/**\n * Makes an ajax call to the controller function CreateSession\n */\nmodule.exports.createSession = /*#__PURE__*/function () {\n  var _createSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          return _context.abrupt(\"return\", $.ajax({\n            url: window.sessionsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  function createSession() {\n    return _createSession.apply(this, arguments);\n  }\n  return createSession;\n}();\n\n/**\n * Makes an ajax call to the controller function FetchGiftCards\n */\nmodule.exports.fetchGiftCards = /*#__PURE__*/function () {\n  var _fetchGiftCards = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n    return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n      while (1) switch (_context2.prev = _context2.next) {\n        case 0:\n          return _context2.abrupt(\"return\", $.ajax({\n            url: window.fetchGiftCardsUrl,\n            type: 'get'\n          }));\n        case 1:\n        case \"end\":\n          return _context2.stop();\n      }\n    }, _callee2);\n  }));\n  function fetchGiftCards() {\n    return _fetchGiftCards.apply(this, arguments);\n  }\n  return fetchGiftCards;\n}();\nmodule.exports.checkIfExpressMethodsAreReady = function checkIfExpressMethodsAreReady() {\n  var expressMethodsConfig = {\n    applepay: window.isApplePayExpressEnabled === 'true',\n    amazonpay: window.isAmazonPayExpressEnabled === 'true'\n  };\n  var enabledExpressMethods = [];\n  Object.keys(expressMethodsConfig).forEach(function (key) {\n    if (expressMethodsConfig[key]) {\n      enabledExpressMethods.push(key);\n    }\n  });\n  enabledExpressMethods = enabledExpressMethods.sort();\n  var loadedExpressMethods = window.loadedExpressMethods && window.loadedExpressMethods.length ? window.loadedExpressMethods.sort() : [];\n  var areAllMethodsReady = JSON.stringify(enabledExpressMethods) === JSON.stringify(loadedExpressMethods);\n  if (!enabledExpressMethods.length || areAllMethodsReady) {\n    var _document$getElementB, _document$getElementB2;\n    (_document$getElementB = document.getElementById('express-loader-container')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add('hidden');\n    (_document$getElementB2 = document.getElementById('express-container')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.classList.remove('hidden');\n  }\n};\nmodule.exports.updateLoadedExpressMethods = function updateLoadedExpressMethods(method) {\n  if (!window.loadedExpressMethods) {\n    window.loadedExpressMethods = [];\n  }\n  if (!window.loadedExpressMethods.includes(method)) {\n    window.loadedExpressMethods.push(method);\n  }\n};\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js":
+/*!**************************************************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js ***!
+  \**************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, \"_invoke\", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, \"throw\" === methodName && delegate.iterator[\"return\"] && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method) || \"return\" !== methodName && (context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a '\" + methodName + \"' method\")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, \"catch\": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\nvar _require = __webpack_require__(/*! ./commons */ \"./cartridges/int_adyen_SFRA/cartridge/client/default/js/commons/index.js\"),\n  checkIfExpressMethodsAreReady = _require.checkIfExpressMethodsAreReady;\nfunction handleExpressPaymentsVisibility() {\n  return _handleExpressPaymentsVisibility.apply(this, arguments);\n}\nfunction _handleExpressPaymentsVisibility() {\n  _handleExpressPaymentsVisibility = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n    var _window, expressMethodsOrder, sortOrder, container, toSort;\n    return _regeneratorRuntime().wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _window = window, expressMethodsOrder = _window.expressMethodsOrder;\n          if (expressMethodsOrder) {\n            sortOrder = expressMethodsOrder.split(',');\n            container = document.getElementById('express-container');\n            toSort = Array.prototype.slice.call(container.children, 0);\n            toSort.sort(function (a, b) {\n              return sortOrder.indexOf(a.dataset.method) - sortOrder.indexOf(b.dataset.method);\n            });\n            container.innerHTML = '';\n            _toConsumableArray(toSort).map(function (node) {\n              return container.appendChild(node);\n            });\n          }\n        case 2:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _handleExpressPaymentsVisibility.apply(this, arguments);\n}\nhandleExpressPaymentsVisibility();\ncheckIfExpressMethodsAreReady();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/client/default/js/expressPaymentMethodsVisibility.js?");
+
+/***/ }),
+
+/***/ "./cartridges/int_adyen_SFRA/cartridge/store/index.js":
+/*!************************************************************!*\
+  !*** ./cartridges/int_adyen_SFRA/cartridge/store/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nvar _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }\nfunction _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }\nvar _require = __webpack_require__(/*! mobx */ \"./node_modules/mobx/dist/mobx.esm.js\"),\n  observable = _require.observable,\n  computed = _require.computed;\nvar Store = (_class = /*#__PURE__*/function () {\n  function Store() {\n    _classCallCheck(this, Store);\n    _defineProperty(this, \"MASKED_CC_PREFIX\", '************');\n    _initializerDefineProperty(this, \"checkout\", _descriptor, this);\n    _initializerDefineProperty(this, \"endDigits\", _descriptor2, this);\n    _initializerDefineProperty(this, \"selectedMethod\", _descriptor3, this);\n    _initializerDefineProperty(this, \"componentsObj\", _descriptor4, this);\n    _initializerDefineProperty(this, \"checkoutConfiguration\", _descriptor5, this);\n    _initializerDefineProperty(this, \"formErrorsExist\", _descriptor6, this);\n    _initializerDefineProperty(this, \"isValid\", _descriptor7, this);\n    _initializerDefineProperty(this, \"paypalTerminatedEarly\", _descriptor8, this);\n    _initializerDefineProperty(this, \"componentState\", _descriptor9, this);\n    _initializerDefineProperty(this, \"brand\", _descriptor10, this);\n    _initializerDefineProperty(this, \"partialPaymentsOrderObj\", _descriptor11, this);\n    _initializerDefineProperty(this, \"giftCardComponentListenersAdded\", _descriptor12, this);\n    _initializerDefineProperty(this, \"addedGiftCards\", _descriptor13, this);\n  }\n  _createClass(Store, [{\n    key: \"maskedCardNumber\",\n    get: function get() {\n      return \"\".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);\n    }\n  }, {\n    key: \"selectedPayment\",\n    get: function get() {\n      return this.componentsObj[this.selectedMethod];\n    }\n  }, {\n    key: \"selectedPaymentIsValid\",\n    get: function get() {\n      var _this$selectedPayment;\n      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);\n    }\n  }, {\n    key: \"stateData\",\n    get: function get() {\n      var _this$selectedPayment2;\n      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {\n        paymentMethod: _objectSpread({\n          type: this.selectedMethod\n        }, this.brand ? {\n          brand: this.brand\n        } : undefined)\n      };\n    }\n  }, {\n    key: \"updateSelectedPayment\",\n    value: function updateSelectedPayment(method, key, val) {\n      this.componentsObj[method][key] = val;\n    }\n  }]);\n  return Store;\n}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, \"checkout\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, \"endDigits\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, \"selectedMethod\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, \"componentsObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, \"checkoutConfiguration\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return window.Configuration || {};\n  }\n}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, \"formErrorsExist\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, \"isValid\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, \"paypalTerminatedEarly\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return false;\n  }\n}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, \"componentState\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: function initializer() {\n    return {};\n  }\n}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, \"brand\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, \"partialPaymentsOrderObj\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, \"giftCardComponentListenersAdded\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, \"addedGiftCards\", [observable], {\n  configurable: true,\n  enumerable: true,\n  writable: true,\n  initializer: null\n}), _applyDecoratedDescriptor(_class.prototype, \"maskedCardNumber\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"maskedCardNumber\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPayment\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPayment\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"selectedPaymentIsValid\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"selectedPaymentIsValid\"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, \"stateData\", [computed], Object.getOwnPropertyDescriptor(_class.prototype, \"stateData\"), _class.prototype)), _class);\nmodule.exports = new Store();\n\n//# sourceURL=webpack:///./cartridges/int_adyen_SFRA/cartridge/store/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/mobx/dist/mobx.esm.js":
+/*!********************************************!*\
+  !*** ./node_modules/mobx/dist/mobx.esm.js ***!
+  \********************************************/
+/*! exports provided: $mobx, FlowCancellationError, ObservableMap, ObservableSet, Reaction, _allowStateChanges, _allowStateChangesInsideComputed, _allowStateReadsEnd, _allowStateReadsStart, _autoAction, _endAction, _getAdministration, _getGlobalState, _interceptReads, _isComputingDerivation, _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, defineProperty, entries, extendObservable, flow, flowResult, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isBoxedObservable, isComputed, isComputedProp, isFlow, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, makeAutoObservable, makeObservable, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, override, ownKeys, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"$mobx\", function() { return $mobx; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"FlowCancellationError\", function() { return FlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableMap\", function() { return ObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ObservableSet\", function() { return ObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Reaction\", function() { return Reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChanges\", function() { return allowStateChanges; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateChangesInsideComputed\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsEnd\", function() { return allowStateReadsEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_allowStateReadsStart\", function() { return allowStateReadsStart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_autoAction\", function() { return autoAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_endAction\", function() { return _endAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getAdministration\", function() { return getAdministration; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_getGlobalState\", function() { return getGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_interceptReads\", function() { return interceptReads; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_isComputingDerivation\", function() { return isComputingDerivation; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_resetGlobalState\", function() { return resetGlobalState; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_startAction\", function() { return _startAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"action\", function() { return action; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"autorun\", function() { return autorun; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"comparer\", function() { return comparer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"computed\", function() { return computed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"configure\", function() { return configure; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createAtom\", function() { return createAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defineProperty\", function() { return apiDefineProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"entries\", function() { return entries; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"extendObservable\", function() { return extendObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flow\", function() { return flow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"flowResult\", function() { return flowResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getAtom\", function() { return getAtom; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDebugName\", function() { return getDebugName; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getDependencyTree\", function() { return getDependencyTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getObserverTree\", function() { return getObserverTree; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"has\", function() { return has; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"intercept\", function() { return intercept; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isAction\", function() { return isAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isBoxedObservable\", function() { return isObservableValue; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputed\", function() { return isComputed; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isComputedProp\", function() { return isComputedProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlow\", function() { return isFlow; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isFlowCancellationError\", function() { return isFlowCancellationError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservable\", function() { return isObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableArray\", function() { return isObservableArray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableMap\", function() { return isObservableMap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableObject\", function() { return isObservableObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableProp\", function() { return isObservableProp; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isObservableSet\", function() { return isObservableSet; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"keys\", function() { return keys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAutoObservable\", function() { return makeAutoObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeObservable\", function() { return makeObservable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observable\", function() { return observable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"observe\", function() { return observe; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeObserved\", function() { return onBecomeObserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onBecomeUnobserved\", function() { return onBecomeUnobserved; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onReactionError\", function() { return onReactionError; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"override\", function() { return override; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ownKeys\", function() { return apiOwnKeys; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reaction\", function() { return reaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"remove\", function() { return remove; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"runInAction\", function() { return runInAction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"set\", function() { return set; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"spy\", function() { return spy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"toJS\", function() { return toJS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trace\", function() { return trace; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"transaction\", function() { return transaction; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"untracked\", function() { return untracked; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"values\", function() { return values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"when\", function() { return when; });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n\n  /*\r\n  2(prop) {\r\n      return `invalid decorator for '${prop.toString()}'`\r\n  },\r\n  3(prop) {\r\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\r\n  },\r\n  4(prop) {\r\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\r\n  },\r\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : undefined;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n\n  if (typeof global !== \"undefined\") {\n    return global;\n  }\n\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n\n  return mockGlobal;\n}\n\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : undefined);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\r\n * Makes sure that the provided function is invoked at most once.\r\n */\n\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n\n  var proto = Object.getPrototypeOf(value);\n\n  if (proto == null) {\n    return true;\n  }\n\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n} // https://stackoverflow.com/a/37865170\n\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n\n  if (!constructor) {\n    return false;\n  }\n\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\nfunction isES6Map(thing) {\n  return thing instanceof Map;\n}\nfunction isES6Set(thing) {\n  return thing instanceof Set;\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\r\n * Returns the following: own enumerable keys and symbols.\r\n */\n\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...\n\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n\n  var symbols = Object.getOwnPropertySymbols(object);\n\n  if (!symbols.length) {\n    return keys;\n  }\n\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n} // From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\n\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} :\n/* istanbul ignore next */\nObject.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n} // From Immer utils\n\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {}; // Note: without polyfill for ownKeys, symbols won't be picked up\n\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n\n  _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n  if (it) return (it = it.call(o)).next.bind(it);\n\n  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n    if (it) o = it;\n    var i = 0;\n    return function () {\n      if (i >= o.length) return {\n        done: true\n      };\n      return {\n        done: false,\n        value: o[i++]\n      };\n    };\n  }\n\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\r\n * Creates a function that acts as\r\n * - decorator\r\n * - annotation object\r\n */\n\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    storeAnnotation(target, property, annotation);\n  }\n\n  return Object.assign(decorator, annotation);\n}\n/**\r\n * Stores annotation to prototype,\r\n * so it can be inspected later by `makeObservable` called from constructor\r\n */\n\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  } // @override must override something\n\n\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  } // Cannot re-decorate\n\n\n  assertNotDecorated(prototype, annotation, key); // Ignore override\n\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\n\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\r\n * Collects annotations from prototypes and stores them on target (instance)\r\n */\n\n\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    if ( true && !target[storedAnnotationsSymbol]) {\n      die(\"No annotations were passed to makeObservable, but no decorated members have been found either\");\n    } // We need a copy as we will remove annotation from the list once it's applied.\n\n\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n\n  return target[storedAnnotationsSymbol];\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n\n  /**\r\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\r\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\r\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.isPendingUnobservation_ = false;\n    this.isBeingObserved_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  } // onBecomeObservedListeners\n\n\n  var _proto = Atom.prototype;\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Invoke this method to notify mobx that your atom has been used somehow.\r\n   * Returns true if there is currently a reactive context.\r\n   */\n  ;\n\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\r\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\r\n   */\n  ;\n\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n\n  return Atom;\n}();\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n\n  var atom = new Atom(name); // default `noop` listener will not initialize the hook Set\n\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\n\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\n\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\n\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\n\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  } // something that can be converted and mutated?\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\n\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  } // Must override something\n\n\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n\n  return 0\n  /* Cancel */\n  ;\n}\n\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1\n  };\n}\n\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 1\n    /* Break */\n    ;\n  } // own\n\n\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n\n\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\n\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\n\nfunction createActionDescriptor(adm, annotation, key, descriptor, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2\n  };\n}\n\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0\n    /* Cancel */\n    : 2\n    /* Continue */\n    ;\n  } // prototype\n  // bound - must annotate protos to support super.flow()\n\n\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0\n      /* Cancel */\n      ;\n    }\n  }\n\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1\n    /* Break */\n    ;\n  }\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2\n  /* Continue */\n  ;\n}\n\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\n\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\n\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound, // provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype\n\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n\n  if (bound) {\n    var _adm$proxy_;\n\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...\n\n    value.isMobXFlow = true;\n  }\n\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3\n  };\n}\n\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\n\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4\n  };\n}\n\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0\n  /* Cancel */\n  : 1\n  /* Break */\n  ;\n}\n\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\n\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5\n  };\n}\n\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set); // own\n\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0\n      /* Cancel */\n      : 2\n      /* Continue */\n      ;\n    } // proto\n\n\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2\n    /* Continue */\n    ;\n  } // function on proto -> autoAction/flow\n\n\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  } // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n\n\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option\n\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\n\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  } // lone setter -> action setter\n\n\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  } // other -> observable\n  // if function respect autoBind option\n\n\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\"; // Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\n\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\r\n * Turns an object, array or function into a reactive structure.\r\n * @param v the value which should become observable.\r\n */\n\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  } // already observable - ignore\n\n\n  if (isObservable(v)) {\n    return v;\n  } // plain object\n\n\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  } // Array\n\n\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  } // Map\n\n\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  } // Set\n\n\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  } // other object - ignore\n\n\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  } // anything else\n\n\n  return observable.box(v, arg2);\n}\n\nObject.assign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n}; // eslint-disable-next-line\n\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\r\n * Decorator for class properties: @computed get value() { return expr; }.\r\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\r\n */\n\nvar computed = function computed(arg1, arg2) {\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  } // computed(expr, options?)\n\n\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\");\n  /* for generated name */\n\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// mobx versions\n\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false; // we can safely recycle this object\n\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n\n  res.isMobxAction = true;\n\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    Object.defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation, // true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n\n  currentActionId = runInfo.parentActionId_;\n\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar _Symbol$toPrimitive;\nvar CREATE = \"create\";\n_Symbol$toPrimitive = Symbol.toPrimitive;\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  _inheritsLoose(ObservableValue, _Atom);\n\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : undefined;\n    }\n\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _assertThisInitialized(_this),\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n\n    return _this;\n  }\n\n  var _proto = ObservableValue.prototype;\n\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n\n      this.setNewValue_(newValue);\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n\n      newValue = change.newValue;\n    } // apply modifier\n\n\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive] = function () {\n    return this.valueOf();\n  };\n\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\nvar _Symbol$toPrimitive$1;\n/**\r\n * A node in the state dependency root that observes other nodes, and can be observed itself.\r\n *\r\n * ComputedValue will remember the result of the computation for the duration of the batch, or\r\n * while being observed.\r\n *\r\n * During this time it will recompute only when one of its direct dependencies changed,\r\n * but only when it is being accessed with `ComputedValue.get()`.\r\n *\r\n * Implementation description:\r\n * 1. First time it's being accessed it will compute and remember result\r\n *    give back remembered result until 2. happens\r\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\r\n * 3. When it's being accessed, recompute if any shallow dependency changed.\r\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\r\n *    go to step 2. either way\r\n *\r\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\r\n */\n\n_Symbol$toPrimitive$1 = Symbol.toPrimitive;\nvar ComputedValue = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  // during tracking it's an array with new observed observers\n  // to check for cycles\n  // N.B: unminified as it is used by MST\n\n  /**\r\n   * Create a new computed value based on a function expression.\r\n   *\r\n   * The `name` property is for debug purposes only.\r\n   *\r\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\r\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\r\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\r\n   * Structural comparison can be convenient if you always produce a new aggregated object and\r\n   * don't want to notify observers if it is structurally the same.\r\n   * This is useful for working with vectors, mouse coordinates etc.\r\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    this.newObserving_ = null;\n    this.isBeingObserved_ = false;\n    this.isPendingUnobservation_ = false;\n    this.observers_ = new Set();\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.isComputing_ = false;\n    this.isRunningSetter_ = false;\n    this.derivation = void 0;\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n\n    if (!options.get) {\n      die(31);\n    }\n\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : undefined);\n\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : undefined, options.set);\n    }\n\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n\n  var _proto = ComputedValue.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\r\n   * Returns the current value of this computed value.\r\n   * Will evaluate its computation first if needed.\r\n   */\n  ;\n\n  _proto.get = function get() {\n    if (this.isComputing_) {\n      die(32, this.name_, this.derivation);\n    }\n\n    if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n\n    var result = this.value_;\n\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n\n    return result;\n  };\n\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter_) {\n        die(33, this.name_);\n      }\n\n      this.isRunningSetter_ = true;\n\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter_ = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended =\n    /* see #1208 */\n    this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n\n    if (changed) {\n      this.value_ = newValue;\n\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n\n    return changed;\n  };\n\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing_ = true; // don't allow state changes during computation\n\n    var prev = allowStateChangesStart(false);\n    var res;\n\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n\n    allowStateChangesEnd(prev);\n    this.isComputing_ = false;\n    return res;\n  };\n\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n\n  _proto[_Symbol$toPrimitive$1] = function () {\n    return this.valueOf();\n  };\n\n  return ComputedValue;\n}();\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\"; // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\"; // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\"; // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\n\nvar TraceMode;\n\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\n\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause; // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\r\n * Finds out whether any dependency of the derivation has actually changed.\r\n * If dependenciesState is 1 then it will recalculate dependencies,\r\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\r\n *\r\n * By iterating over the dependencies in the same order that they were reported and\r\n * stopping on the first change, all the recalculations are only called for ComputedValues\r\n * that will be tracked by derivation. That is because we assume that if the first x\r\n * dependencies of the derivation doesn't change then the derivation should run the same way\r\n * up until accessing x-th dependency.\r\n */\n\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n\n        var obs = derivation.observing_,\n            l = obs.length;\n\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            } // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n\n\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n\n  var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\r\n * Executes the provided function `f` and tracks which observables are being accessed.\r\n * The tracking information is stored on the `derivation` object and the derivation is registered\r\n * as observer of any of the accessed observables.\r\n */\n\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true); // pre allocate array allocation + room for variation in deps\n  // array will be trimmed by bindDependencies\n\n  changeDependenciesStateTo0(derivation);\n  derivation.newObserving_ = new Array(derivation.observing_.length + 100);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\n\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\r\n * diffs newObserving with observing.\r\n * update observing to be newObserving with unique observables\r\n * notify observers that become observed/unobserved\r\n */\n\n\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_; // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n\n  var i0 = 0,\n      l = derivation.unboundDepsCount_;\n\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n\n    if (dep.diffValue_ === 0) {\n      dep.diffValue_ = 1;\n\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n\n      i0++;\n    } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n\n\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n\n  l = prevObserving.length;\n\n  while (l--) {\n    var _dep = prevObserving[l];\n\n    if (_dep.diffValue_ === 0) {\n      removeObserver(_dep, derivation);\n    }\n\n    _dep.diffValue_ = 0;\n  } // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n\n\n  while (i0--) {\n    var _dep2 = observing[i0];\n\n    if (_dep2.diffValue_ === 1) {\n      _dep2.diffValue_ = 0;\n      addObserver(_dep2, derivation);\n    }\n  } // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n\n\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\n\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\r\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\r\n *\r\n */\n\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\r\n * These values will persist if global state is reset\r\n */\n\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  this.version = 6;\n  this.UNCHANGED = {};\n  this.trackingDerivation = null;\n  this.trackingContext = null;\n  this.runId = 0;\n  this.mobxGuid = 0;\n  this.inBatch = 0;\n  this.pendingUnobservations = [];\n  this.pendingReactions = [];\n  this.isRunningReactions = false;\n  this.allowStateChanges = false;\n  this.allowStateReads = true;\n  this.enforceActions = true;\n  this.spyListeners = [];\n  this.globalReactionErrorHandlers = [];\n  this.computedRequiresReaction = false;\n  this.reactionRequiresObservable = false;\n  this.observableRequiresReaction = false;\n  this.disableErrorBoundaries = false;\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  this.verifyProxies = false;\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n\n\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n\n  isolateCalled = true;\n\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\r\n * For testing purposes only; this will break the internal state of existing observables,\r\n * but can be used to get back at a stable state after throwing errors\r\n */\n\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n} // function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\n\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  } // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation_ === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation_ = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\r\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\r\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\r\n * Avoids unnecessary recalculations.\r\n */\n\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions(); // the batch is actually about to finish, all unobserving should happen here.\n\n    var list = globalState.pendingUnobservations;\n\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation_ = false;\n\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved_) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved_ = false;\n          observable.onBUO();\n        }\n\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n\n  if (derivation !== null) {\n    /**\r\n     * Simple optimization, give each derivation run an unique id (runId)\r\n     * Check if last time this observable was accessed the same runId is used\r\n     * if this is the case, the relation is already known\r\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_; // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n\n      if (!observable.isBeingObserved_ && globalState.trackingContext) {\n        observable.isBeingObserved_ = true;\n        observable.onBO();\n      }\n    }\n\n    return observable.isBeingObserved_;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n\n  return false;\n} // function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n\n/**\r\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\r\n * It will propagate changes to observers from previous run\r\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\r\n * Hopefully self reruning autoruns aren't a feature people should depend on\r\n * Also most basic use cases should be ok\r\n */\n// Called by Atom when its value changes\n\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...\n\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n\n      d.onBecomeStale_();\n    }\n\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  }); // invariantLOS(observable, \"changed end\");\n} // Called by ComputedValue when it recalculate and its value changed\n\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  }); // invariantLOS(observable, \"confirmed end\");\n} // Used by computed when its dependency changed, but we don't wan't to immediately recompute.\n\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  }); // invariantLOS(observable, \"maybe end\");\n}\n\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1); // prettier-ignore\n\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\n\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  // nodes we are looking at. Our value depends on these nodes\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.diffValue_ = 0;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.isDisposed_ = false;\n    this.isScheduled_ = false;\n    this.isTrackPending_ = false;\n    this.isRunning_ = false;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n\n  var _proto = Reaction.prototype;\n\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled_) {\n      this.isScheduled_ = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  };\n\n  _proto.isScheduled = function isScheduled() {\n    return this.isScheduled_;\n  }\n  /**\r\n   * internal, use schedule() if you intend to kick off a reaction\r\n   */\n  ;\n\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed_) {\n      startBatch();\n      this.isScheduled_ = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n\n      if (shouldCompute(this)) {\n        this.isTrackPending_ = true;\n\n        try {\n          this.onInvalidate_();\n\n          if ( true && this.isTrackPending_ && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n\n  _proto.track = function track(fn) {\n    if (this.isDisposed_) {\n      return; // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n\n    this.isRunning_ = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning_ = false;\n    this.isTrackPending_ = false;\n\n    if (this.isDisposed_) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n\n    endBatch();\n  };\n\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : undefined;\n\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n\n\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed_) {\n      this.isDisposed_ = true;\n\n      if (!this.isRunning_) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n\n  _proto.getDisposer_ = function getDisposer_() {\n    var r = this.dispose.bind(this);\n    r[$mobx] = this;\n    return r;\n  };\n\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n\n    trace(this, enterBreakPoint);\n  };\n\n  return Reaction;\n}();\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\r\n * Magic number alert!\r\n * Defines within how many times a reaction is allowed to re-trigger itself\r\n * until it is assumed that this is gonna be a never ending loop...\r\n */\n\nvar MAX_REACTION_ITERATIONS = 100;\n\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\n\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n\n  reactionScheduler(runReactionsHelper);\n}\n\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0; // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : undefined);\n      allReactions.splice(0); // clear reactions\n    }\n\n    var remainingReactions = allReactions.splice(0);\n\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n\n  globalState.isRunningReactions = false;\n}\n\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n\n\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n\n  var listeners = globalState.spyListeners;\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\n\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    } // action(\"name\", fn() {})\n\n\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    } // @action\n\n\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    } // action(\"name\") & @action(\"name\")\n\n\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n\n  return res;\n}\n\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\r\n * Creates a named reactive view and keeps it alive, so that the view is always\r\n * updated if one of the dependencies changes, even when the view is not further used by something else.\r\n * @param view The reactive view\r\n * @returns disposer function, which can be used to stop the view from being updated in the future.\r\n */\n\nfunction autorun(view, opts) {\n  var _opts$name, _opts;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : undefined;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts); // debounced autorun\n\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n\n          if (!reaction.isDisposed_) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n\n  function reactionRunner() {\n    view(reaction);\n  }\n\n  reaction.schedule_();\n  return reaction.getDisposer_();\n}\n\nvar run = function run(f) {\n  return f();\n};\n\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\n\nfunction reaction(expression, effect, opts) {\n  var _opts$name2;\n\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : undefined;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var oldValue;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n\n  function reactionRunner() {\n    isScheduled = false;\n\n    if (r.isDisposed_) {\n      return;\n    }\n\n    var changed = false;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      oldValue = value;\n      value = nextValue;\n    });\n\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n\n    firstTime = false;\n  }\n\n  r.schedule_();\n  return r.getDisposer_();\n}\n\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\n\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n\n  return function () {\n    var hookListeners = atom[listenersKey];\n\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\"; // const IF_AVAILABLE = \"ifavailable\"\n\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n\n  var useProxies = options.useProxies,\n      enforceActions = options.enforceActions;\n\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n\n\n  var descriptors = getOwnPropertyDescriptors(properties);\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key], // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\n\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n\n  return result;\n}\n\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\n\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n\n  return result;\n}\n\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  } // flow(fn)\n\n\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\"; // Implementation based on https://github.com/tj/co/blob/master/index.js\n\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n\n        next(ret);\n      }\n\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        } // Finally block can return (or yield) stuff..\n\n\n        var _res = gen[\"return\"](undefined); // eat anything that promise would do, it's cancelled!\n\n\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\n\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\n\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\n\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\n\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n\n    return false;\n  } // For first check, see #701\n\n\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\n\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n\n    return;\n  }\n\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n\n    startBatch();\n\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\n\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\n\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\n\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\r\n * Recursively converts an observable to it's non-observable native counterpart.\r\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\r\n * Computed and other non-enumerable properties are completely ignored.\r\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\r\n */\n\n\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n\n  var enterBreakPoint = false;\n\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n\n  var derivation = getAtomFromArgs(args);\n\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\n\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n\n    case 1:\n      return getAtom(args[0]);\n\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\r\n * During a transaction no views are updated until the end of the transaction.\r\n * The transaction will be run synchronously nonetheless.\r\n *\r\n * @param action a function that updates some reactive state\r\n * @returns any value that was returned by the 'action' parameter.\r\n */\n\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n\n  startBatch();\n\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n\n  return _when(predicate, arg1, arg2 || {});\n}\n\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed_) {\n        disposer();\n\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : undefined;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : undefined, effect); // eslint-disable-next-line\n\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n\n    if (cond) {\n      r.dispose();\n\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\n\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n\n    opts == null ? void 0 : (_opts$signal2 = opts.signal) == null ? void 0 : _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n\n    return opts == null ? void 0 : (_opts$signal3 = opts.signal) == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n} // Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\n\n\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n\n    if (!isStringish(name)) {\n      return false;\n    }\n\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n\n    if (!isStringish(name)) {\n      return false;\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    } // null (intercepted) -> true (success)\n\n\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n\n      if (change && !change.type) {\n        die(14);\n      }\n\n      if (!change) {\n        break;\n      }\n    }\n\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n\n  if (!listeners) {\n    return;\n  }\n\n  listeners = listeners.slice();\n\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  var adm = asObservableObject(target, options)[$mobx];\n  startBatch();\n\n  try {\n    var _annotations;\n\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    } // Default to decorators\n\n\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target); // Annotate\n\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n} // proto[keysSymbol] = new Set<PropertyKey>()\n\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  } // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n\n\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n\n  var adm = asObservableObject(target, options)[$mobx]; // Optimization: cache keys on proto\n  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n\n  if (!target[keysSymbol]) {\n    var proto = Object.getPrototypeOf(target);\n    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n    keys[\"delete\"](\"constructor\");\n    keys[\"delete\"]($mobx);\n    addHiddenProp(proto, keysSymbol, keys);\n  }\n\n  startBatch();\n\n  try {\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key, // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  } finally {\n    endBatch();\n  }\n\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\n\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n\n    if (name === $mobx) {\n      return adm;\n    }\n\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  // this is the prop that gets proxied, so can't replace it!\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : undefined);\n    };\n  }\n\n  var _proto = ObservableArrayAdministration.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n\n    return values;\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n\n    var currentLength = this.values_.length;\n\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n\n    this.lastKnownLength_ += delta;\n\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n\n    return this.dehanceValues_(res);\n  };\n\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array\n\n      var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count\n\n      this.values_.length += newItems.length - deleteCount;\n\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n\n      return res;\n    }\n  };\n\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged();\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n\n    this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : undefined);\n      return undefined;\n    }\n\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          index: index,\n          newValue: newValue\n        });\n\n        if (!change) {\n          return;\n        }\n\n        newValue = change.newValue;\n      }\n\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n\n\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n  }\n\n  if (owned === void 0) {\n    owned = false;\n  }\n\n  assertProxies();\n  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n  addHiddenFinalProp(adm.values_, $mobx, adm);\n  var proxy = new Proxy(adm.values_, arrayTraps);\n  adm.proxy_ = proxy;\n\n  if (initialValues && initialValues.length) {\n    var prev = allowStateChangesStart(true);\n    adm.spliceWithArray_(0, 0, initialValues);\n    allowStateChangesEnd(prev);\n  }\n\n  return proxy;\n} // eslint-disable-next-line\n\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n\n  /*\r\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\r\n   * since these functions alter the inner structure of the array, the have side effects.\r\n   * Because the have side effects, they should not be used in computed function,\r\n   * and for that reason the do not call dependencyState.notifyObserved\r\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n\n    var adm = this[$mobx];\n\n    switch (arguments.length) {\n      case 0:\n        return [];\n\n      case 1:\n        return adm.spliceWithArray_(index);\n\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n\n    return false;\n  }\n};\n/**\r\n * Wrap function from prototype\r\n * Without this, everything works as well, but this works\r\n * faster as everything works on unproxied values\r\n */\n\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc); // map\n\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc); // reduce\n\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\n\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n} // Report and delegate to dehanced array\n\n\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n} // Make sure callbacks recieve correct array arg #2326\n\n\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_); // #2432 - reduce behavior depends on arguments.length\n\n    var callback = arguments[0];\n\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar _Symbol$iterator, _Symbol$toStringTag;\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\"; // just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\n\n_Symbol$iterator = Symbol.iterator;\n_Symbol$toStringTag = Symbol.toStringTag;\nvar ObservableMap = /*#__PURE__*/function () {\n  // hasMap, not hashMap >-).\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : undefined;\n    }\n\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n\n    if (!isFunction(Map)) {\n      die(18);\n    }\n\n    this.keysAtom_ = createAtom( true ? this.name_ + \".keys()\" : undefined);\n    this.data_ = new Map();\n    this.hasMap_ = new Map();\n    allowStateChanges(true, function () {\n      _this.merge(initialData);\n    });\n  }\n\n  var _proto = ObservableMap.prototype;\n\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n\n  _proto.has = function has(key) {\n    var _this2 = this;\n\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n\n    var entry = this.hasMap_.get(key);\n\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n\n    return entry.get();\n  };\n\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n\n      if (!change) {\n        return this;\n      }\n\n      value = change.newValue;\n    }\n\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n\n\n      transaction(function () {\n        var _this3$hasMap_$get;\n\n        _this3.keysAtom_.reportChanged();\n\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);\n\n        var observable = _this3.data_.get(key);\n\n        observable.setNewValue_(undefined);\n\n        _this3.data_[\"delete\"](key);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n\n\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : undefined, false);\n\n      _this4.data_.set(key, observable);\n\n      newValue = observable.value_; // value might have been changed\n\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);\n\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n\n\n    if (notify) {\n      notifyListeners(this, change);\n    }\n\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n\n    return this.dehanceValue_(undefined);\n  };\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next = keys.next(),\n            done = _keys$next.done,\n            value = _keys$next.value;\n\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterable({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n            done = _keys$next2.done,\n            value = _keys$next2.value;\n\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    return this.entries();\n  };\n\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n          key = _step$value[0],\n          value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */\n  ;\n\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n              value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (other.constructor !== Map) {\n          die(19, other);\n        }\n\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n\n  _proto.clear = function clear() {\n    var _this6 = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map(); // Used for optimization\n\n      var keysReportChangedCalled = false; // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key); // Was the key removed?\n\n\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n\n            orderedData.set(key, value);\n          }\n        }\n      } // Merge entries\n\n\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n            _key = _step4$value[0],\n            _value = _step4$value[1];\n\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key); // Add or update value\n\n\n        _this7.set(_key, _value); // The addition could have been prevent by interceptor\n\n\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n\n          orderedData.set(_key, _value2); // Was a new key added?\n\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      } // Check for possible key order change\n\n\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n\n              break;\n            }\n\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      } // Use correctly ordered map\n\n\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n\n  return ObservableMap;\n}(); // eslint-disable-next-line\n\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\n\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar _Symbol$iterator$1, _Symbol$toStringTag$1;\nvar ObservableSetMarker = {};\n_Symbol$iterator$1 = Symbol.iterator;\n_Symbol$toStringTag$1 = Symbol.toStringTag;\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : undefined;\n    }\n\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n\n    if (!isFunction(Set)) {\n      die(22);\n    }\n\n    this.atom_ = createAtom(this.name_);\n\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n\n    if (initialData) {\n      this.replace(initialData);\n    }\n  }\n\n  var _proto = ObservableSet.prototype;\n\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n\n    return value;\n  };\n\n  _proto.clear = function clear() {\n    var _this = this;\n\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n\n          _this[\"delete\"](value);\n        }\n      });\n    });\n  };\n\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n\n  _proto.add = function add(value) {\n    var _this2 = this;\n\n    checkIfStateModificationsAreAllowed(this.atom_);\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n\n      if (!change) {\n        return this;\n      } // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n\n    }\n\n    if (!this.has(value)) {\n      transaction(function () {\n        _this2.data_.add(_this2.enhancer_(value, undefined));\n\n        _this2.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n\n    return this;\n  };\n\n  _proto[\"delete\"] = function _delete(value) {\n    var _this3 = this;\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n\n      if (!change) {\n        return false;\n      }\n    }\n\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n\n      transaction(function () {\n        _this3.atom_.reportChanged();\n\n        _this3.data_[\"delete\"](value);\n      });\n\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n\n      return true;\n    }\n\n    return false;\n  };\n\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterable({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.keys = function keys() {\n    return this.values();\n  };\n\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterable({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          done: true\n        };\n      }\n    });\n  };\n\n  _proto.replace = function replace(other) {\n    var _this4 = this;\n\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this4.clear();\n\n        other.forEach(function (value) {\n          return _this4.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n\n    return registerListener(this, listener);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n\n  _proto[_Symbol$iterator$1] = function () {\n    return this.values();\n  };\n\n  _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: _Symbol$toStringTag$1,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n\n  return ObservableSet;\n}(); // eslint-disable-next-line\n\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_, // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : undefined); // Optimization: we use this frequently\n\n    this.isPlainObject_ = isPlainObject(this.target_);\n\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n\n  var _proto = ObservableObjectAdministration.prototype;\n\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    } // intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n\n      if (!change) {\n        return null;\n      }\n\n      newValue = change.newValue;\n    }\n\n    newValue = observable.prepareNewValue_(newValue); // notify spy & observers\n\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    return true;\n  };\n\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n\n    return this.target_[key];\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {any} value\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  } // Trap for \"in\"\n  ;\n\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : undefined, false);\n      this.pendingKeys_.set(key, entry);\n    }\n\n    return entry.get();\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\r\n   */\n  ;\n\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return;\n    }\n\n    assertAnnotable(this, annotation, key);\n\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n\n    var source = this.target_;\n\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n\n        if (outcome === 0\n        /* Cancel */\n        ) {\n          return;\n        }\n\n        if (outcome === 1\n        /* Break */\n        ) {\n          break;\n        }\n      }\n\n      source = Object.getPrototypeOf(source);\n    }\n\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n\n    return outcome;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        var newValue = change.newValue;\n\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      } // Define\n\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      } // Notify\n\n\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n\n        if (!change) {\n          return null;\n        }\n\n        value = change.newValue;\n      }\n\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : undefined, false);\n      this.values_.set(key, observable); // Notify (value possibly changed by ObservableValue)\n\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  } // If original descriptor becomes relevant, move this to annotation directly\n  ;\n\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    try {\n      startBatch(); // Delete\n\n      var deleteOutcome = this.delete_(key);\n\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      } // ADD interceptor\n\n\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n\n        if (!change) {\n          return null;\n        }\n      }\n\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : undefined);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      }; // Define\n\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n\n      this.values_.set(key, new ComputedValue(options)); // Notify\n\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * @param {PropertyKey} key\r\n   * @param {PropertyDescriptor} descriptor\r\n   * @param {boolean} proxyTrap whether it's called from proxy trap\r\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\r\n   */\n  ;\n\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    } // Intercept\n\n\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      }); // Cancelled\n\n      if (!change) {\n        return null;\n      }\n    } // Delete\n\n\n    try {\n      var _this$pendingKeys_, _this$pendingKeys_$ge;\n\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key); // Value needed for spies/listeners\n\n      var value = undefined; // Optimization: don't pull the value unless we will need it\n\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      } // delete prop (do first, may fail)\n\n\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      } // Allow re-annotating this field\n\n\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      } // Clear observable\n\n\n      if (observable) {\n        this.values_[\"delete\"](key); // for computed, value is undefined\n\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        } // Notify: autorun(() => obj[key]), see #1796\n\n\n        propagateChanged(observable);\n      } // Notify \"keys/entries/values\" observers\n\n\n      this.keysAtom_.reportChanged(); // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n\n      (_this$pendingKeys_ = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_$ge = _this$pendingKeys_.get(key)) == null ? void 0 : _this$pendingKeys_$ge.set(key in this.target_); // Notify spies/listeners\n\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n\n    return true;\n  }\n  /**\r\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\r\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\r\n   * for callback details\r\n   */\n  ;\n\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n\n    return registerListener(this, callback);\n  };\n\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2, _this$pendingKeys_2$g;\n\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n\n      if (notify) {\n        notifyListeners(this, change);\n      }\n\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n\n    (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify \"keys/entries/values\" observers\n\n    this.keysAtom_.reportChanged();\n  };\n\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n\n    return target;\n  }\n\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : undefined;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\n\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\n\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n\n\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];\n}\n\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\r\n  // Configurable, not sealed, not frozen\r\n  // Possibly not needed, just a little better error then the one thrown by engine.\r\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\r\n  if (__DEV__) {\r\n      const configurable = getDescriptor(adm.target_, key)?.configurable\r\n      const frozen = Object.isFrozen(adm.target_)\r\n      const sealed = Object.isSealed(adm.target_)\r\n      if (!configurable || frozen || sealed) {\r\n          const fieldName = `${adm.name_}.${key.toString()}`\r\n          const requestedAnnotationType = annotation.annotationType_\r\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\r\n          if (frozen) {\r\n              error += `\\nObject is frozen.`\r\n          }\r\n          if (sealed) {\r\n              error += `\\nObject is sealed.`\r\n          }\r\n          if (!configurable) {\r\n              error += `\\nproperty is not configurable.`\r\n              // Mention only if caused by us to avoid confusion\r\n              if (hasProp(adm.appliedAnnotations!, key)) {\r\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\r\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\r\n              }\r\n          }\r\n          die(error)\r\n      }\r\n  }\r\n  */\n  // Not annotated\n\n\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\n/**\r\n * This array buffer contains two lists of properties, so that all arrays\r\n * can recycle their property definitions, which significantly improves performance of creating\r\n * properties on the fly.\r\n */\n\n\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0; // Typescript workaround to make sure ObservableArray extends Array\n\nvar StubArray = function StubArray() {};\n\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\n\ninherit(StubArray, Array.prototype); // Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\n\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : undefined;\n    }\n\n    if (owned === void 0) {\n      owned = false;\n    }\n\n    _this = _StubArray.call(this) || this;\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n    adm.proxy_ = _assertThisInitialized(_this);\n    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);\n\n    if (initialValues && initialValues.length) {\n      var prev = allowStateChangesStart(true); // @ts-ignore\n\n      _this.spliceWithArray(0, 0, initialValues);\n\n      allowStateChangesEnd(prev);\n    }\n\n    {\n      // Seems that Safari won't use numeric prototype setter untill any * numeric property is\n      // defined on the instance. After that it works fine, even if this property is deleted.\n      Object.defineProperty(_assertThisInitialized(_this), \"0\", ENTRY_0);\n    }\n\n    return _this;\n  }\n\n  var _proto = LegacyObservableArray.prototype;\n\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n\n    return Array.prototype.concat.apply(this.slice(), //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n\n  _proto[_Symbol$iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n\n  _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: _Symbol$toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n\n  return LegacyObservableArray;\n}(StubArray, Symbol.toStringTag, Symbol.iterator);\n\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n      fn = _ref[1];\n\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\n\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\n\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\n\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n\n      return thing[$mobx].atom_;\n    }\n\n    if (isObservableSet(thing)) {\n      return thing[$mobx];\n    }\n\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n\n      return observable;\n    }\n\n\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n\n      var _observable = thing[$mobx].values_.get(property);\n\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n\n      return _observable;\n    }\n\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n\n  return named.name_;\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n\n  return eq(a, b, depth);\n} // Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\n\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  } // `null` or `undefined` only equal to itself (strict comparison).\n\n\n  if (a == null || b == null) {\n    return false;\n  } // `NaN`s are equivalent, but non-reflexive.\n\n\n  if (a !== a) {\n    return b !== b;\n  } // Exhaust primitive checks\n\n\n  var type = typeof a;\n\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  } // Compare `[[Class]]` names.\n\n\n  var className = toString.call(a);\n\n  if (className !== toString.call(b)) {\n    return false;\n  }\n\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\": // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      } // An `egal` comparison is performed for other numeric values.\n\n\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n\n      break;\n  } // Unwrap any wrapped objects.\n\n\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    } // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n\n\n    var aCtor = a.constructor,\n        bCtor = b.constructor;\n\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  } // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n\n\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  } // Add the first object to the stack of traversed objects.\n\n\n  aStack.push(a);\n  bStack.push(b); // Recursively compare objects and arrays.\n\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n\n    if (length !== b.length) {\n      return false;\n    } // Deep compare the contents, ignoring non-numeric properties.\n\n\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.\n\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  } // Remove the first object from the stack of traversed objects.\n\n\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\n\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n\n  return a;\n}\n\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return iterator;\n}\n\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (// Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\r\n * (c) Michel Weststrate 2015 - 2020\r\n * MIT Licensed\r\n *\r\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\r\n * this is a good place to start:\r\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\r\n *\r\n * Source folders:\r\n * ===============\r\n *\r\n * - api/     Most of the public static methods exposed by the module can be found here.\r\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\r\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\r\n * - utils/   Utility stuff.\r\n *\r\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\n\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../sgmf-scripts/node_modules/webpack/buildin/global.js */ \"./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:///./node_modules/mobx/dist/mobx.esm.js?");
+
+/***/ }),
+
+/***/ "./node_modules/sgmf-scripts/node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?");
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/store/index.js b/cartridges/int_adyen_SFRA/cartridge/store/index.js
new file mode 100644
index 000000000..e547c0c9b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/store/index.js
@@ -0,0 +1,148 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }
+var _require = require('mobx'),
+  observable = _require.observable,
+  computed = _require.computed;
+var Store = (_class = /*#__PURE__*/function () {
+  function Store() {
+    _classCallCheck(this, Store);
+    _defineProperty(this, "MASKED_CC_PREFIX", '************');
+    _initializerDefineProperty(this, "checkout", _descriptor, this);
+    _initializerDefineProperty(this, "endDigits", _descriptor2, this);
+    _initializerDefineProperty(this, "selectedMethod", _descriptor3, this);
+    _initializerDefineProperty(this, "componentsObj", _descriptor4, this);
+    _initializerDefineProperty(this, "checkoutConfiguration", _descriptor5, this);
+    _initializerDefineProperty(this, "formErrorsExist", _descriptor6, this);
+    _initializerDefineProperty(this, "isValid", _descriptor7, this);
+    _initializerDefineProperty(this, "paypalTerminatedEarly", _descriptor8, this);
+    _initializerDefineProperty(this, "componentState", _descriptor9, this);
+    _initializerDefineProperty(this, "brand", _descriptor10, this);
+    _initializerDefineProperty(this, "partialPaymentsOrderObj", _descriptor11, this);
+    _initializerDefineProperty(this, "giftCardComponentListenersAdded", _descriptor12, this);
+    _initializerDefineProperty(this, "addedGiftCards", _descriptor13, this);
+  }
+  _createClass(Store, [{
+    key: "maskedCardNumber",
+    get: function get() {
+      return "".concat(this.MASKED_CC_PREFIX).concat(this.endDigits);
+    }
+  }, {
+    key: "selectedPayment",
+    get: function get() {
+      return this.componentsObj[this.selectedMethod];
+    }
+  }, {
+    key: "selectedPaymentIsValid",
+    get: function get() {
+      var _this$selectedPayment;
+      return !!((_this$selectedPayment = this.selectedPayment) !== null && _this$selectedPayment !== void 0 && _this$selectedPayment.isValid);
+    }
+  }, {
+    key: "stateData",
+    get: function get() {
+      var _this$selectedPayment2;
+      return ((_this$selectedPayment2 = this.selectedPayment) === null || _this$selectedPayment2 === void 0 ? void 0 : _this$selectedPayment2.stateData) || {
+        paymentMethod: _objectSpread({
+          type: this.selectedMethod
+        }, this.brand ? {
+          brand: this.brand
+        } : undefined)
+      };
+    }
+  }, {
+    key: "updateSelectedPayment",
+    value: function updateSelectedPayment(method, key, val) {
+      this.componentsObj[method][key] = val;
+    }
+  }]);
+  return Store;
+}(), (_descriptor = _applyDecoratedDescriptor(_class.prototype, "checkout", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "endDigits", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "selectedMethod", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "componentsObj", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return {};
+  }
+}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "checkoutConfiguration", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return window.Configuration || {};
+  }
+}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "formErrorsExist", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "isValid", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "paypalTerminatedEarly", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "componentState", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return {};
+  }
+}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, "brand", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, "partialPaymentsOrderObj", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, "giftCardComponentListenersAdded", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, "addedGiftCards", [observable], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _applyDecoratedDescriptor(_class.prototype, "maskedCardNumber", [computed], Object.getOwnPropertyDescriptor(_class.prototype, "maskedCardNumber"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "selectedPayment", [computed], Object.getOwnPropertyDescriptor(_class.prototype, "selectedPayment"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "selectedPaymentIsValid", [computed], Object.getOwnPropertyDescriptor(_class.prototype, "selectedPaymentIsValid"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "stateData", [computed], Object.getOwnPropertyDescriptor(_class.prototype, "stateData"), _class.prototype)), _class);
+module.exports = new Store();
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/account/payment/paymentForm.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/account/payment/paymentForm.isml
new file mode 100644
index 000000000..7e325e5ef
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/account/payment/paymentForm.isml
@@ -0,0 +1,68 @@
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="pdict"/>
+<div>
+    <isif condition="${pdict.AdyenConfigs.getAdyenRecurringPaymentsEnabled()}">
+        <link rel="stylesheet" type="text/css" href="${pdict.AdyenHelper.getCheckoutCSS()}"/>
+        <script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+        <isscript>
+            var assets = require('*/cartridge/scripts/assets.js');
+            assets.addCss('/css/adyenCss.css');
+            assets.addJs('/js/adyenAccount.js');
+        </isscript>
+        <script type="text/javascript">
+            window.Configuration = {
+                locale: '${request.locale}',
+                clientKey: '${pdict.adyen.clientKey}',
+                environment: '${pdict.adyen.environment}'
+            };
+            window.redirectUrl = "${URLUtils.url('PaymentInstruments-List')}";
+            window.sessionsUrl = "${URLUtils.https('Adyen-Sessions')}";
+        </script>
+        <form
+            action="${URLUtils.url('PaymentInstruments-SavePayment', 'UUID', pdict.UUID)}"
+            class="payment-form"
+            method="POST"
+            id="payment-form" ${pdict.paymentForm.attributes}>
+            <div id="cardError" class="card-error alert alert-danger">
+                <span>${Resource.msg('error.card.information.error', 'creditCard', null)}</span>
+            </div>
+            <script type="text/javascript">
+                if(window.location.href.indexOf("isAuthorised") > -1){
+                    document.getElementById("cardError").style.display = "block";
+                }
+            </script>
+            <input id="adyenStateData" type="hidden" name="${pdict.paymentForm.adyenStateData.htmlName}"/>
+            <input id="cardNumber" type="hidden" class="form-control cardNumber" name="${pdict.paymentForm.cardNumber.htmlName}">
+            <input id="cardType" type="hidden" class="form-control"  name="${pdict.paymentForm.htmlName}">
+            <span id="errorLoadComponent"></span>
+            <div id="card"></div>
+
+            <input type="hidden" name="${pdict.csrf.tokenName}" value="${pdict.csrf.token}"/>
+
+            <!-- Cancel and Save Buttons -->
+            <div class="row">
+                <div class="col">
+                    <a href="${URLUtils.url('PaymentInstruments-List')}" class="btn btn-block btn-outline-primary">${Resource.msg('button.cancel','account',null)}</a>
+                </div>
+                <div class="col">
+                    <button type="submit" name="save" class="btn btn-save btn-block btn-primary" value="add-new-payment">
+                        ${Resource.msg('button.save','account',null)}
+                    </button>
+                </div>
+            </div>
+        </form>
+        <iselse>
+            <span>${Resource.msg('myAccount.SaveCard','adyen',null)}</span>
+            <br/><br/>
+            <div class="row">
+                <div class="col">
+                    <a href="${URLUtils.url('PaymentInstruments-List')}" class="btn btn-block btn-outline-primary">${Resource.msg('button.cancel','account',null)}</a>
+                </div>
+                <div class="col"></div>
+            </div>
+        </iselse>
+    </isif>
+</div>
+<isinclude template="adyenActionModal" />
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/adyenActionModal.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/adyenActionModal.isml
new file mode 100644
index 000000000..874a16573
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/adyenActionModal.isml
@@ -0,0 +1,13 @@
+<div class="modal fade" id="action-modal" role="dialog">
+   <div class="modal-dialog" id="adyenModalDialog">
+        <div id="action-container">
+            <div class='invisible' id="cancelQrMethodsButton">
+               <button id='cancelQrMethodsButtonStyling' onclick="location.href='${URLUtils.https('Checkout-Begin')}';">
+                     <img src="${URLUtils.staticURL('images/cancel.svg')}" alt="Cancel" />
+               </button>
+            </div>
+        </div>
+        <div id="amazon-container"></div>
+        <div id="giftcard-container"></div>
+   </div>
+</div>
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/cart/checkoutButtons.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/cart/checkoutButtons.isml
new file mode 100644
index 000000000..978065074
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/cart/checkoutButtons.isml
@@ -0,0 +1,90 @@
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page" />
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<link rel="stylesheet" type="text/css" href="${pdict.AdyenHelper.getCheckoutCSS()}"/>
+<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+<isif condition="${request.getHttpQueryString() && request.getHttpQueryString().indexOf('amazonCheckoutSessionId') > -1} ">
+    <script type="text/javascript">
+        window.clientKey = "${AdyenConfigs.getAdyenClientKey()}",
+        window.locale = "${request.locale}";
+        window.saveShopperDetailsURL = "${URLUtils.https('Adyen-SaveExpressShopperDetails')}";
+        window.returnUrl = "${URLUtils.https('Checkout-Begin', 'stage', 'payment')}";
+
+        var queryString = '${request.getHttpQueryString()}'.split("=");
+        var amazonCheckoutSessionId = queryString[queryString.length - 1];
+        window.amazonCheckoutSessionId = amazonCheckoutSessionId;
+
+        window.Configuration = {
+          locale: '${request.locale}',
+          clientKey: "${AdyenConfigs.getAdyenClientKey()}",
+          environment: "${AdyenConfigs.getAdyenEnvironment()}",
+        };
+        window.basketAmount = "${pdict.AdyenHelper.getBasketAmount()}".replace(/&quot;/g, '\"');
+        window.adyenClientKey = "${AdyenConfigs.getAdyenClientKey()}";
+    </script>
+    <isscript>
+        var assets = require('*/cartridge/scripts/assets.js');
+        assets.addJs('/js/amazonPayExpressPart2.js');
+    </isscript>
+    <input id="adyenStateData" type="hidden" name="${adyenPaymentFields.adyenStateData.htmlName}"/>
+    <div id="amazonPayAddressDetails">
+        <div class="addressHeaders">
+            <label>${Resource.msg('amazonpay.paymentMethod', 'adyen', null)}</label>
+            <button class="editAddressBtn">${Resource.msg('amazonpay.editButton', 'adyen', null)}</button>
+        </div>
+        <address id="paymentStr"></address>
+        <div class="addressHeaders">
+            <label>${Resource.msg('amazonpay.shippingAddress', 'adyen', null)}</label>
+            <button class="editAddressBtn">${Resource.msg('amazonpay.editButton', 'adyen', null)}</button>
+        </div>
+        <address id="address"></address>
+    </div>
+
+    <div id="amazon-container"></div>
+    <iselse>
+        <script type="text/javascript">
+            window.clientKey = "${AdyenConfigs.getAdyenClientKey()}",
+            window.locale = "${request.locale}";
+            window.calculateAmountUrl = "${URLUtils.https('Adyen-SelectShippingMethod')}";
+            window.paymentsDetailsURL = "${URLUtils.https('Adyen-PaymentsDetails')}";
+            window.paymentFromComponentURL = "${URLUtils.https('Adyen-PaymentFromComponent')}";
+            window.showConfirmationAction = "${URLUtils.https('Adyen-ShowConfirmationPaymentFromComponent')}";
+            window.environment = "${AdyenConfigs.getAdyenEnvironment()}";
+            window.sessionsUrl = "${URLUtils.https('Adyen-Sessions')}";
+            window.getPaymentMethodsURL = "${URLUtils.https('Adyen-GetPaymentMethods')}";
+            window.shippingMethodsUrl = "${URLUtils.https('Adyen-ShippingMethods')}";
+            window.returnUrl = "${URLUtils.https('Cart-Show')}";
+            window.expressMethodsOrder = "${AdyenConfigs.getExpressPaymentsOrder()}";
+            window.isApplePayExpressEnabled = "${AdyenConfigs.isApplePayExpressEnabled()}";
+            window.isAmazonPayExpressEnabled = "${AdyenConfigs.isAmazonPayExpressEnabled()}";
+            window.digitsNumber = "${pdict.AdyenHelper.getFractionDigits(
+                pdict.AdyenHelper.getBasketAmount().currencyCode
+            )}";
+        </script>
+        <div class="mb-sm-3">
+            <a
+                href="${URLUtils.https('Checkout-Begin')}"
+                class="btn btn-primary btn-block checkout-btn ${pdict.valid.error ? 'disabled' : ''}"
+                role="button">
+            ${Resource.msg('button.checkout', 'cart', null)}
+            </a>
+        </div>
+        <isif condition="${AdyenConfigs.areExpressPaymentsEnabled()}">
+            <div id="express-loader-container" class="express-loader-container">
+                <span class="express-loader"></span>
+            </div>
+            <div id="express-container" class="hidden">
+                <div data-method="applepay" class="expressComponent applepay" style="padding:0"></div>
+                <div data-method="amazonpay" class="expressComponent" id="amazonpay-container"></div>
+            </div>
+            <script src="${URLUtils.httpsStatic('/js/expressPaymentMethodsVisibility.js')}" type="text/javascript"></script>
+        </isif>
+        <script src="${URLUtils.httpsStatic('/js/main.js')}" type="text/javascript"></script>
+        <isif condition="${AdyenConfigs.areExpressPaymentsEnabled() && AdyenConfigs.isApplePayExpressEnabled()}">
+            <script src="${URLUtils.httpsStatic('/js/applePayExpress.js')}" type="text/javascript"></script>
+        </isif>
+        <isif condition="${AdyenConfigs.areExpressPaymentsEnabled() && AdyenConfigs.isAmazonPayExpressEnabled()}">
+            <script src="${URLUtils.httpsStatic('/js/amazonPayExpressPart1.js')}" type="text/javascript"></script>
+        </isif>
+    </iselse>
+</isif>
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenComponentForm.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenComponentForm.isml
new file mode 100644
index 000000000..99319e43f
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenComponentForm.isml
@@ -0,0 +1,131 @@
+<iscontent type="text/html"/>
+<isset name="adyenKlarnaWidgetEnabled" value="${pdict.AdyenConfigs.getKlarnaInlineWidgetEnabled()}" scope="page"/>
+<isset name="adyenRecurringPaymentsEnabled" value="${pdict.AdyenConfigs.getAdyenRecurringPaymentsEnabled()}" scope="page"/>
+<isset name="AdyenConstants" value="${require('*/cartridge/adyenConstants/constants')}" scope="page"/>
+<script src="https://pay.google.com/gp/p/js/pay.js"></script>
+<isset name="ShowConfirmationPaymentFromComponent" value="${URLUtils.https('Adyen-ShowConfirmationPaymentFromComponent')}" scope="page"/>
+
+<link rel="stylesheet" type="text/css" href="${pdict.AdyenHelper.getCheckoutCSS()}"/>
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<script>
+      window.Configuration = {
+          locale: '${request.locale}',
+          clientKey: '${pdict.adyen.clientKey}',
+          environment: '${pdict.adyen.environment}',
+      };
+      window.adyenClientKey = '${pdict.adyen.adyenClientKey}';
+      window.returnURL = "${URLUtils.https('Checkout-Begin', 'stage', 'payment')}";
+      window.paymentFromComponentURL = "${URLUtils.https('Adyen-PaymentFromComponent')}";
+      window.resultCodeAuthorised = '${AdyenConstants.RESULTCODES.AUTHORISED}';
+      window.paymentsDetailsURL = "${URLUtils.https('Adyen-PaymentsDetails')}";
+      window.ShowConfirmationPaymentFromComponent = "${ShowConfirmationPaymentFromComponent}";
+      window.AdyenSFRA6Enabled = '${pdict.adyen.SFRA6Enabled}';
+      window.klarnaWidgetEnabled = ${adyenKlarnaWidgetEnabled};
+      window.sessionsUrl = "${URLUtils.https('Adyen-Sessions')}";
+      window.checkBalanceUrl = "${URLUtils.https('Adyen-CheckBalance')}";
+      window.partialPaymentsOrderUrl = "${URLUtils.https('Adyen-PartialPaymentsOrder')}";
+      window.partialPaymentUrl = "${URLUtils.https('Adyen-partialPayment')}";
+      window.cancelPartialPaymentOrderUrl = "${URLUtils.https('Adyen-CancelPartialPaymentOrder')}";
+      window.fetchGiftCardsUrl = "${URLUtils.https('Adyen-fetchGiftCards')}";
+      
+      window.remainingAmountGiftCardResource = "${Resource.msg('remainingAmount.giftCard', 'adyen', null)}";
+      window.discountedAmountGiftCardResource = "${Resource.msg('discountedAmount.giftCard', 'adyen', null)}";
+      window.deductedBalanceGiftCardResource = "${Resource.msg('deductedBalance.giftCard', 'adyen', null)}";
+      window.cancelGiftCardResource = "${Resource.msg('cancel.giftCard', 'adyen', null)}";
+
+      window.giftCardWarningMessage = "${Resource.msg('message.error.giftcard.removed', 'error', null)}";
+      window.removeGiftCardButtonText = "${Resource.msg('remove.giftCard', 'adyen', null)}";
+</script>
+
+<isif condition="${request.getHttpQueryString() && request.getHttpQueryString().indexOf('amazonCheckoutSessionId') > -1} ">
+    <isscript>
+        var assets = require('*/cartridge/scripts/assets.js');
+        assets.addJs('/js/amazonPayCheckout.js');
+        assets.addCss('/css/adyenCss.css');
+    </isscript>
+
+    <script>
+        var queryString = '${request.getHttpQueryString()}'.split("=");
+        var amazonCheckoutSessionId = queryString[queryString.length - 1];
+        window.amazonCheckoutSessionId = amazonCheckoutSessionId;
+    </script>
+     <input id="adyenStateData" type="hidden" name="${adyenPaymentFields.adyenStateData.htmlName}"/>
+
+    <isinclude template="adyenActionModal" />
+
+<iselse>
+    <script>
+         window.installments = '${pdict.adyen.installments}';
+         window.googleMerchantID = '${pdict.adyen.googleMerchantID}';
+         window.cardholderNameBool = '${pdict.adyen.cardholderNameBool}';
+         window.merchantAccount = '${pdict.adyen.merchantAccount}';
+         window.customerEmail = '${customer && customer.profile && customer.profile.email ? customer.profile.email : ''}';
+         var showStoreDetails = ${customer.authenticated && adyenRecurringPaymentsEnabled};
+    </script>
+
+     <isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+     <isset name="ratePayValues" value="${pdict.AdyenHelper.getRatePayID()}" scope="page"/>
+
+     <input id="adyenStateData" type="hidden" name="${adyenPaymentFields.adyenStateData.htmlName}"/>
+     <input id="adyenPartialPaymentsOrder" type="hidden" name="${adyenPaymentFields.adyenPartialPaymentsOrder.htmlName}"/>
+     <input type="text" class="form-control cardNumber" style="display:none" id="cardNumber" name="${creditFields.cardNumber.htmlName}">
+     <input type="hidden" class="form-control" id="cardType" name="${creditFields.cardType.htmlName}">
+
+     <input id="adyenPaymentMethodName" type="hidden" name="adyenPaymentMethod"/>
+     <input id="adyenIssuerName" type="hidden" name="adyenIssuerName"/>
+     <input id="selectedIssuer" type="hidden" name="${adyenPaymentFields.issuer.htmlName}"/>
+
+    <ul id="paymentMethodsList" class="payment-methods-container"></ul>
+    <div class="gift-card-separator adyen-checkout__content-separator adyen-checkout-ctp__separator">
+        ${Resource.msg('separator.giftCard', 'adyen', null)}
+    </div>
+    <div class="gift-card-selection">
+        <img id="headingImg" class="heading-img" />
+        <button id="giftCardAddButton" class="adyen-checkout__button adyen-checkout__button--secondary" type="button">
+            <span class="adyen-checkout__button__content">
+                <span class="adyen-checkout__button__text">
+                    ${Resource.msg('add.giftCard', 'adyen', null)}
+                </span>
+            </span>
+        </button>
+        <div id="giftCardSelectContainer" class="invisible">
+            <label  id="giftCardSelectWrapper" class="gift-card-select-wrapper">
+                <select id="giftCardSelect">
+                    <option value="null" selected="selected">${Resource.msg('select.giftCard', 'adyen', null)}</option>
+                </select>
+            </label>
+            <ul id="giftCardUl" class="list-cards invisible"></ul>
+            <div id="giftCardContainer"></div>
+        </div>
+        <div id="cancelGiftCardButton" class="invisible">
+            <button id="cancelGiftCardButtonStyling">
+                <img src="${URLUtils.staticURL('images/cancel.svg')}" alt="Cancel" />
+            </button>
+        </div>
+    </div>
+    <div id="giftCardsList" class="gift-cards-container"></div>
+    <div id="giftCardsCancelContainer" class="gift-cards-container-cancel invisible">
+        <a id="giftCardCancelButton">${Resource.msg('cancel.giftCard', 'adyen', null)}</a>
+    </div>
+    <div id="giftCardsInfoMessage"></div>
+
+     <iscomment>
+         Adyen RatePay Device Fingerprint Code
+     </iscomment>
+     <isif condition="${!empty(ratePayValues.ratePayID)}">
+         <script language="JavaScript">
+             var di = {t:'${ratePayValues.sessionID}',v:'${ratePayValues.ratePayID}',l:'Checkout'}
+         </script>
+         <script type="text/javascript" src="https://d.ratepay.com/${ratePayValues.ratePayID}/di.js"></script>
+    </isif>
+     <iscomment>
+         Adyen Generic Device Fingerprint Code
+     </iscomment>
+     <script type="text/javascript" src="https://live.adyen.com/hpp/js/df.js?v=${session.sessionID}"></script>
+     <input id="adyenFingerprint" type="hidden" name="${adyenPaymentFields.adyenFingerprint.htmlName}"/>
+     <script type="text/javascript">
+         dfDo('adyenFingerprint');
+     </script>
+
+</iselse>
+</isif>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml
new file mode 100644
index 000000000..580ca4bc4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml
@@ -0,0 +1,37 @@
+<isif condition="${pdict.adyen && pdict.adyen.adyenGivingAvailable}">
+    <isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+    <link rel="stylesheet" type="text/css" href="${pdict.AdyenHelper.getCheckoutCSS()}"/>
+    <script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+    <isscript>
+        var assets = require('*/cartridge/scripts/assets.js');
+        assets.addJs('/js/adyenGiving.js');
+    </isscript>
+    <script>
+        window.Configuration = {
+                locale: '${request.locale}',
+                clientKey: '${pdict.adyen.clientKey}',
+                environment: '${pdict.adyen.environment}'
+        };
+        window.donateURL = "${URLUtils.https('Adyen-Donate')}";
+
+        var orderNo = '${pdict.order.orderNumber}';
+        var orderToken = '${pdict.adyen.orderToken}';
+        var donationAmounts = '${pdict.adyen.donationAmounts}'.replace(/&quot;/g, '\"');
+        var charityName = '${pdict.adyen.charityName}';
+        var charityWebsite = '${pdict.adyen.charityWebsite}';
+        var charityDescription = '${pdict.adyen.charityDescription}';
+        var adyenGivingBackgroundUrl = '${pdict.adyen.adyenGivingBackgroundUrl}';
+        var adyenGivingLogoUrl = '${pdict.adyen.adyenGivingLogoUrl}';
+
+    </script>
+    <div id="adyenGiving" class="card confirm-details">
+        <div class="card-header">
+            <h2 class="card-header-custom">${Resource.msg('title.adyenGiving', 'adyen', null)}</h2>
+        </div>
+        <div class="card-body">
+            <div id="donate-container"></div>
+        </div>
+    </div>
+</isif>
+
+
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenPosForm.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenPosForm.isml
new file mode 100644
index 000000000..41ace42d6
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/adyenPosForm.isml
@@ -0,0 +1,7 @@
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<input id="terminalId" type="hidden" name="${adyenPaymentFields.terminalId.htmlName}"/>
+
+<h3>${Resource.msg('terminal.selectTerminal', 'terminal', null)}</h3>
+<div id="adyenPosTerminals">
+    <span>${Resource.msg('terminal.noTerminals', 'terminal', null)}</span>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/billingSummary.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/billingSummary.isml
new file mode 100644
index 000000000..4162e7e5b
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/billingSummary.isml
@@ -0,0 +1,26 @@
+<span class="summary-section-label billing-addr-label">${Resource.msg('label.order.billing.address', 'confirmation', null)}</span><br/>
+<isif condition="${pdict.order.billing.billingAddress.address !== null}">
+    <isset name="address" value="${pdict.order.billing.billingAddress.address}" scope="page"/>
+    <iselse>
+    <isset name="address" value="{}" scope="page"/>
+</isif>
+
+<div class="summary-details billing">
+     <isinclude template="checkout/addressSummary" />
+        <span class="order-summary-email">${pdict.order.orderEmail}</span>
+    <br/>
+    <isif condition="${pdict.order.billing.billingAddress.address !== null}">
+        <span class="order-summary-phone">${pdict.order.billing.billingAddress.address.phone}</span>
+        <iselse>
+        <span class="order-summary-phone"></span>
+    </isif>
+</div>
+
+<!--- Payment information --->
+<div class="summary-details">
+    <span class="summary-section-label payment-info-label">${Resource.msg('label.order.payment.info', 'confirmation', null)}</span><br/>
+    <isinclude template="checkout/billing/paymentOptions/paymentOptionsSummary" />
+</div>
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isinclude template="adyenActionModal" />
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions.isml
new file mode 100644
index 000000000..720add23c
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions.isml
@@ -0,0 +1,32 @@
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isscript>
+    var assets = require('*/cartridge/scripts/assets.js');
+    assets.addCss('/css/adyenCss.css');
+</isscript>
+<div class="form-nav billing-nav payment-information"
+     data-payment-method-id=""
+     <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+     data-is-new-payment="${pdict.customer.registeredUser && pdict.customer.customerPaymentInstruments.length ? false : true}"
+>
+
+    <ul class="nav nav-tabs nav-fill payment-options" id="paymentOptions" role="tablist">
+        <isinclude template="checkout/billing/paymentOptions/paymentOptionsTabs"/>
+    </ul>
+</div>
+
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<fieldset>
+    <input type="hidden" class="form-control" id="selectedPaymentOption"
+           name="${pdict.forms.billingForm.paymentMethod.htmlName}"
+           value="paymentMethod">
+
+    <isset name="creditFields" value="${pdict.forms.billingForm.creditCardFields}" scope="page"/>
+    <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+<div class="credit-card-selection-new" >
+    <div class="tab-content">
+        <isinclude template="checkout/billing/paymentOptions/paymentOptionsContent" />
+    </div>
+</div>
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+</fieldset>
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentContent.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentContent.isml
new file mode 100644
index 000000000..5c4b76c48
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentContent.isml
@@ -0,0 +1,12 @@
+<!--- Generic Component--->
+<div class="tab-pane active adyen-component-content" id="adyen-component-content" role="tabpanel">
+    <fieldset class="payment-form-fields">
+        <input type="hidden" class="form-control"
+               name="${pdict.forms.billingForm.paymentMethod.htmlName}"
+               value="AdyenComponent"
+        >
+        <fieldset class="">
+            <isinclude template="checkout/billing/adyenComponentForm" />
+        </fieldset>
+    </fieldset>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentSummary.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentSummary.isml
new file mode 100644
index 000000000..05135df1c
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentSummary.isml
@@ -0,0 +1,23 @@
+<iscontent compact="true"/>
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+
+<isif condition="${payment.adyenAction != null}">
+    <!--- Payment action for Voucher --->
+    <div id="voucherResult" style="overflow:hidden"></div>
+    <br/>
+    <script type="text/javascript">
+        var configuration = {
+            locale: '${request.locale}'
+        };
+
+        AdyenCheckout(configuration).then((checkout) => {
+            const voucherResult = document.getElementById('voucherResult');
+            const action = JSON.parse('${payment.adyenAction}'.replace(/&quot;/g, '\"'));
+            checkout.createFromAction(action).mount(voucherResult);
+        });
+
+    </script>
+</isif>
+
+<isinclude template="checkout/confirmation/adyenConfirmationDetails"/>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentTab.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentTab.isml
new file mode 100644
index 000000000..75e2a9d88
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenComponentTab.isml
@@ -0,0 +1,10 @@
+<li class="nav-item" data-method-id="${paymentOption.ID}">
+    <a class="nav-link adyen-tab active" data-toggle="tab" href="#adyen-component-content" role="tab">
+        <img class="adyen-option"
+             src="${URLUtils.staticURL('/images/payment-types.png')}"
+             height="32"
+             alt="${paymentOption.name}"
+             title="${paymentOption.name}"
+        >
+    </a>
+</li>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosContent.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosContent.isml
new file mode 100644
index 000000000..515c4f4c1
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosContent.isml
@@ -0,0 +1,12 @@
+<!--- Adyen Point of Sale--->
+<div class="tab-pane adyen-pos-content" id="adyen-pos-content" role="tabpanel">
+    <fieldset class="payment-form-fields">
+        <input type="hidden" class="form-control"
+               name="${pdict.forms.billingForm.paymentMethod.htmlName}"
+               value="AdyenPOS"
+        >
+        <fieldset class="">
+            <isinclude template="checkout/billing/adyenPosForm" />
+        </fieldset>
+    </fieldset>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosTab.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosTab.isml
new file mode 100644
index 000000000..0d1440819
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/adyenPosTab.isml
@@ -0,0 +1,10 @@
+<li class="nav-item" data-method-id="${paymentOption.ID}">
+    <a class="nav-link adyen-tab" data-toggle="tab" href="#adyen-pos-content" role="tab">
+        <img class="adyen-option"
+             src="${URLUtils.staticURL('/images/pos.png')}"
+             height="32"
+             alt="${paymentOption.name}"
+             title="${paymentOption.name}"
+        >
+    </a>
+</li>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsContent.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsContent.isml
new file mode 100644
index 000000000..bb8c08e71
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsContent.isml
@@ -0,0 +1,14 @@
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="pdict"/>
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<isset name="adyenPaymentFields" value="${pdict.forms.billingForm.adyenPaymentFields}" scope="page"/>
+<isloop items="${pdict.order.billing.payment.applicablePaymentMethods}" var="paymentOption" status="loopSate">
+    <isif condition="${paymentOption.ID === 'AdyenComponent'}">
+        <isinclude template="checkout/billing/paymentOptions/adyenComponentContent"/>
+    </isif>
+    <isif condition="${paymentOption.ID === 'AdyenPOS'}">
+        <isinclude template="checkout/billing/paymentOptions/adyenPosContent"/>
+    </isif>
+</isloop>
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsSummary.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsSummary.isml
new file mode 100644
index 000000000..b412194f2
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsSummary.isml
@@ -0,0 +1,9 @@
+<div class="payment-details">
+    <isloop items="${pdict.order.billing.payment.selectedPaymentInstruments}" var="payment">
+        <iscomment> ### Custom Adyen cartridge start ### </iscomment>
+        <isif condition="${payment.paymentMethod == 'AdyenPOS' || payment.paymentMethod == 'AdyenComponent' || payment.paymentMethod == 'CREDIT_CARD'}">
+            <isinclude template="checkout/billing/paymentOptions/adyenComponentSummary"/>
+        </isif>
+        <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+    </isloop>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsTabs.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsTabs.isml
new file mode 100644
index 000000000..b0fe9c1f6
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsTabs.isml
@@ -0,0 +1,10 @@
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isloop items="${pdict.order.billing.payment.applicablePaymentMethods}" var="paymentOption" status="loopSate">
+    <isif condition="${paymentOption.ID === 'AdyenComponent'}">
+        <isinclude template="checkout/billing/paymentOptions/adyenComponentTab"/>
+    </isif>
+    <isif condition="${paymentOption.ID === 'AdyenPOS'}">
+        <isinclude template="checkout/billing/paymentOptions/adyenPosTab"/>
+    </isif>
+</isloop>
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/adyenConfirmationDetails.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/adyenConfirmationDetails.isml
new file mode 100644
index 000000000..77f5a8ac0
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/adyenConfirmationDetails.isml
@@ -0,0 +1,87 @@
+<div>${payment.selectedAdyenPM}</div>
+<isif condition="${payment.selectedIssuerName != null}">
+    <div>${payment.selectedIssuerName}</div>
+</isif>
+<isif condition="${payment.maskedCreditCardNumber}">
+    <div class="credit-card-number">
+        ${payment.maskedCreditCardNumber}
+    </div>
+</isif>
+<isif condition="${payment.expirationMonth && payment.expirationYear}">
+    <div class="credit-card-expiration-date">
+        <span>${Resource.msg('msg.card.type.ending', 'confirmation', null)} ${payment.expirationMonth}/${payment.expirationYear}</span>
+    </div>
+</isif>
+<br/>
+<isif condition="${payment.adyenAction}">
+    <isscript>
+        var adyenAction = JSON.parse(payment.adyenAction);
+    </isscript>
+    <!--- Payment details --->
+    <isif condition="${adyenAction.reference}">
+        <span class="summary-section-label">${Resource.msg('action.reference', 'checkout', null)}:</span>
+        <span class="summary-details">${adyenAction.reference}</span><br/>
+    </isif>
+    <isif condition="${adyenAction.maskedTelephoneNumber}">
+        <span class="summary-section-label">${Resource.msg('action.maskedTelephoneNumber', 'checkout', null)}:</span>
+        <span class="summary-details">${adyenAction.maskedTelephoneNumber}</span><br/>
+    </isif>
+    <isif condition="${adyenAction.expiresAt}">
+        <span class="summary-section-label">${Resource.msg('action.expiresAt', 'checkout', null)}:</span>
+        <span class="summary-details">${adyenAction.expiresAt}</span><br/>
+    </isif>
+    <isif condition="${adyenAction.downloadUrl}">
+        <span class="summary-section-label">${Resource.msg('action.downloadUrl', 'checkout', null)}:</span>
+        <a href="${adyenAction.downloadUrl}" target="_blank" class="summary-details">${Resource.msg('action.downloadLink', 'checkout', null)}</a><br/>
+    </isif>
+    <isif condition="${adyenAction.entity}">
+        <span class="summary-section-label">${Resource.msg('action.entity', 'checkout', null)}:</span>
+        <span class="summary-details">${adyenAction.entity}</span><br/>
+    </isif>
+</isif>
+<isif condition="${payment.adyenAdditionalPaymentData}">
+    <isloop items="${payment.adyenAdditionalPaymentData}" var="additionalItem">
+        <!--- Payment details for Banktransfer --->
+        <isif condition="${additionalItem.key == 'bankTransfer.description'}">
+            <span class="summary-section-label">${Resource.msg('bankTransfer.description', 'checkout', null)}:</span><br/>
+            <br/>
+            <span class="summary-section-label">${Resource.msg('bankTransfer.amount', 'checkout', null)}:</span>
+            <span class="summary-details">${pdict.order.totals.grandTotal}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'bankTransfer.reference'}">
+            <span class="summary-section-label">${Resource.msg('bankTransfer.reference', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'bankTransfer.owner'}">
+            <span class="summary-section-label">${Resource.msg('bankTransfer.owner', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'bankTransfer.iban'}">
+            <span class="summary-section-label">${Resource.msg('bankTransfer.iban', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+
+        <!--- Payment details for Multibanco --->
+        <isif condition="${additionalItem.key == 'comprafacil.description'}">
+            <span class="summary-section-label">${Resource.msg('comprafacil.description', 'checkout', null)}:</span><br/>
+            <br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'comprafacil.deadline'}">
+            <span class="summary-section-label">${Resource.msg('comprafacil.deadline', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'comprafacil.reference'}">
+            <span class="summary-section-label">${Resource.msg('comprafacil.reference', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'comprafacil.entity'}">
+            <span class="summary-section-label">${Resource.msg('comprafacil.entity', 'checkout', null)}:</span>
+            <span class="summary-details">${additionalItem.value}</span><br/>
+        </isif>
+        <isif condition="${additionalItem.key == 'comprafacil.amount'}">
+            <span class="summary-section-label">${Resource.msg('comprafacil.amount', 'checkout', null)}:</span>
+            <span class="summary-details">${pdict.order.totals.grandTotal}</span><br/>
+        </isif>
+    </isloop>
+</isif>
+
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationDetails.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationDetails.isml
new file mode 100644
index 000000000..dfb23b7b2
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationDetails.isml
@@ -0,0 +1,28 @@
+<isinclude template="checkout/billing/adyenGivingComponent" />
+<div class="card confirm-details">
+    <div class="card-header">
+        <h2 class="card-header-custom">${Resource.msg('title.receipt', 'confirmation', null)}</h2>
+    </div>
+
+    <div class="card-body">
+        <p>
+            <span class="summary-section-label order-number-label">${Resource.msg('label.order.number', 'confirmation', null)}</span>
+            <span class="summary-details order-number">${pdict.order.orderNumber}</span>
+            <br/>
+            <span class="summary-section-label order-date-label">${Resource.msg('label.order.date', 'confirmation', null)}</span>
+            <span class="summary-details order-date"><isprint value="${pdict.order.creationDate}" style="DATE_SHORT"/></span>
+        </p>
+
+        <isinclude template="checkout/shipping/shippingSummary" />
+        <isinclude template="checkout/billing/billingSummary" />
+
+    </div>
+</div>
+
+<isinclude template="checkout/orderProductSummary" />
+
+<div class="card checkout-order-total-summary">
+    <div class="card-body order-total-summary">
+        <isinclude template="checkout/orderTotalSummary" />
+    </div>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationEmail.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationEmail.isml
new file mode 100644
index 000000000..5fd706401
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/checkout/confirmation/confirmationEmail.isml
@@ -0,0 +1,176 @@
+<body>
+    <div>
+        <p>${Resource.msg('msg.placed.order.thank.you', 'confirmation', null)}</p>
+    </div>
+    <p>
+        <strong>${Resource.msg('label.order.number', 'confirmation', null)}</strong>
+        <br/>
+        <span>${pdict.order.orderNumber}</span>
+    </p>
+    <p>
+        <strong>${Resource.msg('label.order.date', 'confirmation', null)}</strong>
+        <br/>
+        <span><isprint value="${pdict.order.creationDate}" style="DATE_LONG"/></span>
+    </p>
+
+    <!--- Shipping Address --->
+    <isloop items="${pdict.order.shipping}" var="shippingModel" status="shippingLoop">
+        <isinclude template="checkout/confirmation/shippingTitle"/>
+        <isset name="address" value="${shippingModel.shippingAddress}" scope="page"/>
+        <isinclude template="checkout/addressSummary" />
+        <br/>
+        <p>
+            <strong>${Resource.msg('label.order.shipping.method', 'confirmation', null)}</strong>
+            <br/>
+            ${shippingModel.selectedShippingMethod.displayName}
+            <isif condition="${shippingModel.selectedShippingMethod.estimatedArrivalTime}">
+                (${shippingModel.selectedShippingMethod.estimatedArrivalTime})
+            </isif>
+        </p>
+
+        <isif condition="${shippingModel.isGift}">
+            <p>
+                <strong>
+                    ${Resource.msg('heading.gift.message', 'checkout', null)}
+                </strong>
+                ${shippingModel.giftMessage}
+            </p>
+        </isif>
+
+        <isif condition="${pdict.order.shipping.length > 1}">
+            <strong>${Resource.msg('label.order.products', 'confirmation', null)}:</strong> <br/>
+            <isloop items="${shippingModel.productLineItems.items}" var="lineItem">
+                <p>
+                    ${Resource.msg('label.order.product.name', 'confirmation', null)}: ${lineItem.productName}
+                    <br/>
+
+                    <isif condition="${lineItem.productType === 'bundle'}">
+                        <isloop items="${lineItem.bundledProductLineItems}" var="bundledLineItem">
+                            ${Resource.msg('label.order.bundled.item.name', 'confirmation', null)}: ${bundledLineItem.productName}
+                            <br/>
+                            <isloop items="${bundledLineItem.variationAttributes}" var="attribute">
+                                ${attribute.displayName}: ${attribute.displayValue}
+                                <br/>
+                            </isloop>
+                        </isloop>
+                        <iselse/>
+                        <isloop items="${lineItem.variationAttributes}" var="attribute">
+                            ${attribute.displayName}: ${attribute.displayValue}
+                            <br/>
+                        </isloop>
+                    </isif>
+
+                    <!--- item price --->
+                    ${Resource.msg('label.each.item.price','cart',null)} -
+                    ${lineItem.price.formatted || lineItem.price.sales.formatted}
+                    <br/>
+                    <!--- quantity --->
+                    ${Resource.msg('field.selectquantity','cart',null)}
+                    - <isprint value="${lineItem.quantity}" formatter="##" />
+                    <br/>
+
+                    <!--- line item total price --->
+                    ${Resource.msg('label.total.price','cart',null)}
+                    - ${lineItem.priceTotal.price}
+                    <br/>
+                </p>
+            </isloop>
+        </isif>
+    </isloop>
+    <p>${pdict.order.totals.totalShippingCost}</p>
+    <!--- Billing Address --->
+    <strong>${Resource.msg('label.order.billing.address', 'confirmation', null)}</strong>
+    <br/>
+    <isset name="address" value="${pdict.order.billing.billingAddress.address}" scope="page"/>
+    <isinclude template="checkout/addressSummary" />
+
+    <br/>
+
+    <!--- Payment information --->
+    <div>
+        <strong>${Resource.msg('label.order.payment.info', 'confirmation', null)}</strong>
+        <br/>
+        <div>
+            <isloop items="${pdict.order.billing.payment.selectedPaymentInstruments}" var="payment">
+                <isif condition="${payment.paymentMethod === 'AdyenComponent' || payment.paymentMethod === 'CREDIT_CARD'}">
+                     <isinclude template="checkout/confirmation/adyenConfirmationDetails"/>
+                </isif>
+            </isloop>
+        </div>
+    </div>
+
+    <p>
+        ${Resource.msgf('label.number.items.in.cart','cart', null, pdict.order.items.totalQuantity)}
+        <br/>
+        ${pdict.order.totals.subTotal}
+    </p>
+
+    <br/>
+    <isif condition="${pdict.order.shipping.length === 1}">
+        <strong>${Resource.msg('label.order.products', 'confirmation', null)}:</strong> <br/>
+        <isloop items="${pdict.order.items.items}" var="lineItem">
+            <p>
+                ${Resource.msg('label.order.product.name', 'confirmation', null)}: ${lineItem.productName}
+                <br/>
+
+                <isif condition="${lineItem.productType === 'bundle'}">
+                    <isloop items="${lineItem.bundledProductLineItems}" var="bundledLineItem">
+                        ${Resource.msg('label.order.bundled.item.name', 'confirmation', null)}: ${bundledLineItem.productName}
+                        <br/>
+                        <isloop items="${bundledLineItem.variationAttributes}" var="attribute">
+                            ${attribute.displayName}: ${attribute.displayValue}
+                            <br/>
+                        </isloop>
+                    </isloop>
+                    <iselse/>
+                    <isloop items="${lineItem.variationAttributes}" var="attribute">
+                        ${attribute.displayName}: ${attribute.displayValue}
+                        <br/>
+                    </isloop>
+                </isif>
+
+                <isif condition="${lineItem.bonusProductLineItemUUID === 'bonus'}">
+                    <isloop items="${lineItem.bonusProducts}" var="bonusProduct" status="loopState">
+                        <isif condition="${loopState.first}">
+                            <br/>
+                            ${Resource.msg('text.lineitem.bonus.msg','cart',null)}
+                        </isif>
+                        ${bonusProduct.productName}
+                        <isloop items="${bonusProduct.variationAttributes}" var="attribute">
+                            ${attribute.displayName}: ${attribute.displayValue}
+                            <br/>
+                        </isloop>
+
+                        <!--- item price --->
+                        ${Resource.msg('label.each.item.price','cart',null)} -
+                        ${bonusProduct.priceTotal.price}
+                        <br/>
+
+                        <!--- quantity --->
+                        ${Resource.msg('field.selectquantity','cart',null)}
+                        - <isprint value="${bonusProduct.quantity}" formatter="##" />
+                        <br/>
+                        <isif condition="${loopState.last}">
+                            <br/>
+                        </isif>
+                    </isloop>
+                </isif>
+
+                <!--- item price --->
+                ${Resource.msg('label.each.item.price','cart',null)} -
+                ${lineItem.price.formatted || lineItem.price.sales.formatted}
+                <br/>
+                <!--- quantity --->
+                ${Resource.msg('field.selectquantity','cart',null)}
+                - <isprint value="${lineItem.quantity}" formatter="##" />
+                <br/>
+
+                <!--- line item total price --->
+                ${Resource.msg('label.total.price','cart',null)}
+                - ${lineItem.priceTotal.price}
+                <br/>
+            </p>
+        </isloop>
+    </isif>
+    <isinclude template="checkout/confirmation/confirmationOrderTotal" />
+</body>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/default/orderConfirmForm.isml b/cartridges/int_adyen_SFRA/cartridge/templates/default/orderConfirmForm.isml
new file mode 100644
index 000000000..a233b2481
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/default/orderConfirmForm.isml
@@ -0,0 +1,18 @@
+<div class="checkout">
+    <div class="payerauth">
+        <form action="${URLUtils.url('Order-Confirm')}" method="post" id="orderConfirmForm" name="orderConfirmForm">
+            <input type="hidden" name="orderID" value="${pdict.orderID}">
+            <input type="hidden" name="orderToken" value="${pdict.orderToken}">
+        </form>
+        <script language="javascript">
+            var loaded = false;
+
+            function load() {
+                document.getElementById('orderConfirmForm').submit();
+                loaded = true;
+            }
+
+            load();
+        </script>
+    </div>
+</div>
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/resources/adyen.properties b/cartridges/int_adyen_SFRA/cartridge/templates/resources/adyen.properties
new file mode 100644
index 000000000..92dc4086e
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/resources/adyen.properties
@@ -0,0 +1,13 @@
+title.adyenGiving=Donate
+cancel.giftCard=Remove all gift cards
+remainingAmount.giftCard=Remaining Amount
+discountedAmount.giftCard=Giftcard Amount
+deductedBalance.giftCard=Deducted balance
+select.giftCard=Select a gift card
+separator.giftCard=or use a gift card
+add.giftCard=Add a gift card
+remove.giftCard=Remove
+infoMessage.giftCard=Add a gift card or select another payment method to pay the remaining {0}
+amazonpay.paymentMethod=Payment Method
+amazonpay.editButton=Edit
+amazonpay.shippingAddress=Shipping Address
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/resources/error.properties b/cartridges/int_adyen_SFRA/cartridge/templates/resources/error.properties
new file mode 100644
index 000000000..16d2166c4
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/resources/error.properties
@@ -0,0 +1,2 @@
+message.error.general=For technical reasons, your request could not be handled properly at this time. We apologize for any inconvenience.
+message.error.giftcard.removed=The giftcard is canceled due to changed cart items.
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/cartridge/templates/resources/terminal.properties b/cartridges/int_adyen_SFRA/cartridge/templates/resources/terminal.properties
new file mode 100644
index 000000000..b3faf9406
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/cartridge/templates/resources/terminal.properties
@@ -0,0 +1,2 @@
+terminal.selectTerminal=Please select your terminal
+terminal.noTerminals=There are no terminals connected
\ No newline at end of file
diff --git a/cartridges/int_adyen_SFRA/package.json b/cartridges/int_adyen_SFRA/package.json
new file mode 100644
index 000000000..52276142a
--- /dev/null
+++ b/cartridges/int_adyen_SFRA/package.json
@@ -0,0 +1,3 @@
+{
+  "hooks": "./cartridge/scripts/hooks.json"
+}
diff --git a/cartridges/int_adyen_controllers/cartridge/controllers/Adyen.js b/cartridges/int_adyen_controllers/cartridge/controllers/Adyen.js
new file mode 100644
index 000000000..7d3e2629e
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/controllers/Adyen.js
@@ -0,0 +1,538 @@
+"use strict";
+
+var Resource = require('dw/web/Resource');
+var URLUtils = require('dw/web/URLUtils');
+var OrderMgr = require('dw/order/OrderMgr');
+var BasketMgr = require('dw/order/BasketMgr');
+var Status = require('dw/system/Status');
+var Transaction = require('dw/system/Transaction');
+var Order = require('dw/order/Order');
+var PaymentMgr = require('dw/order/PaymentMgr');
+
+/* Script Modules */
+var app = require('app_storefront_controllers/cartridge/scripts/app');
+var guard = require('app_storefront_controllers/cartridge/scripts/guard');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenSessions = require('*/cartridge/scripts/adyenSessions');
+var constants = require('*/cartridge/adyenConstants/constants');
+var paymentMethodDescriptions = require('*/cartridge/adyenConstants/paymentMethodDescriptions');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var EXTERNAL_PLATFORM_VERSION = 'SiteGenesis';
+/**
+ * Controller for all storefront processes.
+ *
+ * @module controllers/Adyen
+ */
+
+/**
+ * Called by Adyen to update status of payments. It should always display [accepted] when finished.
+ */
+function notify() {
+  var checkAuth = require('*/cartridge/scripts/checkNotificationAuth');
+  var status = checkAuth.check(request);
+  if (!status) {
+    app.getView().render('adyen/error');
+    return {};
+  }
+  var handleNotify = require('*/cartridge/scripts/handleNotify');
+  Transaction.begin();
+  var notificationResult = handleNotify.notifyHttpParameterMap(request.httpParameterMap);
+  if (notificationResult.success) {
+    Transaction.commit();
+    app.getView().render('notify');
+  } else {
+    app.getView({
+      errorMessage: notificationResult.errorMessage
+    }).render('/notifyError');
+    Transaction.rollback();
+  }
+}
+
+/**
+ * Performs a zero auth transaction to add a card to an account
+ */
+function zeroAuth() {
+  var adyenZeroAuth = require('*/cartridge/scripts/adyenZeroAuth');
+  var wallet = customer.getProfile().getWallet();
+  var stateDataStr = request.httpParameterMap.getRequestBodyAsString();
+  var paymentInstrument;
+  Transaction.wrap(function () {
+    paymentInstrument = wallet.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT);
+    paymentInstrument.custom.adyenPaymentData = stateDataStr;
+  });
+  Transaction.begin();
+  var zeroAuthResult = adyenZeroAuth.zeroAuthPayment(customer, paymentInstrument);
+  if (zeroAuthResult.error) {
+    Transaction.rollback();
+    return false;
+  }
+  Transaction.commit();
+  var responseUtils = require('*/cartridge/scripts/util/Response');
+  responseUtils.renderJSON({
+    zeroAuthResult: zeroAuthResult
+  });
+}
+
+/**
+ * Redirect to Adyen after 3DS1 Authentication When adding a card to an account
+ */
+function Redirect3DS1Response() {
+  try {
+    var redirectResult = request.httpParameterMap.get('redirectResult').stringValue;
+    var jsonRequest = {
+      details: {
+        redirectResult: redirectResult
+      }
+    };
+    var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+    var result = adyenCheckout.doPaymentsDetailsCall(jsonRequest);
+    if (result.resultCode === 'Authorised') {
+      return response.redirect(URLUtils.https('PaymentInstruments-List'));
+    } else {
+      return response.redirect(URLUtils.https('PaymentInstruments-List', 'error', 'AuthorisationFailed'));
+    }
+  } catch (e) {
+    AdyenLogs.error_log("Error during 3ds1 response verification: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return response.redirect(URLUtils.https('PaymentInstruments-List', 'error', 'AuthorisationFailed'));
+  }
+}
+
+/**
+ * Show confirmation after return from Adyen
+ */
+function showConfirmation() {
+  try {
+    var redirectResult = request.httpParameterMap.get('redirectResult').stringValue;
+    var payload = request.httpParameterMap.get('payload').stringValue;
+    var signature = request.httpParameterMap.get('signature').stringValue;
+    var merchantReference = request.httpParameterMap.get('merchantReference').stringValue;
+    var orderToken = request.httpParameterMap.get('orderToken').stringValue;
+    var authorized = request.httpParameterMap.get('authorized').stringValue;
+    var error = request.httpParameterMap.get('error').stringValue;
+    var order = OrderMgr.getOrder(merchantReference, orderToken);
+
+    // if the payment is authorized, we can navigate to order confirm
+    if (authorized === 'true') {
+      clearForms();
+      return app.getController('COSummary').ShowConfirmation(order);
+    }
+
+    //if there is an eror, we nagivate and display the erorr
+    if (error === 'true') {
+      var _errorStatus = request.httpParameterMap.get('errorStatus').stringValue;
+      return app.getController('COSummary').Start({
+        PlaceOrderError: new Status(Status.ERROR, _errorStatus)
+      });
+    }
+    var adyenPaymentInstrument = order.getPaymentInstruments(constants.METHOD_ADYEN_COMPONENT)[0];
+    if (adyenPaymentInstrument.paymentTransaction.custom.Adyen_merchantSig === signature) {
+      if (order.status.value === Order.ORDER_STATUS_FAILED) {
+        AdyenLogs.error_log("Could not call payment/details for failed order ".concat(order.orderNo));
+        return response.redirect(URLUtils.httpHome());
+      }
+      var details = redirectResult ? {
+        redirectResult: redirectResult
+      } : {
+        payload: payload
+      };
+      var hasQuerystringDetails = !!(details.redirectResult || details.payload);
+      // Saved response from Adyen-PaymentsDetails
+      var detailsResult = JSON.parse(adyenPaymentInstrument.paymentTransaction.custom.Adyen_authResult);
+      if (hasQuerystringDetails) {
+        var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+        detailsResult = adyenCheckout.doPaymentsDetailsCall({
+          details: details
+        });
+        clearAdyenData(adyenPaymentInstrument);
+      }
+      if ([constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.PENDING, constants.RESULTCODES.RECEIVED].indexOf(detailsResult.resultCode) > -1) {
+        Transaction.wrap(function () {
+          AdyenHelper.savePaymentDetails(adyenPaymentInstrument, order, detailsResult);
+        });
+        clearForms();
+        return app.getController('COSummary').ShowConfirmation(order);
+      }
+      // fail order
+      Transaction.wrap(function () {
+        OrderMgr.failOrder(order, true);
+      });
+      AdyenLogs.error_log("Payment failed, result: ".concat(JSON.stringify(detailsResult)));
+    } else {
+      // fail order
+      Transaction.wrap(function () {
+        OrderMgr.failOrder(order, true);
+      });
+      AdyenLogs.error_log("Payment failed, reason: invalid signature");
+    }
+
+    // should be assingned by previous calls or not
+    var errorStatus = new dw.system.Status(dw.system.Status.ERROR, 'confirm.error.declined');
+    app.getController('COSummary').Start({
+      PlaceOrderError: errorStatus
+    });
+  } catch (e) {
+    AdyenLogs.error_log("Could not verify showConfirmation: ".concat(e.message, " more details: ").concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+  return {};
+}
+
+/**
+ *  Confirm payment status after receiving redirectResult from Adyen
+ */
+function paymentsDetails() {
+  try {
+    var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+    var requestBody = JSON.parse(request.httpParameterMap.getRequestBodyAsString());
+    var data = requestBody.data;
+    var isAmazonpay = data.paymentMethod === 'amazonpay';
+    data.paymentMethod = undefined;
+    var paymentsDetailsResponse = adyenCheckout.doPaymentsDetailsCall(data);
+    var _response = AdyenHelper.createAdyenCheckoutResponse(paymentsDetailsResponse);
+    if (isAmazonpay) {
+      _response.fullResponse = {
+        pspReference: paymentsDetailsResponse.pspReference,
+        paymentMethod: paymentsDetailsResponse.additionalData.paymentMethod,
+        resultCode: paymentsDetailsResponse.resultCode
+      };
+    }
+
+    //check if payment is not zero auth for my account
+    if (paymentsDetailsResponse.merchantReference !== 'recurringPayment-account') {
+      var order = OrderMgr.getOrder(paymentsDetailsResponse.merchantReference, requestBody.orderToken);
+      var paymentInstruments = order.getPaymentInstruments(constants.METHOD_ADYEN_COMPONENT);
+      var signature = AdyenHelper.createSignature(paymentInstruments[0], order.getUUID(), paymentsDetailsResponse.merchantReference);
+      Transaction.wrap(function () {
+        paymentInstruments[0].paymentTransaction.custom.Adyen_authResult = JSON.stringify(paymentsDetailsResponse);
+      });
+      _response.redirectUrl = URLUtils.url('Adyen-ShowConfirmation', 'merchantReference', _response.merchantReference, 'orderToken', requestBody.orderToken, 'signature', signature).toString();
+    }
+    var responseUtils = require('*/cartridge/scripts/util/Response');
+    responseUtils.renderJSON({
+      response: _response
+    });
+  } catch (e) {
+    AdyenLogs.error_log("Could not verify /payment/details: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return response.redirect(URLUtils.url('Error-ErrorCode', 'err', 'general'));
+  }
+}
+
+/**
+ * Make a payment from inside a component (used by paypal)
+ */
+function paymentFromComponent() {
+  if (request.httpParameterMap.getRequestBodyAsString().indexOf('cancelTransaction') > -1) {
+    var merchantReference = JSON.parse(request.httpParameterMap.getRequestBodyAsString()).merchantReference;
+    AdyenLogs.info_log("Shopper cancelled paymentFromComponent transaction for order ".concat(merchantReference));
+    return;
+  } else {
+    var adyenRemovePreviousPI = require('*/cartridge/scripts/adyenRemovePreviousPI');
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+    var paymentInstrument;
+    var order;
+    Transaction.wrap(function () {
+      var result = adyenRemovePreviousPI.removePaymentInstruments(currentBasket);
+      if (result.error) {
+        return result;
+      }
+      var stateDataStr = request.httpParameterMap.getRequestBodyAsString();
+      paymentInstrument = currentBasket.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT, currentBasket.totalGrossPrice);
+      var _PaymentMgr$getPaymen = PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod),
+        paymentProcessor = _PaymentMgr$getPaymen.paymentProcessor;
+      paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+      paymentInstrument.custom.adyenPaymentData = stateDataStr;
+      try {
+        paymentInstrument.custom.adyenPaymentMethod = JSON.parse(stateDataStr).paymentMethod.type;
+      } catch (e) {
+        // Error parsing paymentMethod
+      }
+    });
+    order = OrderMgr.createOrder(currentBasket);
+    Transaction.begin();
+    var result = adyenCheckout.createPaymentRequest({
+      Order: order,
+      PaymentInstrument: paymentInstrument
+    });
+    result.orderNo = order.orderNo;
+    result.orderToken = order.getOrderToken();
+    Transaction.commit();
+    // Decline flow for Amazon pay is handled different from other Component PMs
+    // Order needs to be failed here to handle Amazon decline flow.
+    if (paymentInstrument.custom.adyenPaymentMethod === 'amazonpay' && result.adyenErrorMessage) {
+      Transaction.wrap(function () {
+        OrderMgr.failOrder(order, true);
+      });
+    }
+    var responseUtils = require('*/cartridge/scripts/util/Response');
+    responseUtils.renderJSON({
+      result: result
+    });
+  }
+}
+
+/**
+ * Show confirmation for payments completed from component directly e.g. paypal, QRcode, ..
+ */
+function showConfirmationPaymentFromComponent() {
+  var _finalResult;
+  var paymentInformation = app.getForm('adyPaydata');
+  var orderNumber = paymentInformation.get('merchantReference').value();
+  var orderToken = paymentInformation.get('orderToken').value();
+  var result = paymentInformation.get('result').value();
+  var order = OrderMgr.getOrder(orderNumber, orderToken);
+  var paymentInstruments = order.getPaymentInstruments(constants.METHOD_ADYEN_COMPONENT);
+  var adyenPaymentInstrument;
+  var instrumentsIter = paymentInstruments.iterator();
+  while (instrumentsIter.hasNext()) {
+    adyenPaymentInstrument = instrumentsIter.next();
+  }
+  var stateData = JSON.parse(paymentInformation.get('paymentFromComponentStateData').value());
+  var amazonPayResult;
+  var hasStateData = stateData && stateData.details && stateData.paymentData;
+  if (!hasStateData) {
+    if (result && JSON.stringify(result).indexOf('amazonpay') > -1) {
+      amazonPayResult = JSON.parse(result);
+    } else {
+      // The billing step is fulfilled, but order will be failed
+      app.getForm('billing').object.fulfilled.value = true;
+      // fail order if no stateData available
+      Transaction.wrap(function () {
+        OrderMgr.failOrder(order, true);
+      });
+      app.getController('COBilling').Start();
+      return {};
+    }
+  }
+  var details = stateData.details;
+  var paymentData = stateData.paymentData;
+
+  // redirect to payment/details
+  var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+  var requestObject = {
+    details: details,
+    paymentData: paymentData
+  };
+  var paymentProcessor = PaymentMgr.getPaymentMethod(adyenPaymentInstrument.getPaymentMethod()).getPaymentProcessor();
+  Transaction.wrap(function () {
+    adyenPaymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+    adyenPaymentInstrument.custom.adyenPaymentData = null;
+  });
+  var finalResult;
+  if (order.status.value === Order.ORDER_STATUS_CREATED) {
+    finalResult = amazonPayResult || adyenCheckout.doPaymentsDetailsCall(requestObject);
+  }
+  if ([constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.PENDING, constants.RESULTCODES.RECEIVED].indexOf((_finalResult = finalResult) === null || _finalResult === void 0 ? void 0 : _finalResult.resultCode) > -1) {
+    Transaction.wrap(function () {
+      AdyenHelper.savePaymentDetails(adyenPaymentInstrument, order, finalResult);
+    });
+    clearForms();
+    app.getController('COSummary').ShowConfirmation(order);
+    return {};
+  }
+  // handles the refresh
+  else if ([Order.ORDER_STATUS_CREATED, Order.ORDER_STATUS_NEW, Order.ORDER_STATUS_OPEN].indexOf(order.status.value) > -1) {
+    clearForms();
+    return app.getController('COSummary').ShowConfirmation(order);
+  }
+  // fail order
+  Transaction.wrap(function () {
+    OrderMgr.failOrder(order, true);
+  });
+  // should be assingned by previous calls or not
+  var errorStatus = new dw.system.Status(dw.system.Status.ERROR, 'confirm.error.declined');
+  app.getController('COSummary').Start({
+    PlaceOrderError: errorStatus
+  });
+  return {};
+}
+function getConnectedTerminals() {
+  var adyenTerminalApi = require('*/cartridge/scripts/adyenTerminalApi');
+  if (PaymentMgr.getPaymentMethod(constants.METHOD_ADYEN_POS).isActive()) {
+    return adyenTerminalApi.getTerminals().response;
+  }
+  return '{}';
+}
+function getCountryCode(currentBasket) {
+  var _currentBasket$getShi;
+  var Locale = require('dw/util/Locale');
+  var countryCode = Locale.getLocale(request.getLocale()).country;
+  var firstItem = (_currentBasket$getShi = currentBasket.getShipments()) === null || _currentBasket$getShi === void 0 ? void 0 : _currentBasket$getShi[0];
+  if (firstItem !== null && firstItem !== void 0 && firstItem.shippingAddress) {
+    return firstItem.shippingAddress.getCountryCode().value;
+  }
+  return countryCode;
+}
+
+/**
+ * Make a request to Adyen to create a new session
+ */
+function sessions(customer) {
+  try {
+    var currentBasket = BasketMgr.getCurrentBasket();
+    var countryCode = getCountryCode(currentBasket);
+    var _response2 = adyenSessions.createSession(currentBasket, AdyenHelper.getCustomer(customer), countryCode);
+    var adyenURL = "".concat(AdyenHelper.getLoadingContext(), "images/logos/medium/");
+    var connectedTerminals = getConnectedTerminals();
+    var currency = currentBasket.getTotalGrossPrice().currencyCode;
+    var paymentAmount = currentBasket.getTotalGrossPrice().isAvailable() ? AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()) : new dw.value.Money(1000, currency);
+    var shippingForm = session.forms.singleshipping;
+    var shippingAddress = {
+      firstName: shippingForm.shippingAddress.addressFields.firstName.value,
+      lastName: shippingForm.shippingAddress.addressFields.lastName.value,
+      address1: shippingForm.shippingAddress.addressFields.address1.value,
+      city: shippingForm.shippingAddress.addressFields.city.value,
+      country: shippingForm.shippingAddress.addressFields.country.value,
+      phone: shippingForm.shippingAddress.addressFields.phone.value,
+      postalCode: shippingForm.shippingAddress.addressFields.postal.value
+    };
+    var responseJSON = {
+      id: _response2.id,
+      sessionData: _response2.sessionData,
+      imagePath: adyenURL,
+      adyenDescriptions: paymentMethodDescriptions,
+      amount: {
+        value: paymentAmount.value,
+        currency: currency
+      },
+      countryCode: countryCode,
+      adyenConnectedTerminals: JSON.parse(connectedTerminals),
+      shippingAddress: shippingAddress
+    };
+    return responseJSON;
+  } catch (error) {
+    AdyenLogs.fatal_log("Failed to create Adyen Checkout Session... ".concat(error.toString()));
+  }
+}
+
+/**
+ * Complete a donation through adyenGiving
+ */
+function donate() {
+  var adyenGiving = require('*/cartridge/scripts/adyenGiving');
+  var responseUtils = require('*/cartridge/scripts/util/Response');
+  var req;
+  try {
+    req = JSON.parse(request.httpParameterMap.getRequestBodyAsString());
+  } catch (e) {
+    AdyenLogs.error_log(e);
+  }
+  var _req = req,
+    pspReference = _req.pspReference;
+  var _req2 = req,
+    orderNo = _req2.orderNo;
+  var donationAmount = {
+    value: req.amountValue,
+    currency: req.amountCurrency
+  };
+  var donationResult = adyenGiving.donate(orderNo, donationAmount, pspReference);
+  responseUtils.renderJSON({
+    response: donationResult.response
+  });
+}
+
+/**
+ * Make a request to Adyen to get payment methods based on countryCode. Called from COBilling-Start
+ */
+function getPaymentMethods(cart, customer) {
+  var Locale = require('dw/util/Locale');
+  var countryCode = Locale.getLocale(request.getLocale()).country;
+  var currentBasket = BasketMgr.getCurrentBasket();
+  if (currentBasket.getShipments().length > 0 && currentBasket.getShipments()[0].shippingAddress) {
+    countryCode = currentBasket.getShipments()[0].shippingAddress.getCountryCode().value.toUpperCase();
+  }
+  var adyenTerminalApi = require('*/cartridge/scripts/adyenTerminalApi');
+  var PaymentMgr = require('dw/order/PaymentMgr');
+  var getPaymentMethods = require('*/cartridge/scripts/adyenGetPaymentMethods');
+  var response = getPaymentMethods.getMethods(cart.object, customer, countryCode);
+  var paymentMethodDescriptions = response.paymentMethods.map(function (method) {
+    return {
+      brandCode: method.type,
+      description: Resource.msg("hpp.description.".concat(method.type), 'hpp', '')
+    };
+  });
+  var adyenURL = "".concat(AdyenHelper.getLoadingContext(), "images/logos/medium/");
+  var connectedTerminals = {};
+  if (PaymentMgr.getPaymentMethod(constants.METHOD_ADYEN_POS).isActive()) {
+    try {
+      var connectedTerminalsResponse = adyenTerminalApi.getTerminals().response;
+      if (connectedTerminalsResponse) {
+        connectedTerminals = JSON.parse(connectedTerminalsResponse);
+      }
+    } catch (e) {
+      // Error parsing terminal response
+    }
+  }
+  var currency = currentBasket.getTotalGrossPrice().currencyCode;
+  var paymentAmount = currentBasket.getTotalGrossPrice().isAvailable() ? AdyenHelper.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()) : new dw.value.Money(1000, currency);
+  var shippingForm = session.forms.singleshipping;
+  var shippingAddress = {
+    firstName: shippingForm.shippingAddress.addressFields.firstName.value,
+    lastName: shippingForm.shippingAddress.addressFields.lastName.value,
+    address1: shippingForm.shippingAddress.addressFields.address1.value,
+    city: shippingForm.shippingAddress.addressFields.city.value,
+    country: shippingForm.shippingAddress.addressFields.country.value,
+    phone: shippingForm.shippingAddress.addressFields.phone.value,
+    postalCode: shippingForm.shippingAddress.addressFields.postal.value
+  };
+  var jsonResponse = {
+    adyenPaymentMethods: response,
+    adyenConnectedTerminals: connectedTerminals,
+    ImagePath: adyenURL,
+    AdyenDescriptions: paymentMethodDescriptions,
+    amount: {
+      value: paymentAmount.value,
+      currency: currency
+    },
+    countryCode: countryCode,
+    shippingAddress: shippingAddress
+  };
+  return jsonResponse;
+}
+
+/**
+ * Clear system session data
+ */
+function clearAdyenData(paymentInstrument) {
+  Transaction.wrap(function () {
+    paymentInstrument.custom.adyenPaymentData = null;
+    paymentInstrument.custom.adyenMD = null;
+    paymentInstrument.paymentTransaction.custom.Adyen_authResult = null;
+  });
+}
+
+/**
+ * Clear system session data
+ */
+function clearForms() {
+  // Clears all forms used in the checkout process.
+  session.forms.singleshipping.clearFormElement();
+  session.forms.multishipping.clearFormElement();
+  session.forms.billing.clearFormElement();
+  clearCustomSessionFields();
+}
+
+/**
+ * Clear custom session data
+ */
+function clearCustomSessionFields() {
+  // Clears all fields used in the 3d secure payment.
+  session.privacy.adyenResponse = null;
+  session.privacy.paymentMethod = null;
+  session.privacy.orderNo = null;
+  session.privacy.adyenBrandCode = null;
+  session.privacy.adyenIssuerID = null;
+}
+function getExternalPlatformVersion() {
+  return EXTERNAL_PLATFORM_VERSION;
+}
+exports.Notify = guard.ensure(['post'], notify);
+exports.ShowConfirmation = guard.httpsGet(showConfirmation);
+exports.ShowConfirmationPaymentFromComponent = guard.ensure(['https'], showConfirmationPaymentFromComponent);
+exports.Redirect3DS1Response = guard.ensure(['https'], Redirect3DS1Response);
+exports.GetPaymentMethods = getPaymentMethods;
+exports.Sessions = sessions;
+exports.getExternalPlatformVersion = getExternalPlatformVersion();
+exports.PaymentFromComponent = guard.ensure(['https', 'post'], paymentFromComponent);
+exports.ZeroAuth = guard.ensure(['https', 'post'], zeroAuth);
+exports.PaymentsDetails = guard.ensure(['https', 'post'], paymentsDetails);
+exports.Donate = guard.ensure(['https', 'post'], donate);
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/forms/default/adyPaydata.xml b/cartridges/int_adyen_controllers/cartridge/forms/default/adyPaydata.xml
new file mode 100644
index 000000000..e228604f2
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/forms/default/adyPaydata.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<form xmlns="http://www.demandware.com/xml/form/2008-04-19">
+
+    <!--Issuer details-->
+	<field formid="issuer" type="string" mandatory="false" />
+	
+    <!--POS terminal-->
+	<field formid="terminalId" type="string" mandatory="false" />
+
+	<!--Adyen Component-->
+	<field formid="adyenStateData" type="string" mandatory="true"/>
+	<field formid="paymentFromComponentStateData" type="string" mandatory="true"/>
+	<field formid="merchantReference" type="string" mandatory="true"/>
+	<field formid="orderToken" type="string" mandatory="true"/>
+	<field formid="result" type="string" mandatory="true"/>
+	<field formid="adyenFingerprint" type="string" mandatory="false" />
+</form>
diff --git a/cartridges/int_adyen_controllers/cartridge/int_adyen_controllers.properties b/cartridges/int_adyen_controllers/cartridge/int_adyen_controllers.properties
new file mode 100644
index 000000000..6db190129
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/int_adyen_controllers.properties
@@ -0,0 +1,4 @@
+## cartridge.properties for cartridge int_adyen_controllers
+#Fri Oct 07 11:01:08 EEST 2016
+demandware.cartridges.int_adyen_controllers.multipleLanguageStorefront=true
+demandware.cartridges.int_adyen_controllers.id=int_adyen_controllers
diff --git a/cartridges/int_adyen_controllers/cartridge/js/adyenConstants.js b/cartridges/int_adyen_controllers/cartridge/js/adyenConstants.js
new file mode 100644
index 000000000..4c056c441
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/adyenConstants.js
@@ -0,0 +1,9 @@
+"use strict";
+
+// Adyen constants
+
+module.exports = {
+  METHOD_ADYEN: 'Adyen',
+  METHOD_ADYEN_POS: 'AdyenPOS',
+  METHOD_CREDIT_CARD: 'CREDIT_CARD'
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-checkout.js b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-checkout.js
new file mode 100644
index 000000000..2a5f74a4b
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-checkout.js
@@ -0,0 +1,682 @@
+"use strict";
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+require('./adyen-giving');
+require('./amazon');
+require('./summary');
+var qrCodeMethods = ['swish', 'wechatpayQR', 'bcmc_mobile', 'pix'];
+var installmentLocales = ['pt_BR', 'ja_JP', 'tr_TR', 'es_MX'];
+var maskedCardNumber;
+var MASKED_CC_PREFIX = '************';
+var selectedMethod;
+var componentsObj = {};
+var checkoutConfiguration;
+var sessionsResponse;
+var paymentMethodsResponse;
+var checkout;
+var formErrorsExist;
+var isValid;
+var paypalTerminatedEarly = false;
+/**
+ * @function
+ * @description Initializes Adyen Secured Fields  Billing events
+ */
+function initializeBillingEvents() {
+  return _initializeBillingEvents.apply(this, arguments);
+}
+function _initializeBillingEvents() {
+  _initializeBillingEvents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          $('#billing-submit').on('click', function () {
+            var isAdyenPOS = document.querySelector('.payment-method-options :checked').value === 'AdyenPOS';
+            var isAdyen = document.querySelector('.payment-method-options :checked').value === 'AdyenComponent';
+            if (isAdyenPOS) {
+              document.querySelector('#dwfrm_adyPaydata_terminalId').value = document.querySelector('#terminalList').value;
+              return true;
+            }
+            if (isAdyen) {
+              var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');
+              var paymentMethodLabel = document.querySelector("#lb_".concat(selectedMethod)).innerHTML;
+              adyenPaymentMethod.value = paymentMethodLabel;
+              validateComponents();
+              return showValidation();
+            }
+          });
+          if (!window.sessionsResponse) {
+            _context2.next = 16;
+            break;
+          }
+          sessionsResponse = window.sessionsResponse;
+          checkoutConfiguration = window.Configuration;
+          checkoutConfiguration.onChange = function (state /* , component */) {
+            isValid = state.isValid;
+            if (!componentsObj[selectedMethod]) {
+              componentsObj[selectedMethod] = {};
+            }
+            componentsObj[selectedMethod].isValid = isValid;
+            componentsObj[selectedMethod].stateData = state.data;
+          };
+          checkoutConfiguration.showPayButton = false;
+          checkoutConfiguration.paymentMethodsConfiguration = {
+            card: getCardConfig(),
+            bcmc: getCardConfig(),
+            storedCard: getCardConfig(),
+            boletobancario: {
+              personalDetailsRequired: true,
+              // turn personalDetails section on/off
+              billingAddressRequired: false,
+              // turn billingAddress section on/off
+              showEmailAddress: false // allow shopper to specify their email address
+            },
+
+            paywithgoogle: getGooglePayConfig(),
+            googlepay: getGooglePayConfig(),
+            paypal: {
+              environment: window.Configuration.environment,
+              showPayButton: true,
+              onClick: function onClick(data, actions) {
+                if (paypalTerminatedEarly) {
+                  paymentFromComponent({
+                    cancelTransaction: true,
+                    merchantReference: document.querySelector('#merchantReference').value
+                  });
+                  paypalTerminatedEarly = false;
+                  return actions.resolve();
+                }
+                paypalTerminatedEarly = true;
+                $('#dwfrm_billing').trigger('submit');
+                if (formErrorsExist) {
+                  paypalTerminatedEarly = false;
+                  return actions.reject();
+                }
+              },
+              onSubmit: function onSubmit(state, component) {
+                assignPaymentMethodValue();
+                paymentFromComponent(state.data, component);
+                document.querySelector('#adyenStateData').value = JSON.stringify(state.data);
+              },
+              onCancel: function onCancel(data, component) {
+                paypalTerminatedEarly = false;
+                paymentFromComponent({
+                  cancelTransaction: true,
+                  merchantReference: document.querySelector('#merchantReference').value
+                }, component);
+              },
+              onError: function onError( /* error, component */
+              ) {
+                paypalTerminatedEarly = false;
+                $('#dwfrm_billing').trigger('submit');
+              },
+              onAdditionalDetails: function onAdditionalDetails(state /* , component */) {
+                paypalTerminatedEarly = false;
+                document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(state.data);
+                $('#dwfrm_billing').trigger('submit');
+              }
+            },
+            mbway: {
+              showPayButton: true,
+              onSubmit: function onSubmit(state, component) {
+                $('#dwfrm_billing').trigger('submit');
+                assignPaymentMethodValue();
+                if (formErrorsExist) {
+                  return false;
+                }
+                document.getElementById('component_mbway').querySelector('button').disabled = true;
+                paymentFromComponent(state.data, component);
+                document.querySelector('#adyenStateData').value = JSON.stringify(state.data);
+              },
+              onError: function onError( /* error, component */
+              ) {
+                $('#dwfrm_billing').trigger('submit');
+              },
+              onAdditionalDetails: function onAdditionalDetails(state /* , component */) {
+                document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(state.data);
+                $('#dwfrm_billing').trigger('submit');
+              }
+            },
+            swish: getQRCodeConfig(),
+            bcmc_mobile: getQRCodeConfig(),
+            wechatpayQR: getQRCodeConfig(),
+            pix: getQRCodeConfig(),
+            amazonpay: getAmazonpayConfig()
+          };
+          if (window.googleMerchantID !== 'null' && window.Configuration.environment === 'live') {
+            checkoutConfiguration.paymentMethodsConfiguration.paywithgoogle.configuration.merchantIdentifier = window.googleMerchantID;
+            checkoutConfiguration.paymentMethodsConfiguration.googlepay.configuration.merchantIdentifier = window.googleMerchantID;
+          }
+          if (window.cardholderNameBool !== 'null') {
+            checkoutConfiguration.paymentMethodsConfiguration.card.hasHolderName = true;
+            checkoutConfiguration.paymentMethodsConfiguration.card.holderNameRequired = true;
+          }
+          checkoutConfiguration.session = {
+            id: window.sessionsResponse.id,
+            sessionData: window.sessionsResponse.sessionData
+          };
+          _context2.next = 12;
+          return AdyenCheckout(checkoutConfiguration);
+        case 12:
+          checkout = _context2.sent;
+          paymentMethodsResponse = checkout.paymentMethodsResponse;
+          document.querySelector('#paymentMethodsList').innerHTML = '';
+          renderGenericComponent();
+        case 16:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _initializeBillingEvents.apply(this, arguments);
+}
+function zeroAuth(data, checkout) {
+  $.ajax({
+    url: window.zeroAuthURL,
+    type: 'POST',
+    contentType: 'application/; charset=utf-8',
+    data: JSON.stringify(data),
+    async: false,
+    success: function success(data) {
+      if (data.zeroAuthResult.action) {
+        document.querySelector('#buttonsContainer').style.display = 'none';
+        checkout.createFromAction(data.zeroAuthResult.action).mount('#newCard');
+      }
+      if (data.zeroAuthResult.resultCode === 'Authorised') {
+        window.location.href = window.paymentInstrumentsList;
+      } else if (data.zeroAuthResult.resultCode === 'Refused') {
+        window.location.href = window.paymentInstrumentsListError;
+      }
+    }
+  });
+}
+function paymentsDetails(state) {
+  $.ajax({
+    type: 'post',
+    url: window.paymentsDetails,
+    data: JSON.stringify({
+      data: state.data
+    }),
+    contentType: 'application/; charset=utf-8',
+    async: false,
+    success: function success(data) {
+      if (data.response.isSuccessful) {
+        window.location.href = window.paymentInstrumentsList;
+      } else if (!data.response.isFinal && _typeof(data.response.action) === 'object') {
+        checkout.createFromAction(data.action).mount('#action-container');
+      } else {
+        window.location.href = window.paymentInstrumentsListError;
+      }
+    }
+  });
+}
+
+/**
+ * @function
+ * @description Initializes Adyen Checkout My Account events
+ */
+function initializeAccountEvents() {
+  return _initializeAccountEvents.apply(this, arguments);
+}
+function _initializeAccountEvents() {
+  _initializeAccountEvents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var newCard, adyenStateData, isValid, node;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          checkoutConfiguration = window.Configuration;
+          checkoutConfiguration.onAdditionalDetails = function (state) {
+            paymentsDetails(state);
+          };
+          checkoutConfiguration.session = window.sessionData;
+          _context3.next = 5;
+          return AdyenCheckout(checkoutConfiguration);
+        case 5:
+          checkout = _context3.sent;
+          newCard = document.getElementById('newCard');
+          isValid = false;
+          node = checkout.create('card', {
+            hasHolderName: true,
+            holderNameRequired: true,
+            onChange: function onChange(state) {
+              adyenStateData = state.data;
+              isValid = state.isValid;
+            }
+          }).mount(newCard);
+          $('#applyBtn').on('click', function (e) {
+            e.preventDefault();
+            if (!isValid) {
+              node.showValidation();
+              return false;
+            }
+            document.querySelector('#adyenStateData').value = JSON.stringify(adyenStateData);
+            zeroAuth(adyenStateData, checkout);
+          });
+        case 10:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _initializeAccountEvents.apply(this, arguments);
+}
+function assignPaymentMethodValue() {
+  var adyenPaymentMethod = document.querySelector('#adyenPaymentMethodName');
+  adyenPaymentMethod.value = document.querySelector("#lb_".concat(selectedMethod)).innerHTML;
+}
+
+/**
+ * To avoid re-rendering components twice, unmounts existing components from payment methods list
+ */
+function unmountComponents() {
+  var promises = Object.entries(componentsObj).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      val = _ref2[1];
+    delete componentsObj[key];
+    return resolveUnmount(key, val);
+  });
+  return Promise.all(promises);
+}
+function resolveUnmount(key, val) {
+  try {
+    return Promise.resolve(val.node.unmount("component_".concat(key)));
+  } catch (e) {
+    // try/catch block for val.unmount
+    return Promise.resolve(false);
+  }
+}
+function displaySelectedMethod(type) {
+  selectedMethod = type;
+  resetPaymentMethod();
+  if (['paypal', 'paywithgoogle', 'googlepay', 'mbway', 'amazonpay'].concat(qrCodeMethods).indexOf(type) > -1) {
+    document.querySelector('#billing-submit').disabled = true;
+  } else {
+    document.querySelector('#billing-submit').disabled = false;
+  }
+  document.querySelector("#component_".concat(type)).setAttribute('style', 'display:block');
+}
+function resetPaymentMethod() {
+  $('.additionalFields').hide();
+}
+function showValidation() {
+  if (componentsObj[selectedMethod] && !componentsObj[selectedMethod].isValid) {
+    componentsObj[selectedMethod].node.showValidation();
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Assigns stateData value to the hidden stateData input field
+ * so it's sent to the backend for processing
+ */
+function validateComponents() {
+  var stateData;
+  if (componentsObj[selectedMethod] && componentsObj[selectedMethod].stateData) {
+    stateData = componentsObj[selectedMethod].stateData;
+  } else {
+    var type = document.querySelector("#component_".concat(selectedMethod, " .type")) ? document.querySelector("#component_".concat(selectedMethod, " .type")).value : selectedMethod;
+    stateData = {
+      paymentMethod: {
+        type: type
+      }
+    };
+    var brandElm = document.querySelector("#component_".concat(selectedMethod, " .brand"));
+    if (brandElm && brandElm.value) {
+      stateData.paymentMethod.brand = brandElm.value;
+    }
+  }
+  document.querySelector('#adyenStateData').value = JSON.stringify(stateData);
+}
+
+/**
+ * Contains fallback components for payment methods that don't have an Adyen web component yet
+ */
+function getFallback(paymentMethod) {
+  var fallback = {
+    giftcard: "\n      <input type=\"hidden\" class=\"brand\" name=\"brand\" value=\"".concat(paymentMethod.brand, "\"/>\n      <input type=\"hidden\" class=\"type\" name=\"type\" value=\"").concat(paymentMethod.type, "\"/>")
+  };
+  return fallback[paymentMethod.type];
+}
+
+/**
+ * Renders all payment methods (including card component) retrieved from Adyen session
+ */
+function renderGenericComponent() {
+  return _renderGenericComponent.apply(this, arguments);
+}
+function _renderGenericComponent() {
+  _renderGenericComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var amazonpay, i, paymentMethod, firstPaymentMethod;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!Object.keys(componentsObj).length) {
+            _context4.next = 3;
+            break;
+          }
+          _context4.next = 3;
+          return unmountComponents();
+        case 3:
+          checkoutConfiguration.paymentMethodsResponse = paymentMethodsResponse.paymentMethods;
+          if (sessionsResponse.amount) {
+            checkoutConfiguration.amount = sessionsResponse.amount;
+            checkoutConfiguration.paymentMethodsConfiguration.paypal.amount = sessionsResponse.amount;
+            checkoutConfiguration.paymentMethodsConfiguration.amazonpay.amount = sessionsResponse.amount;
+            setInstallments(sessionsResponse.amount);
+          }
+          if (sessionsResponse.countryCode) {
+            checkoutConfiguration.countryCode = sessionsResponse.countryCode;
+          }
+          amazonpay = paymentMethodsResponse.paymentMethods.find(function (paymentMethod) {
+            return paymentMethod.type === 'amazonpay';
+          });
+          if (amazonpay) {
+            checkoutConfiguration.paymentMethodsConfiguration.amazonpay.configuration = amazonpay.configuration;
+          }
+          if (paymentMethodsResponse.storedPaymentMethods) {
+            for (i = 0; i < checkout.paymentMethodsResponse.storedPaymentMethods.length; i++) {
+              paymentMethod = checkout.paymentMethodsResponse.storedPaymentMethods[i];
+              if (paymentMethod.supportedShopperInteractions.includes('Ecommerce')) {
+                renderPaymentMethod(paymentMethod, true, sessionsResponse.imagePath);
+              }
+            }
+          }
+          paymentMethodsResponse.paymentMethods.forEach(function (pm) {
+            renderPaymentMethod(pm, false, sessionsResponse.imagePath);
+          });
+          firstPaymentMethod = document.querySelector('input[type=radio][name=brandCode]');
+          firstPaymentMethod.checked = true;
+          displaySelectedMethod(firstPaymentMethod.value);
+        case 13:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _renderGenericComponent.apply(this, arguments);
+}
+function getPaymentMethodID(isStored, paymentMethod) {
+  if (isStored) {
+    return "storedCard".concat(paymentMethod.id);
+  }
+  if (paymentMethod.brand) {
+    // gift cards all share the same type. Brand is used to differentiate between them
+    return "".concat(paymentMethod.type, "_").concat(paymentMethod.brand);
+  }
+  return paymentMethod.type;
+}
+function renderPaymentMethod(paymentMethod, storedPaymentMethodBool, path) {
+  var paymentMethodsUI = document.querySelector('#paymentMethodsList');
+  var li = document.createElement('li');
+  var paymentMethodID = getPaymentMethodID(storedPaymentMethodBool, paymentMethod);
+  var isSchemeNotStored = paymentMethod.type === 'scheme' && !storedPaymentMethodBool;
+  var paymentMethodImage = storedPaymentMethodBool ? "".concat(path).concat(paymentMethod.brand, ".png") : "".concat(path).concat(paymentMethod.type, ".png");
+  var cardImage = "".concat(path, "card.png");
+  var imagePath = isSchemeNotStored ? cardImage : paymentMethodImage;
+  var label = storedPaymentMethodBool ? "".concat(paymentMethod.name, " ").concat(MASKED_CC_PREFIX).concat(paymentMethod.lastFour) : "".concat(paymentMethod.name);
+  var liContents = "\n                              <input name=\"brandCode\" type=\"radio\" value=\"".concat(paymentMethodID, "\" id=\"rb_").concat(paymentMethodID, "\">\n                              <img class=\"paymentMethod_img\" src=\"").concat(imagePath, "\" ></img>\n                              <label id=\"lb_").concat(paymentMethodID, "\" for=\"rb_").concat(paymentMethodID, "\" style=\"float: none; width: 100%; display: inline; text-align: inherit\">").concat(label, "</label>\n                             ");
+  var container = document.createElement('div');
+  li.innerHTML = liContents;
+  li.classList.add('paymentMethod');
+  var node = renderCheckoutComponent(storedPaymentMethodBool, checkout, paymentMethod, container, paymentMethodID);
+  container.classList.add('additionalFields');
+  container.setAttribute('id', "component_".concat(paymentMethodID));
+  container.setAttribute('style', 'display:none');
+  li.append(container);
+  paymentMethodsUI.append(li);
+  if (paymentMethod.type !== 'paywithgoogle') {
+    node && node.mount(container);
+  } else {
+    node.isAvailable().then(function () {
+      node.mount(container);
+    })["catch"](function () {}); // eslint-disable-line no-empty
+  }
+
+  var input = document.querySelector("#rb_".concat(paymentMethodID));
+  input.onchange = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (document.querySelector('.adyen-checkout__qr-loader') && qrCodeMethods.indexOf(selectedMethod) > -1 || paypalTerminatedEarly) {
+              paypalTerminatedEarly = false;
+              paymentFromComponent({
+                cancelTransaction: true,
+                merchantReference: document.querySelector('#merchantReference').value
+              });
+            }
+            displaySelectedMethod(event.target.value);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  if (paymentMethodID === 'giropay') {
+    container.innerHTML = '';
+  }
+  if (storedPaymentMethodBool && ['bcmc', 'scheme'].indexOf(paymentMethodID) > -1) {
+    componentsObj[paymentMethodID].isValid = true;
+  }
+}
+function renderCheckoutComponent(storedPaymentMethodBool, checkout, paymentMethod, container, paymentMethodID) {
+  if (storedPaymentMethodBool) {
+    return createCheckoutComponent(checkout, paymentMethod, container, paymentMethodID);
+  }
+  var fallback = getFallback(paymentMethod);
+  if (fallback) {
+    var template = document.createElement('template');
+    template.innerHTML = fallback;
+    container.append(template.content);
+    return;
+  }
+  return createCheckoutComponent(checkout, paymentMethod, container, paymentMethodID);
+}
+function getPersonalDetails() {
+  var shippingAddress = sessionsResponse.shippingAddress;
+  return {
+    firstName: shippingAddress.firstName,
+    lastName: shippingAddress.lastName,
+    telephoneNumber: shippingAddress.phone
+  };
+}
+function createCheckoutComponent(checkout, paymentMethod, container, paymentMethodID) {
+  try {
+    var nodeData = Object.assign(paymentMethod, {
+      data: Object.assign(getPersonalDetails(), {
+        personalDetails: getPersonalDetails()
+      }),
+      visibility: {
+        personalDetails: 'editable',
+        billingAddress: 'hidden',
+        deliveryAddress: 'hidden'
+      }
+    });
+    var node = checkout.create(paymentMethod.type, nodeData);
+    if (!componentsObj[paymentMethodID]) {
+      componentsObj[paymentMethodID] = {};
+    }
+    componentsObj[paymentMethodID].node = node;
+    componentsObj[paymentMethodID].isValid = node.isValid;
+    return node;
+  } catch (e) {} // eslint-disable-line no-empty
+  return false;
+}
+
+/**
+ * Makes an ajax call to the controller function PaymentFromComponent.
+ * Used by certain payment methods like paypal
+ */
+function paymentFromComponent(data, component) {
+  $.ajax({
+    url: window.paymentFromComponentURL,
+    type: 'post',
+    data: JSON.stringify(data),
+    contentType: 'application/; charset=utf-8',
+    success: function success(data) {
+      if (data.result && data.result.orderNo && data.result.orderToken) {
+        document.querySelector('#orderToken').value = data.result.orderToken;
+        document.querySelector('#merchantReference').value = data.result.orderNo;
+      }
+      if (data.result && data.result.fullResponse && data.result.fullResponse.action) {
+        component.handleAction(data.result.fullResponse.action);
+      } else {
+        document.querySelector('#paymentFromComponentStateData').value = JSON.stringify('null');
+        $('#dwfrm_billing').trigger('submit');
+      }
+    }
+  }).fail(function /* xhr, textStatus */ () {});
+}
+$('#dwfrm_billing').submit(function (e) {
+  if (['paypal', 'mbway', 'amazonpay'].concat(qrCodeMethods).indexOf(selectedMethod) > -1 && !document.querySelector('#paymentFromComponentStateData').value) {
+    e.preventDefault();
+    var form = $(this);
+    var url = form.attr('action');
+    $.ajax({
+      type: 'POST',
+      url: url,
+      data: form.serialize(),
+      async: false,
+      success: function success(data) {
+        formErrorsExist = data.fieldErrors;
+      }
+    });
+  }
+});
+function getQRCodeConfig() {
+  return {
+    showPayButton: true,
+    onSubmit: function onSubmit(state, component) {
+      $('#dwfrm_billing').trigger('submit');
+      if (formErrorsExist) {
+        return;
+      }
+      assignPaymentMethodValue();
+      document.querySelector('#adyenStateData').value = JSON.stringify(state.data);
+      paymentFromComponent(state.data, component);
+    },
+    onAdditionalDetails: function onAdditionalDetails(state /* , component */) {
+      document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(state.data);
+      $('#dwfrm_billing').trigger('submit');
+    }
+  };
+}
+function getCardConfig() {
+  return {
+    enableStoreDetails: showStoreDetails,
+    showBrandsUnderCardNumber: false,
+    onBrand: function onBrand(brandObject) {
+      $('#cardType').val(brandObject.brand);
+    },
+    onFieldValid: function onFieldValid(data) {
+      if (data.endDigits) {
+        maskedCardNumber = MASKED_CC_PREFIX + data.endDigits;
+        $('#cardNumber').val(maskedCardNumber);
+      }
+    },
+    onChange: function onChange(state) {
+      isValid = state.isValid;
+      var methodToUpdate = state.data.paymentMethod.storedPaymentMethodId ? "storedCard".concat(state.data.paymentMethod.storedPaymentMethodId) : selectedMethod;
+      $('#browserInfo').val(JSON.stringify(state.data.browserInfo));
+      componentsObj[methodToUpdate].isValid = isValid;
+      componentsObj[methodToUpdate].stateData = state.data;
+    }
+  };
+}
+function getGooglePayConfig() {
+  return {
+    environment: window.Configuration.environment,
+    onSubmit: function onSubmit() {
+      assignPaymentMethodValue();
+      document.querySelector('#billing-submit').disabled = false;
+      document.querySelector('#billing-submit').click();
+    },
+    configuration: {
+      gatewayMerchantId: window.merchantAccount
+    },
+    showPayButton: true,
+    buttonColor: 'white'
+  };
+}
+function getAmazonpayConfig() {
+  return {
+    showPayButton: true,
+    productType: 'PayAndShip',
+    checkoutMode: 'ProcessOrder',
+    locale: window.Configuration.locale,
+    returnUrl: window.returnURL,
+    addressDetails: {
+      name: sessionsResponse.shippingAddress.firstName + ' ' + sessionsResponse.shippingAddress.lastName,
+      addressLine1: sessionsResponse.shippingAddress.address1,
+      city: sessionsResponse.shippingAddress.city,
+      stateOrRegion: sessionsResponse.shippingAddress.city,
+      postalCode: sessionsResponse.shippingAddress.postalCode,
+      countryCode: sessionsResponse.shippingAddress.country,
+      phoneNumber: sessionsResponse.shippingAddress.phone
+    },
+    onClick: function onClick(resolve, reject) {
+      $('#dwfrm_billing').trigger('submit');
+      if (formErrorsExist) {
+        reject();
+      } else {
+        assignPaymentMethodValue();
+        resolve();
+      }
+    },
+    onError: function onError() {}
+  };
+}
+function getInstallmentValues(maxValue) {
+  var values = [];
+  for (var i = 1; i <= maxValue; i += 1) {
+    values.push(i);
+  }
+  return values;
+}
+function setInstallments(amount) {
+  try {
+    if (installmentLocales.indexOf(window.Configuration.locale) < 0) {
+      return;
+    }
+    var _ref4 = window.installments ? window.installments.replace(/\[|]/g, '').split(',') : [null, null],
+      _ref5 = _slicedToArray(_ref4, 2),
+      minAmount = _ref5[0],
+      numOfInstallments = _ref5[1];
+    if (minAmount <= amount.value) {
+      checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions = {
+        card: {}
+      }; // eslint-disable-next-line max-len
+      checkoutConfiguration.paymentMethodsConfiguration.card.installmentOptions.card.values = getInstallmentValues(numOfInstallments);
+      checkoutConfiguration.paymentMethodsConfiguration.card.showInstallmentAmounts = true;
+    }
+  } catch (e) {} // eslint-disable-line no-empty
+}
+
+/**
+ * @function
+ * @description Initializes Adyen CSE billing events
+ */
+
+exports.initBilling = function () {
+  initializeBillingEvents();
+};
+exports.initAccount = function () {
+  initializeAccountEvents();
+};
+exports.renderGenericComponent = function () {
+  renderGenericComponent();
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-giving.js b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-giving.js
new file mode 100644
index 000000000..e51ca9f83
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/adyen-giving.js
@@ -0,0 +1,53 @@
+"use strict";
+
+var donation;
+function handleOnDonate(state, component) {
+  if (!state.isValid) {
+    return;
+  }
+  var selectedAmount = state.data.amount;
+  var donationData = {
+    amountValue: selectedAmount.value,
+    amountCurrency: selectedAmount.currency,
+    orderNo: window.orderNo,
+    pspReference: window.pspReference
+  };
+  $.ajax({
+    url: window.donateURL,
+    type: 'post',
+    data: JSON.stringify(donationData),
+    contentType: 'application/; charset=utf-8',
+    success: function success() {
+      component.setStatus('success');
+    }
+  });
+}
+function handleOnCancel() {
+  var adyenGiving = document.getElementById('adyenGiving');
+  adyenGiving.style.transition = 'all 3s ease-in-out';
+  adyenGiving.style.display = 'none';
+  donation.unmount();
+}
+if (document.querySelector('.adyen-payment-details') && window.adyenGivingAvailable) {
+  var adyenGivingNode = document.getElementById('donate-container');
+  var amounts;
+  try {
+    amounts = JSON.parse(window.donationAmounts);
+  } catch (e) {
+    amounts = [];
+  }
+  var donationConfig = {
+    amounts: amounts,
+    backgroundUrl: window.adyenGivingBackgroundUrl,
+    description: window.charityDescription,
+    logoUrl: window.adyenGivingLogoUrl,
+    name: window.charityName,
+    url: window.charityWebsite,
+    showCancelButton: true,
+    onDonate: handleOnDonate,
+    onCancel: handleOnCancel
+  };
+  AdyenCheckout(window.Configuration).then(function (checkout) {
+    checkout.create('donation', donationConfig).mount(adyenGivingNode);
+  });
+}
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/amazon.js b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/amazon.js
new file mode 100644
index 000000000..161e4b99a
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/amazon.js
@@ -0,0 +1,113 @@
+"use strict";
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+if (window.amazonCheckoutSessionId) {
+  var handleAuthorised = function handleAuthorised(response) {
+    document.querySelector('#result').value = JSON.stringify({
+      pspReference: response.fullResponse.pspReference,
+      resultCode: response.fullResponse.resultCode,
+      paymentMethod: response.fullResponse.paymentMethod ? response.fullResponse.paymentMethod : response.fullResponse.additionalData.paymentMethod
+    });
+    document.querySelector('#paymentFromComponentStateData').value = JSON.stringify(response);
+    document.querySelector('#showConfirmationForm').submit();
+  };
+  var handleError = function handleError() {
+    document.querySelector('#result').value = JSON.stringify({
+      error: true
+    });
+    document.querySelector('#paymentFromComponentStateData').value = JSON.stringify({
+      error: true
+    });
+    document.querySelector('#showConfirmationForm').submit();
+  };
+  var handleAmazonResponse = function handleAmazonResponse(response, component) {
+    if (response.fullResponse && response.fullResponse.action) {
+      component.handleAction(response.fullResponse.action);
+    } else if (response.resultCode === window.resultCodeAuthorised) {
+      handleAuthorised(response);
+    } else {
+      // first try the amazon decline flow
+      component.handleDeclineFlow();
+      // if this does not trigger a redirect, try the regular handleError flow
+      handleError();
+    }
+  };
+  var paymentFromComponent = function paymentFromComponent(data, component) {
+    $.ajax({
+      url: window.paymentFromComponentURL,
+      type: 'post',
+      contentType: 'application/; charset=utf-8',
+      data: JSON.stringify(data),
+      success: function success(response) {
+        if (response.result && response.result.orderNo && response.result.orderToken) {
+          document.querySelector('#orderToken').value = response.result.orderToken;
+          document.querySelector('#merchantReference').value = response.result.orderNo;
+        }
+        handleAmazonResponse(response.result, component);
+      }
+    });
+  };
+  var mountAmazonPayComponent = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var checkout, amazonPayComponent;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return AdyenCheckout(window.Configuration);
+          case 2:
+            checkout = _context.sent;
+            amazonPayComponent = checkout.create('amazonpay', amazonConfig).mount(amazonPayNode);
+            amazonPayComponent.submit();
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function mountAmazonPayComponent() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  window.sessionsResponse = null;
+  var amazonPayNode = document.getElementById('amazonContainerSG');
+  var amazonConfig = {
+    showOrderButton: false,
+    returnUrl: window.returnURL,
+    configuration: {
+      merchantId: window.amazonMerchantID,
+      storeId: window.amazonStoreID,
+      publicKeyId: window.amazonPublicKeyID
+    },
+    amazonCheckoutSessionId: window.amazonCheckoutSessionId,
+    onSubmit: function onSubmit(state, component) {
+      document.querySelector('#adyenStateData').value = JSON.stringify(state.data);
+      paymentFromComponent(state.data, component);
+    },
+    onAdditionalDetails: function onAdditionalDetails(state) {
+      state.data.paymentMethod = 'amazonpay';
+      $.ajax({
+        type: 'post',
+        url: window.paymentsDetailsURL,
+        data: JSON.stringify({
+          data: state.data,
+          orderToken: document.querySelector('#orderToken').value
+        }),
+        contentType: 'application/; charset=utf-8',
+        success: function success(data) {
+          if (data.response.isSuccessful) {
+            handleAuthorised(data.response);
+          } else if (!data.response.isFinal && _typeof(data.response.action) === 'object') {
+            checkout.createFromAction(data.action).mount('#amazonContainerSG');
+          } else {
+            handleError();
+          }
+        }
+      });
+    }
+  };
+  mountAmazonPayComponent();
+}
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/billing.js b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/billing.js
new file mode 100644
index 000000000..ff29a4fb1
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/billing.js
@@ -0,0 +1,248 @@
+"use strict";
+
+var ajax = require('../../ajax');
+var formPrepare = require('./formPrepare');
+var giftcard = require('../../giftcard');
+var util = require('../../util');
+var adyenCheckout = require('../../adyen-checkout');
+
+/**
+ * @function
+ * @description Fills the Credit Card form with the passed data-parameter
+ * and clears the former cvn input
+ * @param {Object} data The Credit Card data (holder, type, masked number, expiration month/year)
+ */
+function setCCFields(data) {
+  var $creditCard = $('[data-method="CREDIT_CARD"]');
+  $creditCard.find('input[name$="creditCard_owner"]').val(data.holder).trigger('change');
+  $creditCard.find('select[name$="_type"]').val(data.type).trigger('change');
+  $creditCard.find('input[name*="_creditCard_number"]').val(data.maskedNumber).trigger('change');
+  $creditCard.find('[name$="_month"]').val(data.expirationMonth).trigger('change');
+  $creditCard.find('[name$="_year"]').val(data.expirationYear).trigger('change');
+  $creditCard.find('input[name$="_cvn"]').val('').trigger('change');
+  $creditCard.find('[name$="creditCard_selectedCardID"]').val(data.selectedCardID).trigger('change');
+}
+
+/**
+ * @function
+ * @description Updates the credit card form with the attributes of a given card
+ * @param {String} cardID the credit card ID of a given card
+ */
+function populateCreditCardForm(cardID) {
+  // load card details
+  var url = util.appendParamToURL(Urls.billingSelectCC, 'creditCardUUID', cardID);
+  ajax.getJson({
+    url: url,
+    callback: function callback(data) {
+      if (!data) {
+        window.alert(Resources.CC_LOAD_ERROR);
+        return false;
+      }
+      setCCFields(data);
+    }
+  });
+}
+$('input[name="brandCode"]').on('change', function () {
+  $('#dwfrm_adyPaydata_issuer').val('');
+  $('.checkoutComponent').hide();
+  $("#component_".concat($(this).val())).show();
+});
+
+/**
+ * @function
+ * @description Changes the payment method form depending on the passed paymentMethodID
+ * @param {String} paymentMethodID the ID of the payment method, to which the payment
+ * method form should be changed to
+ */
+function updatePaymentMethod(paymentMethodID) {
+  var $paymentMethods = $('.payment-method');
+  $paymentMethods.removeClass('payment-method-expanded');
+  var $selectedPaymentMethod = $paymentMethods.filter("[data-method=\"".concat(paymentMethodID, "\"]"));
+  if ($selectedPaymentMethod.length === 0) {
+    $selectedPaymentMethod = $('[data-method="Custom"]');
+  }
+  $selectedPaymentMethod.addClass('payment-method-expanded');
+
+  // ensure checkbox of payment method is checked
+  $('input[name$="_selectedPaymentMethodID"]').removeAttr('checked');
+  $("input[value=".concat(paymentMethodID, "]")).prop('checked', 'checked');
+  formPrepare.validateForm();
+}
+
+/**
+ * @function
+ * @description Changes the payment type or issuerId of the selected payment method
+ * @param {String, Boolean} value of payment type or issuerId and a test value to see
+ * which one it is, to which the payment type or issuerId should be changed to
+ */
+function updatePaymentType(selectedPayType, issuerType) {
+  if (issuerType) {
+    $('#dwfrm_adyPaydata_issuer').val(selectedPayType);
+  } else {
+    $('input[name="brandCode"]').removeAttr('checked');
+    $("input[value=".concat(selectedPayType, "]")).prop('checked', 'checked');
+  }
+
+  // if the payment type has hidden fields reveal it
+  $("#component_".concat(selectedPayType)).show();
+  formPrepare.validateForm();
+}
+
+/**
+ * @function
+ * @description loads billing address, Gift Certificates, Coupon and Payment methods
+ */
+exports.init = function () {
+  var $checkoutForm = $('.checkout-billing');
+  var $addGiftCert = $('#add-giftcert');
+  var $giftCertCode = $('input[name$="_giftCertCode"]');
+  var $addCoupon = $('#add-coupon');
+  var $couponCode = $('input[name$="_couponCode"]');
+  var $selectPaymentMethod = $('.payment-method-options');
+  var selectedPaymentMethod = $selectPaymentMethod.find(':checked').val();
+  var $payType = $('[name="brandCode"]');
+  var $issuer = $('.issuer');
+  var selectedPayType = $payType.find(':checked').val();
+  formPrepare.init({
+    formSelector: 'form[id$="billing"]',
+    continueSelector: '[name$="billing_save"]'
+  });
+
+  // default payment method to 'CREDIT_CARD'
+  updatePaymentMethod(selectedPaymentMethod || 'CREDIT_CARD');
+  $selectPaymentMethod.on('click', 'input[type="radio"]', function () {
+    updatePaymentMethod($(this).val());
+    if ($(this).val() === 'Adyen' && $payType.length > 0) {
+      // set payment type of Adyen to the first one
+      updatePaymentType(selectedPayType || $payType[0].value, false);
+    } else {
+      $payType.removeAttr('checked');
+    }
+  });
+  $issuer.on('change', function () {
+    updatePaymentType($(this).val(), true);
+  });
+  $payType.on('change', function () {
+    $('#selectedIssuer').val('');
+    $issuer.hide();
+    $('.checkoutComponent').hide();
+    $("#component_".concat($(this).val())).show();
+    if ($(this).siblings('.issuer').length > 0) {
+      $('#selectedIssuer').val($(this).siblings('.issuer').val());
+      $(this).siblings('.issuer').show();
+    }
+  });
+
+  // select credit card from list
+  $('#creditCardList').on('change', function () {
+    var cardUUID = $(this).val();
+    if (!cardUUID) {
+      return;
+    }
+    populateCreditCardForm(cardUUID);
+
+    // remove server side error
+    $('.required.error').removeClass('error');
+    $('.error-message').remove();
+  });
+  $('#check-giftcert').on('click', function (e) {
+    e.preventDefault();
+    var $balance = $('.balance');
+    if ($giftCertCode.length === 0 || $giftCertCode.val().length === 0) {
+      var error = $balance.find('span.error');
+      if (error.length === 0) {
+        error = $('<span>').addClass('error').appendTo($balance);
+      }
+      error.html(Resources.GIFT_CERT_MISSING);
+      return;
+    }
+    giftcard.checkBalance($giftCertCode.val(), function (data) {
+      if (!data || !data.giftCertificate) {
+        $balance.html(Resources.GIFT_CERT_INVALID).removeClass('success').addClass('error');
+        return;
+      }
+      $balance.html("".concat(Resources.GIFT_CERT_BALANCE, " ").concat(data.giftCertificate.balance)).removeClass('error').addClass('success');
+    });
+  });
+  $addGiftCert.on('click', function (e) {
+    e.preventDefault();
+    var code = $giftCertCode.val();
+    var $error = $checkoutForm.find('.giftcert-error');
+    if (code.length === 0) {
+      $error.html(Resources.GIFT_CERT_MISSING);
+      return;
+    }
+    var url = util.appendParamsToUrl(Urls.redeemGiftCert, {
+      giftCertCode: code,
+      format: 'ajax'
+    });
+    $.getJSON(url, function (data) {
+      var fail = false;
+      var msg = '';
+      if (!data) {
+        msg = Resources.BAD_RESPONSE;
+        fail = true;
+      } else if (!data.success) {
+        msg = data.message.split('<').join('&lt;').split('>').join('&gt;');
+        fail = true;
+      }
+      if (fail) {
+        $error.html(msg);
+      } else {
+        window.location.assign(Urls.billing);
+      }
+    });
+  });
+  $addCoupon.on('click', function (e) {
+    e.preventDefault();
+    var $error = $checkoutForm.find('.coupon-error');
+    var code = $couponCode.val();
+    if (code.length === 0) {
+      $error.html(Resources.COUPON_CODE_MISSING);
+      return;
+    }
+    var url = util.appendParamsToUrl(Urls.addCoupon, {
+      couponCode: code,
+      format: 'ajax'
+    });
+    $.getJSON(url, function (data) {
+      var fail = false;
+      var msg = '';
+      if (!data) {
+        msg = Resources.BAD_RESPONSE;
+        fail = true;
+      } else if (!data.success) {
+        msg = data.message.split('<').join('&lt;').split('>').join('&gt;');
+        fail = true;
+      }
+      if (fail) {
+        $error.html(msg);
+        return;
+      }
+
+      // basket check for displaying the payment section, if the adjusted total of
+      // the basket is 0 after applying the coupon this will force a page refresh to
+      // display the coupon message based on a parameter message
+      if (data.success && data.baskettotal === 0) {
+        window.location.assign(Urls.billing);
+      }
+    });
+  });
+
+  // trigger events on enter
+  $couponCode.on('keydown', function (e) {
+    if (e.which === 13) {
+      e.preventDefault();
+      $addCoupon.click();
+    }
+  });
+  $giftCertCode.on('keydown', function (e) {
+    if (e.which === 13) {
+      e.preventDefault();
+      $addGiftCert.click();
+    }
+  });
+  if (SitePreferences.ADYEN_SF_ENABLED && !window.amazonCheckoutSessionId) {
+    adyenCheckout.initBilling();
+  }
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/summary.js b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/summary.js
new file mode 100644
index 000000000..23ad2c664
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/pages/checkout/summary.js
@@ -0,0 +1,79 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+// This script is executed only on the checkout summary page
+if ((window.location.pathname.includes('COBilling-Billing') || window.location.pathname.includes('Adyen-ShowConfirmation')) && window.isAdyenPayment) {
+  var handleAction = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(action) {
+      var checkout, actionContainer;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            window.Configuration.onAdditionalDetails = onAdditionalDetails;
+            _context.next = 3;
+            return AdyenCheckout(window.Configuration);
+          case 3:
+            checkout = _context.sent;
+            actionContainer = document.getElementById('action-container');
+            checkout.createFromAction(action).mount(actionContainer);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleAction(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(); // onAdditionalDetails event handler to be included in Adyen Component configuration
+  // serializes form data and submits to place order. Then proceeds to handle the result
+  var placeOrder = function placeOrder(formId) {
+    var form = $('#' + formId);
+    $.ajax({
+      method: 'POST',
+      url: window.summarySubmitUrl,
+      data: $(form).serialize(),
+      success: function success(data) {
+        if (data.action) {
+          window.orderToken = data.orderToken;
+          document.getElementById('action-modal-SG').style.display = "block";
+          handleAction(data.action);
+        } else {
+          window.location.href = data.continueUrl;
+        }
+      },
+      error: function error(err) {}
+    });
+  };
+  var onAdditionalDetails = function onAdditionalDetails(state) {
+    $.ajax({
+      type: 'POST',
+      url: 'Adyen-PaymentsDetails',
+      data: JSON.stringify({
+        data: state.data,
+        orderToken: window.orderToken
+      }),
+      contentType: 'application/json; charset=utf-8',
+      async: false,
+      success: function success(data) {
+        if (!data.response.isFinal && _typeof(data.response.action) === 'object') {
+          handleAction(data.action);
+        } else {
+          window.location.href = data.response.redirectUrl;
+        }
+      }
+    });
+  };
+  window.addEventListener("load", function () {
+    // Override default submit form behavior
+    var formId = 'submit-order-form';
+    var form = document.getElementById(formId);
+    form.addEventListener("submit", function (event) {
+      event.preventDefault();
+      placeOrder(formId);
+    });
+  });
+}
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/js/validator.js b/cartridges/int_adyen_controllers/cartridge/js/validator.js
new file mode 100644
index 000000000..d4bc75e39
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/js/validator.js
@@ -0,0 +1,112 @@
+"use strict";
+
+// const naPhone = /^\(?([2-9][0-8][0-9])\)?[\-\. ]?([2-9][0-9]{2})[\-\. ]?([0-9]{4})(\s*x[0-9]+)?$/
+var regex = {
+  phone: {},
+  postal: {},
+  notCC: /^(?!(([0-9 -]){13,19})).*$/
+};
+// global form validator settings
+var settings = {
+  errorClass: 'error',
+  errorElement: 'span',
+  onkeyup: false,
+  onfocusout: function onfocusout(element) {
+    if (!this.checkable(element)) {
+      this.element(element);
+    }
+  }
+};
+/**
+ * @function
+ * @description Validates a given phone number against the countries phone regex
+ * @param {String} value The phone number which will be validated
+ * @param {String} el The input field
+ */
+var validatePhone = function validatePhone(value, el) {
+  var country = $(el).closest('form').find('.country');
+  if (country.length === 0 || country.val().length === 0 || !regex.phone[country.val().toLowerCase()]) {
+    return true;
+  }
+  var rgx = regex.phone[country.val().toLowerCase()];
+  var isOptional = this.optional(el);
+  var isValid = rgx.test($.trim(value));
+  return isOptional || isValid;
+};
+
+/**
+ * @function
+ * @description Validates that a credit card owner is not a Credit card number
+ * @param {String} value The owner field which will be validated
+ * @param {String} el The input field
+ */
+var validateOwner = function validateOwner(value) {
+  var isValid = regex.notCC.test($.trim(value));
+  return isValid;
+};
+
+/**
+ * Add phone validation method to jQuery validation plugin.
+ * Text fields must have 'phone' css class to be validated as phone
+ */
+$.validator.addMethod('phone', validatePhone, Resources.INVALID_PHONE);
+
+/**
+ * Add CCOwner validation method to jQuery validation plugin.
+ * Text fields must have 'owner' css class to be validated as not a credit card
+ */
+$.validator.addMethod('owner', validateOwner, Resources.INVALID_OWNER);
+
+/**
+ * Add gift cert amount validation method to jQuery validation plugin.
+ * Text fields must have 'gift-cert-amont' css class to be validated
+ */
+$.validator.addMethod('gift-cert-amount', function (value, el) {
+  var isOptional = this.optional(el);
+  var isValid = !isNaN(value) && parseFloat(value) >= 5 && parseFloat(value) <= 5000;
+  return isOptional || isValid;
+}, Resources.GIFT_CERT_AMOUNT_INVALID);
+
+/**
+ * Add positive number validation method to jQuery validation plugin.
+ * Text fields must have 'positivenumber' css class to be validated as positivenumber
+ */
+$.validator.addMethod('positivenumber', function (value) {
+  if ($.trim(value).length === 0) {
+    return true;
+  }
+  return !isNaN(value) && Number(value) >= 0;
+}, ''); // '' should be replaced with error message if needed
+
+$.extend($.validator.messages, {
+  required: Resources.VALIDATE_REQUIRED,
+  remote: Resources.VALIDATE_REMOTE,
+  email: Resources.VALIDATE_EMAIL,
+  url: Resources.VALIDATE_URL,
+  date: Resources.VALIDATE_DATE,
+  dateISO: Resources.VALIDATE_DATEISO,
+  number: Resources.VALIDATE_NUMBER,
+  digits: Resources.VALIDATE_DIGITS,
+  creditcard: Resources.VALIDATE_CREDITCARD,
+  equalTo: Resources.VALIDATE_EQUALTO,
+  maxlength: $.validator.format(Resources.VALIDATE_MAXLENGTH),
+  minlength: $.validator.format(Resources.VALIDATE_MINLENGTH),
+  rangelength: $.validator.format(Resources.VALIDATE_RANGELENGTH),
+  range: $.validator.format(Resources.VALIDATE_RANGE),
+  max: $.validator.format(Resources.VALIDATE_MAX),
+  min: $.validator.format(Resources.VALIDATE_MIN)
+});
+var validator = {
+  regex: regex,
+  settings: settings,
+  init: function init() {
+    var self = this;
+    $('form:not(.suppress)').each(function () {
+      $(this).validate(self.settings);
+    });
+  },
+  initForm: function initForm(f) {
+    $(f).validate(this.settings);
+  }
+};
+module.exports = validator;
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/scripts/adyenSaveCreditCard.js b/cartridges/int_adyen_controllers/cartridge/scripts/adyenSaveCreditCard.js
new file mode 100644
index 000000000..5e612d804
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/scripts/adyenSaveCreditCard.js
@@ -0,0 +1,29 @@
+"use strict";
+
+var app = require('app_storefront_controllers/cartridge/scripts/app');
+var Transaction = require('dw/system/Transaction');
+var constants = require('*/cartridge/adyenConstants/constants');
+var adyenZeroAuth = require('*/cartridge/scripts/adyenZeroAuth');
+function create() {
+  var paymentInformation = app.getForm('adyPaydata');
+  var wallet = customer.getProfile().getWallet();
+  var paymentInstrument;
+  Transaction.wrap(function () {
+    paymentInstrument = wallet.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT);
+    paymentInstrument.custom.adyenPaymentData = paymentInformation.get('adyenStateData').value();
+  });
+  Transaction.begin();
+  var zeroAuthResult = adyenZeroAuth.zeroAuthPayment(customer, paymentInstrument);
+  if (zeroAuthResult.action) {
+    return zeroAuthResult.action;
+  }
+  if (zeroAuthResult.error || zeroAuthResult.resultCode !== constants.RESULTCODES.AUTHORISED) {
+    Transaction.rollback();
+    return false;
+  }
+  Transaction.commit();
+  return true;
+}
+module.exports = {
+  create: create
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/scripts/adyenService.js b/cartridges/int_adyen_controllers/cartridge/scripts/adyenService.js
new file mode 100644
index 000000000..3fabfa661
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/scripts/adyenService.js
@@ -0,0 +1,15 @@
+"use strict";
+
+var app = require('app_storefront_controllers/cartridge/scripts/app');
+var OrderModel = app.getModel('Order');
+function submit(order) {
+  return OrderModel.submit(order);
+}
+var EXTERNAL_PLATFORM_VERSION = 'SG';
+function getExternalPlatformVersion() {
+  return EXTERNAL_PLATFORM_VERSION;
+}
+module.exports = {
+  submit: submit,
+  getExternalPlatformVersion: getExternalPlatformVersion
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/scripts/hooks.json b/cartridges/int_adyen_controllers/cartridge/scripts/hooks.json
new file mode 100644
index 000000000..665101dab
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/scripts/hooks.json
@@ -0,0 +1,12 @@
+{
+	"hooks": [
+		{
+			"name": "app.payment.processor.Adyen_Component",
+			"script": "./payment/processor/Adyen_Component"
+		},
+		{
+			"name": "app.payment.processor.Adyen_POS",
+			"script": "./payment/processor/Adyen_POS"
+		}
+	]
+}
diff --git a/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_Component.js b/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_Component.js
new file mode 100644
index 000000000..cc1d9b293
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_Component.js
@@ -0,0 +1,97 @@
+"use strict";
+
+/* API Includes */
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var constants = require('*/cartridge/adyenConstants/constants');
+
+/* Script Modules */
+var app = require(Resource.msg('scripts.app.js', 'require', null));
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenRemovePreviousPI = require('*/cartridge/scripts/adyenRemovePreviousPI');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+
+/**
+ * Creates a Adyen payment instrument for the given basket
+ */
+function Handle(args) {
+  var currentBasket = args.Basket;
+  var paymentInformation = app.getForm('adyPaydata');
+  Transaction.wrap(function () {
+    var result = adyenRemovePreviousPI.removePaymentInstruments(currentBasket);
+    if (result.error) {
+      return result;
+    }
+    var paymentInstrument = currentBasket.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT, currentBasket.totalGrossPrice);
+    paymentInstrument.custom.adyenPaymentData = paymentInformation.get('adyenStateData').value();
+    session.privacy.adyenFingerprint = paymentInformation.get('adyenFingerprint').value();
+  });
+  return {
+    success: true
+  };
+}
+
+/**
+ * Call the  Adyen API to Authorize CC using details entered by shopper.
+ */
+function Authorize(args) {
+  var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+  var order = args.Order;
+  var paymentInstrument = args.PaymentInstrument;
+  var paymentProcessor = PaymentMgr.getPaymentMethod(paymentInstrument.getPaymentMethod()).getPaymentProcessor();
+  Transaction.begin();
+  paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+  var orderCustomer = order.getCustomer();
+  var sessionCustomer = session.getCustomer();
+  if (orderCustomer.authenticated && orderCustomer.ID !== sessionCustomer.ID) {
+    AdyenLogs.debug_log('orderCustomer is not the same as the sessionCustomer');
+    Transaction.wrap(function () {
+      OrderMgr.failOrder(order, true);
+    });
+    return {
+      isAdyen: true,
+      error: true,
+      PlaceOrderError: 'orderCustomer is not the same as the sessionCustomer'
+    };
+  }
+  var result = adyenCheckout.createPaymentRequest({
+    Order: order,
+    PaymentInstrument: paymentInstrument
+  });
+  if (result.error) {
+    Transaction.rollback();
+    var _args = 'args' in result ? result.args : null;
+    return {
+      isAdyen: true,
+      error: true,
+      PlaceOrderError: !empty(_args) && 'AdyenErrorMessage' in _args && !empty(_args.AdyenErrorMessage) ? _args.AdyenErrorMessage : ''
+    };
+  }
+  if (result.pspReference) {
+    order.custom.Adyen_pspReference = result.pspReference;
+  }
+  var checkoutResponse = AdyenHelper.createAdyenCheckoutResponse(result);
+  if (!checkoutResponse.isFinal) {
+    checkoutResponse.isAdyen = true;
+    checkoutResponse.orderToken = order.orderToken;
+    return checkoutResponse;
+  }
+  if (!checkoutResponse.isSuccessful) {
+    Transaction.rollback();
+    return {
+      isAdyen: true,
+      error: true,
+      PlaceOrderError: 'AdyenErrorMessage' in result && !empty(result.adyenErrorMessage) ? result.adyenErrorMessage : ''
+    };
+  }
+  AdyenHelper.savePaymentDetails(paymentInstrument, order, result);
+  Transaction.commit();
+  return {
+    isAdyen: true,
+    authorized: true,
+    error: false
+  };
+}
+exports.Handle = Handle;
+exports.Authorize = Authorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_POS.js b/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_POS.js
new file mode 100644
index 000000000..42fc3c1da
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/scripts/payment/processor/Adyen_POS.js
@@ -0,0 +1,77 @@
+"use strict";
+
+/* API Includes */
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Resource = require('dw/web/Resource');
+var Transaction = require('dw/system/Transaction');
+var constants = require('*/cartridge/adyenConstants/constants');
+/* Script Modules */
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+require('app_storefront_controllers/cartridge/scripts/app');
+
+/**
+ * Creates a Adyen payment instrument for the given basket
+ */
+function handle(args) {
+  var adyenRemovePreviousPI = require('*/cartridge/scripts/adyenRemovePreviousPI');
+  Transaction.wrap(function () {
+    var result = adyenRemovePreviousPI.removePaymentInstruments(args.Basket);
+    if (result.error) {
+      return result;
+    }
+    var paymentInstrument = args.Basket.createPaymentInstrument(constants.METHOD_ADYEN_POS, args.Basket.totalGrossPrice);
+    paymentInstrument.custom.adyenPaymentMethod = 'POS Terminal';
+  });
+  return {
+    success: true
+  };
+}
+
+/**
+ * Authorizes a payment using a POS terminal.
+ * The payment is authorized by using the Adyen_POS processor only
+ * and setting the order no as the transaction ID.
+ */
+function authorize(args) {
+  var errors;
+  var adyenTerminalApi = require('*/cartridge/scripts/adyenTerminalApi');
+  var order = args.Order;
+  var orderNo = args.OrderNo;
+  var paymentInstrument = args.PaymentInstrument;
+  var paymentProcessor = PaymentMgr.getPaymentMethod(paymentInstrument.getPaymentMethod()).getPaymentProcessor();
+  Transaction.wrap(function () {
+    paymentInstrument.paymentTransaction.transactionID = orderNo;
+    paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+  });
+  var paymentForm = session.forms.adyPaydata;
+  var terminalId = paymentForm.terminalId.value;
+  if (!terminalId) {
+    AdyenLogs.fatal_log('No terminal selected');
+    errors = [];
+    errors.push(Resource.msg('error.payment.processor.not.supported', 'checkout', null));
+    return {
+      isAdyen: true,
+      authorized: false,
+      fieldErrors: [],
+      serverErrors: errors,
+      error: true
+    };
+  }
+  var result = adyenTerminalApi.createTerminalPayment(order, paymentInstrument, terminalId);
+  if (result.error) {
+    AdyenLogs.fatal_log("POS Authorise error, result: ".concat(result.response));
+    errors = [];
+    errors.push(Resource.msg('error.payment.processor.not.supported', 'checkout', null));
+    return {
+      isAdyen: true,
+      authorized: false,
+      fieldErrors: [],
+      serverErrors: errors,
+      error: true
+    };
+  }
+  result.isAdyen = true;
+  return result;
+}
+exports.Handle = handle;
+exports.Authorize = authorize;
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/adyenpaymentinstrumentdetails.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/adyenpaymentinstrumentdetails.isml
new file mode 100644
index 000000000..eb9dc1a29
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/adyenpaymentinstrumentdetails.isml
@@ -0,0 +1,34 @@
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="page"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+
+<script>
+    var clientKey = "${AdyenConfigs.getAdyenClientKey()}";
+    var loadingContext = "${AdyenHelper.getLoadingContext()}";
+    var environment = "${AdyenHelper.getCheckoutEnvironment()}";
+    var locale = "${request.locale}";
+    window.Configuration = {clientKey, loadingContext, environment, locale};
+    window.sessionData = JSON.parse('${pdict.SessionData}'.replace(/&quot;/g, '\"'));
+    window.zeroAuthURL = "${URLUtils.https('Adyen-ZeroAuth')}";
+    window.paymentsDetails = "${URLUtils.https('Adyen-PaymentsDetails')}";
+    window.paymentInstrumentsList = "${URLUtils.https('PaymentInstruments-List')}";
+    window.paymentInstrumentsListError = "${URLUtils.https('PaymentInstruments-List', 'error', 'AuthorisationFailed')}";
+</script>
+
+<div>
+    <input type="hidden" id="adyenStateData" name="${pdict.CurrentForms.adyPaydata.adyenStateData.htmlName}">
+    <input type="hidden" id="paymentFromComponentStateData" name="${pdict.CurrentForms.adyPaydata.paymentFromComponentStateData.htmlName}">
+    <input type="hidden" id="merchantReference" name="${pdict.CurrentForms.adyPaydata.merchantReference.htmlName}">
+    <input type="hidden" id="orderToken" name="${pdict.CurrentForms.adyPaydata.orderToken.htmlName}">
+
+    <div id="newCard"></div>
+
+    <div id="buttonsContainer" class="form-row form-row-button">
+        <button id="applyBtn" type="submit" name="${pdict.CurrentForms.paymentinstruments.creditcards.create.htmlName}" value="${Resource.msg('global.apply','locale',null)}">
+            ${Resource.msg('global.apply', 'locale', null)}
+        </button>
+        <button class="cancel cancel-button simple" type="submit" name="${pdict.CurrentForms.paymentinstruments.creditcards.cancel.htmlName}" value="${Resource.msg('global.cancel','locale',null)}">
+            ${Resource.msg('global.cancel', 'locale', null)}
+        </button>
+    </div>
+</div>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/paymentinstrumentlist.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/paymentinstrumentlist.isml
new file mode 100755
index 000000000..f27ce8e0b
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/account/payment/paymentinstrumentlist.isml
@@ -0,0 +1,50 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isdecorate template="account/pt_account">
+	<isinclude template="util/modules"/>
+	<isset name="bctext2" value="${Resource.msg('global.paymentsettings','locale',null)}" scope="pdict"/>
+
+	<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+	<isset  name="AdyenHelper" value="${require('int_adyen_overlay/cartridge/scripts/util/adyenHelper')}" scope="page"/>
+	<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+
+	<script src="${AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+	<link rel="stylesheet" type="text/css" href="${AdyenHelper.getCheckoutCSS()}"/>
+	<iscomment> ### Custom Adyen cartridge end ### </iscomment>
+
+	<isslot id="account-banner" description="Banner for My Account pages" context="global" />
+	<div class="paymentslist">
+		<h1>${Resource.msg('account.paymentinstrumentlist.header','account',null)}</h1>
+		<a class="section-header-note add-card button" href="${URLUtils.url('PaymentInstruments-Add')}" title="${Resource.msg('account.paymentinstrumentlist.addcard.label','account',null)}">
+			${Resource.msg('account.paymentinstrumentlist.addcard','account',null)}
+		</a>
+
+		<div id="cardError" class="card-error alert alert-danger">
+            <span>${Resource.msg('error.card.information.error', 'creditCard', null)}</span>
+		</div>
+
+		<isif condition="${pdict.PaymentInstruments.size() > 0}">
+			<ul class="payment-list">
+				<isloop items="${pdict.CurrentForms.paymentinstruments.creditcards.storedcards}" var="creditcard" status="loopstate">
+				<li class="<isif condition="${loopstate.first}">first <iselseif condition="${loopstate.last}">last </isif>${pdict.PaymentInstruments[loopstate.count - 1].creditCardType}">
+					<isminicreditcard card="${creditcard.object}" show_expiration="${true}"/>
+					<form action="${URLUtils.url('PaymentInstruments-Delete')}" name="payment-remove" method="post" id="creditcards_${loopstate.count}">
+						<fieldset>
+							<button type="submit" class="button-text delete" value="${Resource.msg('account.paymentinstrumentlist.deletecard','account',null)}" name="${creditcard.remove.htmlName}">
+								${Resource.msg('account.paymentinstrumentlist.deletecard','account',null)}
+							</button>
+							<input type="hidden" name="${pdict.CurrentForms.paymentinstruments.secureKeyHtmlName}" value="${pdict.CurrentForms.paymentinstruments.secureKeyValue}"/>
+						</fieldset>
+					</form>
+				</li>
+				</isloop>
+			</ul>
+		</isif>
+	</div>
+	<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+	<script type="text/javascript">
+		if(window.location.href.indexOf("AuthorisationFailed") > -1){
+			document.getElementById("cardError").style.display = "block";
+		}
+	</script>
+	<iscomment> ### Custom Adyen cartridge end ### </iscomment>
+</isdecorate>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/adyenOrderDetails.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenOrderDetails.isml
new file mode 100755
index 000000000..4e6f97746
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenOrderDetails.isml
@@ -0,0 +1,92 @@
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+<isscript>
+	var additionalPaymentData = JSON.parse(paymentInstr.custom.adyenAdditionalPaymentData);
+	var adyenAction = JSON.parse(paymentInstr.custom.adyenAction);
+</isscript>
+<div class="adyen-payment-details">
+	<isinclude template="checkout/billing/adyenGivingComponent" />
+	<isif condition="${paymentInstr.custom.adyenPaymentMethod}">
+		<div>${paymentInstr.custom.adyenPaymentMethod}</div>
+	</isif>
+	<isif condition="${paymentInstr.custom.adyenAction}">
+		<!--- Payment action for Voucher --->
+		<div id="voucherResult"></div>
+		<br/>
+		<script type="text/javascript">
+			async function createVoucher(configuration) {
+                const checkout = await AdyenCheckout(configuration);
+                const voucherResult = document.getElementById('voucherResult');
+                var action = JSON.parse('${paymentInstr.custom.adyenAction}'.replace(/&quot;/g, '\"'));
+                const voucher = checkout.createFromAction(action).mount(voucherResult);
+			}
+			var configuration = {
+				locale: '${request.locale}'
+			};
+
+            createVoucher(configuration);
+		</script>
+		<!--- Payment details for econtext --->
+		<isif condition="${adyenAction.reference}">
+			<span class="summary-section-label">${Resource.msg('econtext.reference', 'checkout', null)}:</span>
+			<span class="summary-details">${adyenAction.reference}</span><br/>
+		</isif>
+		<isif condition="${adyenAction.maskedTelephoneNumber}">
+			<span class="summary-section-label">${Resource.msg('econtext.maskedTelephoneNumber', 'checkout', null)}:</span>
+			<span class="summary-details">${adyenAction.maskedTelephoneNumber}</span><br/>
+		</isif>
+		<isif condition="${adyenAction.expiresAt}">
+			<span class="summary-section-label">${Resource.msg('econtext.expiresAt', 'checkout', null)}:</span>
+			<span class="summary-details">${adyenAction.expiresAt}</span><br/>
+		</isif>
+
+	</isif>
+	<isif condition="${additionalPaymentData}">
+		<br/>
+		<isloop items="${additionalPaymentData}" var="additionalItem">
+			<!--- Payment details for Banktransfer --->
+			<isif condition="${additionalItem.key == 'bankTransfer.description'}">
+				<span class="summary-section-label">${Resource.msg('bankTransfer.description', 'checkout', null)}:</span><br/>
+				<br/>
+				<span class="summary-section-label">${Resource.msg('bankTransfer.amount', 'checkout', null)}:</span>
+				<span class="summary-details">${paymentInstr.paymentTransaction.amount}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'bankTransfer.reference'}">
+				<span class="summary-section-label">${Resource.msg('bankTransfer.reference', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'bankTransfer.owner'}">
+				<span class="summary-section-label">${Resource.msg('bankTransfer.owner', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'bankTransfer.iban'}">
+				<span class="summary-section-label">${Resource.msg('bankTransfer.iban', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+
+			<!--- Payment details for Multibanco --->
+			<isif condition="${additionalItem.key == 'comprafacil.description'}">
+				<span class="summary-section-label">${Resource.msg('comprafacil.description', 'checkout', null)}:</span><br/>
+				<br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'comprafacil.deadline'}">
+				<span class="summary-section-label">${Resource.msg('comprafacil.deadline', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'comprafacil.reference'}">
+				<span class="summary-section-label">${Resource.msg('comprafacil.reference', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'comprafacil.entity'}">
+				<span class="summary-section-label">${Resource.msg('comprafacil.entity', 'checkout', null)}:</span>
+				<span class="summary-details">${additionalItem.value}</span><br/>
+			</isif>
+			<isif condition="${additionalItem.key == 'comprafacil.amount'}">
+				<span class="summary-section-label">${Resource.msg('comprafacil.amount', 'checkout', null)}:</span>
+				<span class="summary-details">${paymentInstr.paymentTransaction.amount}</span><br/>
+			</isif>
+		</isloop>
+		<br/>
+	</isif>
+</div>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/adyenRedirect.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenRedirect.isml
new file mode 100644
index 000000000..800fa69e0
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenRedirect.isml
@@ -0,0 +1,10 @@
+
+<iscontent type="text/html"/>
+
+<form method="post"
+      id="redirectForm"
+      action="${pdict.redirectURL}">
+    <input type="hidden" id="merchantReference" name="merchantReference" value="${pdict.merchantReference}"/>
+    <input type="hidden" id="signature" name="signature" value="${pdict.signature}"/>
+
+</form>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/adyenpaymentredirect.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenpaymentredirect.isml
new file mode 100644
index 000000000..a4d16d33f
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/adyenpaymentredirect.isml
@@ -0,0 +1,22 @@
+<!--- TEMPLATENAME: adyenpaymentredirect.isml --->
+<iscontent type="text/html" charset="UTF-8" compact="true">
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<script language="javascript">
+		var loaded = false;
+		function load(){
+			document.RedirectForm.submit();
+			loaded = true;
+		}
+	</script>
+</head>
+<body onload="load();">
+	<form action="${URLUtils.continueURL()}" method="POST" name="RedirectForm" target="_parent">
+		<input type="hidden" name="PaReq" value="${pdict.paRequest}">
+		<input type="hidden" name="MD" value="${pdict.md}">
+		<input type="hidden" name="resultCode" value="${pdict.resultCode}">
+		<input type="hidden" name="token3ds2" value="${pdict.token3ds2}">
+	</form>
+</body>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenComponent.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenComponent.isml
new file mode 100644
index 000000000..2a2216b98
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenComponent.isml
@@ -0,0 +1,98 @@
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="page"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+
+<script src="https://pay.google.com/gp/p/js/pay.js"></script>
+<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+<isset name="adyenRecurringPaymentsEnabled" value="${AdyenConfigs.getAdyenRecurringPaymentsEnabled()}" scope="page"/>
+<isset name="adyenSessions" value="${pdict.AdyenSessionsResponse}" scope="page"/>
+<isset name="ShowConfirmationPaymentFromComponent" value="${URLUtils.https('Adyen-ShowConfirmationPaymentFromComponent')}" scope="page"/>
+<isset name="AdyenConstants" value="${require('*/cartridge/adyenConstants/constants')}" scope="page"/>
+
+<link rel="stylesheet" type="text/css" href="${AdyenHelper.getCheckoutCSS()}"/>
+<script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+
+<isscript>
+    var sessionsResponse = JSON.stringify(adyenSessions);
+</isscript>
+
+<script>
+    var sessionsRes = `${sessionsResponse}`.replace(/&quot;/g, '\"');
+    window.sessionsResponse = JSON.parse(sessionsRes);
+    var clientKey = "${AdyenConfigs.getAdyenClientKey()}";
+    var loadingContext = "${AdyenHelper.getLoadingContext()}";
+    var environment = "${AdyenHelper.getCheckoutEnvironment()}";
+    var locale = "${request.locale}";
+    window.Configuration = {clientKey, loadingContext, environment, locale};
+    window.returnURL = "${URLUtils.https('COBilling-Start')}";
+    window.merchantAccount = "${AdyenConfigs.getAdyenMerchantAccount()}";
+    window.paymentFromComponentURL = "${URLUtils.https('Adyen-PaymentFromComponent')}";
+    window.resultCodeAuthorised = '${AdyenConstants.RESULTCODES.AUTHORISED}';
+    var showStoreDetails = ${customer.authenticated && adyenRecurringPaymentsEnabled};
+</script>
+
+<isif condition="${request.getHttpQueryString() && request.getHttpQueryString().indexOf('amazonCheckoutSessionId') > -1} ">
+    <script>
+        var queryString = '${request.getHttpQueryString()}'.split("=");
+        var amazonCheckoutSessionId = queryString[queryString.length - 1];
+        window.amazonCheckoutSessionId = amazonCheckoutSessionId;
+        window.paymentsDetailsURL = "${URLUtils.https('Adyen-PaymentsDetails')}";
+    </script>
+    <input type="hidden" id="adyenStateData" name="${pdict.CurrentForms.adyPaydata.adyenStateData.htmlName}">
+    <div class="ui-widget-overlay ui-front" id="amazonModal">
+        <div id="amazonContainerSG"></div>
+    </div>
+
+      </form>
+      <form method="post"
+            id="showConfirmationForm"
+            name="showConfirmationForm"
+            action="${ShowConfirmationPaymentFromComponent}">
+            <input type="hidden" id="additionalDetailsHidden" name="additionalDetailsHidden" value="null"/>
+            <input type="hidden" id="merchantReference" name="${pdict.CurrentForms.adyPaydata.merchantReference.htmlName}">
+            <input type="hidden" id="orderToken" name="${pdict.CurrentForms.adyPaydata.orderToken.htmlName}">
+            <input type="hidden" id="result" name="${pdict.CurrentForms.adyPaydata.result.htmlName}" value="null">
+            <input type="hidden" id="paymentFromComponentStateData" name="${pdict.CurrentForms.adyPaydata.paymentFromComponentStateData.htmlName}">
+      </form>
+<iselse>
+    <script>
+         window.installments = "${AdyenConfigs.getCreditCardInstallments()}";
+         window.googleMerchantID = "${AdyenConfigs.getGoogleMerchantID()}";
+         window.cardholderNameBool = "${AdyenConfigs.getAdyenCardholderNameEnabled()}";
+         window.merchantAccount = "${AdyenConfigs.getAdyenMerchantAccount()}";
+         window.sessionsUrl = "${URLUtils.https('Adyen-Sessions')}";
+     </script>
+
+    <isset name="ratePayValues" value="${AdyenHelper.getRatePayID()}" scope="page"/>
+
+    <input type="hidden" id="adyenStateData" name="${pdict.CurrentForms.adyPaydata.adyenStateData.htmlName}">
+    <input type="hidden" id="paymentFromComponentStateData" name="${pdict.CurrentForms.adyPaydata.paymentFromComponentStateData.htmlName}">
+    <input type="hidden" id="merchantReference" name="${pdict.CurrentForms.adyPaydata.merchantReference.htmlName}">
+    <input type="hidden" id="orderToken" name="${pdict.CurrentForms.adyPaydata.orderToken.htmlName}">
+    <input type="text" class="form-control cardNumber" style="display:none" id="cardNumber" name="${pdict.CurrentForms.billing.paymentMethods.creditCard.number.htmlName}">
+    <input type="hidden" class="form-control" id="cardType" name="${pdict.CurrentForms.billing.paymentMethods.creditCard.type.htmlName}">
+
+    <input id="adyenPaymentMethodName" type="hidden" name="adyenPaymentMethod"/>
+    <input id="adyenIssuerName" type="hidden" name="adyenIssuerName"/>
+
+    <ul id="paymentMethodsList"></ul>
+
+    <iscomment>
+        Adyen RatePay Device Fingerprint Code
+    </iscomment>
+    <isif condition="${!empty(ratePayValues.ratePayID)}">
+        <script language="JavaScript">
+            var di = {t:'${ratePayValues.sessionID}',v:'${ratePayValues.ratePayID}',l:'Checkout'};
+        </script>
+        <script type="text/javascript" src="//d.ratepay.com/${ratePayValues.ratePayID}/di.js"></script>
+    </isif>
+
+    <iscomment>
+        Adyen Generic Device Fingerprint Code
+    </iscomment>
+    <script type="text/javascript" src="https://live.adyen.com/hpp/js/df.js?v=${session.sessionID}"></script>
+    <isinputfield type="hidden" formfield="${pdict.CurrentForms.adyPaydata.adyenFingerprint}" />
+    <script type="text/javascript">
+        dfDo('dwfrm_adyPaydata_adyenFingerprint');
+    </script>
+</iselse>
+</isif>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml
new file mode 100644
index 000000000..28288d549
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/billing/adyenGivingComponent.isml
@@ -0,0 +1,33 @@
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="page"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<isset name="Order" value="${pdict.order}" scope="page"/>
+<isif condition="${AdyenHelper.getAdyenGivingConfig(Order)}">
+    <isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="pdict"/>
+    <script src="${pdict.AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+
+    <script>
+        window.Configuration = {
+            locale: "${request.locale}",
+            clientKey: "${AdyenConfigs.getAdyenClientKey}",
+            environment: "${AdyenHelper.getCheckoutEnvironment()}"
+        };
+        window.adyenGivingAvailable = "${AdyenHelper.getAdyenGivingConfig(Order).adyenGivingAvailable}"
+        window.orderNo = '${pdict.Order.orderNo}';
+        window.donationAmounts = '${AdyenHelper.getAdyenGivingConfig(Order).donationAmounts}'.replace(/&quot;/g, '\"');;
+        window.pspReference = '${AdyenHelper.getAdyenGivingConfig(Order).pspReference}';
+        window.charityName = '${AdyenHelper.getAdyenGivingConfig(Order).charityName}';
+        window.charityWebsite = '${AdyenHelper.getAdyenGivingConfig(Order).charityWebsite}';
+        window.charityDescription = '${AdyenHelper.getAdyenGivingConfig(Order).charityDescription}';
+        window.adyenGivingBackgroundUrl = '${AdyenHelper.getAdyenGivingConfig(Order).adyenGivingBackgroundUrl}';
+        window.adyenGivingLogoUrl = '${AdyenHelper.getAdyenGivingConfig(Order).adyenGivingLogoUrl}';
+        window.donateURL = "${URLUtils.https('Adyen-Donate')}";
+    </script>
+    <div id="adyenGiving" class="card confirm-details">
+        <div class="card-header">
+            <h2 class="card-header-custom">${Resource.msg('title.adyenGiving', 'adyen', null)}</h2>
+        </div>
+        <div class="card-body">
+            <div id="donate-container"></div>
+        </div>
+    </div>
+</isif>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/summary/summary.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/summary/summary.isml
new file mode 100644
index 000000000..93f7ee130
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/checkout/summary/summary.isml
@@ -0,0 +1,271 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isdecorate template="checkout/pt_checkout"/>
+<isinclude template="util/modules"/>
+
+<iscomment>
+	This template visualizes the last step of the checkout, the order summary
+	page prior to the actual order placing.
+	It displays the complete content of the cart including product line items,
+	bonus products, redeemed coupons and gift certificate line items.
+</iscomment>
+
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<isset name="AdyenHelper" value="${require('*/cartridge/scripts/util/adyenHelper')}" scope="page"/>
+<isset name="AdyenConfigs" value="${require('*/cartridge/scripts/util/adyenConfigs')}" scope="page"/>
+<link rel="stylesheet" href="${URLUtils.staticURL('/css/adyenCss.css')}" />
+<link rel="stylesheet" type="text/css" href="${AdyenHelper.getCheckoutCSS()}"/>
+<script src="${AdyenHelper.getCheckoutUrl()}" type="text/javascript"></script>
+<script>
+    var clientKey = "${AdyenConfigs.getAdyenClientKey()}";
+    var loadingContext = "${AdyenHelper.getLoadingContext()}";
+    var environment = "${AdyenHelper.getCheckoutEnvironment()}";
+    var locale = "${request.locale}";
+    window.Configuration = {clientKey, loadingContext, environment, locale};
+    window.summarySubmitUrl = "${URLUtils.https('COSummary-Submit')}";
+    window.isAdyenPayment = ${dw.order.PaymentMgr.getPaymentMethod('AdyenComponent').isActive()
+       || (dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD')
+       && ['Adyen_Component', 'ADYEN_CREDIT'].indexOf(dw.order.PaymentMgr.getPaymentMethod('CREDIT_CARD').getPaymentProcessor().getID()) > -1) }
+</script>
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
+
+<isreportcheckout checkoutstep="${5}" checkoutname="${'OrderSummary'}"/>
+	<isif condition="${!pdict.CurrentForms.multishipping.entered.value}">
+		<ischeckoutprogressindicator step="3" multishipping="false" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+	<iselse/>
+		<ischeckoutprogressindicator step="4" multishipping="true" rendershipping="${pdict.Basket.productLineItems.size() == 0 ? 'false' : 'true'}"/>
+	</isif>
+
+	<isif condition="${pdict.PlaceOrderError != null}">
+		<div class="error-form">${Resource.msg(pdict.PlaceOrderError.code,'checkout',null)}</div>
+	</isif>
+
+		<table class="item-list" id="cart-table" cellspacing="0">
+
+			<thead>
+				<tr>
+					<th class="section-header"  colspan="2">${Resource.msg('global.product','locale',null)}</th>
+					<th class="section-header"  colspan="2">${Resource.msg('global.qty','locale',null)}</th>
+					<th class="section-header header-total-price">${Resource.msg('global.totalprice','locale',null)}</th>
+				</tr>
+			</thead>
+
+			<iscomment>render each shipment</iscomment>
+			<isset name="shipmentCount" value="${0}" scope="page"/>
+
+			<isloop items="${pdict.Basket.shipments}" var="shipment" status="shipmentloopstate">
+
+				<isif condition="${shipment.productLineItems.size() > 0 || shipment.giftCertificateLineItems.size() > 0}">
+
+					<isset name="shipmentCount" value="${shipmentCount+1}" scope="page"/>
+					<isif condition="${pdict.Basket.shipments.size() > 1}">
+						<tr class="cart-row">
+							<td colspan="5">
+								<div class="shipment-label">${Resource.msgf('multishippingshipments.shipment','checkout',null, shipmentCount)}</div>
+							</td>
+						</tr>
+					</isif>
+
+					<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+
+						<tr class="cart-row <isif condition="${pliloopstate.first}"> first <iselseif condition="${pliloopstate.last}"> last</isif>">
+
+							<td class="item-image">
+								<isif condition="${productLineItem.product != null && productLineItem.product.getImage('small',0) != null}">
+									<img src="${productLineItem.product.getImage('small',0).getURL()}" alt="${productLineItem.product.getImage('small',0).alt}" title="${productLineItem.product.getImage('small',0).title}"/>
+								<iselse/>
+									<img src="${URLUtils.staticURL('/images/noimagesmall.png')}" alt="${productLineItem.productName}" title="${productLineItem.productName}"/>
+								</isif>
+								<isif condition="${productLineItem.bonusProductLineItem}">
+									<div class="bonus-item">
+										<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+										<isinclude template="checkout/components/displaybonusproductprice" />
+										<isprint value="${bonusProductPriceValue}" />
+									</div>
+								</isif>
+							</td>
+
+							<td class="item-details">
+								<iscomment>Display product line and product using module</iscomment>
+								<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+							</td>
+
+							<td class="item-quantity">
+								<isprint value="${productLineItem.quantity}" />
+							</td>
+
+							<td class="item-quantity-details">
+								<div class="item-stock">
+									<isdisplayproductavailability p_productli="${productLineItem}"/>
+								</div>
+							</td>
+
+							<td class="item-total">
+								<isif condition="${productLineItem.bonusProductLineItem}">
+									<div class="bonus-item">
+										<isprint value="${bonusProductPriceValue}" />
+									</div>
+								<iselse/>
+									<iscomment>Otherwise, render price using call to adjusted price </iscomment>
+									<isprint value="${productLineItem.adjustedPrice}" />
+								</isif>
+								<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+									<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+										<isif condition="${optionLI.price > 0}">
+											<p>+ <isprint value="${optionLI.adjustedPrice}"/></p>
+										</isif>
+									</isloop>
+								</isif>
+							</td>
+
+						</tr>
+
+					</isloop>
+
+					<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+
+						<tr  class="cart-row <isif condition="${gcliloopstate.first}"> first <iselseif condition="${gcliloopstate.last}"> last</isif>">
+
+							<td class="item-image">
+								<img src="${URLUtils.staticURL('/images/gift_cert.gif')}" alt="<isprint value="${giftCertificateLineItem.lineItemText}"/>" />
+							</td>
+
+							<td class="item-details">
+								<div class="gift-certificate-to">
+									<span class="label">${Resource.msg('global.to','locale',null)}:</span>
+									<span class="value">
+										<isprint value="${giftCertificateLineItem.recipientName}"/>
+										(<isprint value="${giftCertificateLineItem.recipientEmail}"/>)
+									</span>
+								</div>
+								<div class="gift-certificate-from">
+									<span class="label">${Resource.msg('global.from','locale',null)}:</span>
+									<span class="value"><isprint value="${giftCertificateLineItem.senderName}"/></span>
+								</div>
+							</td>
+
+							<td class="item-quantity" colspan="2">1</td>
+
+							<td  class="item-total">
+								<isprint value="${giftCertificateLineItem.price}"/>
+							</td>
+
+						</tr>
+
+					</isloop>
+
+				</isif>
+
+			</isloop>
+
+			<tfoot>
+
+			<iscomment>RENDER COUPON/ORDER DISCOUNTS</iscomment>
+			<isloop items="${pdict.Basket.couponLineItems}" var="couponLineItem" status="cliloopstate">
+
+				<isif condition="${couponLineItem.valid}">
+
+					<tr class="cart-row <isif condition="${cliloopstate.first}"> first <iselseif condition="${cliloopstate.last}"> last</isif>">
+
+						<td class="item-image"><!-- BLANK IMAGE CELL --></td>
+
+						<td  class="item-details">
+							<div class="name">${Resource.msg('summary.coupon','checkout',null)}</div>
+							<div class="cart-coupon">
+								<span class="label">${Resource.msg('summary.couponnumber','checkout',null)}</span>
+								<span class="value"><isprint value="${couponLineItem.couponCode}"/></span>
+							</div>
+							<isloop items="${couponLineItem.priceAdjustments}" var="Promo" status="loopstate">
+								<div class="discount clearfix <isif condition="${loopstate.first}"> first <iselseif condition="${loopstate.last}"> last</isif>">
+									<span class="label"><isprint value="${Promo.lineItemText}"/></span>
+									<span class="value">(<isprint value="${Promo.price}"/>)</span>
+								</div>
+							</isloop>
+						</td>
+
+						<td class="item-quantity">&nbsp;</td>
+
+						<td class="item-quantity-details">
+							<div class="item-edit-details">
+								<a href="${URLUtils.url('Cart-Show')}">${Resource.msg('global.editdetails','locale',null)}</a>
+							</div>
+						</td>
+
+						<td class="item-total">
+							<isif condition="${couponLineItem.applied}">
+								<span class="coupon-applied">${Resource.msg('summary.applied','checkout',null)}</span>
+							<iselse/>
+								<span class="coupon-not-applied">${Resource.msg('summary.notapplied','checkout',null)}</span>
+							</isif>
+						</td>
+
+					</tr>
+
+				</isif>
+
+			</isloop>
+
+			<isloop items="${pdict.Basket.priceAdjustments}" var="priceAdjustment" status="cliloopstate">
+
+				<tr>
+					<td colspan="5" class="cart-promo">
+						<div>
+							<span class="label">${Resource.msg('summary.orderdiscount','checkout',null)}</span>
+							<span class="value"><isprint value="${priceAdjustment.lineItemText}"/></span>
+						</div>
+					</td>
+				</tr>
+
+			</isloop>
+
+
+
+			</tfoot>
+
+		</table>
+
+		<isslot id="placeorder-slot" description="Slot next to Order Totals in the footer of the Place Order page." context="global"/>
+		<div class="order-summary-footer">
+
+		    <div class="place-order-totals">
+
+                <isordertotals p_lineitemctnr="${pdict.Basket}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('summary.ordertotal','checkout',null)}"/>
+            </div>
+            <iscomment> ### Custom Adyen cartridge start ### </iscomment>
+			<form id="submit-order-form" action="${URLUtils.https('COSummary-Submit')}" method="post" class="submit-order">
+			    <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+				<fieldset>
+					<div class="form-row">
+						<a class="back-to-cart" href="${URLUtils.url('Cart-Show')}">
+							<isprint value="${Resource.msg('summary.editcart','checkout',null)}" encoding="off" />
+						</a>
+						<button class="button-fancy-large" type="submit" name="submit" value="${Resource.msg('global.submitorder','locale',null)}">
+							${Resource.msg('global.submitorder','locale',null)}
+						</button>
+					</div>
+			        <input type="hidden" name="${dw.web.CSRFProtection.getTokenName()}" value="${dw.web.CSRFProtection.generateToken()}"/>
+					<iscomment>
+                    Set the brandcode and issuerId in session for when user hits the back button on Adyen hpp
+                    </iscomment>
+                    <isif condition="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) || !empty(session.custom.brandCode)}">
+                       <isset name="brandCode" value="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) ? pdict.CurrentHttpParameterMap.brandCode.value : session.custom.brandCode}" scope="page"/>
+                       <input type="hidden" name="brandCode" value="${brandCode}" />
+                       <isif condition="${!empty(pdict.CurrentHttpParameterMap.issuer.value) || !empty(session.custom.issuer)}">
+                          <isset name="issuer" value="${!empty(pdict.CurrentHttpParameterMap.issuer.value) ? pdict.CurrentHttpParameterMap.issuer.value : session.custom.issuer}" scope="session"/>
+                          <input type="hidden" name="issuer" value="${session.custom.issuer}" />
+                       </isif>
+                       <isset name="brandCode" value="${!empty(pdict.CurrentHttpParameterMap.brandCode.value) ? pdict.CurrentHttpParameterMap.brandCode.value : session.custom.brandCode}" scope="session"/>
+                       <isset name="dob" value="${!empty(pdict.CurrentHttpParameterMap.dob.value) ? pdict.CurrentHttpParameterMap.dob.value : ''}" scope="session"/>
+                       <isset name="gender" value="${!empty(pdict.CurrentHttpParameterMap.gender.value) ? pdict.CurrentHttpParameterMap.dob.value : ''}" scope="session"/>
+                    </isif>
+				</fieldset>
+			</form>
+		</div>
+</isdecorate>
+
+<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+<div id="action-modal-SG" class="modal">
+    <div class="action-modal-content-SG">
+        <div id="action-container" />
+    </div>
+</div>
+<iscomment> ### Custom Adyen cartridge end ### </iscomment>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetails.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetails.isml
new file mode 100755
index 000000000..d44e01c33
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetails.isml
@@ -0,0 +1,226 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+
+<iscomment>
+	Displays order details, such as order number, creation date, payment information,
+	order totals and information for each contained shipment.
+	This template module can be used in order confirmation pages as well as in the
+	order history to render the details of a given order. Depending on the context
+	being used in, one might omit rendering certain information.
+
+	Parameters:
+
+	order		: the order whose details to render
+	orderstatus	: if set to true, the order status will be rendered
+				  if set to false or not existing, the order status will not be rendered
+</iscomment>
+
+<isset name="Order" value="${pdict.order}" scope="page"/>
+
+<div class="orderdetails">
+	<div class="order-information">
+		<h1 class="order-number">
+			<span class="label"><i class="fa fa-cube"></i>${Resource.msg('order.orderdetails.ordernumber','order',null)}</span>
+			<span class="value"><isprint value="${Order.orderNo}"/></span>
+		</h1>
+		<iscomment>Order Status</iscomment>
+		<isif condition="${!empty(pdict.orderstatus) && pdict.orderstatus == 'true'}">
+			<isinclude template="account/orderhistory/orderstatusinclude"/>
+		</isif>
+		<div class="order-date">
+			<span class="label">${Resource.msg('order.orderdetails.orderplaced','order',null)}</span>
+			<span class="value"><isprint value="${Order.creationDate}" style="DATE_LONG"/></span>
+		</div>
+	</div>
+	<div class="order-payment-summary">
+		<div class="label">${Resource.msg('order.orderdetails.paymenttotal','order',null)}</div>
+		<div class="order-detail-summary">
+			<isif condition="${Order.shipments.length > 1}">
+				<isordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${true}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			<iselse/>
+				<isordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			</isif>
+		</div>
+	</div>
+	<div class="order-payment-instruments">
+		<div class="label">
+			<isif condition="${Order.paymentInstruments.length == 1}">
+				${Resource.msg('order.orderdetails.paymentmethod','order',null)}
+			<iselse/>
+				${Resource.msg('order.orderdetails.paymentmethods','order',null)}
+			</isif>
+		</div>
+		<isloop items="${Order.getPaymentInstruments()}" var="paymentInstr">
+			<isif condition="${dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE.equals(paymentInstr.paymentMethod)}">
+				<div class="orderpaymentinstrumentsgc">
+					<span class="label"><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></span>
+					<span class="value"><isprint value="${paymentInstr.maskedGiftCertificateCode}"/></span>
+					<span class="payment-amount">
+						<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+						<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+					</span>
+				</div>
+			<iselse/>
+				<div class="payment-type"><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></div>
+				<isminicreditcard card="${paymentInstr}" show_expiration="${false}"/>
+				<div class="payment-amount">
+					<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+					<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+					<iscomment> ### Custom Adyen cartridge start ### </iscomment>
+					<br/>
+				</div><!-- END: payment-amount -->
+				<isinclude template="adyenOrderDetails" />
+				<iscomment> ### Custom Adyen cartridge end ### </iscomment>
+			</isif>
+		</isloop>
+	</div>
+	<div class="order-billing">
+		<div class="label">${Resource.msg('order.orderdetails.billingaddress','order',null)}</div>
+		<isminiaddress p_address="${Order.billingAddress}"/>
+	</div>
+
+	<iscomment>render a box for each shipment</iscomment>
+	<div class="order-shipments">
+		<isloop items="${Order.shipments}" var="shipment" status="shipmentloopstate">
+			<h2>${Resource.msgf('multishippingshipments.shipment','checkout',null, shipmentloopstate.count)}</h2>
+
+			<isif condition="${shipment.productLineItems.size() > 0}">
+				<iscomment>Shipment Items</iscomment>
+				<div class="order-shipment-table">
+					<div class="order-shipment-details">
+						<div class="order-shipment-address">
+							<isif condition="${!empty(shipment.custom.shipmentType) && shipment.custom.shipmentType == 'instore'}">
+								<div class="label">${Resource.msg('cart.store.instorepickup','checkout',null)}</div>
+							<iselse/>
+								<div class="label">${Resource.msg('order.orderdetails.shippingto','order',null)}</div>
+							</isif>
+							<isminishippingaddress p_shipment="${shipment}" p_editable="${false}" p_showmethod="${false}" p_showpromos="${false}"/>
+						</div>
+						<isif condition="${shipment.custom.shipmentType != 'instore'}">
+							<div class="shipping-status">
+								<div class="label">${Resource.msg('order.orderdetails.shippingstatus','order',null)}</div>
+								<isif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_NOTSHIPPED}">
+									<div class="value">${Resource.msg('order.orderdetails.notshipped','order',null)}</div>
+								<iselseif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_SHIPPED}">
+									<div class="value">${Resource.msg('order.orderdetails.shipped','order',null)}</div>
+								<iselse/>
+									<div class="value">${Resource.msg('order.orderdetails.notknown','order',null)}</div>
+								</isif>
+							</div>
+						</isif>
+						<isif condition="${!empty(shipment.trackingNumber)}">
+							<div class="trackingnumber">
+								<div class="label">${Resource.msg('order.orderdetails.tracking','order',null)}</div>
+								<div class="value"><!-- Tracking Number --><isprint value="${shipment.trackingNumber}"/></div>
+							</div>
+						</isif>
+						<div class="shipping-method">
+							<div class="label">${Resource.msg('order.orderdetails.shippingmethod','order',null)}</div>
+							<isif condition="${!empty(shipment.shippingMethod)}">
+								<div class="value"><isprint value="${shipment.shippingMethod.displayName}"/></div>
+							<iselse/>
+								<div class="value"><isprint value="${shipment.shippingMethodID}"/></div>
+							</isif>
+						</div>
+						<iscomment>Shipment Gift Message</iscomment>
+						<isif condition="${shipment.gift}">
+							<isif condition="${!empty(shipment.giftMessage)}">
+								<div class="order-shipment-gift-message">
+									<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+									<div class="value"><isprint value="${shipment.giftMessage}"/></div>
+								</div>
+							</isif>
+						</isif>
+					</div>
+					<div class="line-items">
+						<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+							<div class="line-item">
+								<div class="line-item-details">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.item','locale',null)}</div>
+									</isif>
+									<iscomment>Display product line and product using module</iscomment>
+									<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+								</div>
+								<div class="line-item-quantity">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.qty','locale',null)}</div>
+									</isif>
+									<isprint value="${productLineItem.quantity}"/>
+								</div>
+								<div class="line-item-price">
+									<isif condition="${pliloopstate.first}">
+										<div class="label">${Resource.msg('global.price','locale',null)}</div>
+									</isif>
+									<iscomment>Render quantity. If it is a bonus product render word 'Bonus'</iscomment>
+									<isif condition="${productLineItem.bonusProductLineItem}">
+										<div class="bonus-item">
+											<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+											<isinclude template="checkout/components/displaybonusproductprice" />
+											<isprint value="${bonusProductPriceValue}" />
+										</div>
+									<iselse/>
+										<isprint value="${productLineItem.adjustedPrice}"/>
+										<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+											<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+												<div class="product-option-price">+ <isprint value="${optionLI.adjustedPrice}"/></div>
+											</isloop>
+										</isif>
+									</isif>
+								</div>
+							</div>
+						</isloop>
+					</div>
+				</div>
+			</isif>
+
+			<isif condition="${shipment.giftCertificateLineItems.size() > 0}">
+				<div class="order-shipment-table">
+					<div class="order-shipment-details">
+						<iscomment>Shipment Gift Certificate</iscomment>
+						<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+							<div class="order-gift-cert-attributes order-shipment-address">
+								<div class="order-gift-cert-to">
+									<div class="label">${Resource.msg('order.orderdetails.giftcertto','order',null)}</div>
+									<div class="value"><isprint value="${giftCertificateLineItem.recipientName}"/></div>
+									<div class="value"><isprint value="${giftCertificateLineItem.recipientEmail}"/></div>
+								</div>
+								<div class="order-gift-cert-from">
+									<div class="label">${Resource.msg('order.orderdetails.giftcertfrom','order',null)}</div>
+									<div class="value"><isprint value="${giftCertificateLineItem.senderName}"/></div>
+									<div class="value"><isprint value="${Order.customerEmail}"/></div>
+								</div>
+							</div>
+							<div class="order-gift-cert-amount">
+								<div class="label">${Resource.msg('global.giftcertificate','locale',null)}</div>
+								<div class="value"><isprint value="${giftCertificateLineItem.price}"/></div>
+							</div>
+							<div class="shipping-method">
+								<div class="label">${Resource.msg('order.orderdetails.shippingmethod','order',null)}</div>
+								<div class="value">${Resource.msg('order.orderdetails.giftcertshipping','order',null)}</div>
+								<div class="value"><isprint value="${giftCertificateLineItem.recipientEmail}"/></div>
+							</div>
+						</isloop>
+
+						<iscomment>if shipment is marked as gift</iscomment>
+						<isif condition="${shipment.gift}">
+							<div class="order-shipment-gift-message">
+								<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+								<isif condition="${!empty(shipment.giftMessage)}">
+									<div class="value"><isprint value="${shipment.giftMessage}"/></div>
+								</isif>
+							</div>
+						<iselse/>
+							<div class="order-shipment-gift-message">
+								<isset name="theGiftCert" value="${shipment.giftCertificateLineItems.iterator().next()}" scope="page"/>
+								<div class="label">${Resource.msg('order.orderdetails.giftmessage','order',null)}</div>
+								<isif condition="${!empty(theGiftCert.message)}">
+									<div class="value"><isprint value="${theGiftCert.message}"/></div>
+								</isif>
+							</div>
+						</isif>
+					</div>
+				</div>
+			</isif>
+		</isloop>
+	</div>
+</div>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetailsemail.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetailsemail.isml
new file mode 100755
index 000000000..facdc2017
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/components/order/orderdetailsemail.isml
@@ -0,0 +1,258 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<iscomment>
+	Displays order details, such as order number, creation date, payment information,
+	order totals and information for each contained shipment.
+	This template module can be used in order confirmation pages as well as in the
+	order history to render the details of a given order. Depending on the context
+	being used in, one might omit rendering certain information.
+
+	Parameters:
+
+	order		: the order whose details to render
+	orderstatus	: if set to true, the order status will be rendered
+				  if set to false or not existing, the order status will not be rendered
+</iscomment>
+<isset name="Order" value="${pdict.order}" scope="page"/>
+
+<p>
+	${Resource.msg('order.orderdetails.orderplaced','order',null)}
+	<isprint value="${Order.creationDate}" style="DATE_LONG"/>
+</p>
+
+<p>
+	${Resource.msg('order.orderdetails.ordernumber','order',null)}
+	<isprint value="${Order.orderNo}"/>
+</p>
+
+<table style="background:#ffffff;border:1px solid #999999;width:680px;">
+	<tr>
+		<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;" colspan="3">${Resource.msg('order.orderdetails.paymentinfo','order',null)}</th>
+	</tr>
+	<tr>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+			<b>${Resource.msg('order.orderdetails.billingaddress','order',null)}</b>
+			<isminiaddress p_address="${Order.billingAddress}"/>
+		</td>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+
+			<isif condition="${Order.paymentInstruments.length == 1}">
+				<b>${Resource.msg('order.orderdetails.paymentmethod','order',null)}</b>
+			<iselse/>
+				<b>${Resource.msg('order.orderdetails.paymentmethods','order',null)}</b>
+			</isif>
+
+			<iscomment>Render All Payment Instruments</iscomment>
+			<isloop items="${Order.getPaymentInstruments()}" var="paymentInstr" status="piloopstate">
+				<div><isprint value="${dw.order.PaymentMgr.getPaymentMethod(paymentInstr.paymentMethod).name}" /></div>
+				<isif condition="${dw.order.PaymentInstrument.METHOD_GIFT_CERTIFICATE.equals(paymentInstr.paymentMethod)}">
+					<isprint value="${paymentInstr.maskedGiftCertificateCode}"/><br />
+				</isif>
+				<isminicreditcard card="${paymentInstr}" show_expiration="${false}"/>
+				<div>
+					<span class="label">${Resource.msg('global.amount','locale',null)}:</span>
+					<span class="value"><isprint value="${paymentInstr.paymentTransaction.amount}"/></span>
+                    <iscomment> ### Custom Adyen cartridge start ### </iscomment>
+                    <br/>
+                    <isinclude template="adyenOrderDetails" />
+                    <iscomment> ### Custom Adyen cartridge end ### </iscomment>
+				</div><!-- END: payment-amount -->
+			</isloop>
+		</td>
+		<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+			<b>${Resource.msg('order.orderdetails.paymenttotal','order',null)}</b>
+			<isif condition="${Order.shipments.length > 1}">
+				<isemailordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${true}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+			<iselse/>
+				<isemailordertotals p_lineitemctnr="${Order}" p_showshipmentinfo="${false}" p_shipmenteditable="${false}" p_totallabel="${Resource.msg('global.ordertotal','locale',null)}"/>
+				<br />
+			</isif>
+		</td>
+
+	</tr>
+</table>
+
+
+<iscomment>render a box for each shipment</iscomment>
+
+	<isloop items="${Order.shipments}" var="shipment" status="shipmentloopstate">
+
+		<p><b>${(Resource.msg('order.orderconfirmation-email.shipmentnumber','order',null)) + shipmentloopstate.count}</b></p>
+
+		<isif condition="${shipment.productLineItems.size() > 0}">
+
+			<iscomment>Shipment items table</iscomment>
+			<table style="background:#ffffff;border:1px solid #999999;width:680px;">
+				<thead>
+					<tr>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.item','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.quantity','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.price','locale',null)}</th>
+						<isif condition="${empty(shipment.custom.shipmentType) || shipment.custom.shipmentType != 'instore'}"/>
+							<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('order.orderdetails.shippingto','order',null)}</th>
+						<iselse/>
+							<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('cart.store.instorepickup','checkout',null)}</th>
+						</isif>
+					</tr>
+				</thead>
+				<isloop items="${shipment.productLineItems}" var="productLineItem" status="pliloopstate">
+					<tr>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<iscomment>Display product line and product using module</iscomment>
+							<isdisplayliproduct p_productli="${productLineItem}" p_editable="${false}"/>
+						</td>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isprint value="${productLineItem.quantity}"/>
+						</td>
+
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<iscomment>Render quantity. If it is a bonus product render word 'Bonus'</iscomment>
+							<isif condition="${productLineItem.bonusProductLineItem}">
+								<isset name="bonusProductPrice" value="${productLineItem.getAdjustedPrice()}" scope="page"/>
+								<isinclude template="checkout/components/displaybonusproductprice" />
+								<isprint value="${bonusProductPriceValue}" />
+							<iselse/>
+								<isprint value="${productLineItem.adjustedPrice}"/>
+								<isif condition="${productLineItem.optionProductLineItems.size() > 0}">
+									<isloop items="${productLineItem.optionProductLineItems}" var="optionLI">
+										<p style="color:#990000;">+ <isprint value="${optionLI.adjustedPrice}"/></p>
+									</isloop>
+								</isif>
+							</isif>
+						</td>
+
+						<iscomment>only show shipping address for first pli in shipment</iscomment>
+						<isif condition="${pliloopstate.first}">
+							<isset name="rowSpan" value="${shipment.productLineItems.size()}" scope="page"/>
+							<td rowspan="${rowSpan.toFixed()}" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top; border-left: 2px solid #cccccc;">
+								<div>
+									<isminishippingaddress p_shipment="${shipment}" p_editable="${false}" p_showmethod="${false}" p_showpromos="${false}"/>
+								</div>
+								<div>
+									${Resource.msg('order.orderdetails.shippingmethod','order',null)}
+									<isif condition="${!empty(shipment.shippingMethod)}">
+										<isprint value="${shipment.shippingMethod.displayName}"/>
+									<iselse/>
+										<isprint value="${shipment.shippingMethodID}"/>
+									</isif>
+								</div>
+								<div>
+									${Resource.msg('order.orderdetails.shippingstatus','order',null)}
+									<isif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_NOTSHIPPED}">
+										${Resource.msg('order.orderdetails.notshipped','order',null)}
+									<iselseif condition="${shipment.shippingStatus==dw.order.Shipment.SHIPPING_STATUS_SHIPPED}">
+										${Resource.msg('order.orderdetails.shipped','order',null)}
+									<iselse/>
+										${Resource.msg('order.orderdetails.notknown','order',null)}
+									</isif>
+								</div>
+								<isif condition="${!empty(shipment.trackingNumber)}">
+									<div>
+										${Resource.msg('order.orderdetails.tracking','order',null)}
+										<!-- Tracking Number --><isprint value="${shipment.trackingNumber}"/>
+									</div>
+								</isif>
+							</td>
+						</isif>
+					</tr>
+				</isloop>
+			<iscomment>Shipment Gift Message</iscomment>
+			<isif condition="${shipment.gift}">
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						${Resource.msg('order.orderdetails.giftmessage','order',null)}
+					</td>
+				</tr>
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						<isif condition="${!empty(shipment.giftMessage)}">
+							<isprint value="${shipment.giftMessage}"/>
+						<iselse/>
+							&nbsp;
+						</isif>
+					</td>
+				</tr>
+			</isif>
+			</table>
+
+		</isif>
+
+		<isif condition="${shipment.giftCertificateLineItems.size() > 0}">
+
+			<iscomment>Shipment Gift Certificate</iscomment>
+			<table  style="background:#ffffff;border:1px solid #999999;width:680px;">
+				<thead>
+					<tr>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.item','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('global.price','locale',null)}</th>
+						<th style="background:#cccccc;padding:5px 20px;font-size:12px;font-family:arial;text-align:left;">${Resource.msg('order.orderdetails.shippingto','order',null)}</th>
+					</tr>
+				</thead>
+				<isloop items="${shipment.giftCertificateLineItems}" var="giftCertificateLineItem" status="gcliloopstate">
+					<tr>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							${Resource.msg('global.giftcertificate','locale',null)}
+							<div>
+								${Resource.msg('order.orderdetails.giftcertto','order',null)}
+									<isprint value="${giftCertificateLineItem.recipientName}"/><br />
+									<isprint value="${giftCertificateLineItem.recipientEmail}"/>
+							</div>
+							<div>
+								${Resource.msg('order.orderdetails.giftcertfrom','order',null)}
+									<isprint value="${giftCertificateLineItem.senderName}"/><br />
+									<isprint value="${Order.customerEmail}"/>
+							</div>
+						</td>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isprint value="${giftCertificateLineItem.price}"/>
+						</td>
+						<td style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<div>
+								${Resource.msg('order.orderdetails.giftcertshippingaddress','order',null)}
+								<div>
+									<isprint value="${giftCertificateLineItem.recipientName}"/>
+									<isprint value="${giftCertificateLineItem.recipientEmail}"/>
+								</div>
+							</div>
+							<div>
+								${Resource.msg('order.orderdetails.shippingmethod','order',null)}
+								${Resource.msg('order.orderdetails.giftcertshipping','order',null)}
+							</div>
+						</td>
+					</tr>
+				</isloop>
+
+				<iscomment>if shipment is marked as gift</iscomment>
+				<tr>
+					<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+						${Resource.msg('order.orderdetails.giftmessage','order',null)}
+					</td>
+				</tr>
+
+				<isif condition="${shipment.gift}">
+					<tr>
+						<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isif condition="${!empty(shipment.giftMessage)}">
+								<isprint value="${shipment.giftMessage}"/>
+							<iselse/>
+								&nbsp;
+							</isif>
+						</td>
+					</tr>
+				<iselse/>
+					<tr>
+						<td colspan="4" style="font-size:12px;font-family:arial;padding:20px 10px;vertical-align:top;">
+							<isset name="theGiftCert" value="${shipment.giftCertificateLineItems.iterator().next()}" scope="page"/>
+							<isif condition="${!empty(theGiftCert.message)}">
+								<isprint value="${theGiftCert.message}"/>
+							<iselse/>
+								&nbsp;
+							</isif>
+						</td>
+					</tr>
+				</isif>
+			</table>
+
+		</isif>
+	</isloop>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/default/pos.isml b/cartridges/int_adyen_controllers/cartridge/templates/default/pos.isml
new file mode 100644
index 000000000..e7efd35e9
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/default/pos.isml
@@ -0,0 +1,22 @@
+<iscontent type="text/html" charset="UTF-8" compact="true"/>
+<isinclude template="util/modules"/>
+
+<isset name="brandCode" value="AdyenPOS" scope="session"/>
+<isset name="connectedTerminals" value="${pdict.AdyenSessionsResponse.adyenConnectedTerminals}" scope="page"/>
+
+<isinputfield type="hidden" formfield="${pdict.CurrentForms.adyPaydata.terminalId}" />
+<div class="form-row form-indent">
+<isif condition="${connectedTerminals.uniqueTerminalIds && connectedTerminals.uniqueTerminalIds.length > 0}">
+	<div class="field-wrapper">
+		<h4>${Resource.msg('terminal.selectTerminal','adyen',null)}</h4>
+		<select class="connectedTerminals" id="terminalList">
+			<isloop items="${connectedTerminals.uniqueTerminalIds}" var="uniqueTerminal">
+				<option label="${uniqueTerminal}" value="${uniqueTerminal}"/>
+			</isloop>
+		</select>
+	</div>
+	<iselse>
+		<h4>${Resource.msg('terminal.noTerminals','adyen',null)}</h4>
+	</iselse>
+</isif>
+</div>
diff --git a/cartridges/int_adyen_controllers/cartridge/templates/resources/adyen.properties b/cartridges/int_adyen_controllers/cartridge/templates/resources/adyen.properties
new file mode 100644
index 000000000..c9e2249d0
--- /dev/null
+++ b/cartridges/int_adyen_controllers/cartridge/templates/resources/adyen.properties
@@ -0,0 +1 @@
+title.adyenGiving=Donate
\ No newline at end of file
diff --git a/cartridges/int_adyen_controllers/package.json b/cartridges/int_adyen_controllers/package.json
new file mode 100644
index 000000000..1be3d21a4
--- /dev/null
+++ b/cartridges/int_adyen_controllers/package.json
@@ -0,0 +1,3 @@
+{
+	"hooks": "./cartridge/scripts/hooks.json"
+}
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/adyenConstants/constants.js b/cartridges/int_adyen_overlay/cartridge/adyenConstants/constants.js
new file mode 100644
index 000000000..4aef4e43c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/adyenConstants/constants.js
@@ -0,0 +1,92 @@
+"use strict";
+
+// Adyen constants
+
+module.exports = {
+  METHOD_ADYEN: 'Adyen',
+  METHOD_ADYEN_POS: 'AdyenPOS',
+  METHOD_ADYEN_COMPONENT: 'AdyenComponent',
+  METHOD_CREDIT_CARD: 'CREDIT_CARD',
+  PAYMENT_INSTRUMENT_ADYEN_CREDIT: 'ADYEN_CREDIT',
+  PAYMENT_INSTRUMENT_ADYEN_POS: 'Adyen_POS',
+  PAYMENT_INSTRUMENT_ADYEN_COMPONENT: 'Adyen_Component',
+  // Possible checkout result codes
+  RESULTCODES: {
+    AUTHORISED: 'Authorised',
+    CANCELLED: 'Cancelled',
+    CHALLENGESHOPPER: 'ChallengeShopper',
+    ERROR: 'Error',
+    IDENTIFYSHOPPER: 'IdentifyShopper',
+    PENDING: 'Pending',
+    PRESENTTOSHOPPER: 'PresentToShopper',
+    RECEIVED: 'Received',
+    REDIRECTSHOPPER: 'RedirectShopper',
+    REFUSED: 'Refused'
+  },
+  ACTIONTYPES: {
+    VOUCHER: 'voucher',
+    GIFTCARD: 'giftcard'
+  },
+  CHECKOUT_COMPONENT_IMAGE_URL_PATH: 'images/logos/medium/',
+  PAYMENTMETHODS: {
+    APPLEPAY: 'applepay',
+    AMAZONPAY: 'amazonpay'
+  },
+  CAN_SKIP_SUMMARY_PAGE: ['applepay', 'cashapp'],
+  PLATFORMS: {
+    SFRA: 'SFRA',
+    SG: 'SG'
+  },
+  SERVICE: {
+    PAYMENT: 'AdyenPayment',
+    PAYMENTDETAILS: 'AdyenPaymentDetails',
+    RECURRING_DISABLE: 'AdyenRecurringDisable',
+    SESSIONS: 'AdyenSessions',
+    POSPAYMENT: 'AdyenPosPayment',
+    CHECKOUTPAYMENTMETHODS: 'AdyenCheckoutPaymentMethods',
+    CONNECTEDTERMINALS: 'AdyenConnectedTerminals',
+    ADYENGIVING: 'AdyenGiving',
+    CHECKBALANCE: 'AdyenCheckBalance',
+    CANCELPARTIALPAYMENTORDER: 'AdyenCancelPartialPaymentOrder',
+    PARTIALPAYMENTSORDER: 'AdyenPartialPaymentsOrder'
+  },
+  CONTRACT: {
+    ONECLICK: 'ONECLICK'
+  },
+  MODE: {
+    TEST: 'TEST',
+    LIVE: 'LIVE'
+  },
+  ADYEN_LIVE_URL: 'https://live.adyen.com/',
+  ADYEN_TEST_URL: 'https://test.adyen.com/',
+  FRONTEND_REGIONS: {
+    US: 'US',
+    AU: 'AU',
+    EU: 'EU',
+    IN: 'IN'
+  },
+  SHOPPER_INTERACTIONS: {
+    CONT_AUTH: 'ContAuth',
+    ECOMMERCE: 'Ecommerce'
+  },
+  DONATION_RESULT: {
+    COMPLETED: 'completed'
+  },
+  RECURRING_PROCESSING_MODEL: {
+    CARD_ON_FILE: 'CardOnFile'
+  },
+  MAX_API_RETRIES: 3,
+  GIFTCARD_EXPIRATION_MINUTES: 30,
+  OMS_NAMESPACE: 'adyen_payment',
+  NOTIFICATION_PAYLOAD_DATA_SEPARATOR: ':',
+  CHECKOUT_ENVIRONMENT_TEST: 'test',
+  CHECKOUT_ENVIRONMENT_LIVE_EU: 'live',
+  CHECKOUT_ENVIRONMENT_LIVE_US: 'live-us',
+  CHECKOUT_ENVIRONMENT_LIVE_AU: 'live-au',
+  CHECKOUT_ENVIRONMENT_LIVE_IN: 'live-in',
+  CHECKOUT_COMPONENT_VERSION: {
+    SFRA: '5.44.0',
+    SG: '5.28.0'
+  },
+  VERSION: '23.3.0'
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/adyenConstants/paymentMethodDescriptions.js b/cartridges/int_adyen_overlay/cartridge/adyenConstants/paymentMethodDescriptions.js
new file mode 100644
index 000000000..b00a4d128
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/adyenConstants/paymentMethodDescriptions.js
@@ -0,0 +1,6 @@
+"use strict";
+
+module.exports = {
+  ideal: 'Dutch payment method example description',
+  paypal: 'PayPal example description'
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/int_adyen_overlay.properties b/cartridges/int_adyen_overlay/cartridge/int_adyen_overlay.properties
new file mode 100644
index 000000000..baa29c317
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/int_adyen_overlay.properties
@@ -0,0 +1,8 @@
+## cartridge.properties for cartridge int_adyen_overlay
+#Thu Apr 14 17:37:49 CEST 2011
+demandware.cartridges.int_adyen_overlay.id=int_adyen_overlay
+demandware.cartridges.int_adyen_overlay.multipleLanguageStorefront=true
+
+
+# defines what ID the storefront application cartridge has - default is app_tdc
+demandware.core.cartridge=app_storefront_core
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenCheckout.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenCheckout.js
new file mode 100644
index 000000000..605dd172c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenCheckout.js
@@ -0,0 +1,250 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Passes on credit card details to Adyen using the Adyen PAL adapter
+ * Receives a response and sets the order status accordingly
+ * created on 23dec2014
+ *
+ */
+
+/* API Includes */
+var Resource = require('dw/web/Resource');
+var Order = require('dw/order/Order');
+var Transaction = require('dw/system/Transaction');
+var StringUtils = require('dw/util/StringUtils');
+
+/* Script Modules */
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var RiskDataHelper = require('*/cartridge/scripts/util/riskDataHelper');
+var AdyenGetOpenInvoiceData = require('*/cartridge/scripts/adyenGetOpenInvoiceData');
+var adyenLevelTwoThreeData = require('*/cartridge/scripts/adyenLevelTwoThreeData');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+
+//SALE payment methods require payment transaction type to be Capture
+function setPaymentTransactionType(paymentInstrument, paymentMethod) {
+  var salePaymentMethods = AdyenConfigs.getAdyenSalePaymentMethods();
+  if (salePaymentMethods.indexOf(paymentMethod.type) > -1) {
+    Transaction.wrap(function () {
+      paymentInstrument.getPaymentTransaction().setType(dw.order.PaymentTransaction.TYPE_CAPTURE);
+    });
+  }
+}
+function createPaymentRequest(args) {
+  try {
+    var order = args.Order;
+    var paymentInstrument = args.PaymentInstrument;
+
+    // Create request object with payment details
+    var paymentRequest = AdyenHelper.createAdyenRequestObject(order, paymentInstrument);
+    paymentRequest = AdyenHelper.add3DS2Data(paymentRequest);
+
+    // Add Risk data
+    if (AdyenConfigs.getAdyenBasketFieldsEnabled()) {
+      paymentRequest.additionalData = RiskDataHelper.createBasketContentFields(order);
+    }
+
+    // L2/3 Data
+    if (AdyenConfigs.getAdyenLevel23DataEnabled()) {
+      paymentRequest.additionalData = _objectSpread(_objectSpread({}, paymentRequest.additionalData), adyenLevelTwoThreeData.getLineItems(args));
+    }
+
+    // Add installments
+    if (AdyenConfigs.getCreditCardInstallments()) {
+      var _JSON$parse$installme;
+      var numOfInstallments = (_JSON$parse$installme = JSON.parse(paymentInstrument.custom.adyenPaymentData).installments) === null || _JSON$parse$installme === void 0 ? void 0 : _JSON$parse$installme.value;
+      if (numOfInstallments !== undefined) {
+        paymentRequest.installments = {
+          value: numOfInstallments
+        };
+      }
+    }
+    var value = AdyenHelper.getCurrencyValueForApi(paymentInstrument.paymentTransaction.amount).getValueOrNull();
+    var currency = paymentInstrument.paymentTransaction.amount.currencyCode;
+    // Add partial payments order if applicable
+    if (paymentInstrument.custom.adyenPartialPaymentsOrder) {
+      var adyenPartialPaymentsOrder = JSON.parse(paymentInstrument.custom.adyenPartialPaymentsOrder);
+      if (value === adyenPartialPaymentsOrder.amount.value && currency === adyenPartialPaymentsOrder.amount.currency) {
+        paymentRequest.order = adyenPartialPaymentsOrder.order;
+        paymentRequest.amount = adyenPartialPaymentsOrder.remainingAmount;
+      } else {
+        throw new Error("Cart has been edited after applying a gift card");
+      }
+    } else {
+      paymentRequest.amount = {
+        currency: currency,
+        value: value
+      };
+    }
+    var paymentMethodType = paymentRequest.paymentMethod.type;
+    // Create billing and delivery address objects for new orders,
+    // no address fields for credit cards through My Account
+    paymentRequest = AdyenHelper.createAddressObjects(order, paymentMethodType, paymentRequest);
+    // Create shopper data fields
+    paymentRequest = AdyenHelper.createShopperObject({
+      order: order,
+      paymentRequest: paymentRequest
+    });
+    if (session.privacy.adyenFingerprint) {
+      paymentRequest.deviceFingerprint = session.privacy.adyenFingerprint;
+    }
+    // Set open invoice data
+    if (AdyenHelper.isOpenInvoiceMethod(paymentRequest.paymentMethod.type)) {
+      args.addTaxPercentage = true;
+      if (paymentRequest.paymentMethod.type.indexOf('klarna') > -1) {
+        var _order$getDefaultShip;
+        args.addTaxPercentage = false;
+        var address = order.getBillingAddress();
+        var shippingMethod = (_order$getDefaultShip = order.getDefaultShipment()) === null || _order$getDefaultShip === void 0 ? void 0 : _order$getDefaultShip.shippingMethod;
+        var otherDeliveryAddress = {
+          shipping_method: shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.displayName,
+          shipping_type: shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.description,
+          first_name: address.firstName,
+          last_name: address.lastName,
+          street_address: "".concat(address.address1, " ").concat(address.address2),
+          postal_code: address.postalCode,
+          city: address.city,
+          country: address.countryCode.value
+        };
+        // openinvoicedata.merchantData holds merchant data. It takes data in a Base64 encoded string.
+        paymentRequest.additionalData['openinvoicedata.merchantData'] = StringUtils.encodeBase64(JSON.stringify(otherDeliveryAddress));
+      }
+      paymentRequest.lineItems = AdyenGetOpenInvoiceData.getLineItems(args);
+      if (paymentRequest.paymentMethod.type.indexOf('ratepay') > -1 && session.privacy.ratePayFingerprint) {
+        paymentRequest.deviceFingerprint = session.privacy.ratePayFingerprint;
+      }
+    }
+
+    //Set tokenisation
+    if (AdyenConfigs.getAdyenTokenisationEnabled()) {
+      paymentRequest.storePaymentMethod = true;
+      paymentRequest.recurringProcessingModel = constants.RECURRING_PROCESSING_MODEL.CARD_ON_FILE;
+    }
+    setPaymentTransactionType(paymentInstrument, paymentRequest.paymentMethod);
+
+    // make API call
+    return doPaymentsCall(order, paymentInstrument, paymentRequest);
+  } catch (e) {
+    AdyenLogs.error_log("error processing payment. Error message: ".concat(e.message, " more details: ").concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return {
+      error: true
+    };
+  }
+}
+function doPaymentsCall(order, paymentInstrument, paymentRequest) {
+  var paymentResponse = {};
+  var errorMessage = '';
+  try {
+    var _paymentRequest$payme, _paymentRequest$payme2;
+    var platformVersion = AdyenHelper.getApplicationInfo().externalPlatform.version;
+    var service = platformVersion === constants.PLATFORMS.SG ? "".concat(constants.SERVICE.PAYMENT).concat(constants.PLATFORMS.SG) : constants.SERVICE.PAYMENT;
+    var responseObject = AdyenHelper.executeCall(service, paymentRequest);
+    // There is no order for zero auth transactions.
+    // Return response directly to PaymentInstruments-SavePayment
+    if (!order) {
+      return responseObject;
+    }
+    // set custom payment method field to sync with OMS. for card payments (scheme) we will store the brand
+    order.custom.Adyen_paymentMethod = (paymentRequest === null || paymentRequest === void 0 ? void 0 : (_paymentRequest$payme = paymentRequest.paymentMethod) === null || _paymentRequest$payme === void 0 ? void 0 : _paymentRequest$payme.brand) || (paymentRequest === null || paymentRequest === void 0 ? void 0 : (_paymentRequest$payme2 = paymentRequest.paymentMethod) === null || _paymentRequest$payme2 === void 0 ? void 0 : _paymentRequest$payme2.type);
+    paymentResponse.fullResponse = responseObject;
+    paymentResponse.redirectObject = responseObject.action ? responseObject.action : '';
+    paymentResponse.resultCode = responseObject.resultCode;
+    paymentResponse.pspReference = responseObject.pspReference ? responseObject.pspReference : '';
+    paymentResponse.adyenAmount = paymentRequest.amount.value;
+    paymentResponse.decision = 'ERROR';
+    if (responseObject.additionalData) {
+      paymentInstrument.paymentTransaction.custom.Adyen_paymentMethod = responseObject.additionalData.paymentMethod ? responseObject.additionalData.paymentMethod : null;
+    }
+    var acceptedResultCodes = [constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.PENDING, constants.RESULTCODES.RECEIVED, constants.RESULTCODES.REDIRECTSHOPPER];
+    var presentToShopperResultCodes = [constants.RESULTCODES.PRESENTTOSHOPPER];
+    var refusedResultCodes = [constants.RESULTCODES.CANCELLED, constants.RESULTCODES.ERROR, constants.RESULTCODES.REFUSED];
+    var resultCode = paymentResponse.resultCode;
+    // Check the response object from /payment call
+    if (acceptedResultCodes.indexOf(resultCode) !== -1) {
+      paymentResponse.decision = 'ACCEPT';
+      // if 3D Secure is used, the statuses will be updated later
+      if (resultCode === constants.RESULTCODES.AUTHORISED) {
+        order.setPaymentStatus(Order.PAYMENT_STATUS_PAID);
+        order.setExportStatus(Order.EXPORT_STATUS_READY);
+        AdyenLogs.info_log('Payment result: Authorised');
+      }
+    } else if (presentToShopperResultCodes.indexOf(resultCode) !== -1) {
+      paymentResponse.decision = 'ACCEPT';
+      if (responseObject.action) {
+        paymentInstrument.custom.adyenAction = JSON.stringify(responseObject.action);
+      }
+    } else {
+      paymentResponse.decision = 'REFUSED';
+      order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+      order.setExportStatus(Order.EXPORT_STATUS_NOTEXPORTED);
+      errorMessage = refusedResultCodes.indexOf(resultCode) !== -1 ? Resource.msg('confirm.error.declined', 'checkout', null) : Resource.msg('confirm.error.unknown', 'checkout', null);
+      if (responseObject.refusalReason) {
+        errorMessage += " (".concat(responseObject.refusalReason, ")");
+      }
+      paymentResponse.adyenErrorMessage = errorMessage;
+      AdyenLogs.info_log('Payment result: Refused');
+    }
+    return paymentResponse;
+  } catch (e) {
+    AdyenLogs.fatal_log("Adyen: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return {
+      error: true,
+      args: {
+        adyenErrorMessage: Resource.msg('confirm.error.declined', 'checkout', null)
+      }
+    };
+  }
+}
+function doPaymentsDetailsCall(paymentDetailsRequest) {
+  try {
+    var platformVersion = AdyenHelper.getApplicationInfo().externalPlatform.version;
+    var service = platformVersion === constants.PLATFORMS.SG ? "".concat(constants.SERVICE.PAYMENTDETAILS).concat(constants.PLATFORMS.SG) : constants.SERVICE.PAYMENTDETAILS;
+    return AdyenHelper.executeCall(service, paymentDetailsRequest);
+  } catch (ex) {
+    AdyenLogs.error_log("error parsing response object ".concat(ex.message));
+    return {
+      error: true
+    };
+  }
+}
+function doCheckBalanceCall(checkBalanceRequest) {
+  return AdyenHelper.executeCall(constants.SERVICE.CHECKBALANCE, checkBalanceRequest);
+}
+function doCancelPartialPaymentOrderCall(cancelOrderRequest) {
+  return AdyenHelper.executeCall(constants.SERVICE.CANCELPARTIALPAYMENTORDER, cancelOrderRequest);
+}
+function doCreatePartialPaymentOrderCall(partialPaymentRequest) {
+  return AdyenHelper.executeCall(constants.SERVICE.PARTIALPAYMENTSORDER, partialPaymentRequest);
+}
+module.exports = {
+  createPaymentRequest: createPaymentRequest,
+  doPaymentsCall: doPaymentsCall,
+  doPaymentsDetailsCall: doPaymentsDetailsCall,
+  doCheckBalanceCall: doCheckBalanceCall,
+  doCancelPartialPaymentOrderCall: doCancelPartialPaymentOrderCall,
+  doCreatePartialPaymentOrderCall: doCreatePartialPaymentOrderCall
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenCustomLogs.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenCustomLogs.js
new file mode 100644
index 000000000..456cd31a1
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenCustomLogs.js
@@ -0,0 +1,21 @@
+"use strict";
+
+var Logger = require('dw/system/Logger');
+function fatal_log(msg) {
+  return Logger.getLogger('Adyen_fatal', 'Adyen').fatal(msg);
+}
+function error_log(msg) {
+  return Logger.getLogger('Adyen_error', 'Adyen').error(msg);
+}
+function debug_log(msg) {
+  return Logger.getLogger('Adyen_debug', 'Adyen').debug(msg);
+}
+function info_log(msg) {
+  return Logger.getLogger('Adyen_info', 'Adyen').info(msg);
+}
+module.exports = {
+  fatal_log: fatal_log,
+  error_log: error_log,
+  debug_log: debug_log,
+  info_log: info_log
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenDeleteRecurringPayment.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenDeleteRecurringPayment.js
new file mode 100644
index 000000000..735378140
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenDeleteRecurringPayment.js
@@ -0,0 +1,54 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Deletes recurring payment instrument from Adyen
+ */
+
+/* Script Modules */
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function deleteRecurringPayment(args) {
+  try {
+    var customer = args.Customer ? args.Customer : null;
+    var profile = customer && customer.registered && customer.getProfile() ? customer.getProfile() : null;
+    var customerID = null;
+    var recurringDetailReference = args.RecurringDetailReference ? args.RecurringDetailReference : null;
+    if (profile && profile.getCustomerNo()) {
+      customerID = profile.getCustomerNo();
+    }
+    if (!(customerID && recurringDetailReference)) {
+      throw new Error('No Customer ID or RecurringDetailReference provided');
+    }
+    var requestObject = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      shopperReference: customerID,
+      recurringDetailReference: recurringDetailReference,
+      contract: constants.CONTRACT.ONECLICK
+    };
+    AdyenHelper.executeCall(constants.SERVICE.RECURRING_DISABLE, requestObject);
+  } catch (e) {
+    AdyenLogs.fatal_log("Adyen: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+}
+module.exports = {
+  deleteRecurringPayment: deleteRecurringPayment
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetOpenInvoiceData.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetOpenInvoiceData.js
new file mode 100644
index 000000000..74573fa97
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetOpenInvoiceData.js
@@ -0,0 +1,61 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Generate the parameters needed for the redirect to the Adyen Hosted Payment Page.
+ * A signature is calculated based on the configured HMAC code
+ */
+
+// script include
+var LineItemHelper = require('*/cartridge/scripts/util/lineItemHelper');
+function getLineItems(_ref) {
+  var order = _ref.Order,
+    basket = _ref.Basket,
+    addTaxPercentage = _ref.addTaxPercentage;
+  if (!(order || basket)) return null;
+  var orderOrBasket = order || basket;
+  var allLineItems = orderOrBasket.getAllLineItems();
+
+  // Add all product and shipping line items to request
+  var lineItems = [];
+  for (var item in allLineItems) {
+    var lineItem = allLineItems[item];
+    if (lineItem instanceof dw.order.ProductLineItem && !lineItem.bonusProductLineItem || lineItem instanceof dw.order.ShippingLineItem || lineItem instanceof dw.order.PriceAdjustment && lineItem.promotion.promotionClass === dw.campaign.Promotion.PROMOTION_CLASS_ORDER) {
+      var lineItemObject = {};
+      var description = LineItemHelper.getDescription(lineItem);
+      var id = LineItemHelper.getId(lineItem);
+      var quantity = LineItemHelper.getQuantity(lineItem);
+      var itemAmount = LineItemHelper.getItemAmount(lineItem).divide(quantity);
+      var vatAmount = LineItemHelper.getVatAmount(lineItem).divide(quantity);
+      var vatPercentage = LineItemHelper.getVatPercentage(lineItem);
+      lineItemObject.amountExcludingTax = itemAmount.getValue().toFixed();
+      lineItemObject.taxAmount = vatAmount.getValue().toFixed();
+      lineItemObject.description = description;
+      lineItemObject.id = id;
+      lineItemObject.quantity = quantity;
+      lineItemObject.taxCategory = 'None';
+      lineItemObject.taxPercentage = addTaxPercentage ? (new Number(vatPercentage) * 10000).toFixed() : 0;
+      lineItems.push(lineItemObject);
+    }
+  }
+  return lineItems;
+}
+module.exports = {
+  getLineItems: getLineItems
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetPaymentMethods.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetPaymentMethods.js
new file mode 100644
index 000000000..61088b736
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGetPaymentMethods.js
@@ -0,0 +1,76 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Send request to adyen to get payment methods based on country code and currency
+ */
+
+// script include
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getMethods(basket, customer, countryCode) {
+  try {
+    var paymentAmount;
+    var currencyCode;
+
+    // paymentMethods call from checkout
+    if (basket) {
+      currencyCode = basket.currencyCode;
+      paymentAmount = basket.getTotalGrossPrice().isAvailable() ? AdyenHelper.getCurrencyValueForApi(basket.getTotalGrossPrice()) : new dw.value.Money(1000, currencyCode);
+    } else {
+      // paymentMethods call from My Account
+      currencyCode = session.currency.currencyCode;
+      paymentAmount = new dw.value.Money(0, currencyCode);
+    }
+    var paymentMethodsRequest = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      amount: {
+        currency: currencyCode,
+        value: paymentAmount.value
+      }
+    };
+    if (countryCode) {
+      paymentMethodsRequest.countryCode = countryCode;
+    }
+    if (request.getLocale()) {
+      paymentMethodsRequest.shopperLocale = request.getLocale();
+    }
+
+    // check logged in shopper for oneClick
+    var profile = customer && customer.registered && customer.getProfile() ? customer.getProfile() : null;
+    var customerID = null;
+    if (profile && profile.getCustomerNo()) {
+      customerID = profile.getCustomerNo();
+    }
+    if (customerID) {
+      paymentMethodsRequest.shopperReference = customerID;
+    }
+    paymentMethodsRequest.blockedPaymentMethods = AdyenHelper.BLOCKED_PAYMENT_METHODS;
+    var platformVersion = AdyenHelper.getApplicationInfo().externalPlatform.version;
+    var service = platformVersion === constants.PLATFORMS.SG ? "".concat(constants.SERVICE.CHECKOUTPAYMENTMETHODS).concat(constants.PLATFORMS.SG) : constants.SERVICE.CHECKOUTPAYMENTMETHODS;
+    return AdyenHelper.executeCall(service, paymentMethodsRequest);
+  } catch (e) {
+    AdyenLogs.fatal_log("Adyen: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+}
+module.exports = {
+  getMethods: getMethods
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenGiving.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGiving.js
new file mode 100644
index 000000000..5936b629c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenGiving.js
@@ -0,0 +1,87 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Make a donation to Adyen giving
+ */
+
+// script include
+var OrderMgr = require('dw/order/OrderMgr');
+var Transaction = require('dw/system/Transaction');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function donate(donationReference, donationAmount, orderToken) {
+  try {
+    if (session.privacy.orderNo !== donationReference) {
+      throw new Error("Donation reference is invalid");
+    }
+    var paymentMethodVariant;
+    var order = OrderMgr.getOrder(donationReference, orderToken);
+    var paymentInstrument = order.getPaymentInstruments(AdyenHelper.getOrderMainPaymentInstrumentType(order))[0];
+    var donationToken = paymentInstrument.paymentTransaction.custom.Adyen_donationToken;
+    var originalReference = paymentInstrument.paymentTransaction.custom.Adyen_pspReference;
+    var paymentData = JSON.parse(paymentInstrument.paymentTransaction.custom.Adyen_log);
+    var paymentCurrency = paymentData.amount.currency;
+    var availableDonationAmounts = AdyenHelper.getDonationAmounts();
+    paymentMethodVariant = paymentInstrument.custom.Adyen_Payment_Method_Variant;
+
+    // for iDeal donations, the payment method variant needs to be set to sepadirectdebit
+    if (paymentMethodVariant === 'ideal') {
+      paymentMethodVariant = 'sepadirectdebit';
+    }
+    var requestObject = {
+      merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+      donationAccount: AdyenConfigs.getAdyenGivingCharityAccount(),
+      amount: donationAmount,
+      reference: "".concat(AdyenConfigs.getAdyenMerchantAccount(), "-").concat(donationReference),
+      donationOriginalPspReference: originalReference,
+      donationToken: donationToken,
+      paymentMethod: {
+        type: paymentMethodVariant
+      },
+      shopperInteraction: constants.SHOPPER_INTERACTIONS.CONT_AUTH
+    };
+    if (availableDonationAmounts.indexOf(parseInt(donationAmount.value)) === -1) {
+      throw new Error("Donation amount is invalid");
+    }
+    if (paymentCurrency !== donationAmount.currency) {
+      throw new Error("Donation currency is invalid");
+    }
+    var platformVersion = AdyenHelper.getApplicationInfo().externalPlatform.version;
+    var service = platformVersion === constants.PLATFORMS.SG ? "".concat(constants.SERVICE.ADYENGIVING).concat(constants.PLATFORMS.SG) : constants.SERVICE.ADYENGIVING;
+    var response = AdyenHelper.executeCall(service, requestObject);
+    Transaction.wrap(function () {
+      var order = OrderMgr.getOrder(donationReference);
+      order.custom.Adyen_donationAmount = JSON.stringify(donationAmount);
+      // Donation token is deleted in case the donation is completed once
+      if (response.status === constants.DONATION_RESULT.COMPLETED) {
+        paymentInstrument.paymentTransaction.custom.Adyen_donationToken = null;
+      }
+      ;
+    });
+    return response;
+  } catch (e) {
+    AdyenLogs.error_log("Adyen: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+}
+module.exports = {
+  donate: donate
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenLevelTwoThreeData.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenLevelTwoThreeData.js
new file mode 100644
index 000000000..13794239c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenLevelTwoThreeData.js
@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Add all product and shipping line items to request
+ */
+
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var LineItemHelper = require('*/cartridge/scripts/util/lineItemHelper');
+function getLineItems(_ref) {
+  var order = _ref.Order,
+    basket = _ref.Basket;
+  if (!(order || basket)) return null;
+  var orderOrBasket = order || basket;
+  var allLineItems = orderOrBasket.getProductLineItems();
+  var shopperReference = getShopperReference(orderOrBasket);
+  return allLineItems.toArray().reduce(function (acc, lineItem, index) {
+    var _objectSpread2;
+    var description = LineItemHelper.getDescription(lineItem);
+    var id = LineItemHelper.getId(lineItem);
+    var quantity = LineItemHelper.getQuantity(lineItem);
+    var itemAmount = LineItemHelper.getItemAmount(lineItem).divide(quantity);
+    var vatAmount = LineItemHelper.getVatAmount(lineItem).divide(quantity);
+    var commodityCode = AdyenConfigs.getAdyenLevel23CommodityCode();
+    var currentLineItem = _objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".unitPrice"), itemAmount.value.toFixed()), _defineProperty(_objectSpread2, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".totalAmount"), parseFloat(itemAmount.value.toFixed()) + parseFloat(vatAmount.value.toFixed())), _defineProperty(_objectSpread2, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".quantity"), quantity), _defineProperty(_objectSpread2, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".unitOfMeasure"), 'EAC'), _objectSpread2), commodityCode && _defineProperty({}, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".commodityCode"), commodityCode)), description && _defineProperty({}, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".description"), description.substring(0, 26).replace(/[^\x00-\x7F]/g, ''))), id && _defineProperty({}, "enhancedSchemeData.itemDetailLine".concat(index + 1, ".productCode"), id.substring(0, 12)));
+    return _objectSpread(_objectSpread(_objectSpread({}, acc), currentLineItem), {}, {
+      'enhancedSchemeData.totalTaxAmount': acc['enhancedSchemeData.totalTaxAmount'] + parseFloat(vatAmount.value.toFixed())
+    });
+  }, {
+    'enhancedSchemeData.totalTaxAmount': 0.0,
+    'enhancedSchemeData.customerReference': shopperReference.substring(0, 25)
+  });
+}
+function getShopperReference(orderOrBasket) {
+  var customer = orderOrBasket.getCustomer();
+  var isRegistered = customer && customer.registered;
+  var profile = isRegistered && customer.getProfile();
+  var profileCustomerNo = profile && profile.getCustomerNo();
+  var orderNo = profileCustomerNo || orderOrBasket.getCustomerNo();
+  return orderNo || customer.getID() || 'no-unique-ref';
+}
+module.exports.getLineItems = getLineItems;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenRemovePreviousPI.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenRemovePreviousPI.js
new file mode 100644
index 000000000..bc63980f0
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenRemovePreviousPI.js
@@ -0,0 +1,46 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Script removing all previous added payment instruments from the provided basket
+ */
+
+function removePaymentInstruments(basket) {
+  // verify that we have a basket
+  if (!basket) {
+    return {
+      error: true
+    };
+  }
+
+  // get all payment instruments
+  var paymentInstruments = basket.getPaymentInstruments();
+  var iter = paymentInstruments.iterator();
+
+  // remove them
+  while (iter.hasNext()) {
+    basket.removePaymentInstrument(iter.next());
+  }
+  return {
+    error: false
+  };
+}
+module.exports = {
+  removePaymentInstruments: removePaymentInstruments
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenSessions.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenSessions.js
new file mode 100644
index 000000000..528d09ed1
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenSessions.js
@@ -0,0 +1,125 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2022 Adyen N.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Send request to adyen to create a checkout session
+ */
+
+// script include
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var URLUtils = require('dw/web/URLUtils');
+var AdyenGetOpenInvoiceData = require('*/cartridge/scripts/adyenGetOpenInvoiceData');
+var RiskDataHelper = require('*/cartridge/scripts/util/riskDataHelper');
+var adyenLevelTwoThreeData = require('*/cartridge/scripts/adyenLevelTwoThreeData');
+var constants = require('*/cartridge/adyenConstants/constants');
+var blockedPayments = require('*/cartridge/scripts/config/blockedPaymentMethods.json');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function createSession(basket, customer, countryCode) {
+  try {
+    var sessionsRequest = {};
+
+    // There is no basket for myAccount session requests
+    if (basket) {
+      var getRemainingAmount = function getRemainingAmount(giftCardResponse) {
+        if (giftCardResponse && JSON.parse(giftCardResponse).remainingAmount) {
+          return JSON.parse(giftCardResponse).remainingAmount;
+        }
+        return {
+          currency: basket.currencyCode,
+          value: AdyenHelper.getCurrencyValueForApi(basket.getTotalGrossPrice()).value
+        };
+      };
+      var amount = getRemainingAmount(session.privacy.giftCardResponse);
+
+      //TODO: Change AdyenHelper so that this object can have a different name. Not creating a payment request here
+      var paymentRequest = {
+        merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+        amount: amount
+      };
+
+      // Add Risk data
+      if (AdyenConfigs.getAdyenBasketFieldsEnabled()) {
+        paymentRequest.additionalData = RiskDataHelper.createBasketContentFields(basket);
+      }
+
+      // L2/3 Data
+      if (AdyenConfigs.getAdyenLevel23DataEnabled()) {
+        paymentRequest.additionalData = _objectSpread(_objectSpread({}, paymentRequest.additionalData), adyenLevelTwoThreeData.getLineItems({
+          Basket: basket
+        }));
+      }
+
+      // Create shopper data fields
+      sessionsRequest = AdyenHelper.createShopperObject({
+        order: basket,
+        paymentRequest: paymentRequest
+      });
+      sessionsRequest.lineItems = AdyenGetOpenInvoiceData.getLineItems({
+        Basket: basket
+      });
+      sessionsRequest.reference = basket.getUUID();
+    } else {
+      // if there is no basket we only retrieve 'scheme' for zeroAuth
+      sessionsRequest = {
+        merchantAccount: AdyenConfigs.getAdyenMerchantAccount(),
+        allowedPaymentMethods: ['scheme'],
+        reference: 'no_basket',
+        amount: {
+          currency: session.currency.currencyCode,
+          value: 0
+        }
+      };
+    }
+    if (countryCode) {
+      sessionsRequest.countryCode = countryCode;
+    }
+    if (request.getLocale()) {
+      sessionsRequest.shopperLocale = request.getLocale();
+    }
+
+    // This is not yet used. A valid URl to ShowConfirmation requires an order number, which we do not yet have.
+    sessionsRequest.returnUrl = URLUtils.url('Checkout-Begin', 'stage', 'placeOrder').toString();
+
+    // check logged in shopper for oneClick
+    var profile = customer && customer.registered && customer.getProfile() ? customer.getProfile() : null;
+    var customerID = null;
+    if (profile && profile.getCustomerNo()) {
+      customerID = profile.getCustomerNo();
+    }
+    if (customerID) {
+      sessionsRequest.shopperReference = customerID;
+    }
+    sessionsRequest.blockedPaymentMethods = blockedPayments.blockedPaymentMethods;
+    var platformVersion = AdyenHelper.getApplicationInfo().externalPlatform.version;
+    var service = platformVersion === constants.PLATFORMS.SG ? "".concat(constants.SERVICE.SESSIONS).concat(constants.PLATFORMS.SG) : constants.SERVICE.SESSIONS;
+    return AdyenHelper.executeCall(service, sessionsRequest);
+  } catch (e) {
+    AdyenLogs.fatal_log("Adyen: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+}
+module.exports = {
+  createSession: createSession
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenTerminalApi.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenTerminalApi.js
new file mode 100644
index 000000000..655076f8c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenTerminalApi.js
@@ -0,0 +1,200 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Send request to adyen to get connected terminals based on merchant account and storeId
+ * Make a terminal payment for given order, payment instrument and terminal(id)
+ */
+
+// script include
+var StringUtils = require('dw/util/StringUtils');
+var Transaction = require('dw/system/Transaction');
+var Order = require('dw/order/Order');
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function getTerminals() {
+  try {
+    var requestObject = {};
+    var getTerminalRequest = {};
+    getTerminalRequest.merchantAccount = AdyenConfigs.getAdyenMerchantAccount();
+
+    // storeId is optional
+    if (AdyenConfigs.getAdyenStoreId() !== null) {
+      getTerminalRequest.store = AdyenConfigs.getAdyenStoreId();
+    }
+    requestObject.request = getTerminalRequest;
+    return executeCall(constants.SERVICE.CONNECTEDTERMINALS, requestObject);
+  } catch (e) {
+    AdyenLogs.fatal_log("Adyen getTerminals: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return {
+      error: true,
+      response: '{}'
+    };
+  }
+}
+function createTerminalPayment(order, paymentInstrument, terminalId) {
+  try {
+    Transaction.begin();
+    var terminalRequestObject = {};
+    if (!order || !paymentInstrument) {
+      throw new Error("Could not retrieve payment data, order = ".concat(JSON.stringify(order), ", paymentInstrument = ").concat(JSON.stringify(paymentInstrument)));
+    }
+    var amount = paymentInstrument.paymentTransaction.amount;
+
+    // serviceId should be a unique string
+    var date = new Date();
+    var dateString = date.getTime().toString();
+    var serviceId = dateString.substr(dateString.length - 10);
+    var applicationInfoObject = {};
+    applicationInfoObject.applicationInfo = AdyenHelper.getApplicationInfo();
+    var applicationInfoBase64 = StringUtils.encodeBase64(JSON.stringify(applicationInfoObject));
+    terminalRequestObject.request = {
+      SaleToPOIRequest: {
+        MessageHeader: {
+          ProtocolVersion: '3.0',
+          MessageClass: 'Service',
+          MessageCategory: 'Payment',
+          MessageType: 'Request',
+          ServiceID: serviceId,
+          SaleID: 'SalesforceCommerceCloud',
+          POIID: terminalId
+        },
+        PaymentRequest: {
+          SaleData: {
+            SaleTransactionID: {
+              TransactionID: order.getOrderNo(),
+              TimeStamp: new Date()
+            },
+            SaleReferenceID: 'SalesforceCommerceCloudPOS',
+            SaleToAcquirerData: applicationInfoBase64
+          },
+          PaymentTransaction: {
+            AmountsReq: {
+              Currency: amount.currencyCode,
+              RequestedAmount: amount.value
+            }
+          }
+        }
+      }
+    };
+    terminalRequestObject.isPaymentRequest = true;
+    terminalRequestObject.serviceId = serviceId;
+    terminalRequestObject.terminalId = terminalId;
+    var paymentResult = executeCall(constants.SERVICE.POSPAYMENT, terminalRequestObject);
+    if (paymentResult.error) {
+      throw new Error("Error in POS payment result: ".concat(JSON.stringify(paymentResult.response)));
+    } else {
+      var terminalResponse = JSON.parse(paymentResult.response);
+      var paymentResponse = '';
+      if (terminalResponse.SaleToPOIResponse) {
+        paymentResponse = terminalResponse.SaleToPOIResponse.PaymentResponse;
+        if (paymentResponse.Response.Result === 'Success') {
+          order.custom.Adyen_eventCode = 'AUTHORISATION';
+          var pspReference = '';
+          if (!empty(paymentResponse.PaymentResult.PaymentAcquirerData.AcquirerTransactionID.TransactionID)) {
+            pspReference = paymentResponse.PaymentResult.PaymentAcquirerData.AcquirerTransactionID.TransactionID;
+          } else if (!empty(paymentResponse.POIData.POITransactionID.TransactionID)) {
+            pspReference = paymentResponse.POIData.POITransactionID.TransactionID.split('.')[1];
+          }
+          // Save full response to transaction custom attribute
+          paymentInstrument.paymentTransaction.transactionID = pspReference;
+          order.custom.Adyen_pspReference = pspReference;
+          order.setPaymentStatus(Order.PAYMENT_STATUS_PAID);
+          order.setExportStatus(Order.EXPORT_STATUS_READY);
+          paymentInstrument.paymentTransaction.custom.Adyen_log = JSON.stringify(paymentResponse);
+          Transaction.commit();
+          return {
+            error: false,
+            authorized: true
+          };
+        }
+      }
+      throw new Error("No correct response: ".concat(JSON.stringify(paymentResponse.Response)));
+    }
+  } catch (e) {
+    Transaction.rollback();
+    return {
+      error: true,
+      response: e.toString()
+    };
+  }
+}
+function sendAbortRequest(serviceId, terminalId) {
+  var abortRequestObject = {};
+  var newDate = new Date();
+  var newDateString = newDate.getTime().toString();
+  var newServiceId = newDateString.substr(newDateString.length - 10);
+  abortRequestObject.request = {
+    SaleToPOIRequest: {
+      AbortRequest: {
+        AbortReason: 'MerchantAbort',
+        MessageReference: {
+          SaleID: 'SalesforceCommerceCloud',
+          ServiceID: serviceId,
+          MessageCategory: 'Payment'
+        }
+      },
+      MessageHeader: {
+        MessageType: 'Request',
+        MessageCategory: 'Abort',
+        MessageClass: 'Service',
+        ServiceID: newServiceId,
+        SaleID: 'SalesforceCommerceCloud',
+        POIID: terminalId,
+        ProtocolVersion: '3.0'
+      }
+    }
+  };
+  return executeCall(constants.SERVICE.POSPAYMENT, abortRequestObject);
+}
+function executeCall(serviceType, requestObject) {
+  var service = AdyenHelper.getService(serviceType);
+  if (!service) {
+    throw new Error("Error creating terminal service ".concat(serviceType));
+  }
+  var apiKey = AdyenConfigs.getAdyenApiKey();
+  service.addHeader('Content-type', 'application/json');
+  service.addHeader('charset', 'UTF-8');
+  service.addHeader('X-API-KEY', apiKey);
+  var callResult = service.call(JSON.stringify(requestObject.request));
+  if (callResult.isOk() === false) {
+    if (requestObject.isPaymentRequest) {
+      var abortResult = sendAbortRequest(requestObject.serviceId, requestObject.terminalId).response;
+      return {
+        error: true,
+        response: "Request aborted: ".concat(abortResult)
+      };
+    }
+    throw new Error("Call error code".concat(callResult.getError().toString(), " Error => ResponseStatus: ").concat(callResult.getStatus(), " | ResponseErrorText: ").concat(callResult.getErrorMessage(), " | ResponseText: ").concat(callResult.getMsg()));
+  }
+  var resultObject = callResult.object;
+  if (!resultObject || !resultObject.getText()) {
+    throw new Error("No correct response from ".concat(serviceType, ", result: ").concat(JSON.stringify(resultObject)));
+  }
+  return {
+    error: false,
+    response: resultObject.getText()
+  };
+}
+module.exports = {
+  getTerminals: getTerminals,
+  createTerminalPayment: createTerminalPayment
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/adyenZeroAuth.js b/cartridges/int_adyen_overlay/cartridge/scripts/adyenZeroAuth.js
new file mode 100644
index 000000000..cec21fb5f
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/adyenZeroAuth.js
@@ -0,0 +1,55 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Make a zeroAuth payment
+ */
+
+/* API Includes */
+var URLUtils = require('dw/web/URLUtils');
+
+/* Script Modules */
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var adyenCheckout = require('*/cartridge/scripts/adyenCheckout');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var constants = require('*/cartridge/adyenConstants/constants');
+function zeroAuthPayment(customer, paymentInstrument) {
+  try {
+    var zeroAuthRequest = AdyenHelper.createAdyenRequestObject(null, paymentInstrument);
+    zeroAuthRequest = AdyenHelper.add3DS2Data(zeroAuthRequest);
+    zeroAuthRequest.amount = {
+      currency: session.currency.currencyCode,
+      value: 0
+    };
+    zeroAuthRequest.returnUrl = URLUtils.https('Adyen-Redirect3DS1Response').toString();
+    zeroAuthRequest.storePaymentMethod = true;
+    zeroAuthRequest.recurringProcessingModel = constants.RECURRING_PROCESSING_MODEL.CARD_ON_FILE;
+    zeroAuthRequest.shopperReference = customer.getProfile().getCustomerNo();
+    zeroAuthRequest.shopperEmail = customer.getProfile().getEmail();
+    return adyenCheckout.doPaymentsCall(null, paymentInstrument, zeroAuthRequest);
+  } catch (e) {
+    AdyenLogs.error_log("error processing zero auth payment. Error message: ".concat(e.message, " more details: ").concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+    return {
+      error: true
+    };
+  }
+}
+module.exports = {
+  zeroAuthPayment: zeroAuthPayment
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/checkNotificationAuth.js b/cartridges/int_adyen_overlay/cartridge/scripts/checkNotificationAuth.js
new file mode 100644
index 000000000..88404169f
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/checkNotificationAuth.js
@@ -0,0 +1,62 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ *  Script used to authentication notification calls from Adyen
+ */
+var Site = require('dw/system/Site');
+var AuthenticationUtils = require('*/cartridge/scripts/libs/libAuthenticationUtils');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function check(request) {
+  var baUser = Site.getCurrent().getCustomPreferenceValue('Adyen_notification_user');
+  var baPassword = Site.getCurrent().getCustomPreferenceValue('Adyen_notification_password');
+  var baHeader = request.httpHeaders.authorization;
+  if (!(baUser && baPassword && baHeader)) {
+    return false;
+  }
+  return AuthenticationUtils.checkGivenCredentials(baHeader, baUser, baPassword);
+}
+function compareHmac(hmacSignature, merchantSignature) {
+  var bitwiseComparison;
+  if (hmacSignature.length !== merchantSignature.length) {
+    return false;
+  }
+  for (var i = 0; i < hmacSignature.length; i++) {
+    bitwiseComparison |= hmacSignature.charCodeAt(i) ^ merchantSignature.charCodeAt(i);
+  }
+  return bitwiseComparison === 0;
+}
+;
+function validateHmacSignature(request) {
+  var notificationData = request.form;
+  var hmacSignature = notificationData['additionalData.hmacSignature'];
+  var merchantSignature = AuthenticationUtils.calculateHmacSignature(request);
+  // Checking for timing attacks
+  if (compareHmac(hmacSignature, merchantSignature)) {
+    return true;
+  }
+  ;
+  AdyenLogs.error_log("HMAC signatures mismatch, the notification request is not valid");
+  return false;
+}
+;
+module.exports = {
+  check: check,
+  validateHmacSignature: validateHmacSignature
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/config/blockedPaymentMethods.json b/cartridges/int_adyen_overlay/cartridge/scripts/config/blockedPaymentMethods.json
new file mode 100644
index 000000000..2a6506120
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/config/blockedPaymentMethods.json
@@ -0,0 +1,7 @@
+{
+  "blockedPaymentMethods": [
+    "wechatpayMiniProgram",
+    "wechatpayQR",
+    "wechatpaySDK"
+  ]
+}
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/deleteCustomObjects.js b/cartridges/int_adyen_overlay/cartridge/scripts/deleteCustomObjects.js
new file mode 100644
index 000000000..c6fcc0556
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/deleteCustomObjects.js
@@ -0,0 +1,56 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Delete custom objects
+ */
+
+var CustomObjectMgr = require('dw/object/CustomObjectMgr');
+
+//script include
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function execute(args) {
+  return handle(args.orderID);
+}
+function handle(orderID) {
+  var queryString = "custom.orderId LIKE '".concat(orderID, "*'");
+  var searchQuery = CustomObjectMgr.queryCustomObjects('adyenNotification', queryString, null);
+  if (searchQuery.count > 0) {
+    AdyenLogs.debug_log("Removing related Custom Objects with merchantReference ".concat(orderID, " with count ").concat(searchQuery.count));
+  }
+  while (searchQuery.hasNext()) {
+    var co = searchQuery.next();
+    remove(co);
+  }
+  searchQuery.close();
+  return PIPELET_NEXT;
+}
+function remove(co) {
+  AdyenLogs.info_log("Remove CO object with merchantReference ".concat(co.custom.merchantReference, " and pspReferenceNumber ").concat(co.custom.pspReference));
+  try {
+    CustomObjectMgr.remove(co);
+  } catch (e) {
+    AdyenLogs.error_log("Error occured during delete CO, ID: ".concat(co.custom.orderId, ", erorr message ").concat(e.message));
+  }
+}
+module.exports = {
+  execute: execute,
+  handle: handle,
+  remove: remove
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/handleCustomObject.js b/cartridges/int_adyen_overlay/cartridge/scripts/handleCustomObject.js
new file mode 100644
index 000000000..d04bf68b7
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/handleCustomObject.js
@@ -0,0 +1,272 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Demandware Script File
+ * where
+ *   <paramUsageType> can be either 'input' or 'output'
+ *   <paramName> can be any valid parameter name
+ *   <paramDataType> identifies the type of the parameter
+ *   <paramComment> is an optional comment
+ *
+ * For example:
+ *
+ * @input CustomObj : dw.object.CustomObject
+ * @output Order: dw.order.Order The updated order
+ * @output EventCode: String The event code
+ * @output SubmitOrder: Boolean Submit order
+ * @output RefusedHpp: Boolean Indicates that payment was made with using
+ * Adyen method and was refused
+ * @output Pending  : Boolean Indicates that payment is in pending status
+ * @output SkipOrder  : Boolean Indicates that we should skip order,
+ * order creation date > current date
+ *
+ */
+
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Order = require('dw/order/Order');
+
+//script includes
+var constants = require('*/cartridge/adyenConstants/constants');
+var adyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function execute(args) {
+  var result = handle(args.CustomObj);
+  args.EventCode = result.EventCode;
+  args.SubmitOrder = result.SubmitOrder;
+  args.RefusedHpp = result.RefusedHpp;
+  args.Pending = result.Pending;
+  args.SkipOrder = result.SkipOrder;
+  args.Order = result.Order;
+  return result.status;
+}
+function handle(customObj) {
+  var OrderMgr = require('dw/order/OrderMgr');
+  var Transaction = require('dw/system/Transaction');
+  var refusedHpp = false;
+  var pending = false;
+  var result = {};
+  result.status = PIPELET_ERROR;
+  result.EventCode = customObj.custom.eventCode;
+  result.SubmitOrder = false;
+  result.SkipOrder = false;
+
+  // split order ID by - and remove last split (which is the date)
+  var orderIdParts = customObj.custom.orderId.split('-');
+  orderIdParts.pop();
+  // in case the splitted array contains more than 1 element (DONATION case), get only the last split (which is the order number)
+  var relevantOrderIdParts = orderIdParts.length > 1 ? orderIdParts.slice(-1) : orderIdParts;
+  var orderId = relevantOrderIdParts.join('-');
+  var order = OrderMgr.getOrder(orderId);
+  result.Order = order;
+  if (order === null) {
+    // check to see if this was a $0.00 auth for recurring payment. if yes, CO can safely be deleted
+    if (orderId.indexOf('recurringPayment') > -1) {
+      result.SkipOrder = true;
+      setProcessedCOInfo(customObj);
+    } else {
+      AdyenLogs.error_log("Notification for not existing order ".concat(customObj.custom.orderId, " received."));
+    }
+    return result;
+  }
+  var isAdyen = false;
+  var orderCreateDate = order.creationDate;
+  var orderCreateDateDelay = createDelayOrderDate(orderCreateDate);
+  var currentDate = new Date();
+  var reasonCode = 'reason' in customObj.custom && !empty(customObj.custom.reason) ? customObj.custom.reason.toUpperCase() : null;
+  AdyenLogs.debug_log("Order date ".concat(orderCreateDate, " , orderCreateDateDelay ").concat(orderCreateDateDelay, " , currentDate ").concat(currentDate));
+  if (orderCreateDateDelay < currentDate) {
+    switch (customObj.custom.eventCode) {
+      case 'AUTHORISATION':
+        // Check if one of the adyen payment methods was used during payment
+        // Or if the payment method belongs to adyen payment processors
+        var paymentInstruments = order.getPaymentInstruments();
+        var adyenPaymentInstrument = null;
+        for (var pi in paymentInstruments) {
+          if ([constants.METHOD_ADYEN, constants.METHOD_ADYEN_POS, constants.METHOD_ADYEN_COMPONENT, constants.METHOD_CREDIT_CARD].indexOf(paymentInstruments[pi].paymentMethod) !== -1 || [constants.PAYMENT_INSTRUMENT_ADYEN_CREDIT, constants.PAYMENT_INSTRUMENT_ADYEN_POS, constants.PAYMENT_INSTRUMENT_ADYEN_COMPONENT].indexOf(PaymentMgr.getPaymentMethod(paymentInstruments[pi].getPaymentMethod()).getPaymentProcessor().ID) !== -1) {
+            isAdyen = true;
+            // Move adyen log request to order payment transaction
+            paymentInstruments[pi].paymentTransaction.custom.Adyen_log = customObj.custom.Adyen_log;
+            adyenPaymentInstrument = paymentInstruments[pi];
+          }
+        }
+        if (customObj.custom.success === 'true' && adyenPaymentInstrument) {
+          var amountPaid = parseFloat(order.custom.Adyen_value) + parseFloat(customObj.custom.value);
+          var totalAmount = adyenHelper.getCurrencyValueForApi(adyenPaymentInstrument.getPaymentTransaction().getAmount()).value;
+          if (order.paymentStatus.value === Order.PAYMENT_STATUS_PAID) {
+            AdyenLogs.info_log("Duplicate callback received for order ".concat(order.orderNo, "."));
+          } else if (amountPaid < totalAmount) {
+            order.setPaymentStatus(Order.PAYMENT_STATUS_PARTPAID);
+            AdyenLogs.info_log("Partial amount ".concat(customObj.custom.value, " received for order number ").concat(order.orderNo, " with total amount ").concat(totalAmount));
+          } else {
+            order.setPaymentStatus(Order.PAYMENT_STATUS_PAID);
+            order.setExportStatus(Order.EXPORT_STATUS_READY);
+            order.setConfirmationStatus(Order.CONFIRMATION_STATUS_CONFIRMED);
+            AdyenLogs.info_log("Order ".concat(order.orderNo, " updated to status PAID."));
+            result.SubmitOrder = true;
+          }
+          order.custom.Adyen_eventCode = customObj.custom.eventCode;
+          order.custom.Adyen_value = amountPaid.toString();
+        } else {
+          AdyenLogs.info_log("Authorization for order ".concat(order.orderNo, " was not successful - no update."));
+          // Determine if payment was refused and was used Adyen payment method
+          if (!empty(reasonCode) && (reasonCode === 'REFUSED' || reasonCode.indexOf('FAILED') > -1) && isAdyen) {
+            refusedHpp = true;
+          } else if (order.status.value === Order.ORDER_STATUS_FAILED) {
+            order.setConfirmationStatus(Order.CONFIRMATION_STATUS_NOTCONFIRMED);
+            order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+            order.setExportStatus(Order.EXPORT_STATUS_NOTEXPORTED);
+          }
+        }
+        break;
+      case 'CANCELLATION':
+        order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+        order.trackOrderChange('CANCELLATION notification received');
+        AdyenLogs.info_log("Order ".concat(order.orderNo, " was cancelled."));
+        break;
+      case 'CANCEL_OR_REFUND':
+        order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+        order.trackOrderChange('CANCEL_OR_REFUND notification received');
+        AdyenLogs.info_log("Order ".concat(order.orderNo, " was cancelled or refunded."));
+        break;
+      case 'DONATION':
+        if (customObj.custom.success === 'true') {
+          order.custom.Adyen_donationAmount = parseFloat(customObj.custom.value);
+        } else {
+          AdyenLogs.info_log("Donation failed for order ".concat(order.orderNo));
+        }
+        ;
+        break;
+      case 'REFUND':
+        order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+        order.trackOrderChange('REFUND notification received');
+        AdyenLogs.info_log("Order ".concat(order.orderNo, " was refunded."));
+        break;
+      // CustomAdyen
+      case 'CAPTURE_FAILED':
+        if (customObj.custom.success === 'true') {
+          order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+          order.trackOrderChange('Capture failed, cancelling order');
+          OrderMgr.cancelOrder(order);
+        }
+        AdyenLogs.info_log("Capture Failed for order ".concat(order.orderNo));
+        break;
+      case 'ORDER_OPENED':
+        if (customObj.custom.success === 'true') {
+          AdyenLogs.info_log("Order ".concat(order.orderNo, " opened for partial payments"));
+        }
+        break;
+      case 'ORDER_CLOSED':
+        if (customObj.custom.success === 'true') {
+          order.setExportStatus(Order.EXPORT_STATUS_READY);
+          AdyenLogs.info_log("Order ".concat(order.orderNo, " closed"));
+        }
+        break;
+      case 'OFFER_CLOSED':
+        order.setPaymentStatus(Order.PAYMENT_STATUS_NOTPAID);
+        order.trackOrderChange('Offer closed, failing order');
+        Transaction.wrap(function () {
+          OrderMgr.failOrder(order, false);
+        });
+        AdyenLogs.info_log("Offer closed for order ".concat(order.orderNo, " and updated to status NOT PAID."));
+        break;
+      case 'PENDING':
+        pending = true;
+        AdyenLogs.info_log("Order ".concat(order.orderNo, " was in pending status."));
+        break;
+      case 'CAPTURE':
+        if (customObj.custom.success === 'true' && order.status.value === Order.ORDER_STATUS_CANCELLED) {
+          order.setPaymentStatus(Order.PAYMENT_STATUS_PAID);
+          order.setExportStatus(Order.EXPORT_STATUS_READY);
+          order.setConfirmationStatus(Order.CONFIRMATION_STATUS_CONFIRMED);
+          OrderMgr.undoCancelOrder(order);
+          AdyenLogs.info_log("Undo failed capture, Order ".concat(order.orderNo, " updated to status PAID."));
+        }
+        break;
+      default:
+        AdyenLogs.info_log("Order ".concat(order.orderNo, " received unhandled status ").concat(customObj.custom.eventCode));
+    }
+
+    // If payment was refused and was used Adyen payment method, the fields
+    // are changed when user is redirected back from Adyen HPP
+    if (!refusedHpp) {
+      // Add received information to order
+
+      /*
+        PSP Reference must be persistent.
+        Some modification requests (Capture, Cancel) send identificators of the operations,
+        we mustn't overwrite the original value by the new ones
+      */
+      if (empty(order.custom.Adyen_pspReference) && !empty(customObj.custom.pspReference)) {
+        order.custom.Adyen_pspReference = customObj.custom.pspReference;
+      }
+
+      // Add a note with all details
+      order.addNote('Adyen Payment Notification', createLogMessage(customObj));
+    }
+    setProcessedCOInfo(customObj);
+  } else {
+    AdyenLogs.debug_log('Order date > current Date.');
+    result.SkipOrder = true;
+    result.status = PIPELET_NEXT;
+    return result;
+  }
+  result.status = PIPELET_NEXT;
+  result.RefusedHpp = refusedHpp;
+  result.Pending = pending;
+  return result;
+}
+function setProcessedCOInfo(customObj) {
+  customObj.custom.processedDate = new Date();
+  customObj.custom.updateStatus = 'SUCCESS';
+  customObj.custom.processedStatus = 'SUCCESS';
+}
+function createLogMessage(customObj) {
+  var VERSION = customObj.custom.version;
+  var msg = '';
+  msg = "AdyenNotification v ".concat(VERSION, " - Payment info (Called from : ").concat(customObj.custom.httpRemoteAddress, ")");
+  msg += '\n================================================================\n';
+  // msg = msg + "\nSessionID : " + args.CurrentSession.sessionID;
+  msg = "".concat(msg, "reason : ").concat(customObj.custom.reason);
+  msg = "".concat(msg, "\neventDate : ").concat(customObj.custom.eventDate);
+  msg = "".concat(msg, "\nmerchantReference : ").concat(customObj.custom.merchantReference);
+  msg = "".concat(msg, "\ncurrency : ").concat(customObj.custom.currency);
+  msg = "".concat(msg, "\npspReference : ").concat(customObj.custom.pspReference);
+  msg = "".concat(msg, "\nmerchantAccountCode : ").concat(customObj.custom.merchantAccountCode);
+  msg = "".concat(msg, "\neventCode : ").concat(customObj.custom.eventCode);
+  msg = "".concat(msg, "\nvalue : ").concat(customObj.custom.value);
+  msg = "".concat(msg, "\noperations : ").concat(customObj.custom.operations);
+  msg = "".concat(msg, "\nsuccess : ").concat(customObj.custom.success);
+  msg = "".concat(msg, "\npaymentMethod : ").concat(customObj.custom.paymentMethod);
+  msg = "".concat(msg, "\nlive : ").concat(customObj.custom.live);
+  return msg;
+}
+function createDelayOrderDate(orderCreateDate) {
+  // AdyenNotificationDelayMinutes
+  var adyenDelayMin = 1;
+
+  // Variable in milliseconds
+  var newDate = new Date();
+  newDate.setTime(orderCreateDate.getTime() + adyenDelayMin * 60 * 1000);
+  return newDate;
+}
+module.exports = {
+  execute: execute,
+  handle: handle
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/handleNotify.js b/cartridges/int_adyen_overlay/cartridge/scripts/handleNotify.js
new file mode 100644
index 000000000..fc765ee8a
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/handleNotify.js
@@ -0,0 +1,135 @@
+"use strict";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * save Adyen Notification
+ * see page 22 of Adyen Integration manual
+ *
+ * v1 110324 : logging to file
+ * v2 110325 :
+ * v3 110408 : pass on OrderNo, Paymentresult for update
+ * v4 130422 : Merged adyen_notify and update_order into single script
+ *
+ */
+var Calendar = require('dw/util/Calendar');
+var StringUtils = require('dw/util/StringUtils');
+var CustomObjectMgr = require('dw/object/CustomObjectMgr');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function execute(args) {
+  return notifyHttpParameterMap(args.CurrentHttpParameterMap);
+}
+function notifyHttpParameterMap(hpm) {
+  if (hpm === null) {
+    AdyenLogs.fatal_log('Handling of Adyen notification has failed. No input parameters were provided.');
+    return PIPELET_NEXT;
+  }
+  var notificationData = {};
+  var _iterator = _createForOfIteratorHelper(hpm.getParameterNames().toArray()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var parameterName = _step.value;
+      notificationData[parameterName] = hpm[parameterName].stringValue;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return notify(notificationData);
+}
+function notify(notificationData) {
+  // Check the input parameters
+  if (notificationData === null) {
+    AdyenLogs.fatal_log('Handling of Adyen notification has failed. No input parameters were provided.');
+    return PIPELET_NEXT;
+  }
+  try {
+    var msg = createLogMessage(notificationData);
+    AdyenLogs.debug_log(msg);
+    var calObj = new Calendar();
+    var keyValue = "".concat(notificationData.merchantReference, "-").concat(StringUtils.formatCalendar(calObj, 'yyyyMMddhhmmssSSS'));
+    var customObj = CustomObjectMgr.createCustomObject('adyenNotification', keyValue);
+    for (var field in notificationData) {
+      try {
+        customObj.custom[field] = notificationData[field];
+      } catch (e) {
+        /* unknown field */
+      }
+    }
+    switch (notificationData.eventCode) {
+      case 'AUTHORISATION':
+        // Save all request to custom attribute for Authorization event
+        customObj.custom.Adyen_log = JSON.stringify(notificationData);
+      // eslint-disable-next-line no-fallthrough
+      case 'CANCELLATION':
+      case 'CANCEL_OR_REFUND':
+      case 'REFUND':
+      case 'CAPTURE_FAILED':
+      case 'ORDER_OPENED':
+      case 'ORDER_CLOSED':
+      case 'OFFER_CLOSED':
+      case 'PENDING':
+      case 'CAPTURE':
+      case 'DONATION':
+        customObj.custom.updateStatus = 'PROCESS';
+        AdyenLogs.info_log("Received notification for merchantReference ".concat(notificationData.merchantReference, " with status ").concat(notificationData.eventCode, ". Custom Object set up to 'PROCESS' status."));
+        break;
+      default:
+        customObj.custom.updateStatus = 'PENDING';
+        AdyenLogs.info_log("Received notification for merchantReference ".concat(notificationData.merchantReference, " with status ").concat(notificationData.eventCode, ". Custom Object set up to 'PENDING' status."));
+    }
+    return {
+      success: true
+    };
+  } catch (e) {
+    AdyenLogs.error_log("Notification failed: ".concat(JSON.stringify(notificationData), "\n") + "Error message: ".concat(e.message));
+    return {
+      success: false,
+      errorMessage: e.message
+    };
+  }
+}
+function createLogMessage(notificationData) {
+  var VERSION = '4d';
+  var msg = '';
+  msg = "AdyenNotification v ".concat(VERSION);
+  msg += '\n================================================================\n';
+  msg = "".concat(msg, "reason : ").concat(notificationData.reason);
+  msg = "".concat(msg, "\neventDate : ").concat(notificationData.eventDate);
+  msg = "".concat(msg, "\nmerchantReference : ").concat(notificationData.merchantReference);
+  msg = "".concat(msg, "\ncurrency : ").concat(notificationData.currency);
+  msg = "".concat(msg, "\npspReference : ").concat(notificationData.pspReference);
+  msg = "".concat(msg, "\nmerchantAccountCode : ").concat(notificationData.merchantAccountCode);
+  msg = "".concat(msg, "\neventCode : ").concat(notificationData.eventCode);
+  msg = "".concat(msg, "\nvalue : ").concat(notificationData.value);
+  msg = "".concat(msg, "\noperations : ").concat(notificationData.operations);
+  msg = "".concat(msg, "\nsuccess : ").concat(notificationData.success);
+  msg = "".concat(msg, "\npaymentMethod : ").concat(notificationData.paymentMethod);
+  msg = "".concat(msg, "\nlive : ").concat(notificationData.live);
+  return msg;
+}
+module.exports = {
+  execute: execute,
+  notify: notify,
+  notifyHttpParameterMap: notifyHttpParameterMap
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/job/notifications.js b/cartridges/int_adyen_overlay/cartridge/scripts/job/notifications.js
new file mode 100644
index 000000000..0541e12c7
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/job/notifications.js
@@ -0,0 +1,127 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Script to run Adyen notification related jobs
+ */
+
+/* API Includes */
+var OrderMgr = require('dw/order/OrderMgr');
+var Transaction = require('dw/system/Transaction');
+var CustomObjectMgr = require('dw/object/CustomObjectMgr');
+
+//script includes
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function execute() {
+  processNotifications();
+  clearNotifications();
+  return PIPELET_NEXT;
+}
+
+/**
+ * ProcessNotifications - search for custom objects that need
+ *  to be processed and handle them to place or fail order
+ */
+function processNotifications( /* pdict */
+) {
+  var objectsHandler = require('*/cartridge/scripts/handleCustomObject');
+  var searchQuery = CustomObjectMgr.queryCustomObjects('adyenNotification', "custom.updateStatus = 'PROCESS'", null);
+  AdyenLogs.info_log("Process notifications start with count ".concat(searchQuery.count));
+  var customObj;
+  var handlerResult;
+  var order;
+  while (searchQuery.hasNext()) {
+    customObj = searchQuery.next();
+    Transaction.wrap(function () {
+      handlerResult = objectsHandler.handle(customObj);
+    });
+
+    /*
+      Sometimes order cannot be found in DWRE DB even if it exists there,
+      in that case we shouldn't reply to Adyen that all was ok in order to get a new notification
+    */
+
+    order = handlerResult.Order;
+    if (!handlerResult.status || handlerResult.status === PIPELET_ERROR) {
+      // Only CREATED orders can be failed
+      if (order === null || order.status.value !== dw.order.Order.ORDER_STATUS_CREATED || handlerResult.RefusedHpp) {
+        continue;
+      }
+      // Refused payments which are made with using Adyen payment method are
+      // handled when user is redirected back from Adyen HPP.
+      // Here we shouldn't fail an order and send a notification
+      Transaction.wrap(function () {
+        OrderMgr.failOrder(order, true);
+      });
+      continue;
+    }
+    if (handlerResult.SkipOrder || handlerResult.Pending) {
+      continue;
+    }
+
+    // Submitting an order -> update status and send all required email
+    if (handlerResult.SubmitOrder) {
+      var placeOrderResult = submitOrder(order);
+      if (!placeOrderResult.order_created || placeOrderResult.error) {
+        AdyenLogs.error_log("Failed to place an order: ".concat(order.orderNo, ", during notification process."));
+      }
+    }
+  }
+  AdyenLogs.info_log("Process notifications finished with count ".concat(searchQuery.count));
+  searchQuery.close();
+  return PIPELET_NEXT;
+}
+
+/**
+ * cleanNotifications
+ */
+function clearNotifications( /* pdict */
+) {
+  var deleteCustomObjects = require('*/cartridge/scripts/deleteCustomObjects');
+  var searchQuery = CustomObjectMgr.queryCustomObjects('adyenNotification', "custom.processedStatus = 'SUCCESS'", null);
+  AdyenLogs.info_log("Removing Processed Custom Objects start with count ".concat(searchQuery.count));
+  var customObj;
+  while (searchQuery.hasNext()) {
+    customObj = searchQuery.next();
+    Transaction.wrap(function () {
+      deleteCustomObjects.remove(customObj);
+    });
+  }
+  AdyenLogs.info_log("Removing Processed Custom Objects finished with count ".concat(searchQuery.count));
+  searchQuery.close();
+  return PIPELET_NEXT;
+}
+
+/**
+ * Submits an order, original function located in OrderModel, but we need to
+ *  manage triggering of email
+ * @param order {dw.order.Order} The order object to be submitted.
+ * @transactional
+ * @return {Object} object If order cannot be placed, object.error is set to true.
+ * Ortherwise, object.order_created is true, and object.Order is set to the order.
+ */
+function submitOrder(order) {
+  var adyenService = require('*/cartridge/scripts/adyenService');
+  return adyenService.submit(order);
+}
+module.exports = {
+  execute: execute,
+  processNotifications: processNotifications,
+  clearNotifications: clearNotifications
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/libs/libAuthenticationUtils.js b/cartridges/int_adyen_overlay/cartridge/scripts/libs/libAuthenticationUtils.js
new file mode 100644
index 000000000..0c27e074f
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/libs/libAuthenticationUtils.js
@@ -0,0 +1,80 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Script use to handle authentications for different Adyen (in) calls
+ */
+
+var StringUtils = require('dw/util/StringUtils');
+var Encoding = require('dw/crypto/Encoding');
+var Mac = require('dw/crypto/Mac');
+var Bytes = require('dw/util/Bytes');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+
+/**
+ *
+ * @function Checks the Basic Authentication header agains the give user and password combination
+ * @param baHeader The Basic Authentication header
+ * @param baUser The Basic Authentication user
+ * @param baPassword The basic Authentication password
+ */
+function checkGivenCredentials(baHeader, baUser, baPassword) {
+  var basicPrefix = 'Basic';
+  if (baHeader && baHeader.indexOf(basicPrefix) === 0) {
+    // Authorization: Basic base64credentials
+    var base64Credentials = baHeader.substring(basicPrefix.length).trim();
+    var credentials = StringUtils.decodeBase64(base64Credentials);
+    // credentials = username:password
+    var values = credentials.split(':', 2);
+    return values[0] === baUser && values[1] === baPassword;
+  }
+  return false;
+}
+function constructPayload(notificationData) {
+  var signedDataList = [];
+  signedDataList.push(notificationData.pspReference);
+  signedDataList.push(notificationData.originalReference);
+  signedDataList.push(notificationData.merchantAccountCode);
+  signedDataList.push(notificationData.merchantReference);
+  signedDataList.push(notificationData.value);
+  signedDataList.push(notificationData.currency);
+  signedDataList.push(notificationData.eventCode);
+  signedDataList.push(notificationData.success);
+  return signedDataList.join(constants.NOTIFICATION_PAYLOAD_DATA_SEPARATOR);
+}
+;
+function calculateHmacSignature(request) {
+  try {
+    var hmacKey = Encoding.fromHex(new Bytes(AdyenConfigs.getAdyenHmacKey(), 'UTF-8'));
+    var payload = constructPayload(request.form);
+    var macSHA256 = new Mac(Mac.HMAC_SHA_256);
+    var merchantSignature = Encoding.toBase64(macSHA256.digest(payload, hmacKey));
+    return merchantSignature;
+  } catch (e) {
+    AdyenLogs.fatal_log("Cannot calculate HMAC signature: ".concat(e.toString(), " in ").concat(e.fileName, ":").concat(e.lineNumber));
+  }
+  ;
+}
+;
+module.exports = {
+  checkGivenCredentials: checkGivenCredentials,
+  calculateHmacSignature: calculateHmacSignature
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/updateSavedCards.js b/cartridges/int_adyen_overlay/cartridge/scripts/updateSavedCards.js
new file mode 100644
index 000000000..fc5efbf7d
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/updateSavedCards.js
@@ -0,0 +1,110 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Deletes expired payment instruments, syncs cards with Adyen recurring payments card list
+ */
+
+/* API Includes */
+var PaymentInstrument = require('dw/order/PaymentInstrument');
+var Transaction = require('dw/system/Transaction');
+var constants = require('*/cartridge/adyenConstants/constants');
+
+/* Script Modules */
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+function updateSavedCards(args) {
+  try {
+    var customer = args.CurrentCustomer;
+    if (!(customer && customer.getProfile() && customer.getProfile().getWallet())) {
+      AdyenLogs.error_log('Error while updating saved cards, could not get customer data');
+      return {
+        error: true
+      };
+    }
+    if (AdyenConfigs.getAdyenRecurringPaymentsEnabled()) {
+      var oneClickPaymentMethods = getOneClickPaymentMethods(customer);
+      // To make it compatible with upgrade from older versions (<= 19.2.2),
+      // first delete payment instruments with METHOD_CREDIT_CARD
+      var savedCreditCards = customer.getProfile().getWallet().getPaymentInstruments(PaymentInstrument.METHOD_CREDIT_CARD);
+      var savedCreditCardsComponent = customer.getProfile().getWallet().getPaymentInstruments(constants.METHOD_ADYEN_COMPONENT);
+      Transaction.wrap(function () {
+        // remove all current METHOD_CREDIT_CARD PaymentInstruments
+        for (var i = 0; i < savedCreditCards.length; i++) {
+          var creditCard = savedCreditCards[i];
+          customer.getProfile().getWallet().removePaymentInstrument(creditCard);
+        }
+        // remove all current METHOD_ADYEN_COMPONENT PaymentInstruments
+        for (var _i = 0; _i < savedCreditCardsComponent.length; _i++) {
+          var _creditCard = savedCreditCardsComponent[_i];
+          customer.getProfile().getWallet().removePaymentInstrument(_creditCard);
+        }
+
+        // Create from existing cards a paymentInstrument
+        for (var index = 0; index < oneClickPaymentMethods.length; index++) {
+          var payment = oneClickPaymentMethods[index];
+          var expiryMonth = payment.expiryMonth ? payment.expiryMonth : '';
+          var expiryYear = payment.expiryYear ? payment.expiryYear : '';
+          var holderName = payment.holderName ? payment.holderName : '';
+          var lastFour = payment.lastFour ? payment.lastFour : '';
+          var number = lastFour ? new Array(12 + 1).join('*') + lastFour : '';
+          var token = payment.id;
+          var cardType = payment.brand ? AdyenHelper.getSfccCardType(payment.brand) : '';
+
+          // if we have everything we need, create a new payment instrument
+          if (expiryMonth && expiryYear && number && token && cardType && holderName) {
+            var newCreditCard = customer.getProfile().getWallet().createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT);
+            newCreditCard.setCreditCardExpirationMonth(Number(expiryMonth));
+            newCreditCard.setCreditCardExpirationYear(Number(expiryYear));
+            newCreditCard.setCreditCardType(cardType);
+            newCreditCard.setCreditCardHolder(holderName);
+            newCreditCard.setCreditCardNumber(number);
+            newCreditCard.setCreditCardToken(token);
+          }
+        }
+      });
+    }
+    return {
+      error: false
+    };
+  } catch (ex) {
+    AdyenLogs.error_log("".concat(ex.toString(), " in ").concat(ex.fileName, ":").concat(ex.lineNumber));
+    return {
+      error: true
+    };
+  }
+}
+function getOneClickPaymentMethods(customer) {
+  var getPaymentMethods = require('*/cartridge/scripts/adyenGetPaymentMethods');
+  var _getPaymentMethods$ge = getPaymentMethods.getMethods(null, customer, ''),
+    storedPaymentMethods = _getPaymentMethods$ge.storedPaymentMethods;
+  var oneClickPaymentMethods = [];
+  if (storedPaymentMethods) {
+    for (var i = 0; i < storedPaymentMethods.length; i++) {
+      if (storedPaymentMethods[i].supportedShopperInteractions && storedPaymentMethods[i].supportedShopperInteractions.indexOf('Ecommerce') > -1) {
+        oneClickPaymentMethods.push(storedPaymentMethods[i]);
+      }
+    }
+  }
+  return oneClickPaymentMethods;
+}
+module.exports = {
+  updateSavedCards: updateSavedCards
+};
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenConfigs.js b/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenConfigs.js
new file mode 100644
index 000000000..e60cf0d66
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenConfigs.js
@@ -0,0 +1,131 @@
+"use strict";
+
+var _adyenConfigsObj;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var dwsystem = require('dw/system');
+var adyenCurrentSite = dwsystem.Site.getCurrent();
+function getCustomPreference(field) {
+  var customPreference = null;
+  if (adyenCurrentSite && adyenCurrentSite.getCustomPreferenceValue(field)) {
+    customPreference = adyenCurrentSite.getCustomPreferenceValue(field);
+  }
+  return customPreference;
+}
+function setCustomPreference(field, value) {
+  var customPreference = null;
+  if (adyenCurrentSite) {
+    adyenCurrentSite.setCustomPreferenceValue(field, value);
+    customPreference = adyenCurrentSite.getCustomPreferenceValue(field);
+  }
+  return customPreference;
+}
+var adyenConfigsObj = (_adyenConfigsObj = {
+  setCustomPreference: setCustomPreference,
+  getAdyenEnvironment: function getAdyenEnvironment() {
+    return getCustomPreference('Adyen_Mode').value;
+  },
+  setAdyenEnvironment: function setAdyenEnvironment(value) {
+    return setCustomPreference('Adyen_Mode', value).value;
+  },
+  getAdyenMerchantAccount: function getAdyenMerchantAccount() {
+    return getCustomPreference('Adyen_merchantCode');
+  },
+  getAdyenSFRA6Compatibility: function getAdyenSFRA6Compatibility() {
+    return getCustomPreference('Adyen_SFRA6_Compatibility');
+  },
+  setAdyenSFRA6Compatibility: function setAdyenSFRA6Compatibility(value) {
+    return setCustomPreference('Adyen_SFRA6_Compatibility', value);
+  },
+  getAdyenNotificationUser: function getAdyenNotificationUser() {
+    return getCustomPreference('Adyen_notification_user');
+  },
+  getAdyenNotificationPassword: function getAdyenNotificationPassword() {
+    return getCustomPreference('Adyen_notification_password');
+  },
+  getAdyenHmacKey: function getAdyenHmacKey() {
+    return getCustomPreference('Adyen_Hmac_Key');
+  },
+  getAdyenRecurringPaymentsEnabled: function getAdyenRecurringPaymentsEnabled() {
+    return getCustomPreference('AdyenOneClickEnabled');
+  },
+  getKlarnaInlineWidgetEnabled: function getKlarnaInlineWidgetEnabled() {
+    return getCustomPreference('Adyen_klarnaWidget');
+  },
+  getCreditCardInstallments: function getCreditCardInstallments() {
+    return getCustomPreference('AdyenCreditCardInstallments');
+  },
+  getSystemIntegratorName: function getSystemIntegratorName() {
+    return getCustomPreference('Adyen_IntegratorName');
+  },
+  getAdyenClientKey: function getAdyenClientKey() {
+    return getCustomPreference('Adyen_ClientKey');
+  },
+  getGoogleMerchantID: function getGoogleMerchantID() {
+    return getCustomPreference('Adyen_GooglePayMerchantID');
+  },
+  getRatePayMerchantID: function getRatePayMerchantID() {
+    return getCustomPreference('AdyenRatePayID');
+  },
+  getApplePayDomainAssociation: function getApplePayDomainAssociation() {
+    return getCustomPreference('Adyen_ApplePay_DomainAssociation');
+  },
+  getAdyenStoreId: function getAdyenStoreId() {
+    return getCustomPreference('Adyen_StoreId');
+  },
+  getAdyenApiKey: function getAdyenApiKey() {
+    return getCustomPreference('Adyen_API_Key');
+  },
+  getAdyenFrontendRegion: function getAdyenFrontendRegion() {
+    return getCustomPreference('Adyen_Frontend_Region').value;
+  },
+  getAdyenTokenisationEnabled: function getAdyenTokenisationEnabled() {
+    return getCustomPreference('AdyenTokenisationEnabled');
+  },
+  getAdyenSalePaymentMethods: function getAdyenSalePaymentMethods() {
+    return getCustomPreference('AdyenSalePaymentMethods') ? getCustomPreference('AdyenSalePaymentMethods').toString().split(',') : '';
+  },
+  getAdyenBasketFieldsEnabled: function getAdyenBasketFieldsEnabled() {
+    return getCustomPreference('AdyenBasketFieldsEnabled');
+  },
+  getAdyenCardholderNameEnabled: function getAdyenCardholderNameEnabled() {
+    return getCustomPreference('AdyenCardHolderName_enabled');
+  },
+  getAdyenLevel23DataEnabled: function getAdyenLevel23DataEnabled() {
+    return getCustomPreference('AdyenLevel23DataEnabled');
+  },
+  getAdyenLevel23CommodityCode: function getAdyenLevel23CommodityCode() {
+    return getCustomPreference('AdyenLevel23_CommodityCode');
+  }
+}, _defineProperty(_adyenConfigsObj, "getAdyenSalePaymentMethods", function getAdyenSalePaymentMethods() {
+  return getCustomPreference('AdyenSalePaymentMethods') ? getCustomPreference('AdyenSalePaymentMethods').toString().split(',') : [];
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingEnabled", function getAdyenGivingEnabled() {
+  return getCustomPreference('AdyenGiving_enabled');
+}), _defineProperty(_adyenConfigsObj, "areExpressPaymentsEnabled", function areExpressPaymentsEnabled() {
+  return getCustomPreference('ExpressPayments_enabled');
+}), _defineProperty(_adyenConfigsObj, "isApplePayExpressEnabled", function isApplePayExpressEnabled() {
+  return getCustomPreference('ApplePayExpress_Enabled');
+}), _defineProperty(_adyenConfigsObj, "isAmazonPayExpressEnabled", function isAmazonPayExpressEnabled() {
+  return getCustomPreference('AmazonPayExpress_Enabled');
+}), _defineProperty(_adyenConfigsObj, "getExpressPaymentsOrder", function getExpressPaymentsOrder() {
+  return getCustomPreference('ExpressPayments_order');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingDonationAmounts", function getAdyenGivingDonationAmounts() {
+  return getCustomPreference('AdyenGiving_donationAmounts');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingCharityAccount", function getAdyenGivingCharityAccount() {
+  return getCustomPreference('AdyenGiving_charityAccount');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingCharityName", function getAdyenGivingCharityName() {
+  return getCustomPreference('AdyenGiving_charityName');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingCharityDescription", function getAdyenGivingCharityDescription() {
+  return getCustomPreference('AdyenGiving_charityDescription');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingCharityWebsite", function getAdyenGivingCharityWebsite() {
+  return getCustomPreference('AdyenGiving_charityUrl');
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingBackgroundUrl", function getAdyenGivingBackgroundUrl() {
+  var _getCustomPreference;
+  return (_getCustomPreference = getCustomPreference('AdyenGiving_backgroundUrl')) === null || _getCustomPreference === void 0 ? void 0 : _getCustomPreference.getAbsURL();
+}), _defineProperty(_adyenConfigsObj, "getAdyenGivingLogoUrl", function getAdyenGivingLogoUrl() {
+  var _getCustomPreference2;
+  return (_getCustomPreference2 = getCustomPreference('AdyenGiving_logoUrl')) === null || _getCustomPreference2 === void 0 ? void 0 : _getCustomPreference2.getAbsURL();
+}), _adyenConfigsObj);
+module.exports = adyenConfigsObj;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenHelper.js b/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenHelper.js
new file mode 100644
index 000000000..fc4147cf5
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/util/adyenHelper.js
@@ -0,0 +1,705 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2022 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ */
+var dwsvc = require('dw/svc');
+var dwsystem = require('dw/system');
+var dwutil = require('dw/util');
+var URLUtils = require('dw/web/URLUtils');
+var Bytes = require('dw/util/Bytes');
+var MessageDigest = require('dw/crypto/MessageDigest');
+var Encoding = require('dw/crypto/Encoding');
+var CustomerMgr = require('dw/customer/CustomerMgr');
+var constants = require('*/cartridge/adyenConstants/constants');
+var AdyenConfigs = require('*/cartridge/scripts/util/adyenConfigs');
+var Transaction = require('dw/system/Transaction');
+var UUIDUtils = require('dw/util/UUIDUtils');
+var collections = require('*/cartridge/scripts/util/collections');
+var ShippingMgr = require('dw/order/ShippingMgr');
+var ShippingMethodModel = require('*/cartridge/models/shipping/shippingMethod');
+var PaymentInstrument = require('dw/order/PaymentInstrument');
+//script includes
+var AdyenLogs = require('*/cartridge/scripts/adyenCustomLogs');
+var BasketMgr = require('dw/order/BasketMgr');
+
+/* eslint no-var: off */
+var adyenHelperObj = {
+  // Create the service config used to make calls to the Adyen Checkout API (used for all services)
+  getService: function getService(service) {
+    var adyenService = null;
+    try {
+      adyenService = dwsvc.LocalServiceRegistry.createService(service, {
+        createRequest: function createRequest(svc, args) {
+          svc.setRequestMethod('POST');
+          if (args) {
+            return args;
+          }
+          return null;
+        },
+        parseResponse: function parseResponse(svc, client) {
+          return client;
+        },
+        filterLogMessage: function filterLogMessage(msg) {
+          return msg;
+        }
+      });
+      AdyenLogs.info_log("Successfully retrieve service with name ".concat(service));
+    } catch (e) {
+      AdyenLogs.error_log("Can't get service instance with name ".concat(service));
+      // e.message
+    }
+
+    return adyenService;
+  },
+  // returns SFCC customer object based on currentCustomer object
+  // as retrieved from controller endpoint calls
+  getCustomer: function getCustomer(currentCustomer) {
+    if (currentCustomer.profile) {
+      return CustomerMgr.getCustomerByCustomerNumber(currentCustomer.profile.customerNo);
+    }
+    return null;
+  },
+  getShippingCost: function getShippingCost(shippingMethod, shipment) {
+    var shipmentShippingModel = ShippingMgr.getShipmentShippingModel(shipment);
+    var shippingCost = shipmentShippingModel.getShippingCost(shippingMethod);
+    return {
+      value: shippingCost.amount.value,
+      currencyCode: shippingCost.amount.currencyCode
+    };
+  },
+  getShippingMethods: function getShippingMethods(shipment, address) {
+    if (!shipment) return null;
+    var shipmentShippingModel = ShippingMgr.getShipmentShippingModel(shipment);
+    var shippingMethods;
+    if (address) {
+      shippingMethods = shipmentShippingModel.getApplicableShippingMethods(address);
+    } else {
+      shippingMethods = shipmentShippingModel.getApplicableShippingMethods();
+    }
+    return shippingMethods;
+  },
+  getShipmentUUID: function getShipmentUUID(shipment) {
+    if (!shipment) return null;
+    return shipment.UUID;
+  },
+  getApplicableShippingMethods: function getApplicableShippingMethods(shipment, address) {
+    var _this = this;
+    var shippingMethods = this.getShippingMethods(shipment, address);
+    if (!shippingMethods) {
+      return null;
+    }
+
+    // Filter out whatever the method associated with in store pickup
+    var filteredMethods = [];
+    collections.forEach(shippingMethods, function (shippingMethod) {
+      if (!shippingMethod.custom.storePickupEnabled) {
+        var shippingMethodModel = new ShippingMethodModel(shippingMethod, shipment);
+        var shippingCost = _this.getShippingCost(shippingMethod, shipment);
+        var shipmentUUID = _this.getShipmentUUID(shipment);
+        filteredMethods.push(_objectSpread(_objectSpread({}, shippingMethodModel), {}, {
+          shippingCost: shippingCost,
+          shipmentUUID: shipmentUUID
+        }));
+      }
+    });
+    return filteredMethods;
+  },
+  callGetShippingMethods: function callGetShippingMethods(shippingAddress) {
+    var address;
+    try {
+      address = {
+        city: shippingAddress.city,
+        countryCode: shippingAddress.countryCode,
+        stateCode: shippingAddress.stateOrRegion
+      };
+      var currentBasket = BasketMgr.getCurrentBasket();
+      var currentShippingMethodsModels = this.getApplicableShippingMethods(currentBasket.getDefaultShipment(), address);
+      return currentShippingMethodsModels;
+    } catch (error) {
+      AdyenLogs.error_log('Failed to fetch shipping methods');
+      AdyenLogs.error_log(error);
+    }
+  },
+  getAdyenGivingConfig: function getAdyenGivingConfig(order) {
+    if (!order.getPaymentInstruments(adyenHelperObj.getOrderMainPaymentInstrumentType(order)).length) {
+      return null;
+    }
+    var paymentInstrument = order.getPaymentInstruments(adyenHelperObj.getOrderMainPaymentInstrumentType(order))[0];
+    if (!AdyenConfigs.getAdyenGivingEnabled() || !adyenHelperObj.isAdyenGivingAvailable(paymentInstrument)) {
+      return null;
+    }
+    var givingConfigs = {};
+    var configuredAmounts = adyenHelperObj.getDonationAmounts();
+    givingConfigs.adyenGivingAvailable = true;
+    givingConfigs.configuredAmounts = configuredAmounts;
+    givingConfigs.charityName = AdyenConfigs.getAdyenGivingCharityName();
+    givingConfigs.charityWebsite = AdyenConfigs.getAdyenGivingCharityWebsite();
+    givingConfigs.charityDescription = AdyenConfigs.getAdyenGivingCharityDescription();
+    givingConfigs.adyenGivingBackgroundUrl = AdyenConfigs.getAdyenGivingBackgroundUrl();
+    givingConfigs.adyenGivingLogoUrl = AdyenConfigs.getAdyenGivingLogoUrl();
+    givingConfigs.donationAmounts = JSON.stringify({
+      currency: session.currency.currencyCode,
+      values: configuredAmounts
+    });
+    givingConfigs.pspReference = paymentInstrument.paymentTransaction.custom.Adyen_pspReference;
+    for (var config in givingConfigs) {
+      if (Object.prototype.hasOwnProperty.call(givingConfigs, config)) {
+        if (givingConfigs[config] === null) {
+          AdyenLogs.error_log('Could not render Adyen Giving component. Please make sure all Adyen Giving fields in Custom Preferences are filled in correctly');
+          return null;
+        }
+      }
+    }
+    return givingConfigs;
+  },
+  // get the URL for the checkout component based on the current Adyen component version
+  getCheckoutUrl: function getCheckoutUrl() {
+    var checkoutUrl = this.getLoadingContext();
+    var adyenService = require('*/cartridge/scripts/adyenService');
+    var externalPlatformVersion = adyenService.getExternalPlatformVersion();
+    var checkoutVersionForPlatform = constants.CHECKOUT_COMPONENT_VERSION[externalPlatformVersion];
+    return "".concat(checkoutUrl, "sdk/").concat(checkoutVersionForPlatform, "/adyen.js");
+  },
+  // get the URL for the checkout component css based on the current Adyen component version
+  getCheckoutCSS: function getCheckoutCSS() {
+    var checkoutCSS = this.getLoadingContext();
+    var adyenService = require('*/cartridge/scripts/adyenService');
+    var externalPlatformVersion = adyenService.getExternalPlatformVersion();
+    var checkoutVersionForPlatform = constants.CHECKOUT_COMPONENT_VERSION[externalPlatformVersion];
+    return "".concat(checkoutCSS, "sdk/").concat(checkoutVersionForPlatform, "/adyen.css");
+  },
+  // get the current region-based checkout environment
+  getCheckoutEnvironment: function getCheckoutEnvironment() {
+    var returnValue = '';
+    switch (AdyenConfigs.getAdyenEnvironment()) {
+      case constants.MODE.TEST:
+        returnValue = constants.CHECKOUT_ENVIRONMENT_TEST;
+        break;
+      case constants.MODE.LIVE:
+        var frontEndRegion = AdyenConfigs.getAdyenFrontendRegion();
+        if (frontEndRegion === constants.FRONTEND_REGIONS.US) {
+          returnValue = constants.CHECKOUT_ENVIRONMENT_LIVE_US;
+          break;
+        }
+        if (frontEndRegion === constants.FRONTEND_REGIONS.AU) {
+          returnValue = constants.CHECKOUT_ENVIRONMENT_LIVE_AU;
+          break;
+        }
+        if (frontEndRegion === constants.FRONTEND_REGIONS.IN) {
+          returnValue = constants.CHECKOUT_ENVIRONMENT_LIVE_IN;
+          break;
+        }
+        returnValue = constants.CHECKOUT_ENVIRONMENT_LIVE_EU;
+        break;
+    }
+    return returnValue;
+  },
+  // get the loading context based on the current environment (live or test)
+  getLoadingContext: function getLoadingContext() {
+    return "https://checkoutshopper-".concat(adyenHelperObj.getCheckoutEnvironment(), ".adyen.com/checkoutshopper/");
+  },
+  // get the hash used to verify redirect requests
+  getAdyenHash: function getAdyenHash(value, salt) {
+    var data = value + salt;
+    var digestSHA512 = new MessageDigest(MessageDigest.DIGEST_SHA_512);
+    var signature = Encoding.toHex(digestSHA512.digestBytes(new Bytes(data, 'UTF-8')));
+    return signature;
+  },
+  getBasketAmount: function getBasketAmount() {
+    var BasketMgr = require('dw/order/BasketMgr');
+    var currentBasket = BasketMgr.getCurrentBasket();
+    if (!currentBasket) {
+      return;
+    }
+    var amount = {
+      currency: currentBasket.currencyCode,
+      value: this.getCurrencyValueForApi(currentBasket.getTotalGrossPrice()).value
+    };
+    return JSON.stringify(amount);
+  },
+  // returns an array containing the donation amounts configured in the custom preferences for Adyen Giving
+  getDonationAmounts: function getDonationAmounts() {
+    var returnValue = [];
+    var configuredValue = AdyenConfigs.getAdyenGivingDonationAmounts();
+    if (!empty(configuredValue)) {
+      var configuredAmountArray = configuredValue.split(',');
+      var amountArray = [];
+      for (var i = 0; i < configuredAmountArray.length; i++) {
+        var amount = parseInt(configuredAmountArray[i]);
+        if (!isNaN(amount)) {
+          amountArray.push(amount);
+        }
+      }
+      returnValue = amountArray;
+    }
+    return returnValue;
+  },
+  // determines whether Adyen Giving is available based on the donation token 
+  isAdyenGivingAvailable: function isAdyenGivingAvailable(paymentInstrument) {
+    // Adyen giving is only available for BCMC in POS
+    return paymentInstrument.paymentTransaction.custom.Adyen_donationToken && paymentInstrument.paymentTransaction.custom.Adyen_paymentMethod !== 'bcmc';
+  },
+  // gets the ID for ratePay using the custom preference and the encoded session ID
+  getRatePayID: function getRatePayID() {
+    var returnValue = {};
+    var ratePayMerchantID = AdyenConfigs.getRatePayMerchantID();
+    if (ratePayMerchantID) {
+      returnValue.ratePayID = ratePayMerchantID;
+    }
+    var digestSHA512 = new MessageDigest(MessageDigest.DIGEST_SHA_512);
+    returnValue.sessionID = Encoding.toHex(digestSHA512.digestBytes(new Bytes(session.sessionID, 'UTF-8')));
+    session.privacy.ratePayFingerprint = returnValue.sessionID;
+    return returnValue;
+  },
+  isOpenInvoiceMethod: function isOpenInvoiceMethod(paymentMethod) {
+    if (paymentMethod.indexOf('afterpay') > -1 || paymentMethod.indexOf('klarna') > -1 || paymentMethod.indexOf('ratepay') > -1 || paymentMethod.indexOf('facilypay') > -1 || paymentMethod === 'zip' || paymentMethod === 'affirm' || paymentMethod === 'clearpay') {
+      return true;
+    }
+    return false;
+  },
+  isMolpayMethod: function isMolpayMethod(paymentMethod) {
+    if (paymentMethod.indexOf('molpay') > -1) {
+      return true;
+    }
+    return false;
+  },
+  // Get stored card token of customer saved card based on matched cardUUID
+  getCardToken: function getCardToken(cardUUID, customer) {
+    var token = '';
+    if (customer && customer.authenticated && cardUUID) {
+      var wallet = customer.getProfile().getWallet();
+      var paymentInstruments = wallet.getPaymentInstruments();
+      var creditCardInstrument;
+      var instrumentsIter = paymentInstruments.iterator();
+      while (instrumentsIter.hasNext()) {
+        creditCardInstrument = instrumentsIter.next();
+        // find token ID exists for matching payment card
+        if (creditCardInstrument.UUID.equals(cardUUID) && creditCardInstrument.getCreditCardToken()) {
+          token = creditCardInstrument.getCreditCardToken();
+          break;
+        }
+      }
+    }
+    return token;
+  },
+  // populates and returns the args paymentRequest with shopper information using the order contains in the args object itself
+  createShopperObject: function createShopperObject(args) {
+    var _args$order, _args$order$getDefaul, _args$order$getDefaul2;
+    var gender = 'UNKNOWN';
+    if (args.paymentRequest.shopperName && args.paymentRequest.shopperName.gender) {
+      gender = args.paymentRequest.shopperName.gender;
+    }
+    if ((_args$order = args.order) !== null && _args$order !== void 0 && (_args$order$getDefaul = _args$order.getDefaultShipment()) !== null && _args$order$getDefaul !== void 0 && (_args$order$getDefaul2 = _args$order$getDefaul.getShippingAddress()) !== null && _args$order$getDefaul2 !== void 0 && _args$order$getDefaul2.getPhone()) {
+      args.paymentRequest.telephoneNumber = args.order.getDefaultShipment().getShippingAddress().getPhone();
+    }
+    var customer = args.order.getCustomer();
+    var profile = customer && customer.registered && customer.getProfile() ? customer.getProfile() : null;
+    if (args.order.customerEmail) {
+      args.paymentRequest.shopperEmail = args.order.customerEmail;
+    }
+    if (!args.order.customerEmail && profile && profile.getEmail()) {
+      args.paymentRequest.shopperEmail = profile.getEmail();
+    }
+    var address = args.order.getBillingAddress() || args.order.getDefaultShipment().getShippingAddress();
+    var shopperDetails = {
+      firstName: address === null || address === void 0 ? void 0 : address.firstName,
+      gender: gender,
+      infix: '',
+      lastName: address === null || address === void 0 ? void 0 : address.lastName
+    };
+    args.paymentRequest.shopperName = shopperDetails;
+    if (profile && profile.getCustomerNo()) {
+      args.paymentRequest.shopperReference = profile.getCustomerNo();
+    } else if (args.order.getCustomerNo()) {
+      args.paymentRequest.shopperReference = args.order.getCustomerNo();
+    }
+    var shopperIP = request.getHttpRemoteAddress() ? request.getHttpRemoteAddress() : null;
+    if (shopperIP) {
+      args.paymentRequest.shopperIP = shopperIP;
+    }
+    if (request.getLocale()) {
+      args.paymentRequest.shopperLocale = request.getLocale();
+    }
+    return args.paymentRequest;
+  },
+  // populates the paymentRequest with address information using the order and payment method and returns it
+  createAddressObjects: function createAddressObjects(order, paymentMethod, paymentRequest) {
+    var shippingAddress = order.defaultShipment.shippingAddress;
+    paymentRequest.countryCode = shippingAddress.countryCode.value.toUpperCase();
+    var shippingStreet = '';
+    var shippingHouseNumberOrName = '';
+    if (shippingAddress.address1) {
+      shippingStreet = shippingAddress.address1;
+      if (shippingAddress.address2) {
+        shippingHouseNumberOrName = shippingAddress.address2;
+        if (paymentMethod.indexOf('afterpaytouch') > -1) {
+          shippingHouseNumberOrName = '';
+          shippingStreet += " ".concat(shippingAddress.address2);
+        }
+      }
+    } else {
+      shippingStreet = 'N/A';
+    }
+    paymentRequest.deliveryAddress = {
+      city: shippingAddress.city ? shippingAddress.city : 'N/A',
+      country: shippingAddress.countryCode ? shippingAddress.countryCode.value.toUpperCase() : 'ZZ',
+      houseNumberOrName: shippingHouseNumberOrName,
+      postalCode: shippingAddress.postalCode ? shippingAddress.postalCode : '',
+      stateOrProvince: shippingAddress.stateCode ? shippingAddress.stateCode : 'N/A',
+      street: shippingStreet
+    };
+    var billingAddress = order.getBillingAddress();
+    var billingStreet = '';
+    var billingHouseNumberOrName = '';
+    if (billingAddress.address1) {
+      billingStreet = billingAddress.address1;
+      if (billingAddress.address2) {
+        billingHouseNumberOrName = billingAddress.address2;
+        if (paymentMethod.indexOf('afterpaytouch') > -1) {
+          billingHouseNumberOrName = '';
+          billingStreet += " ".concat(billingAddress.address2);
+        }
+      }
+    } else {
+      billingStreet = 'N/A';
+    }
+    paymentRequest.billingAddress = {
+      city: billingAddress.city ? billingAddress.city : 'N/A',
+      country: billingAddress.countryCode ? billingAddress.countryCode.value.toUpperCase() : 'ZZ',
+      houseNumberOrName: billingHouseNumberOrName,
+      postalCode: billingAddress.postalCode ? billingAddress.postalCode : '',
+      stateOrProvince: billingAddress.stateCode ? billingAddress.stateCode : 'N/A',
+      street: billingStreet
+    };
+    return paymentRequest;
+  },
+  // creates a request object to send to the Adyen Checkout API
+  createAdyenRequestObject: function createAdyenRequestObject(order, paymentInstrument) {
+    var _stateData$paymentMet;
+    var jsonObject = JSON.parse(paymentInstrument.custom.adyenPaymentData);
+    var filteredJson = adyenHelperObj.validateStateData(jsonObject);
+    var stateData = filteredJson.stateData;
+    var reference = 'recurringPayment-account';
+    var orderToken = 'recurringPayment-token';
+    if (order && order.getOrderNo()) {
+      reference = order.getOrderNo();
+      orderToken = order.getOrderToken();
+    }
+    var signature = '';
+    //Create signature to verify returnUrl if there is an order
+    if (order && order.getUUID()) {
+      signature = adyenHelperObj.createSignature(paymentInstrument, order.getUUID(), reference);
+    }
+
+    // Add recurringProcessingModel in case shopper wants to save the card from checkout
+    if (stateData.storePaymentMethod) {
+      stateData.recurringProcessingModel = constants.RECURRING_PROCESSING_MODEL.CARD_ON_FILE;
+    }
+    if ((_stateData$paymentMet = stateData.paymentMethod) !== null && _stateData$paymentMet !== void 0 && _stateData$paymentMet.storedPaymentMethodId) {
+      stateData.recurringProcessingModel = constants.RECURRING_PROCESSING_MODEL.CARD_ON_FILE;
+      stateData.shopperInteraction = constants.SHOPPER_INTERACTIONS.CONT_AUTH;
+    } else {
+      stateData.shopperInteraction = constants.SHOPPER_INTERACTIONS.ECOMMERCE;
+    }
+    stateData.merchantAccount = AdyenConfigs.getAdyenMerchantAccount();
+    stateData.reference = reference;
+    stateData.returnUrl = URLUtils.https('Adyen-ShowConfirmation', 'merchantReference', reference, 'signature', signature, 'orderToken', orderToken).toString();
+    stateData.applicationInfo = adyenHelperObj.getApplicationInfo();
+    stateData.additionalData = {};
+    return stateData;
+  },
+  createSignature: function createSignature(paymentInstrument, value, salt) {
+    var newSignature = adyenHelperObj.getAdyenHash(value, salt);
+    Transaction.wrap(function () {
+      paymentInstrument.paymentTransaction.custom.Adyen_merchantSig = newSignature;
+    });
+    return newSignature;
+  },
+  // adds 3DS2 fields to an Adyen Checkout payments Request
+  add3DS2Data: function add3DS2Data(jsonObject) {
+    jsonObject.authenticationData = {
+      threeDSRequestData: {
+        nativeThreeDS: 'preferred'
+      }
+    };
+    jsonObject.channel = 'web';
+    var origin = "".concat(request.getHttpProtocol(), "://").concat(request.getHttpHost());
+    jsonObject.origin = origin;
+    return jsonObject;
+  },
+  getAdyenComponentType: function getAdyenComponentType(paymentMethod) {
+    var methodName;
+    switch (paymentMethod) {
+      case 'applepay':
+        methodName = 'Apple Pay';
+        break;
+      case 'amazonpay':
+        methodName = 'Amazon Pay';
+        break;
+      default:
+        methodName = paymentMethod;
+    }
+    return methodName;
+  },
+  getOrderMainPaymentInstrumentType: function getOrderMainPaymentInstrumentType(order) {
+    var type = constants.METHOD_ADYEN_COMPONENT;
+    collections.forEach(order.getPaymentInstruments(), function (item) {
+      var _item$custom$adyenMai;
+      if ((_item$custom$adyenMai = item.custom.adyenMainPaymentInstrument) !== null && _item$custom$adyenMai !== void 0 && _item$custom$adyenMai.value) {
+        var _item$custom$adyenMai2;
+        type = (_item$custom$adyenMai2 = item.custom.adyenMainPaymentInstrument) === null || _item$custom$adyenMai2 === void 0 ? void 0 : _item$custom$adyenMai2.value;
+      }
+    });
+    return type;
+  },
+  getPaymentInstrumentType: function getPaymentInstrumentType(isCreditCard) {
+    return isCreditCard ? PaymentInstrument.METHOD_CREDIT_CARD : constants.METHOD_ADYEN_COMPONENT;
+  },
+  // gets the Adyen card type name based on the SFCC card type name
+  getSfccCardType: function getSfccCardType(cardType) {
+    if (!empty(cardType)) {
+      switch (cardType) {
+        case 'visa':
+        case 'visa_applepay':
+          cardType = 'Visa';
+          break;
+        case 'mc':
+        case 'mc_applepay':
+          cardType = 'Mastercard';
+          break;
+        case 'amex':
+        case 'amex_applepay':
+          cardType = 'Amex';
+          break;
+        case 'discover':
+        case 'discover_applepay':
+          cardType = 'Discover';
+          break;
+        case 'maestro':
+        case 'maestrouk':
+        case 'maestro_applepay':
+          cardType = 'Maestro';
+          break;
+        case 'diners':
+        case 'diners_applepay':
+          cardType = 'Diners';
+          break;
+        case 'bcmc':
+          cardType = 'Bancontact';
+          break;
+        case 'jcb':
+        case 'jcb_applepay':
+          cardType = 'JCB';
+          break;
+        case 'cup':
+          cardType = 'CUP';
+          break;
+        case 'cartebancaire':
+        case 'cartebancaire_applepay':
+          cardType = 'Carte Bancaire';
+          break;
+        default:
+          cardType = '';
+          break;
+      }
+      return cardType;
+    }
+    throw new Error('cardType argument is not passed to getSfccCardType function');
+  },
+  // saves the payment details in the paymentInstrument's custom object
+  savePaymentDetails: function savePaymentDetails(paymentInstrument, order, result) {
+    var _result$additionalDat;
+    paymentInstrument.paymentTransaction.transactionID = session.privacy.giftCardResponse ? JSON.parse(session.privacy.giftCardResponse).orderPSPReference : result.pspReference;
+    paymentInstrument.paymentTransaction.custom.Adyen_pspReference = result.pspReference;
+    if ((_result$additionalDat = result.additionalData) !== null && _result$additionalDat !== void 0 && _result$additionalDat.paymentMethod) {
+      paymentInstrument.paymentTransaction.custom.Adyen_paymentMethod = result.additionalData.paymentMethod;
+    } else if (result.paymentMethod) {
+      paymentInstrument.paymentTransaction.custom.Adyen_paymentMethod = JSON.stringify(result.paymentMethod.type);
+    }
+
+    // For authenticated shoppers we are setting the token on other place already
+    // SFRA throws an error if you try to set token again that's why this check is added
+    var tokenAlreadyExists = paymentInstrument.getCreditCardToken();
+    if (!tokenAlreadyExists && result.additionalData && result.additionalData['recurring.recurringDetailReference']) {
+      paymentInstrument.setCreditCardToken(result.additionalData['recurring.recurringDetailReference']);
+    }
+    paymentInstrument.paymentTransaction.custom.authCode = result.resultCode ? result.resultCode : '';
+    order.custom.Adyen_value = '0';
+    if (result.donationToken) {
+      paymentInstrument.paymentTransaction.custom.Adyen_donationToken = result.donationToken;
+    }
+    // Save full response to transaction custom attribute
+    paymentInstrument.paymentTransaction.custom.Adyen_log = JSON.stringify(result);
+    return true;
+  },
+  getFirstTwoNumbersFromYear: function getFirstTwoNumbersFromYear() {
+    return Math.floor(new Date().getFullYear() / 100);
+  },
+  // converts the currency value for the Adyen Checkout API
+  getCurrencyValueForApi: function getCurrencyValueForApi(amount) {
+    var currencyCode = dwutil.Currency.getCurrency(amount.currencyCode);
+    var digitsNumber = adyenHelperObj.getFractionDigits(currencyCode.toString());
+    var value = Math.round(amount.multiply(Math.pow(10, digitsNumber)).value); // eslint-disable-line no-restricted-properties
+    return new dw.value.Money(value, currencyCode);
+  },
+  // get the fraction digits based on the currency code used to convert amounts of currency for the Adyen Checkout API
+  getFractionDigits: function getFractionDigits(currencyCode) {
+    var format;
+    switch (currencyCode) {
+      case 'CVE':
+      case 'DJF':
+      case 'GNF':
+      case 'IDR':
+      case 'JPY':
+      case 'KMF':
+      case 'KRW':
+      case 'PYG':
+      case 'RWF':
+      case 'UGX':
+      case 'VND':
+      case 'VUV':
+      case 'XAF':
+      case 'XOF':
+      case 'XPF':
+        format = 0;
+        break;
+      case 'BHD':
+      case 'IQD':
+      case 'JOD':
+      case 'KWD':
+      case 'LYD':
+      case 'OMR':
+      case 'TND':
+        format = 3;
+        break;
+      default:
+        format = 2;
+        break;
+    }
+    return format;
+  },
+  getDivisorForCurrency: function getDivisorForCurrency(amount) {
+    var fractionDigits = adyenHelperObj.getFractionDigits(amount.currencyCode);
+    return Math.pow(10, fractionDigits);
+  },
+  getApplicationInfo: function getApplicationInfo() {
+    var externalPlatformVersion = '';
+    var applicationInfo = {};
+    try {
+      // AdyenController can be coming either from int_adyen_controllers
+      // or int_adyen_SFRA, depending on the cartridge path
+      var AdyenController = require('*/cartridge/controllers/Adyen.js');
+      externalPlatformVersion = AdyenController.getExternalPlatformVersion;
+    } catch (e) {
+      /* no applicationInfo available */
+    }
+    applicationInfo.merchantApplication = {
+      name: 'adyen-salesforce-commerce-cloud',
+      version: constants.VERSION
+    };
+    applicationInfo.externalPlatform = {
+      name: 'SalesforceCommerceCloud',
+      version: externalPlatformVersion,
+      integrator: AdyenConfigs.getSystemIntegratorName()
+    };
+    return applicationInfo;
+  },
+  isApplePay: function isApplePay(paymentMethod) {
+    return paymentMethod === constants.PAYMENTMETHODS.APPLEPAY;
+  },
+  // validates all fields in a state data object. Filters out all invalid fields
+  validateStateData: function validateStateData(stateData) {
+    var validFields = ['paymentMethod', 'billingAddress', ' deliveryAddress', 'riskData', 'shopperName', 'dateOfBirth', 'telephoneNumber', 'shopperEmail', 'countryCode', 'socialSecurityNumber', 'browserInfo', 'installments', 'storePaymentMethod', 'conversionId'];
+    var invalidFields = [];
+    var filteredStateData = {};
+    var stateDataKeys = Object.keys(stateData);
+    for (var i = 0; i < stateDataKeys.length; i++) {
+      var keyName = stateDataKeys[i];
+      var includesInvalidField = validFields.indexOf(keyName) === -1;
+      if (includesInvalidField) {
+        invalidFields.push(keyName);
+      } else {
+        filteredStateData[keyName] = stateData[keyName];
+      }
+    }
+    return {
+      stateData: filteredStateData,
+      invalidFields: invalidFields
+    };
+  },
+  createAdyenCheckoutResponse: function createAdyenCheckoutResponse(checkoutresponse) {
+    if ([constants.RESULTCODES.AUTHORISED, constants.RESULTCODES.REFUSED, constants.RESULTCODES.ERROR, constants.RESULTCODES.CANCELLED].indexOf(checkoutresponse.resultCode) !== -1) {
+      return {
+        isFinal: true,
+        isSuccessful: checkoutresponse.resultCode === constants.RESULTCODES.AUTHORISED,
+        merchantReference: checkoutresponse.merchantReference
+      };
+    }
+    if ([constants.RESULTCODES.REDIRECTSHOPPER, constants.RESULTCODES.IDENTIFYSHOPPER, constants.RESULTCODES.CHALLENGESHOPPER, constants.RESULTCODES.PRESENTTOSHOPPER, constants.RESULTCODES.PENDING].indexOf(checkoutresponse.resultCode) !== -1) {
+      return {
+        isFinal: false,
+        action: checkoutresponse.action || checkoutresponse.fullResponse.action
+      };
+    }
+    if (checkoutresponse.resultCode === constants.RESULTCODES.RECEIVED) {
+      return {
+        isFinal: false
+      };
+    }
+    AdyenLogs.error_log("Unknown resultCode: ".concat(checkoutresponse.resultCode, "."));
+    return {
+      isFinal: true,
+      isSuccessful: false
+    };
+  },
+  executeCall: function executeCall(serviceType, requestObject) {
+    var service = this.getService(serviceType);
+    if (service === null) {
+      throw new Error("Could not create ".concat(serviceType, " service object"));
+    }
+    var maxRetries = constants.MAX_API_RETRIES;
+    var apiKey = AdyenConfigs.getAdyenApiKey();
+    var uuid = UUIDUtils.createUUID();
+    service.addHeader('Content-type', 'application/json');
+    service.addHeader('charset', 'UTF-8');
+    service.addHeader('X-API-KEY', apiKey);
+    service.addHeader('Idempotency-Key', uuid);
+    var callResult;
+    // retry the call until we reach max retries OR the callresult is OK
+    for (var nrRetries = 0; nrRetries < maxRetries && !((_callResult = callResult) !== null && _callResult !== void 0 && _callResult.isOk()); nrRetries++) {
+      var _callResult;
+      callResult = service.call(JSON.stringify(requestObject));
+    }
+    if (!callResult.isOk()) {
+      throw new Error("".concat(serviceType, " service call error code").concat(callResult.getError().toString(), " Error => ResponseStatus: ").concat(callResult.getStatus(), " | ResponseErrorText: ").concat(callResult.getErrorMessage(), " | ResponseText: ").concat(callResult.getMsg()));
+    }
+    var resultObject = callResult.object;
+    if (!resultObject || !resultObject.getText()) {
+      throw new Error("No correct response from ".concat(serviceType, " service call"));
+    }
+    return JSON.parse(resultObject.getText());
+  }
+};
+module.exports = adyenHelperObj;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/util/giftCardsHelper.js b/cartridges/int_adyen_overlay/cartridge/scripts/util/giftCardsHelper.js
new file mode 100644
index 000000000..f10e17d0d
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/util/giftCardsHelper.js
@@ -0,0 +1,48 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2022 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ */
+var constants = require('*/cartridge/adyenConstants/constants');
+var Transaction = require('dw/system/Transaction');
+//script includes
+var PaymentMgr = require('dw/order/PaymentMgr');
+var Money = require('dw/value/Money');
+var giftCardsHelper = {
+  createGiftCardPaymentInstrument: function createGiftCardPaymentInstrument(parsedGiftCardObj, divideBy, order) {
+    var paymentInstrument;
+    var paidGiftCardAmount = {
+      value: parsedGiftCardObj.giftCard.amount.value,
+      currency: parsedGiftCardObj.giftCard.amount.currency
+    };
+    var paidGiftCardAmountFormatted = new Money(paidGiftCardAmount.value, paidGiftCardAmount.currency).divide(divideBy);
+    Transaction.wrap(function () {
+      paymentInstrument = order.createPaymentInstrument(constants.METHOD_ADYEN_COMPONENT, paidGiftCardAmountFormatted);
+      var _PaymentMgr$getPaymen = PaymentMgr.getPaymentMethod(paymentInstrument.paymentMethod),
+        paymentProcessor = _PaymentMgr$getPaymen.paymentProcessor;
+      paymentInstrument.paymentTransaction.paymentProcessor = paymentProcessor;
+      paymentInstrument.custom.adyenPaymentMethod = parsedGiftCardObj.giftCard.name;
+      paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method")] = parsedGiftCardObj.giftCard.name;
+      paymentInstrument.custom.Adyen_Payment_Method_Variant = parsedGiftCardObj.giftCard.brand;
+      paymentInstrument.custom["".concat(constants.OMS_NAMESPACE, "__Adyen_Payment_Method_Variant")] = parsedGiftCardObj.giftCard.brand;
+      paymentInstrument.paymentTransaction.custom.Adyen_log = JSON.stringify(parsedGiftCardObj);
+      paymentInstrument.paymentTransaction.custom.Adyen_pspReference = parsedGiftCardObj.giftCard.pspReference;
+    });
+  }
+};
+module.exports = giftCardsHelper;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/util/lineItemHelper.js b/cartridges/int_adyen_overlay/cartridge/scripts/util/lineItemHelper.js
new file mode 100644
index 000000000..88e14f84c
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/util/lineItemHelper.js
@@ -0,0 +1,83 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ */
+
+var AdyenHelper = require('*/cartridge/scripts/util/adyenHelper');
+var __LineItemHelper = {
+  getDescription: function getDescription(lineItem) {
+    if (lineItem instanceof dw.order.ShippingLineItem) {
+      return lineItem.getID();
+    }
+    if (lineItem instanceof dw.order.ProductLineItem) {
+      return lineItem.productName;
+    }
+    if (lineItem instanceof dw.order.PriceAdjustment) {
+      return 'Discount';
+    }
+    return null;
+  },
+  getId: function getId(lineItem) {
+    if (lineItem instanceof dw.order.ShippingLineItem || lineItem instanceof dw.order.PriceAdjustment) {
+      return lineItem.UUID;
+    }
+    if (lineItem instanceof dw.order.ProductLineItem) {
+      return lineItem.productID;
+    }
+    return null;
+  },
+  getQuantity: function getQuantity(lineItem) {
+    if (lineItem instanceof dw.order.ShippingLineItem) {
+      return '1';
+    }
+    if (lineItem instanceof dw.order.ProductLineItem) {
+      return lineItem.quantityValue.toFixed();
+    }
+    if (lineItem instanceof dw.order.PriceAdjustment) {
+      return lineItem.quantity.toFixed();
+    }
+    return null;
+  },
+  getVatPercentage: function getVatPercentage(lineItem) {
+    var vatPercentage = 0;
+    if (__LineItemHelper.getVatAmount(lineItem).value !== 0) {
+      vatPercentage = lineItem.getTaxRate();
+    }
+    return vatPercentage;
+  },
+  getVatAmount: function getVatAmount(lineItem) {
+    if (lineItem instanceof dw.order.ProductLineItem || lineItem instanceof dw.order.ShippingLineItem) {
+      return AdyenHelper.getCurrencyValueForApi(lineItem.getAdjustedTax());
+    }
+    if (lineItem instanceof dw.order.PriceAdjustment && lineItem.getPromotion().getPromotionClass() !== 'ORDER') {
+      return AdyenHelper.getCurrencyValueForApi(lineItem.tax);
+    }
+    return new dw.value.Money(0, lineItem.getTax().getCurrencyCode());
+  },
+  getItemAmount: function getItemAmount(lineItem) {
+    if (lineItem instanceof dw.order.ProductLineItem || lineItem instanceof dw.order.ShippingLineItem) {
+      return AdyenHelper.getCurrencyValueForApi(lineItem.adjustedNetPrice);
+    }
+    if (lineItem instanceof dw.order.PriceAdjustment) {
+      return AdyenHelper.getCurrencyValueForApi(lineItem.netPrice);
+    }
+    return new dw.value.Money(0, lineItem.getPrice().getCurrencyCode());
+  }
+};
+module.exports = __LineItemHelper;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/scripts/util/riskDataHelper.js b/cartridges/int_adyen_overlay/cartridge/scripts/util/riskDataHelper.js
new file mode 100644
index 000000000..67c9bec52
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/scripts/util/riskDataHelper.js
@@ -0,0 +1,47 @@
+"use strict";
+
+/**
+ *                       ######
+ *                       ######
+ * ############    ####( ######  #####. ######  ############   ############
+ * #############  #####( ######  #####. ######  #############  #############
+ *        ######  #####( ######  #####. ######  #####  ######  #####  ######
+ * ###### ######  #####( ######  #####. ######  #####  #####   #####  ######
+ * ###### ######  #####( ######  #####. ######  #####          #####  ######
+ * #############  #############  #############  #############  #####  ######
+ *  ############   ############  #############   ############  #####  ######
+ *                                      ######
+ *                               #############
+ *                               ############
+ * Adyen Salesforce Commerce Cloud
+ * Copyright (c) 2021 Adyen B.V.
+ * This file is open source and available under the MIT license.
+ * See the LICENSE file for more info.
+ *
+ * Risk data fields
+ */
+
+var LineItemHelper = require('*/cartridge/scripts/util/lineItemHelper');
+var __RiskDataHelper = {
+  createBasketContentFields: function createBasketContentFields(order) {
+    var productLines = order.getProductLineItems().toArray();
+    var itemNr = 1;
+    var basketData = {};
+    productLines.forEach(function (item) {
+      var quantity = LineItemHelper.getQuantity(item);
+      basketData["riskdata.basket.item".concat(itemNr, ".itemID")] = LineItemHelper.getId(item);
+      basketData["riskdata.basket.item".concat(itemNr, ".productTitle")] = LineItemHelper.getDescription(item);
+      basketData["riskdata.basket.item".concat(itemNr, ".amountPerItem")] = LineItemHelper.getItemAmount(item).divide(quantity).value.toFixed();
+      basketData["riskdata.basket.item".concat(itemNr, ".currency")] = item.adjustedNetPrice.currencyCode;
+      basketData["riskdata.basket.item".concat(itemNr, ".upc")] = item.product ? item.product.UPC : '';
+      basketData["riskdata.basket.item".concat(itemNr, ".sku")] = item.product ? item.product.manufacturerSKU : '';
+      basketData["riskdata.basket.item".concat(itemNr, ".brand")] = item.product ? item.product.brand : '';
+      basketData["riskdata.basket.item".concat(itemNr, ".manufacturerName")] = item.product ? item.product.manufacturerName : '';
+      basketData["riskdata.basket.item".concat(itemNr, ".category")] = item.product && item.product.primaryCategory ? item.product.primaryCategory.displayName : '';
+      basketData["riskdata.basket.item".concat(itemNr, ".quantity")] = quantity;
+      itemNr++;
+    });
+    return basketData;
+  }
+};
+module.exports = __RiskDataHelper;
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/css/adyenCss.css b/cartridges/int_adyen_overlay/cartridge/static/default/css/adyenCss.css
new file mode 100644
index 000000000..7202e07c9
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/static/default/css/adyenCss.css
@@ -0,0 +1,536 @@
+/*Credit Cards*/
+
+.additionalFields .adyen-checkout__label, .adyen-checkout__label__text {
+    float: none;
+    width: 100%;
+    text-align: left;
+}
+
+.form-horizontal #newCard label {
+    float: none;
+    width: 100%;
+    text-align: left;
+}
+
+.creditCard {
+    margin-left: 27%;
+}
+
+.paymentMethod {
+    list-style-type: none;
+    margin: 0.5em 0 0.5em 0;
+    border-bottom: 1px solid #b9c4c9;
+}
+
+.paymentMethod_img {
+    margin: 0 0.3125em 0 0.3125em;
+    vertical-align: middle;
+    width: 40px;
+    height: 26px;
+}
+
+.additionalFields {
+    display: inline-block;
+}
+
+.hiddenFields {
+    display: none;
+}
+
+.security-code-input .adyen-checkout__field:first-child {
+    display: none;
+}
+
+/*Checkout Components*/
+
+.checkoutComponent {
+    display:none;
+    margin-top: 1.25em;
+}
+
+#component_ach .form-row label {
+    float: left;
+}
+
+#type {
+    list-style-type: none;
+    line-height: 3.125em;
+}
+
+#type .form-row {
+    margin: .5rem 0 .5rem;
+}
+
+#ssnValue {
+    background: #fff;
+    border: 0.0625em solid #b9c4c9;
+    border-radius: 0.1875em;
+    color: #001b2b;
+    display: block;
+    font-family: inherit;
+    font-size: 1em;
+    height: 3em;
+    outline: none;
+    padding: 0.3125em 0.5em;
+    position: relative;
+    transition: border .2s ease-out,box-shadow .2s ease-out;
+    width: 12.5em;
+}
+
+#ssn_klarna {
+    margin-top: 1em;
+}
+
+/*Summary page*/
+
+.summary-label{
+    font-weight: bold;
+}
+
+.adyen-payment-details {
+    max-width: 25em;
+    margin: auto;
+}
+
+/* Custom Adyen */
+
+.payment-method #type {
+    margin-left: 22%;
+}
+
+.payment-method .issuer {
+    margin: 1% 5%;
+    display: none;
+}
+
+.payment-method-options .form-row {
+    width: 25%;
+}
+
+.payment-method #type .logo {
+    position: absolute;
+}
+
+.payment-method #type label {
+    display: inline;
+    float: none;
+    width: auto;
+}
+
+.payment_method_label{
+    padding: 0.75em 6em 0;
+}
+
+.openinvoiceInput {
+    display: none;
+}
+
+.adyen-checkout__field {
+    display: table;
+}
+
+.card-error {
+    display: none;
+}
+
+/* Custom Adyen SFRA */
+.adyen-checkout__input-wrapper .adyen-checkout__dropdown__list {
+    z-index: 10;
+}
+
+#paymentMethodsUl {
+    width: 80%;
+    padding-inline-start: 0;
+    margin: auto;
+}
+
+#adyenModalDialog {
+    pointer-events: auto;
+    background: white;
+}
+
+#amazonModal {
+    opacity: 0.95;
+}
+
+#amazonContainerSG {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background: white;
+}
+
+/* The Modal (background) */
+#action-modal-SG {
+    display: none;
+    position: fixed;
+    z-index: 50;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(0,0,0);
+    background-color: rgba(0,0,0,0.4);
+}
+
+.action-modal-content-SG {
+    background: white;
+    margin-top: 10%;
+    margin-left: 40%;
+    width: max-content;
+}
+
+#giftcard-container {
+    padding: 2em;
+}
+
+#closeGiftCardModal {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+}
+
+.invisible {
+    display: none;
+}
+
+#cancelGiftCardContainer {
+    cursor: pointer;
+}
+
+/*Toggle Switch */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+    margin: 0;
+}
+
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 26px;
+    width: 26px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+input:checked + .slider {
+    background-color: #2196F3;
+}
+
+input:focus + .slider {
+    box-shadow: 0 0 1px #2196F3;
+}
+
+input:checked + .slider:before {
+    -webkit-transform: translateX(26px);
+    -ms-transform: translateX(26px);
+    transform: translateX(26px);
+}
+
+.slider.round {
+    border-radius: 34px;
+}
+
+.slider.round:before {
+    border-radius: 50%;
+}
+
+/* Gift card Dropdown */
+#giftCardSelectContainer {
+    position: relative;
+}
+
+.gift-card-selection {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    border-radius: 8px;
+    border: 1px solid #b9c4c9;
+    padding: 16px;
+    background: white;
+    position: relative;
+}
+
+.gift-card-selection hr {
+    width: 100%;
+}
+
+.gift-card-selection select {
+    width: 95%;
+    border: 0px;
+    outline: none;
+    appearance: none;
+}
+
+.gift-card-select-wrapper {
+    width: 100%;
+    margin: 10px 0 25px 0;
+    padding: 10px;
+    border-radius: 8px;
+    border: 1px solid #b9c4c9;
+}
+
+.gift-card-select-wrapper::after {
+    content: "\2304";
+    vertical-align: top;
+    line-height: 1;
+    pointer-events: none;
+}
+
+.gift-card-select-wrapper:hover {
+    border-color: #99a3ad;
+    cursor: pointer;
+}
+
+.gift-card-selection select:hover {
+    cursor: pointer;
+}
+
+.gift-card-select-wrapper:focus-within {
+    border-color: #0075FF;
+    box-shadow: 0 0 0 2px #99c2ff;
+}
+
+.gift-card-selection .list-cards {
+    background: #fff;
+    list-style: none;
+    margin: 0 0 50px;
+    overflow-y: auto;
+    position: absolute;
+    width: 100%;
+    border-radius: 6px;
+    box-shadow: 0 2px 7px rgb(0 15 45 / 30%);
+    max-height: 375px;
+    z-index: 10;
+    top: 10px;
+    padding: 0;
+}
+
+.gift-card-selection ul li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    cursor: pointer;
+}
+
+.gift-card-selection ul li > * {
+    pointer-events: none;
+}
+
+.gift-card-selection ul li:hover {
+    background: rgba(230,233,235,.6);
+}
+
+.gift-card-selection select option {
+    display: none;
+}
+
+.gift-card-selection .heading-img {
+    position: absolute;
+    top: -13px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 40px;
+    height: 26px;
+}
+
+.gift-card-selection p {
+    margin: 0;
+}
+
+.gift-card-logo {
+    width: 40px;
+    height: 26px;
+}
+
+.gift-card-warning-msg {
+    display: block;
+    margin: 20px 0;
+}
+
+.payment-methods-container {
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #b9c4c9;
+    border-radius: 8px;
+    background: white;
+}
+
+.additionalFields {
+    margin-bottom: 10px;
+}
+
+.gift-cards-container-cancel {
+    text-align: center;
+}
+
+.gift-cards-container-cancel a {
+    cursor: pointer;
+}
+
+.gift-cards-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-direction: column;
+    margin-top: 10px;
+}
+
+.gift-cards-container .gift-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    padding: 10px;
+    border: 1px solid #b9c4c9;
+    border-radius: 8px;
+    margin: 5px 0;
+    box-shadow: 0 5px 10px 0 lightgrey;
+}
+
+.gift-cards-container .gift-card .wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    margin: 4px 0;
+}
+
+.gift-cards-container .gift-card .wrapper p {
+    font-size: 13px;
+}
+
+.gift-cards-container .brand-container {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.gift-cards-container .brand-container p {
+    margin: 0 10px;
+}
+
+.gift-cards-container .gift-card-action {
+    display: flex;
+    align-items: center;
+}
+
+.gift-cards-container .gift-card-action a {
+    cursor: pointer;
+    font-size: 13px;
+}
+
+#cancelGiftCardButton, #cancelQrMethodsButton {
+    position: absolute;
+    top : 0;
+    right : 0;
+}
+
+#cancelGiftCardButtonStyling, #cancelQrMethodsButtonStyling {
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;  
+}
+
+.expressComponent {
+    margin: 10px 0;
+}
+
+.expressComponent button {
+    width: 100%;
+    padding: 10px 0;
+}
+
+.express-loader-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.express-loader {
+    width: 48px;
+    height: 48px;
+    border: 5px solid #00a1e0;
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    display: inline-block;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+.hidden {
+    visibility: hidden;
+    height: 0;
+}
+
+.adyen-checkout__amazonpay__button {
+    min-width: 100%;
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.gift-cards-info-message-container {
+    margin-top: 10px;
+}
+
+#amazonPayAddressDetails label,
+label[for="shippingMethods"] {
+    font-weight: 500;
+}
+
+.addressHeaders {
+    display: flex;
+    justify-content: space-between;
+}
+
+.addressHeaders > label {
+    white-space: nowrap;
+}
+
+address {
+    font-size: 0.9rem;
+}
+
+.editAddressBtn {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  color: #0070d2;
+  margin-bottom: 0.5rem;
+}
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.png
new file mode 100644
index 000000000..3d6328dec
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.xcf b/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.xcf
new file mode 100644
index 000000000..a3689668f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ABNAMRO.xcf differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ASNBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ASNBANK.png
new file mode 100644
index 000000000..26b92de55
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ASNBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/BUNQ.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/BUNQ.png
new file mode 100644
index 000000000..8052958fd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/BUNQ.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/FORTIS.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/FORTIS.png
new file mode 100644
index 000000000..2fe3a4d20
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/FORTIS.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/FRIESLANDBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/FRIESLANDBANK.png
new file mode 100644
index 000000000..fafc15fa9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/FRIESLANDBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ING.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ING.png
new file mode 100644
index 000000000..666f7ad84
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ING.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/KNAB.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/KNAB.png
new file mode 100644
index 000000000..f0116581a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/KNAB.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/MONEYOU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/MONEYOU.png
new file mode 100644
index 000000000..4ce52be75
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/MONEYOU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/POSTBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/POSTBANK.png
new file mode 100644
index 000000000..463dccdd2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/POSTBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/RABOBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/RABOBANK.png
new file mode 100644
index 000000000..3340d2545
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/RABOBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/REGIOBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/REGIOBANK.png
new file mode 100644
index 000000000..9eaec0176
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/REGIOBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSBANK.png
new file mode 100644
index 000000000..fef9c9751
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSREGIOBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSREGIOBANK.png
new file mode 100644
index 000000000..a8bfd4675
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/SNSREGIOBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER.png
new file mode 100644
index 000000000..56a2f1704
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER10.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER10.png
new file mode 100644
index 000000000..13da2fd62
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER10.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER2.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER2.png
new file mode 100644
index 000000000..3ab7982f5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER2.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER3.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER3.png
new file mode 100644
index 000000000..b83abaf30
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER3.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER4.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER4.png
new file mode 100644
index 000000000..ddd13c5d4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER4.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER5.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER5.png
new file mode 100644
index 000000000..17943ab4e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER5.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER6.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER6.png
new file mode 100644
index 000000000..23db603fa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER6.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER7.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER7.png
new file mode 100644
index 000000000..8eb3d57f1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER7.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER8.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER8.png
new file mode 100644
index 000000000..a6769b57d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER8.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER9.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER9.png
new file mode 100644
index 000000000..b2491150c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUER9.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERCANCELLED.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERCANCELLED.png
new file mode 100644
index 000000000..228147c14
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERCANCELLED.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERPENDING.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERPENDING.png
new file mode 100644
index 000000000..dbd67c4fc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERPENDING.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERREFUSED.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERREFUSED.png
new file mode 100644
index 000000000..e9e13dbbc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TESTISSUERREFUSED.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/TRIODOSBANK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/TRIODOSBANK.png
new file mode 100644
index 000000000..877079aae
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/TRIODOSBANK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/VANLANSCHOTBANKIERS.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/VANLANSCHOTBANKIERS.png
new file mode 100644
index 000000000..d33ea42a2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/VANLANSCHOTBANKIERS.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia.png
new file mode 100644
index 000000000..edcf5e08e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small.png
new file mode 100644
index 000000000..6117145bf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small_grey.png
new file mode 100644
index 000000000..a2883cb35
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_tiny.png
new file mode 100644
index 000000000..1c0d5e3ec
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/achcolombia_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/advance_payment.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/advance_payment.png
new file mode 100644
index 000000000..856e9be9c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/advance_payment.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/adyen_logo_large.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/adyen_logo_large.png
new file mode 100644
index 000000000..74c641648
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/adyen_logo_large.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ae_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ae_small.png
new file mode 100644
index 000000000..4a8cd6faf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ae_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_default.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_default.png
new file mode 100644
index 000000000..15ed55ff2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_default.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_directdebit.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_directdebit.png
new file mode 100644
index 000000000..15ed55ff2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/afterpay_directdebit.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ajax-loader.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/ajax-loader.gif
new file mode 100644
index 000000000..0de4cb928
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ajax-loader.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay.png
new file mode 100644
index 000000000..98eebc3ec
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small.png
new file mode 100644
index 000000000..8000012eb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small_grey.png
new file mode 100644
index 000000000..6d6392bab
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_tiny.png
new file mode 100644
index 000000000..5ee1da3d6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap.png
new file mode 100644
index 000000000..2bd8918eb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap_small.png
new file mode 100644
index 000000000..dc1004afa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/alipay_wap_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/amex.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex.png
new file mode 100644
index 000000000..b982194a0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small.png
new file mode 100644
index 000000000..4a8cd6faf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small_grey.png
new file mode 100644
index 000000000..48e0b211f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_tiny.png
new file mode 100644
index 000000000..8edbf9147
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/amex_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/apple_pay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/apple_pay.png
new file mode 100644
index 000000000..f3f409d8d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/apple_pay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay.png
new file mode 100644
index 000000000..abdf4395e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small.png
new file mode 100644
index 000000000..038d40cd8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small_grey.png
new file mode 100644
index 000000000..f3707f5e7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_tiny.png
new file mode 100644
index 000000000..7efb6b340
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/asiapay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay.png
new file mode 100644
index 000000000..9b33bd1a0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small.png
new file mode 100644
index 000000000..25e3d5f20
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small_grey.png
new file mode 100644
index 000000000..4323821bd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_tiny.png
new file mode 100644
index 000000000..078689a17
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/autopay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard.png
new file mode 100644
index 000000000..880a0989f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_small.png
new file mode 100644
index 000000000..f2ac32eb5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_tiny.png
new file mode 100644
index 000000000..ff918e4fd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/babygiftcard_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto.png
new file mode 100644
index 000000000..d705f4209
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small.png
new file mode 100644
index 000000000..9f1b96800
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small_grey.png
new file mode 100644
index 000000000..a9768ca43
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_tiny.png
new file mode 100644
index 000000000..becbb1d5c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/baloto_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet.png
new file mode 100644
index 000000000..3de68d869
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small.png
new file mode 100644
index 000000000..2494d0a23
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small_grey.png
new file mode 100644
index 000000000..5d4d13609
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_tiny.png
new file mode 100644
index 000000000..8794d7546
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancnet_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bancontact-dark.svg b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancontact-dark.svg
new file mode 100644
index 000000000..3d1e0d591
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/static/default/images/bancontact-dark.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="78px" viewBox="0 0 120 78" enable-background="new 0 0 120 78" xml:space="preserve">  <image id="image0" width="120" height="78" x="0" y="0"
+    xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABOCAYAAADrR9JiAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAK
+0UlEQVR42u2de1xUZRrHv3NlGO4gVzVQQNPyhmZmVmAkpHlZy8vuesnVNF01tT6uVtunPpZZfaoV
+r3nZpHYrM3NT85JobpSGAZoJEqICwgByZ7jPMLN/oJO6piln5gyn8/1vzpl53uc8P573fc97Q6Ef
+v9aKjGRRiu2AjH2RBZY4ssASRxZY4sgCSxxZYIkjCyxxZIEljtqexrt39GZKTA/u6uyL3sWuRbVr
+quuaSTlTzJaDpykzNgpqW2GvkazJ0d1ZMysalVLhkCBJgXJjE2Ne30362VLBbNqliu7XxZ/VM2Vx
+bxU/Dxc+fe5RXLXC1XZ2EXjh6L6oVbK4t0Owr574qFDB7NlF4Ad6hjgsIFKkT1gHwWzZRWA/D53D
+giFFvPRawWzJr0lOiELA1k0WWOLIAkscCY8+WMCUCy1lgNiLVpSg6QoqP4eXLD2BLUaoXAU1W8Fc
+LrY3V+MzAzq87NAipSVw0ykwTAHzRbE9uT6Vm0AXBe6jHFakdNpgUw4UjndecS9Td8ihxUlDYEsl
+FE6BlhqxPbk5LRUOLU4CApvAMB1M+WI74pS0f4FLFkPDMbG9cFradyercjXUbBPElEXhg1nhIYgt
+JSbUliIxI2Oj/QpctxfKVwhiyqQMoe9bo8gsFOZ9+fxrPxPm6hwCt88quuknKJ4nyPiFVenOE4kj
+BRM3aVEZYa6HxY3PFbQ/gVuKwfAkWNq+tMWKkr8fnMDO48K49vaEJoZ23n7jLykcW2m2L4Gtja3i
+mksEMbcteyKv7RIm4JMHW1k46BMUN6sItHfaN0bX0L4ELp4LjacEMfVj5XAmrBemU9U/DN4f/x8U
+1pvUKuoO4D3dzkG6pkiHltYWypdD7T5BTJWaB3LPis6C2NLr1Ox8xoxK3/fGX9RGtIrr4AkHUQVO
+zsxn3Z5U8ktvPAK1bHQpMf5rBSmzURFO39f7YTK13ZZCAR8u+gMhEY6tdm8F0QQ+fCqP2Bc/pKXl
+xo3W7KFmov0/EKRMi9KX2DWxGCqFeYZXJ8cw9j7nFRdEbINf3/btTcUdEmlh9cjPUdD2dLMqXJj5
++eN8d0YY/yfF9OL5cUMcEao2IVoGZxWU3fB+sHcLB2YnobQKk26rfpjI5m+E+Xse3KMTm+aPtHuM
+hEC0DDa3WH71nlpl4fiSdHTkClLWocKxPPORMCs9QwO82PHCBFzUKkeEqc045WvSkcXnCNSmC2Lr
+fEMMD7/tL4gtD72WXS9NJMBLL2Z4bgmnfE16YkM4CkW4ILYM1cKsQVUq4aPnxtIrNEDM0NwyTilw
+frnzbXt5a9ojPHZPpNhu3DJOWUU7G9OH9WXRmEFiu3FbyALfhOheoaybM0JsN24b0QQO8nEX+9lv
+SmSIL9ufH49G1X7zQDTPxwxy7hGgqIgg/rtiKr7u7XsjnWidrMWPDybHUMGHX5/EKvbGgyvoFRbA
+7OEDmBkXJYkN7KIJ7KJWkbhwNAmz4ikoE3+5q0KhIMTXA283F7FdERTRX5O89C543SHMQITM/9N+
+ew8yvwlZYIkjqsBmi5Xq+iZMN5h4kGkborXBw1/5mH1pObYedGd/T56Ki+LFCQ/gTH3Xwgoj6TlF
+xEVFoFXfXj40NJtJzTHQwVNPj07CHbDyWxAtg388X4zVCnFR4cRFhVNurOelfx1mS9KPYrl0XeJe
++jejlm2l3Fh/2zbW7knlwb8lsuNolsP9F70X/d7cEYT6e/HuFyks2vQVR7MuMC22D/M37GNvWg61
+Dc10DfLhlT9HE9unC4dO5jLvvb0M6XkHGfml5JdWExcVztrZw9GolJwvqWLBxv2k5hjQu2hImBlP
+bN+uLPvkGz777jQtFguPDezGq5NicNWqmbl6N0ezCojvH8GOo1notGpenRTD8AGRDFi4kRxD627A
+6KWJbJw3ErVKyTMb9lFYbsRNp2HEgEjenPYIWrWSyrpGFm7cz6GTuaiUChY/fj/5pdW8n3QCgJU7
+UyitrufdGcMcFl/RMvhy1ZxbUkXmhTJOnCsGICLEF4ALZTX4e7kR4ufB0awCxi7/lNpGE+XGejLz
+y9iwL52a+iaq6xrZtP84O45mYQXGrfiMnSnZuOu0uLloqalvZvmn37Lsk2RyL1ZRVFnLOzu+Z0ni
+QQByiio5lVfKe/vScNdpycgrZdaa3SgUENu3C1pN68R+WKA3bjoNF6vqsFohPNiHytpGVu48RsKu
+FADmrt9L4sGTAPh6uFJV10hUeBAd/Txs14J9HTtEK1oGXz4qKHrpLwvqwgK9mD/yXgB2PD/edv3B
+JYkkZ+STVVCG4tIPpz7cmy0LRtsyPyO/lPsrjKTlFBEZ4kvW+r/a2vIec1pXZH77xjT8PF0J+0sC
+W5MzWPlUnK2MA8smcW+3jnSbtYYzhgoqjA28M30Y+9PPkplfxpYFown2cad/eDBjBnUHYNexbEYt
+28qx7ELbZ51WRebaObjrNDbbeRerSc8pZnJMbxaPHezQOIteRa96Oh6dRs26vamk5xSzJekETz/a
+n38mnWDNlz9QWG6kwtgAQEPzL4vvtJeWzHi4am33iipqgdZsu7KjVlBWg0atpF94EArA30tPSWXd
+Vb13F01rKNxt9szX9TevtJpnNx8gLcdA+SW/Gk0t1DWZMNY309nf8ypxxUb09+CRA7sxY1g/nh1z
+HwBf/5TL2eJKZiTsor7JxKZ5Ixnc47ctUtddOsSz2dxy1XW9iwZziwVjQzNmi5Xaxma0GiUq5a0/
+/rObD7D9u9PMjO/PiqkP265rVCqUSmgymW/Zpj0RPYO/On4OD1ctCbtaN3FHhvhScqmd6+Tnyd2h
+AVivmI2wXjMzceWnroE+uGhUHMsuZGtyJm46DXfd4U+fLkEcOH6OJVuS8HLT0dBkZkBkMNebS7jW
+/uXMLiirIdDbnaIKIwCD7+x01YJ9rVpJeJAvZwwVrPkylS5B3nTy86R3WIDNRml1PfVNZoeenS2a
+wK7a1mps5qrdtmvdO/kx77GBuOm0BPu6k3TiPF2mJ3BloimuOefvyk96FzUv/+khliYeYuKbrbv8
+1s0ZzvIpQ0k9Y2DdnjQA3HQa3ngy9rp+XWu/f0Qwx88WM3DRZj5/YRzx/SM4crqA6KUfcG0FsHzq
+UP745nbmrt8LwPxRA1n5VBwDIoIB+McXKZwtrmTnixMcFme7HAhe8/Gsm061ZeSXkpJdiLGhGVet
+mvAgH6J7hdl+Z6ioZfcP2QR6uxEa4M0ZQznD+oXT2Gzmm4w8unfsQO+wAC6U1fD9zwX0Cg3kzk6t
++36OnTGQllOEm05DfFQEAV56SqrqOHQyF3OLheheoXTu4AnAkawCCstrGD4gEjcXDYdP5VFWU8+o
+gd3RqpXUNZnYfuQ0xvpmxg3pib+Xnt3HsimuquOhu0M5mVtC5w6e3NutIwBZBeUkZ+ajVCiI6R1G
+10BvoHUnx0+5F+nXNYghPW/c5Gz8KoMFm5Pbt8Ayv46QAoveyZKxL7LAEkcWWOLYReDq+maxn6td
+Y2wQYPPyJewicEq2MGdo/F45XSDccYd2EXj1l8415deeqKk3sSctTzB7dhH48KlCXtuW6rCgSIXG
+5hamJRygqq5JMJsqzV0jXraHs8mZBo6fKyXE1x0/D9fbXg3xe6Citol96flMX3WQoz8XC2rbbv/a
+TsY5kNNK4sgCSxxZYIkjCyxxZIEljiywxJEFljiywBLnf2jDj5yiEE9BAAAAJXRFWHRkYXRlOmNy
+ZWF0ZQAyMDE5LTA0LTI5VDE2OjIxOjM5KzAzOjAwt9uPfgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAx
+OS0wNC0yOVQxNjoyMTozOSswMzowMMaGN8IAAAAASUVORK5CYII=" />
+</svg>
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bank24.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank24.png
new file mode 100644
index 000000000..cfdb9b193
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank24.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE.png
new file mode 100644
index 000000000..cad63bbf6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_small.png
new file mode 100644
index 000000000..e4e21fd69
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_tiny.png
new file mode 100644
index 000000000..9e330a092
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT.png
new file mode 100644
index 000000000..45b17fd6e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_small.png
new file mode 100644
index 000000000..98c95019b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_tiny.png
new file mode 100644
index 000000000..6c486903c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AT_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU.png
new file mode 100644
index 000000000..c406a8e0b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_small.png
new file mode 100644
index 000000000..6bd0b107b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_tiny.png
new file mode 100644
index 000000000..1100ef251
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_AU_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE.png
new file mode 100644
index 000000000..2563fa812
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_small.png
new file mode 100644
index 000000000..cb5e732d7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_tiny.png
new file mode 100644
index 000000000..679933cd1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG.png
new file mode 100644
index 000000000..e62d2cd68
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_small.png
new file mode 100644
index 000000000..4698e2608
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_tiny.png
new file mode 100644
index 000000000..846060deb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_BG_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH.png
new file mode 100644
index 000000000..351420732
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_small.png
new file mode 100644
index 000000000..a71855f78
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_tiny.png
new file mode 100644
index 000000000..4d681aca6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CH_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ.png
new file mode 100644
index 000000000..223947162
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_small.png
new file mode 100644
index 000000000..fb474f8f1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_tiny.png
new file mode 100644
index 000000000..1fd14f9bd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_CZ_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE.png
new file mode 100644
index 000000000..5c55dbd18
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.png
new file mode 100644
index 000000000..9e8255841
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.xcf b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.xcf
new file mode 100644
index 000000000..94be2e618
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_small.xcf differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_tiny.png
new file mode 100644
index 000000000..fe202bb8f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK.png
new file mode 100644
index 000000000..d58cda4b8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_small.png
new file mode 100644
index 000000000..490b71cac
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_tiny.png
new file mode 100644
index 000000000..ad928063e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_DK_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE.png
new file mode 100644
index 000000000..a6d17059a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_small.png
new file mode 100644
index 000000000..983f79916
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_tiny.png
new file mode 100644
index 000000000..241240baf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_EE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES.png
new file mode 100644
index 000000000..d0ae58e71
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_small.png
new file mode 100644
index 000000000..7ee029ed4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_tiny.png
new file mode 100644
index 000000000..e8a8b3efb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_ES_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI.png
new file mode 100644
index 000000000..71ab46b96
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_small.png
new file mode 100644
index 000000000..9b5d05030
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_tiny.png
new file mode 100644
index 000000000..b45297c0f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FI_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR.png
new file mode 100644
index 000000000..e1708d620
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_small.png
new file mode 100644
index 000000000..1289b9324
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_tiny.png
new file mode 100644
index 000000000..dd67b208e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_FR_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB.png
new file mode 100644
index 000000000..fea9214ae
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_small.png
new file mode 100644
index 000000000..da176d9af
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_tiny.png
new file mode 100644
index 000000000..112762f34
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GB_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI.png
new file mode 100644
index 000000000..4e8c2806f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_small.png
new file mode 100644
index 000000000..b78cf24fa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_tiny.png
new file mode 100644
index 000000000..b154736e8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GI_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR.png
new file mode 100644
index 000000000..1e02d64be
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_small.png
new file mode 100644
index 000000000..2b22edd5d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_tiny.png
new file mode 100644
index 000000000..a3b391bca
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_GR_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN.png
new file mode 100644
index 000000000..77aac5bd6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_small.png
new file mode 100644
index 000000000..c6953fd09
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_tiny.png
new file mode 100644
index 000000000..d71bdb09d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IBAN_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE.png
new file mode 100644
index 000000000..1193fc00a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_small.png
new file mode 100644
index 000000000..1146e86ba
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_tiny.png
new file mode 100644
index 000000000..2eff58431
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT.png
new file mode 100644
index 000000000..a18438212
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_small.png
new file mode 100644
index 000000000..069334fb1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_tiny.png
new file mode 100644
index 000000000..a484994f7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_IT_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_JP.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_JP.png
new file mode 100644
index 000000000..7bcd2f045
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_JP.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU.png
new file mode 100644
index 000000000..5869b14e8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_small.png
new file mode 100644
index 000000000..75fcc2db0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_tiny.png
new file mode 100644
index 000000000..49e8aa349
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_LU_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT.png
new file mode 100644
index 000000000..e5dc694d0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_small.png
new file mode 100644
index 000000000..3a75e3b04
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_tiny.png
new file mode 100644
index 000000000..f148936c1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_MT_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL.png
new file mode 100644
index 000000000..d27cd2b4b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.png
new file mode 100644
index 000000000..f826f2ebf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.xcf b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.xcf
new file mode 100644
index 000000000..3ef372e52
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_small.xcf differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_tiny.png
new file mode 100644
index 000000000..116f3bbd7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NL_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO.png
new file mode 100644
index 000000000..43bc8989b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_small.png
new file mode 100644
index 000000000..96a0925ee
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_tiny.png
new file mode 100644
index 000000000..bdbab2623
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_NO_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL.png
new file mode 100644
index 000000000..f9a852fd6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_small.png
new file mode 100644
index 000000000..999b5ea42
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_tiny.png
new file mode 100644
index 000000000..ddd54b126
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PL_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT.png
new file mode 100644
index 000000000..baeb0bfa9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_small.png
new file mode 100644
index 000000000..00d874d1a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_tiny.png
new file mode 100644
index 000000000..5df0acef2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_PT_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE.png
new file mode 100644
index 000000000..f735dc598
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_small.png
new file mode 100644
index 000000000..08639363c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_tiny.png
new file mode 100644
index 000000000..62093b93a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SE_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK.png
new file mode 100644
index 000000000..8929e8ddd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_small.png
new file mode 100644
index 000000000..ae75fc730
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_tiny.png
new file mode 100644
index 000000000..5d605089a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_SK_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US.png
new file mode 100644
index 000000000..d5ee8738e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_small.png
new file mode 100644
index 000000000..7cfe40e48
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_tiny.png
new file mode 100644
index 000000000..fc8aabfa7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bankTransfer_US_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru.png
new file mode 100644
index 000000000..06dd13795
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_small.png
new file mode 100644
index 000000000..4da458326
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_tiny.png
new file mode 100644
index 000000000..55ff35b2b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bank_ru_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/barras.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras.png
new file mode 100644
index 000000000..cf893db78
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small.png
new file mode 100644
index 000000000..aee10b5dd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small_grey.png
new file mode 100644
index 000000000..1dece079b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_tiny.png
new file mode 100644
index 000000000..6d6e8d7ad
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/barras_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc.png
new file mode 100644
index 000000000..47b62f562
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small.png
new file mode 100644
index 000000000..c6978497b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small_grey.png
new file mode 100644
index 000000000..b6771c01f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_tiny.png
new file mode 100644
index 000000000..d84384ca0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bcmc_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/beelinesms.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/beelinesms.png
new file mode 100644
index 000000000..a1505417f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/beelinesms.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard.png
new file mode 100644
index 000000000..d3a678385
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small.png
new file mode 100644
index 000000000..32409d9a7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small_grey.png
new file mode 100644
index 000000000..36fa02d44
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_tiny.png
new file mode 100644
index 000000000..0a33b420d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bijcard_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99.png
new file mode 100644
index 000000000..e1985d100
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small.png
new file mode 100644
index 000000000..1ae7ef5de
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small_grey.png
new file mode 100644
index 000000000..5e14c5639
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_tiny.png
new file mode 100644
index 000000000..5f4564272
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bill99_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/boku.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/boku.png
new file mode 100644
index 000000000..1e3034c5f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/boku.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/boleto.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/boleto.png
new file mode 100644
index 000000000..b0bb38ec6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/boleto.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_hsbc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_hsbc.png
new file mode 100644
index 000000000..b0bb38ec6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_hsbc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_itau.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_itau.png
new file mode 100644
index 000000000..b0bb38ec6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_itau.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_santander.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_santander.png
new file mode 100644
index 000000000..b0bb38ec6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/boletobancario_santander.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/bradesco.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/bradesco.png
new file mode 100644
index 000000000..ef4701f47
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/bradesco.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_cash.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_cash.png
new file mode 100644
index 000000000..cc7bac402
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_cash.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur.png
new file mode 100644
index 000000000..f9e5003f9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_small.png
new file mode 100644
index 000000000..23e71a374
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_tiny.png
new file mode 100644
index 000000000..1cb07b75f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_factuur_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice.png
new file mode 100644
index 000000000..f9e5003f9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_small.png
new file mode 100644
index 000000000..23e71a374
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_tiny.png
new file mode 100644
index 000000000..1cb07b75f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_invoice_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening.png
new file mode 100644
index 000000000..f9e5003f9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_small.png
new file mode 100644
index 000000000..23e71a374
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_tiny.png
new file mode 100644
index 000000000..1cb07b75f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_oprekening_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal.png
new file mode 100644
index 000000000..3f72f4c74
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal_small.png
new file mode 100644
index 000000000..4d450b6fa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_paypal_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours.png
new file mode 100644
index 000000000..2dbe051ce
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_small.png
new file mode 100644
index 000000000..dae75a280
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_tiny.png
new file mode 100644
index 000000000..67f32de28
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/c_rembours_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cancel.svg b/cartridges/int_adyen_overlay/cartridge/static/default/images/cancel.svg
new file mode 100644
index 000000000..c02b44f35
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/static/default/images/cancel.svg
@@ -0,0 +1,4 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="19" cy="19" r="19"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.6569 15.0704C25.0474 14.6799 25.0474 14.0467 24.6569 13.6562C24.2664 13.2657 23.6332 13.2657 23.2427 13.6562L19.0001 17.8988L14.7574 13.6562C14.3669 13.2657 13.7338 13.2657 13.3432 13.6562C12.9527 14.0467 12.9527 14.6799 13.3432 15.0704L17.5858 19.313L13.3432 23.5557C12.9527 23.9462 12.9527 24.5794 13.3432 24.9699C13.7337 25.3604 14.3669 25.3604 14.7574 24.9699L19.0001 20.7272L23.2427 24.9699C23.6333 25.3604 24.2664 25.3604 24.6569 24.9699C25.0475 24.5794 25.0475 23.9462 24.6569 23.5557L20.4143 19.313L24.6569 15.0704Z" fill="#687282"/>
+</svg>
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/card.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/card.png
new file mode 100644
index 000000000..0e1afb35c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/card.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cartebancaire.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cartebancaire.png
new file mode 100644
index 000000000..215537728
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cartebancaire.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket.png
new file mode 100644
index 000000000..7e4489040
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small.png
new file mode 100644
index 000000000..feceba862
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small_grey.png
new file mode 100644
index 000000000..e988132df
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny.png
new file mode 100644
index 000000000..e54ca2549
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny2.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny2.png
new file mode 100644
index 000000000..8b9a60b11
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashticket_tiny2.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cashu.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashu.png
new file mode 100644
index 000000000..a8da501b9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cashu.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue.png
new file mode 100644
index 000000000..db74095c1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small.png
new file mode 100644
index 000000000..2c4531d17
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small_grey.png
new file mode 100644
index 000000000..08511e439
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_tiny.png
new file mode 100644
index 000000000..ce13bb512
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ccavenue_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint.png
new file mode 100644
index 000000000..bbe585b02
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small.png
new file mode 100644
index 000000000..09e136614
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small_grey.png
new file mode 100644
index 000000000..f10939f9b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_tiny.png
new file mode 100644
index 000000000..af002b7e0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cellpaypoint_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ciberpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ciberpay.png
new file mode 100644
index 000000000..b25bd6515
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ciberpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/contact_ru.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/contact_ru.png
new file mode 100644
index 000000000..bdf2c0fbe
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/contact_ru.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcard.png
new file mode 100644
index 000000000..ff70deb8d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcards.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcards.png
new file mode 100644
index 000000000..a48637f7e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/creditcards.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cup.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cup.png
new file mode 100644
index 000000000..7437ef880
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cup.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/cup_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/cup_small.png
new file mode 100644
index 000000000..e2d29f4e2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/cup_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dankort.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dankort.png
new file mode 100644
index 000000000..b0c76117d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dankort.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dc_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dc_small.png
new file mode 100644
index 000000000..b834d6d21
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dc_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/di_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/di_small.png
new file mode 100644
index 000000000..352742f48
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/di_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail.png
new file mode 100644
index 000000000..bf4815abe
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_amex.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_amex.gif
new file mode 100644
index 000000000..a08e83495
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_amex.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_argencard.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_argencard.gif
new file mode 100644
index 000000000..66c03daf1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_argencard.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_banktransfer.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_banktransfer.gif
new file mode 100644
index 000000000..179aba1aa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_banktransfer.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_bapropago.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_bapropago.gif
new file mode 100644
index 000000000..e2167cdd6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_bapropago.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cabal.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cabal.gif
new file mode 100644
index 000000000..74e02cb9a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cabal.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cobroexpress.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cobroexpress.gif
new file mode 100644
index 000000000..e7e1e4e0a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_cobroexpress.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_dm.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_dm.gif
new file mode 100644
index 000000000..287878e6e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_dm.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_italcred.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_italcred.gif
new file mode 100644
index 000000000..602dc505a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_italcred.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_master.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_master.gif
new file mode 100644
index 000000000..f30f541f8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_master.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_pagofacil.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_pagofacil.gif
new file mode 100644
index 000000000..2240e6e77
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_pagofacil.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_rapipago.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_rapipago.gif
new file mode 100644
index 000000000..fc912ca97
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_rapipago.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_tshopping.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_tshopping.gif
new file mode 100644
index 000000000..5f4476565
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_tshopping.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa.gif
new file mode 100644
index 000000000..5b08bb27b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa_hipotecario.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa_hipotecario.gif
new file mode 100644
index 000000000..a8213967d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_ar_visa_hipotecario.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_amex.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_amex.gif
new file mode 100644
index 000000000..a08e83495
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_amex.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_aura.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_aura.gif
new file mode 100644
index 000000000..6f7d3f108
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_aura.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_bbancario.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_bbancario.gif
new file mode 100644
index 000000000..4989304a6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_bbancario.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_diners.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_diners.gif
new file mode 100644
index 000000000..30aa0c203
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_diners.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_dm.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_dm.gif
new file mode 100644
index 000000000..7753c0e14
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_dm.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_hipercard.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_hipercard.gif
new file mode 100644
index 000000000..68e20ae03
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_hipercard.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_master.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_master.gif
new file mode 100644
index 000000000..f30f541f8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_master.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_oipaggo.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_oipaggo.gif
new file mode 100644
index 000000000..89f05b9d6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_oipaggo.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_visa.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_visa.gif
new file mode 100644
index 000000000..5b08bb27b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_br_visa.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_amex.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_amex.gif
new file mode 100644
index 000000000..c7f4f8d88
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_amex.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_diners.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_diners.gif
new file mode 100644
index 000000000..1a4297687
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_diners.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_dm.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_dm.gif
new file mode 100644
index 000000000..1a19e1891
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_dm.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_magna.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_magna.gif
new file mode 100644
index 000000000..5b050652f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_magna.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_master.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_master.gif
new file mode 100644
index 000000000..86763da18
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_master.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_presto.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_presto.gif
new file mode 100644
index 000000000..c5824d962
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_presto.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_ripley.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_ripley.gif
new file mode 100644
index 000000000..1fda75553
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_ripley.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_servipag.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_servipag.gif
new file mode 100644
index 000000000..113926709
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_servipag.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_visa.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_visa.gif
new file mode 100644
index 000000000..251abbd4b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_cl_visa.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_7eleven.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_7eleven.gif
new file mode 100644
index 000000000..179a98dd8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_7eleven.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_amex.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_amex.gif
new file mode 100644
index 000000000..a08e83495
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_amex.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_bancomer_tc.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_bancomer_tc.gif
new file mode 100644
index 000000000..4995741d1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_bancomer_tc.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_dm.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_dm.gif
new file mode 100644
index 000000000..d7e38428c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_dm.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_hsbc_tb.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_hsbc_tb.gif
new file mode 100644
index 000000000..262c21f93
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_hsbc_tb.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_ixe_tc.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_ixe_tc.gif
new file mode 100644
index 000000000..b3e32daa7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_ixe_tc.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_otherbank_tc.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_otherbank_tc.gif
new file mode 100644
index 000000000..138be7c83
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_otherbank_tc.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_oxxo.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_oxxo.gif
new file mode 100644
index 000000000..f2a4f9c2c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_oxxo.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_santander_tc.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_santander_tc.gif
new file mode 100644
index 000000000..076ac32ce
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_santander_tc.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_scotiabank_tc.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_scotiabank_tc.gif
new file mode 100644
index 000000000..07fb3706c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_mx_scotiabank_tc.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_small.png
new file mode 100644
index 000000000..adee5f275
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_tiny.png
new file mode 100644
index 000000000..8a266fc47
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dineromail_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/diners.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners.png
new file mode 100644
index 000000000..91e3df3bc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small.png
new file mode 100644
index 000000000..b834d6d21
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small_grey.png
new file mode 100644
index 000000000..44555603d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_tiny.png
new file mode 100644
index 000000000..ec9618837
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/diners_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking.png
new file mode 100644
index 000000000..170c85fa6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_axa.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_axa.png
new file mode 100644
index 000000000..b5acf6599
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_axa.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_cbc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_cbc.png
new file mode 100644
index 000000000..a76bfa83f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_cbc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de.png
new file mode 100644
index 000000000..170c85fa6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_grey.png
new file mode 100644
index 000000000..ff412c412
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_small.png
new file mode 100644
index 000000000..6f8325fee
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_tiny.png
new file mode 100644
index 000000000..dba377e1b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_de_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_dexia.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_dexia.png
new file mode 100644
index 000000000..7d3a340a6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_dexia.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fintro.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fintro.png
new file mode 100644
index 000000000..86c413995
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fintro.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fortis.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fortis.png
new file mode 100644
index 000000000..8d4d5311d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_fortis.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_grey.png
new file mode 100644
index 000000000..ff412c412
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_ing.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_ing.png
new file mode 100644
index 000000000..cb0bffe86
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_ing.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_kbc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_kbc.png
new file mode 100644
index 000000000..38cb1d3aa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_kbc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small.png
new file mode 100644
index 000000000..bb634c1e8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small_grey.png
new file mode 100644
index 000000000..de4e39c81
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_tiny.png
new file mode 100644
index 000000000..a200e1541
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directEbanking_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bancodobrasil.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bancodobrasil.png
new file mode 100644
index 000000000..df5a9f3c0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bancodobrasil.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bradesco.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bradesco.png
new file mode 100644
index 000000000..ef4701f47
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_bradesco.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_caixa.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_caixa.png
new file mode 100644
index 000000000..db9f45ece
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_caixa.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_hsbc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_hsbc.png
new file mode 100644
index 000000000..67df5d4d1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_hsbc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_itau.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_itau.png
new file mode 100644
index 000000000..b6162e032
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_itau.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_santander.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_santander.png
new file mode 100644
index 000000000..4ae59875e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_BR_santander.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL.png
new file mode 100644
index 000000000..dd2c11211
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_small.png
new file mode 100644
index 000000000..e063748b1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_tiny.png
new file mode 100644
index 000000000..238701959
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/directdebit_NL_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/discover.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover.png
new file mode 100644
index 000000000..c2ff22f75
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small.png
new file mode 100644
index 000000000..352742f48
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small_grey.png
new file mode 100644
index 000000000..2bb057204
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_tiny.png
new file mode 100644
index 000000000..700a9a532
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/discover_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku.png
new file mode 100644
index 000000000..9fb2f19c7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_alfamart.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_alfamart.png
new file mode 100644
index 000000000..334672500
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_alfamart.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_atm_mandiri_va_lite.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_atm_mandiri_va_lite.png
new file mode 100644
index 000000000..ebb2745ea
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_atm_mandiri_va_lite.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_mandiri_clickpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_mandiri_clickpay.png
new file mode 100644
index 000000000..7893513f1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_mandiri_clickpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_permata_lite_atm.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_permata_lite_atm.png
new file mode 100644
index 000000000..38274188e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_permata_lite_atm.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_wallet.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_wallet.png
new file mode 100644
index 000000000..b6159e5f4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/doku_wallet.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay.png
new file mode 100644
index 000000000..e13cc883b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_inteligo.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_inteligo.png
new file mode 100644
index 000000000..835a313dc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_inteligo.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_moje.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_moje.png
new file mode 100644
index 000000000..22ad112cb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_moje.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_mtransfer.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_mtransfer.png
new file mode 100644
index 000000000..e98af52ca
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_mtransfer.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_multitransfer.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_multitransfer.png
new file mode 100644
index 000000000..acfa18a19
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_multitransfer.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_nordea.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_nordea.png
new file mode 100644
index 000000000..638bbcf8c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_nordea.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_potzta.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_potzta.png
new file mode 100644
index 000000000..aaa70bd41
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_potzta.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz.png
new file mode 100644
index 000000000..35e2a7a54
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz24.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz24.png
new file mode 100644
index 000000000..812db6a1e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_przelewz24.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_small.png
new file mode 100644
index 000000000..bd97a175b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_tiny.png
new file mode 100644
index 000000000..266b5c73e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_zabka.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_zabka.png
new file mode 100644
index 000000000..7a7e44e82
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dotpay_zabka.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/dragonpay_ebanking.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/dragonpay_ebanking.png
new file mode 100644
index 000000000..62aa3c054
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/dragonpay_ebanking.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI.png
new file mode 100644
index 000000000..6ccdf4a42
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_aktia.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_aktia.gif
new file mode 100644
index 000000000..187a29dad
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_aktia.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_alandsbanken.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_alandsbanken.png
new file mode 100644
index 000000000..75e284226
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_alandsbanken.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_handelsbanken.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_handelsbanken.png
new file mode 100644
index 000000000..fae91160c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_handelsbanken.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_nordea.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_nordea.png
new file mode 100644
index 000000000..363dbef73
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_nordea.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_osuuspankki.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_osuuspankki.png
new file mode 100644
index 000000000..46acdd7fc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_osuuspankki.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_sampo.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_sampo.png
new file mode 100644
index 000000000..e67905138
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_sampo.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_small.png
new file mode 100644
index 000000000..1f0c37711
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_spankki.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_spankki.png
new file mode 100644
index 000000000..97e6f580a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_spankki.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tapiola.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tapiola.png
new file mode 100644
index 000000000..5c9e3d979
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tapiola.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tiny.png
new file mode 100644
index 000000000..b4c25faff
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebanking_FI_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebetalning.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebetalning.png
new file mode 100644
index 000000000..23eb062a6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebetalning.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks.png
new file mode 100644
index 000000000..04cd608b2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small.png
new file mode 100644
index 000000000..33b3fb48d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small_tiny.png
new file mode 100644
index 000000000..618e9939d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_small_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_tiny.png
new file mode 100644
index 000000000..20da3f862
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ebucks_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elba.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elba.png
new file mode 100644
index 000000000..429d6f70f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elba.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elecsnet.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elecsnet.png
new file mode 100644
index 000000000..4eeba19ba
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elecsnet.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elo.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elo.png
new file mode 100644
index 000000000..d2b3b781e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elo.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elo_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elo_small.png
new file mode 100644
index 000000000..877c52169
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elo_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elv.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv.png
new file mode 100644
index 000000000..e5521524d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_small.png
new file mode 100644
index 000000000..62b0fb6c7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_tiny.png
new file mode 100644
index 000000000..16c77c742
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/elv_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/empty.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/empty.png
new file mode 100644
index 000000000..c94d5fe0d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/empty.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/enets.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/enets.png
new file mode 100644
index 000000000..b96084747
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/enets.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard.png
new file mode 100644
index 000000000..460bb3d01
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small.png
new file mode 100644
index 000000000..6c36d8f14
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small_grey.png
new file mode 100644
index 000000000..30b2e72ae
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_tiny.png
new file mode 100644
index 000000000..5ed299db4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/entertainmentcard_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/forwardmobile.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/forwardmobile.png
new file mode 100644
index 000000000..2fa250937
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/forwardmobile.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/frame.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/frame.png
new file mode 100644
index 000000000..40c306c14
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/frame.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall.png
new file mode 100644
index 000000000..5ec323c29
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small.png
new file mode 100644
index 000000000..ab717392f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small_tiny.png
new file mode 100644
index 000000000..f27d318c4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_small_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_tiny.png
new file mode 100644
index 000000000..73bf845b1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/gallgall_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay.png
new file mode 100644
index 000000000..f1d44a78a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small.png
new file mode 100644
index 000000000..18fe6e88e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small_grey.png
new file mode 100644
index 000000000..b5d2829ff
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_tiny.png
new file mode 100644
index 000000000..14d112703
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/giropay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/givex.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/givex.png
new file mode 100644
index 000000000..0189acde7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/givex.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash.png
new file mode 100644
index 000000000..5ea872adf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small.png
new file mode 100644
index 000000000..ee1f2a781
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small_grey.png
new file mode 100644
index 000000000..1f2cad48b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_tiny.png
new file mode 100644
index 000000000..4e44350f2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/globegcash_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hansabank.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hansabank.png
new file mode 100644
index 000000000..e938d1859
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hansabank.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc.png
new file mode 100644
index 000000000..57cf18dbd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small.png
new file mode 100644
index 000000000..08f14b484
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small_grey.png
new file mode 100644
index 000000000..33f28d086
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_tiny.png
new file mode 100644
index 000000000..cbc1ca5ce
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hdfc_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard.png
new file mode 100644
index 000000000..b48a21376
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard_small.png
new file mode 100644
index 000000000..808351b59
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hipercard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hppPos.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hppPos.png
new file mode 100644
index 000000000..55e39afa3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hppPos.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen.png
new file mode 100644
index 000000000..08e80ce4d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_small.png
new file mode 100644
index 000000000..b8ca0dd12
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_tiny.png
new file mode 100644
index 000000000..3bd10e347
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/hyvesafrekenen_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal.png
new file mode 100644
index 000000000..14ec6f012
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_small.png
new file mode 100644
index 000000000..95842a7c4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_tiny.png
new file mode 100644
index 000000000..cef5d3105
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ideal_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/img_trans.gif b/cartridges/int_adyen_overlay/cartridge/static/default/images/img_trans.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/img_trans.gif differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/interac.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac.png
new file mode 100644
index 000000000..8c8e6f289
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_small.png
new file mode 100644
index 000000000..109c4ca4e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_tiny.png
new file mode 100644
index 000000000..828925817
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/interac_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88.png
new file mode 100644
index 000000000..b58dfe9f3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small.png
new file mode 100644
index 000000000..e39d973a1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small_grey.png
new file mode 100644
index 000000000..5632fc4ab
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_tiny.png
new file mode 100644
index 000000000..282dd8909
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ipay88_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr.png
new file mode 100644
index 000000000..724c902a1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline.png
new file mode 100644
index 000000000..724c902a1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_small.png
new file mode 100644
index 000000000..99c12d068
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_tiny.png
new file mode 100644
index 000000000..bfefe0b07
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrLandline_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile.png
new file mode 100644
index 000000000..c60df53f0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_small.png
new file mode 100644
index 000000000..3161a7bbb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_tiny.png
new file mode 100644
index 000000000..3edea1ade
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivrMobile_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_small.png
new file mode 100644
index 000000000..99c12d068
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_tiny.png
new file mode 100644
index 000000000..bfefe0b07
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ivr_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb.png
new file mode 100644
index 000000000..eb2934e9b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small.png
new file mode 100644
index 000000000..a6d4fa8f2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small_grey.png
new file mode 100644
index 000000000..dab736dc6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_tiny.png
new file mode 100644
index 000000000..419bbbcf4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/jcb_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld.png
new file mode 100644
index 000000000..3c5c57d9a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small.png
new file mode 100644
index 000000000..d63f9b616
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small_grey.png
new file mode 100644
index 000000000..94e3421b8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_tiny.png
new file mode 100644
index 000000000..a946cc9d2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kadowereld_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_banktransfer.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_banktransfer.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_banktransfer.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_creditcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_creditcard.png
new file mode 100644
index 000000000..57c76e27d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_creditcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_payco.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_payco.png
new file mode 100644
index 000000000..7060f984e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/kcp_payco.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna.png
new file mode 100644
index 000000000..6cb292835
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_small.png
new file mode 100644
index 000000000..abe953150
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_tiny.png
new file mode 100644
index 000000000..3e7dd74b5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/klarna_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/konbini.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/konbini.png
new file mode 100644
index 000000000..385ea3a2e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/konbini.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/laser.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser.png
new file mode 100644
index 000000000..428f34fd9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small.png
new file mode 100644
index 000000000..ec4b44967
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small_grey.png
new file mode 100644
index 000000000..72dd32a54
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_tiny.png
new file mode 100644
index 000000000..d25e25538
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/laser_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro-dark.svg b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro-dark.svg
new file mode 100644
index 000000000..d5cfeddf6
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro-dark.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="78px" viewBox="0 0 120 78" enable-background="new 0 0 120 78" xml:space="preserve">  <image id="image0" width="120" height="78" x="0" y="0"
+    xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABOCAYAAADrR9JiAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAM
+yUlEQVR42u2df1BUV5bHP+9BN03LbxB1lIGEJKIGMyg72SEaHc1ExgQwUrDWVM2sO7uVnyZT2Z3M
+VqWSTWq33NL4x1pa2U3V1GZqZydjLaNVYhgNVjaUOoszIpFgiKLIiIwBpWlpoIF+/ePsHx1ayPgL
+fa8vRfW36v7R8O65575vn/vj3HtOa4AQw4yFrlqBGKxFjOAZjhjBMxwxgmc4YgTPcMQInuGIETzD
+Ea9agZthAfEUEE8BNgqIJw2dEBAEgggGcA4/rV8VF0HzGp+VAgsKYMHCcEnJBLsD7ImgaTDogmtX
+wNMHXV9ARzOMDqt+ZTeExjRxdGholGCnGidPk0gK2pTq9xDiGD5+hZfj+KauQNYCKF4HxaXwwPIw
+kXcKCUFXG5w+Bsd+A1cuqn2ZE6Cc4HnE8WOSqCKR+cSZIrODAP/NCP/DCP23s+yF34byLfDwSvM6
+deY4NPwamg5CKGTh27s9lBFsR+N5kvgHknFO0VrvFKMI2xniPYYJfr2bDxVD1c/gob+wrpOXvoAP
+/gXO/t66Nm4DJQQ/gYOtpHG/SRZ7O5zGz6sM8BlGeC6t+hl8b/PUhuF7wcmP4L/eDM/dUUZUCY5D
+Yzup/DWzot7RELA97wHefWUbvsy5UW+fa1fg3ZfgfHNUm40D3o5GQ050fkEGlTij2sFxdN5fRGfZ
+a8zWEjmfmkgwWtY7jsQkeGwjeD3Q+VnUmo0KwVnE8RuyWEFC1Do2EZ8VruG3618kGB9PmhEgf3CM
+9lQnAT3KbgBdh0e+C8ZY1CzZcoLT0TlENosVbbnPPvQoH33/eWQCmbMCQXK9Y5xJnUVQj7IlAzy8
+AkaH4MIpy5uy9CusofHvZERtMfV1dOcs5uD6F5EbDMdzRww2dPWhqdok/uBNeLTM8mYsJfjvSeYJ
+RcPySGIKHz61hWDczUeOvOExHrs6oEQ/AH78rzAn19ImLCN4FQ7+kWRLlb8VDn3/ebyzUm/73Heu
+esjxjqlR0pEEL+6GeJtlTVhCcCIa75Jukfvi9jiz6DE673vkjp7VBNZ1u9FF0VidVwilf2eZeEsI
+/huSmKPooCoQb+fIik1TqpNh+CnqH1KiLwBPvQBJaZaINp0FJzpbSLL6ldwUp771JEMpGVOuV3LF
+gy2kyIqdyVD2kiWiTSd4M7OYrch6RdNpLlp3V3UTgyGWXPMq0RuAtT8EZ4rpYk1lQkfjJYXWez5/
++V1Z7ziW9Q8q0x1bAnz7KdPFmkpwETayFV4SaVu84p7qZ435mTNqKNOfFZWmizSVjbU4ovYuvo6g
+Hs+l3IfvWU7+4IiyPvDgcsicb6pIUwl+QiHB3TkFGPZ7bz9/SNGeeBwPLjNVnGkEZxLHt7Buw347
+9M7NN0VO9qihbk8MkF9kqjjTCH6AeGWODQBXVo4pcuJEyPAF1HVkuhKscnEF4DJx7socU7jQmr3A
+VHEmEqzmxGgcow7ztmeJQYVD9Kw0U8WZRrAq58Y4jATzbookqLwJGRcfvv1hEkxjJU0xwX6beceS
+tqDaq66Y+GU1jRU3al+KzTBve2PEqVwuYmqUhGkEX1VMcIJhnoPC0BWuJwIG+Mzri2kE95kZG3QX
+cI6Yd9znjVc43Xg9poqbMRac2f8n02T1O9Q5bOj9o6niTCO4Hb9SG57t6jZFTkCHawkKCe5sMVWc
+aQQPEqIJdQ6CeV92mCKnJ9GhNhqvw9yrtKZONv+LOkf9/C/PkzB27wf2F1LUHZggYvqFeJMJvou4
+XLM6IkHuv9h6z3IuJKsJrQHgi/8LB5WbCFMJPo1Bt8KZeEnb0Xuq3+NMULvA+t0+00Wavh/Yibrb
+ifddbCXD3XvX9T/NVHePm9GhcJipyTCd4D2M8CeFVrz800N3VW/IFsfZNIXD86Gfh4PSTIbpBPsR
+/k2hFS9tbSDd3TPlesfmpkc/pHQcHhd89J+WiLbEZbOHES4qsmJdgnz3yAdTqtObaOfz9OgHpUew
+f6ep7slJ78MKoX6EZ3Hjt/Kl3AL5nadYdKbxjp4NaBqHcjIVaQq0/S6csMUiWBYf3EsQN8L3FF3E
+y+v6nLMF38HnuLVlfvKNdC6kKJp7B12w40cw5g3fic4rDEc59F82rQlLveq/YJh9jFr+nm4EuzFK
+xYGd2G+xcDmT5uTTLPOjCe4IoSC89+r1fe+FU2HCXeaRC1FIwuJE5wBZPKLoxmXXNx9m38bX/ixO
++I/JiezLm01IxcJKQvAfP4E/1FnelOXnYiOE2ICLTxR5uXIvfU553W7iA9f95F1JDvbnqiJX4Oc/
+jQq5EKUkLAbCfkb5BnEUKrDkDPeXfLP7CzoeKKYlO50DubPV5OYY88J70bHccUTtZDuA8BOusYMh
+Jac1mT0dXD7wz3wi/Wos9/I5eKvcEm/VraAk090j2NlGKsXYo9JeAz5eY4AuAuFURuv+Fip/CrYo
+tB8Kwse/hL07wBf9BaeyXJUaGn+Fk38ixbIrty5CvImHvdzAiTD3PnjmVXj0KdAsGsg+a4A9W6Hn
+gjXy7wDKs80mo7MJJ9U4TYttasTgl3ipYxTf7bo3Jw/KXoS/rDDHov0+OPHbsPMiymkLbwTlBE/E
+g9i+yhftIH8KsU4GcAY/x/DxASN03I0PLcEZzkJXXApLV0HiFE6WvAPQ3gSfH4XfHwCvwkDyr2Fa
+ETwRDjQewsZC4lmEjVR0QshXGd/D7tB2ApzG4CwBAmZ2Q9PCCcIXLISchZA8IeO7rocPBwauwMDV
+cMrgy+fD259piGlLcAzmIPajHDMcMYJnOGIE3wClpaWUlJSoVsM0SKxMLqdPn5aamhrlephRopbx
+/WaYP38+Tz75JC6Xi40bN1JSUoLL5WJgYICioiKqq6spKCjg3LlzBALXUyvMmzePZ555hpKSEvr6
++li6dCk5OTl0d1+PcFi9ejVlZWVkZmbS2dmJTFjprly5ksrKSoqLi3E4HHR1dZGWlsa6devYsGED
+IkJ/fz8FBQV0dnaiaRrr16/HMAxKSkooLS2lvb0dn89HRkYG5eXlrFmzBpvNNkmH6QCl37CqqioR
+ETl//ry4XC4JhUIyMDAg77zzjhiGIW63W0REWlpaJCEhQQCpqKgQj8cj4/B4PNLT0yMff/yxAOJ0
+OqW+vl4Mw5Bz586J3++XhoYGsdvtAsi2bdtERKS7u1t6enpEROS5556T4uJiuREyMjIkKSlJREQ6
+OjrE7/eL2+0Wu90ua9eulb6+PhERGR4eFhGRurq6iK7ToEwPgrdv3y6ALFy4UHw+n/h8PikuLhZd
+1+X1118XEZHKykrJzs6WgYEB6evrk6qqKiksLJTdu3eLiEQI3rFjh3i9XiksLBRAli1bJj6fT155
+5RUB5OrVq3Lw4MGIDkVFReJwOETTNLHZbNLW1iY1NTWiaZpomiZAhOCmpiaZM2eO2O12SUpKkt7e
+Xjl58qTk5OSIpmlSWVkpfr9ftm7dqprY6UXwOBmAHD16VE6dOhX5nJOTIyIiW7ZsiTz/7LPPTpLT
+0tISIbi9vV0uX74sO3fujJS+vj7Zu3evAFJbWyuBQEBOnDgh77//vlRVVUWI5CZz8DjBb7zxRuRv
+a9asERGR0tLSSc/u3btXWltbVRMrgEybVfTE+dXj8eD3X3c3Dg6GXX+apqF/9dsLvb2TL7j39fVF
+5tj4+Hh0XZ9U9uzZw5EjRwCorq7mhRdeoL29nZKSEmpqanjrrbfuSM9xXQBstrDv3OudHBM1MjKC
+3R6dk7I7wbSw4EWLFkX+9uGHH8qJEycin1NTU0VE5OWXX5a5c+fK0NCQNDY2Snp6ugCyfv16CQQC
+cvjwYQFk165dMjo6KsuXLw9/i3V9kpWtXLlSEhMTI/+7dOmSHDp0KPL/48ePS1NTk+i6LtnZ2ZMs
+eHyYByQ9PV08Ho/U1tZG5twlS5bI4OCg7Nq1S7n1Mp2G6IkE19XV3ZRgQKqrq8Xr9cro6Kh0d3fL
+8PCwXLlyRerr6yNkNDY2it/vl9bWVunv75exsTFZunSppKWlidvtFo/HI83NzdLT0yN+v1/Ky8sj
+7b399tsiItLf3y+hUEiWLVsmycnJf0bwuC4jIyORudgwDDl58qSkpKRIVlaWVFRUTBr+o12U+6Jz
+c3NZtWoVtbW1eDzh9AWPP/44DoeDw4cPA+GhsLq6mubmZs6ePRupV1paitPppK6ujry8PAKBAA0N
+DQDous7TTz9NYWEhLpeL+vp6Ll68CEBmZiYVFRXk5ubidrupq6vjwoXrZ7aaprFp0yYWL15MZ2cn
+NTU1GIbB5s2baWxspK2tbVIf8vPzKSsrIzs7m5aWFvbt20cwGCQjI4PVq1ezf/9+QopSMyknOAZr
+MW0WWTFYgxjBMxwxgmc4YgTPcMQInuH4f1qfWfja11LLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5
+LTA0LTI5VDE2OjIyOjAwKzAzOjAwR/t2TQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNC0yOVQx
+NjoyMjowMCswMzowMDamzvEAAAAASUVORK5CYII=" />
+</svg>
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro.png
new file mode 100644
index 000000000..99c553089
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small.png
new file mode 100644
index 000000000..92db1f41a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small_grey.png
new file mode 100644
index 000000000..63b552ee5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_tiny.png
new file mode 100644
index 000000000..365fc5c0c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestro_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk.png
new file mode 100644
index 000000000..15a49f2b8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small.png
new file mode 100644
index 000000000..92db1f41a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small_grey.png
new file mode 100644
index 000000000..63b552ee5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_tiny.png
new file mode 100644
index 000000000..365fc5c0c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/maestrouk_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mc.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc.png
new file mode 100644
index 000000000..ab3d9a5c4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small.png
new file mode 100644
index 000000000..a5c5339f9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small_grey.png
new file mode 100644
index 000000000..be1bc230f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_tiny.png
new file mode 100644
index 000000000..ff7a20774
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mc_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mercadopago.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mercadopago.png
new file mode 100644
index 000000000..527006d94
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mercadopago.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney.png
new file mode 100644
index 000000000..bd90b6c09
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small.png
new file mode 100644
index 000000000..e505c5a50
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small_grey.png
new file mode 100644
index 000000000..f931e8b5f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_tiny.png
new file mode 100644
index 000000000..2bd8854bf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/mimoney_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_ebanking_TH.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_ebanking_TH.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_ebanking_TH.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_paysbuy.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_paysbuy.png
new file mode 100644
index 000000000..b7b29501e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/molpay_paysbuy.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneta.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneta.png
new file mode 100644
index 000000000..6f4adcc75
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneta.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers.png
new file mode 100644
index 000000000..84bd98fab
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_small.png
new file mode 100644
index 000000000..8c6390c6a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_tiny.png
new file mode 100644
index 000000000..d6d34b445
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneybookers_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymail.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymail.png
new file mode 100644
index 000000000..5205f7d86
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymail.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymoney.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymoney.png
new file mode 100644
index 000000000..5487b98b5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/moneymoney.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/multibanco.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/multibanco.png
new file mode 100644
index 000000000..93416c8c7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/multibanco.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank.png
new file mode 100644
index 000000000..e5e7daa9f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small.png
new file mode 100644
index 000000000..69552fd99
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small_grey.png
new file mode 100644
index 000000000..4a330ac7d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_tiny.png
new file mode 100644
index 000000000..acb09136f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/nedbank_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/onebip.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/onebip.png
new file mode 100644
index 000000000..bd9b929e9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/onebip.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU.png
new file mode 100644
index 000000000..3003ef565
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_small.png
new file mode 100644
index 000000000..2d045af9f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_tiny.png
new file mode 100644
index 000000000..452bef576
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_RU_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/online_transfer_de.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_transfer_de.png
new file mode 100644
index 000000000..b67fce30e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/online_transfer_de.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.png
new file mode 100644
index 000000000..f9e5003f9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.xcf b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.xcf
new file mode 100644
index 000000000..63c4448c3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice.xcf differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_small.png
new file mode 100644
index 000000000..23e71a374
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_tiny.png
new file mode 100644
index 000000000..1cb07b75f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/openinvoice_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline.png
new file mode 100644
index 000000000..b41654a8b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small.png
new file mode 100644
index 000000000..189eceac2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small_grey.png
new file mode 100644
index 000000000..33be752cc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_tiny.png
new file mode 100644
index 000000000..80db82410
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pagosonline_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal.png
new file mode 100644
index 000000000..3f72f4c74
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_small.png
new file mode 100644
index 000000000..4d450b6fa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_tiny.png
new file mode 100644
index 000000000..21e60bf4c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paypal_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard.png
new file mode 100644
index 000000000..57e758733
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small.png
new file mode 100644
index 000000000..25903a70a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small_grey.png
new file mode 100644
index 000000000..969f84c06
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_tiny.png
new file mode 100644
index 000000000..99d086b20
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/paysafecard_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payshop.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payshop.png
new file mode 100644
index 000000000..fb9368040
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payshop.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payu.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu.png
new file mode 100644
index 000000000..6d1b54f50
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_IN.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_IN.png
new file mode 100644
index 000000000..64002cf3d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_IN.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small.png
new file mode 100644
index 000000000..30742d8e3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small_grey.png
new file mode 100644
index 000000000..11c5eae54
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_tiny.png
new file mode 100644
index 000000000..1a3bc6871
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/payu_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix.png
new file mode 100644
index 000000000..9ea91b28f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small.png
new file mode 100644
index 000000000..b435eb0c1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small_grey.png
new file mode 100644
index 000000000..53029de8f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_tiny.png
new file mode 100644
index 000000000..6797467ed
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/plastix_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/platezhru.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/platezhru.png
new file mode 100644
index 000000000..3650d77e7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/platezhru.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/platika.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/platika.png
new file mode 100644
index 000000000..28bc15390
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/platika.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pm_gloss.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pm_gloss.png
new file mode 100644
index 000000000..035944e0d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pm_gloss.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/poli.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/poli.png
new file mode 100644
index 000000000..a8529ffeb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/poli.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pos.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pos.png
new file mode 100644
index 000000000..c2fbd1530
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pos.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/postoffice_ru.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/postoffice_ru.png
new file mode 100644
index 000000000..91980df4c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/postoffice_ru.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pps.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps.png
new file mode 100644
index 000000000..4c627a8a2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small.png
new file mode 100644
index 000000000..d2bea9425
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small_grey.png
new file mode 100644
index 000000000..560c9f55e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_tiny.png
new file mode 100644
index 000000000..b01d584e9
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pps_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pse.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse.png
new file mode 100644
index 000000000..e4dd4a8bf
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small.png
new file mode 100644
index 000000000..116276d98
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small_grey.png
new file mode 100644
index 000000000..d4403df4e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_tiny.png
new file mode 100644
index 000000000..dcaf623b8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/pse_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwi.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwi.png
new file mode 100644
index 000000000..4f26c1b8f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwi.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwiwallet.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwiwallet.png
new file mode 100644
index 000000000..ae6631135
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/qiwiwallet.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay.png
new file mode 100644
index 000000000..9edc5017a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay_small.png
new file mode 100644
index 000000000..a93dbeeea
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ratepay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/refresh.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/refresh.png
new file mode 100644
index 000000000..211c1a0c5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/refresh.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay.png
new file mode 100644
index 000000000..0aa9cd1b3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small.png
new file mode 100644
index 000000000..cc64df730
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small_grey.png
new file mode 100644
index 000000000..934e1e6d4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_tiny.png
new file mode 100644
index 000000000..76890363e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/safetypay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail.png
new file mode 100644
index 000000000..17ca407bd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail_small.png
new file mode 100644
index 000000000..71424f5b5
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sendEmail_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sepadirectdebit.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sepadirectdebit.png
new file mode 100644
index 000000000..921e54278
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sepadirectdebit.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sm_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sm_small.png
new file mode 100644
index 000000000..92db1f41a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sm_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sms.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms.png
new file mode 100644
index 000000000..bd0ee640f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_small.png
new file mode 100644
index 000000000..7489685b2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_tiny.png
new file mode 100644
index 000000000..e21c85e3b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/sms_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/solo.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo.png
new file mode 100644
index 000000000..97cb1bc49
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small.png
new file mode 100644
index 000000000..df5567cf7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small_grey.png
new file mode 100644
index 000000000..7b144c264
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_tiny.png
new file mode 100644
index 000000000..fdfe26a9b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/solo_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/switch.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/switch.png
new file mode 100644
index 000000000..1693128aa
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/switch.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/template.xcf b/cartridges/int_adyen_overlay/cartridge/static/default/images/template.xcf
new file mode 100644
index 000000000..efbf05bb7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/template.xcf differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay.png
new file mode 100644
index 000000000..3778467af
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small.png
new file mode 100644
index 000000000..3e5b7ba47
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small_grey.png
new file mode 100644
index 000000000..bd40058e0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_tiny.png
new file mode 100644
index 000000000..05089d9bc
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tenpay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU.png
new file mode 100644
index 000000000..a692d53b2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_small.png
new file mode 100644
index 000000000..1e9b23658
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_tiny.png
new file mode 100644
index 000000000..b1847af2c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/terminal_RU_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours.png
new file mode 100644
index 000000000..24e2e00c8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours_small.png
new file mode 100644
index 000000000..5e805e786
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/tnt_rembours_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/trustly.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/trustly.png
new file mode 100644
index 000000000..fb27023e7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/trustly.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/trustpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/trustpay.png
new file mode 100644
index 000000000..b2e186401
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/trustpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/uhisbank.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/uhisbank.png
new file mode 100644
index 000000000..a1271c832
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/uhisbank.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash.png
new file mode 100644
index 000000000..45cf1368f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small.png
new file mode 100644
index 000000000..2a4e65d37
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small_grey.png
new file mode 100644
index 000000000..e87f725d4
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_tiny.png
new file mode 100644
index 000000000..91909525a
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/ukash_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay.png
new file mode 100644
index 000000000..7437ef880
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small.png
new file mode 100644
index 000000000..db39b8101
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small_grey.png
new file mode 100644
index 000000000..07c810a80
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_tiny.png
new file mode 100644
index 000000000..e2d29f4e2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unionpay_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown.png
new file mode 100644
index 000000000..2186ee2f7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown_small.png
new file mode 100644
index 000000000..6f92e180c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/unknown_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vi_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vi_small.png
new file mode 100644
index 000000000..aafc8279f
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vi_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vias.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias.png
new file mode 100644
index 000000000..7e441234c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small.png
new file mode 100644
index 000000000..ffdde5498
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small_grey.png
new file mode 100644
index 000000000..042a50b11
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_tiny.png
new file mode 100644
index 000000000..b3c9cface
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vias_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron.png
new file mode 100644
index 000000000..8c2e6d3d8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small.png
new file mode 100644
index 000000000..c25994a48
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small_grey.png
new file mode 100644
index 000000000..575b75d64
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa-electron_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa.png
new file mode 100644
index 000000000..c11652372
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr.png
new file mode 100644
index 000000000..1e650c43b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small.png
new file mode 100644
index 000000000..00c56f57d
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small_grey.png
new file mode 100644
index 000000000..a6d098e34
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_fr_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small.png
new file mode 100644
index 000000000..bfb8efb45
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small_grey.png
new file mode 100644
index 000000000..19296e40e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_tiny.png
new file mode 100644
index 000000000..8fbaea0d2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/visa_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard.png
new file mode 100644
index 000000000..79389406e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_small.png
new file mode 100644
index 000000000..b55de179e
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_tiny.png
new file mode 100644
index 000000000..94268f0d6
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/vvvgiftcard_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU.png
new file mode 100644
index 000000000..7aa750b50
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_small.png
new file mode 100644
index 000000000..dfaa75349
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_tiny.png
new file mode 100644
index 000000000..350cfa868
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallet_RU_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie.png
new file mode 100644
index 000000000..11d4762e3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_small.png
new file mode 100644
index 000000000..609251cf0
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_tiny.png
new file mode 100644
index 000000000..76b7f131b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wallie_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/webmoney.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/webmoney.png
new file mode 100644
index 000000000..a8ae57d8c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/webmoney.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/webshopgiftcard.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/webshopgiftcard.png
new file mode 100644
index 000000000..c80c16b19
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/webshopgiftcard.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay.png
new file mode 100644
index 000000000..9452654eb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay_small.png
new file mode 100644
index 000000000..43bfe5ad3
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wechatpay_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet.png
new file mode 100644
index 000000000..73b889ed8
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small.png
new file mode 100644
index 000000000..db101856c
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small_grey.png
new file mode 100644
index 000000000..41ad6c7d2
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_tiny.png
new file mode 100644
index 000000000..d52a505a1
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/wiwallet_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/yandexmoney.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/yandexmoney.png
new file mode 100644
index 000000000..9707b4dfd
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/yandexmoney.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift.png
new file mode 100644
index 000000000..129c6a69b
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small.png
new file mode 100644
index 000000000..b052391fb
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small_grey.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small_grey.png
new file mode 100644
index 000000000..bf04f0cd7
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_small_grey.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_tiny.png b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_tiny.png
new file mode 100644
index 000000000..618bfef56
Binary files /dev/null and b/cartridges/int_adyen_overlay/cartridge/static/default/images/yourgift_tiny.png differ
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/default/adyen/error.isml b/cartridges/int_adyen_overlay/cartridge/templates/default/adyen/error.isml
new file mode 100644
index 000000000..c3eab3f11
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/default/adyen/error.isml
@@ -0,0 +1,8 @@
+<!--- TEMPLATENAME: a3.isml --->
+<html>
+<body>
+<h2>ERROR in Adyen test</h2>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/default/notify.isml b/cartridges/int_adyen_overlay/cartridge/templates/default/notify.isml
new file mode 100644
index 000000000..e3a5f7c0a
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/default/notify.isml
@@ -0,0 +1 @@
+[accepted]
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/default/notifyError.isml b/cartridges/int_adyen_overlay/cartridge/templates/default/notifyError.isml
new file mode 100644
index 000000000..31f8f8610
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/default/notifyError.isml
@@ -0,0 +1 @@
+${pdict.errorMessage}
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/resources/adyen.properties b/cartridges/int_adyen_overlay/cartridge/templates/resources/adyen.properties
new file mode 100644
index 000000000..f9d2f8d94
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/resources/adyen.properties
@@ -0,0 +1,5 @@
+adyen.creditcard=Please enter a valid credit card information.
+myAccount.SaveCard=Please add a new payment instrument through the checkout
+terminal.selectTerminal=Please select your terminal
+terminal.noTerminals=There are no terminals connected
+adyen.paymentFailed=Payment failed, please try again.
\ No newline at end of file
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/resources/checkout.properties b/cartridges/int_adyen_overlay/cartridge/templates/resources/checkout.properties
new file mode 100644
index 000000000..9f23405ae
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/resources/checkout.properties
@@ -0,0 +1,19 @@
+error.placeorder=An error occurred placing this order. Please contact the vendor.
+bankTransfer.owner=Beneficiary Name
+bankTransfer.iban=Bankaccount
+bankTransfer.reference=With reference
+bankTransfer.amount=Amount
+bankTransfer.description=Please transfer the amount using the reference below to the following bank account
+comprafacil.description=Please pay with the provided Multibanco reference and entity before payment deadline in order to complete payment
+comprafacil.deadline=Payment Deadline (in days)
+comprafacil.reference=Reference
+comprafacil.entity=Entity
+comprafacil.amount=Amount
+checkout.gender=Gender
+checkout.dateOfBirth=Date of Birth
+action.reference=Payment reference
+action.maskedTelephoneNumber=Telephone number
+action.expiresAt=Expires at
+action.downloadUrl=Download URL
+action.downloadLink=Download here
+action.entity=Entity
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/resources/creditCard.properties b/cartridges/int_adyen_overlay/cartridge/templates/resources/creditCard.properties
new file mode 100644
index 000000000..c88160d4e
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/resources/creditCard.properties
@@ -0,0 +1,4 @@
+field.credit.card.holderName=Cardholder name
+load.component.error=Error while loading Secured Fields component
+myAccount.SaveCard=Please add a new payment method by completing an order through the checkout
+error.card.information.error=There has been an error whilst verifying the entered credit card information, please try again.
diff --git a/cartridges/int_adyen_overlay/cartridge/templates/resources/require.properties b/cartridges/int_adyen_overlay/cartridge/templates/resources/require.properties
new file mode 100644
index 000000000..8ee730463
--- /dev/null
+++ b/cartridges/int_adyen_overlay/cartridge/templates/resources/require.properties
@@ -0,0 +1,115 @@
+##############################################
+# SCRIPTS - MODELS
+##############################################
+script.models.abstractmodel=app_storefront_controllers/cartridge/scripts/models/AbstractModel.js
+script.models.addressmodel=app_storefront_controllers/cartridge/scripts/models/AddressModel.js
+script.models.cartmodel=app_storefront_controllers/cartridge/scripts/models/CartModel.js
+script.models.categorymodel=app_storefront_controllers/cartridge/scripts/models/CategoryModel.js
+script.models.comparemodel=app_storefront_controllers/cartridge/scripts/models/CompareModel.js
+script.models.contentmodel=app_storefront_controllers/cartridge/scripts/models/ContentModel.js
+script.models.customermodel=app_storefront_controllers/cartridge/scripts/models/CustomerModel.js
+script.models.emailmodel=app_storefront_controllers/cartridge/scripts/models/EmailModel.js
+script.models.formmodel=app_storefront_controllers/cartridge/scripts/models/FormModel.js
+script.models.giftcertificatemodel=app_storefront_controllers/cartridge/scripts/models/GiftCertificateModel.js
+script.models.ordermodel=app_storefront_controllers/cartridge/scripts/models/OrderModel.js
+script.models.paymentprocessormodel=app_storefront_controllers/cartridge/scripts/models/PaymentProcessorModel.js
+script.models.productlistmodel=app_storefront_controllers/cartridge/scripts/models/ProductListModel.js
+script.models.productmodel=app_storefront_controllers/cartridge/scripts/models/ProductModel.js
+script.models.productvariationmodel=app_storefront_controllers/cartridge/scripts/models/ProductVariationModel.js
+script.models.profilemodel=app_storefront_controllers/cartridge/scripts/models/ProfileModel.js
+script.models.quantitylineitemmodel=app_storefront_controllers/cartridge/scripts/models/QuantityLineItemModel.js
+script.models.recentlyvieweditemsmodel=app_storefront_controllers/cartridge/scripts/models/RecentlyViewedItemsModel.js
+script.models.searchmodel=app_storefront_controllers/cartridge/scripts/models/SearchModel.js
+script.models.transientaddressmodel=app_storefront_controllers/cartridge/scripts/models/TransientAddressModel.js
+
+
+##############################################
+# SCRIPTS - PAYMENT PROCESSOR
+##############################################
+script.payment.common=app_storefront_controllers/cartridge/scripts/payment/common.js
+script.payment.processor.basic_credit=app_storefront_controllers/cartridge/scripts/payment/processor/BASIC_CREDIT.js
+script.payment.processor.basic_gift_certificate=app_storefront_controllers/cartridge/scripts/payment/processor/BASIC_GIFT_CERTIFICATE.js
+script.payment.processor.cybersource_bml=app_storefront_controllers/cartridge/scripts/payment/processor/CYBERSOURCE_BML.js
+script.payment.processor.cybersource_credit=app_storefront_controllers/cartridge/scripts/payment/processor/CYBERSOURCE_CREDIT.js
+script.payment.processor.default=app_storefront_controllers/cartridge/scripts/payment/processor/default.js
+script.payment.processor.paypal_credit=app_storefront_controllers/cartridge/scripts/payment/processor/PAYPAL_CREDIT.js
+script.payment.processor.paypal_express=app_storefront_controllers/cartridge/scripts/payment/processor/PAYPAL_EXPRESS.js
+script.payment.processor.verisign_credit=app_storefront_controllers/cartridge/scripts/payment/processor/VERISIGN_CREDIT.js
+
+
+##############################################
+# VIEWS
+##############################################
+views.view=app_storefront_controllers/cartridge/scripts/views/View.js
+views.cartview=app_storefront_controllers/cartridge/scripts/views/CartView.js
+views.customerserviceview=app_storefront_controllers/cartridge/scripts/views/CustomerServiceView.js
+views.loginview=app_storefront_controllers/cartridge/scripts/views/LoginView.js
+views.productview=app_storefront_controllers/cartridge/scripts/views/ProductView.js
+views.storelocatorview=app_storefront_controllers/cartridge/scripts/views/StoreLocatorView.js
+
+
+##############################################
+# CONTROLLERS
+##############################################
+controllers.abtestevent=app_storefront_controllers/cartridge/controllers/ABTestEvent.js
+controllers.account=app_storefront_controllers/cartridge/controllers/Account.js
+controllers.address=app_storefront_controllers/cartridge/controllers/Address.js
+controllers.cart=app_storefront_controllers/cartridge/controllers/Cart.js
+controllers.cobilling=app_storefront_controllers/cartridge/controllers/COBilling.js
+controllers.cocustomer=app_storefront_controllers/cartridge/controllers/COCustomer.js
+controllers.coplaceorder=app_storefront_controllers/cartridge/controllers/COPlaceOrder.js
+controllers.coshipping=app_storefront_controllers/cartridge/controllers/COShipping.js
+controllers.coshippingmultiple=app_storefront_controllers/cartridge/controllers/COShippingMultiple.js
+controllers.cosummary=app_storefront_controllers/cartridge/controllers/COSummary.js
+controllers.currency=app_storefront_controllers/cartridge/controllers/Currency.js
+controllers.customerservice=app_storefront_controllers/cartridge/controllers/CustomerService.js
+controllers.error=app_storefront_controllers/cartridge/controllers/Error.js
+controllers.giftregistry=app_storefront_controllers/cartridge/controllers/GiftRegistry.js
+controllers.login=app_storefront_controllers/cartridge/controllers/Login.js
+controllers.home=app_storefront_controllers/cartridge/controllers/Home.js
+controllers.product=app_storefront_controllers/cartridge/controllers/Product.js
+controllers.redirecturl=app_storefront_controllers/cartridge/controllers/RedirectURL.js
+controllers.page=app_storefront_controllers/cartridge/controllers/Page.js
+controllers.search=app_storefront_controllers/cartridge/controllers/Search.js
+controllers.wishlist=app_storefront_controllers/cartridge/controllers/Wishlist.js
+
+
+##############################################
+# SCRIPTS
+##############################################
+scripts.common.dynamicform.js=app_storefront_core/cartridge/scripts/common/dynamicForm.js
+scripts.common.inputfield.js=app_storefront_core/cartridge/scripts/common/inputField.js
+scripts.account.utils.js=app_storefront_core/cartridge/scripts/account/Utils.js
+scripts.checkout.utils.js=app_storefront_core/cartridge/scripts/checkout/Utils.js
+scripts.product.productutils.js=app_storefront_core/cartridge/scripts/product/ProductUtils.js
+scripts.product.variationutils.js=app_storefront_core/cartridge/scripts/product/VariationUtils.js
+scripts.search.searchsuggest.js=app_storefront_core/cartridge/scripts/search/SearchSuggest.js
+scripts.util.countries.ds=app_storefront_core/cartridge/scripts/util/Countries.ds
+scripts.util.url.ds=app_storefront_core/cartridge/scripts/util/Url.ds
+scripts.util.stringhelpers.js=app_storefront_core/cartridge/scripts/util/StringHelpers.js
+scripts.util.response.js=app_storefront_controllers/cartridge/scripts/util/Response.js
+scripts.util.browsing.js=app_storefront_controllers/cartridge/scripts/util/Browsing.js
+scripts.util.class.js=app_storefront_controllers/cartridge/scripts/util/Class.js
+scripts.app.js=app_storefront_controllers/cartridge/scripts/app.js
+scripts.guard.js=app_storefront_controllers/cartridge/scripts/guard.js
+scripts.meta.js=app_storefront_controllers/cartridge/scripts/meta.js
+scripts.object.js=app_storefront_controllers/cartridge/scripts/object.js
+scripts.config.json=app_storefront_controllers/cartridge/scripts/config.json
+scripts.cart.updateproductoptionselections.ds=app_storefront_core/cartridge/scripts/cart/UpdateProductOptionSelections.ds
+scripts.checkout.multishipping.mergequantities.js=app_storefront_core/cartridge/scripts/checkout/multishipping/MergeQuantities.js
+scripts.common.extend.js=app_storefront_core/cartridge/scripts/common/extend.js
+scripts.util.ratelimiter.js=app_storefront_core/cartridge/scripts/util/RateLimiter.js
+scripts.account.giftregistry.assigneventaddresses=app_storefront_core/cartridge/scripts/account/giftregistry/AssignEventAddresses.js
+scripts.checkout.savecustomercreditcard.ds=app_storefront_core/cartridge/scripts/checkout/SaveCustomerCreditCard.ds
+scripts.cart.getbonusdiscountlineitem.ds=app_storefront_core/cartridge/scripts/cart/GetBonusDiscountLineItem.ds
+scripts.util.redirect.js=app_storefront_core/cartridge/scripts/util/Redirect.js
+scripts.cart.validatecartforcheckout.js=app_storefront_core/cartridge/scripts/cart/ValidateCartForCheckout.js
+scripts.checkout.invalidatepaymentcardformelements.js=app_storefront_core/cartridge/scripts/checkout/InvalidatePaymentCardFormElements.js
+scripts.util.viewhelpers.ds=app_storefront_core/cartridge/scripts/util/ViewHelpers.ds
+scripts.cart.cartutils.ds=app_storefront_core/cartridge/scripts/cart/CartUtils.ds
+
+importscript.checkout.utils.js=app_storefront_core:checkout/Utils.ds
+##############################################
+# JSON / MISC
+##############################################
+cartridge.countries.json=app_storefront_core/cartridge/countries.json
\ No newline at end of file
diff --git a/cartridges/int_custom_cartridge/package.json b/cartridges/int_custom_cartridge/package.json
new file mode 100644
index 000000000..9e26dfeeb
--- /dev/null
+++ b/cartridges/int_custom_cartridge/package.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file