@bigbinary/neeto-molecules 4.1.40 → 4.1.42

package/dist/Settings.js

@@ -7,12 +7,11 @@ import { omit, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import Header from './Header.js';
 import { hyphenate, isPresent, filterBy, isNotEmpty } from '@bigbinary/neeto-cist';
+import { useBreakpoints } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Typography from '@bigbinary/neetoui/Typography';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
-import Check from '@bigbinary/neeto-icons/Check';
-import Tag from '@bigbinary/neetoui/Tag';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
+import Tag from '@bigbinary/neetoui/Tag';
 import { withRouter, Link } from 'react-router-dom';
 import { n } from './inject-css-C2dztUxs.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -39,9 +38,69 @@ var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
 var css = ".neeto-molecules-settings-link:active,.neeto-molecules-settings-link:hover{box-shadow:0 0 9.2px 0 rgba(29,33,59,.122)}.neeto-molecules-settings-link:active .neeto-molecules-settings-item-heading,.neeto-molecules-settings-link:hover .neeto-molecules-settings-item-heading{color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-settings-link:focus,.neeto-molecules-settings-link:focus-visible{border-color:rgb(var(--neeto-ui-primary-500));box-shadow:0 0 9.2px 0 rgba(29,33,59,.122)}.neeto-molecules-settings-link:focus .neeto-molecules-settings-item-heading,.neeto-molecules-settings-link:focus-visible .neeto-molecules-settings-item-heading{color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-settings-item [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-molecules-settings-item svg path{stroke-width:1.2px}";
 n(css,{});
 
-var _excluded$1 = ["label", "description", "icon", "path", "href", "dataTestid", "className", "children"];
+var _excluded$1 = ["icon", "description", "label", "path", "href", "isConnected", "isMobileOrTablet", "className"];
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IntegrationItem = function IntegrationItem(_ref) {
+  var _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? null : _ref$icon,
+    description = _ref.description,
+    label = _ref.label,
+    path = _ref.path,
+    href = _ref.href,
+    isConnected = _ref.isConnected,
+    _ref$isMobileOrTablet = _ref.isMobileOrTablet,
+    isMobileOrTablet = _ref$isMobileOrTablet === void 0 ? false : _ref$isMobileOrTablet,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var commonProps = _objectSpread$4({
+    "data-testid": "".concat(hyphenate(label).replace(/\./g, "-"), "-integration-card"),
+    className: classnames("neeto-molecules-settings-link relative neeto-ui-rounded-lg neeto-ui-border-gray-300 lg:flex-row flex-col flex cursor-pointer items-start gap-3 xl:gap-4 border px-6 md:py-8 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out", className)
+  }, omit(UNSUPPORTED_LINK_PROPS, otherProps));
+  var LinkElement = href ? "a" : Link;
+  var linkProps = href ? _objectSpread$4({
+    href: href
+  }, commonProps) : _objectSpread$4({
+    to: path
+  }, commonProps);
+  return /*#__PURE__*/jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
+    children: [Icon && /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-1.5 xl:p-2.5",
+      children: /*#__PURE__*/jsx(Icon, {
+        "data-testid": "".concat(joinHyphenCase(label), "-integration-icon"),
+        size: isMobileOrTablet ? 26 : 32
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex min-w-0 flex-1 flex-col gap-1",
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out",
+        "data-testid": "settings-item-heading",
+        style: "h3",
+        weight: "semibold",
+        children: label
+      }), /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        "data-testid": "settings-item-description",
+        style: "body2",
+        children: description
+      })]
+    }), isConnected && /*#__PURE__*/jsx(Tag, {
+      className: "neeto-ui-text-primary-800 absolute top-2 right-2",
+      "data-testid": "integration-status-tag",
+      indicatorStyle: "primary",
+      label: t("neetoMolecules.integrationCard.connected"),
+      style: "success"
+    })]
+  }));
+};
+var IntegrationItem$1 = /*#__PURE__*/memo(withRouter(IntegrationItem));
+
+var _excluded = ["label", "description", "icon", "path", "href", "dataTestid", "className", "children"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = function Item(_ref) {
   var label = _ref.label,
     description = _ref.description,
@@ -53,18 +112,18 @@ var Item = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var commonProps = _objectSpread$4({
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var commonProps = _objectSpread$3({
     "data-testid": dataTestid,
     className: classnames("neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group", className)
   }, omit(UNSUPPORTED_LINK_PROPS, otherProps));
   var LinkElement = href ? "a" : Link;
-  var linkProps = href ? _objectSpread$4({
+  var linkProps = href ? _objectSpread$3({
     href: href
-  }, commonProps) : _objectSpread$4({
+  }, commonProps) : _objectSpread$3({
     to: path
   }, commonProps);
-  return /*#__PURE__*/jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
+  return /*#__PURE__*/jsxs(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
     children: [/*#__PURE__*/jsxs("div", {
       className: "neeto-molecules-settings-item",
       "data-testid": "settings-item-".concat(joinHyphenCase(label)),
@@ -94,35 +153,6 @@ var Item = function Item(_ref) {
 };
 var Item$1 = /*#__PURE__*/memo(withRouter(Item));
 
-var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IntegrationItem = withT(function (_ref) {
-  var t = _ref.t,
-    isConnected = _ref.isConnected,
-    icon = _ref.icon,
-    description = _ref.description,
-    label = _ref.label,
-    path = _ref.path,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(Item$1, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
-    description: description,
-    icon: icon,
-    label: label,
-    path: path
-  }, otherProps)), {}, {
-    dataTestid: "".concat(hyphenate(label).replace(/\./g, "-"), "-integration-card"),
-    children: isConnected && /*#__PURE__*/jsx(Tag, {
-      className: "flex-row-reverse",
-      "data-testid": "integration-status-tag",
-      icon: Check,
-      label: t("neetoMolecules.integrationCard.connected"),
-      style: "success"
-    })
-  }));
-});
-var IntegrationItem$1 = /*#__PURE__*/memo(IntegrationItem);
-
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Category = function Category(_ref) {
@@ -130,7 +160,10 @@ var Category = function Category(_ref) {
     label = _ref.label,
     id = _ref.id,
     isIntegration = _ref.isIntegration;
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
   var SettingsCard = isIntegration ? IntegrationItem$1 : Item$1;
+  var isMobileOrTablet = isSize("mobile") || isSize("tablet");
   var isLabelPresent = isPresent(label);
   return /*#__PURE__*/jsxs("div", {
     id: id,
@@ -138,16 +171,21 @@ var Category = function Category(_ref) {
       "mb-7": isLabelPresent
     }),
     children: [isLabelPresent && /*#__PURE__*/jsx(Typography, {
-      className: "mb-6 mt-2",
+      className: "mt-2 mb-6",
       component: "h2",
       "data-testid": "settings-category-heading",
       style: "h2",
       weight: "semibold",
       children: label
     }), /*#__PURE__*/jsx("div", {
-      className: "grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4 xl:grid-cols-3 2xl:grid-cols-4",
+      className: classnames("grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4", {
+        "xl:grid-cols-2 2xl:grid-cols-3": isIntegration,
+        "xl:grid-cols-3 2xl:grid-cols-4": !isIntegration
+      }),
       children: items.map(function (item) {
-        return /*#__PURE__*/jsx(SettingsCard, _objectSpread$2({}, item), item.label);
+        return /*#__PURE__*/jsx(SettingsCard, _objectSpread$2(_objectSpread$2({}, item), isIntegration && {
+          isMobileOrTablet: isMobileOrTablet
+        }), item.label);
       })
     })]
   });

package/dist/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../src/components/Settings/constants.js","../src/components/Settings/Item.jsx","../src/components/Settings/IntegrationItem.jsx","../src/components/Settings/Category.jsx","../src/components/Settings/utils.js","../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        className=\"neeto-molecules-settings-item\"\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-500\" size={24} />}\n          <Typography\n            className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n            data-testid=\"settings-item-heading\"\n            style=\"h3\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n  ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n    <Item\n      {...{ description, icon, label, path, ...otherProps }}\n      dataTestid={`${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`}\n    >\n      {isConnected && (\n        <Tag\n          className=\"flex-row-reverse\"\n          data-testid=\"integration-status-tag\"\n          icon={Check}\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </Item>\n  )\n);\n\nexport default memo(IntegrationItem);\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mb-6 mt-2\"\n          component=\"h2\"\n          data-testid=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", className, {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: propTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: propTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","href","dataTestid","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","commonProps","_objectSpread","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","concat","joinHyphenCase","_jsx","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","hyphenate","replace","Tag","Check","Category","items","id","isIntegration","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../src/components/Settings/constants.js","../src/components/Settings/IntegrationItem.jsx","../src/components/Settings/Item.jsx","../src/components/Settings/Category.jsx","../src/components/Settings/utils.js","../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Tag, Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"neeto-molecules-settings-link relative neeto-ui-rounded-lg neeto-ui-border-gray-300 lg:flex-row flex-col flex cursor-pointer items-start gap-3 xl:gap-4 border px-6 md:py-8 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      {Icon && (\n        <div className=\"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-1.5 xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography\n          className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n          data-testid=\"settings-item-heading\"\n          style=\"h3\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {isConnected && (\n        <Tag\n          className=\"neeto-ui-text-primary-800 absolute top-2 right-2\"\n          data-testid=\"integration-status-tag\"\n          indicatorStyle=\"primary\"\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(IntegrationItem));\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        className=\"neeto-molecules-settings-item\"\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-500\" size={24} />}\n          <Typography\n            className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n            data-testid=\"settings-item-heading\"\n            style=\"h3\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mt-2 mb-6\"\n          component=\"h2\"\n          data-testid=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div\n        className={classNames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", className, {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: propTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: propTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","style","weight","Tag","indicatorStyle","memo","withRouter","Item","dataTestid","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}

package/dist/cjs/Settings.js

@@ -9,12 +9,11 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var Header = require('./Header.js');
 var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Typography = require('@bigbinary/neetoui/Typography');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var Check = require('@bigbinary/neeto-icons/Check');
-var Tag = require('@bigbinary/neetoui/Tag');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var Tag = require('@bigbinary/neetoui/Tag');
 var reactRouterDom = require('react-router-dom');
 var injectCss = require('./inject-css-B6qYtOJe.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -41,9 +40,69 @@ var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
 var css = ".neeto-molecules-settings-link:active,.neeto-molecules-settings-link:hover{box-shadow:0 0 9.2px 0 rgba(29,33,59,.122)}.neeto-molecules-settings-link:active .neeto-molecules-settings-item-heading,.neeto-molecules-settings-link:hover .neeto-molecules-settings-item-heading{color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-settings-link:focus,.neeto-molecules-settings-link:focus-visible{border-color:rgb(var(--neeto-ui-primary-500));box-shadow:0 0 9.2px 0 rgba(29,33,59,.122)}.neeto-molecules-settings-link:focus .neeto-molecules-settings-item-heading,.neeto-molecules-settings-link:focus-visible .neeto-molecules-settings-item-heading{color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-settings-item [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-molecules-settings-item svg path{stroke-width:1.2px}";
 injectCss.n(css,{});
 
-var _excluded$1 = ["label", "description", "icon", "path", "href", "dataTestid", "className", "children"];
+var _excluded$1 = ["icon", "description", "label", "path", "href", "isConnected", "isMobileOrTablet", "className"];
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IntegrationItem$1 = function IntegrationItem(_ref) {
+  var _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? null : _ref$icon,
+    description = _ref.description,
+    label = _ref.label,
+    path = _ref.path,
+    href = _ref.href,
+    isConnected = _ref.isConnected,
+    _ref$isMobileOrTablet = _ref.isMobileOrTablet,
+    isMobileOrTablet = _ref$isMobileOrTablet === void 0 ? false : _ref$isMobileOrTablet,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var commonProps = _objectSpread$4({
+    "data-testid": "".concat(neetoCist.hyphenate(label).replace(/\./g, "-"), "-integration-card"),
+    className: classnames("neeto-molecules-settings-link relative neeto-ui-rounded-lg neeto-ui-border-gray-300 lg:flex-row flex-col flex cursor-pointer items-start gap-3 xl:gap-4 border px-6 md:py-8 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out", className)
+  }, ramda.omit(UNSUPPORTED_LINK_PROPS, otherProps));
+  var LinkElement = href ? "a" : reactRouterDom.Link;
+  var linkProps = href ? _objectSpread$4({
+    href: href
+  }, commonProps) : _objectSpread$4({
+    to: path
+  }, commonProps);
+  return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
+    children: [Icon && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-1.5 xl:p-2.5",
+      children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
+        "data-testid": "".concat(general.joinHyphenCase(label), "-integration-icon"),
+        size: isMobileOrTablet ? 26 : 32
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex min-w-0 flex-1 flex-col gap-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out",
+        "data-testid": "settings-item-heading",
+        style: "h3",
+        weight: "semibold",
+        children: label
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        "data-testid": "settings-item-description",
+        style: "body2",
+        children: description
+      })]
+    }), isConnected && /*#__PURE__*/jsxRuntime.jsx(Tag, {
+      className: "neeto-ui-text-primary-800 absolute top-2 right-2",
+      "data-testid": "integration-status-tag",
+      indicatorStyle: "primary",
+      label: t("neetoMolecules.integrationCard.connected"),
+      style: "success"
+    })]
+  }));
+};
+var IntegrationItem = /*#__PURE__*/React.memo(reactRouterDom.withRouter(IntegrationItem$1));
+
+var _excluded = ["label", "description", "icon", "path", "href", "dataTestid", "className", "children"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item$1 = function Item(_ref) {
   var label = _ref.label,
     description = _ref.description,
@@ -55,18 +114,18 @@ var Item$1 = function Item(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var commonProps = _objectSpread$4({
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var commonProps = _objectSpread$3({
     "data-testid": dataTestid,
     className: classnames("neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group", className)
   }, ramda.omit(UNSUPPORTED_LINK_PROPS, otherProps));
   var LinkElement = href ? "a" : reactRouterDom.Link;
-  var linkProps = href ? _objectSpread$4({
+  var linkProps = href ? _objectSpread$3({
     href: href
-  }, commonProps) : _objectSpread$4({
+  }, commonProps) : _objectSpread$3({
     to: path
   }, commonProps);
-  return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-molecules-settings-item",
       "data-testid": "settings-item-".concat(general.joinHyphenCase(label)),
@@ -96,35 +155,6 @@ var Item$1 = function Item(_ref) {
 };
 var Item = /*#__PURE__*/React.memo(reactRouterDom.withRouter(Item$1));
 
-var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var IntegrationItem$1 = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    isConnected = _ref.isConnected,
-    icon = _ref.icon,
-    description = _ref.description,
-    label = _ref.label,
-    path = _ref.path,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx(Item, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
-    description: description,
-    icon: icon,
-    label: label,
-    path: path
-  }, otherProps)), {}, {
-    dataTestid: "".concat(neetoCist.hyphenate(label).replace(/\./g, "-"), "-integration-card"),
-    children: isConnected && /*#__PURE__*/jsxRuntime.jsx(Tag, {
-      className: "flex-row-reverse",
-      "data-testid": "integration-status-tag",
-      icon: Check,
-      label: t("neetoMolecules.integrationCard.connected"),
-      style: "success"
-    })
-  }));
-});
-var IntegrationItem = /*#__PURE__*/React.memo(IntegrationItem$1);
-
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Category = function Category(_ref) {
@@ -132,7 +162,10 @@ var Category = function Category(_ref) {
     label = _ref.label,
     id = _ref.id,
     isIntegration = _ref.isIntegration;
+  var _useBreakpoints = reactUtils.useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
   var SettingsCard = isIntegration ? IntegrationItem : Item;
+  var isMobileOrTablet = isSize("mobile") || isSize("tablet");
   var isLabelPresent = neetoCist.isPresent(label);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     id: id,
@@ -140,16 +173,21 @@ var Category = function Category(_ref) {
       "mb-7": isLabelPresent
     }),
     children: [isLabelPresent && /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "mb-6 mt-2",
+      className: "mt-2 mb-6",
       component: "h2",
       "data-testid": "settings-category-heading",
       style: "h2",
       weight: "semibold",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4 xl:grid-cols-3 2xl:grid-cols-4",
+      className: classnames("grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4", {
+        "xl:grid-cols-2 2xl:grid-cols-3": isIntegration,
+        "xl:grid-cols-3 2xl:grid-cols-4": !isIntegration
+      }),
       children: items.map(function (item) {
-        return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$2({}, item), item.label);
+        return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$2(_objectSpread$2({}, item), isIntegration && {
+          isMobileOrTablet: isMobileOrTablet
+        }), item.label);
       })
     })]
   });

