@lideralia/alife-uikit 1.2.84 → 1.2.86

package/dist/atoms/Card/Card.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardBox = void 0;
+exports.CardBox = exports.CardBackground = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _css = _interopRequireDefault(require("@styled-system/css"));
 var _react = _interopRequireDefault(require("react"));
@@ -15,11 +15,15 @@ const _excluded = ["children"];
 const CardWrapper = (0, _styledComponents.default)(_Layout.Box).withConfig({
   displayName: "Card__CardWrapper",
   componentId: "sc-1jjbkrl-0"
-})(["position:relative;overflow:hidden;", " ", " ", " ", " ", " &::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:", ";filter:grayscale(100%);background-size:cover;background-repeat:no-repeat;background-position:center;}"], _styledSystem.layout, _styledSystem.color, _styledSystem.shadow, _styledSystem.space, (0, _css.default)({
+})(["position:relative;overflow:hidden;", " ", " ", " ", " ", ""], _styledSystem.layout, _styledSystem.color, _styledSystem.shadow, _styledSystem.space, (0, _css.default)({
   borderRadius: 5,
   background: 'white',
   boxShadow: 'bottom'
-}), props => props.backgroundImage ? `url(${props.backgroundImage})` : 'none');
+}));
+const CardBackgroundStyled = (0, _styledComponents.default)(CardWrapper).withConfig({
+  displayName: "Card__CardBackgroundStyled",
+  componentId: "sc-1jjbkrl-1"
+})(["position:absolute;top:0;left:0;width:100%;height:100%;background-image:", ";background-size:cover;background-repeat:no-repeat;background-position:center;filter:grayscale(100%);"], props => props.backgroundImage ? `url(${props.backgroundImage})` : 'none');
 const CardBox = props => {
   const {
       children
@@ -27,4 +31,6 @@ const CardBox = props => {
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(CardWrapper, rest, children);
 };
-exports.CardBox = CardBox;
+exports.CardBox = CardBox;
+const CardBackground = props => _react.default.createElement(CardBackgroundStyled, props);
+exports.CardBackground = CardBackground;

package/dist/atoms/Card/index.js

@@ -9,4 +9,10 @@ Object.defineProperty(exports, "Card", {
     return _Card.CardBox;
   }
 });
+Object.defineProperty(exports, "CardBackground", {
+  enumerable: true,
+  get: function () {
+    return _Card.CardBackground;
+  }
+});
 var _Card = require("./Card");

package/dist/atoms/Icons/IconHeadphones.js

@@ -20,13 +20,13 @@ function SvgIconHeadphones(props) {
     stroke: props.stroke
   }, props), React.createElement("path", {
     d: "M3 12.75v0a.75.75 0 01-.75-.75V9A6.75 6.75 0 019 2.25v0A6.75 6.75 0 0115.75 9v3a.75.75 0 01-.75.75v0",
-    stroke: "#4C4C5B",
+    stroke: "inherit",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), React.createElement("path", {
     d: "M3 12.25a2.5 2.5 0 012.5-2.5v0c.69 0 1.25.56 1.25 1.25v3.5c0 .69-.56 1.25-1.25 1.25v0a2.5 2.5 0 01-2.5-2.5v-1zM11.25 11c0-.69.56-1.25 1.25-1.25v0a2.5 2.5 0 012.5 2.5v1a2.5 2.5 0 01-2.5 2.5v0c-.69 0-1.25-.56-1.25-1.25V11z",
-    stroke: "#4C4C5B",
+    stroke: "inherit",
     strokeWidth: 1.5,
     strokeLinecap: "round",
     strokeLinejoin: "round"

package/dist/atoms/Icons/IconPaste.js

@@ -1,22 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function SvgIconPaste(props) {
   return React.createElement("svg", (0, _extends2.default)({
     width: "1em",
@@ -32,6 +24,4 @@ function SvgIconPaste(props) {
     "stroke-linejoin": "round"
   }));
 }
-
-var _default = SvgIconPaste;
-exports.default = _default;
+var _default = exports.default = SvgIconPaste;

package/dist/atoms/Icons/index.js

@@ -550,6 +550,12 @@ Object.defineProperty(exports, "IconNotification", {
     return _IconNotification.default;
   }
 });
+Object.defineProperty(exports, "IconPaste", {
+  enumerable: true,
+  get: function () {
+    return _IconPaste.default;
+  }
+});
 Object.defineProperty(exports, "IconPause", {
   enumerable: true,
   get: function () {
@@ -898,57 +904,57 @@ Object.defineProperty(exports, "LogAlife", {
     return _LogAlife.default;
   }
 });
+var _IconAdd = _interopRequireDefault(require("./IconAdd"));
 var _IconAddCircle = _interopRequireDefault(require("./IconAddCircle"));
 var _IconAddSquare = _interopRequireDefault(require("./IconAddSquare"));
-var _IconAdd = _interopRequireDefault(require("./IconAdd"));
 var _IconAgency = _interopRequireDefault(require("./IconAgency"));
 var _IconAlarm = _interopRequireDefault(require("./IconAlarm"));
+var _IconAlert = _interopRequireDefault(require("./IconAlert"));
 var _IconAlertCircle = _interopRequireDefault(require("./IconAlertCircle"));
 var _IconAlertSquare = _interopRequireDefault(require("./IconAlertSquare"));
 var _IconAlertTriangle = _interopRequireDefault(require("./IconAlertTriangle"));
-var _IconAlert = _interopRequireDefault(require("./IconAlert"));
 var _IconAnalytics = _interopRequireDefault(require("./IconAnalytics"));
 var _IconArrowCircleDown = _interopRequireDefault(require("./IconArrowCircleDown"));
 var _IconArrowCircleLeft = _interopRequireDefault(require("./IconArrowCircleLeft"));
 var _IconArrowCircleRight = _interopRequireDefault(require("./IconArrowCircleRight"));
 var _IconArrowCircleUp = _interopRequireDefault(require("./IconArrowCircleUp"));
+var _IconArrowDown = _interopRequireDefault(require("./IconArrowDown"));
 var _IconArrowDownLeft = _interopRequireDefault(require("./IconArrowDownLeft"));
 var _IconArrowDownRight = _interopRequireDefault(require("./IconArrowDownRight"));
-var _IconArrowDown = _interopRequireDefault(require("./IconArrowDown"));
 var _IconArrowLeft = _interopRequireDefault(require("./IconArrowLeft"));
 var _IconArrowRight = _interopRequireDefault(require("./IconArrowRight"));
+var _IconArrowUp = _interopRequireDefault(require("./IconArrowUp"));
 var _IconArrowUpLeft = _interopRequireDefault(require("./IconArrowUpLeft"));
 var _IconArrowUpRight = _interopRequireDefault(require("./IconArrowUpRight"));
-var _IconArrowUp = _interopRequireDefault(require("./IconArrowUp"));
 var _IconBank = _interopRequireDefault(require("./IconBank"));
 var _IconBlock = _interopRequireDefault(require("./IconBlock"));
-var _IconCalendarEdit = _interopRequireDefault(require("./IconCalendarEdit"));
 var _IconCalendar = _interopRequireDefault(require("./IconCalendar"));
+var _IconCalendarEdit = _interopRequireDefault(require("./IconCalendarEdit"));
 var _IconCamera = _interopRequireDefault(require("./IconCamera"));
 var _IconCeremony = _interopRequireDefault(require("./IconCeremony"));
 var _IconChat = _interopRequireDefault(require("./IconChat"));
 var _IconChats = _interopRequireDefault(require("./IconChats"));
+var _IconCheck = _interopRequireDefault(require("./IconCheck"));
 var _IconCheckCircle = _interopRequireDefault(require("./IconCheckCircle"));
 var _IconCheckSquare = _interopRequireDefault(require("./IconCheckSquare"));
-var _IconCheck = _interopRequireDefault(require("./IconCheck"));
 var _IconChevronDown = _interopRequireDefault(require("./IconChevronDown"));
 var _IconChevronLeft = _interopRequireDefault(require("./IconChevronLeft"));
 var _IconChevronRight = _interopRequireDefault(require("./IconChevronRight"));
-var _IconChevronUp = _interopRequireDefault(require("./IconChevronUp"));
 var _IconChevronsDown = _interopRequireDefault(require("./IconChevronsDown"));
 var _IconChevronsLeft = _interopRequireDefault(require("./IconChevronsLeft"));
 var _IconChevronsRight = _interopRequireDefault(require("./IconChevronsRight"));
 var _IconChevronsUp = _interopRequireDefault(require("./IconChevronsUp"));
-var _IconClockBig = _interopRequireDefault(require("./IconClockBig"));
+var _IconChevronUp = _interopRequireDefault(require("./IconChevronUp"));
 var _IconClock = _interopRequireDefault(require("./IconClock"));
+var _IconClockBig = _interopRequireDefault(require("./IconClockBig"));
+var _IconClose = _interopRequireDefault(require("./IconClose"));
 var _IconCloseBig = _interopRequireDefault(require("./IconCloseBig"));
 var _IconCloseCircle = _interopRequireDefault(require("./IconCloseCircle"));
 var _IconCloseSquare = _interopRequireDefault(require("./IconCloseSquare"));
-var _IconClose = _interopRequireDefault(require("./IconClose"));
+var _IconCloud = _interopRequireDefault(require("./IconCloud"));
 var _IconCloudDownload = _interopRequireDefault(require("./IconCloudDownload"));
 var _IconCloudOff = _interopRequireDefault(require("./IconCloudOff"));
 var _IconCloudUpload = _interopRequireDefault(require("./IconCloudUpload"));
-var _IconCloud = _interopRequireDefault(require("./IconCloud"));
 var _IconColor = _interopRequireDefault(require("./IconColor"));
 var _IconCommentary = _interopRequireDefault(require("./IconCommentary"));
 var _IconComments = _interopRequireDefault(require("./IconComments"));
@@ -956,32 +962,32 @@ var _IconConfiguration = _interopRequireDefault(require("./IconConfiguration"));
 var _IconCookie = _interopRequireDefault(require("./IconCookie"));
 var _IconCreditCard = _interopRequireDefault(require("./IconCreditCard"));
 var _IconDirection = _interopRequireDefault(require("./IconDirection"));
-var _IconDrawComment = _interopRequireDefault(require("./IconDrawComment"));
 var _IconDraw = _interopRequireDefault(require("./IconDraw"));
-var _IconEditText = _interopRequireDefault(require("./IconEditText"));
+var _IconDrawComment = _interopRequireDefault(require("./IconDrawComment"));
 var _IconEdit = _interopRequireDefault(require("./IconEdit"));
+var _IconEditText = _interopRequireDefault(require("./IconEditText"));
 var _IconFacebook = _interopRequireDefault(require("./IconFacebook"));
-var _IconFileDescription = _interopRequireDefault(require("./IconFileDescription"));
 var _IconFile = _interopRequireDefault(require("./IconFile"));
+var _IconFileDescription = _interopRequireDefault(require("./IconFileDescription"));
 var _IconFlowers = _interopRequireDefault(require("./IconFlowers"));
 var _IconFrame = _interopRequireDefault(require("./IconFrame"));
 var _IconGrave = _interopRequireDefault(require("./IconGrave"));
 var _IconHeadphones = _interopRequireDefault(require("./IconHeadphones"));
-var _IconHelpCircle = _interopRequireDefault(require("./IconHelpCircle"));
 var _IconHelp = _interopRequireDefault(require("./IconHelp"));
+var _IconHelpCircle = _interopRequireDefault(require("./IconHelpCircle"));
 var _IconHide = _interopRequireDefault(require("./IconHide"));
 var _IconHome = _interopRequireDefault(require("./IconHome"));
 var _IconIncomingCall = _interopRequireDefault(require("./IconIncomingCall"));
-var _IconInfoCircle = _interopRequireDefault(require("./IconInfoCircle"));
 var _IconInfo = _interopRequireDefault(require("./IconInfo"));
+var _IconInfoCircle = _interopRequireDefault(require("./IconInfoCircle"));
 var _IconInvoice = _interopRequireDefault(require("./IconInvoice"));
 var _IconLanguage = _interopRequireDefault(require("./IconLanguage"));
 var _IconLike = _interopRequireDefault(require("./IconLike"));
 var _IconLiked = _interopRequireDefault(require("./IconLiked"));
 var _IconLink = _interopRequireDefault(require("./IconLink"));
+var _IconLocation = _interopRequireDefault(require("./IconLocation"));
 var _IconLocationAlt = _interopRequireDefault(require("./IconLocationAlt"));
 var _IconLocationException = _interopRequireDefault(require("./IconLocationException"));
-var _IconLocation = _interopRequireDefault(require("./IconLocation"));
 var _IconLock = _interopRequireDefault(require("./IconLock"));
 var _IconMail = _interopRequireDefault(require("./IconMail"));
 var _IconManagement = _interopRequireDefault(require("./IconManagement"));
@@ -989,20 +995,21 @@ var _IconMenu = _interopRequireDefault(require("./IconMenu"));
 var _IconMessenger = _interopRequireDefault(require("./IconMessenger"));
 var _IconMicrophone = _interopRequireDefault(require("./IconMicrophone"));
 var _IconNotification = _interopRequireDefault(require("./IconNotification"));
+var _IconPaste = _interopRequireDefault(require("./IconPaste"));
+var _IconPause = _interopRequireDefault(require("./IconPause"));
 var _IconPauseCircle = _interopRequireDefault(require("./IconPauseCircle"));
 var _IconPauseSquare = _interopRequireDefault(require("./IconPauseSquare"));
-var _IconPause = _interopRequireDefault(require("./IconPause"));
 var _IconPaypal = _interopRequireDefault(require("./IconPaypal"));
-var _IconPhoneCall = _interopRequireDefault(require("./IconPhoneCall"));
 var _IconPhone = _interopRequireDefault(require("./IconPhone"));
+var _IconPhoneCall = _interopRequireDefault(require("./IconPhoneCall"));
+var _IconPlay = _interopRequireDefault(require("./IconPlay"));
 var _IconPlayCircle = _interopRequireDefault(require("./IconPlayCircle"));
 var _IconPlaySquare = _interopRequireDefault(require("./IconPlaySquare"));
-var _IconPlay = _interopRequireDefault(require("./IconPlay"));
 var _IconPlus = _interopRequireDefault(require("./IconPlus"));
 var _IconQuote = _interopRequireDefault(require("./IconQuote"));
 var _IconRedo = _interopRequireDefault(require("./IconRedo"));
-var _IconRemoveCircle = _interopRequireDefault(require("./IconRemoveCircle"));
 var _IconRemove = _interopRequireDefault(require("./IconRemove"));
+var _IconRemoveCircle = _interopRequireDefault(require("./IconRemoveCircle"));
 var _IconRestSquare = _interopRequireDefault(require("./IconRestSquare"));
 var _IconScreen = _interopRequireDefault(require("./IconScreen"));
 var _IconSearch = _interopRequireDefault(require("./IconSearch"));
@@ -1019,19 +1026,19 @@ var _IconTag = _interopRequireDefault(require("./IconTag"));
 var _IconTelegram = _interopRequireDefault(require("./IconTelegram"));
 var _IconTimeline = _interopRequireDefault(require("./IconTimeline"));
 var _IconTimer = _interopRequireDefault(require("./IconTimer"));
-var _IconTrashEmpty = _interopRequireDefault(require("./IconTrashEmpty"));
 var _IconTrash = _interopRequireDefault(require("./IconTrash"));
+var _IconTrashEmpty = _interopRequireDefault(require("./IconTrashEmpty"));
 var _IconTree = _interopRequireDefault(require("./IconTree"));
 var _IconTwitter = _interopRequireDefault(require("./IconTwitter"));
 var _IconUndo = _interopRequireDefault(require("./IconUndo"));
 var _IconUnlock = _interopRequireDefault(require("./IconUnlock"));
 var _IconUpdate = _interopRequireDefault(require("./IconUpdate"));
+var _IconUser = _interopRequireDefault(require("./IconUser"));
 var _IconUserAdd = _interopRequireDefault(require("./IconUserAdd"));
 var _IconUserCircle = _interopRequireDefault(require("./IconUserCircle"));
 var _IconUserFamily = _interopRequireDefault(require("./IconUserFamily"));
 var _IconUserInactive = _interopRequireDefault(require("./IconUserInactive"));
 var _IconUserRemove = _interopRequireDefault(require("./IconUserRemove"));
-var _IconUser = _interopRequireDefault(require("./IconUser"));
 var _IconUsers = _interopRequireDefault(require("./IconUsers"));
 var _IconVideo = _interopRequireDefault(require("./IconVideo"));
 var _IconViewExpanded = _interopRequireDefault(require("./IconViewExpanded"));

package/dist/organisms/Cards/SearchSendFlowers.js

@@ -25,8 +25,10 @@ const CardSearchSendFlowers = _ref => {
     width: "100%",
     padding: 3,
     paddingBottom: "92px",
+    zIndex: 2
+  }, props), _react.default.createElement(_Card.CardBackground, {
     backgroundImage: urlImage
-  }, props), _react.default.createElement(CardSearchSendFlowers.Header, props), _react.default.createElement(CardSearchSendFlowers.Body, props));
+  }), _react.default.createElement(CardSearchSendFlowers.Header, props), _react.default.createElement(CardSearchSendFlowers.Body, props));
 };
 exports.CardSearchSendFlowers = CardSearchSendFlowers;
 CardSearchSendFlowers.Header = _ref2 => {
@@ -34,7 +36,11 @@ CardSearchSendFlowers.Header = _ref2 => {
     title,
     description
   } = _ref2;
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Typography.Text, {
+  return _react.default.createElement(_Layout.Flex, {
+    flexDirection: "column",
+    zIndex: 2,
+    position: "relative"
+  }, _react.default.createElement(_Typography.Text, {
     sizeText: "display16",
     fontWeight: "bold",
     textAlign: "center"

package/dist/organisms/Modals/LoginPassCode.js

@@ -10,6 +10,9 @@ var _inputOtp = require("input-otp");
 var _react = _interopRequireWildcard(require("react"));
 var _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Button = require("../../atoms/Button");
+var _Icon = require("../../atoms/Icon");
+var _Icons = require("../../atoms/Icons");
 var _Layout = require("../../atoms/Layout");
 var _Typography = require("../../atoms/Typography");
 var _Modal = require("../../molecules/Modal");
@@ -56,15 +59,22 @@ const ModalLoginPassCode = _ref => {
     hasError,
     errorMessage,
     onSubmit,
+    onReset,
     tokenCaptcha,
     onModalClose,
     onModalBack,
     seconds,
-    hasWrongCodeError
+    hasWrongCodeError,
+    labelButtonCopy,
+    labelButtonReset,
+    labelError4Digits,
+    labelErrorReadingClipboardContents
   } = _ref;
   const recaptchaRef = _react.default.createRef();
   const [countdown, setCountdown] = (0, _react.useState)(seconds);
   const [isCountdown, setIsCountdown] = (0, _react.useState)(true);
+  const [passCodeValue, setPassCodeValue] = (0, _react.useState)(null);
+  const [passCodeCopyError, setPasCodeCopyError] = (0, _react.useState)(null);
   const labelCountMessage = labelCountDown.replace('{countdown}', countdown);
   const onChangeCaptcha = valueToken => {
     actionInput('token', valueToken);
@@ -110,13 +120,71 @@ const ModalLoginPassCode = _ref => {
     },
     onComplete: value => {
       onSubmit(value);
-    }
-  })), hasError && errorMessage && _react.default.createElement(_Typography.Text, {
+    },
+    value: passCodeValue,
+    onChange: value => setPassCodeValue(value)
+  })), hasError && errorMessage && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Typography.Text, {
+    textAlign: "center",
+    sizeText: "display14",
+    color: "red",
+    marginY: 1
+  }, errorMessage), _react.default.createElement(_Layout.Box, {
+    width: "100%",
+    textAlign: "center",
+    marginTop: 3
+  }, _react.default.createElement(_Button.Button, {
+    id: "btn-reset-code",
+    sizeButton: "small",
+    backgroundColor: "red",
+    colorType: "red",
+    color: "white",
+    action: async () => {
+      setPassCodeValue('');
+      onReset();
+    },
+    marginX: "auto"
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    marginRight: 1
+  }, _react.default.createElement(_Icons.IconUpdate, null)), labelButtonReset))), !hasError && !!passCodeCopyError && _react.default.createElement(_Typography.Text, {
     textAlign: "center",
     sizeText: "display14",
     color: "red",
     marginY: 1
-  }, errorMessage)), _react.default.createElement(_Modal.Modal.Actions, null, _react.default.createElement(_reactGoogleRecaptcha.default, {
+  }, passCodeCopyError), !hasError && _react.default.createElement(_Layout.Box, {
+    width: "100%",
+    textAlign: "center",
+    marginTop: 3
+  }, _react.default.createElement(_Button.Button, {
+    id: "btn-copy-code",
+    sizeButton: "small",
+    backgroundColor: "green",
+    colorType: "green",
+    color: "white",
+    action: async () => {
+      try {
+        const text = await navigator.clipboard.readText();
+        const regex = /^\d{4}$/;
+        if (regex.test(text)) {
+          setPasCodeCopyError(null);
+          setPassCodeValue(text);
+        } else {
+          setPassCodeValue('');
+          setPasCodeCopyError(labelError4Digits);
+          setTimeout(() => setPasCodeCopyError(null), 10000);
+        }
+      } catch (err) {
+        setPassCodeValue('');
+        setPasCodeCopyError(labelErrorReadingClipboardContents);
+        const t = `${labelErrorReadingClipboardContents}: ${err.message}`;
+        setTimeout(() => setPasCodeCopyError(null), 10000);
+      }
+    },
+    marginX: "auto"
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    marginRight: 1
+  }, _react.default.createElement(_Icons.IconPaste, null)), labelButtonCopy))), _react.default.createElement(_Modal.Modal.Actions, null, _react.default.createElement(_reactGoogleRecaptcha.default, {
     style: {
       display: 'inline-block'
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.2.84",
+  "version": "1.2.86",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {