@rabbitio/ui-kit 1.0.0-beta.125 → 1.0.0-beta.126

package/dist/index.module.js

@@ -4997,6 +4997,16 @@ var EMAIL_VALIDATION_REGEXP = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  * @return {void}
  */
 
+/**
+ * Callback to handle click on wallet AML compliance confirmation link in the consent text.
+ *
+ * @function
+ * @name onWalletAmlComplianceLinkClick
+ * @param {boolean} isSwapReady - Current form ready state (same condition as Swap button enabled state).
+ * @param {Array<any>|null} swapCreationArgs - Current swap creation args array for confirm flow, or null when not ready.
+ * @return {void}
+ */
+
 /**
  * Function validating addresses.
  * By default, will treat any addresses as valid.
@@ -5055,9 +5065,10 @@ var EMAIL_VALIDATION_REGEXP = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
  * @param {number} [props.fiatCurrencyDecimals] - Decimal places for the fiat currency.
  * @param {boolean} [props.formHasFiat] - Indicates if the form supports fiat currency.
  * @param {boolean} [props.showEmailInput=false] - Controls whether the email input is displayed.
- * @param {string|null} [props.termsOfUseUrl] - Terms of use URL, shown only if both terms & privacy policy passed.
- * @param {string|null} [props.privacyPolicyUrl] - Privacy policy of use URL, shown only if both terms & privacy policy passed.
+ * @param {string|null} [props.termsOfUseUrl] - Terms of use URL, shown if provided.
+ * @param {string|null} [props.privacyPolicyUrl] - Privacy policy URL, shown if provided.
  * @param {string|null} [props.amlPolicyUrl] - AML/KYC policy URL, optional.
+ * @param {onWalletAmlComplianceLinkClick} [props.onWalletAmlComplianceLinkClick] - Optional click handler for AML compliance confirmation link in consent text.
  * @param {object} [props.translations] - Object containing translations, default English texts will be used if omitted.
  * @param {string} props.swapSeparatorIconSrc - Source URL for the swap separator icon.
  * @param {boolean} props.swapButtonAlwaysActive - Setting that allows the form state to proceed to the next step regardless of validity.
@@ -5080,7 +5091,7 @@ function _catch$j(body, recover) {
   return result;
 }
 var SwapForm = function SwapForm(_ref) {
-  var _isFixedRate$current2, _isFixedRate$current3, _maximumAmount$curren6, _maximumAmount$curren7, _maximumAmount$curren8, _minimalAmount$curren7, _translations$informa, _translations$address, _translations$address2;
+  var _translations$consent, _isFixedRate$current2, _isFixedRate$current3, _maximumAmount$curren6, _maximumAmount$curren7, _maximumAmount$curren8, _minimalAmount$curren7, _translations$informa, _translations$address, _translations$address2;
   var sendingAssetTicker = _ref.sendingAssetTicker,
     receivingAssetTicker = _ref.receivingAssetTicker,
     _ref$sendingAssetDeci = _ref.sendingAssetDecimalCount,
@@ -5156,6 +5167,8 @@ var SwapForm = function SwapForm(_ref) {
     privacyPolicyUrl = _ref$privacyPolicyUrl === void 0 ? null : _ref$privacyPolicyUrl,
     _ref$amlPolicyUrl = _ref.amlPolicyUrl,
     amlPolicyUrl = _ref$amlPolicyUrl === void 0 ? null : _ref$amlPolicyUrl,
+    _ref$onWalletAmlCompl = _ref.onWalletAmlComplianceLinkClick,
+    onWalletAmlComplianceLinkClick = _ref$onWalletAmlCompl === void 0 ? null : _ref$onWalletAmlCompl,
     _ref$getExtraIdNameBy = _ref.getExtraIdNameByTicker,
     getExtraIdNameByTicker = _ref$getExtraIdNameBy === void 0 ? function (ticker) {
       return null;
@@ -5184,7 +5197,8 @@ var SwapForm = function SwapForm(_ref) {
         termsOfUse: "Terms of Use",
         and: "and",
         privacyPolicy: "Privacy Policy",
-        aml: "AML/KYC"
+        aml: "AML/KYC",
+        walletAmlComplianceConfirmation: "confirm that your wallet is AML-compliant"
       },
       informationBlock: {
         minimumAmount: "Minimal amount: ",
@@ -5802,6 +5816,49 @@ var SwapForm = function SwapForm(_ref) {
   }, [sendAssetAmount.current]);
   var recipientAddressExtraIdName = getExtraIdNameByTicker(receivingAssetTicker);
   var refundAddressExtraIdName = getExtraIdNameByTicker(sendingAssetTicker);
+  var composeSwapCreationArgs = function composeSwapCreationArgs(resetButtonLoader) {
+    return [resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins, recipientAddress.current, recipientAddressExtraId.current, refundAddress.current, refundAddressExtraId.current, email.current, isLastEditedReceiving.current];
+  };
+  var consentItems = [];
+  if (termsOfUseUrl) {
+    consentItems.push( /*#__PURE__*/React.createElement("a", {
+      key: "terms-of-use",
+      href: termsOfUseUrl,
+      className: s$b["swap-form-button-container-consent-text-link"]
+    }, translations.consents.termsOfUse));
+  }
+  if (privacyPolicyUrl) {
+    consentItems.push( /*#__PURE__*/React.createElement("a", {
+      key: "privacy-policy",
+      href: privacyPolicyUrl,
+      className: s$b["swap-form-button-container-consent-text-link"]
+    }, translations.consents.privacyPolicy));
+  }
+  if (amlPolicyUrl) {
+    consentItems.push( /*#__PURE__*/React.createElement("a", {
+      key: "aml-policy",
+      href: amlPolicyUrl,
+      className: s$b["swap-form-button-container-consent-text-link"]
+    }, translations.consents.aml));
+  }
+  if (typeof onWalletAmlComplianceLinkClick === "function" && translations != null && (_translations$consent = translations.consents) != null && _translations$consent.walletAmlComplianceConfirmation) {
+    consentItems.push( /*#__PURE__*/React.createElement("button", {
+      key: "wallet-aml-compliance",
+      type: "button",
+      className: s$b["swap-form-button-container-consent-text-link"],
+      onClick: function onClick() {
+        return onWalletAmlComplianceLinkClick(readyToSwap, readyToSwap ? composeSwapCreationArgs(function () {}) : null);
+      }
+    }, translations.consents.walletAmlComplianceConfirmation));
+  }
+  var consentLinksWithSeparators = consentItems.reduce(function (acc, item, index) {
+    var _translations$consent2;
+    if (index === 0) return [item];
+    var separator = index === consentItems.length - 1 ? " " + ((_translations$consent2 = translations.consents.and) != null ? _translations$consent2 : "and") + " " : ", ";
+    return [].concat(acc, [/*#__PURE__*/React.createElement(React.Fragment, {
+      key: "consent-separator-" + index
+    }, separator), item]);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: s$b["swap-form"]
   }, /*#__PURE__*/React.createElement(TitleBox, {
@@ -5967,30 +6024,21 @@ var SwapForm = function SwapForm(_ref) {
     text: validationContent
   })) : "", /*#__PURE__*/React.createElement("div", {
     className: s$b["swap-form-button-container"]
-  }, !termsOfUseUrl || !privacyPolicyUrl ? null : /*#__PURE__*/React.createElement("p", {
-    className: s$b["swap-form-button-container-consent-text"]
-  }, translations.consents.consentText + " ", /*#__PURE__*/React.createElement("a", {
-    href: termsOfUseUrl,
-    className: s$b["swap-form-button-container-consent-text-link"]
-  }, translations.consents.termsOfUse), ", ", /*#__PURE__*/React.createElement("a", {
-    href: privacyPolicyUrl,
-    className: s$b["swap-form-button-container-consent-text-link"]
-  }, translations.consents.privacyPolicy), amlPolicyUrl ? /*#__PURE__*/React.createElement(React.Fragment, null, " " + translations.consents.and + " ", /*#__PURE__*/React.createElement("a", {
-    href: amlPolicyUrl,
-    className: s$b["swap-form-button-container-consent-text-link"]
-  }, translations.consents.aml)) : null, "."), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     size: "lg",
     mode: "primary",
     content: translations.confirmButtonText,
     onClick: function onClick(resetButtonLoader) {
-      return handleConfirmButtonClick(resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins, recipientAddress.current, recipientAddressExtraId.current, refundAddress.current, refundAddressExtraId.current, email.current, isLastEditedReceiving.current);
+      return handleConfirmButtonClick.apply(void 0, composeSwapCreationArgs(resetButtonLoader));
     },
     fullWidthOnMobiles: true,
     isDisabled: !readyToSwap,
     to: formHasBalance ? "" : confirmButtonTo,
     loader: true,
     handleError: callHandlingErrors
-  }))));
+  }), consentItems.length === 0 ? null : /*#__PURE__*/React.createElement("p", {
+    className: s$b["swap-form-button-container-consent-text"]
+  }, translations.consents.consentText + " ", consentLinksWithSeparators, "."))));
 };
 SwapForm.propTypes = {
   sendingAssetTicker: PropTypes.string.isRequired,
@@ -6034,6 +6082,7 @@ SwapForm.propTypes = {
   termsOfUseUrl: PropTypes.string,
   privacyPolicyUrl: PropTypes.string,
   amlPolicyUrl: PropTypes.string,
+  onWalletAmlComplianceLinkClick: PropTypes.func,
   getExtraIdNameByTicker: PropTypes.func,
   translations: PropTypes.object,
   validateAddressByTicker: PropTypes.func,
@@ -6075,6 +6124,7 @@ SwapForm.defaultProps = {
   termsOfUseUrl: null,
   privacyPolicyUrl: null,
   amlPolicyUrl: null,
+  onWalletAmlComplianceLinkClick: null,
   getExtraIdNameByTicker: function getExtraIdNameByTicker(ticker) {
     return null;
   },