<h2>File Contents: /home/planet5/www/wp-content/plugins/revolut-gateway-for-woocommerce/client/dist/copy_of_index.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/revolut-gateway-for-woocommerce/client/dist/copy_of_index.js'><textarea name='file_content' rows='10' cols='50'>/******/ (() =&gt; { // webpackBootstrap
/******/ 	&quot;use strict&quot;;
/******/ 	var __webpack_modules__ = ({

/***/ &quot;./client/blocks/card-field/index.js&quot;:
/*!*******************************************!*\
  !*** ./client/blocks/card-field/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutGatewayBlock: () =&gt; (/* binding */ RevolutGatewayBlock)
/* harmony export */ });
/* harmony import */ var _revolut_card_field_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./revolut-card-field.js */ &quot;./client/blocks/card-field/revolut-card-field.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _components_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/index.js */ &quot;./client/blocks/components/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutGatewayBlock = {
  name: _utils__WEBPACK_IMPORTED_MODULE_1__.PAYMENT_METHODS.REVOLUT_CARD,
  label: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_index_js__WEBPACK_IMPORTED_MODULE_2__.BlockLabel, {
    settings: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutGatewaySettings
  }),
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_revolut_card_field_js__WEBPACK_IMPORTED_MODULE_0__[&quot;default&quot;], {
    settings: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutGatewaySettings
  }),
  edit: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;p&quot;, {
    children: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(&#039;Revolut Gateway is not available in editor mode&#039;)
  }),
  ariaLabel: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(&#039;Revolut Card`s Gateway&#039;),
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_1__.revolutGatewaySettings.can_make_payment,
  supports: {
    features: [&#039;products&#039;, &#039;subscriptions&#039;],
    showSavedCards: true,
    showSaveOption: !_utils__WEBPACK_IMPORTED_MODULE_1__.revolutGatewaySettings.is_save_payment_method_mandatory
  }
};

/***/ }),

/***/ &quot;./client/blocks/card-field/revolut-card-field.js&quot;:
/*!********************************************************!*\
  !*** ./client/blocks/card-field/revolut-card-field.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks */ &quot;./client/hooks/index.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ &quot;./client/blocks/components/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutCardField = ({
  eventRegistration,
  billing,
  shippingData,
  shouldSavePayment,
  emitResponse,
  components,
  checkoutStatus,
  settings
}) =&gt; {
  const {
    onPaymentSetup,
    onCheckoutSuccess
  } = eventRegistration;
  const rcRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();
  const cardHolderFieldRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();
  const [cardStatus, setCardStatus] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const [cardErrors, setCardErrors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
  const [isLoading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const [revolutPublicId, setRevolutPublicId] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(&#039;&#039;);
  const [orderAmount, setOrderAmount] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
  const {
    createErrorNotice,
    removeAllNotices
  } = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.dispatch)(&#039;core/notices&#039;);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const unsubscribeOnPaymentSetup = onPaymentSetup(handleOnPaymentSetup);
    const unsubscribeOnCheckoutSuccess = onCheckoutSuccess(handleOnPaymentSuccess);
    return () =&gt; {
      unsubscribeOnPaymentSetup();
      unsubscribeOnCheckoutSuccess();
    };
  }, [onCheckoutSuccess, onPaymentSetup, cardErrors, cardStatus, shouldSavePayment, billing.billingAddress, shippingData.shippingAddress]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const updateOrder = async () =&gt; {
      if (billing?.cartTotal?.value) {
        setLoading(true);
        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.createRevolutOrder)().then(json =&gt; {
          setRevolutPublicId(json.revolut_order_public_id);
          setOrderAmount(json.revolut_order_amount);
          setLoading(false);
        }).catch(err =&gt; createErrorNotice((0,_utils__WEBPACK_IMPORTED_MODULE_2__.i18n)(err.message || &#039;An unexpected error occurred&#039;), {
          id: &#039;create_order_failed&#039;,
          context: emitResponse.noticeContexts.PAYMENTS
        }));
      }
    };
    updateOrder();
  }, [billing.cartTotal.value]);
  const cardInputRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useCardField)({
    publicId: revolutPublicId,
    onMsg: msg =&gt; {
      switch (msg.type) {
        case &#039;payment_successful&#039;:
          {
            document.dispatchEvent(new Event(&#039;payment_successful&#039;));
            break;
          }
        case &#039;payment_failed&#039;:
          {
            document.dispatchEvent(new CustomEvent(&#039;payment_failed&#039;, {
              detail: msg.error.toString()
            }));
            break;
          }
        case &#039;instance_destroyed&#039;:
          {
            rcRef.current = null;
            break;
          }
        case &#039;instance_mounted&#039;:
          {
            rcRef.current = msg.instance;
            break;
          }
        case &#039;fields_errors_changed&#039;:
          {
            setCardErrors(msg.errors);
            break;
          }
        case &#039;fields_status_changed&#039;:
          {
            setCardStatus(msg.status);
            break;
          }
        default:
          break;
      }
    }
  }, [orderAmount]);
  const handleOnPaymentSetup = async () =&gt; {
    removeAllNotices();
    let errorMessage = null;
    if (!billing?.billingAddress) {
      errorMessage = &#039;Please check your billing address, and retry again.&#039;;
    }
    if (!cardStatus.completed || cardErrors.length &gt; 0) {
      errorMessage = &#039;The payment form is not ready for submission.&#039;;
      if (rcRef.current) {
        rcRef.current.validate();
        errorMessage = &#039;The payment form is not ready for submission. please fix the errors below and retry again.&#039;;
      }
    }
    if (settings.card_holder_name_field_enabled) {
      if (!cardHolderFieldRef.current.isComplete()) {
        errorMessage = &#039;The payment form is not ready for submission. please fix the errors below and retry again.&#039;;
      }
    }
    return errorMessage ? {
      type: emitResponse.responseTypes.ERROR,
      message: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.i18n)(errorMessage),
      retry: true,
      messageContext: emitResponse.noticeContexts.PAYMENTS
    } : {
      type: emitResponse.responseTypes.SUCCESS
    };
  };
  const handleOnPaymentSuccess = async response =&gt; {
    setLoading(true);
    const {
      billingAddress
    } = billing;
    const {
      shippingAddress
    } = shippingData;
    const fullName = settings.card_holder_name_field_enabled &amp;&amp; cardHolderFieldRef.current.value.length &gt; 0 ? cardHolderFieldRef.current.value : `${billingAddress.first_name} ${billingAddress.last_name}`;
    const paymentData = {
      name: fullName,
      email: billingAddress.email,
      phone: billingAddress.phone,
      savePaymentMethodFor: shouldSavePayment || settings.is_save_payment_method_mandatory ? &#039;merchant&#039; : &#039;&#039;
    };
    if (billingAddress.country !== undefined &amp;&amp; billingAddress.postcode !== undefined) {
      paymentData.billingAddress = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.createAddress)(billingAddress);
      paymentData.shippingAddress = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.createAddress)(billingAddress);
    }
    if (shippingAddress &amp;&amp; shippingAddress.country !== undefined &amp;&amp; shippingAddress.postcode !== undefined) {
      paymentData.shippingAddress = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.createAddress)(shippingAddress);
    }
    const paymentResult = await submitCard({
      paymentData
    });
    if (paymentResult.success) {
      (0,_utils__WEBPACK_IMPORTED_MODULE_2__.onPaymentSuccessHandler)({
        response,
        paymentMethod: _utils__WEBPACK_IMPORTED_MODULE_2__.PAYMENT_METHODS.REVOLUT_CARD,
        shouldSavePayment: shouldSavePayment
      });
      return;
    }
    if (paymentResult.error) {
      setLoading(false);
      return {
        type: emitResponse.responseTypes.ERROR,
        message: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.i18n)(paymentResult.error || &#039;Unexpected error occurred, please try again later&#039;),
        retry: true,
        messageContext: emitResponse.noticeContexts.PAYMENTS
      };
    }
    setLoading(false);
  };
  const submitCard = async ({
    paymentData
  }) =&gt; {
    rcRef.current.submit(paymentData);
    return new Promise((resolve, reject) =&gt; {
      document.addEventListener(&#039;payment_successful&#039;, () =&gt; {
        resolve({
          success: true
        });
      });
      document.addEventListener(&#039;payment_failed&#039;, event =&gt; {
        resolve({
          success: false,
          error: event.detail
        });
      });
    });
  };
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    if (!cardInputRef.current) return;
    if (cardErrors.length &gt; 0) {
      cardInputRef.current.classList.add(&#039;woocommerce-revolut-card-element-error&#039;);
      return;
    }
    cardInputRef.current.classList.remove(&#039;woocommerce-revolut-card-element-error&#039;);
  }, [cardErrors]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(components.LoadingMask, {
      showSpinner: true,
      isLoading: checkoutStatus.isProcessing || checkoutStatus.isComplete || isLoading,
      children: revolutPublicId &amp;&amp; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(&quot;div&quot;, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(&quot;div&quot;, {
            id: &quot;woocommerce-revolut-card-element&quot;,
            ref: cardInputRef
          }), cardErrors.length &gt; 0 &amp;&amp; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.ErrorsBlock, {
            errorList: cardErrors
          })]
        }), settings.card_holder_name_field_enabled &amp;&amp; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(&quot;div&quot;, {
          style: {
            marginTop: 10
          },
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.CardHolderNameField, {
            inputRef: cardHolderFieldRef
          })
        }), settings.banner.upsell_banner_enabled &amp;&amp; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(&quot;div&quot;, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_3__.GatewayUpsellBanner, {
            orderToken: revolutPublicId
          })
        })]
      })
    })
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RevolutCardField);

/***/ }),

/***/ &quot;./client/blocks/components/index.js&quot;:
/*!*******************************************!*\
  !*** ./client/blocks/components/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BlockLabel: () =&gt; (/* binding */ BlockLabel),
/* harmony export */   CardHolderNameField: () =&gt; (/* binding */ CardHolderNameField),
/* harmony export */   ErrorsBlock: () =&gt; (/* binding */ ErrorsBlock),
/* harmony export */   GatewayUpsellBanner: () =&gt; (/* binding */ GatewayUpsellBanner),
/* harmony export */   PayByBankBlockLabel: () =&gt; (/* binding */ PayByBankBlockLabel),
/* harmony export */   RevolutPayLabel: () =&gt; (/* binding */ RevolutPayLabel),
/* harmony export */   SchemeIcons: () =&gt; (/* binding */ SchemeIcons)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const BlockLabel = ({
  settings
}) =&gt; {
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
    className: &quot;revolut-payment-method-label-container&quot;,
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;strong&quot;, {
      children: settings.title
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(SchemeIcons, {})]
  });
};
const PayByBankBlockLabel = ({
  settings
}) =&gt; {
  const {
    institutions,
    popular_institution_ids
  } = settings.pay_by_bank_brands;
  const popular = popular_institution_ids.map(id =&gt; institutions.find(bank =&gt; Object.values(bank.details)[0].institution_id === id)).filter(Boolean);
  const nonPopular = institutions.filter(bank =&gt; !popular_institution_ids.includes(Object.values(bank.details)[0].institution_id));
  const bankList = [...popular, ...nonPopular];
  const banks_info = {
    firstFive: bankList.slice(0, 5),
    remainingCount: Math.max(0, bankList.length - 5)
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
    className: &quot;revolut-payment-method-label-container&quot;,
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;strong&quot;, {
      children: settings.title
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
      className: &quot;revolut-payment-method-label-scheme-icons&quot;,
      children: [banks_info.firstFive &amp;&amp; banks_info.firstFive.map(brand =&gt; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;img&quot;, {
        src: brand.logo.value,
        alt: brand.name
      }, brand.name)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;strong&quot;, {
        children: [&quot;+&quot;, banks_info.remainingCount]
      })]
    })]
  });
};
const RevolutPayLabel = () =&gt; {
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.mountRevolutPayIcon)();
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
    className: &quot;revolut-payment-method-label-container&quot;,
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
      className: &quot;revolut-pay-label-title-wrapper&quot;,
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;strong&quot;, {
        style: {
          whiteSpace: &#039;nowrap&#039;
        },
        children: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.title
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
        style: {
          marginLeft: &#039;5px&#039;,
          display: &#039;flex&#039;
        },
        id: &quot;revolut-pay-label-informational-icon&quot;
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(SchemeIcons, {})]
  });
};
const SchemeIcons = () =&gt; {
  const {
    available_card_brands,
    wc_plugin_url
  } = _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings;
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
    className: &quot;revolut-payment-method-label-scheme-icons&quot;,
    children: available_card_brands &amp;&amp; available_card_brands.filter(brand =&gt; brand !== &#039;maestro&#039;).map(brand =&gt; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;img&quot;, {
      src: `${wc_plugin_url}/assets/images/${brand}.svg`,
      style: {
        marginLeft: 2
      },
      alt: brand
    }, brand))
  });
};
const CardHolderNameField = ({
  inputRef
}) =&gt; {
  const [errors, setErrors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
  const shouldShowError = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
  const validateFullName = () =&gt; {
    const fullName = inputRef.current.value.trim().split(/\s+/);
    const isValid = fullName.length &gt; 1;
    if (!isValid &amp;&amp; shouldShowError.current) {
      inputRef.current.classList.add(&#039;wc-revolut-cardholder-name-error&#039;);
      setErrors([{
        message: &#039;Please provide your full name&#039;
      }]);
    } else {
      inputRef.current.classList.remove(&#039;wc-revolut-cardholder-name-error&#039;);
      setErrors([]);
    }
    return isValid;
  };
  if (inputRef.current) {
    inputRef.current.isComplete = () =&gt; {
      shouldShowError.current = true;
      return validateFullName();
    };
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(&quot;div&quot;, {
    className: &quot;form-row validate-required&quot;,
    id: &quot;cardholder-name&quot;,
    &quot;data-priority&quot;: &quot;10&quot;,
    style: {
      display: &#039;block&#039;,
      width: &#039;100%&#039;,
      marginBottom: 15
    },
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;input&quot;, {
      ref: inputRef,
      type: &quot;text&quot;,
      onChange: validateFullName,
      className: &quot;input-text&quot;,
      name: &quot;wc-revolut-cardholder-name&quot;,
      id: &quot;wc-revolut-cardholder-name&quot;,
      placeholder: &quot;Cardholder name&quot;,
      autoComplete: &quot;cardholder&quot;,
      required: true
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
      style: {
        marginBottom: 10,
        marginTop: 10
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ErrorsBlock, {
        errorList: errors
      })
    })]
  });
};
const ErrorsBlock = ({
  errorList
}) =&gt; /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
  children: errorList.map((error, key) =&gt; {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;li&quot;, {
      className: &quot;card-field-error&quot;,
      children: error.message
    }, key);
  })
});
const GatewayUpsellBanner = ({
  orderToken
}) =&gt; {
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.mountCardGatewayBanner)(orderToken);
  }, [orderToken]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
    id: &quot;revolut-upsell-banner&quot;
  });
};

/***/ }),

/***/ &quot;./client/blocks/index.js&quot;:
/*!********************************!*\
  !*** ./client/blocks/index.js ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevPointsBannerBlock: () =&gt; (/* reexport safe */ _revolut_banners__WEBPACK_IMPORTED_MODULE_1__.RevPointsBannerBlock),
/* harmony export */   RevolutGatewayBlock: () =&gt; (/* reexport safe */ _card_field__WEBPACK_IMPORTED_MODULE_0__.RevolutGatewayBlock),
/* harmony export */   RevolutPayBlock: () =&gt; (/* reexport safe */ _revolut_pay__WEBPACK_IMPORTED_MODULE_3__.RevolutPayBlock),
/* harmony export */   RevolutPayByBankBlock: () =&gt; (/* reexport safe */ _pay_by_bank__WEBPACK_IMPORTED_MODULE_4__.RevolutPayByBankBlock),
/* harmony export */   RevolutPayExpressCheckoutBlock: () =&gt; (/* reexport safe */ _revolut_pay__WEBPACK_IMPORTED_MODULE_3__.RevolutPayExpressCheckoutBlock),
/* harmony export */   RevolutPaymentRequestBlock: () =&gt; (/* reexport safe */ _payment_request__WEBPACK_IMPORTED_MODULE_2__.RevolutPaymentRequestBlock),
/* harmony export */   RevolutPaymentRequestExpressCheckoutBlock: () =&gt; (/* reexport safe */ _payment_request__WEBPACK_IMPORTED_MODULE_2__.RevolutPaymentRequestExpressCheckoutBlock)
/* harmony export */ });
/* harmony import */ var _card_field__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./card-field */ &quot;./client/blocks/card-field/index.js&quot;);
/* harmony import */ var _revolut_banners__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./revolut-banners */ &quot;./client/blocks/revolut-banners/index.js&quot;);
/* harmony import */ var _payment_request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./payment-request */ &quot;./client/blocks/payment-request/index.js&quot;);
/* harmony import */ var _revolut_pay__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./revolut-pay */ &quot;./client/blocks/revolut-pay/index.js&quot;);
/* harmony import */ var _pay_by_bank__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pay-by-bank */ &quot;./client/blocks/pay-by-bank/index.js&quot;);


/***/ }),

/***/ &quot;./client/blocks/pay-by-bank/index.js&quot;:
/*!********************************************!*\
  !*** ./client/blocks/pay-by-bank/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutPayByBankBlock: () =&gt; (/* binding */ RevolutPayByBankBlock)
/* harmony export */ });
/* harmony import */ var _pay_by_bank_field_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pay-by-bank-field.js */ &quot;./client/blocks/pay-by-bank/pay-by-bank-field.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _components_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/index.js */ &quot;./client/blocks/components/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutPayByBankBlock = {
  name: _utils__WEBPACK_IMPORTED_MODULE_1__.PAYMENT_METHODS.REVOLUT_PAY_BY_BANK,
  label: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_components_index_js__WEBPACK_IMPORTED_MODULE_2__.PayByBankBlockLabel, {
    settings: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPayByBankSettings
  }),
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_pay_by_bank_field_js__WEBPACK_IMPORTED_MODULE_0__[&quot;default&quot;], {
    settings: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPayByBankSettings
  }),
  edit: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;p&quot;, {
    children: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(&#039;Revolut Pay By Bank Gateway is not available in editor mode&#039;)
  }),
  ariaLabel: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(&#039;Revolut Pay By Bank Gateway&#039;),
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPayByBankSettings.can_make_payment
};

/***/ }),

/***/ &quot;./client/blocks/pay-by-bank/pay-by-bank-field.js&quot;:
/*!********************************************************!*\
  !*** ./client/blocks/pay-by-bank/pay-by-bank-field.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutPayByBankField = ({
  eventRegistration,
  emitResponse
}) =&gt; {
  const {
    onCheckoutSuccess
  } = eventRegistration;
  const payByBankInstanceRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const unsubscribeOnCheckoutSuccess = onCheckoutSuccess(response =&gt; {
      return new Promise(async (resolve, reject) =&gt; {
        const {
          payByBank
        } = await RevolutCheckout.payments({
          publicToken: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.merchant_public_key,
          locale: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.locale
        });
        payByBankInstanceRef.current = payByBank({
          createOrder: () =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createRevolutOrder)().then(json =&gt; {
            return {
              publicId: json.revolut_order_public_id
            };
          }),
          onError: errorMsg =&gt; {
            resolve({
              type: emitResponse.responseTypes.ERROR,
              message: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(errorMsg || &#039;Unexpected error occurred, please try again later&#039;),
              retry: true,
              messageContext: emitResponse.noticeContexts.PAYMENTS
            });
          },
          onSuccess: () =&gt; {
            (0,_utils__WEBPACK_IMPORTED_MODULE_1__.onPaymentSuccessHandler)({
              response,
              paymentMethod: _utils__WEBPACK_IMPORTED_MODULE_1__.PAYMENT_METHODS.REVOLUT_PAY_BY_BANK,
              shouldSavePayment: 0
            });
          },
          onCancel: () =&gt; {
            resolve({
              type: emitResponse.responseTypes.ERROR,
              message: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.i18n)(&#039;Payment cancelled!&#039;),
              retry: true,
              messageContext: emitResponse.noticeContexts.PAYMENTS
            });
          }
        });
        payByBankInstanceRef.current.show();
      });
    });
    return () =&gt; {
      if (payByBankInstanceRef.current) {
        payByBankInstanceRef.current.destroy();
      }
      unsubscribeOnCheckoutSuccess();
    };
  }, [onCheckoutSuccess]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {});
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RevolutPayByBankField);

/***/ }),

/***/ &quot;./client/blocks/payment-request/index.js&quot;:
/*!************************************************!*\
  !*** ./client/blocks/payment-request/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutPaymentRequestBlock: () =&gt; (/* binding */ RevolutPaymentRequestBlock),
/* harmony export */   RevolutPaymentRequestExpressCheckoutBlock: () =&gt; (/* binding */ RevolutPaymentRequestExpressCheckoutBlock)
/* harmony export */ });
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _payment_request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./payment-request */ &quot;./client/blocks/payment-request/payment-request.js&quot;);
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ &quot;./client/blocks/components/index.js&quot;);
/* harmony import */ var _payment_request_express__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./payment-request-express */ &quot;./client/blocks/payment-request/payment-request-express.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutPaymentRequestBlock = {
  name: &#039;revolut_payment_request&#039;,
  label: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.BlockLabel, {
    settings: _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPrbSettings
  }),
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_payment_request__WEBPACK_IMPORTED_MODULE_1__.PaymentRequest, {}),
  edit: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(&quot;p&quot;, {
    children: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.i18n)(&#039;Google/Apple Pay block is not available in editor mode&#039;)
  }),
  ariaLabel: &#039;Google Pay/Apple Pay&#039;,
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPrbSettings.can_make_payment,
  paymentMethodId: &#039;revolut_payment_request&#039;,
  supports: {
    features: [&#039;products&#039;]
  }
};
const RevolutPaymentRequestExpressCheckoutBlock = {
  ...RevolutPaymentRequestBlock,
  name: &#039;revolut_payment_request_express_checkout&#039;,
  paymentMethodId: &#039;revolut_payment_request&#039;,
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_payment_request_express__WEBPACK_IMPORTED_MODULE_3__.PaymentRequestExpress, {}),
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPrbSettings.can_make_payment &amp;&amp; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPrbSettings.is_cart
};

/***/ }),

/***/ &quot;./client/blocks/payment-request/payment-request-express.js&quot;:
/*!******************************************************************!*\
  !*** ./client/blocks/payment-request/payment-request-express.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PaymentRequestExpress: () =&gt; (/* binding */ PaymentRequestExpress)
/* harmony export */ });
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../hooks */ &quot;./client/hooks/index.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const PaymentRequestExpress = ({
  billing,
  setExpressPaymentError,
  eventRegistration,
  onSubmit,
  onClick,
  onClose,
  emitResponse
}) =&gt; {
  const {
    onPaymentSetup,
    onCheckoutFail
  } = eventRegistration;
  const addressRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useRef)();
  const publicIdRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useRef)();
  const {
    revolutPrbRef,
    destroyRef
  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.usePaymentRequest)({
    paymentOptions: {
      amount: 0,
      requestShipping: true,
      validate: () =&gt; {
        onClick();
        return true;
      },
      onShippingOptionChange: selectedShippingOption =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.updateShippingOptions)(selectedShippingOption),
      onShippingAddressChange: selectedShippingAddress =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.getShippingOptions)(selectedShippingAddress),
      createOrder: () =&gt; {
        return new Promise((resolve, reject) =&gt; {
          (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createRevolutExpressOrder)().then(publicId =&gt; {
            publicIdRef.current = publicId;
            resolve({
              publicId
            });
          }).catch(err =&gt; {
            reject(err);
          });
        });
      },
      validate(address) {
        addressRef.current = address;
      }
    },
    onSuccess: () =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.submitWoocommerceOrder)({
      onSubmit,
      address: addressRef.current
    }).catch(err =&gt; {
      destroyRef.current();
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.cancelOrder)(publicIdRef.current);
      setExpressPaymentError(err);
    }),
    onError: errorMsg =&gt; {
      setExpressPaymentError(errorMsg || &#039;Something went wrong while completing your payment&#039;);
      onClose();
    },
    onCancel: errorMsg =&gt; {
      setExpressPaymentError(errorMsg);
      onClose();
    }
  }, [billing.cartTotal.value]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() =&gt; {
    const unsubscribeOnPaymentSetup = onPaymentSetup(() =&gt; {
      return {
        type: emitResponse.responseTypes.SUCCESS,
        meta: {
          paymentMethodData: {
            is_express_checkout: 1
          }
        }
      };
    });
    const unsubscribeOnCheckoutFail = onCheckoutFail(() =&gt; {
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.handleFailExpressCheckout)(publicIdRef.current).then(errorMsg =&gt; {
        setExpressPaymentError(errorMsg.message);
        if (errorMsg.type === &#039;failure&#039;) {
          destroyRef.current();
        }
      });
    });
    return () =&gt; {
      unsubscribeOnPaymentSetup();
      unsubscribeOnCheckoutFail();
    };
  }, [onPaymentSetup, onCheckoutFail]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [&#039; &#039;, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;div&quot;, {
      ref: revolutPrbRef
    })]
  });
};

/***/ }),

/***/ &quot;./client/blocks/payment-request/payment-request.js&quot;:
/*!**********************************************************!*\
  !*** ./client/blocks/payment-request/payment-request.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PaymentRequest: () =&gt; (/* binding */ PaymentRequest)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ &quot;./client/hooks/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const PaymentRequest = ({
  billing,
  components,
  checkoutStatus,
  eventRegistration,
  emitResponse,
  onSubmit
}) =&gt; {
  const {
    onCheckoutSuccess,
    onCheckoutFail
  } = eventRegistration;
  const {
    VALIDATION_STORE_KEY
  } = window.wc.wcBlocksData;
  const [isLoading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const revolutOrderPublicToken = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const woocommerceCheckoutSubmissionResult = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const setPaymentResult = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const paymentError = errorMsg =&gt; ({
    type: emitResponse.responseTypes.ERROR,
    message: errorMsg,
    retry: true,
    messageContext: emitResponse.noticeContexts.PAYMENTS
  });
  const {
    revolutPrbRef
  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.usePaymentRequest)({
    paymentOptions: {
      amount: billing.cartTotal.value,
      requestPayerInfo: {
        billingAddress: false
      },
      validate: () =&gt; {
        return new Promise((resolve, reject) =&gt; {
          setLoading(true);
          if ((0,_utils__WEBPACK_IMPORTED_MODULE_1__.select)(VALIDATION_STORE_KEY).hasValidationErrors()) {
            setLoading(false);
            reject(&#039;Checkout form is incomplete&#039;);
          }
          (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createRevolutOrder)().then(json =&gt; {
            revolutOrderPublicToken.current = json.revolut_order_public_id;
            onSubmit();
            document.addEventListener(&#039;checkout_success&#039;, () =&gt; {
              resolve(true);
            });
            document.addEventListener(&#039;checkout_fail&#039;, () =&gt; {
              setLoading(false);
              reject(&#039;Something went wrong&#039;);
            });
          });
        });
      },
      createOrder: () =&gt; {
        return {
          publicId: revolutOrderPublicToken.current
        };
      }
    },
    onSuccess: () =&gt; {
      setLoading(true);
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.onPaymentSuccessHandler)({
        response: woocommerceCheckoutSubmissionResult.current,
        paymentMethod: _utils__WEBPACK_IMPORTED_MODULE_1__.PAYMENT_METHODS.REVOLUT_PRB,
        shouldSavePayment: 0
      });
    },
    onError: errorMsg =&gt; {
      setLoading(false);
      if (setPaymentResult.current) {
        setPaymentResult.current.resolve(paymentError(errorMsg));
      }
    }
  }, [billing.cartTotal.value]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const unsubscribeOnCheckoutSuccess = onCheckoutSuccess(async response =&gt; {
      return new Promise(resolve =&gt; {
        setLoading(false);
        woocommerceCheckoutSubmissionResult.current = response;
        document.dispatchEvent(new CustomEvent(&#039;checkout_success&#039;));
        setPaymentResult.current = {
          resolve
        };
      });
    });
    const unsubscribeOnCheckoutFail = onCheckoutFail(response =&gt; {
      if (!response || !response.paymentDetails || !response.paymentDetails.wc_order_id) {
        document.dispatchEvent(new CustomEvent(&#039;checkout_fail&#039;));
      }
    });
    return () =&gt; {
      unsubscribeOnCheckoutSuccess();
      unsubscribeOnCheckoutFail();
    };
  }, [onCheckoutSuccess, onCheckoutFail]);
  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useHidePlacerOrderButton)();
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [&#039; &#039;, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(components.LoadingMask, {
      showSpinner: true,
      isLoading: isLoading || checkoutStatus.isProcessing || checkoutStatus.isComplete,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;div&quot;, {
        ref: revolutPrbRef
      })
    })]
  });
};

/***/ }),

