@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/esm/components/UTMenu/theme.js

@@ -1,56 +1 @@
-import { createTheme } from '@material-ui/core/styles';
-export const retrieveStyle = _ref => {
-  var _theme$UTMenu, _theme$UTMenu2, _theme$UTMenu3, _theme$UTMenu4, _theme$UTMenu5, _theme$UTMenu6, _theme$UTMenu7, _theme$UTMenu8, _theme$UTMenu9, _theme$UTMenu0, _theme$UTMenu1, _theme$UTMenu10, _theme$UTMenu11, _theme$UTMenu12, _theme$UTMenu13, _theme$UTMenu14, _theme$UTMenu15, _theme$UTMenu16, _theme$UTMenu17;
-  let {
-    theme
-  } = _ref;
-  return {
-    paper: {
-      padding: theme === null || theme === void 0 || (_theme$UTMenu = theme.UTMenu) === null || _theme$UTMenu === void 0 || (_theme$UTMenu = _theme$UTMenu.paper) === null || _theme$UTMenu === void 0 ? void 0 : _theme$UTMenu.padding,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTMenu2 = theme.UTMenu) === null || _theme$UTMenu2 === void 0 || (_theme$UTMenu2 = _theme$UTMenu2.paper) === null || _theme$UTMenu2 === void 0 ? void 0 : _theme$UTMenu2.borderRadius,
-      boxShadow: theme === null || theme === void 0 || (_theme$UTMenu3 = theme.UTMenu) === null || _theme$UTMenu3 === void 0 || (_theme$UTMenu3 = _theme$UTMenu3.paper) === null || _theme$UTMenu3 === void 0 ? void 0 : _theme$UTMenu3.boxShadow
-    },
-    menuList: {
-      borderRadius: theme === null || theme === void 0 || (_theme$UTMenu4 = theme.UTMenu) === null || _theme$UTMenu4 === void 0 || (_theme$UTMenu4 = _theme$UTMenu4.menuList) === null || _theme$UTMenu4 === void 0 ? void 0 : _theme$UTMenu4.borderRadius,
-      padding: theme === null || theme === void 0 || (_theme$UTMenu5 = theme.UTMenu) === null || _theme$UTMenu5 === void 0 || (_theme$UTMenu5 = _theme$UTMenu5.menuList) === null || _theme$UTMenu5 === void 0 ? void 0 : _theme$UTMenu5.padding,
-      outline: theme === null || theme === void 0 || (_theme$UTMenu6 = theme.UTMenu) === null || _theme$UTMenu6 === void 0 || (_theme$UTMenu6 = _theme$UTMenu6.menuList) === null || _theme$UTMenu6 === void 0 ? void 0 : _theme$UTMenu6.outline,
-      width: theme === null || theme === void 0 || (_theme$UTMenu7 = theme.UTMenu) === null || _theme$UTMenu7 === void 0 || (_theme$UTMenu7 = _theme$UTMenu7.menuList) === null || _theme$UTMenu7 === void 0 ? void 0 : _theme$UTMenu7.width
-    },
-    menuItem: {
-      fontSize: theme === null || theme === void 0 || (_theme$UTMenu8 = theme.UTMenu) === null || _theme$UTMenu8 === void 0 || (_theme$UTMenu8 = _theme$UTMenu8.menuItem) === null || _theme$UTMenu8 === void 0 ? void 0 : _theme$UTMenu8.fontSize,
-      color: theme === null || theme === void 0 || (_theme$UTMenu9 = theme.UTMenu) === null || _theme$UTMenu9 === void 0 || (_theme$UTMenu9 = _theme$UTMenu9.menuItem) === null || _theme$UTMenu9 === void 0 ? void 0 : _theme$UTMenu9.color,
-      backgroundColor: theme === null || theme === void 0 || (_theme$UTMenu0 = theme.UTMenu) === null || _theme$UTMenu0 === void 0 || (_theme$UTMenu0 = _theme$UTMenu0.menuItem) === null || _theme$UTMenu0 === void 0 ? void 0 : _theme$UTMenu0.backgroundColor
-    },
-    popper: {
-      zIndex: 9999,
-      margin: theme === null || theme === void 0 || (_theme$UTMenu1 = theme.UTMenu) === null || _theme$UTMenu1 === void 0 || (_theme$UTMenu1 = _theme$UTMenu1.popper) === null || _theme$UTMenu1 === void 0 ? void 0 : _theme$UTMenu1.margin
-    },
-    menuItemIcon: {
-      height: theme === null || theme === void 0 || (_theme$UTMenu10 = theme.UTMenu) === null || _theme$UTMenu10 === void 0 || (_theme$UTMenu10 = _theme$UTMenu10.menuItemIcon) === null || _theme$UTMenu10 === void 0 ? void 0 : _theme$UTMenu10.height,
-      color: theme === null || theme === void 0 || (_theme$UTMenu11 = theme.UTMenu) === null || _theme$UTMenu11 === void 0 || (_theme$UTMenu11 = _theme$UTMenu11.menuItemIcon) === null || _theme$UTMenu11 === void 0 ? void 0 : _theme$UTMenu11.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTMenu12 = theme.UTMenu) === null || _theme$UTMenu12 === void 0 || (_theme$UTMenu12 = _theme$UTMenu12.menuItemIcon) === null || _theme$UTMenu12 === void 0 ? void 0 : _theme$UTMenu12.fontSize,
-      margin: theme === null || theme === void 0 || (_theme$UTMenu13 = theme.UTMenu) === null || _theme$UTMenu13 === void 0 || (_theme$UTMenu13 = _theme$UTMenu13.menuItemIcon) === null || _theme$UTMenu13 === void 0 ? void 0 : _theme$UTMenu13.margin,
-      width: theme === null || theme === void 0 || (_theme$UTMenu14 = theme.UTMenu) === null || _theme$UTMenu14 === void 0 || (_theme$UTMenu14 = _theme$UTMenu14.menuItemIcon) === null || _theme$UTMenu14 === void 0 ? void 0 : _theme$UTMenu14.width
-    },
-    menuItemContainer: {
-      padding: theme === null || theme === void 0 || (_theme$UTMenu15 = theme.UTMenu) === null || _theme$UTMenu15 === void 0 || (_theme$UTMenu15 = _theme$UTMenu15.menuItemContainer) === null || _theme$UTMenu15 === void 0 ? void 0 : _theme$UTMenu15.padding,
-      position: theme === null || theme === void 0 || (_theme$UTMenu16 = theme.UTMenu) === null || _theme$UTMenu16 === void 0 || (_theme$UTMenu16 = _theme$UTMenu16.menuItemContainer) === null || _theme$UTMenu16 === void 0 ? void 0 : _theme$UTMenu16.position
-    },
-    scrollBar: {
-      maxHeight: theme === null || theme === void 0 || (_theme$UTMenu17 = theme.UTMenu) === null || _theme$UTMenu17 === void 0 || (_theme$UTMenu17 = _theme$UTMenu17.scrollBar) === null || _theme$UTMenu17 === void 0 ? void 0 : _theme$UTMenu17.maxHeight
-    }
-  };
-};
-export const retrieveMuiTheme = theme => {
-  var _theme$UTMenu18, _theme$UTMenu19;
-  return createTheme({
-    overrides: {
-      MuiListItem: {
-        divider: {
-          borderBottomColor: theme === null || theme === void 0 || (_theme$UTMenu18 = theme.UTMenu) === null || _theme$UTMenu18 === void 0 || (_theme$UTMenu18 = _theme$UTMenu18.divider) === null || _theme$UTMenu18 === void 0 ? void 0 : _theme$UTMenu18.color,
-          borderBottomWidth: theme === null || theme === void 0 || (_theme$UTMenu19 = theme.UTMenu) === null || _theme$UTMenu19 === void 0 || (_theme$UTMenu19 = _theme$UTMenu19.divider) === null || _theme$UTMenu19 === void 0 ? void 0 : _theme$UTMenu19.width
-        }
-      }
-    }
-  });
-};
+import{createTheme}from"@material-ui/core/styles";export const retrieveStyle=_ref=>{var _theme$UTMenu,_theme$UTMenu2,_theme$UTMenu3,_theme$UTMenu4,_theme$UTMenu5,_theme$UTMenu6,_theme$UTMenu7,_theme$UTMenu8,_theme$UTMenu9,_theme$UTMenu0,_theme$UTMenu1,_theme$UTMenu10,_theme$UTMenu11,_theme$UTMenu12,_theme$UTMenu13,_theme$UTMenu14,_theme$UTMenu15,_theme$UTMenu16,_theme$UTMenu17;let{theme:theme}=_ref;return{paper:{padding:null==theme||null===(_theme$UTMenu=theme.UTMenu)||void 0===_theme$UTMenu||null===(_theme$UTMenu=_theme$UTMenu.paper)||void 0===_theme$UTMenu?void 0:_theme$UTMenu.padding,borderRadius:null==theme||null===(_theme$UTMenu2=theme.UTMenu)||void 0===_theme$UTMenu2||null===(_theme$UTMenu2=_theme$UTMenu2.paper)||void 0===_theme$UTMenu2?void 0:_theme$UTMenu2.borderRadius,boxShadow:null==theme||null===(_theme$UTMenu3=theme.UTMenu)||void 0===_theme$UTMenu3||null===(_theme$UTMenu3=_theme$UTMenu3.paper)||void 0===_theme$UTMenu3?void 0:_theme$UTMenu3.boxShadow},menuList:{borderRadius:null==theme||null===(_theme$UTMenu4=theme.UTMenu)||void 0===_theme$UTMenu4||null===(_theme$UTMenu4=_theme$UTMenu4.menuList)||void 0===_theme$UTMenu4?void 0:_theme$UTMenu4.borderRadius,padding:null==theme||null===(_theme$UTMenu5=theme.UTMenu)||void 0===_theme$UTMenu5||null===(_theme$UTMenu5=_theme$UTMenu5.menuList)||void 0===_theme$UTMenu5?void 0:_theme$UTMenu5.padding,outline:null==theme||null===(_theme$UTMenu6=theme.UTMenu)||void 0===_theme$UTMenu6||null===(_theme$UTMenu6=_theme$UTMenu6.menuList)||void 0===_theme$UTMenu6?void 0:_theme$UTMenu6.outline,width:null==theme||null===(_theme$UTMenu7=theme.UTMenu)||void 0===_theme$UTMenu7||null===(_theme$UTMenu7=_theme$UTMenu7.menuList)||void 0===_theme$UTMenu7?void 0:_theme$UTMenu7.width},menuItem:{fontSize:null==theme||null===(_theme$UTMenu8=theme.UTMenu)||void 0===_theme$UTMenu8||null===(_theme$UTMenu8=_theme$UTMenu8.menuItem)||void 0===_theme$UTMenu8?void 0:_theme$UTMenu8.fontSize,color:null==theme||null===(_theme$UTMenu9=theme.UTMenu)||void 0===_theme$UTMenu9||null===(_theme$UTMenu9=_theme$UTMenu9.menuItem)||void 0===_theme$UTMenu9?void 0:_theme$UTMenu9.color,backgroundColor:null==theme||null===(_theme$UTMenu0=theme.UTMenu)||void 0===_theme$UTMenu0||null===(_theme$UTMenu0=_theme$UTMenu0.menuItem)||void 0===_theme$UTMenu0?void 0:_theme$UTMenu0.backgroundColor},popper:{zIndex:9999,margin:null==theme||null===(_theme$UTMenu1=theme.UTMenu)||void 0===_theme$UTMenu1||null===(_theme$UTMenu1=_theme$UTMenu1.popper)||void 0===_theme$UTMenu1?void 0:_theme$UTMenu1.margin},menuItemIcon:{height:null==theme||null===(_theme$UTMenu10=theme.UTMenu)||void 0===_theme$UTMenu10||null===(_theme$UTMenu10=_theme$UTMenu10.menuItemIcon)||void 0===_theme$UTMenu10?void 0:_theme$UTMenu10.height,color:null==theme||null===(_theme$UTMenu11=theme.UTMenu)||void 0===_theme$UTMenu11||null===(_theme$UTMenu11=_theme$UTMenu11.menuItemIcon)||void 0===_theme$UTMenu11?void 0:_theme$UTMenu11.color,fontSize:null==theme||null===(_theme$UTMenu12=theme.UTMenu)||void 0===_theme$UTMenu12||null===(_theme$UTMenu12=_theme$UTMenu12.menuItemIcon)||void 0===_theme$UTMenu12?void 0:_theme$UTMenu12.fontSize,margin:null==theme||null===(_theme$UTMenu13=theme.UTMenu)||void 0===_theme$UTMenu13||null===(_theme$UTMenu13=_theme$UTMenu13.menuItemIcon)||void 0===_theme$UTMenu13?void 0:_theme$UTMenu13.margin,width:null==theme||null===(_theme$UTMenu14=theme.UTMenu)||void 0===_theme$UTMenu14||null===(_theme$UTMenu14=_theme$UTMenu14.menuItemIcon)||void 0===_theme$UTMenu14?void 0:_theme$UTMenu14.width},menuItemContainer:{padding:null==theme||null===(_theme$UTMenu15=theme.UTMenu)||void 0===_theme$UTMenu15||null===(_theme$UTMenu15=_theme$UTMenu15.menuItemContainer)||void 0===_theme$UTMenu15?void 0:_theme$UTMenu15.padding,position:null==theme||null===(_theme$UTMenu16=theme.UTMenu)||void 0===_theme$UTMenu16||null===(_theme$UTMenu16=_theme$UTMenu16.menuItemContainer)||void 0===_theme$UTMenu16?void 0:_theme$UTMenu16.position},scrollBar:{maxHeight:null==theme||null===(_theme$UTMenu17=theme.UTMenu)||void 0===_theme$UTMenu17||null===(_theme$UTMenu17=_theme$UTMenu17.scrollBar)||void 0===_theme$UTMenu17?void 0:_theme$UTMenu17.maxHeight}}};export const retrieveMuiTheme=theme=>{var _theme$UTMenu18,_theme$UTMenu19;return createTheme({overrides:{MuiListItem:{divider:{borderBottomColor:null==theme||null===(_theme$UTMenu18=theme.UTMenu)||void 0===_theme$UTMenu18||null===(_theme$UTMenu18=_theme$UTMenu18.divider)||void 0===_theme$UTMenu18?void 0:_theme$UTMenu18.color,borderBottomWidth:null==theme||null===(_theme$UTMenu19=theme.UTMenu)||void 0===_theme$UTMenu19||null===(_theme$UTMenu19=_theme$UTMenu19.divider)||void 0===_theme$UTMenu19?void 0:_theme$UTMenu19.width}}}})};

