@bigbinary/neeto-molecules 1.2.0-beta1 → 1.2.0-beta3

package/dist/Onboarding.js

@@ -1,128 +1,17 @@
-import { _ as _extends } from './extends-093996c9.js';
-import React__default, { useMemo } from 'react';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default, { useMemo, useState } from 'react';
 import classnames from 'classnames';
-import { isPresent, noop } from '@bigbinary/neeto-cist';
-import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import { noop } from '@bigbinary/neeto-cist';
 import { Typography, Button, Stepper } from '@bigbinary/neetoui';
-import { p as propTypes } from './index-e5588516.js';
+import _extends from '@babel/runtime/helpers/extends';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { n } from './inject-css-c86de496.js';
-import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
-import { useTranslation } from 'react-i18next';
-import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { t } from 'i18next';
+import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
 import { RightArrow } from '@bigbinary/neeto-icons';
-
-var css$1 = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px;width:100%}";
-n(css$1,{});
-
-var CompletedScreen$1 = withT(function (_ref) {
-  var t = _ref.t,
-    title = _ref.title,
-    description = _ref.description,
-    children = _ref.children,
-    buttonProps = _ref.buttonProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-onboarding__wrapper", className),
-    "data-testid": "onboarding-congratulations-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto mb-6 w-full max-w-2xl space-y-2"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "onboarding-congratulations-emoji",
-    style: "h1"
-  }, "\uD83C\uDF89"), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "onboarding-congratulations-title",
-    "data-testid": "onboarding-congratulations-title",
-    style: "h1"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-ui-text-success-500"
-  }, t("neetoMolecules.onboarding.congratulations")), /*#__PURE__*/React__default.createElement("br", null), title), description && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "onboarding-congratulations-description",
-    "data-testid": "onboarding-congratulations-description",
-    lineHeight: "normal",
-    style: "body1"
-  }, description), children), isPresent(buttonProps) && /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "onboarding-congratulations-button",
-    "data-testid": "onboarding-congratulations-button",
-    label: t("neetoMolecules.onboarding.startUsing")
-  }, buttonProps)));
-});
-CompletedScreen$1.propTypes = {
-  /**
-   * To specify external classnames as overrides.
-   */
-  className: propTypes.exports.string,
-  /**
-   * Title of the completed screen
-   */
-  title: propTypes.exports.string,
-  /**
-   * Description of the completed screen
-   */
-  description: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-  /**
-   * Additional children elements to be rendered within the completed screen.
-   */
-  children: propTypes.exports.node,
-  /**
-   * Additional props that can be passed on to the button
-   */
-  buttonProps: propTypes.exports.object
-};
-
-var HelpScreen$1 = function HelpScreen(_ref) {
-  var buttonProps = _ref.buttonProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$standalone = _ref.standalone,
-    standalone = _ref$standalone === void 0 ? false : _ref$standalone;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-onboarding__wrapper", className),
-    "data-testid": "onboarding-help-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto w-full max-w-2xl space-y-6"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "space-y-3"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    component: "h1",
-    "data-cy": "onboarding-help-title",
-    "data-testid": "onboarding-help-title",
-    style: "h2"
-  }, standalone ? t("neetoMolecules.onboarding.helpScreen.welcomeToTitle", {
-    appName: globalProps.appName
-  }) : t("neetoMolecules.onboarding.helpScreen.title")), /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "onboarding-help-description",
-    "data-testid": "onboarding-help-description",
-    lineHeight: "normal",
-    style: "body1"
-  }, t("neetoMolecules.onboarding.helpScreen.description")), /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full overflow-hidden"
-  }, isSize("mobile") ? /*#__PURE__*/React__default.createElement("img", {
-    alt: "",
-    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg"
-  }) : /*#__PURE__*/React__default.createElement("img", {
-    alt: "",
-    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg"
-  }))), /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "onboarding-help-button",
-    "data-testid": "onboarding-help-button",
-    label: standalone ? t("neetoMolecules.onboarding.helpScreen.startUsingButton", {
-      appName: globalProps.appName
-    }) : t("neetoMolecules.onboarding.helpScreen.continueButton")
-  }, buttonProps))));
-};
-
-var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px;width:100%}.neeto-molecules-onboarding__container{display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative;width:100%}.neeto-molecules-onboarding__stepper-wrapper{background-color:rgb(var(--neeto-ui-white));border-bottom:1px solid rgb(var(--neeto-ui-gray-200));display:flex;flex-shrink:0;padding:8px 16px;width:100%}@media (min-width:1024px){.neeto-molecules-onboarding__stepper-wrapper{justify-content:center}}.neeto-molecules-onboarding__content{flex-grow:1;min-height:0;overflow-y:auto;width:100%}";
-n(css,{});
+import { useTranslation } from 'react-i18next';
 
 var CompletedScreen = withT(function (_ref) {
   var t = _ref.t,
@@ -144,25 +33,29 @@ var CompletedScreen = withT(function (_ref) {
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "neeto-ui-text-success-500"
   }, t("neetoMolecules.onboarding.congratulations")), /*#__PURE__*/React__default.createElement("br", null), t("neetoMolecules.onboarding.readyToUse", {
-    appName: globalProps$1.appName
+    appName: globalProps.appName
   }))), /*#__PURE__*/React__default.createElement(Button, _extends({
     "data-cy": "onboarding-congratulations-button",
     "data-testid": "onboarding-congratulations-button",
     label: t("neetoMolecules.onboarding.helpScreen.startUsingButton", {
-      appName: globalProps$1.appName
+      appName: globalProps.appName
     })
   }, completeButtonProps)));
 });
 