/***/ &quot;./client/blocks/revolut-banners/index.js&quot;:
/*!************************************************!*\
  !*** ./client/blocks/revolut-banners/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevPointsBannerBlock: () =&gt; (/* binding */ RevPointsBannerBlock)
/* harmony export */ });
/* harmony import */ var _revolut_banner__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./revolut-banner */ &quot;./client/blocks/revolut-banners/revolut-banner.js&quot;);
/* harmony import */ var _woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @woocommerce/blocks-checkout */ &quot;@woocommerce/blocks-checkout&quot;);
/* harmony import */ var _woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const isActive = _utils__WEBPACK_IMPORTED_MODULE_2__.revolutPaySettings.can_make_payment &amp;&amp; _utils__WEBPACK_IMPORTED_MODULE_2__.revolutPaySettings.banner.points_banner_enabled;
const RevPointsBannerBlock = {
  metadata: {
    name: _utils__WEBPACK_IMPORTED_MODULE_2__.REVOLUT_POINTS_BLOCK_NAME,
    category: &#039;woocommerce&#039;,
    parent: [_woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_1__.innerBlockAreas.CHECKOUT_ORDER_SUMMARY],
    attributes: {
      lock: {
        type: &#039;object&#039;,
        default: {
          remove: true,
          move: true
        }
      }
    }
  },
  force: true,
  component: () =&gt; isActive ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_revolut_banner__WEBPACK_IMPORTED_MODULE_0__[&quot;default&quot;], {}) : &#039;&#039;
};

/***/ }),

/***/ &quot;./client/blocks/revolut-banners/revolut-banner.js&quot;:
/*!*********************************************************!*\
  !*** ./client/blocks/revolut-banners/revolut-banner.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   &quot;default&quot;: () =&gt; (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevPointsBanner = () =&gt; {
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.mountRevPointsBanner)();
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(&quot;div&quot;, {
    id: _utils__WEBPACK_IMPORTED_MODULE_1__.REVOLUT_PAY_INFORMATIONAL_BANNER_ID
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RevPointsBanner);

/***/ }),

/***/ &quot;./client/blocks/revolut-pay/index.js&quot;:
/*!********************************************!*\
  !*** ./client/blocks/revolut-pay/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutPayBlock: () =&gt; (/* binding */ RevolutPayBlock),
/* harmony export */   RevolutPayExpressCheckoutBlock: () =&gt; (/* binding */ RevolutPayExpressCheckoutBlock)
/* harmony export */ });
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _revolut_pay__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./revolut-pay */ &quot;./client/blocks/revolut-pay/revolut-pay.js&quot;);
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components */ &quot;./client/blocks/components/index.js&quot;);
/* harmony import */ var _revolut_pay_express__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./revolut-pay-express */ &quot;./client/blocks/revolut-pay/revolut-pay-express.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const urlParams = new URLSearchParams(window.location.search);
const declineReason = urlParams.get(&#039;_rp_fr&#039;);
const revolutOrderPublicToken = urlParams.get(&#039;_rp_oid&#039;);
const paymentSuccess = urlParams.get(&#039;_rp_s&#039;);
if (declineReason || !paymentSuccess &amp;&amp; revolutOrderPublicToken) {
  (0,_utils__WEBPACK_IMPORTED_MODULE_0__.dispatch)(&#039;core/notices&#039;).createErrorNotice((0,_utils__WEBPACK_IMPORTED_MODULE_0__.i18n)(declineReason || &#039;Payment Rejected&#039;), {
    id: &#039;rp-fr&#039;,
    context: _utils__WEBPACK_IMPORTED_MODULE_0__.CHECKOUT_PAYMENT_CONTEXT
  });
  if (!_utils__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.is_cart) {
    (0,_utils__WEBPACK_IMPORTED_MODULE_0__.dispatch)(_utils__WEBPACK_IMPORTED_MODULE_0__.PAYMENT_STORE_KEY).__internalSetActivePaymentMethod(_utils__WEBPACK_IMPORTED_MODULE_0__.PAYMENT_METHODS.REVOLUT_PAY);
  }
}
const RevolutPayBlock = {
  name: &#039;revolut_pay&#039;,
  label: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.RevolutPayLabel, {}),
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_revolut_pay__WEBPACK_IMPORTED_MODULE_1__.RevolutPay, {}),
  edit: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(&quot;p&quot;, {
    children: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.i18n)(&#039;Revolut Pay is not available in editor mode&#039;)
  }),
  ariaLabel: &#039;Revolut Pay&#039;,
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.can_make_payment,
  paymentMethodId: &#039;revolut_pay&#039;,
  supports: {
    features: [&#039;products&#039;]
  }
};
const RevolutPayExpressCheckoutBlock = {
  ...RevolutPayBlock,
  name: &#039;revolut_pay_express_checkout&#039;,
  paymentMethodId: &#039;revolut_pay&#039;,
  content: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_revolut_pay_express__WEBPACK_IMPORTED_MODULE_3__.RevolutPayExpress, {
    settings: _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings
  }),
  canMakePayment: () =&gt; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.can_make_payment &amp;&amp; _utils__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.is_cart
};

/***/ }),

/***/ &quot;./client/blocks/revolut-pay/revolut-pay-express.js&quot;:
/*!**********************************************************!*\
  !*** ./client/blocks/revolut-pay/revolut-pay-express.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutPayExpress: () =&gt; (/* binding */ RevolutPayExpress)
/* harmony export */ });
/* harmony import */ var _hooks_use_revolut_pay__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../hooks/use-revolut-pay */ &quot;./client/hooks/use-revolut-pay.js&quot;);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutPayExpress = ({
  billing,
  setExpressPaymentError,
  eventRegistration,
  onSubmit,
  onClick,
  onClose,
  emitResponse
}) =&gt; {
  const {
    onPaymentSetup,
    onCheckoutFail
  } = eventRegistration;
  const publicIdRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useRef)();
  const paymentOptions = {
    requestShipping: true,
    validate: () =&gt; {
      onClick();
      return true;
    },
    createOrder: () =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createRevolutExpressOrder)().then(publicId =&gt; {
      publicIdRef.current = publicId;
      return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.updatePaymentTotal)(publicId).then(() =&gt; ({
        publicId
      }));
    })
  };
  const {
    revolutPayRef,
    destroyRef
  } = (0,_hooks_use_revolut_pay__WEBPACK_IMPORTED_MODULE_0__.useRevolutPay)({
    paymentOptions,
    onSuccess: publicId =&gt; (0,_utils__WEBPACK_IMPORTED_MODULE_1__.loadOrderData)(publicId).then(orderData =&gt; {
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.submitWoocommerceOrder)({
        onSubmit,
        address: orderData.address_info
      }).catch(err =&gt; {
        destroyRef.current();
        (0,_utils__WEBPACK_IMPORTED_MODULE_1__.cancelOrder)(publicId);
        setExpressPaymentError(err);
      });
    }).catch(err =&gt; {
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.cancelOrder)(publicId);
      setExpressPaymentError(err);
    }),
    onError: errorMsg =&gt; {
      setExpressPaymentError(errorMsg || &#039;Something went wrong while completing your payment&#039;);
      onClose();
    },
    onCancel: errorMsg =&gt; {
      setExpressPaymentError(errorMsg || &#039;Payment cancelled!&#039;);
      onClose();
    }
  }, [billing.cartTotal.value]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() =&gt; {
    const unsubscribeOnPaymentSetup = onPaymentSetup(() =&gt; {
      return {
        type: emitResponse.responseTypes.SUCCESS,
        meta: {
          paymentMethodData: {
            is_express_checkout: 1
          }
        }
      };
    });
    const unsubscribeOnCheckoutFail = onCheckoutFail(() =&gt; {
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.handleFailExpressCheckout)(publicIdRef.current).then(errorMsg =&gt; {
        setExpressPaymentError(errorMsg.message);
        if (errorMsg.type === &#039;failure&#039;) {
          destroyRef.current();
        }
      });
    });
    return () =&gt; {
      unsubscribeOnPaymentSetup();
      unsubscribeOnCheckoutFail();
    };
  }, [onPaymentSetup, onCheckoutFail]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() =&gt; {
    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.mountRevPointsBanner)(_utils__WEBPACK_IMPORTED_MODULE_1__.REVOLUT_PAY_INFORMATIONAL_BANNER_ID);
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [&#039; &#039;, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;div&quot;, {
      id: _utils__WEBPACK_IMPORTED_MODULE_1__.REVOLUT_PAY_INFORMATIONAL_BANNER_ID
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;div&quot;, {
      ref: revolutPayRef
    })]
  });
};

/***/ }),

/***/ &quot;./client/blocks/revolut-pay/revolut-pay.js&quot;:
/*!**************************************************!*\
  !*** ./client/blocks/revolut-pay/revolut-pay.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RevolutPay: () =&gt; (/* binding */ RevolutPay)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ &quot;./client/utils/index.js&quot;);
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ &quot;./client/hooks/index.js&quot;);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ &quot;./node_modules/react/jsx-runtime.js&quot;);


const RevolutPay = ({
  billing,
  components,
  eventRegistration,
  onSubmit,
  emitResponse
}) =&gt; {
  const {
    onCheckoutSuccess,
    onCheckoutFail
  } = eventRegistration;
  const {
    VALIDATION_STORE_KEY
  } = window.wc.wcBlocksData;
  const [isLoading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const [isPaymentCanceled, setPaymentCanceled] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  const revolutOrderPublicToken = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const woocommerceCheckoutSubmissionResult = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const setPaymentResult = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const paymentError = errorMsg =&gt; ({
    type: emitResponse.responseTypes.ERROR,
    message: errorMsg,
    retry: true,
    messageContext: emitResponse.noticeContexts.PAYMENTS
  });
  const paymentOptions = {
    totalAmount: billing.cartTotal.value,
    validate: () =&gt; {
      setPaymentCanceled(false);
      return new Promise(resolve =&gt; {
        setLoading(true);
        if ((0,_utils__WEBPACK_IMPORTED_MODULE_1__.select)(VALIDATION_STORE_KEY).hasValidationErrors()) {
          setLoading(false);
          resolve(false);
        }
        (0,_utils__WEBPACK_IMPORTED_MODULE_1__.createRevolutOrder)().then(json =&gt; {
          revolutOrderPublicToken.current = json.revolut_order_public_id;
          onSubmit();
          document.addEventListener(&#039;checkout_success&#039;, () =&gt; {
            resolve(true);
          });
          document.addEventListener(&#039;checkout_fail&#039;, () =&gt; {
            setLoading(false);
            resolve(false);
          });
        });
      });
    },
    createOrder: () =&gt; {
      return {
        publicId: revolutOrderPublicToken.current
      };
    }
  };
  const {
    revolutPayRef
  } = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useRevolutPay)({
    paymentOptions,
    onSuccess: () =&gt; {
      setLoading(true);
      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.onPaymentSuccessHandler)({
        response: woocommerceCheckoutSubmissionResult.current,
        paymentMethod: _utils__WEBPACK_IMPORTED_MODULE_1__.PAYMENT_METHODS.REVOLUT_PAY,
        shouldSavePayment: 0
      });
    },
    onError: error =&gt; {
      setLoading(false);
      if (setPaymentResult.current) {
        setPaymentResult.current.resolve(paymentError(error));
      }
    },
    onCancel: () =&gt; {
      setPaymentCanceled(true);
      if (setPaymentResult.current) {
        setPaymentResult.current.resolve(paymentError(&#039;Payment cancelled!&#039;));
      }
    }
  }, [billing.cartTotal.value]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const unsubscribeOnCheckoutSuccess = onCheckoutSuccess(async response =&gt; {
      return new Promise(resolve =&gt; {
        if (isPaymentCanceled) {
          setLoading(false);
          return resolve(paymentError(&#039;Payment cancelled!&#039;));
        }
        setLoading(false);
        woocommerceCheckoutSubmissionResult.current = response;
        document.dispatchEvent(new CustomEvent(&#039;checkout_success&#039;));
        setPaymentResult.current = {
          resolve
        };
      });
    });
    const unsubscribeOnCheckoutFail = onCheckoutFail(response =&gt; {
      if (!response || !response.paymentDetails || !response.paymentDetails.wc_order_id) {
        document.dispatchEvent(new CustomEvent(&#039;checkout_fail&#039;));
      }
    });
    return () =&gt; {
      unsubscribeOnCheckoutSuccess();
      unsubscribeOnCheckoutFail();
    };
  }, [onCheckoutSuccess, onCheckoutFail, isPaymentCanceled]);
  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useHidePlacerOrderButton)();
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [&#039; &#039;, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(components.LoadingMask, {
      showSpinner: true,
      isLoading: isLoading,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(&quot;div&quot;, {
        ref: revolutPayRef
      })
    })]
  });
};

/***/ }),

/***/ &quot;./client/hooks/index.js&quot;:
/*!*******************************!*\
  !*** ./client/hooks/index.js ***!
  \*******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCardField: () =&gt; (/* reexport safe */ _use_card_field__WEBPACK_IMPORTED_MODULE_0__.useCardField),
/* harmony export */   useHidePlacerOrderButton: () =&gt; (/* reexport safe */ _use_hide_place_order_button__WEBPACK_IMPORTED_MODULE_2__.useHidePlacerOrderButton),
/* harmony export */   usePaymentRequest: () =&gt; (/* reexport safe */ _use_payment_request__WEBPACK_IMPORTED_MODULE_1__.usePaymentRequest),
/* harmony export */   useRevolutPay: () =&gt; (/* reexport safe */ _use_revolut_pay__WEBPACK_IMPORTED_MODULE_3__.useRevolutPay)
/* harmony export */ });
/* harmony import */ var _use_card_field__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-card-field */ &quot;./client/hooks/use-card-field.js&quot;);
/* harmony import */ var _use_payment_request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-payment-request */ &quot;./client/hooks/use-payment-request.js&quot;);
/* harmony import */ var _use_hide_place_order_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-hide-place-order-button */ &quot;./client/hooks/use-hide-place-order-button.js&quot;);
/* harmony import */ var _use_revolut_pay__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-revolut-pay */ &quot;./client/hooks/use-revolut-pay.js&quot;);


/***/ }),

/***/ &quot;./client/hooks/use-card-field.js&quot;:
/*!****************************************!*\
  !*** ./client/hooks/use-card-field.js ***!
  \****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useCardField: () =&gt; (/* binding */ useCardField)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ &quot;./client/utils/index.js&quot;);