package/dist/esm/components/UTMenu/utils.js

@@ -1,10 +1 @@
-import { isDesktop } from '@widergy/web-utils/lib/browser';
-export const getTransitionOrigin = placement => placement.search('bottom') >= 0 ? placement.replace('bottom', 'top') : placement.search('top') >= 0 ? placement.replace('top', 'bottom') : placement;
-export const bodyHasScroll = () => document.body && document.body.scrollHeight && window.innerHeight ? document.body.scrollHeight > window.innerHeight : false;
-export const getScrollbarWidth = () => document.body && document.body.clientWidth && window.innerWidth ? window.innerWidth - document.body.clientWidth : 0;
-export const lockScreen = (blocker, lock) => {
-  const body = document.getElementsByTagName('body')[0];
-  body.style.paddingRight = lock && isDesktop(1024) && bodyHasScroll() ? "".concat(getScrollbarWidth(), "px") : '';
-  body.style.overflow = lock ? 'hidden' : '';
-  blocker.current.style.display = lock ? 'initial' : '';
-};
+import{isDesktop}from"@widergy/web-utils/lib/browser";export const getTransitionOrigin=placement=>placement.search("bottom")>=0?placement.replace("bottom","top"):placement.search("top")>=0?placement.replace("top","bottom"):placement;export const bodyHasScroll=()=>!!(document.body&&document.body.scrollHeight&&window.innerHeight)&&document.body.scrollHeight>window.innerHeight;export const getScrollbarWidth=()=>document.body&&document.body.clientWidth&&window.innerWidth?window.innerWidth-document.body.clientWidth:0;export const lockScreen=(blocker,lock)=>{const body=document.getElementsByTagName("body")[0];body.style.paddingRight=lock&&isDesktop(1024)&&bodyHasScroll()?"".concat(getScrollbarWidth(),"px"):"",body.style.overflow=lock?"hidden":"",blocker.current.style.display=lock?"initial":""};