+var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px;width:100%}.neeto-molecules-onboarding__container{display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative;width:100%}.neeto-molecules-onboarding__stepper-wrapper{background-color:rgb(var(--neeto-ui-white));border-bottom:1px solid rgb(var(--neeto-ui-gray-200));display:flex;flex-shrink:0;padding:8px 16px;width:100%}@media (min-width:1024px){.neeto-molecules-onboarding__stepper-wrapper{justify-content:center}}.neeto-molecules-onboarding__content{flex-grow:1;min-height:0;overflow-y:auto;width:100%}.neeto-molecules-onboarding__content--forward{animation:slideInRight .4s ease backwards}.neeto-molecules-onboarding__content--backward{animation:slideInLeft .4s ease backwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}";
+n(css,{});
+
 var HelpScreen = function HelpScreen(_ref) {
   var setCurrentStep = _ref.setCurrentStep,
-    currentStep = _ref.currentStep;
+    currentStep = _ref.currentStep,
+    helpScreenClassName = _ref.helpScreenClassName;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto w-full max-w-2xl space-y-6 p-4"
+    className: classnames("mx-auto w-full max-w-2xl space-y-6 p-4", helpScreenClassName)
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-3"
   }, /*#__PURE__*/React__default.createElement(Typography, {
@@ -197,11 +90,12 @@ var HelpScreen = function HelpScreen(_ref) {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createSteps = function createSteps(onboardingSteps, setCurrentStep, currentStep) {
+var createSteps = function createSteps(onboardingSteps, setCurrentStep, currentStep, helpScreenClassName) {
   var helpStep = {
     label: t("neetoMolecules.onboarding.helpLabel"),
     element: /*#__PURE__*/React__default.createElement(HelpScreen, {
       currentStep: currentStep,
+      helpScreenClassName: helpScreenClassName,
       setCurrentStep: setCurrentStep
     })
   };
@@ -212,7 +106,7 @@ var createSteps = function createSteps(onboardingSteps, setCurrentStep, currentS
   });
 };
 
-var WelcomeScreen$1 = withT(function (_ref) {
+var WelcomeScreen = withT(function (_ref) {
   var t = _ref.t,
     setCurrentStep = _ref.setCurrentStep,
     currentStep = _ref.currentStep;
@@ -227,7 +121,7 @@ var WelcomeScreen$1 = withT(function (_ref) {
     "data-testid": "onboarding-welcome-title",
     style: "h1"
   }, t("neetoMolecules.onboarding.helpScreen.welcomeToTitle", {
-    appName: globalProps$1.appName
+    appName: globalProps.appName
   })), /*#__PURE__*/React__default.createElement(Typography, {
     className: "text-center",
     "data-cy": "onboarding-welcome-description",
@@ -235,7 +129,7 @@ var WelcomeScreen$1 = withT(function (_ref) {
     lineHeight: "normal",
     style: "body1"
   }, t("neetoMolecules.onboarding.letUsCustomize", {
-    appName: globalProps$1.appName
+    appName: globalProps.appName
   }))), /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": "onboarding-welcome-button",
     "data-testid": "onboarding-welcome-button",
@@ -248,7 +142,6 @@ var WelcomeScreen$1 = withT(function (_ref) {
 });
 
 var Onboarding = function Onboarding(_ref) {
-  var _steps;
   var _ref$currentStep = _ref.currentStep,
     currentStep = _ref$currentStep === void 0 ? 0 : _ref$currentStep,
     _ref$setCurrentStep = _ref.setCurrentStep,
@@ -256,12 +149,20 @@ var Onboarding = function Onboarding(_ref) {
     _ref$onboardingSteps = _ref.onboardingSteps,
     onboardingSteps = _ref$onboardingSteps === void 0 ? [] : _ref$onboardingSteps,
     _ref$completeButtonPr = _ref.completeButtonProps,
-    completeButtonProps = _ref$completeButtonPr === void 0 ? {} : _ref$completeButtonPr;
+    completeButtonProps = _ref$completeButtonPr === void 0 ? {} : _ref$completeButtonPr,
+    _ref$helpScreenClassN = _ref.helpScreenClassName,
+    helpScreenClassName = _ref$helpScreenClassN === void 0 ? "" : _ref$helpScreenClassN,
+    _ref$isAnimated = _ref.isAnimated,
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
   var steps = useMemo(function () {
-    return createSteps(onboardingSteps, setCurrentStep, currentStep);
+    return createSteps(onboardingSteps, setCurrentStep, currentStep, helpScreenClassName);
   }, [onboardingSteps]);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    direction = _useState2[0],
+    setDirection = _useState2[1];
   if (currentStep === 0) {
-    return /*#__PURE__*/React__default.createElement(WelcomeScreen$1, {
+    return /*#__PURE__*/React__default.createElement(WelcomeScreen, {
       currentStep: currentStep,
       setCurrentStep: setCurrentStep
     });
@@ -272,7 +173,9 @@ var Onboarding = function Onboarding(_ref) {
     });
   }
   var handleStepChange = function handleStepChange(index) {
-    return setCurrentStep(index + 1);
+    var nextStep = index + 1;
+    setDirection(currentStep > nextStep ? "backward" : "forward");
+    setCurrentStep(nextStep);
   };
   var isStepperVisible = steps.length > 1;
   return /*#__PURE__*/React__default.createElement("div", {
@@ -285,59 +188,17 @@ var Onboarding = function Onboarding(_ref) {
     steps: steps,
     activeIndex: currentStep - 1,
     setActiveIndex: handleStepChange
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-onboarding__content"
-  }, (_steps = steps[currentStep - 1]) === null || _steps === void 0 ? void 0 : _steps.element));
-};
-
-var WelcomeScreen = withT(function (_ref) {
-  var t = _ref.t,
-    title = _ref.title,
-    description = _ref.description,
-    buttonProps = _ref.buttonProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-onboarding__wrapper", className),
-    "data-testid": "onboarding-welcome-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto mb-6 w-full max-w-2xl space-y-2"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "onboarding-welcome-title",
-    "data-testid": "onboarding-welcome-title",
-    style: "h1"
-  }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "onboarding-welcome-description",
-    "data-testid": "onboarding-welcome-description",
-    lineHeight: "normal",
-    style: "body1"
-  }, description)), /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "onboarding-welcome-button",
-    "data-testid": "onboarding-welcome-button",
-    icon: RightArrow,
-    label: t("neetoMolecules.onboarding.getStarted")
-  }, buttonProps)));
-});
-WelcomeScreen.propTypes = {
-  /**
-   * To specify external classnames as overrides.
-   */
-  className: propTypes.exports.string,
-  /**
-   * Title of the welcome screen
-   */
-  title: propTypes.exports.string,
-  /**
-   * Description of the welcome screen
-   */
-  description: propTypes.exports.string,
-  /**
-   * Additional props that can be passed on to the button
-   */
-  buttonProps: propTypes.exports.object
+  })), steps.map(function (step, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index,
+      className: classnames("neeto-molecules-onboarding__content", {
+        "neeto-molecules-onboarding__content--forward overflow-x-hidden": isAnimated && direction === "forward",
+        "neeto-molecules-onboarding__content--backward overflow-x-hidden": isAnimated && direction === "backward",
+        hidden: currentStep - 1 !== index
+      })
+    }, step === null || step === void 0 ? void 0 : step.element);
+  }));
 };
 
