@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta1

package/dist/Onboarding.js

@@ -0,0 +1,343 @@
+import { _ as _extends } from './extends-093996c9.js';
+import React__default, { useMemo } from 'react';
+import classnames from 'classnames';
+import { isPresent, noop } from '@bigbinary/neeto-cist';
+import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import { Typography, Button, Stepper } from '@bigbinary/neetoui';
+import { p as propTypes } from './index-e5588516.js';
+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 { t } from 'i18next';
+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,{});
+
+var CompletedScreen = withT(function (_ref) {
+  var t = _ref.t,
+    completeButtonProps = _ref.completeButtonProps;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-onboarding__wrapper",
+    "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), t("neetoMolecules.onboarding.readyToUse", {
+    appName: globalProps$1.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
+    })
+  }, completeButtonProps)));
+});
+
+var HelpScreen = function HelpScreen(_ref) {
+  var setCurrentStep = _ref.setCurrentStep,
+    currentStep = _ref.currentStep;
+  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"
+  }, /*#__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"
+  }, 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"
+  }, 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, {
+    "data-cy": "onboarding-help-button",
+    "data-testid": "onboarding-help-button",
+    icon: RightArrow,
+    iconPosition: "right",
+    label: t("neetoMolecules.onboarding.helpScreen.continueButton"),
+    onClick: function onClick() {
+      return setCurrentStep(currentStep + 1);
+    }
+  }));
+};
+
+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 helpStep = {
+    label: t("neetoMolecules.onboarding.helpLabel"),
+    element: /*#__PURE__*/React__default.createElement(HelpScreen, {
+      currentStep: currentStep,
+      setCurrentStep: setCurrentStep
+    })
+  };
+  return onboardingSteps.concat(helpStep).map(function (step, idx) {
+    return _objectSpread(_objectSpread({}, step), {}, {
+      id: idx + 1
+    });
+  });
+};
+
+var WelcomeScreen$1 = withT(function (_ref) {
+  var t = _ref.t,
+    setCurrentStep = _ref.setCurrentStep,
+    currentStep = _ref.currentStep;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-onboarding__wrapper",
+    "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"
+  }, t("neetoMolecules.onboarding.helpScreen.welcomeToTitle", {
+    appName: globalProps$1.appName
+  })), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "text-center",
+    "data-cy": "onboarding-welcome-description",
+    "data-testid": "onboarding-welcome-description",
+    lineHeight: "normal",
+    style: "body1"
+  }, t("neetoMolecules.onboarding.letUsCustomize", {
+    appName: globalProps$1.appName
+  }))), /*#__PURE__*/React__default.createElement(Button, {
+    "data-cy": "onboarding-welcome-button",
+    "data-testid": "onboarding-welcome-button",
+    icon: RightArrow,
+    label: t("neetoMolecules.onboarding.getStarted"),
+    onClick: function onClick() {
+      return setCurrentStep(currentStep + 1);
+    }
+  }));
+});
+
+var Onboarding = function Onboarding(_ref) {
+  var _steps;
+  var _ref$currentStep = _ref.currentStep,
+    currentStep = _ref$currentStep === void 0 ? 0 : _ref$currentStep,
+    _ref$setCurrentStep = _ref.setCurrentStep,
+    setCurrentStep = _ref$setCurrentStep === void 0 ? noop : _ref$setCurrentStep,
+    _ref$onboardingSteps = _ref.onboardingSteps,
+    onboardingSteps = _ref$onboardingSteps === void 0 ? [] : _ref$onboardingSteps,
+    _ref$completeButtonPr = _ref.completeButtonProps,
+    completeButtonProps = _ref$completeButtonPr === void 0 ? {} : _ref$completeButtonPr;
+  var steps = useMemo(function () {
+    return createSteps(onboardingSteps, setCurrentStep, currentStep);
+  }, [onboardingSteps]);
+  if (currentStep === 0) {
+    return /*#__PURE__*/React__default.createElement(WelcomeScreen$1, {
+      currentStep: currentStep,
+      setCurrentStep: setCurrentStep
+    });
+  }
+  if (currentStep === steps.length + 1) {
+    return /*#__PURE__*/React__default.createElement(CompletedScreen, {
+      completeButtonProps: completeButtonProps
+    });
+  }
+  var handleStepChange = function handleStepChange(index) {
+    return setCurrentStep(index + 1);
+  };
+  var isStepperVisible = steps.length > 1;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-molecules-onboarding__container", {
+      "neeto-molecules-onboarding__wrapper": !isStepperVisible
+    })
+  }, isStepperVisible && /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-onboarding__stepper-wrapper"
+  }, /*#__PURE__*/React__default.createElement(Stepper, {
+    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
+};
+
+export { CompletedScreen$1 as CompletedScreen, HelpScreen$1 as HelpScreen, WelcomeScreen, Onboarding as default };
+//# sourceMappingURL=Onboarding.js.map

package/dist/Onboarding.js.map

@@ -0,0 +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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"}