package/dist/esm/components/UTModal/constants.js

@@ -1,75 +1 @@
-import React from "react";
-var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333ZM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14Zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333ZM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14Z",
-    fill: "#037DB4"
-  }));
-};
-InfoIcon.defaultProps = {
-  width: "28",
-  height: "28",
-  viewBox: "0 0 28 28",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496ZM6.593 24.002 6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001ZM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333Zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333Z",
-    fill: "#A86600"
-  }));
-};
-WarningIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var SuccessIcon = function SuccessIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0Z",
-    fill: "#118460"
-  }));
-};
-SuccessIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886Z",
-    fill: "#E80C2C"
-  }));
-};
-ErrorIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-export const STATUSES = {
-  INFO: 'info',
-  WARNING: 'warning',
-  SUCCESS: 'success',
-  ERROR: 'error'
-};
-export const STATUS_ICONS = {
-  [STATUSES.INFO]: InfoIcon,
-  [STATUSES.WARNING]: WarningIcon,
-  [STATUSES.SUCCESS]: SuccessIcon,
-  [STATUSES.ERROR]: ErrorIcon
-};
-export const CANCEL_BUTTON_TEXT = 'Cancelar';
-export const ACCEPT_BUTTON_TEXT = 'Aceptar';
+import React from"react";var InfoIcon=function(props){return React.createElement("svg",props,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333ZM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14Zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333ZM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14Z",fill:"#037DB4"}))};InfoIcon.defaultProps={width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var WarningIcon=function(props){return React.createElement("svg",props,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496ZM6.593 24.002 6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001ZM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333Zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333Z",fill:"#A86600"}))};WarningIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var SuccessIcon=function(props){return React.createElement("svg",props,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0Z",fill:"#118460"}))};SuccessIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var ErrorIcon=function(props){return React.createElement("svg",props,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886Z",fill:"#E80C2C"}))};ErrorIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};export const STATUSES={INFO:"info",WARNING:"warning",SUCCESS:"success",ERROR:"error"};export const STATUS_ICONS={[STATUSES.INFO]:InfoIcon,[STATUSES.WARNING]:WarningIcon,[STATUSES.SUCCESS]:SuccessIcon,[STATUSES.ERROR]:ErrorIcon};export const CANCEL_BUTTON_TEXT="Cancelar";export const ACCEPT_BUTTON_TEXT="Aceptar";

package/dist/esm/components/UTModal/index.js

@@ -1,96 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useMemo, useRef } from 'react';
-import { bool, elementType, func, object, objectOf, shape, string } from 'prop-types';
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import { capitalize } from '../../utils/componentUtils';
-import { mergeClasses } from '../../utils/classesUtils';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import { ACCEPT_BUTTON_TEXT, CANCEL_BUTTON_TEXT, STATUS_ICONS } from './constants';
-import styles from './styles.module.scss';
-const UTModal = _ref => {
-  let {
-    cancelAction,
-    children,
-    classes: themeClasses,
-    classNames,
-    description,
-    descriptionProps = {},
-    handleClickAway,
-    isOpen,
-    primaryAction,
-    removeBodyPadding,
-    secondaryAction,
-    SecondaryActionComponent,
-    size,
-    status,
-    title
-  } = _ref;
-  const dialogRef = useRef(null);
-  useEffect(() => {
-    if (isOpen) dialogRef.current.showModal();else dialogRef.current.close();
-  }, [isOpen]);
-  const onClickDialog = event => handleClickAway && event.target.tagName === 'DIALOG' && handleClickAway();
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const StatusIcon = STATUS_ICONS[status];
-  const withSecondaryActions = !objectIsEmpty(secondaryAction) || SecondaryActionComponent;
-  return /*#__PURE__*/React.createElement("dialog", {
-    className: "".concat(styles.container, " ").concat(classes.container, " ").concat(size ? styles["container".concat(capitalize(size))] : styles.containerM),
-    onClick: onClickDialog,
-    ref: dialogRef
-  }, /*#__PURE__*/React.createElement("div", null, StatusIcon && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.status, " ").concat(classes["status".concat(capitalize(status))])
-  }, /*#__PURE__*/React.createElement(StatusIcon, {
-    className: "".concat(styles.icon, " ").concat(classes["icon".concat(capitalize(status))])
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "title3",
-    weight: "medium"
-  }, title), description && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray"
-  }, descriptionProps), description)), children && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.body, " ").concat(!removeBodyPadding && styles.bodyPadding)
-  }, children), /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.actions, "\n            ").concat(classes.actions, "\n            ").concat(withSecondaryActions && styles.withSecondaryActions, "\n          ")
-  }, withSecondaryActions && /*#__PURE__*/React.createElement("div", null, SecondaryActionComponent ? /*#__PURE__*/React.createElement(SecondaryActionComponent, null) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "secondary",
-    variant: "semitransparent"
-  }, secondaryAction), secondaryAction.label)), /*#__PURE__*/React.createElement("div", {
-    className: styles.defaultActions
-  }, !objectIsEmpty(cancelAction) && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "secondary",
-    variant: "text"
-  }, cancelAction), cancelAction.label || CANCEL_BUTTON_TEXT), !objectIsEmpty(primaryAction) && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "primary",
-    variant: "filled"
-  }, primaryAction), primaryAction.label || ACCEPT_BUTTON_TEXT)))));
-};
-UTModal.propTypes = {
-  cancelAction: shape({
-    label: string,
-    onClick: func
-  }),
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  description: string,
-  descriptionProps: object,
-  handleClickAway: func,
-  isOpen: bool,
-  primaryAction: shape({
-    label: string,
-    onClick: func
-  }),
-  removeBodyPadding: bool,
-  secondaryAction: shape({
-    label: string,
-    onClick: func
-  }),
-  SecondaryActionComponent: elementType,
-  size: string,
-  status: string,
-  title: string
-};
-export default WithTheme(retrieveStyle)(UTModal);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef}from"react";import{bool,elementType,func,object,objectOf,shape,string}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{capitalize}from"../../utils/componentUtils";import{mergeClasses}from"../../utils/classesUtils";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{ACCEPT_BUTTON_TEXT,CANCEL_BUTTON_TEXT,STATUS_ICONS}from"./constants";import styles from"./styles.module.scss";const UTModal=_ref=>{let{cancelAction:cancelAction,children:children,classes:themeClasses,classNames:classNames,description:description,descriptionProps:descriptionProps={},handleClickAway:handleClickAway,isOpen:isOpen,primaryAction:primaryAction,removeBodyPadding:removeBodyPadding,secondaryAction:secondaryAction,SecondaryActionComponent:SecondaryActionComponent,size:size,status:status,title:title}=_ref;const dialogRef=useRef(null);useEffect(()=>{isOpen?dialogRef.current.showModal():dialogRef.current.close()},[isOpen]);const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),StatusIcon=STATUS_ICONS[status],withSecondaryActions=!objectIsEmpty(secondaryAction)||SecondaryActionComponent;return React.createElement("dialog",{className:"".concat(styles.container," ").concat(classes.container," ").concat(size?styles["container".concat(capitalize(size))]:styles.containerM),onClick:event=>handleClickAway&&"DIALOG"===event.target.tagName&&handleClickAway(),ref:dialogRef},React.createElement("div",null,StatusIcon&&React.createElement("div",{className:"".concat(styles.status," ").concat(classes["status".concat(capitalize(status))])},React.createElement(StatusIcon,{className:"".concat(styles.icon," ").concat(classes["icon".concat(capitalize(status))])})),React.createElement("div",{className:styles.header},React.createElement(UTLabel,{variant:"title3",weight:"medium"},title),description&&React.createElement(UTLabel,_extends({colorTheme:"gray"},descriptionProps),description)),children&&React.createElement("div",{className:"".concat(styles.body," ").concat(!removeBodyPadding&&styles.bodyPadding)},children),React.createElement("div",{className:"\n            ".concat(styles.actions,"\n            ").concat(classes.actions,"\n            ").concat(withSecondaryActions&&styles.withSecondaryActions,"\n          ")},withSecondaryActions&&React.createElement("div",null,SecondaryActionComponent?React.createElement(SecondaryActionComponent,null):React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"semitransparent"},secondaryAction),secondaryAction.label)),React.createElement("div",{className:styles.defaultActions},!objectIsEmpty(cancelAction)&&React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"text"},cancelAction),cancelAction.label||CANCEL_BUTTON_TEXT),!objectIsEmpty(primaryAction)&&React.createElement(UTButton,_extends({colorTheme:"primary",variant:"filled"},primaryAction),primaryAction.label||ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:shape({label:string,onClick:func}),classes:objectOf(string),classNames:objectOf(string),description:string,descriptionProps:object,handleClickAway:func,isOpen:bool,primaryAction:shape({label:string,onClick:func}),removeBodyPadding:bool,secondaryAction:shape({label:string,onClick:func}),SecondaryActionComponent:elementType,size:string,status:string,title:string};export default WithTheme(retrieveStyle)(UTModal);