package/dist/cjs/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../src/components/Settings/constants.js","../../src/components/Settings/Item.jsx","../../src/components/Settings/IntegrationItem.jsx","../../src/components/Settings/Category.jsx","../../src/components/Settings/utils.js","../../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        className=\"neeto-molecules-settings-item\"\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-500\" size={24} />}\n          <Typography\n            className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n            data-testid=\"settings-item-heading\"\n            style=\"h3\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n  ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n    <Item\n      {...{ description, icon, label, path, ...otherProps }}\n      dataTestid={`${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`}\n    >\n      {isConnected && (\n        <Tag\n          className=\"flex-row-reverse\"\n          data-testid=\"integration-status-tag\"\n          icon={Check}\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </Item>\n  )\n);\n\nexport default memo(IntegrationItem);\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mb-6 mt-2\"\n          component=\"h2\"\n          data-testid=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", className, {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: propTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: propTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","href","dataTestid","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","commonProps","_objectSpread","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","concat","joinHyphenCase","_jsx","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","hyphenate","replace","Tag","Check","Category","items","id","isIntegration","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../src/components/Settings/constants.js","../../src/components/Settings/IntegrationItem.jsx","../../src/components/Settings/Item.jsx","../../src/components/Settings/Category.jsx","../../src/components/Settings/utils.js","../../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Tag, Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"neeto-molecules-settings-link relative neeto-ui-rounded-lg neeto-ui-border-gray-300 lg:flex-row flex-col flex cursor-pointer items-start gap-3 xl:gap-4 border px-6 md:py-8 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      {Icon && (\n        <div className=\"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-200 mt-0.5 flex shrink-0 items-center justify-center border p-1.5 xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography\n          className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n          data-testid=\"settings-item-heading\"\n          style=\"h3\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {isConnected && (\n        <Tag\n          className=\"neeto-ui-text-primary-800 absolute top-2 right-2\"\n          data-testid=\"integration-status-tag\"\n          indicatorStyle=\"primary\"\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(IntegrationItem));\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\nimport \"./settings.scss\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"neeto-molecules-settings-link neeto-ui-rounded-lg neeto-ui-border-gray-300 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out group\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        className=\"neeto-molecules-settings-item\"\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-500\" size={24} />}\n          <Typography\n            className=\"neeto-molecules-settings-item-heading neeto-ui-text-black transition-color text-lg leading-6 duration-300 ease-in-out\"\n            data-testid=\"settings-item-heading\"\n            style=\"h3\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography\n          className=\"neeto-ui-text-gray-600\"\n          data-testid=\"settings-item-description\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mt-2 mb-6\"\n          component=\"h2\"\n          data-testid=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div\n        className={classNames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", className, {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: propTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: propTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","style","weight","Tag","indicatorStyle","memo","withRouter","Item","dataTestid","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.1.40",
+  "version": "4.1.42",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/ar.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "حقل نص قابل للتحرير"
+    },
+    "subscriptionRequest": {
+      "title": "ترقية إلى خطة برو",
+      "description": "أنت تطلب ترقية إلى <strong>الخطة برو</strong>. سنقوم بإخطار مالك مساحة العمل للموافقة.",
+      "pricingInfo": "هل ترغب في معرفة المزيد عن ميزات خطة برو؟ اطلع على <pricingLink>صفحة التسعير</pricingLink>.",
+      "sendRequest": "إرسال الطلب",
+      "cancel": "إلغاء"
     }
   }
 }

