@bigbinary/neeto-molecules 3.3.10 → 3.3.12

package/dist/IntegrationCard.js

@@ -1,6 +1,5 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
 import classnames from 'classnames';
 import { noop, isNotEmpty } from '@bigbinary/neeto-cist';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
@@ -11,10 +10,10 @@ import Tooltip from '@bigbinary/neetoui/Tooltip';
 import { isNotNil } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import MoreDropdown from './MoreDropdown.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Check from '@bigbinary/neeto-icons/Check';
 import Warning from '@bigbinary/neeto-icons/Warning';
 import Tag from '@bigbinary/neetoui/Tag';
-import '@babel/runtime/helpers/defineProperty';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-icons/MenuVertical';
 import '@bigbinary/neetoui/Dropdown';
@@ -31,35 +30,39 @@ var Dropdown = function Dropdown(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   if (isNotNil(customDropdown)) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/jsx("div", {
       onClick: function onClick(e) {
         return e.stopPropagation();
-      }
-    }, customDropdown);
+      },
+      children: customDropdown
+    });
   }
   var isManageable = isNotNil(handleManage);
   if (!isManageable && hideDisconnect) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     onClick: function onClick(e) {
       return e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default.createElement(MoreDropdown, {
-    menuItems: [{
-      isVisible: isManageable,
-      onClick: handleManage,
-      label: t("neetoMolecules.integrationCard.manage"),
-      key: "integration-card-manage-integration"
-    }, {
-      isVisible: !hideDisconnect,
-      onClick: onDisconnect,
-      label: t("neetoMolecules.integrationCard.disconnect"),
-      key: "integration-card-manage-disconnection"
-    }]
-  }));
+    },
+    children: /*#__PURE__*/jsx(MoreDropdown, {
+      menuItems: [{
+        isVisible: isManageable,
+        onClick: handleManage,
+        label: t("neetoMolecules.integrationCard.manage"),
+        key: "integration-card-manage-integration"
+      }, {
+        isVisible: !hideDisconnect,
+        onClick: onDisconnect,
+        label: t("neetoMolecules.integrationCard.disconnect"),
+        key: "integration-card-manage-disconnection"
+      }]
+    })
+  });
 };
 
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Status = function Status(_ref) {
   var isExpired = _ref.isExpired;
   var _useTranslation = useTranslation(),
@@ -73,14 +76,16 @@ var Status = function Status(_ref) {
     label: t("neetoMolecules.integrationCard.tags.connected"),
     style: "success"
   };
-  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+  return /*#__PURE__*/jsx(Tag, _objectSpread$1(_objectSpread$1({
     className: "flex-row-reverse"
-  }, tagProps, {
+  }, tagProps), {}, {
     "data-testid": "integration-status"
   }));
 };
 
 var _excluded = ["icon", "subIcons", "label", "description", "className", "onConnect", "onDisconnect", "onManage", "isLoading", "isConnected", "isFailed", "isExpired", "disabled", "hidden", "hideDisconnect", "onClick", "tooltipProps", "customDropdown", "dataCy", "connectPath", "connectUrl", "children"];