package/dist/esm/components/UTModal/theme.js

@@ -1,48 +1 @@
-import { resolveCssValue } from '../../utils/classesUtils';
-import { getShadow } from '../../utils/shadowUtils';
-export const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette.light['01'],
-      boxShadow: getShadow({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 2
-      }),
-      '&::backdrop': {
-        backgroundColor: resolveCssValue(theme.Palette.dark['05']),
-        opacity: '0.25'
-      }
-    },
-    statusInfo: {
-      backgroundColor: theme.Palette.information['04']
-    },
-    statusWarning: {
-      backgroundColor: theme.Palette.warning['04']
-    },
-    statusSuccess: {
-      backgroundColor: theme.Palette.success['04']
-    },
-    statusError: {
-      backgroundColor: theme.Palette.error['04']
-    },
-    iconInfo: {
-      backgroundColor: theme.Palette.information['02']
-    },
-    iconWarning: {
-      backgroundColor: theme.Palette.warning['02']
-    },
-    iconSuccess: {
-      backgroundColor: theme.Palette.success['02']
-    },
-    iconError: {
-      backgroundColor: theme.Palette.error['02']
-    },
-    actions: {
-      borderTopColor: theme.Palette.light['04']
-    }
-  };
-};
+import{resolveCssValue}from"../../utils/classesUtils";import{getShadow}from"../../utils/shadowUtils";export const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{container:{backgroundColor:theme.Palette.light["01"],boxShadow:getShadow({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow.grayscale,level:2}),"&::backdrop":{backgroundColor:resolveCssValue(theme.Palette.dark["05"]),opacity:"0.25"}},statusInfo:{backgroundColor:theme.Palette.information["04"]},statusWarning:{backgroundColor:theme.Palette.warning["04"]},statusSuccess:{backgroundColor:theme.Palette.success["04"]},statusError:{backgroundColor:theme.Palette.error["04"]},iconInfo:{backgroundColor:theme.Palette.information["02"]},iconWarning:{backgroundColor:theme.Palette.warning["02"]},iconSuccess:{backgroundColor:theme.Palette.success["02"]},iconError:{backgroundColor:theme.Palette.error["02"]},actions:{borderTopColor:theme.Palette.light["04"]}}};