package/src/translations/bg.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Редактируема текстова област"
+    },
+    "subscriptionRequest": {
+      "title": "Актуализиране до професионален план",
+      "description": "Искате да актуализирате до <strong>професионалния план</strong>. Ще уведомим собственика на работното пространство за одобрение.",
+      "pricingInfo": "Искате да научите повече за функциите на професионалния план? Разгледайте нашата <pricingLink>страница за цени</pricingLink>.",
+      "sendRequest": "Изпрати искане",
+      "cancel": "Отмени"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/ca.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Camp de text editable"
+    },
+    "subscriptionRequest": {
+      "title": "Actualitza al pla pro",
+      "description": "Estàs sol·licitant una actualització al <strong>pla Pro</strong>. Notificarem el propietari de l'espai de treball per a l'aprovació.",
+      "pricingInfo": "Vols saber més sobre les característiques del pla Pro? Consulta la nostra <pricingLink>pàgina de preus</pricingLink>.",
+      "sendRequest": "Enviar sol·licitud",
+      "cancel": "Cancel·la"
     }
   }
 }

package/src/translations/cs.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Upravitelné textové pole"
+    },
+    "subscriptionRequest": {
+      "title": "Přejít na profesionální plán",
+      "description": "Žádáte o přechod na <strong>profesionální plán</strong>. Oznámíme to majiteli pracovního prostoru k schválení.",
+      "pricingInfo": "Chcete vědět více o funkcích profesionálního plánu? Podívejte se na naši <pricingLink>cenu</pricingLink>.",
+      "sendRequest": "Odeslat žádost",
+      "cancel": "Zrušit"
     }
   }
 }