+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 IntegrationCard = function IntegrationCard(_ref) {
   var Icon = _ref.icon,
     _ref$subIcons = _ref.subIcons,
@@ -132,77 +137,90 @@ var IntegrationCard = function IntegrationCard(_ref) {
   var cardProps = isCardClickable ? {
     onClick: onCardClick
   } : {};
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
     disabled: !disabled,
     position: "top",
     content: disabled && t("neetoMolecules.integrationCard.tooltip.integrationNotAvailable")
-  }, tooltipProps), /*#__PURE__*/React__default.createElement("div", _extends({
-    "data-cy": dataCy,
-    "data-testid": "integration-card",
-    className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline outline-none transition-colors", {
-      "hover:neeto-ui-bg-100 cursor-not-allowed opacity-50": disabled,
-      "cursor-pointer": isCardClickable
-    }, className)
-  }, cardProps, otherProps), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-grow justify-between",
-    "data-cy": "integration-tabs"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex min-w-0 flex-col justify-end"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "relative mb-4 flex h-8"
-  }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
-    size: 32
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "my-auto"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "mb-2",
-    "data-cy": "integration-card-label",
-    style: "h4",
-    weight: "semibold"
-  }, label), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "break-words",
-    "data-cy": "".concat(joinHyphenCase(label), "-integration-description"),
-    style: "body2"
-  }, description), children)), isNotEmpty(subIcons) && /*#__PURE__*/React__default.createElement("div", {
-    className: "flex h-24 flex-col gap-2"
-  }, subIcons.map(function (Icon, index) {
-    return /*#__PURE__*/React__default.createElement(Icon, {
-      className: "neeto-ui-text-gray-600",
-      key: index,
-      size: 24
-    });
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-border-gray-300 mt-4 w-full border-t pt-2"
-  }, isLoading ? /*#__PURE__*/React__default.createElement("div", {
-    className: "mt-3 flex items-center justify-start"
-  }, /*#__PURE__*/React__default.createElement(Spinner, null)) : /*#__PURE__*/React__default.createElement("div", {
-    className: "flex h-8 items-center justify-between"
-  }, isConnected && /*#__PURE__*/React__default.createElement(Status, {
-    isExpired: isExpired
-  }), isFailed && /*#__PURE__*/React__default.createElement(Button, {
-    className: "neeto-ui-text-warning-500",
-    "data-cy": "connect-button",
-    disabled: disabled || isLoading,
-    href: connectUrl,
-    label: t("neetoMolecules.integrationCard.tryAgain"),
-    style: "link",
-    to: connectPath,
-    onClick: onConnect
-  }), !isConnected && !isFailed && /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "connect-button",
-    "data-testid": "integraiton-card-connect-button",
-    disabled: disabled || isLoading,
-    href: connectUrl,
-    label: t("neetoMolecules.integrationCard.connect"),
-    style: "link",
-    to: connectPath,
-    onClick: onConnect
-  }), (isConnected || isFailed) && /*#__PURE__*/React__default.createElement(Dropdown, {
-    customDropdown: customDropdown,
-    hideDisconnect: hideDisconnect,
-    onDisconnect: onDisconnect,
-    handleManage: onManage
-  })))));
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+      "data-cy": dataCy,
+      "data-testid": "integration-card",
+      className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline outline-none transition-colors", {
+        "hover:neeto-ui-bg-100 cursor-not-allowed opacity-50": disabled,
+        "cursor-pointer": isCardClickable
+      }, className)
+    }, cardProps), otherProps), {}, {
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "flex flex-grow justify-between",
+        "data-cy": "integration-tabs",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex min-w-0 flex-col justify-end",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "relative mb-4 flex h-8",
+            children: Icon && /*#__PURE__*/jsx(Icon, {
+              size: 32
+            })
+          }), /*#__PURE__*/jsxs("div", {
+            className: "my-auto",
+            children: [/*#__PURE__*/jsx(Typography, {
+              className: "mb-2",
+              "data-cy": "integration-card-label",
+              style: "h4",
+              weight: "semibold",
+              children: label
+            }), /*#__PURE__*/jsx(Typography, {
+              className: "break-words",
+              "data-cy": "".concat(joinHyphenCase(label), "-integration-description"),
+              style: "body2",
+              children: description
+            }), children]
+          })]
+        }), isNotEmpty(subIcons) && /*#__PURE__*/jsx("div", {
+          className: "flex h-24 flex-col gap-2",
+          children: subIcons.map(function (Icon, index) {
+            return /*#__PURE__*/jsx(Icon, {
+              className: "neeto-ui-text-gray-600",
+              size: 24
+            }, index);
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-border-gray-300 mt-4 w-full border-t pt-2",
+        children: isLoading ? /*#__PURE__*/jsx("div", {
+          className: "mt-3 flex items-center justify-start",
+          children: /*#__PURE__*/jsx(Spinner, {})
+        }) : /*#__PURE__*/jsxs("div", {
+          className: "flex h-8 items-center justify-between",
+          children: [isConnected && /*#__PURE__*/jsx(Status, {
+            isExpired: isExpired
+          }), isFailed && /*#__PURE__*/jsx(Button, {
+            className: "neeto-ui-text-warning-500",
+            "data-cy": "connect-button",
+            disabled: disabled || isLoading,
+            href: connectUrl,
+            label: t("neetoMolecules.integrationCard.tryAgain"),
+            style: "link",
+            to: connectPath,
+            onClick: onConnect
+          }), !isConnected && !isFailed && /*#__PURE__*/jsx(Button, {
+            "data-cy": "connect-button",
+            "data-testid": "integraiton-card-connect-button",
+            disabled: disabled || isLoading,
+            href: connectUrl,
+            label: t("neetoMolecules.integrationCard.connect"),
+            style: "link",
+            to: connectPath,
+            onClick: onConnect
+          }), (isConnected || isFailed) && /*#__PURE__*/jsx(Dropdown, {
+            customDropdown: customDropdown,
+            hideDisconnect: hideDisconnect,
+            onDisconnect: onDisconnect,
+            handleManage: onManage
+          })]
+        })
+      })]
+    }))
+  }));
 };
 
 export { IntegrationCard as default };