package/dist/esm/components/UTOnboarding/components/OnboardingStep/index.js

@@ -1,38 +1 @@
-import React from 'react';
-import 'intro.js/introjs.css';
-import { bool, number, object, string } from 'prop-types';
-import styles from './styles.module.scss';
-const OnboardingStep = _ref => {
-  let {
-    currentStep,
-    descriptionDataTestId,
-    hideFooter = false,
-    step,
-    totalSteps,
-    variant
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
-    className: "".concat(styles.description, " ").concat(styles["".concat(variant, "Description")]),
-    "data-testid": descriptionDataTestId
-  }, step.description), step.vectorImage ? /*#__PURE__*/React.createElement(step.vectorImage, {
-    alt: "",
-    className: styles.wizardImage
-  }) : step.image && /*#__PURE__*/React.createElement("img", {
-    alt: "",
-    className: styles.wizardImage,
-    src: step.image
-  }), !hideFooter && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "".concat(styles.counterSteps, " ").concat(styles["".concat(variant, "CounterSteps")])
-  }, currentStep + 1, " de ", totalSteps)));
-};
-OnboardingStep.propTypes = {
-  currentStep: number,
-  descriptionDataTestId: string,
-  hideFooter: bool,
-  step: object,
-  totalSteps: number,
-  variant: string
-};
-export default OnboardingStep;
+import React from"react";import"intro.js/introjs.css";import{bool,number,object,string}from"prop-types";import styles from"./styles.module.scss";const OnboardingStep=_ref=>{let{currentStep:currentStep,descriptionDataTestId:descriptionDataTestId,hideFooter:hideFooter=!1,step:step,totalSteps:totalSteps,variant:variant}=_ref;return React.createElement("div",null,React.createElement("h3",{className:"".concat(styles.description," ").concat(styles["".concat(variant,"Description")]),"data-testid":descriptionDataTestId},step.description),step.vectorImage?React.createElement(step.vectorImage,{alt:"",className:styles.wizardImage}):step.image&&React.createElement("img",{alt:"",className:styles.wizardImage,src:step.image}),!hideFooter&&React.createElement("div",{className:styles.footer},React.createElement("h3",{className:"".concat(styles.counterSteps," ").concat(styles["".concat(variant,"CounterSteps")])},currentStep+1," de ",totalSteps)))};OnboardingStep.propTypes={currentStep:number,descriptionDataTestId:string,hideFooter:bool,step:object,totalSteps:number,variant:string};export default OnboardingStep;