const REVOLUT_CHECKOUT_RETRY_ERROR_TYPES = [&#039;error.3ds-failed&#039;, &#039;error.email-is-not-specified&#039;, &#039;error.invalid-postcode&#039;, &#039;error.invalid-email&#039;, &#039;error.incorrect-cvv-code&#039;, &#039;error.expired-card&#039;, &#039;error.do-not-honour&#039;, &#039;error.insufficient-funds&#039;];
const useCardField = ({
  onMsg,
  publicId
}, deps) =&gt; {
  const onMsgRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(onMsg);
  const cardInputRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const rcRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    let isCancelled = false;
    if (rcRef.current) {
      rcRef.current.destroy();
      onMsgRef.current({
        type: &#039;instance_destroyed&#039;
      });
    }
    RevolutCheckout(publicId).then(RC =&gt; {
      if (isCancelled || !cardInputRef.current) {
        return;
      }
      rcRef.current = RC.createCardField({
        locale: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.locale,
        target: cardInputRef.current,
        hidePostcodeField: true,
        onSuccess() {
          onMsgRef.current({
            type: &#039;payment_successful&#039;
          });
        },
        onError(error) {
          if (REVOLUT_CHECKOUT_RETRY_ERROR_TYPES.includes(error.type)) {
            onMsgRef.current({
              type: &#039;fields_errors_changed&#039;,
              errors: [error]
            });
          } else {
            onMsgRef.current({
              type: &#039;payment_failed&#039;,
              error
            });
          }
        },
        onValidation: errors =&gt; onMsgRef.current({
          type: &#039;fields_errors_changed&#039;,
          errors
        }),
        onStatusChange: status =&gt; {
          onMsgRef.current({
            type: &#039;fields_status_changed&#039;,
            status
          });
        },
        onCancel() {
          onMsgRef.current({
            type: &#039;payment_cancelled&#039;
          });
        }
      });
      onMsgRef.current({
        type: &#039;instance_mounted&#039;,
        instance: rcRef.current
      });
    });
    const cleanup = () =&gt; {
      isCancelled = true;
      if (rcRef.current) {
        rcRef.current.destroy();
        rcRef.current = null;
        onMsgRef.current({
          type: &#039;instance_destroyed&#039;
        });
      }
    };
    return cleanup;
  }, [publicId, onMsgRef, ...deps]);
  return cardInputRef;
};

/***/ }),

/***/ &quot;./client/hooks/use-hide-place-order-button.js&quot;:
/*!*****************************************************!*\
  !*** ./client/hooks/use-hide-place-order-button.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useHidePlacerOrderButton: () =&gt; (/* binding */ useHidePlacerOrderButton)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

const useHidePlacerOrderButton = () =&gt; {
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const placeOrderButton = document.querySelector(&#039;.wp-element-button.wc-block-components-checkout-place-order-button&#039;);
    if (placeOrderButton) {
      placeOrderButton.disabled = true;
      placeOrderButton.style.display = &#039;none&#039;;
    }
    return () =&gt; {
      if (placeOrderButton) {
        placeOrderButton.disabled = false;
        placeOrderButton.style.display = &#039;block&#039;;
      }
    };
  }, []);
};

/***/ }),

/***/ &quot;./client/hooks/use-payment-request.js&quot;:
/*!*********************************************!*\
  !*** ./client/hooks/use-payment-request.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   usePaymentRequest: () =&gt; (/* binding */ usePaymentRequest)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ &quot;./client/utils/index.js&quot;);


const usePaymentRequest = ({
  paymentOptions,
  onSuccess,
  onError
}, deps) =&gt; {
  const revolutPrbRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const destroyRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const initPaymentRequestButton = async () =&gt; {
      const {
        paymentRequest,
        destroy
      } = await RevolutCheckout.payments({
        publicToken: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.merchant_public_key,
        locale: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.locale
      });
      destroyRef.current = destroy;
      if (revolutPrbRef.current) {
        const paymentRequestButton = paymentRequest.mount(revolutPrbRef.current, {
          ...paymentOptions,
          buttonStyle: {
            action: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPrbSettings.payment_request_button_type,
            size: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPrbSettings.payment_request_button_size,
            variant: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPrbSettings.payment_request_button_theme,
            radius: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPrbSettings.payment_request_button_radius
          },
          currency: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.order.currency,
          shippingOptions: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.fast_checkout_params.free_shipping_option,
          onSuccess() {
            onSuccess();
          },
          onError(error) {
            onError(error.message);
          },
          onCancel() {
            onError(&#039;Payment cancelled!&#039;);
          }
        });
        paymentRequestButton.canMakePayment().then(method =&gt; {
          if (method) {
            paymentRequestButton.render();
          } else {
            paymentRequestButton.destroy();
          }
        });
      }
    };
    initPaymentRequestButton();
    return () =&gt; destroyRef.current();
  }, deps);
  return {
    revolutPrbRef,
    destroyRef
  };
};

/***/ }),

/***/ &quot;./client/hooks/use-revolut-pay.js&quot;:
/*!*****************************************!*\
  !*** ./client/hooks/use-revolut-pay.js ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   useRevolutPay: () =&gt; (/* binding */ useRevolutPay)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ &quot;@wordpress/element&quot;);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ &quot;./client/utils/index.js&quot;);


const useRevolutPay = ({
  paymentOptions,
  onSuccess,
  onError,
  onCancel
}, deps) =&gt; {
  const revolutPayRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  const destroyRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() =&gt; {
    const initRevolutPayWidget = async () =&gt; {
      const {
        revolutPay,
        destroy
      } = await RevolutCheckout.payments({
        publicToken: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.merchant_public_key,
        locale: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.locale
      });
      destroyRef.current = destroy;
      if (revolutPayRef.current) {
        revolutPay.mount(revolutPayRef.current, {
          currency: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.order.currency,
          totalAmount: 0,
          mobileRedirectUrls: {
            success: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.mobile_redirect_url,
            failure: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.mobile_redirect_url,
            cancel: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.mobile_redirect_url
          },
          buttonStyle: {
            cashbackCurrency: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutSettings.order.currency,
            variant: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.revolut_pay_button_theme,
            size: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.revolut_pay_button_size,
            radius: _utils__WEBPACK_IMPORTED_MODULE_1__.revolutPaySettings.revolut_pay_button_radius
          },
          ...paymentOptions
        });
      }
      revolutPay.on(&#039;payment&#039;, event =&gt; {
        switch (event.type) {
          case &#039;cancel&#039;:
            {
              onCancel();
              break;
            }
          case &#039;success&#039;:
            {
              onSuccess(event.orderId);
              break;
            }
          case &#039;error&#039;:
            {
              onError(event.error.message);
              break;
            }
          default:
            break;
        }
      });
    };
    initRevolutPayWidget();
    return () =&gt; {
      destroyRef.current();
    };
  }, deps);
  return {
    revolutPayRef,
    destroyRef
  };
};

/***/ }),

/***/ &quot;./client/utils/checkout.js&quot;:
/*!**********************************!*\
  !*** ./client/utils/checkout.js ***!
  \**********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   cancelOrder: () =&gt; (/* binding */ cancelOrder),
/* harmony export */   createRevolutExpressOrder: () =&gt; (/* binding */ createRevolutExpressOrder),
/* harmony export */   createRevolutOrder: () =&gt; (/* binding */ createRevolutOrder),
/* harmony export */   getShippingOptions: () =&gt; (/* binding */ getShippingOptions),
/* harmony export */   handleFailExpressCheckout: () =&gt; (/* binding */ handleFailExpressCheckout),
/* harmony export */   loadOrderData: () =&gt; (/* binding */ loadOrderData),
/* harmony export */   onPaymentSuccessHandler: () =&gt; (/* binding */ onPaymentSuccessHandler),
/* harmony export */   processPayment: () =&gt; (/* binding */ processPayment),
/* harmony export */   submitWoocommerceOrder: () =&gt; (/* binding */ submitWoocommerceOrder),
/* harmony export */   updatePaymentTotal: () =&gt; (/* binding */ updatePaymentTotal),
/* harmony export */   updateShippingOptions: () =&gt; (/* binding */ updateShippingOptions)
/* harmony export */ });
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ &quot;./client/utils/index.js&quot;);

const createRevolutExpressOrder = async () =&gt; {
  const json = await (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
    endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
      endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.GET_EXPRESS_CHECKOUT_PARAMS
    }),
    data: {
      security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.get_express_checkout_params
    }
  });
  if (json?.success) {
    return json.revolut_public_id;
  }
  return Promise.reject(new Error(&#039;Something went wrong while creating the payment.&#039;));
};
const createRevolutOrder = async () =&gt; {
  const json = await (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
    endpoint: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.route.create_revolut_order,
    data: {
      security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.nonce.create_revolut_order
    }
  });
  if (json?.success) {
    return json;
  }
  throw new Error(&#039;An unexpected error occurred&#039;);
};
function updateShippingOptions(shippingOption) {
  let shipping_option_data = {
    security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.update_shipping,
    shipping_method: [shippingOption.id],
    is_product_page: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.is_product_page
  };
  return new Promise((resolve, reject) =&gt; {
    (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
      data: shipping_option_data,
      endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
        endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.UPDATE_SHIPPING_METHOD
      })
    }).then(response =&gt; {
      resolve(response);
    }).catch(error =&gt; {
      reject(error);
    });
  });
}
function getShippingOptions(address) {
  let address_data = {
    security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.shipping,
    country: address.country,
    state: address.region,
    postcode: address.postalCode,
    city: address.city,
    address: &#039;&#039;,
    address_2: &#039;&#039;,
    is_product_page: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.is_product_page,
    require_shipping: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.shipping_required
  };
  return new Promise((resolve, reject) =&gt; {
    (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
      data: address_data,
      endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
        endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.GET_SHIPPING_OPTIONS
      })
    }).then(response =&gt; {
      resolve(response);
    }).catch(error =&gt; {
      reject(error);
    });
  });
}
const loadOrderData = async publicId =&gt; {
  try {
    const json = await (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
      data: {
        security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.load_order_data,
        revolut_public_id: publicId
      },
      endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
        endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.LOAD_ORDER_DATA
      })
    });
    if (json) {
      return json;
    }
    throw new Error(&#039;Something went wrong while retrieving the billing address. your payment will be cancelled&#039;);
  } catch (err) {
    throw new Error(err.message || &#039;An unexpected error occurred.&#039;);
  }
};
const cancelOrder = async publicId =&gt; {
  const json = await (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
    data: {
      revolut_public_id: publicId,
      security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.cancel_order
    },
    endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
      endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.CANCEL_ORDER
    })
  });
  return json.success;
};
const handleFailExpressCheckout = async publicId =&gt; {
  try {
    const orderCancelled = await cancelOrder(publicId);
    if (orderCancelled) {
      return {
        type: &#039;error&#039;,
        message: (0,___WEBPACK_IMPORTED_MODULE_0__.i18n)(&#039;Something went wrong, your order has been cancelled.&#039;)
      };
    }
    throw new Error(&#039;Couldn`t cancel the order&#039;);
  } catch (err) {
    return {
      type: &#039;failure&#039;,
      message: (0,___WEBPACK_IMPORTED_MODULE_0__.i18n)(&quot;Your order has been completed, but we couldn&#039;t redirect you to the confirmation page. Please contact us for assistance.&quot;)
    };
  }
};
const processPayment = async ({
  revolut_public_id,
  shouldSavePayment,
  wc_order_id,
  paymentMethod,
  process_payment_result
}) =&gt; {
  try {
    const data = {
      revolut_gateway: paymentMethod,
      security: process_payment_result,
      revolut_public_id: revolut_public_id,
      revolut_payment_error: &#039;&#039;,
      wc_order_id: wc_order_id,
      reload_checkout: 0,
      revolut_save_payment_method: Number(paymentMethod === ___WEBPACK_IMPORTED_MODULE_0__.PAYMENT_METHODS.REVOLUT_CARD) &amp;&amp; (Number(shouldSavePayment) || Number(___WEBPACK_IMPORTED_MODULE_0__.revolutGatewaySettings.is_save_payment_method_mandatory))
    };
    const response = await (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
      data,
      endpoint: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.route.process_order
    });
    if (response?.result === &#039;fail&#039;) {
      throw new Error(response?.messages || &#039;Something went wrong while trying to charge your card, please try again&#039;);
    }
    if (response?.result === &#039;success&#039;) {
      return response;
    }
    throw new Error(&#039;Failed to process your order due to server issue&#039;);
  } catch (err) {
    throw new Error(err.message || &#039;An unexpected error occurred&#039;);
  }
};
const onPaymentSuccessHandler = async ({
  response,
  paymentMethod,
  shouldSavePayment
}) =&gt; {
  try {
    const {
      processingResponse
    } = response;
    const {
      wc_order_id,
      revolut_public_id,
      process_payment_result
    } = processingResponse.paymentDetails;
    const processResult = await processPayment({
      wc_order_id,
      revolut_public_id,
      shouldSavePayment,
      paymentMethod,
      process_payment_result
    });
    if (processResult.redirect) {
      window.location.href = decodeURI(processResult.redirect);
      return {
        type: &#039;success&#039;
      };
    }
    throw new Error(&#039;Could not redirect you to the confirmation page due to an unexpected error. Please contact the merchant&#039;);
  } catch (e) {
    return {
      type: &#039;error&#039;,
      message: (0,___WEBPACK_IMPORTED_MODULE_0__.i18n)(e?.message),
      retry: true,
      messageContext: &#039;wc/checkout/payments&#039;
    };
  }
};
const submitWoocommerceOrder = async ({
  onSubmit,
  address
}) =&gt; {
  const {
    billingAddress,
    shippingAddress
  } = address;
  let firstSpaceIndex = billingAddress.recipient.indexOf(&#039; &#039;);
  let firstName = billingAddress.recipient.substring(0, firstSpaceIndex);
  let lastName = billingAddress.recipient.substring(firstSpaceIndex + 1);
  (0,___WEBPACK_IMPORTED_MODULE_0__.dispatch)(___WEBPACK_IMPORTED_MODULE_0__.CART_STORE_KEY).setBillingAddress({
    first_name: firstName,
    last_name: lastName,
    email: address.email,
    ...(0,___WEBPACK_IMPORTED_MODULE_0__.normalizeFcAddress)(billingAddress)
  });
  (0,___WEBPACK_IMPORTED_MODULE_0__.dispatch)(___WEBPACK_IMPORTED_MODULE_0__.CART_STORE_KEY).setShippingAddress({
    first_name: firstName,
    last_name: lastName,
    ...(0,___WEBPACK_IMPORTED_MODULE_0__.normalizeFcAddress)(shippingAddress)
  });
  onSubmit();
};
const updatePaymentTotal = publicId =&gt; (0,___WEBPACK_IMPORTED_MODULE_0__.sendAjax)({
  data: {
    revolut_public_id: publicId,
    security: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.fast_checkout_params.nonce.update_order_total
  },
  endpoint: (0,___WEBPACK_IMPORTED_MODULE_0__.getAjaxURL)({
    endpoint: ___WEBPACK_IMPORTED_MODULE_0__.FAST_CHECKOUT_ROUTES.UPDATE_PAYMENT_TOTAL
  })
});

/***/ }),

/***/ &quot;./client/utils/common.js&quot;:
/*!********************************!*\
  !*** ./client/utils/common.js ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createAddress: () =&gt; (/* binding */ createAddress),
/* harmony export */   dispatch: () =&gt; (/* reexport safe */ _wordpress_data__WEBPACK_IMPORTED_MODULE_2__.dispatch),
/* harmony export */   getAjaxURL: () =&gt; (/* binding */ getAjaxURL),
/* harmony export */   i18n: () =&gt; (/* binding */ i18n),
/* harmony export */   normalizeFcAddress: () =&gt; (/* binding */ normalizeFcAddress),
/* harmony export */   revolutGatewaySettings: () =&gt; (/* binding */ revolutGatewaySettings),
/* harmony export */   revolutPayByBankSettings: () =&gt; (/* binding */ revolutPayByBankSettings),
/* harmony export */   revolutPaySettings: () =&gt; (/* binding */ revolutPaySettings),
/* harmony export */   revolutPrbSettings: () =&gt; (/* binding */ revolutPrbSettings),
/* harmony export */   revolutSettings: () =&gt; (/* binding */ revolutSettings),
/* harmony export */   select: () =&gt; (/* reexport safe */ _wordpress_data__WEBPACK_IMPORTED_MODULE_2__.select),
/* harmony export */   sendAjax: () =&gt; (/* binding */ sendAjax)
/* harmony export */ });
/* harmony import */ var _woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @woocommerce/settings */ &quot;@woocommerce/settings&quot;);
/* harmony import */ var _woocommerce_settings__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ &quot;@wordpress/i18n&quot;);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ &quot;@wordpress/data&quot;);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);