package/src/translations/da.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Redigerbart tekstfelt"
+    },
+    "subscriptionRequest": {
+      "title": "Opgrader til pro-plan",
+      "description": "Du anmoder om en opgradering til <strong>Pro-planen</strong>. Vi informerer ejer af arbejdsområde for godkendelse.",
+      "pricingInfo": "Vil du vide mere om Pro-planens funktioner? Tjek vores <pricingLink>priser side</pricingLink>.",
+      "sendRequest": "Send anmodning",
+      "cancel": "Annuller"
     }
   }
 }

package/src/translations/de.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Bearbeitbares Textfeld"
+    },
+    "subscriptionRequest": {
+      "title": "Upgrade auf das Pro-Paket",
+      "description": "Sie beantragen ein Upgrade auf das <strong>Pro-Paket</strong>. Wir benachrichtigen den Workspace-Eigentümer zur Genehmigung.",
+      "pricingInfo": "Möchten Sie mehr über die Funktionen des Pro-Pakets erfahren? Besuchen Sie unsere <pricingLink>Preisseite</pricingLink>.",
+      "sendRequest": "Anfrage senden",
+      "cancel": "Abbrechen"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/es-MX.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Campo de texto editable"
+    },
+    "subscriptionRequest": {
+      "title": "Actualiza a un plan pro",
+      "description": "Estás solicitando una actualización al <strong>plan Pro</strong>. Notificaremos al propietario del espacio de trabajo para su aprobación.",
+      "pricingInfo": "¿Quieres saber más sobre las características del plan Pro? Consulta nuestra <pricingLink>página de precios</pricingLink>.",
+      "sendRequest": "Enviar solicitud",
+      "cancel": "Cancelar"
     }
   }
 }