-export { CompletedScreen$1 as CompletedScreen, HelpScreen$1 as HelpScreen, WelcomeScreen, Onboarding as default };
+export { Onboarding as default };
 //# sourceMappingURL=Onboarding.js.map

package/dist/Onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/Onboarding/HelpScreen.jsx","../src/components/Onboarding/Onboarding/utils.jsx","../src/components/Onboarding/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/Onboarding/index.jsx","../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n  ({ t, title, description, children, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-congratulations-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-emoji\"\n          style=\"h1\"\n        >\n          🎉\n        </Typography>\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-congratulations-title\"\n          data-testid=\"onboarding-congratulations-title\"\n          style=\"h1\"\n        >\n          <span className=\"neeto-ui-text-success-500\">\n            {t(\"neetoMolecules.onboarding.congratulations\")}\n          </span>\n          <br />\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-congratulations-description\"\n            data-testid=\"onboarding-congratulations-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {isPresent(buttonProps) && (\n        <Button\n          data-cy=\"onboarding-congratulations-button\"\n          data-testid=\"onboarding-congratulations-button\"\n          label={t(\"neetoMolecules.onboarding.startUsing\")}\n          {...buttonProps}\n        />\n      )}\n    </div>\n  )\n);\n\nCompletedScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the completed screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the completed screen\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Additional children elements to be rendered within the completed screen.\n   */\n  children: PropTypes.node,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./onboarding.scss\";\n\nconst HelpScreen = ({ buttonProps, className = \"\", standalone = false }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-help-wrapper\"\n    >\n      <div className=\"mx-auto w-full max-w-2xl space-y-6\">\n        <div className=\"space-y-3\">\n          <Typography\n            component=\"h1\"\n            data-cy=\"onboarding-help-title\"\n            data-testid=\"onboarding-help-title\"\n            style=\"h2\"\n          >\n            {standalone\n              ? t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n                  appName: globalProps.appName,\n                })\n              : t(\"neetoMolecules.onboarding.helpScreen.title\")}\n          </Typography>\n          <Typography\n            data-cy=\"onboarding-help-description\"\n            data-testid=\"onboarding-help-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n          </Typography>\n          <div className=\"w-full overflow-hidden\">\n            {isSize(\"mobile\") ? (\n              <img\n                alt=\"\"\n                src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n              />\n            ) : (\n              <img\n                alt=\"\"\n                src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n              />\n            )}\n          </div>\n        </div>\n        <Button\n          data-cy=\"onboarding-help-button\"\n          data-testid=\"onboarding-help-button\"\n          label={\n            standalone\n              ? t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n                  appName: globalProps.appName,\n                })\n              : t(\"neetoMolecules.onboarding.helpScreen.continueButton\")\n          }\n          {...buttonProps}\n        />\n      </div>\n    </div>\n  );\n};\n\nHelpScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify if the help screen is standalone or not.\n   */\n  standalone: PropTypes.bool,\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div className=\"mx-auto w-full max-w-2xl space-y-6 p-4\">\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (onboardingSteps, setCurrentStep, currentStep) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: <HelpScreen {...{ currentStep, setCurrentStep }} />,\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n}) => {\n  const steps = useMemo(\n    () => createSteps(onboardingSteps, setCurrentStep, currentStep),\n    [onboardingSteps]\n  );\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => setCurrentStep(index + 1);\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={handleStepChange}\n          />\n        </div>\n      )}\n      <div className=\"neeto-molecules-onboarding__content\">\n        {steps[currentStep - 1]?.element}\n      </div>\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n};\n\nexport default Onboarding;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n  ({ t, title, description, buttonProps, className = \"\" }) => (\n    <div\n      className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n      data-testid=\"onboarding-welcome-wrapper\"\n    >\n      <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n        <Typography\n          className=\"text-center\"\n          data-cy=\"onboarding-welcome-title\"\n          data-testid=\"onboarding-welcome-title\"\n          style=\"h1\"\n        >\n          {title}\n        </Typography>\n        {description && (\n          <Typography\n            className=\"text-center\"\n            data-cy=\"onboarding-welcome-description\"\n            data-testid=\"onboarding-welcome-description\"\n            lineHeight=\"normal\"\n            style=\"body1\"\n          >\n            {description}\n          </Typography>\n        )}\n      </div>\n      <Button\n        data-cy=\"onboarding-welcome-button\"\n        data-testid=\"onboarding-welcome-button\"\n        icon={RightArrow}\n        label={t(\"neetoMolecules.onboarding.getStarted\")}\n        {...buttonProps}\n      />\n    </div>\n  )\n);\n\nWelcomeScreen.propTypes = {\n  /**\n   * To specify external classnames as overrides.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the welcome screen\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the welcome screen\n   */\n  description: PropTypes.string,\n  /**\n   * Additional props that can be passed on to the button\n   */\n  buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","HelpScreen","_ref$standalone","standalone","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","component","appName","globalProps","alt","src","completeButtonProps","setCurrentStep","currentStep","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_steps","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","steps","useMemo","length","handleStepChange","index","isStepperVisible","classNames","Stepper","activeIndex","setActiveIndex"],"mappings":"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"}
+{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/utils.jsx","../src/components/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n  const [direction, setDirection] = useState(\"\");\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => {\n    const nextStep = index + 1;\n    setDirection(currentStep > nextStep ? \"backward\" : \"forward\");\n    setCurrentStep(nextStep);\n  };\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","React","createElement","className","Typography","style","appName","globalProps","Button","_extends","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","steps","useMemo","_useState","useState","_useState2","_slicedToArray","direction","setDirection","length","handleStepChange","index","nextStep","isStepperVisible","Stepper","activeIndex","setActiveIndex","key","hidden"],"mappings":"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"}