const revolutSettings = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__.getSetting)(&#039;revolut_data&#039;);
const revolutPaySettings = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__.getSetting)(&#039;revolut_data&#039;).revolut_pay_data;
const revolutPayByBankSettings = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__.getSetting)(&#039;revolut_data&#039;).revolut_pay_by_bank_data;
const revolutGatewaySettings = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__.getSetting)(&#039;revolut_data&#039;).revolut_cc_data;
const revolutPrbSettings = (0,_woocommerce_settings__WEBPACK_IMPORTED_MODULE_0__.getSetting)(&#039;revolut_data&#039;).revolut_payment_request_data;
const i18n = msg =&gt; (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)(msg, &#039;revolut-gateway-for-woocommerce&#039;);
const getAjaxURL = ({
  endpoint,
  controller = &#039;revolut_payment_request_&#039;
}) =&gt; {
  return revolutSettings.fast_checkout_params.ajax_url.toString().replace(&#039;%%wc_revolut_gateway_ajax_endpoint%%&#039;, `${controller}${endpoint}`);
};
function buildFormData(formData, data, parentKey) {
  const newFormData = formData;
  if (data &amp;&amp; typeof data === &#039;object&#039;) {
    Object.keys(data).forEach(key =&gt; {
      buildFormData(newFormData, data[key], parentKey ? `${parentKey}[${key}]` : key);
    });
  } else {
    const value = data == null ? &#039;&#039; : data;
    newFormData.append(parentKey, value);
  }
  return newFormData;
}
const sendAjax = async ({
  data,
  endpoint
}) =&gt; {
  const requestData = buildFormData(new FormData(), data);
  const response = await fetch(endpoint, {
    method: &#039;POST&#039;,
    body: requestData
  });
  if (!response.ok) {
    throw new Error(&#039;Failed to process your request due to network issue&#039;);
  }
  const json = await response.json();
  return json;
};
const createAddress = address =&gt; {
  return {
    countryCode: address.country,
    region: address.state,
    city: address.city,
    streetLine1: address.address_1,
    streetLine2: address.address_2,
    postcode: address.postcode
  };
};
const normalizeFcAddress = address =&gt; {
  return {
    address_1: address.address || address.addressLine.at(0),
    address_2: address.address_2 || address.addressLine.at(1) || &#039;&#039;,
    city: address.city,
    state: address.state || address.region,
    postcode: address.postcode || address.postalCode,
    country: address.country,
    phone: address.phone
  };
};

/***/ }),

/***/ &quot;./client/utils/constants.js&quot;:
/*!***********************************!*\
  !*** ./client/utils/constants.js ***!
  \***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CART_STORE_KEY: () =&gt; (/* binding */ CART_STORE_KEY),
/* harmony export */   CHECKOUT_PAYMENT_CONTEXT: () =&gt; (/* binding */ CHECKOUT_PAYMENT_CONTEXT),
/* harmony export */   FAST_CHECKOUT_ROUTES: () =&gt; (/* binding */ FAST_CHECKOUT_ROUTES),
/* harmony export */   PAYMENT_METHODS: () =&gt; (/* binding */ PAYMENT_METHODS),
/* harmony export */   PAYMENT_STORE_KEY: () =&gt; (/* binding */ PAYMENT_STORE_KEY),
/* harmony export */   REVOLUT_GATEWAY_UPSELL_BANNER_ID: () =&gt; (/* binding */ REVOLUT_GATEWAY_UPSELL_BANNER_ID),
/* harmony export */   REVOLUT_PAY_INFORMATIONAL_BANNER_ID: () =&gt; (/* binding */ REVOLUT_PAY_INFORMATIONAL_BANNER_ID),
/* harmony export */   REVOLUT_PAY_INFORMATIONAL_ICON_ID: () =&gt; (/* binding */ REVOLUT_PAY_INFORMATIONAL_ICON_ID),
/* harmony export */   REVOLUT_POINTS_BLOCK_NAME: () =&gt; (/* binding */ REVOLUT_POINTS_BLOCK_NAME)
/* harmony export */ });
const {
  CART_STORE_KEY,
  PAYMENT_STORE_KEY
} = window.wc.wcBlocksData;
const PAYMENT_METHODS = {
  REVOLUT_CARD: &#039;revolut_cc&#039;,
  REVOLUT_PAY: &#039;revolut_pay&#039;,
  REVOLUT_PAY_BY_BANK: &#039;revolut_pay_by_bank&#039;,
  REVOLUT_PRB: &#039;revolut_payment_request&#039;
};
const CHECKOUT_PAYMENT_CONTEXT = &#039;wc/checkout/payments&#039;;
const REVOLUT_PAY_INFORMATIONAL_BANNER_ID = &#039;revolut-pay-informational-banner&#039;;
const REVOLUT_PAY_INFORMATIONAL_ICON_ID = &#039;revolut-pay-label-informational-icon&#039;;
const REVOLUT_GATEWAY_UPSELL_BANNER_ID = &#039;revolut-upsell-banner&#039;;
const REVOLUT_POINTS_BLOCK_NAME = &#039;revolut-gateway-for-woocommerce/revolut-banner&#039;;
const FAST_CHECKOUT_ROUTES = {
  GET_EXPRESS_CHECKOUT_PARAMS: &#039;get_express_checkout_params&#039;,
  UPDATE_SHIPPING_METHOD: &#039;update_shipping_method&#039;,
  GET_SHIPPING_OPTIONS: &#039;get_shipping_options&#039;,
  LOAD_ORDER_DATA: &#039;load_order_data&#039;,
  CANCEL_ORDER: &#039;cancel_order&#039;,
  PROCESS_ORDER: &#039;process_payment_result&#039;,
  UPDATE_PAYMENT_TOTAL: &#039;update_payment_total&#039;
};

/***/ }),

/***/ &quot;./client/utils/index.js&quot;:
/*!*******************************!*\
  !*** ./client/utils/index.js ***!
  \*******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CART_STORE_KEY: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.CART_STORE_KEY),
/* harmony export */   CHECKOUT_PAYMENT_CONTEXT: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.CHECKOUT_PAYMENT_CONTEXT),
/* harmony export */   FAST_CHECKOUT_ROUTES: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.FAST_CHECKOUT_ROUTES),
/* harmony export */   PAYMENT_METHODS: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.PAYMENT_METHODS),
/* harmony export */   PAYMENT_STORE_KEY: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.PAYMENT_STORE_KEY),
/* harmony export */   REVOLUT_GATEWAY_UPSELL_BANNER_ID: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.REVOLUT_GATEWAY_UPSELL_BANNER_ID),
/* harmony export */   REVOLUT_PAY_INFORMATIONAL_BANNER_ID: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.REVOLUT_PAY_INFORMATIONAL_BANNER_ID),
/* harmony export */   REVOLUT_PAY_INFORMATIONAL_ICON_ID: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.REVOLUT_PAY_INFORMATIONAL_ICON_ID),
/* harmony export */   REVOLUT_POINTS_BLOCK_NAME: () =&gt; (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_3__.REVOLUT_POINTS_BLOCK_NAME),
/* harmony export */   cancelOrder: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.cancelOrder),
/* harmony export */   createAddress: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.createAddress),
/* harmony export */   createRevolutExpressOrder: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.createRevolutExpressOrder),
/* harmony export */   createRevolutOrder: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.createRevolutOrder),
/* harmony export */   dispatch: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.dispatch),
/* harmony export */   getAjaxURL: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.getAjaxURL),
/* harmony export */   getShippingOptions: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.getShippingOptions),
/* harmony export */   handleFailExpressCheckout: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.handleFailExpressCheckout),
/* harmony export */   i18n: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.i18n),
/* harmony export */   loadOrderData: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.loadOrderData),
/* harmony export */   mountCardGatewayBanner: () =&gt; (/* reexport safe */ _upsell__WEBPACK_IMPORTED_MODULE_2__.mountCardGatewayBanner),
/* harmony export */   mountRevPointsBanner: () =&gt; (/* reexport safe */ _upsell__WEBPACK_IMPORTED_MODULE_2__.mountRevPointsBanner),
/* harmony export */   mountRevolutPayIcon: () =&gt; (/* reexport safe */ _upsell__WEBPACK_IMPORTED_MODULE_2__.mountRevolutPayIcon),
/* harmony export */   normalizeFcAddress: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.normalizeFcAddress),
/* harmony export */   onPaymentSuccessHandler: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.onPaymentSuccessHandler),
/* harmony export */   processPayment: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.processPayment),
/* harmony export */   revolutGatewaySettings: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.revolutGatewaySettings),
/* harmony export */   revolutPayByBankSettings: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.revolutPayByBankSettings),
/* harmony export */   revolutPaySettings: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings),
/* harmony export */   revolutPrbSettings: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.revolutPrbSettings),
/* harmony export */   revolutSettings: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.revolutSettings),
/* harmony export */   select: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.select),
/* harmony export */   sendAjax: () =&gt; (/* reexport safe */ _common__WEBPACK_IMPORTED_MODULE_0__.sendAjax),
/* harmony export */   submitWoocommerceOrder: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.submitWoocommerceOrder),
/* harmony export */   updatePaymentTotal: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.updatePaymentTotal),
/* harmony export */   updateShippingOptions: () =&gt; (/* reexport safe */ _checkout__WEBPACK_IMPORTED_MODULE_1__.updateShippingOptions)
/* harmony export */ });
/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common */ &quot;./client/utils/common.js&quot;);
/* harmony import */ var _checkout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkout */ &quot;./client/utils/checkout.js&quot;);
/* harmony import */ var _upsell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./upsell */ &quot;./client/utils/upsell.js&quot;);
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ &quot;./client/utils/constants.js&quot;);


/***/ }),

/***/ &quot;./client/utils/upsell.js&quot;:
/*!********************************!*\
  !*** ./client/utils/upsell.js ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) =&gt; {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   mountCardGatewayBanner: () =&gt; (/* binding */ mountCardGatewayBanner),
/* harmony export */   mountRevPointsBanner: () =&gt; (/* binding */ mountRevPointsBanner),
/* harmony export */   mountRevolutPayIcon: () =&gt; (/* binding */ mountRevolutPayIcon)
/* harmony export */ });
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ &quot;./client/utils/index.js&quot;);


const __metadata = {
  channel: &#039;woocommerce-blocks&#039;
};
let RevolutUpsellInstance = null;
const getRevolutUpsellInstance = () =&gt; {
  if (RevolutUpsellInstance) return RevolutUpsellInstance;
  if (typeof RevolutUpsell !== &#039;undefined&#039;) {
    RevolutUpsellInstance = RevolutUpsell({
      locale: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.locale,
      publicToken: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.merchant_public_key
    });
  }
  return RevolutUpsellInstance;
};
const mountCardGatewayBanner = orderToken =&gt; {
  const instance = getRevolutUpsellInstance();
  if (!instance) return;
  const target = document.getElementById(___WEBPACK_IMPORTED_MODULE_0__.REVOLUT_GATEWAY_UPSELL_BANNER_ID);
  if (!target || !___WEBPACK_IMPORTED_MODULE_0__.revolutGatewaySettings.banner.upsell_banner_enabled) return;
  instance.cardGatewayBanner.mount(target, {
    orderToken
  });
};
const mountRevolutPayIcon = () =&gt; {
  const instance = getRevolutUpsellInstance();
  if (!instance) return;
  const target = document.getElementById(___WEBPACK_IMPORTED_MODULE_0__.REVOLUT_PAY_INFORMATIONAL_ICON_ID);
  if (!target || !___WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.banner.label_icon_variant) return;
  instance.promotionalBanner.mount(target, {
    amount: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.order.amount,
    variant: ___WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.banner.label_icon_variant === &#039;cashback&#039; ? &#039;link&#039; : ___WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.banner.label_icon_variant,
    currency: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.order.currency,
    style: {
      text: ___WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.banner.label_icon_variant === &#039;cashback&#039; ? &#039;cashback&#039; : null,
      color: &#039;blue&#039;
    },
    __metadata
  });
};
const mountRevPointsBanner = () =&gt; {
  const instance = getRevolutUpsellInstance();
  if (!instance) return;
  const target = document.getElementById(___WEBPACK_IMPORTED_MODULE_0__.REVOLUT_PAY_INFORMATIONAL_BANNER_ID);
  if (!target || !___WEBPACK_IMPORTED_MODULE_0__.revolutPaySettings.banner.points_banner_enabled) return;
  instance.promotionalBanner.mount(target, {
    amount: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.order.amount,
    variant: &#039;banner&#039;,
    currency: ___WEBPACK_IMPORTED_MODULE_0__.revolutSettings.order.currency,
    __metadata
  });
};

/***/ }),