package/src/translations/es.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Campo de texto editable"
+    },
+    "subscriptionRequest": {
+      "title": "Actualizar a plan pro",
+      "description": "Está solicitando una actualización al <strong>plan Pro</strong>. Notificaremos al propietario del espacio de trabajo para su aprobación.",
+      "pricingInfo": "¿Quieres saber más sobre las características del plan Pro? Consulta nuestra <pricingLink>página de precios</pricingLink>.",
+      "sendRequest": "Enviar solicitud",
+      "cancel": "Cancelar"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/et.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Muudetav tekstiväli"
+    },
+    "subscriptionRequest": {
+      "title": "Uuenda pro plaanile",
+      "description": "Sa taotled uuendust <strong>Pro plaanile</strong>. Teavitame tööruumi omaniku heakskiidu saamiseks.",
+      "pricingInfo": "Soovid rohkem teada Pro plaani omadustest? Vaata meie <pricingLink>hindade lehte</pricingLink>.",
+      "sendRequest": "Saada taotlus",
+      "cancel": "Tühista"
     }
   }
 }

package/src/translations/fi.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Muokattava tekstikenttä"
+    },
+    "subscriptionRequest": {
+      "title": "Päivitä pro-suunnitelmaan",
+      "description": "Pyydät päivitystä <strong>Pro-suunnitelmaan</strong>. Ilmoitamme työtilan omistajalle hyväksyntää varten.",
+      "pricingInfo": "Haluatko tietää lisää Pro-suunnitelman ominaisuuksista? Katso <pricingLink>hinnoittelusivuiltamme</pricingLink>.",
+      "sendRequest": "Lähetä pyyntö",
+      "cancel": "Peruuta"
     }
   }
 }