package/dist/IntegrationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationCard.js","sources":["../src/components/IntegrationCard/Dropdown.jsx","../src/components/IntegrationCard/Status.jsx","../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst Dropdown = ({\n  customDropdown,\n  handleManage = noop,\n  hideDisconnect = false,\n  onDisconnect = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isNotNil(customDropdown)) {\n    return <div onClick={e => e.stopPropagation()}>{customDropdown}</div>;\n  }\n\n  const isManageable = isNotNil(handleManage);\n\n  if (!isManageable && hideDisconnect) {\n    return null;\n  }\n\n  return (\n    <div onClick={e => e.stopPropagation()}>\n      <MoreDropdown\n        menuItems={[\n          {\n            isVisible: isManageable,\n            onClick: handleManage,\n            label: t(\"neetoMolecules.integrationCard.manage\"),\n            key: \"integration-card-manage-integration\",\n          },\n          {\n            isVisible: !hideDisconnect,\n            onClick: onDisconnect,\n            label: t(\"neetoMolecules.integrationCard.disconnect\"),\n            key: \"integration-card-manage-disconnection\",\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React from \"react\";\n\nimport { Check, Warning } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Status = ({ isExpired }) => {\n  const { t } = useTranslation();\n\n  const tagProps = isExpired\n    ? {\n        icon: Warning,\n        label: t(\"neetoMolecules.integrationCard.tags.expired\"),\n        style: \"warning\",\n      }\n    : {\n        icon: Check,\n        label: t(\"neetoMolecules.integrationCard.tags.connected\"),\n        style: \"success\",\n      };\n\n  return (\n    <Tag\n      className=\"flex-row-reverse\"\n      {...tagProps}\n      data-testid=\"integration-status\"\n    />\n  );\n};\n\nexport default Status;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography, Button, Spinner, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"./Dropdown\";\nimport Status from \"./Status\";\n\nconst IntegrationCard = ({\n  icon: Icon,\n  subIcons = [],\n  label = \"\",\n  description = \"\",\n  className = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  onManage = undefined,\n  isLoading = false,\n  isConnected = false,\n  isFailed = false,\n  isExpired = false,\n  disabled = false,\n  hidden = false,\n  hideDisconnect = false,\n  onClick: onCardClick = undefined,\n  tooltipProps = {},\n  customDropdown = null,\n  dataCy = \"\",\n  connectPath = \"\",\n  connectUrl = \"\",\n  children,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  if (hidden) return null;\n\n  const isCardClickable = isConnected && isNotNil(onCardClick);\n\n  const cardProps = isCardClickable ? { onClick: onCardClick } : {};\n\n  return (\n    <Tooltip\n      disabled={!disabled}\n      position=\"top\"\n      content={\n        disabled &&\n        t(\"neetoMolecules.integrationCard.tooltip.integrationNotAvailable\")\n      }\n      {...tooltipProps}\n    >\n      <div\n        data-cy={dataCy}\n        data-testid=\"integration-card\"\n        className={classnames(\n          \"neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline outline-none transition-colors\",\n          {\n            \"hover:neeto-ui-bg-100 cursor-not-allowed opacity-50\": disabled,\n            \"cursor-pointer\": isCardClickable,\n          },\n          className\n        )}\n        {...cardProps}\n        {...otherProps}\n      >\n        <div\n          className=\"flex flex-grow justify-between\"\n          data-cy=\"integration-tabs\"\n        >\n          <div className=\"flex min-w-0 flex-col justify-end\">\n            <div className=\"relative mb-4 flex h-8\">\n              {Icon && <Icon size={32} />}\n            </div>\n            <div className=\"my-auto\">\n              <Typography\n                className=\"mb-2\"\n                data-cy=\"integration-card-label\"\n                style=\"h4\"\n                weight=\"semibold\"\n              >\n                {label}\n              </Typography>\n              <Typography\n                className=\"break-words\"\n                data-cy={`${joinHyphenCase(label)}-integration-description`}\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n              {children}\n            </div>\n          </div>\n          {isNotEmpty(subIcons) && (\n            <div className=\"flex h-24 flex-col gap-2\">\n              {subIcons.map((Icon, index) => (\n                <Icon\n                  className=\"neeto-ui-text-gray-600\"\n                  key={index}\n                  size={24}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n        <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n          {isLoading ? (\n            <div className=\"mt-3 flex items-center justify-start\">\n              <Spinner />\n            </div>\n          ) : (\n            <div className=\"flex h-8 items-center justify-between\">\n              {isConnected && <Status {...{ isExpired }} />}\n              {isFailed && (\n                <Button\n                  className=\"neeto-ui-text-warning-500\"\n                  data-cy=\"connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.tryAgain\")}\n                  style=\"link\"\n                  to={connectPath}\n                  onClick={onConnect}\n                />\n              )}\n              {!isConnected && !isFailed && (\n                <Button\n                  data-cy=\"connect-button\"\n                  data-testid=\"integraiton-card-connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.connect\")}\n                  style=\"link\"\n                  to={connectPath}\n                  onClick={onConnect}\n                />\n              )}\n              {(isConnected || isFailed) && (\n                <Dropdown\n                  {...{ customDropdown, hideDisconnect, onDisconnect }}\n                  handleManage={onManage}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n\nIntegrationCard.propTypes = {\n  /**\n   * The icon component to be displayed on the card.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * Array of sub-icons to be displayed on the card.\n   */\n  subIcons: PropTypes.arrayOf(PropTypes.elementType),\n  /**\n   * The label to be displayed on the card.\n   */\n  label: PropTypes.string,\n  /**\n   * The description of the card.\n   */\n  description: PropTypes.string,\n  /**\n   * Additional class names for styling the card.\n   */\n  className: PropTypes.string,\n  /**\n   * Handler function called when the integration is connected.\n   */\n  onConnect: PropTypes.func,\n  /**\n   * Handler function called when the manage dropdown is clicked.\n   */\n  onManage: PropTypes.func,\n  /**\n   * Handler function called when clicked on integration card.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Handler function called when the disconnect dropdown is clicked.\n   */\n  onDisconnect: PropTypes.func,\n  /**\n   * Flag indicating if the integration is currently loading.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has failed.\n   */\n  isFailed: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has expired.\n   */\n  isExpired: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Flag indicating if the card should be hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Flag indicating if the disconnect button should be hidden.\n   */\n  hideDisconnect: PropTypes.bool,\n  /**\n   * Additional props for customizing the tooltip wrapper.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * Custom dropdown component to be rendered.\n   */\n  customDropdown: PropTypes.element,\n  /**\n   * Additional children elements to be rendered within the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Internal path to the integration connection page.\n   */\n  connectPath: PropTypes.string,\n  /**\n   * External path to the integration connection page.\n   */\n  connectUrl: PropTypes.string,\n};\n\nexport default IntegrationCard;\n"],"names":["Dropdown","_ref","customDropdown","_ref$handleManage","handleManage","noop","_ref$hideDisconnect","hideDisconnect","_ref$onDisconnect","onDisconnect","_useTranslation","useTranslation","t","isNotNil","React","createElement","onClick","e","stopPropagation","isManageable","MoreDropdown","menuItems","isVisible","label","key","Status","isExpired","tagProps","icon","Warning","style","Check","Tag","_extends","className","IntegrationCard","Icon","_ref$subIcons","subIcons","_ref$label","_ref$description","description","_ref$className","_ref$onConnect","onConnect","_ref$onManage","onManage","undefined","_ref$isLoading","isLoading","_ref$isConnected","isConnected","_ref$isFailed","isFailed","_ref$isExpired","_ref$disabled","disabled","_ref$hidden","hidden","_ref$onClick","onCardClick","_ref$tooltipProps","tooltipProps","_ref$customDropdown","_ref$dataCy","dataCy","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","children","otherProps","_objectWithoutProperties","_excluded","isCardClickable","cardProps","Tooltip","position","content","classnames","size","Typography","weight","concat","joinHyphenCase","isNotEmpty","map","index","Spinner","Button","href","to"],"mappings":"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"}
+{"version":3,"file":"IntegrationCard.js","sources":["../src/components/IntegrationCard/Dropdown.jsx","../src/components/IntegrationCard/Status.jsx","../src/components/IntegrationCard/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst Dropdown = ({\n  customDropdown,\n  handleManage = noop,\n  hideDisconnect = false,\n  onDisconnect = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isNotNil(customDropdown)) {\n    return <div onClick={e => e.stopPropagation()}>{customDropdown}</div>;\n  }\n\n  const isManageable = isNotNil(handleManage);\n\n  if (!isManageable && hideDisconnect) {\n    return null;\n  }\n\n  return (\n    <div onClick={e => e.stopPropagation()}>\n      <MoreDropdown\n        menuItems={[\n          {\n            isVisible: isManageable,\n            onClick: handleManage,\n            label: t(\"neetoMolecules.integrationCard.manage\"),\n            key: \"integration-card-manage-integration\",\n          },\n          {\n            isVisible: !hideDisconnect,\n            onClick: onDisconnect,\n            label: t(\"neetoMolecules.integrationCard.disconnect\"),\n            key: \"integration-card-manage-disconnection\",\n          },\n        ]}\n      />\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import { Check, Warning } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Status = ({ isExpired }) => {\n  const { t } = useTranslation();\n\n  const tagProps = isExpired\n    ? {\n        icon: Warning,\n        label: t(\"neetoMolecules.integrationCard.tags.expired\"),\n        style: \"warning\",\n      }\n    : {\n        icon: Check,\n        label: t(\"neetoMolecules.integrationCard.tags.connected\"),\n        style: \"success\",\n      };\n\n  return (\n    <Tag\n      className=\"flex-row-reverse\"\n      {...tagProps}\n      data-testid=\"integration-status\"\n    />\n  );\n};\n\nexport default Status;\n","import classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography, Button, Spinner, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"./Dropdown\";\nimport Status from \"./Status\";\n\nconst IntegrationCard = ({\n  icon: Icon,\n  subIcons = [],\n  label = \"\",\n  description = \"\",\n  className = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  onManage = undefined,\n  isLoading = false,\n  isConnected = false,\n  isFailed = false,\n  isExpired = false,\n  disabled = false,\n  hidden = false,\n  hideDisconnect = false,\n  onClick: onCardClick = undefined,\n  tooltipProps = {},\n  customDropdown = null,\n  dataCy = \"\",\n  connectPath = \"\",\n  connectUrl = \"\",\n  children,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  if (hidden) return null;\n\n  const isCardClickable = isConnected && isNotNil(onCardClick);\n\n  const cardProps = isCardClickable ? { onClick: onCardClick } : {};\n\n  return (\n    <Tooltip\n      disabled={!disabled}\n      position=\"top\"\n      content={\n        disabled &&\n        t(\"neetoMolecules.integrationCard.tooltip.integrationNotAvailable\")\n      }\n      {...tooltipProps}\n    >\n      <div\n        data-cy={dataCy}\n        data-testid=\"integration-card\"\n        className={classnames(\n          \"neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline outline-none transition-colors\",\n          {\n            \"hover:neeto-ui-bg-100 cursor-not-allowed opacity-50\": disabled,\n            \"cursor-pointer\": isCardClickable,\n          },\n          className\n        )}\n        {...cardProps}\n        {...otherProps}\n      >\n        <div\n          className=\"flex flex-grow justify-between\"\n          data-cy=\"integration-tabs\"\n        >\n          <div className=\"flex min-w-0 flex-col justify-end\">\n            <div className=\"relative mb-4 flex h-8\">\n              {Icon && <Icon size={32} />}\n            </div>\n            <div className=\"my-auto\">\n              <Typography\n                className=\"mb-2\"\n                data-cy=\"integration-card-label\"\n                style=\"h4\"\n                weight=\"semibold\"\n              >\n                {label}\n              </Typography>\n              <Typography\n                className=\"break-words\"\n                data-cy={`${joinHyphenCase(label)}-integration-description`}\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n              {children}\n            </div>\n          </div>\n          {isNotEmpty(subIcons) && (\n            <div className=\"flex h-24 flex-col gap-2\">\n              {subIcons.map((Icon, index) => (\n                <Icon\n                  className=\"neeto-ui-text-gray-600\"\n                  key={index}\n                  size={24}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n        <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n          {isLoading ? (\n            <div className=\"mt-3 flex items-center justify-start\">\n              <Spinner />\n            </div>\n          ) : (\n            <div className=\"flex h-8 items-center justify-between\">\n              {isConnected && <Status {...{ isExpired }} />}\n              {isFailed && (\n                <Button\n                  className=\"neeto-ui-text-warning-500\"\n                  data-cy=\"connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.tryAgain\")}\n                  style=\"link\"\n                  to={connectPath}\n                  onClick={onConnect}\n                />\n              )}\n              {!isConnected && !isFailed && (\n                <Button\n                  data-cy=\"connect-button\"\n                  data-testid=\"integraiton-card-connect-button\"\n                  disabled={disabled || isLoading}\n                  href={connectUrl}\n                  label={t(\"neetoMolecules.integrationCard.connect\")}\n                  style=\"link\"\n                  to={connectPath}\n                  onClick={onConnect}\n                />\n              )}\n              {(isConnected || isFailed) && (\n                <Dropdown\n                  {...{ customDropdown, hideDisconnect, onDisconnect }}\n                  handleManage={onManage}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n\nIntegrationCard.propTypes = {\n  /**\n   * The icon component to be displayed on the card.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * Array of sub-icons to be displayed on the card.\n   */\n  subIcons: PropTypes.arrayOf(PropTypes.elementType),\n  /**\n   * The label to be displayed on the card.\n   */\n  label: PropTypes.string,\n  /**\n   * The description of the card.\n   */\n  description: PropTypes.string,\n  /**\n   * Additional class names for styling the card.\n   */\n  className: PropTypes.string,\n  /**\n   * Handler function called when the integration is connected.\n   */\n  onConnect: PropTypes.func,\n  /**\n   * Handler function called when the manage dropdown is clicked.\n   */\n  onManage: PropTypes.func,\n  /**\n   * Handler function called when clicked on integration card.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Handler function called when the disconnect dropdown is clicked.\n   */\n  onDisconnect: PropTypes.func,\n  /**\n   * Flag indicating if the integration is currently loading.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has failed.\n   */\n  isFailed: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has expired.\n   */\n  isExpired: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Flag indicating if the card should be hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Flag indicating if the disconnect button should be hidden.\n   */\n  hideDisconnect: PropTypes.bool,\n  /**\n   * Additional props for customizing the tooltip wrapper.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * Custom dropdown component to be rendered.\n   */\n  customDropdown: PropTypes.element,\n  /**\n   * Additional children elements to be rendered within the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Internal path to the integration connection page.\n   */\n  connectPath: PropTypes.string,\n  /**\n   * External path to the integration connection page.\n   */\n  connectUrl: PropTypes.string,\n};\n\nexport default IntegrationCard;\n"],"names":["Dropdown","_ref","customDropdown","_ref$handleManage","handleManage","noop","_ref$hideDisconnect","hideDisconnect","_ref$onDisconnect","onDisconnect","_useTranslation","useTranslation","t","isNotNil","_jsx","onClick","e","stopPropagation","children","isManageable","MoreDropdown","menuItems","isVisible","label","key","Status","isExpired","tagProps","icon","Warning","style","Check","Tag","_objectSpread","className","IntegrationCard","Icon","_ref$subIcons","subIcons","_ref$label","_ref$description","description","_ref$className","_ref$onConnect","onConnect","_ref$onManage","onManage","undefined","_ref$isLoading","isLoading","_ref$isConnected","isConnected","_ref$isFailed","isFailed","_ref$isExpired","_ref$disabled","disabled","_ref$hidden","hidden","_ref$onClick","onCardClick","_ref$tooltipProps","tooltipProps","_ref$customDropdown","_ref$dataCy","dataCy","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","otherProps","_objectWithoutProperties","_excluded","isCardClickable","cardProps","Tooltip","position","content","_jsxs","classnames","size","Typography","weight","concat","joinHyphenCase","isNotEmpty","map","index","Spinner","Button","href","to"],"mappings":"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"}

package/dist/IntegrationDisconnectAlert.js

@@ -1,11 +1,13 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
 import { noop } from '@bigbinary/neeto-cist';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Alert from '@bigbinary/neetoui/Alert';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["t", "isOpen", "isDisconnecting", "title", "message", "onClose", "onDisconnect"];
+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 IntegrationDisconnectAlert = function IntegrationDisconnectAlert(_ref) {
   var t = _ref.t,
     _ref$isOpen = _ref.isOpen,
@@ -21,7 +23,7 @@ var IntegrationDisconnectAlert = function IntegrationDisconnectAlert(_ref) {
     _ref$onDisconnect = _ref.onDisconnect,
     onDisconnect = _ref$onDisconnect === void 0 ? noop : _ref$onDisconnect,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Alert, _extends({
+  return /*#__PURE__*/jsx(Alert, _objectSpread({
     isOpen: isOpen,
     message: message,
     onClose: onClose,

package/dist/IntegrationDisconnectAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationDisconnectAlert.js","sources":["../src/components/IntegrationDisconnectAlert/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Alert } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationDisconnectAlert = ({\n  t,\n  isOpen = false,\n  isDisconnecting = false,\n  title = \"\",\n  message = \"\",\n  onClose = noop,\n  onDisconnect = noop,\n  ...otherProps\n}) => (\n  <Alert\n    {...{ isOpen, message, onClose, title }}\n    isSubmitting={isDisconnecting}\n    submitButtonLabel={t(\n      \"neetoMolecules.integrationDisconnectAlert.disconnect\"\n    )}\n    onSubmit={onDisconnect}\n    {...otherProps}\n  />\n);\n\nIntegrationDisconnectAlert.propTypes = {\n  /**\n   * To show loading state when the confirmation is given for disconnecting\n   */\n  isDisconnecting: PropTypes.bool,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To show the title of the alert modal\n   */\n  title: PropTypes.string,\n  /**\n   * To show the description of the alert modal\n   */\n  message: PropTypes.string,\n  /**\n   * Handler function that is triggered when the close button is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is triggered when the disconnect button is clicked\n   */\n  onDisconnect: PropTypes.func,\n};\n\nconst WrappedIntegrationDisconnectAlert = withT(IntegrationDisconnectAlert);\nWrappedIntegrationDisconnectAlert.displayName = \"IntegrationDisconnectAlert\";\n\nexport { IntegrationDisconnectAlert };\nexport default WrappedIntegrationDisconnectAlert;\n"],"names":["IntegrationDisconnectAlert","_ref","t","_ref$isOpen","isOpen","_ref$isDisconnecting","isDisconnecting","_ref$title","title","_ref$message","message","_ref$onClose","onClose","noop","_ref$onDisconnect","onDisconnect","otherProps","_objectWithoutProperties","_excluded","React","createElement","Alert","_extends","isSubmitting","submitButtonLabel","onSubmit","WrappedIntegrationDisconnectAlert","withT","displayName"],"mappings":";;;;;;;;AAOA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,oBAAA,GAAAJ,IAAA,CACdK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,YAAA,GAAAR,IAAA,CACVS,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,YAAA,GAAAV,IAAA,CACZW,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,iBAAA,GAAAb,IAAA,CACdc,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,iBAAA;AAChBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,QAAA,CAAA;AACElB,IAAAA,MAAM,EAANA,MAAM;AAAEM,IAAAA,OAAO,EAAPA,OAAO;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAEJ,IAAAA,KAAK,EAALA,KAAK;AACrCe,IAAAA,YAAY,EAAEjB,eAAgB;AAC9BkB,IAAAA,iBAAiB,EAAEtB,CAAC,CAClB,sDACF,CAAE;AACFuB,IAAAA,QAAQ,EAAEV,YAAAA;GACNC,EAAAA,UAAU,CACf,CAAC,CAAA;AAAA,EACH;AA6BD,IAAMU,iCAAiC,GAAGC,KAAK,CAAC3B,0BAA0B,EAAC;AAC3E0B,iCAAiC,CAACE,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"IntegrationDisconnectAlert.js","sources":["../src/components/IntegrationDisconnectAlert/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Alert } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationDisconnectAlert = ({\n  t,\n  isOpen = false,\n  isDisconnecting = false,\n  title = \"\",\n  message = \"\",\n  onClose = noop,\n  onDisconnect = noop,\n  ...otherProps\n}) => (\n  <Alert\n    {...{ isOpen, message, onClose, title }}\n    isSubmitting={isDisconnecting}\n    submitButtonLabel={t(\n      \"neetoMolecules.integrationDisconnectAlert.disconnect\"\n    )}\n    onSubmit={onDisconnect}\n    {...otherProps}\n  />\n);\n\nIntegrationDisconnectAlert.propTypes = {\n  /**\n   * To show loading state when the confirmation is given for disconnecting\n   */\n  isDisconnecting: PropTypes.bool,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To show the title of the alert modal\n   */\n  title: PropTypes.string,\n  /**\n   * To show the description of the alert modal\n   */\n  message: PropTypes.string,\n  /**\n   * Handler function that is triggered when the close button is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is triggered when the disconnect button is clicked\n   */\n  onDisconnect: PropTypes.func,\n};\n\nconst WrappedIntegrationDisconnectAlert = withT(IntegrationDisconnectAlert);\nWrappedIntegrationDisconnectAlert.displayName = \"IntegrationDisconnectAlert\";\n\nexport { IntegrationDisconnectAlert };\nexport default WrappedIntegrationDisconnectAlert;\n"],"names":["IntegrationDisconnectAlert","_ref","t","_ref$isOpen","isOpen","_ref$isDisconnecting","isDisconnecting","_ref$title","title","_ref$message","message","_ref$onClose","onClose","noop","_ref$onDisconnect","onDisconnect","otherProps","_objectWithoutProperties","_excluded","_jsx","Alert","_objectSpread","isSubmitting","submitButtonLabel","onSubmit","WrappedIntegrationDisconnectAlert","withT","displayName"],"mappings":";;;;;;;;;;AAKA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,oBAAA,GAAAJ,IAAA,CACdK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,YAAA,GAAAR,IAAA,CACVS,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,YAAA,GAAAV,IAAA,CACZW,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,iBAAA,GAAAb,IAAA,CACdc,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,iBAAA;AAChBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbC,GAAA,CAACC,KAAK,EAAAC,aAAA,CAAA;AACEjB,IAAAA,MAAM,EAANA,MAAM;AAAEM,IAAAA,OAAO,EAAPA,OAAO;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAEJ,IAAAA,KAAK,EAALA,KAAK;AACrCc,IAAAA,YAAY,EAAEhB,eAAgB;AAC9BiB,IAAAA,iBAAiB,EAAErB,CAAC,CAClB,sDACF,CAAE;AACFsB,IAAAA,QAAQ,EAAET,YAAAA;GACNC,EAAAA,UAAU,CACf,CAAC,CAAA;AAAA,EACH;AA6BD,IAAMS,iCAAiC,GAAGC,KAAK,CAAC1B,0BAA0B,EAAC;AAC3EyB,iCAAiC,CAACE,WAAW,GAAG,4BAA4B;;;;"}

package/dist/IntegrationWalkthroughModal.js

@@ -1,9 +1,9 @@
-import React__default from 'react';
 import { noop } from '@bigbinary/neeto-cist';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Modal from '@bigbinary/neetoui/Modal';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var IntegrationWalkthroughModal = function IntegrationWalkthroughModal(_ref) {
   var t = _ref.t,
@@ -14,27 +14,37 @@ var IntegrationWalkthroughModal = function IntegrationWalkthroughModal(_ref) {
     _ref$videoUrl = _ref.videoUrl,
     videoUrl = _ref$videoUrl === void 0 ? "" : _ref$videoUrl,
     children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
-    size: "large"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.integrationWalkthroughModal.header"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full py-6"
-  }, /*#__PURE__*/React__default.createElement("video", {
-    autoPlay: true,
-    controls: true,
-    muted: true,
-    className: "neeto-ui-rounded-md w-full cursor-pointer",
-    id: "walkthrough-video"
-  }, /*#__PURE__*/React__default.createElement("source", {
-    src: videoUrl
-  })), children)), /*#__PURE__*/React__default.createElement(Modal.Footer, null, /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoMolecules.integrationWalkthroughModal.continue"),
-    onClick: onClose
-  })));
+    size: "large",
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoMolecules.integrationWalkthroughModal.header")
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "w-full py-6",
+        children: [/*#__PURE__*/jsx("video", {
+          autoPlay: true,
+          controls: true,
+          muted: true,
+          className: "neeto-ui-rounded-md w-full cursor-pointer",
+          id: "walkthrough-video",
+          children: /*#__PURE__*/jsx("source", {
+            src: videoUrl
+          })
+        }), children]
+      })
+    }), /*#__PURE__*/jsx(Modal.Footer, {
+      children: /*#__PURE__*/jsx(Button, {
+        label: t("neetoMolecules.integrationWalkthroughModal.continue"),
+        onClick: onClose
+      })
+    })]
+  });
 };
 var WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);
 WrappedIntegrationWalkthroughModal.displayName = "IntegrationWalkthroughModal";