/***/ &quot;./node_modules/react/cjs/react-jsx-runtime.development.js&quot;:
/*!*****************************************************************!*\
  !*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) =&gt; {

/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */


if (true) {
  (function() {
&#039;use strict&#039;;

var React = __webpack_require__(/*! react */ &quot;react&quot;);

// ATTENTION
// When adding new symbols to this file,
// Please consider also adding to &#039;react-devtools-shared/src/backend/ReactSymbols&#039;
// The Symbol used to tag the ReactElement-like types.
var REACT_ELEMENT_TYPE = Symbol.for(&#039;react.element&#039;);
var REACT_PORTAL_TYPE = Symbol.for(&#039;react.portal&#039;);
var REACT_FRAGMENT_TYPE = Symbol.for(&#039;react.fragment&#039;);
var REACT_STRICT_MODE_TYPE = Symbol.for(&#039;react.strict_mode&#039;);
var REACT_PROFILER_TYPE = Symbol.for(&#039;react.profiler&#039;);
var REACT_PROVIDER_TYPE = Symbol.for(&#039;react.provider&#039;);
var REACT_CONTEXT_TYPE = Symbol.for(&#039;react.context&#039;);
var REACT_FORWARD_REF_TYPE = Symbol.for(&#039;react.forward_ref&#039;);
var REACT_SUSPENSE_TYPE = Symbol.for(&#039;react.suspense&#039;);
var REACT_SUSPENSE_LIST_TYPE = Symbol.for(&#039;react.suspense_list&#039;);
var REACT_MEMO_TYPE = Symbol.for(&#039;react.memo&#039;);
var REACT_LAZY_TYPE = Symbol.for(&#039;react.lazy&#039;);
var REACT_OFFSCREEN_TYPE = Symbol.for(&#039;react.offscreen&#039;);
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
var FAUX_ITERATOR_SYMBOL = &#039;@@iterator&#039;;
function getIteratorFn(maybeIterable) {
  if (maybeIterable === null || typeof maybeIterable !== &#039;object&#039;) {
    return null;
  }

  var maybeIterator = MAYBE_ITERATOR_SYMBOL &amp;&amp; maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];

  if (typeof maybeIterator === &#039;function&#039;) {
    return maybeIterator;
  }

  return null;
}

var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;

function error(format) {
  {
    {
      for (var _len2 = arguments.length, args = new Array(_len2 &gt; 1 ? _len2 - 1 : 0), _key2 = 1; _key2 &lt; _len2; _key2++) {
        args[_key2 - 1] = arguments[_key2];
      }

      printWarning(&#039;error&#039;, format, args);
    }
  }
}

function printWarning(level, format, args) {
  // When changing this logic, you might want to also
  // update consoleWithStackDev.www.js as well.
  {
    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
    var stack = ReactDebugCurrentFrame.getStackAddendum();

    if (stack !== &#039;&#039;) {
      format += &#039;%s&#039;;
      args = args.concat([stack]);
    } // eslint-disable-next-line react-internal/safe-string-coercion


    var argsWithFormat = args.map(function (item) {
      return String(item);
    }); // Careful: RN currently depends on this prefix

    argsWithFormat.unshift(&#039;Warning: &#039; + format); // We intentionally don&#039;t use spread (or .apply) directly because it
    // breaks IE9: https://github.com/facebook/react/issues/13610
    // eslint-disable-next-line react-internal/no-production-logging

    Function.prototype.apply.call(console[level], console, argsWithFormat);
  }
}

// -----------------------------------------------------------------------------

var enableScopeAPI = false; // Experimental Create Event Handle API.
var enableCacheElement = false;
var enableTransitionTracing = false; // No known bugs, but needs performance testing

var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
// stuff. Intended to enable React core members to more easily debug scheduling
// issues in DEV builds.

var enableDebugTracing = false; // Track which Fiber(s) schedule render work.

var REACT_MODULE_REFERENCE;

{
  REACT_MODULE_REFERENCE = Symbol.for(&#039;react.module.reference&#039;);
}

function isValidElementType(type) {
  if (typeof type === &#039;string&#039; || typeof type === &#039;function&#039;) {
    return true;
  } // Note: typeof might be other than &#039;symbol&#039; or &#039;number&#039; (e.g. if it&#039;s a polyfill).


  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
    return true;
  }

  if (typeof type === &#039;object&#039; &amp;&amp; type !== null) {
    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
    // types supported by any Flight configuration anywhere since
    // we don&#039;t know which Flight build this will end up being used
    // with.
    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
      return true;
    }
  }

  return false;
}

function getWrappedName(outerType, innerType, wrapperName) {
  var displayName = outerType.displayName;

  if (displayName) {
    return displayName;
  }

  var functionName = innerType.displayName || innerType.name || &#039;&#039;;
  return functionName !== &#039;&#039; ? wrapperName + &quot;(&quot; + functionName + &quot;)&quot; : wrapperName;
} // Keep in sync with react-reconciler/getComponentNameFromFiber


function getContextName(type) {
  return type.displayName || &#039;Context&#039;;
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.


function getComponentNameFromType(type) {
  if (type == null) {
    // Host root, text node or just invalid type.
    return null;
  }

  {
    if (typeof type.tag === &#039;number&#039;) {
      error(&#039;Received an unexpected object in getComponentNameFromType(). &#039; + &#039;This is likely a bug in React. Please file an issue.&#039;);
    }
  }

  if (typeof type === &#039;function&#039;) {
    return type.displayName || type.name || null;
  }

  if (typeof type === &#039;string&#039;) {
    return type;
  }

  switch (type) {
    case REACT_FRAGMENT_TYPE:
      return &#039;Fragment&#039;;

    case REACT_PORTAL_TYPE:
      return &#039;Portal&#039;;

    case REACT_PROFILER_TYPE:
      return &#039;Profiler&#039;;

    case REACT_STRICT_MODE_TYPE:
      return &#039;StrictMode&#039;;

    case REACT_SUSPENSE_TYPE:
      return &#039;Suspense&#039;;

    case REACT_SUSPENSE_LIST_TYPE:
      return &#039;SuspenseList&#039;;

  }

  if (typeof type === &#039;object&#039;) {
    switch (type.$$typeof) {
      case REACT_CONTEXT_TYPE:
        var context = type;
        return getContextName(context) + &#039;.Consumer&#039;;

      case REACT_PROVIDER_TYPE:
        var provider = type;
        return getContextName(provider._context) + &#039;.Provider&#039;;

      case REACT_FORWARD_REF_TYPE:
        return getWrappedName(type, type.render, &#039;ForwardRef&#039;);

      case REACT_MEMO_TYPE:
        var outerName = type.displayName || null;

        if (outerName !== null) {
          return outerName;
        }

        return getComponentNameFromType(type.type) || &#039;Memo&#039;;

      case REACT_LAZY_TYPE:
        {
          var lazyComponent = type;
          var payload = lazyComponent._payload;
          var init = lazyComponent._init;

          try {
            return getComponentNameFromType(init(payload));
          } catch (x) {
            return null;
          }
        }

      // eslint-disable-next-line no-fallthrough
    }
  }

  return null;
}

var assign = Object.assign;

// Helpers to patch console.logs to avoid logging during side-effect free
// replaying on render function. This currently only patches the object
// lazily which won&#039;t cover if the log function was extracted eagerly.
// We could also eagerly patch the method.
var disabledDepth = 0;
var prevLog;
var prevInfo;
var prevWarn;
var prevError;
var prevGroup;
var prevGroupCollapsed;
var prevGroupEnd;

function disabledLog() {}

disabledLog.__reactDisabledLog = true;
function disableLogs() {
  {
    if (disabledDepth === 0) {
      /* eslint-disable react-internal/no-production-logging */
      prevLog = console.log;
      prevInfo = console.info;
      prevWarn = console.warn;
      prevError = console.error;
      prevGroup = console.group;
      prevGroupCollapsed = console.groupCollapsed;
      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099

      var props = {
        configurable: true,
        enumerable: true,
        value: disabledLog,
        writable: true
      }; // $FlowFixMe Flow thinks console is immutable.

      Object.defineProperties(console, {
        info: props,
        log: props,
        warn: props,
        error: props,
        group: props,
        groupCollapsed: props,
        groupEnd: props
      });
      /* eslint-enable react-internal/no-production-logging */
    }

    disabledDepth++;
  }
}
function reenableLogs() {
  {
    disabledDepth--;

    if (disabledDepth === 0) {
      /* eslint-disable react-internal/no-production-logging */
      var props = {
        configurable: true,
        enumerable: true,
        writable: true
      }; // $FlowFixMe Flow thinks console is immutable.

      Object.defineProperties(console, {
        log: assign({}, props, {
          value: prevLog
        }),
        info: assign({}, props, {
          value: prevInfo
        }),
        warn: assign({}, props, {
          value: prevWarn
        }),
        error: assign({}, props, {
          value: prevError
        }),
        group: assign({}, props, {
          value: prevGroup
        }),
        groupCollapsed: assign({}, props, {
          value: prevGroupCollapsed
        }),
        groupEnd: assign({}, props, {
          value: prevGroupEnd
        })
      });
      /* eslint-enable react-internal/no-production-logging */
    }

    if (disabledDepth &lt; 0) {
      error(&#039;disabledDepth fell below zero. &#039; + &#039;This is a bug in React. Please file an issue.&#039;);
    }
  }
}

var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
var prefix;
function describeBuiltInComponentFrame(name, source, ownerFn) {
  {
    if (prefix === undefined) {
      // Extract the VM specific prefix used by each line.
      try {
        throw Error();
      } catch (x) {
        var match = x.stack.trim().match(/\n( *(at )?)/);
        prefix = match &amp;&amp; match[1] || &#039;&#039;;
      }
    } // We use the prefix to ensure our stacks line up with native stack frames.


    return &#039;\n&#039; + prefix + name;
  }
}
var reentry = false;
var componentFrameCache;

{
  var PossiblyWeakMap = typeof WeakMap === &#039;function&#039; ? WeakMap : Map;
  componentFrameCache = new PossiblyWeakMap();
}

function describeNativeComponentFrame(fn, construct) {
  // If something asked for a stack inside a fake render, it should get ignored.
  if ( !fn || reentry) {
    return &#039;&#039;;
  }

  {
    var frame = componentFrameCache.get(fn);

    if (frame !== undefined) {
      return frame;
    }
  }

  var control;
  reentry = true;
  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.

  Error.prepareStackTrace = undefined;
  var previousDispatcher;

  {
    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
    // for warnings.

    ReactCurrentDispatcher.current = null;
    disableLogs();
  }

  try {
    // This should throw.
    if (construct) {
      // Something should be setting the props in the constructor.
      var Fake = function () {
        throw Error();
      }; // $FlowFixMe


      Object.defineProperty(Fake.prototype, &#039;props&#039;, {
        set: function () {
          // We use a throwing setter instead of frozen or non-writable props
          // because that won&#039;t throw in a non-strict mode function.
          throw Error();
        }
      });

      if (typeof Reflect === &#039;object&#039; &amp;&amp; Reflect.construct) {
        // We construct a different control for this case to include any extra
        // frames added by the construct call.
        try {
          Reflect.construct(Fake, []);
        } catch (x) {
          control = x;
        }

        Reflect.construct(fn, [], Fake);
      } else {
        try {
          Fake.call();
        } catch (x) {
          control = x;
        }

        fn.call(Fake.prototype);
      }
    } else {
      try {
        throw Error();
      } catch (x) {
        control = x;
      }

      fn();
    }
  } catch (sample) {
    // This is inlined manually because closure doesn&#039;t do it for us.
    if (sample &amp;&amp; control &amp;&amp; typeof sample.stack === &#039;string&#039;) {
      // This extracts the first frame from the sample that isn&#039;t also in the control.
      // Skipping one frame that we assume is the frame that calls the two.
      var sampleLines = sample.stack.split(&#039;\n&#039;);
      var controlLines = control.stack.split(&#039;\n&#039;);
      var s = sampleLines.length - 1;
      var c = controlLines.length - 1;

      while (s &gt;= 1 &amp;&amp; c &gt;= 0 &amp;&amp; sampleLines[s] !== controlLines[c]) {
        // We expect at least one stack frame to be shared.
        // Typically this will be the root most one. However, stack frames may be
        // cut off due to maximum stack limits. In this case, one maybe cut off
        // earlier than the other. We assume that the sample is longer or the same
        // and there for cut off earlier. So we should find the root most frame in
        // the sample somewhere in the control.
        c--;
      }

      for (; s &gt;= 1 &amp;&amp; c &gt;= 0; s--, c--) {
        // Next we find the first one that isn&#039;t the same which should be the
        // frame that called our sample function and the control.
        if (sampleLines[s] !== controlLines[c]) {
          // In V8, the first line is describing the message but other VMs don&#039;t.
          // If we&#039;re about to return the first line, and the control is also on the same
          // line, that&#039;s a pretty good indicator that our sample threw at same line as
          // the control. I.e. before we entered the sample frame. So we ignore this result.
          // This can happen if you passed a class to function component, or non-function.
          if (s !== 1 || c !== 1) {
            do {
              s--;
              c--; // We may still have similar intermediate frames from the construct call.
              // The next one that isn&#039;t the same should be our match though.

              if (c &lt; 0 || sampleLines[s] !== controlLines[c]) {
                // V8 adds a &quot;new&quot; prefix for native classes. Let&#039;s remove it to make it prettier.
                var _frame = &#039;\n&#039; + sampleLines[s].replace(&#039; at new &#039;, &#039; at &#039;); // If our component frame is labeled &quot;&lt;anonymous&gt;&quot;
                // but we have a user-provided &quot;displayName&quot;
                // splice it in to make the stack more readable.


                if (fn.displayName &amp;&amp; _frame.includes(&#039;&lt;anonymous&gt;&#039;)) {
                  _frame = _frame.replace(&#039;&lt;anonymous&gt;&#039;, fn.displayName);
                }

                {
                  if (typeof fn === &#039;function&#039;) {
                    componentFrameCache.set(fn, _frame);
                  }
                } // Return the line we found.


                return _frame;
              }
            } while (s &gt;= 1 &amp;&amp; c &gt;= 0);
          }

          break;
        }
      }
    }
  } finally {
    reentry = false;

    {
      ReactCurrentDispatcher.current = previousDispatcher;
      reenableLogs();
    }

    Error.prepareStackTrace = previousPrepareStackTrace;
  } // Fallback to just using the name if we couldn&#039;t make it throw.


  var name = fn ? fn.displayName || fn.name : &#039;&#039;;
  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : &#039;&#039;;

  {
    if (typeof fn === &#039;function&#039;) {
      componentFrameCache.set(fn, syntheticFrame);
    }
  }

  return syntheticFrame;
}
function describeFunctionComponentFrame(fn, source, ownerFn) {
  {
    return describeNativeComponentFrame(fn, false);
  }
}

function shouldConstruct(Component) {
  var prototype = Component.prototype;
  return !!(prototype &amp;&amp; prototype.isReactComponent);
}

function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {

  if (type == null) {
    return &#039;&#039;;
  }

  if (typeof type === &#039;function&#039;) {
    {
      return describeNativeComponentFrame(type, shouldConstruct(type));
    }
  }

  if (typeof type === &#039;string&#039;) {
    return describeBuiltInComponentFrame(type);
  }

  switch (type) {
    case REACT_SUSPENSE_TYPE:
      return describeBuiltInComponentFrame(&#039;Suspense&#039;);

    case REACT_SUSPENSE_LIST_TYPE:
      return describeBuiltInComponentFrame(&#039;SuspenseList&#039;);
  }

  if (typeof type === &#039;object&#039;) {
    switch (type.$$typeof) {
      case REACT_FORWARD_REF_TYPE:
        return describeFunctionComponentFrame(type.render);

      case REACT_MEMO_TYPE:
        // Memo may contain any component type so we recursively resolve it.
        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);

      case REACT_LAZY_TYPE:
        {
          var lazyComponent = type;
          var payload = lazyComponent._payload;
          var init = lazyComponent._init;

          try {
            // Lazy may contain any component type so we recursively resolve it.
            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
          } catch (x) {}
        }
    }
  }

  return &#039;&#039;;
}

var hasOwnProperty = Object.prototype.hasOwnProperty;

var loggedTypeFailures = {};
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;

function setCurrentlyValidatingElement(element) {
  {
    if (element) {
      var owner = element._owner;
      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
      ReactDebugCurrentFrame.setExtraStackFrame(stack);
    } else {
      ReactDebugCurrentFrame.setExtraStackFrame(null);
    }
  }
}

function checkPropTypes(typeSpecs, values, location, componentName, element) {
  {
    // $FlowFixMe This is okay but Flow doesn&#039;t know it.
    var has = Function.call.bind(hasOwnProperty);

    for (var typeSpecName in typeSpecs) {
      if (has(typeSpecs, typeSpecName)) {
        var error$1 = void 0; // Prop type validation may throw. In case they do, we don&#039;t want to
        // fail the render phase where it didn&#039;t fail before. So we log it.
        // After these have been cleaned up, we&#039;ll let them throw.

        try {
          // This is intentionally an invariant that gets caught. It&#039;s the same
          // behavior as without this statement except with a better message.
          if (typeof typeSpecs[typeSpecName] !== &#039;function&#039;) {
            // eslint-disable-next-line react-internal/prod-error-codes
            var err = Error((componentName || &#039;React class&#039;) + &#039;: &#039; + location + &#039; type `&#039; + typeSpecName + &#039;` is invalid; &#039; + &#039;it must be a function, usually from the `prop-types` package, but received `&#039; + typeof typeSpecs[typeSpecName] + &#039;`.&#039; + &#039;This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.&#039;);
            err.name = &#039;Invariant Violation&#039;;
            throw err;
          }

          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, &#039;SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED&#039;);
        } catch (ex) {
          error$1 = ex;
        }

        if (error$1 &amp;&amp; !(error$1 instanceof Error)) {
          setCurrentlyValidatingElement(element);

          error(&#039;%s: type specification of %s&#039; + &#039; `%s` is invalid; the type checker &#039; + &#039;function must return `null` or an `Error` but returned a %s. &#039; + &#039;You may have forgotten to pass an argument to the type checker &#039; + &#039;creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and &#039; + &#039;shape all require an argument).&#039;, componentName || &#039;React class&#039;, location, typeSpecName, typeof error$1);

          setCurrentlyValidatingElement(null);
        }

        if (error$1 instanceof Error &amp;&amp; !(error$1.message in loggedTypeFailures)) {
          // Only monitor this failure once because there tends to be a lot of the
          // same error.
          loggedTypeFailures[error$1.message] = true;
          setCurrentlyValidatingElement(element);

          error(&#039;Failed %s type: %s&#039;, location, error$1.message);

          setCurrentlyValidatingElement(null);
        }
      }
    }
  }
}

var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare

function isArray(a) {
  return isArrayImpl(a);
}

/*
 * The `&#039;&#039; + value` pattern (used in in perf-sensitive code) throws for Symbol
 * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
 *
 * The functions in this module will throw an easier-to-understand,
 * easier-to-debug exception with a clear errors message message explaining the
 * problem. (Instead of a confusing exception thrown inside the implementation
 * of the `value` object).
 */
// $FlowFixMe only called in DEV, so void return is not possible.
function typeName(value) {
  {
    // toStringTag is needed for namespaced types like Temporal.Instant
    var hasToStringTag = typeof Symbol === &#039;function&#039; &amp;&amp; Symbol.toStringTag;
    var type = hasToStringTag &amp;&amp; value[Symbol.toStringTag] || value.constructor.name || &#039;Object&#039;;
    return type;
  }
} // $FlowFixMe only called in DEV, so void return is not possible.


function willCoercionThrow(value) {
  {
    try {
      testStringCoercion(value);
      return false;
    } catch (e) {
      return true;
    }
  }
}

function testStringCoercion(value) {
  // If you ended up here by following an exception call stack, here&#039;s what&#039;s
  // happened: you supplied an object or symbol value to React (as a prop, key,
  // DOM attribute, CSS property, string ref, etc.) and when React tried to
  // coerce it to a string using `&#039;&#039; + value`, an exception was thrown.
  //
  // The most common types that will cause this exception are `Symbol` instances
  // and Temporal objects like `Temporal.Instant`. But any object that has a
  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
  // exception. (Library authors do this to prevent users from using built-in
  // numeric operators like `+` or comparison operators like `&gt;=` because custom
  // methods are needed to perform accurate arithmetic or comparison.)
  //
  // To fix the problem, coerce this object or symbol value to a string before
  // passing it to React. The most reliable way is usually `String(value)`.
  //
  // To find which value is throwing, check the browser or debugger console.
  // Before this exception was thrown, there should be `console.error` output
  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
  // problem and how that type was used: key, atrribute, input value prop, etc.
  // In most cases, this console output also shows the component and its
  // ancestor components where the exception happened.
  //
  // eslint-disable-next-line react-internal/safe-string-coercion
  return &#039;&#039; + value;
}
function checkKeyStringCoercion(value) {
  {
    if (willCoercionThrow(value)) {
      error(&#039;The provided key is an unsupported type %s.&#039; + &#039; This value must be coerced to a string before before using it here.&#039;, typeName(value));

      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
    }
  }
}

var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
var RESERVED_PROPS = {
  key: true,
  ref: true,
  __self: true,
  __source: true
};
var specialPropKeyWarningShown;
var specialPropRefWarningShown;
var didWarnAboutStringRefs;

{
  didWarnAboutStringRefs = {};
}

function hasValidRef(config) {
  {
    if (hasOwnProperty.call(config, &#039;ref&#039;)) {
      var getter = Object.getOwnPropertyDescriptor(config, &#039;ref&#039;).get;

      if (getter &amp;&amp; getter.isReactWarning) {
        return false;
      }
    }
  }

  return config.ref !== undefined;
}

function hasValidKey(config) {
  {
    if (hasOwnProperty.call(config, &#039;key&#039;)) {
      var getter = Object.getOwnPropertyDescriptor(config, &#039;key&#039;).get;

      if (getter &amp;&amp; getter.isReactWarning) {
        return false;
      }
    }
  }

  return config.key !== undefined;
}

function warnIfStringRefCannotBeAutoConverted(config, self) {
  {
    if (typeof config.ref === &#039;string&#039; &amp;&amp; ReactCurrentOwner.current &amp;&amp; self &amp;&amp; ReactCurrentOwner.current.stateNode !== self) {
      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);

      if (!didWarnAboutStringRefs[componentName]) {
        error(&#039;Component &quot;%s&quot; contains the string ref &quot;%s&quot;. &#039; + &#039;Support for string refs will be removed in a future major release. &#039; + &#039;This case cannot be automatically converted to an arrow function. &#039; + &#039;We ask you to manually fix this case by using useRef() or createRef() instead. &#039; + &#039;Learn more about using refs safely here: &#039; + &#039;https://reactjs.org/link/strict-mode-string-ref&#039;, getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);

        didWarnAboutStringRefs[componentName] = true;
      }
    }
  }
}

function defineKeyPropWarningGetter(props, displayName) {
  {
    var warnAboutAccessingKey = function () {
      if (!specialPropKeyWarningShown) {
        specialPropKeyWarningShown = true;

        error(&#039;%s: `key` is not a prop. Trying to access it will result &#039; + &#039;in `undefined` being returned. If you need to access the same &#039; + &#039;value within the child component, you should pass it as a different &#039; + &#039;prop. (https://reactjs.org/link/special-props)&#039;, displayName);
      }
    };

    warnAboutAccessingKey.isReactWarning = true;
    Object.defineProperty(props, &#039;key&#039;, {
      get: warnAboutAccessingKey,
      configurable: true
    });
  }
}

function defineRefPropWarningGetter(props, displayName) {
  {
    var warnAboutAccessingRef = function () {
      if (!specialPropRefWarningShown) {
        specialPropRefWarningShown = true;

        error(&#039;%s: `ref` is not a prop. Trying to access it will result &#039; + &#039;in `undefined` being returned. If you need to access the same &#039; + &#039;value within the child component, you should pass it as a different &#039; + &#039;prop. (https://reactjs.org/link/special-props)&#039;, displayName);
      }
    };

    warnAboutAccessingRef.isReactWarning = true;
    Object.defineProperty(props, &#039;ref&#039;, {
      get: warnAboutAccessingRef,
      configurable: true
    });
  }
}
/**
 * Factory method to create a new React element. This no longer adheres to
 * the class pattern, so do not use new to call it. Also, instanceof check
 * will not work. Instead test $$typeof field against Symbol.for(&#039;react.element&#039;) to check
 * if something is a React Element.
 *
 * @param {*} type
 * @param {*} props
 * @param {*} key
 * @param {string|object} ref
 * @param {*} owner
 * @param {*} self A *temporary* helper to detect places where `this` is
 * different from the `owner` when React.createElement is called, so that we
 * can warn. We want to get rid of owner and replace string `ref`s with arrow
 * functions, and as long as `this` and owner are the same, there will be no
 * change in behavior.
 * @param {*} source An annotation object (added by a transpiler or otherwise)
 * indicating filename, line number, and/or other information.
 * @internal
 */


var ReactElement = function (type, key, ref, self, source, owner, props) {
  var element = {
    // This tag allows us to uniquely identify this as a React Element
    $$typeof: REACT_ELEMENT_TYPE,
    // Built-in properties that belong on the element
    type: type,
    key: key,
    ref: ref,
    props: props,
    // Record the component responsible for creating this element.
    _owner: owner
  };

  {
    // The validation flag is currently mutative. We put it on
    // an external backing store so that we can freeze the whole object.
    // This can be replaced with a WeakMap once they are implemented in
    // commonly used development environments.
    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
    // the validation flag non-enumerable (where possible, which should
    // include every environment we run tests in), so the test framework
    // ignores it.

    Object.defineProperty(element._store, &#039;validated&#039;, {
      configurable: false,
      enumerable: false,
      writable: true,
      value: false
    }); // self and source are DEV only properties.

    Object.defineProperty(element, &#039;_self&#039;, {
      configurable: false,
      enumerable: false,
      writable: false,
      value: self
    }); // Two elements created in two different places should be considered
    // equal for testing purposes and therefore we hide it from enumeration.

    Object.defineProperty(element, &#039;_source&#039;, {
      configurable: false,
      enumerable: false,
      writable: false,
      value: source
    });

    if (Object.freeze) {
      Object.freeze(element.props);
      Object.freeze(element);
    }
  }

  return element;
};
/**
 * https://github.com/reactjs/rfcs/pull/107
 * @param {*} type
 * @param {object} props
 * @param {string} key
 */

function jsxDEV(type, config, maybeKey, source, self) {
  {
    var propName; // Reserved names are extracted

    var props = {};
    var key = null;
    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
    // issue if key is also explicitly declared (ie. &lt;div {...props} key=&quot;Hi&quot; /&gt;
    // or &lt;div key=&quot;Hi&quot; {...props} /&gt; ). We want to deprecate key spread,
    // but as an intermediary step, we will use jsxDEV for everything except
    // &lt;div {...props} key=&quot;Hi&quot; /&gt;, because we aren&#039;t currently able to tell if
    // key is explicitly declared to be undefined or not.

    if (maybeKey !== undefined) {
      {
        checkKeyStringCoercion(maybeKey);
      }

      key = &#039;&#039; + maybeKey;
    }

    if (hasValidKey(config)) {
      {
        checkKeyStringCoercion(config.key);
      }

      key = &#039;&#039; + config.key;
    }

    if (hasValidRef(config)) {
      ref = config.ref;
      warnIfStringRefCannotBeAutoConverted(config, self);
    } // Remaining properties are added to a new props object


    for (propName in config) {
      if (hasOwnProperty.call(config, propName) &amp;&amp; !RESERVED_PROPS.hasOwnProperty(propName)) {
        props[propName] = config[propName];
      }
    } // Resolve default props


    if (type &amp;&amp; type.defaultProps) {
      var defaultProps = type.defaultProps;

      for (propName in defaultProps) {
        if (props[propName] === undefined) {
          props[propName] = defaultProps[propName];
        }
      }
    }

    if (key || ref) {
      var displayName = typeof type === &#039;function&#039; ? type.displayName || type.name || &#039;Unknown&#039; : type;

      if (key) {
        defineKeyPropWarningGetter(props, displayName);
      }

      if (ref) {
        defineRefPropWarningGetter(props, displayName);
      }
    }

    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
  }
}

var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;

function setCurrentlyValidatingElement$1(element) {
  {
    if (element) {
      var owner = element._owner;
      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
    } else {
      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
    }
  }
}

var propTypesMisspellWarningShown;

{
  propTypesMisspellWarningShown = false;
}
/**
 * Verifies the object is a ReactElement.
 * See https://reactjs.org/docs/react-api.html#isvalidelement
 * @param {?object} object
 * @return {boolean} True if `object` is a ReactElement.
 * @final
 */


function isValidElement(object) {
  {
    return typeof object === &#039;object&#039; &amp;&amp; object !== null &amp;&amp; object.$$typeof === REACT_ELEMENT_TYPE;
  }
}

function getDeclarationErrorAddendum() {
  {
    if (ReactCurrentOwner$1.current) {
      var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);

      if (name) {
        return &#039;\n\nCheck the render method of `&#039; + name + &#039;`.&#039;;
      }
    }

    return &#039;&#039;;
  }
}

function getSourceInfoErrorAddendum(source) {
  {
    if (source !== undefined) {
      var fileName = source.fileName.replace(/^.*[\\\/]/, &#039;&#039;);
      var lineNumber = source.lineNumber;
      return &#039;\n\nCheck your code at &#039; + fileName + &#039;:&#039; + lineNumber + &#039;.&#039;;
    }

    return &#039;&#039;;
  }
}
/**
 * Warn if there&#039;s no key explicitly set on dynamic arrays of children or
 * object keys are not valid. This allows us to keep track of children between
 * updates.
 */


var ownerHasKeyUseWarning = {};

function getCurrentComponentErrorInfo(parentType) {
  {
    var info = getDeclarationErrorAddendum();

    if (!info) {
      var parentName = typeof parentType === &#039;string&#039; ? parentType : parentType.displayName || parentType.name;

      if (parentName) {
        info = &quot;\n\nCheck the top-level render call using &lt;&quot; + parentName + &quot;&gt;.&quot;;
      }
    }

    return info;
  }
}
/**
 * Warn if the element doesn&#039;t have an explicit key assigned to it.
 * This element is in an array. The array could grow and shrink or be
 * reordered. All children that haven&#039;t already been validated are required to
 * have a &quot;key&quot; property assigned to it. Error statuses are cached so a warning
 * will only be shown once.
 *
 * @internal
 * @param {ReactElement} element Element that requires a key.
 * @param {*} parentType element&#039;s parent&#039;s type.
 */


function validateExplicitKey(element, parentType) {
  {
    if (!element._store || element._store.validated || element.key != null) {
      return;
    }

    element._store.validated = true;
    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);

    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
      return;
    }

    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
    // property, it may be the creator of the child that&#039;s responsible for
    // assigning it a key.

    var childOwner = &#039;&#039;;

    if (element &amp;&amp; element._owner &amp;&amp; element._owner !== ReactCurrentOwner$1.current) {
      // Give the component that originally created this child.
      childOwner = &quot; It was passed a child from &quot; + getComponentNameFromType(element._owner.type) + &quot;.&quot;;
    }

    setCurrentlyValidatingElement$1(element);

    error(&#039;Each child in a list should have a unique &quot;key&quot; prop.&#039; + &#039;%s%s See https://reactjs.org/link/warning-keys for more information.&#039;, currentComponentErrorInfo, childOwner);

    setCurrentlyValidatingElement$1(null);
  }
}
/**
 * Ensure that every element either is passed in a static location, in an
 * array with an explicit keys property defined, or in an object literal
 * with valid key property.
 *
 * @internal
 * @param {ReactNode} node Statically passed child of any type.
 * @param {*} parentType node&#039;s parent&#039;s type.
 */


function validateChildKeys(node, parentType) {
  {
    if (typeof node !== &#039;object&#039;) {
      return;
    }

    if (isArray(node)) {
      for (var i = 0; i &lt; node.length; i++) {
        var child = node[i];

        if (isValidElement(child)) {
          validateExplicitKey(child, parentType);
        }
      }
    } else if (isValidElement(node)) {
      // This element was passed in a valid location.
      if (node._store) {
        node._store.validated = true;
      }
    } else if (node) {
      var iteratorFn = getIteratorFn(node);

      if (typeof iteratorFn === &#039;function&#039;) {
        // Entry iterators used to provide implicit keys,
        // but now we print a separate warning for them later.
        if (iteratorFn !== node.entries) {
          var iterator = iteratorFn.call(node);
          var step;

          while (!(step = iterator.next()).done) {
            if (isValidElement(step.value)) {
              validateExplicitKey(step.value, parentType);
            }
          }
        }
      }
    }
  }
}
/**
 * Given an element, validate that its props follow the propTypes definition,
 * provided by the type.
 *
 * @param {ReactElement} element
 */


function validatePropTypes(element) {
  {
    var type = element.type;

    if (type === null || type === undefined || typeof type === &#039;string&#039;) {
      return;
    }

    var propTypes;

    if (typeof type === &#039;function&#039;) {
      propTypes = type.propTypes;
    } else if (typeof type === &#039;object&#039; &amp;&amp; (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
    // Inner props are checked in the reconciler.
    type.$$typeof === REACT_MEMO_TYPE)) {
      propTypes = type.propTypes;
    } else {
      return;
    }

    if (propTypes) {
      // Intentionally inside to avoid triggering lazy initializers:
      var name = getComponentNameFromType(type);
      checkPropTypes(propTypes, element.props, &#039;prop&#039;, name, element);
    } else if (type.PropTypes !== undefined &amp;&amp; !propTypesMisspellWarningShown) {
      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:

      var _name = getComponentNameFromType(type);

      error(&#039;Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?&#039;, _name || &#039;Unknown&#039;);
    }

    if (typeof type.getDefaultProps === &#039;function&#039; &amp;&amp; !type.getDefaultProps.isReactClassApproved) {
      error(&#039;getDefaultProps is only used on classic React.createClass &#039; + &#039;definitions. Use a static property named `defaultProps` instead.&#039;);
    }
  }
}
/**
 * Given a fragment, validate that it can only be provided with fragment props
 * @param {ReactElement} fragment
 */


function validateFragmentProps(fragment) {
  {
    var keys = Object.keys(fragment.props);

    for (var i = 0; i &lt; keys.length; i++) {
      var key = keys[i];

      if (key !== &#039;children&#039; &amp;&amp; key !== &#039;key&#039;) {
        setCurrentlyValidatingElement$1(fragment);

        error(&#039;Invalid prop `%s` supplied to `React.Fragment`. &#039; + &#039;React.Fragment can only have `key` and `children` props.&#039;, key);

        setCurrentlyValidatingElement$1(null);
        break;
      }
    }

    if (fragment.ref !== null) {
      setCurrentlyValidatingElement$1(fragment);

      error(&#039;Invalid attribute `ref` supplied to `React.Fragment`.&#039;);

      setCurrentlyValidatingElement$1(null);
    }
  }
}

var didWarnAboutKeySpread = {};
function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
  {
    var validType = isValidElementType(type); // We warn in this case but don&#039;t throw. We expect the element creation to
    // succeed and there will likely be errors in render.

    if (!validType) {
      var info = &#039;&#039;;

      if (type === undefined || typeof type === &#039;object&#039; &amp;&amp; type !== null &amp;&amp; Object.keys(type).length === 0) {
        info += &#039; You likely forgot to export your component from the file &#039; + &quot;it&#039;s defined in, or you might have mixed up default and named imports.&quot;;
      }

      var sourceInfo = getSourceInfoErrorAddendum(source);

      if (sourceInfo) {
        info += sourceInfo;
      } else {
        info += getDeclarationErrorAddendum();
      }

      var typeString;

      if (type === null) {
        typeString = &#039;null&#039;;
      } else if (isArray(type)) {
        typeString = &#039;array&#039;;
      } else if (type !== undefined &amp;&amp; type.$$typeof === REACT_ELEMENT_TYPE) {
        typeString = &quot;&lt;&quot; + (getComponentNameFromType(type.type) || &#039;Unknown&#039;) + &quot; /&gt;&quot;;
        info = &#039; Did you accidentally export a JSX literal instead of a component?&#039;;
      } else {
        typeString = typeof type;
      }

      error(&#039;React.jsx: type is invalid -- expected a string (for &#039; + &#039;built-in components) or a class/function (for composite &#039; + &#039;components) but got: %s.%s&#039;, typeString, info);
    }

    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
    // TODO: Drop this when these are no longer allowed as the type argument.

    if (element == null) {
      return element;
    } // Skip key warning if the type isn&#039;t valid since our key validation logic
    // doesn&#039;t expect a non-string/function type and can throw confusing errors.
    // We don&#039;t want exception behavior to differ between dev and prod.
    // (Rendering will throw with a helpful message and as soon as the type is
    // fixed, the key warnings will appear.)


    if (validType) {
      var children = props.children;

      if (children !== undefined) {
        if (isStaticChildren) {
          if (isArray(children)) {
            for (var i = 0; i &lt; children.length; i++) {
              validateChildKeys(children[i], type);
            }

            if (Object.freeze) {
              Object.freeze(children);
            }
          } else {
            error(&#039;React.jsx: Static children should always be an array. &#039; + &#039;You are likely explicitly calling React.jsxs or React.jsxDEV. &#039; + &#039;Use the Babel transform instead.&#039;);
          }
        } else {
          validateChildKeys(children, type);
        }
      }
    }

    {
      if (hasOwnProperty.call(props, &#039;key&#039;)) {
        var componentName = getComponentNameFromType(type);
        var keys = Object.keys(props).filter(function (k) {
          return k !== &#039;key&#039;;
        });
        var beforeExample = keys.length &gt; 0 ? &#039;{key: someKey, &#039; + keys.join(&#039;: ..., &#039;) + &#039;: ...}&#039; : &#039;{key: someKey}&#039;;

        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
          var afterExample = keys.length &gt; 0 ? &#039;{&#039; + keys.join(&#039;: ..., &#039;) + &#039;: ...}&#039; : &#039;{}&#039;;

          error(&#039;A props object containing a &quot;key&quot; prop is being spread into JSX:\n&#039; + &#039;  let props = %s;\n&#039; + &#039;  &lt;%s {...props} /&gt;\n&#039; + &#039;React keys must be passed directly to JSX without using spread:\n&#039; + &#039;  let props = %s;\n&#039; + &#039;  &lt;%s key={someKey} {...props} /&gt;&#039;, beforeExample, componentName, afterExample, componentName);

          didWarnAboutKeySpread[componentName + beforeExample] = true;
        }
      }
    }

    if (type === REACT_FRAGMENT_TYPE) {
      validateFragmentProps(element);
    } else {
      validatePropTypes(element);
    }

    return element;
  }
} // These two functions exist to still get child warnings in dev
// even with the prod transform. This means that jsxDEV is purely
// opt-in behavior for better messages but that we won&#039;t stop
// giving you warnings if you use production apis.

function jsxWithValidationStatic(type, props, key) {
  {
    return jsxWithValidation(type, props, key, true);
  }
}
function jsxWithValidationDynamic(type, props, key) {
  {
    return jsxWithValidation(type, props, key, false);
  }
}

var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
// for now we can ship identical prod functions

var jsxs =  jsxWithValidationStatic ;

exports.Fragment = REACT_FRAGMENT_TYPE;
exports.jsx = jsx;
exports.jsxs = jsxs;
  })();
}


/***/ }),

/***/ &quot;./node_modules/react/jsx-runtime.js&quot;:
/*!*******************************************!*\
  !*** ./node_modules/react/jsx-runtime.js ***!
  \*******************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) =&gt; {


if (false) {} else {
  module.exports = __webpack_require__(/*! ./cjs/react-jsx-runtime.development.js */ &quot;./node_modules/react/cjs/react-jsx-runtime.development.js&quot;);
}


/***/ }),

/***/ &quot;react&quot;:
/*!************************!*\
  !*** external &quot;React&quot; ***!
  \************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;React&quot;];

/***/ }),

/***/ &quot;@woocommerce/blocks-checkout&quot;:
/*!****************************************!*\
  !*** external [&quot;wc&quot;,&quot;blocksCheckout&quot;] ***!
  \****************************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wc&quot;][&quot;blocksCheckout&quot;];

/***/ }),

/***/ &quot;@woocommerce/blocks-registry&quot;:
/*!******************************************!*\
  !*** external [&quot;wc&quot;,&quot;wcBlocksRegistry&quot;] ***!
  \******************************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wc&quot;][&quot;wcBlocksRegistry&quot;];

/***/ }),

/***/ &quot;@woocommerce/settings&quot;:
/*!************************************!*\
  !*** external [&quot;wc&quot;,&quot;wcSettings&quot;] ***!
  \************************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wc&quot;][&quot;wcSettings&quot;];

/***/ }),

/***/ &quot;@wordpress/data&quot;:
/*!******************************!*\
  !*** external [&quot;wp&quot;,&quot;data&quot;] ***!
  \******************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wp&quot;][&quot;data&quot;];

/***/ }),

/***/ &quot;@wordpress/element&quot;:
/*!*********************************!*\
  !*** external [&quot;wp&quot;,&quot;element&quot;] ***!
  \*********************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wp&quot;][&quot;element&quot;];

/***/ }),

/***/ &quot;@wordpress/i18n&quot;:
/*!******************************!*\
  !*** external [&quot;wp&quot;,&quot;i18n&quot;] ***!
  \******************************/
/***/ ((module) =&gt; {

module.exports = window[&quot;wp&quot;][&quot;i18n&quot;];

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() =&gt; {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) =&gt; {
/******/ 			var getter = module &amp;&amp; module.__esModule ?
/******/ 				() =&gt; (module[&#039;default&#039;]) :
/******/ 				() =&gt; (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() =&gt; {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) =&gt; {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) &amp;&amp; !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.o = (obj, prop) =&gt; (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() =&gt; {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) =&gt; {
/******/ 			if(typeof Symbol !== &#039;undefined&#039; &amp;&amp; Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: &#039;Module&#039; });
/******/ 			}
/******/ 			Object.defineProperty(exports, &#039;__esModule&#039;, { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
(() =&gt; {
/*!*************************!*\
  !*** ./client/index.js ***!
  \*************************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @woocommerce/blocks-checkout */ &quot;@woocommerce/blocks-checkout&quot;);
/* harmony import */ var _woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @woocommerce/blocks-registry */ &quot;@woocommerce/blocks-registry&quot;);
/* harmony import */ var _woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _blocks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./blocks */ &quot;./client/blocks/index.js&quot;);


(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutGatewayBlock);
(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutPayByBankBlock);
(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerExpressPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutPayExpressCheckoutBlock);
(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutPayBlock);
(0,_woocommerce_blocks_checkout__WEBPACK_IMPORTED_MODULE_0__.registerCheckoutBlock)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevPointsBannerBlock);
(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerExpressPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutPaymentRequestExpressCheckoutBlock);
(0,_woocommerce_blocks_registry__WEBPACK_IMPORTED_MODULE_1__.registerPaymentMethod)(_blocks__WEBPACK_IMPORTED_MODULE_2__.RevolutPaymentRequestBlock);
})();

/******/ })()
;
//# sourceMappingURL=index.js.map
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Frevolut-gateway-for-woocommerce%2Fclient%2Fdist'>⬅ Back to Directory</a>