package/src/translations/fil.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Naka-edit na patlang ng teksto"
+    },
+    "subscriptionRequest": {
+      "title": "Upgrade sa pro plan",
+      "description": "Humihingi ka ng pag-upgrade sa <strong>Pro plan</strong>. Ipapaalam namin sa may-ari ng workspace para sa pag-apruba.",
+      "pricingInfo": "Gusto bang malaman ang tungkol sa mga tampok ng Pro plan? Bisitahin ang aming <pricingLink>pricing page</pricingLink>.",
+      "sendRequest": "Mag-send ng request",
+      "cancel": "Kanselahin"
     }
   }
 }

package/src/translations/fr.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Champ de texte modifiable"
+    },
+    "subscriptionRequest": {
+      "title": "Passer au plan pro",
+      "description": "Vous demandez une mise à niveau vers le <strong>plan Pro</strong>. Nous informerons le propriétaire de l'espace de travail pour approbation.",
+      "pricingInfo": "Vous voulez en savoir plus sur les fonctionnalités du plan Pro ? Consultez notre <pricingLink>page de tarification</pricingLink>.",
+      "sendRequest": "Envoyer la demande",
+      "cancel": "Annuler"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/he.json

@@ -966,6 +966,13 @@
     },
     "inlineInput": {
       "editableField": "שדה טקסט בר תיקון"
+    },
+    "subscriptionRequest": {
+      "title": "שדרג לתכנית פרו",
+      "description": "אתה מבקש לשדרג ל<strong>תכנית פרו</strong>. נודיע לבעל העבודה על כך לאישור.",
+      "pricingInfo": "רוצה לדעת יותר על תכונות תכנית הפרו? בדוק את <pricingLink>דף המחירים שלנו</pricingLink>.",
+      "sendRequest": "שלח בקשה",
+      "cancel": "ביטול"
     }
   }
 }

package/src/translations/hi.json

@@ -961,6 +961,13 @@
     },
     "inlineInput": {
       "editableField": "संपादनीय पाठ फ़ील्ड"
+    },
+    "subscriptionRequest": {
+      "title": " pro योजना में अपग्रेड करें",
+      "description": "आप <strong>प्रो योजना</strong> में अपग्रेड के लिए अनुरोध कर रहे हैं। हम अनुमोदन के लिए कार्यस्थान मालिक को सूचित करेंगे।",
+      "pricingInfo": "प्रो योजना की सुविधाओं के बारे में अधिक जानना चाहते हैं? हमारी <pricingLink>मूल्य निर्धारण पृष्ठ</pricingLink> पर जाएं।",
+      "sendRequest": "अनुरोध भेजें",
+      "cancel": "रद्द करें"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/hr.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Uređivačko tekstualno polje"
+    },
+    "subscriptionRequest": {
+      "title": "Nadogradite na pro plan",
+      "description": "Tražite nadogradnju na <strong>Pro plan</strong>. Obavijestit ćemo vlasnika radnog prostora za odobrenje.",
+      "pricingInfo": "Želite li saznati više o značajkama Pro plana? Pogledajte našu <pricingLink>stranicu s cijenama</pricingLink>.",
+      "sendRequest": "Pošaljite zahtjev",
+      "cancel": "Odustani"
     }
   }
 }

package/src/translations/hu.json

@@ -963,6 +963,13 @@
     },
     "inlineInput": {
       "editableField": "Szerkeszthető szövegmező"
+    },
+    "subscriptionRequest": {
+      "title": "Frissítés a pro csomagra",
+      "description": "Ön frissítést kér a <strong>Pro csomagra</strong>. Értesítjük a munkaterület tulajdonosát a jóváhagyásról.",
+      "pricingInfo": "Tudni szeretne többet a Pro csomag funkcióiról? Nézze meg a <pricingLink>árazási oldalt</pricingLink>.",
+      "sendRequest": "Kérés elküldése",
+      "cancel": "Mégse"
     }
   }
 }

package/src/translations/id.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Bidang teks yang dapat diedit"
+    },
+    "subscriptionRequest": {
+      "title": "Tingkatkan ke paket pro",
+      "description": "Anda meminta peningkatan ke <strong>paket Pro</strong>. Kami akan memberi tahu pemilik workspace untuk persetujuan.",
+      "pricingInfo": "Ingin tahu lebih banyak tentang fitur paket Pro? Kunjungi <pricingLink>halaman harga</pricingLink> kami.",
+      "sendRequest": "Kirim permintaan",
+      "cancel": "Batalkan"
     }
   }
 }

package/src/translations/it.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Campo di testo modificabile"
+    },
+    "subscriptionRequest": {
+      "title": "Passa al piano pro",
+      "description": "Stai richiedendo un aggiornamento al <strong>piano Pro</strong>. Notificheremo il proprietario dello spazio di lavoro per l'approvazione.",
+      "pricingInfo": "Vuoi sapere di più sulle funzionalità del piano Pro? Controlla la nostra <pricingLink>pagina dei prezzi</pricingLink>.",
+      "sendRequest": "Invia richiesta",
+      "cancel": "Annulla"
     }
   }
 }