package/dist/OptionFields.js

@@ -1,5 +1,5 @@
-import { _ as _extends } from './extends-093996c9.js';
-import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import _extends from '@babel/runtime/helpers/extends';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { isNotEmpty, noop, slugify } from '@bigbinary/neeto-cist';
@@ -8,8 +8,8 @@ import { Typography, Button, Modal, Textarea, Input } from '@bigbinary/neetoui';
 import { reject, prop, isEmpty, assocPath, remove, move, append, path, pluck } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useFormikContext } from 'formik';
 import i18next from 'i18next';
 

package/dist/PageLoader.js

@@ -1,57 +1,10 @@
-import { _ as _extends$1 } from './extends-093996c9.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import * as React from 'react';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { Typography } from '@bigbinary/neetoui';
 import { n } from './inject-css-c86de496.js';
 
-var _path, _path2, _g, _defs;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var SvgNeeto = function SvgNeeto(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 50,
-    height: 50,
-    viewBox: "0 0 415 415",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
-    fill: "#0043AC"
-  })), /*#__PURE__*/React.createElement("mask", {
-    id: "neeto_svg__a",
-    style: {
-      maskType: "alpha"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: 0,
-    y: 0,
-    width: 415,
-    height: 415
-  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
-    fill: "#0043AC"
-  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#neeto_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z",
-    fill: "url(#neeto_svg__b)"
-  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
-    id: "neeto_svg__b",
-    cx: 0,
-    cy: 0,
-    r: 1,
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "rotate(47.118 -220.556 214.818) scale(427.964 725.049)"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#0043AC"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#3DB1CA",
-    stopOpacity: 0.8
-  })))));
-};
-
-var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
+var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{margin-bottom:16px;padding:8px;position:relative}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__loader{animation:neeto-molecules-pageloader-anim1 .8s linear infinite alternate,neeto-molecules-pageloader-anim2 1.6s linear infinite;aspect-ratio:1;border:5px solid #5bcc5a;border-radius:50%;width:36px}@keyframes neeto-molecules-pageloader-anim1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes neeto-molecules-pageloader-anim2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}";
 n(css,{});
 
 var _excluded = ["text"];
@@ -59,29 +12,16 @@ var PageLoader = function PageLoader(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "" : _ref$text,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     className: "neeto-molecules-pageloader__wrapper"
   }, otherProps), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center",
     "data-cy": "neeto-molecules-pageloader"
