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

package/dist/index.umd.js

@@ -5001,6 +5001,16 @@
 	 * @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.
@@ -5059,9 +5069,10 @@
 	 * @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.
@@ -5084,7 +5095,7 @@
 	  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,
@@ -5160,6 +5171,8 @@
 	    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;
@@ -5188,7 +5201,8 @@
 	        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: ",
@@ -5806,6 +5820,49 @@
 	  }, [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__default["default"].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__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement(React__default["default"].Fragment, {
+	      key: "consent-separator-" + index
+	    }, separator), item]);
+	  }, []);
 	  return /*#__PURE__*/React__default["default"].createElement("div", {
 	    className: s$b["swap-form"]
 	  }, /*#__PURE__*/React__default["default"].createElement(TitleBox, {
@@ -5971,30 +6028,21 @@
 	    text: validationContent
 	  })) : "", /*#__PURE__*/React__default["default"].createElement("div", {
 	    className: s$b["swap-form-button-container"]
-	  }, !termsOfUseUrl || !privacyPolicyUrl ? null : /*#__PURE__*/React__default["default"].createElement("p", {
-	    className: s$b["swap-form-button-container-consent-text"]
-	  }, translations.consents.consentText + " ", /*#__PURE__*/React__default["default"].createElement("a", {
-	    href: termsOfUseUrl,
-	    className: s$b["swap-form-button-container-consent-text-link"]
-	  }, translations.consents.termsOfUse), ", ", /*#__PURE__*/React__default["default"].createElement("a", {
-	    href: privacyPolicyUrl,
-	    className: s$b["swap-form-button-container-consent-text-link"]
-	  }, translations.consents.privacyPolicy), amlPolicyUrl ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, " " + translations.consents.and + " ", /*#__PURE__*/React__default["default"].createElement("a", {
-	    href: amlPolicyUrl,
-	    className: s$b["swap-form-button-container-consent-text-link"]
-	  }, translations.consents.aml)) : null, "."), /*#__PURE__*/React__default["default"].createElement(Button, {
+	  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("p", {
+	    className: s$b["swap-form-button-container-consent-text"]
+	  }, translations.consents.consentText + " ", consentLinksWithSeparators, "."))));
 	};
 	SwapForm.propTypes = {
 	  sendingAssetTicker: PropTypes.string.isRequired,
@@ -6038,6 +6086,7 @@
 	  termsOfUseUrl: PropTypes.string,
 	  privacyPolicyUrl: PropTypes.string,
 	  amlPolicyUrl: PropTypes.string,
+	  onWalletAmlComplianceLinkClick: PropTypes.func,
 	  getExtraIdNameByTicker: PropTypes.func,
 	  translations: PropTypes.object,
 	  validateAddressByTicker: PropTypes.func,
@@ -6079,6 +6128,7 @@
 	  termsOfUseUrl: null,
 	  privacyPolicyUrl: null,
 	  amlPolicyUrl: null,
+	  onWalletAmlComplianceLinkClick: null,
 	  getExtraIdNameByTicker: function getExtraIdNameByTicker(ticker) {
 	    return null;
 	  },
@@ -13114,7 +13164,7 @@
 	            min = _validateAndProcessLi[1],
 	            max = _validateAndProcessLi[2];
 	          if (returnObject) return returnObject;
-	          if (min && max & BigNumber__default["default"](max).lt(min)) {
+	          if (min && max && BigNumber__default["default"](max).lt(min)) {
 	            Logger.log("Exolix swap info failed, max limit is below the min one. " + safeStringify(response), loggerSource);
 	            return {
 	              result: false,