package/src/translations/ja.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "編集可能なテキストフィールド"
+    },
+    "subscriptionRequest": {
+      "title": "プロプランにアップグレード",
+      "description": "あなたは<strong>プロプラン</strong>へのアップグレードをリクエストしています。承認のためにワークスペースの所有者に通知します。",
+      "pricingInfo": "プロプランの機能についてもっと知りたいですか？私たちの<pricingLink>料金ページ</pricingLink>をチェックしてください。",
+      "sendRequest": "リクエストを送信",
+      "cancel": "キャンセル"
     }
   }
 }

package/src/translations/ko.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "편집 가능한 텍스트 필드"
+    },
+    "subscriptionRequest": {
+      "title": "프로 플랜으로 업그레이드",
+      "description": "귀하는 <strong>프로 플랜</strong>으로 업그레이드를 요청하고 있습니다. 승인을 위해 작업공간 소유자에게 알리겠습니다.",
+      "pricingInfo": "프로 플랜의 기능에 대해 더 알고 싶으신가요? 우리 <pricingLink>가격 페이지</pricingLink>를 확인하세요.",
+      "sendRequest": "요청 보내기",
+      "cancel": "취소"
     }
   }
 }

package/src/translations/nl.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Bewerkbaar tekstveld"
+    },
+    "subscriptionRequest": {
+      "title": "Upgrade naar pro plan",
+      "description": "Je vraagt een upgrade aan naar het <strong>Pro plan</strong>. We zullen de eigenaar van de werkruimte informeren voor goedkeuring.",
+      "pricingInfo": "Wil je meer weten over de functies van het Pro plan? Bekijk onze <pricingLink>prijs pagina</pricingLink>.",
+      "sendRequest": "Verzoek verzenden",
+      "cancel": "Annuleren"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/pl.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Edytowalna pole tekstowe"
+    },
+    "subscriptionRequest": {
+      "title": "Przejdź na plan pro",
+      "description": "Proszę o przejście na <strong>plan Pro</strong>. Powiadomimy właściciela przestrzeni roboczej o zatwierdzenie.",
+      "pricingInfo": "Chcesz dowiedzieć się więcej o funkcjach planu Pro? Sprawdź naszą <pricingLink>stronę cenową</pricingLink>.",
+      "sendRequest": "Wyślij prośbę",
+      "cancel": "Anuluj"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/pt-BR.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Campo de texto editável"
+    },
+    "subscriptionRequest": {
+      "title": "Atualizar para o plano Pro",
+      "description": "Você está solicitando uma atualização para o <strong>plano Pro</strong>. Notificaremos o proprietário do workspace para aprovação.",
+      "pricingInfo": "Quer saber mais sobre os recursos do plano Pro? Confira nossa <pricingLink>página de preços</pricingLink>.",
+      "sendRequest": "Enviar solicitação",
+      "cancel": "Cancelar"
     }
   }
 }

package/src/translations/pt.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Campo de texto editável"
+    },
+    "subscriptionRequest": {
+      "title": "Atualizar para o plano Pro",
+      "description": "Você está solicitando uma atualização para o <strong>plano Pro</strong>. Notificaremos o proprietário do espaço de trabalho para aprovação.",
+      "pricingInfo": "Quer saber mais sobre os recursos do plano Pro? Confira nossa <pricingLink>página de preços</pricingLink>.",
+      "sendRequest": "Enviar solicitação",
+      "cancel": "Cancelar"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/ro.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Câmp de text editabil"
+    },
+    "subscriptionRequest": {
+      "title": "Upgrade la planul pro",
+      "description": "Solicitați o upgrade la <strong>Planul Pro</strong>. Vom notifica proprietarul spațiului de lucru pentru aprobat.",
+      "pricingInfo": "Doriți să știți mai multe despre caracteristicile planului Pro? Consultați pagina noastră <pricingLink>de prețuri</pricingLink>.",
+      "sendRequest": "Trimiteți cererea",
+      "cancel": "Anulați"
     }
   }
 }

package/src/translations/ru.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "Редактируемое текстовое поле"
+    },
+    "subscriptionRequest": {
+      "title": "Перейти на профессиональный план",
+      "description": "Вы запрашиваете обновление до <strong>профессионального плана</strong>. Мы уведомим владельца рабочего пространства для одобрения.",
+      "pricingInfo": "Хотите узнать больше о возможностях профессионального плана? Ознакомьтесь с нашей <pricingLink>страницей с ценами</pricingLink>.",
+      "sendRequest": "Отправить запрос",
+      "cancel": "Отмена"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/sk.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Upraviteľné textové pole"
+    },
+    "subscriptionRequest": {
+      "title": "Prejdite na profesionálny plán",
+      "description": "Žiadate o upgrade na <strong>profesionálny plán</strong>. Informujeme vlastníka pracovného priestoru o schválení.",
+      "pricingInfo": "Chcete vedieť viac o funkciách profesionálneho plánu? Pozrite sa na našu <pricingLink>stránku s cenami</pricingLink>.",
+      "sendRequest": "Poslať žiadosť",
+      "cancel": "Zrušiť"
     }
   }
 }