-  }, /*#__PURE__*/React__default.createElement(SvgNeeto, {
-    className: "neeto-molecules-pageloader__logo",
-    size: 50
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__spinner"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__rect1"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__rect2"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__rect3"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__rect4"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-pageloader__rect5"
-  }))), text && /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-molecules-pageloader__loader"
+  })), text && /*#__PURE__*/React__default.createElement(Typography, {
     style: "h5",
     weight: "semibold"
   }, text)));

package/dist/PageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.js","sources":["../src/assets/images/neeto.svg","../src/components/PageLoader/index.jsx"],"sourcesContent":["<svg width=\"50\" height=\"50\" viewBox=\"0 0 415 415\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M414.989 207.495C414.989 92.8986 322.091 0 207.495 0H0V414.989H414.989V207.495Z\" fill=\"#0043AC\"/>\n  <mask id=\"mask0_4209_5356\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"415\" height=\"415\">\n  <path d=\"M414.989 207.495C414.989 92.8986 322.091 0 207.495 0H0V414.989H414.989V207.495Z\" fill=\"#0043AC\"/>\n  </mask>\n  <g mask=\"url(#mask0_4209_5356)\">\n  <path d=\"M233.747 348.74C322.326 449.885 405.762 465.151 436.408 460.141V492.632H-8.03214V230.487C35.6531 227.761 145.168 247.595 233.747 348.74Z\" fill=\"url(#paint0_radial_4209_5356)\"/>\n  </g>\n  <defs>\n  <radialGradient id=\"paint0_radial_4209_5356\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(86.9393 230.252) rotate(47.1183) scale(427.964 725.049)\">\n  <stop stop-color=\"#0043AC\"/>\n  <stop offset=\"1\" stop-color=\"#3DB1CA\" stop-opacity=\"0.8\"/>\n  </radialGradient>\n  </defs>\n</svg>\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Neeto from \"assets/images/neeto\";\n\nimport \"./page-loader.scss\";\n\nconst PageLoader = ({ text = \"\", ...otherProps }) => (\n  <div className=\"neeto-molecules-pageloader__wrapper\" {...otherProps}>\n    <div className=\"neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center\">\n      <div\n        className=\"neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center\"\n        data-cy=\"neeto-molecules-pageloader\"\n      >\n        <Neeto className=\"neeto-molecules-pageloader__logo\" size={50} />\n        <div className=\"neeto-molecules-pageloader__spinner\">\n          <div className=\"neeto-molecules-pageloader__rect1\" />\n          <div className=\"neeto-molecules-pageloader__rect2\" />\n          <div className=\"neeto-molecules-pageloader__rect3\" />\n          <div className=\"neeto-molecules-pageloader__rect4\" />\n          <div className=\"neeto-molecules-pageloader__rect5\" />\n        </div>\n      </div>\n      {text && (\n        <Typography style=\"h5\" weight=\"semibold\">\n          {text}\n        </Typography>\n      )}\n    </div>\n  </div>\n);\n\nPageLoader.propTypes = {\n  /**\n   * Text to indicate loading status (optional).\n   */\n  text: PropTypes.string,\n};\n\nexport default React.memo(PageLoader);\n"],"names":["PageLoader","_ref","_ref$text","text","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Neeto","size","Typography","style","weight","memo"],"mappings":"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"}
+{"version":3,"file":"PageLoader.js","sources":["../src/components/PageLoader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./page-loader.scss\";\n\nconst PageLoader = ({ text = \"\", ...otherProps }) => (\n  <div className=\"neeto-molecules-pageloader__wrapper\" {...otherProps}>\n    <div className=\"neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center\">\n      <div\n        className=\"neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center\"\n        data-cy=\"neeto-molecules-pageloader\"\n      >\n        <div className=\"neeto-molecules-pageloader__loader\" />\n      </div>\n      {text && (\n        <Typography style=\"h5\" weight=\"semibold\">\n          {text}\n        </Typography>\n      )}\n    </div>\n  </div>\n);\n\nPageLoader.propTypes = {\n  /**\n   * Text to indicate loading status (optional).\n   */\n  text: PropTypes.string,\n};\n\nexport default React.memo(PageLoader);\n"],"names":["PageLoader","_ref","_ref$text","text","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Typography","style","weight","memo"],"mappings":";;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAME,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;AAAKE,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5CC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,EAAKN,UAAU,CAAA,eACjEG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,0GAAA;GACbH,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,wHAAwH;IAClI,SAAQ,EAAA,4BAAA;GAERH,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,oCAAA;GAAsC,CAClD,CAAC,EACLP,IAAI,iBACHI,cAAA,CAAAC,aAAA,CAACG,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;GAC3BV,EAAAA,IACS,CAEX,CACF,CAAC,CAAA;AAAA,CACP,CAAA;AASD,mBAAA,aAAeI,cAAK,CAACO,IAAI,CAACd,UAAU,CAAC;;;;"}