package/dist/esm/components/UTOnboarding/constants.js

@@ -1,12 +1 @@
-export const VARIANTS = {
-  dark: 'dark',
-  information: 'information',
-  light: 'light'
-};
-export const DEFAULT_PROPS = {
-  variant: 'dark'
-};
-export const DONE_LABEL = 'Finalizar';
-export const NEXT_LABEL = 'Siguiente';
-export const PREV_LABEL = 'Atrás';
-export const START_LABEL = 'Comenzar';
+export const VARIANTS={dark:"dark",information:"information",light:"light"};export const DEFAULT_PROPS={variant:"dark"};export const DONE_LABEL="Finalizar";export const NEXT_LABEL="Siguiente";export const PREV_LABEL="Atrás";export const START_LABEL="Comenzar";

package/dist/esm/components/UTOnboarding/index.js

@@ -1,144 +1 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { Steps } from 'intro.js-react';
-import 'intro.js/introjs.css';
-import { array, bool, func, object, objectOf, string } from 'prop-types';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import { TEST_IDS } from '../../constants/testIds';
-import OnboardingStep from './components/OnboardingStep';
-import { retrieveStyle } from './theme';
-import { DONE_LABEL, NEXT_LABEL, PREV_LABEL, START_LABEL } from './constants';
-import styles from './styles.module.scss';
-const {
-  onboarding
-} = TEST_IDS;
-const UTOnboarding = _ref => {
-  var _steps$currentStep$is, _steps$currentStep, _steps$currentStep$hi, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
-  let {
-    classNames,
-    classes: themeClasses,
-    closeButtonDataTestId = onboarding.close,
-    descriptionDataTestId = onboarding.description,
-    enabled,
-    handleComplete,
-    handleOnClose,
-    nextButtonDataTestId = onboarding.nextButton,
-    options,
-    prevButtonDataTestId = onboarding.prevButton,
-    steps,
-    titleDataTestId = onboarding.title,
-    variant
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [themeClasses, classNames]) || {};
-  const [currentStep, setCurrentStep] = useState(0);
-  const [loading, setLoading] = useState(true);
-  const currentStepIsSuggestion = (_steps$currentStep$is = (_steps$currentStep = steps[currentStep]) === null || _steps$currentStep === void 0 ? void 0 : _steps$currentStep.isSuggestion) !== null && _steps$currentStep$is !== void 0 ? _steps$currentStep$is : false;
-  const hideFooter = (_steps$currentStep$hi = (_steps$currentStep2 = steps[currentStep]) === null || _steps$currentStep2 === void 0 ? void 0 : _steps$currentStep2.hideFooter) !== null && _steps$currentStep$hi !== void 0 ? _steps$currentStep$hi : false;
-  const totalSteps = steps.length;
-
-  // This timeout is here only to get the querySelectors out of the call-stack order, giving the Step component time to render every child inside. This
-  // is necessary to find the html element searched by the selectors.
-  setTimeout(() => {
-    var _nextButton$attribute, _prevButton$atrtibute, _skipButton$attribute, _stepTitle$attributes, _nextButton$setAttrib, _prevButton$setAttrib, _skipButton$setAttrib, _stepTitle$setAttribu;
-    const nextButton = document.querySelector('.introjs-nextbutton');
-    const prevButton = document.querySelector('.introjs-prevbutton');
-    const skipButton = document.querySelector('.introjs-skipbutton');
-    const stepTitle = document.querySelector('.introjs-tooltip-title');
-    if (nextButton !== null && nextButton !== void 0 && (_nextButton$attribute = nextButton.attributes) !== null && _nextButton$attribute !== void 0 && _nextButton$attribute['data-testid'] && prevButton !== null && prevButton !== void 0 && (_prevButton$atrtibute = prevButton.atrtibutes) !== null && _prevButton$atrtibute !== void 0 && _prevButton$atrtibute['data-testid'] && skipButton !== null && skipButton !== void 0 && (_skipButton$attribute = skipButton.attributes) !== null && _skipButton$attribute !== void 0 && _skipButton$attribute['data-testid'] && stepTitle !== null && stepTitle !== void 0 && (_stepTitle$attributes = stepTitle.attributes) !== null && _stepTitle$attributes !== void 0 && _stepTitle$attributes['data-testid']) return;
-    nextButton === null || nextButton === void 0 || (_nextButton$setAttrib = nextButton.setAttribute) === null || _nextButton$setAttrib === void 0 || _nextButton$setAttrib.call(nextButton, 'data-testid', nextButtonDataTestId);
-    prevButton === null || prevButton === void 0 || (_prevButton$setAttrib = prevButton.setAttribute) === null || _prevButton$setAttrib === void 0 || _prevButton$setAttrib.call(prevButton, 'data-testid', prevButtonDataTestId);
-    skipButton === null || skipButton === void 0 || (_skipButton$setAttrib = skipButton.setAttribute) === null || _skipButton$setAttrib === void 0 || _skipButton$setAttrib.call(skipButton, 'data-testid', closeButtonDataTestId);
-    stepTitle === null || stepTitle === void 0 || (_stepTitle$setAttribu = stepTitle.setAttribute) === null || _stepTitle$setAttribu === void 0 || _stepTitle$setAttribu.call(stepTitle, 'data-testid', titleDataTestId);
-  }, 1);
-  useEffect(() => {
-    setLoading(false);
-  }, [steps]);
-  useEffect(() => {
-    const referenceLayer = document.querySelector('.introjs-tooltipReferenceLayer');
-    if (currentStepIsSuggestion) {
-      var _referenceLayer$class;
-      referenceLayer === null || referenceLayer === void 0 || (_referenceLayer$class = referenceLayer.classList) === null || _referenceLayer$class === void 0 || _referenceLayer$class.add(styles.suggestionReference);
-    } else {
-      var _referenceLayer$class2;
-      referenceLayer === null || referenceLayer === void 0 || (_referenceLayer$class2 = referenceLayer.classList) === null || _referenceLayer$class2 === void 0 || _referenceLayer$class2.remove(styles.suggestionReference);
-    }
-    const footer = document.querySelector('.introjs-tooltipbuttons');
-    if (hideFooter) {
-      var _footer$classList;
-      footer === null || footer === void 0 || (_footer$classList = footer.classList) === null || _footer$classList === void 0 || _footer$classList.add(styles.displayNone);
-    } else {
-      var _footer$classList2;
-      footer === null || footer === void 0 || (_footer$classList2 = footer.classList) === null || _footer$classList2 === void 0 || _footer$classList2.remove(styles.displayNone);
-    }
-  });
-  return loading ? null : /*#__PURE__*/React.createElement(Steps, {
-    enabled: enabled,
-    steps: steps.map((step, index) => ({
-      ...step,
-      intro: step.description ? /*#__PURE__*/React.createElement(OnboardingStep, {
-        buttonPreviousTitle: step === null || step === void 0 ? void 0 : step.buttonPreviousTitle,
-        classes: classes,
-        currentStep: index,
-        descriptionDataTestId: descriptionDataTestId,
-        hideFooter: step === null || step === void 0 ? void 0 : step.hideFooter,
-        key: step,
-        nextStep: step === null || step === void 0 ? void 0 : step.nextStep,
-        step: step,
-        totalSteps: totalSteps,
-        variant: variant
-      }) : step.intro
-    })),
-    initialStep: 0,
-    onExit: handleOnClose,
-    onBeforeChange: nextStep => {
-      var _steps$nextStep;
-      const overlay = document.querySelector('.introjs-overlay');
-      setCurrentStep(nextStep);
-      if ((_steps$nextStep = steps[nextStep]) !== null && _steps$nextStep !== void 0 && _steps$nextStep.isSuggestion) {
-        var _overlay$classList;
-        overlay === null || overlay === void 0 || (_overlay$classList = overlay.classList) === null || _overlay$classList === void 0 || _overlay$classList.add(styles.suggestionOverlay);
-      } else {
-        var _overlay$classList2;
-        overlay === null || overlay === void 0 || (_overlay$classList2 = overlay.classList) === null || _overlay$classList2 === void 0 || _overlay$classList2.remove(styles.suggestionOverlay);
-      }
-    },
-    onComplete: handleComplete || {},
-    options: {
-      buttonClass: "".concat(styles.button, " ").concat(styles["".concat(variant, "Button")] || '', " ").concat(classes.buttons),
-      doneLabel: DONE_LABEL,
-      exitOnEsc: false,
-      exitOnOverlayClick: false,
-      helperElementPadding: 0,
-      hidePrev: true,
-      nextLabel: currentStep === 0 ? START_LABEL : NEXT_LABEL,
-      prevLabel: PREV_LABEL,
-      showBullets: false,
-      showProgress: false,
-      tooltipClass: "".concat(styles.tooltipContainer, " ").concat(classes.onboardingContainer),
-      highlightClass: (_steps$currentStep3 = steps[currentStep]) !== null && _steps$currentStep3 !== void 0 && _steps$currentStep3.isSuggestion ? styles.suggestionHighlight : styles.highlight,
-      ...((_steps$currentStep4 = steps[currentStep]) !== null && _steps$currentStep4 !== void 0 && _steps$currentStep4.hideFooter ? {
-        hidePrev: true,
-        hideNext: true,
-        showProgress: false,
-        showButtons: false
-      } : null),
-      ...options
-    }
-  });
-};
-UTOnboarding.propTypes = {
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  closeButtonDataTestId: string,
-  descriptionDataTestId: string,
-  enabled: bool,
-  handleComplete: func,
-  handleOnClose: func,
-  nextButtonDataTestId: string,
-  options: object,
-  prevButtonDataTestId: string,
-  steps: array,
-  titleDataTestId: string,
-  variant: string
-};
-export default WithTheme(retrieveStyle)(UTOnboarding);
+import React,{useState,useEffect,useMemo}from"react";import{Steps}from"intro.js-react";import"intro.js/introjs.css";import{array,bool,func,object,objectOf,string}from"prop-types";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import OnboardingStep from"./components/OnboardingStep";import{retrieveStyle}from"./theme";import{DONE_LABEL,NEXT_LABEL,PREV_LABEL,START_LABEL}from"./constants";import styles from"./styles.module.scss";const{onboarding:onboarding}=TEST_IDS,UTOnboarding=_ref=>{var _steps$currentStep$is,_steps$currentStep,_steps$currentStep$hi,_steps$currentStep2,_steps$currentStep3,_steps$currentStep4;let{classNames:classNames,classes:themeClasses,closeButtonDataTestId:closeButtonDataTestId=onboarding.close,descriptionDataTestId:descriptionDataTestId=onboarding.description,enabled:enabled,handleComplete:handleComplete,handleOnClose:handleOnClose,nextButtonDataTestId:nextButtonDataTestId=onboarding.nextButton,options:options,prevButtonDataTestId:prevButtonDataTestId=onboarding.prevButton,steps:steps,titleDataTestId:titleDataTestId=onboarding.title,variant:variant}=_ref;const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[themeClasses,classNames])||{},[currentStep,setCurrentStep]=useState(0),[loading,setLoading]=useState(!0),currentStepIsSuggestion=null!==(_steps$currentStep$is=null===(_steps$currentStep=steps[currentStep])||void 0===_steps$currentStep?void 0:_steps$currentStep.isSuggestion)&&void 0!==_steps$currentStep$is&&_steps$currentStep$is,hideFooter=null!==(_steps$currentStep$hi=null===(_steps$currentStep2=steps[currentStep])||void 0===_steps$currentStep2?void 0:_steps$currentStep2.hideFooter)&&void 0!==_steps$currentStep$hi&&_steps$currentStep$hi,totalSteps=steps.length;return setTimeout(()=>{var _nextButton$attribute,_prevButton$atrtibute,_skipButton$attribute,_stepTitle$attributes,_nextButton$setAttrib,_prevButton$setAttrib,_skipButton$setAttrib,_stepTitle$setAttribu;const nextButton=document.querySelector(".introjs-nextbutton"),prevButton=document.querySelector(".introjs-prevbutton"),skipButton=document.querySelector(".introjs-skipbutton"),stepTitle=document.querySelector(".introjs-tooltip-title");null!=nextButton&&null!==(_nextButton$attribute=nextButton.attributes)&&void 0!==_nextButton$attribute&&_nextButton$attribute["data-testid"]&&null!=prevButton&&null!==(_prevButton$atrtibute=prevButton.atrtibutes)&&void 0!==_prevButton$atrtibute&&_prevButton$atrtibute["data-testid"]&&null!=skipButton&&null!==(_skipButton$attribute=skipButton.attributes)&&void 0!==_skipButton$attribute&&_skipButton$attribute["data-testid"]&&null!=stepTitle&&null!==(_stepTitle$attributes=stepTitle.attributes)&&void 0!==_stepTitle$attributes&&_stepTitle$attributes["data-testid"]||(null==nextButton||null===(_nextButton$setAttrib=nextButton.setAttribute)||void 0===_nextButton$setAttrib||_nextButton$setAttrib.call(nextButton,"data-testid",nextButtonDataTestId),null==prevButton||null===(_prevButton$setAttrib=prevButton.setAttribute)||void 0===_prevButton$setAttrib||_prevButton$setAttrib.call(prevButton,"data-testid",prevButtonDataTestId),null==skipButton||null===(_skipButton$setAttrib=skipButton.setAttribute)||void 0===_skipButton$setAttrib||_skipButton$setAttrib.call(skipButton,"data-testid",closeButtonDataTestId),null==stepTitle||null===(_stepTitle$setAttribu=stepTitle.setAttribute)||void 0===_stepTitle$setAttribu||_stepTitle$setAttribu.call(stepTitle,"data-testid",titleDataTestId))},1),useEffect(()=>{setLoading(!1)},[steps]),useEffect(()=>{const referenceLayer=document.querySelector(".introjs-tooltipReferenceLayer");var _referenceLayer$class,_referenceLayer$class2;currentStepIsSuggestion?null==referenceLayer||null===(_referenceLayer$class=referenceLayer.classList)||void 0===_referenceLayer$class||_referenceLayer$class.add(styles.suggestionReference):null==referenceLayer||null===(_referenceLayer$class2=referenceLayer.classList)||void 0===_referenceLayer$class2||_referenceLayer$class2.remove(styles.suggestionReference);const footer=document.querySelector(".introjs-tooltipbuttons");var _footer$classList,_footer$classList2;hideFooter?null==footer||null===(_footer$classList=footer.classList)||void 0===_footer$classList||_footer$classList.add(styles.displayNone):null==footer||null===(_footer$classList2=footer.classList)||void 0===_footer$classList2||_footer$classList2.remove(styles.displayNone)}),loading?null:React.createElement(Steps,{enabled:enabled,steps:steps.map((step,index)=>({...step,intro:step.description?React.createElement(OnboardingStep,{buttonPreviousTitle:null==step?void 0:step.buttonPreviousTitle,classes:classes,currentStep:index,descriptionDataTestId:descriptionDataTestId,hideFooter:null==step?void 0:step.hideFooter,key:step,nextStep:null==step?void 0:step.nextStep,step:step,totalSteps:totalSteps,variant:variant}):step.intro})),initialStep:0,onExit:handleOnClose,onBeforeChange:nextStep=>{var _steps$nextStep;const overlay=document.querySelector(".introjs-overlay");var _overlay$classList,_overlay$classList2;(setCurrentStep(nextStep),null!==(_steps$nextStep=steps[nextStep])&&void 0!==_steps$nextStep&&_steps$nextStep.isSuggestion)?null==overlay||null===(_overlay$classList=overlay.classList)||void 0===_overlay$classList||_overlay$classList.add(styles.suggestionOverlay):null==overlay||null===(_overlay$classList2=overlay.classList)||void 0===_overlay$classList2||_overlay$classList2.remove(styles.suggestionOverlay)},onComplete:handleComplete||{},options:{buttonClass:"".concat(styles.button," ").concat(styles["".concat(variant,"Button")]||""," ").concat(classes.buttons),doneLabel:DONE_LABEL,exitOnEsc:!1,exitOnOverlayClick:!1,helperElementPadding:0,hidePrev:!0,nextLabel:0===currentStep?START_LABEL:NEXT_LABEL,prevLabel:PREV_LABEL,showBullets:!1,showProgress:!1,tooltipClass:"".concat(styles.tooltipContainer," ").concat(classes.onboardingContainer),highlightClass:null!==(_steps$currentStep3=steps[currentStep])&&void 0!==_steps$currentStep3&&_steps$currentStep3.isSuggestion?styles.suggestionHighlight:styles.highlight,...null!==(_steps$currentStep4=steps[currentStep])&&void 0!==_steps$currentStep4&&_steps$currentStep4.hideFooter?{hidePrev:!0,hideNext:!0,showProgress:!1,showButtons:!1}:null,...options}})};UTOnboarding.propTypes={classNames:objectOf(string),classes:objectOf(string),closeButtonDataTestId:string,descriptionDataTestId:string,enabled:bool,handleComplete:func,handleOnClose:func,nextButtonDataTestId:string,options:object,prevButtonDataTestId:string,steps:array,titleDataTestId:string,variant:string};export default WithTheme(retrieveStyle)(UTOnboarding);