package/src/translations/sl.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Urejevalno besedilno polje"
+    },
+    "subscriptionRequest": {
+      "title": "Nadgradite na pro načrt",
+      "description": "Zahtevate nadgradnjo na <strong>pro načrt</strong>. Obveščali bomo lastnika delovnega prostora za odobritev.",
+      "pricingInfo": "Želite izvedeti več o funkcijah pro načrta? Oglejte si našo <pricingLink>stran o cenah</pricingLink>.",
+      "sendRequest": "Pošlji zahtevo",
+      "cancel": "Prekliči"
     }
   }
 }

package/src/translations/sv.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Redigerbar textefält"
+    },
+    "subscriptionRequest": {
+      "title": "Uppgradera till pro-plan",
+      "description": "Du begär en uppgradering till <strong>Pro-plan</strong>. Vi meddelar arbetsutrymmets ägare för godkännande.",
+      "pricingInfo": "Vill du veta mer om Pro-planens funktioner? Kolla in vår <pricingLink>prissida</pricingLink>.",
+      "sendRequest": "Skicka begäran",
+      "cancel": "Avbryt"
     }
   }
 }

package/src/translations/th.json

@@ -974,6 +974,13 @@
     },
     "inlineInput": {
       "editableField": "แก้ไขข้อความในฟิลด์"
+    },
+    "subscriptionRequest": {
+      "title": "อัปเกรดเป็นแผนโปร",
+      "description": "คุณกำลังขอการอัปเกรดเป็น <strong>แผนโปร</strong> เราจะแจ้งเจ้าของพื้นที่ทำงานเพื่อขออนุมัติ",
+      "pricingInfo": "ต้องการทราบเพิ่มเติมเกี่ยวกับฟีเจอร์ของแผนโปร? ตรวจสอบ <pricingLink>หน้าราคาของเรา</pricingLink>",
+      "sendRequest": "ส่งคำขอ",
+      "cancel": "ยกเลิก"
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/tr.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Düzenlenebilir metin alanı"
+    },
+    "subscriptionRequest": {
+      "title": "Pro plana yükselt",
+      "description": "<strong>Pro plan</strong> için bir yükseltme talep ediyorsunuz. Onay için çalışma alanı sahibini bilgilendireceğiz.",
+      "pricingInfo": "Pro plan özellikleri hakkında daha fazla bilgi mi istiyorsunuz? <pricingLink>fiyatlandırma sayfamıza</pricingLink> göz atın.",
+      "sendRequest": "Talep gönder",
+      "cancel": "İptal"
     }
   }
 }

package/src/translations/uk.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Редаговане текстове поле"
+    },
+    "subscriptionRequest": {
+      "title": "Оновити до про плану",
+      "description": "Ви запитуєте оновлення до <strong>про плану</strong>. Ми сповістимо власника робочого простору для затвердження.",
+      "pricingInfo": "Хочете дізнатися більше про можливості про плану? Ознайомтеся з нашою <pricingLink>сторінкою цін</pricingLink>.",
+      "sendRequest": "Відправити запит",
+      "cancel": "Скасувати"
     }
   }
 }

package/src/translations/vi.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "Trường văn bản có thể chỉnh sửa"
+    },
+    "subscriptionRequest": {
+      "title": "Nâng cấp lên gói pro",
+      "description": "Bạn đang yêu cầu nâng cấp lên <strong>gói Pro</strong>. Chúng tôi sẽ thông báo cho chủ sở hữu không gian làm việc để phê duyệt.",
+      "pricingInfo": "Bạn muốn biết thêm về các tính năng của gói Pro? Hãy kiểm tra <pricingLink>trang giá cả</pricingLink>.",
+      "sendRequest": "Gửi yêu cầu",
+      "cancel": "Hủy"
     }
   }
 }

package/src/translations/zh-CN.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "可编辑文本字段"
+    },
+    "subscriptionRequest": {
+      "title": "升级到专业计划",
+      "description": "您正在请求升级到<strong>专业计划</strong>。我们将通知工作区所有者以获得批准。",
+      "pricingInfo": "想了解更多关于专业计划的功能吗？请查看我们的<pricingLink>定价页面</pricingLink>。",
+      "sendRequest": "发送请求",
+      "cancel": "取消"
     }
   }
 }

package/src/translations/zh-TW.json

@@ -980,6 +980,13 @@
     },
     "inlineInput": {
       "editableField": "可編輯文本欄位"
+    },
+    "subscriptionRequest": {
+      "title": "升級到專業計劃",
+      "description": "您正在請求升級到<strong>專業計劃</strong>。我們會通知工作區擁有者以獲得批准。",
+      "pricingInfo": "想了解更多有關專業計劃的功能嗎？查看我們的<pricingLink>定價頁面</pricingLink>。",
+      "sendRequest": "發送請求",
+      "cancel": "取消"
     }
   }
 }