package/dist/IntegrationWalkthroughModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationWalkthroughModal = ({\n  t,\n  isOpen = false,\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => (\n  <Modal {...{ isOpen, onClose }} size=\"large\">\n    <Modal.Header>\n      <Typography style=\"h2\" weight=\"semibold\">\n        {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n      </Typography>\n    </Modal.Header>\n    <Modal.Body>\n      <div className=\"w-full py-6\">\n        <video\n          autoPlay\n          controls\n          muted\n          className=\"neeto-ui-rounded-md w-full cursor-pointer\"\n          id=\"walkthrough-video\"\n        >\n          <source src={videoUrl} />\n        </video>\n        {children}\n      </div>\n    </Modal.Body>\n    <Modal.Footer>\n      <Button\n        label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n        onClick={onClose}\n      />\n    </Modal.Footer>\n  </Modal>\n);\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nconst WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);\nWrappedIntegrationWalkthroughModal.displayName = \"IntegrationWalkthroughModal\";\n\nexport { IntegrationWalkthroughModal };\nexport default WrappedIntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","React","createElement","Modal","size","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick","WrappedIntegrationWalkthroughModal","withT","displayName"],"mappings":";;;;;;;AAOA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC/BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CACdK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CACdQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbE,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;AAAA,EAAA,oBAERC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAOT,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIQ,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,eAC1CH,cAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EAAA,IAAA,eACXJ,cAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACrChB,CAAC,CAAC,mDAAmD,CAC5C,CACA,CAAC,eACfS,cAAA,CAAAC,aAAA,CAACC,KAAK,CAACM,IAAI,EACTR,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKQ,IAAAA,SAAS,EAAC,aAAA;GACbT,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACES,QAAQ,EAAA,IAAA;IACRC,QAAQ,EAAA,IAAA;IACRC,KAAK,EAAA,IAAA;AACLH,IAAAA,SAAS,EAAC,2CAA2C;AACrDI,IAAAA,EAAE,EAAC,mBAAA;GAEHb,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQa,IAAAA,GAAG,EAAEhB,QAAAA;AAAS,GAAE,CACnB,CAAC,EACPC,QACE,CACK,CAAC,eACbC,cAAA,CAAAC,aAAA,CAACC,KAAK,CAACa,MAAM,EAAA,IAAA,eACXf,cAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAE1B,CAAC,CAAC,qDAAqD,CAAE;AAChE2B,IAAAA,OAAO,EAAEvB,OAAAA;GACV,CACW,CACT,CAAC,CAAA;AAAA,EACT;AAiBD,IAAMwB,kCAAkC,GAAGC,KAAK,CAAC/B,2BAA2B,EAAC;AAC7E8B,kCAAkC,CAACE,WAAW,GAAG,6BAA6B;;;;"}
+{"version":3,"file":"IntegrationWalkthroughModal.js","sources":["../src/components/IntegrationWalkthroughModal/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Modal, Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst IntegrationWalkthroughModal = ({\n  t,\n  isOpen = false,\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => (\n  <Modal {...{ isOpen, onClose }} size=\"large\">\n    <Modal.Header>\n      <Typography style=\"h2\" weight=\"semibold\">\n        {t(\"neetoMolecules.integrationWalkthroughModal.header\")}\n      </Typography>\n    </Modal.Header>\n    <Modal.Body>\n      <div className=\"w-full py-6\">\n        <video\n          autoPlay\n          controls\n          muted\n          className=\"neeto-ui-rounded-md w-full cursor-pointer\"\n          id=\"walkthrough-video\"\n        >\n          <source src={videoUrl} />\n        </video>\n        {children}\n      </div>\n    </Modal.Body>\n    <Modal.Footer>\n      <Button\n        label={t(\"neetoMolecules.integrationWalkthroughModal.continue\")}\n        onClick={onClose}\n      />\n    </Modal.Footer>\n  </Modal>\n);\n\nIntegrationWalkthroughModal.propTypes = {\n  /**\n   * To specify video URL of integration walkthrough that will be embedded.\n   */\n  videoUrl: PropTypes.string,\n  /**\n   * To specify whether the integration modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the continue or close button is clicked.\n   */\n  onClose: PropTypes.func,\n};\n\nconst WrappedIntegrationWalkthroughModal = withT(IntegrationWalkthroughModal);\nWrappedIntegrationWalkthroughModal.displayName = \"IntegrationWalkthroughModal\";\n\nexport { IntegrationWalkthroughModal };\nexport default WrappedIntegrationWalkthroughModal;\n"],"names":["IntegrationWalkthroughModal","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","_jsxs","Modal","size","_jsx","Header","Typography","style","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick","WrappedIntegrationWalkthroughModal","withT","displayName"],"mappings":";;;;;;;AAKA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC/BC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CACDG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CACdK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CACdQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbE,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;EAAA,oBAERC,IAAA,CAACC,KAAK,EAAA;AAAOR,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIO,IAAAA,IAAI,EAAC,OAAO;AAAAH,IAAAA,QAAA,EAC1CI,cAAAA,GAAA,CAACF,KAAK,CAACG,MAAM,EAAA;MAAAL,QAAA,eACXI,GAAA,CAACE,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,UAAU;QAAAR,QAAA,EACrCR,CAAC,CAAC,mDAAmD,CAAA;OAC5C,CAAA;AAAC,KACD,CAAC,eACfY,GAAA,CAACF,KAAK,CAACO,IAAI,EAAA;AAAAT,MAAAA,QAAA,eACTC,IAAA,CAAA,KAAA,EAAA;AAAKS,QAAAA,SAAS,EAAC,aAAa;AAAAV,QAAAA,QAAA,gBAC1BI,GAAA,CAAA,OAAA,EAAA;UACEO,QAAQ,EAAA,IAAA;UACRC,QAAQ,EAAA,IAAA;UACRC,KAAK,EAAA,IAAA;AACLH,UAAAA,SAAS,EAAC,2CAA2C;AACrDI,UAAAA,EAAE,EAAC,mBAAmB;AAAAd,UAAAA,QAAA,eAEtBI,GAAA,CAAA,QAAA,EAAA;AAAQW,YAAAA,GAAG,EAAEhB,QAAAA;WAAW,CAAA;SACnB,CAAC,EACPC,QAAQ,CAAA;OACN,CAAA;AAAC,KACI,CAAC,eACbI,GAAA,CAACF,KAAK,CAACc,MAAM,EAAA;MAAAhB,QAAA,eACXI,GAAA,CAACa,MAAM,EAAA;AACLC,QAAAA,KAAK,EAAE1B,CAAC,CAAC,qDAAqD,CAAE;AAChE2B,QAAAA,OAAO,EAAEvB,OAAAA;OACV,CAAA;AAAC,KACU,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAAA,EACT;AAiBD,IAAMwB,kCAAkC,GAAGC,KAAK,CAAC/B,2BAA2B,EAAC;AAC7E8B,kCAAkC,CAACE,WAAW,GAAG,6BAA6B;;;;"}