@bigbinary/neeto-molecules 5.2.22 → 5.2.24

package/dist/cjs/v2/ToggleFeatureCard.js

@@ -28,7 +28,7 @@ var useScrollIntoView = function useScrollIntoView(_ref) {
 };
 
 var _excluded$1 = ["enabledCondition", "name", "isDisabled", "switchDataTestid", "tooltipProps"],
-  _excluded2 = ["enabledSwitchText", "disabledSwitchText"];
+  _excluded2$1 = ["enabledSwitchText", "disabledSwitchText"];
 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), true).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 TooltipSwitch = function TooltipSwitch(_ref) {
@@ -43,7 +43,7 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var enabledSwitchText = tooltipProps.enabledSwitchText,
     disabledSwitchText = tooltipProps.disabledSwitchText,
-    neetoAtomsTooltipProps = _objectWithoutProperties(tooltipProps, _excluded2);
+    neetoAtomsTooltipProps = _objectWithoutProperties(tooltipProps, _excluded2$1);
   var tooltipContent = enabledCondition ? enabledSwitchText : disabledSwitchText;
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, _objectSpread$1(_objectSpread$1({
     content: tooltipContent,
@@ -61,7 +61,8 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
   }));
 };
 
-var _excluded = ["className"];
+var _excluded = ["className"],
+  _excluded2 = ["className"];
 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), true).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 ToggleFeatureCard = function ToggleFeatureCard(_ref) {
@@ -90,6 +91,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     editButtonProps = _ref$editButtonProps === void 0 ? {} : _ref$editButtonProps,
     _ref$titleProps = _ref.titleProps,
     titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
+    _ref$descriptionProps = _ref.descriptionProps,
+    descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = reactI18next.useTranslation(),
@@ -98,6 +101,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
   var id = neetoCist.slugify(title);
   var titleClassName = titleProps.className,
     otherTitleProps = _objectWithoutProperties(titleProps, _excluded);
+  var descriptionClassName = descriptionProps.className,
+    otherDescriptionProps = _objectWithoutProperties(descriptionProps, _excluded2);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isEditing = _useState2[0],
@@ -165,12 +170,13 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
         "data-testid": neetoCist.isPresent(titleDataTestid) ? titleDataTestid : "toggle-feature-card-title",
         children: title
       }))]
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-      className: "mb-4 whitespace-pre-line",
-      variant: "body2",
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, _objectSpread(_objectSpread({
+      variant: "body2"
+    }, otherDescriptionProps), {}, {
+      className: classnames("mb-4 whitespace-pre-line", descriptionClassName),
       "data-testid": neetoCist.isPresent(descriptionDataTestid) ? descriptionDataTestid : "toggle-feature-card-description",
       children: description
-    }), hasInput && !isEditing && /*#__PURE__*/jsxRuntime.jsxs("div", {
+    })), hasInput && !isEditing && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "m-0 flex flex-row items-center gap-x-2",
       children: [inputProps === null || inputProps === void 0 ? void 0 : inputProps.display, /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread({
         label: t("neetoMolecules.common.actions.edit"),

package/dist/cjs/v2/ToggleFeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFeatureCard.js","sources":["../../../src/v2/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../../src/v2/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../../src/v2/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Switch as FormikSwitch } from \"@bigbinary/neeto-atoms/formik\";\nimport { isPresent } from \"neetocist\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataTestid,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoAtomsTooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoAtomsTooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          disabled={isDisabled}\n          data-testid={\n            isPresent(switchDataTestid)\n              ? switchDataTestid\n              : \"toggle-feature-card-switch\"\n          }\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport { Button, Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { X } from \"lucide-react\";\nimport { isPresent, slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/v2/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataTestid = \"\",\n  switchDataTestid = \"\",\n  descriptionDataTestid = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  titleProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n  const { className: titleClassName, ...otherTitleProps } = titleProps;\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"feature-card-container\"\n      ref={cardRef}\n      className={classnames(\n        \"flex flex-col gap-y-2 rounded-lg\",\n        { \"bg-card text-card-foreground border p-4\": isCardStyleEnabled },\n        { \"border-border\": isCardStyleEnabled && !shouldHighlight },\n        { \"border-primary ring-primary ring-1\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataTestid,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          variant=\"h5\"\n          {...otherTitleProps}\n          as=\"span\"\n          className={classnames(\"leading-snug\", titleClassName)}\n          data-testid={\n            isPresent(titleDataTestid)\n              ? titleDataTestid\n              : \"toggle-feature-card-title\"\n          }\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        className=\"mb-4 whitespace-pre-line\"\n        variant=\"body2\"\n        data-testid={\n          isPresent(descriptionDataTestid)\n            ? descriptionDataTestid\n            : \"toggle-feature-card-description\"\n        }\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"link\"\n            data-testid={\n              isPresent(inputProps?.editButtonDataTestid)\n                ? inputProps?.editButtonDataTestid\n                : \"toggle-feature-card-input-display-edit\"\n            }\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          data-testid={\n            isPresent(inputProps?.dataTestid)\n              ? inputProps?.dataTestid\n              : \"toggle-feature-card-input-field\"\n          }\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={X}\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataTestid: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataTestid: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Can be used to add props to the title Typography component. eg:\n  {titleProps: {variant: \"h6\"}}.\n   */\n  titleProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataTestid","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoAtomsTooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","isPresent","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataTestid","titleDataTestid","_ref$switchDataTestid","_ref$descriptionDataT","descriptionDataTestid","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$titleProps","titleProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","titleClassName","otherTitleProps","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","variant","as","display","Button","label","size","type","editButtonDataTestid","onClick","Input","autoFocus","placeholder","dataTestid","suffix","icon","X"],"mappings":"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"}
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../../../src/v2/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../../src/v2/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../../src/v2/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Switch as FormikSwitch } from \"@bigbinary/neeto-atoms/formik\";\nimport { isPresent } from \"neetocist\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataTestid,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoAtomsTooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoAtomsTooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          disabled={isDisabled}\n          data-testid={\n            isPresent(switchDataTestid)\n              ? switchDataTestid\n              : \"toggle-feature-card-switch\"\n          }\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport { Button, Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { X } from \"lucide-react\";\nimport { isPresent, slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/v2/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataTestid = \"\",\n  switchDataTestid = \"\",\n  descriptionDataTestid = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  titleProps = {},\n  descriptionProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n  const { className: titleClassName, ...otherTitleProps } = titleProps;\n  const { className: descriptionClassName, ...otherDescriptionProps } =\n    descriptionProps;\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"feature-card-container\"\n      ref={cardRef}\n      className={classnames(\n        \"flex flex-col gap-y-2 rounded-lg\",\n        { \"bg-card text-card-foreground border p-4\": isCardStyleEnabled },\n        { \"border-border\": isCardStyleEnabled && !shouldHighlight },\n        { \"border-primary ring-primary ring-1\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataTestid,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          variant=\"h5\"\n          {...otherTitleProps}\n          as=\"span\"\n          className={classnames(\"leading-snug\", titleClassName)}\n          data-testid={\n            isPresent(titleDataTestid)\n              ? titleDataTestid\n              : \"toggle-feature-card-title\"\n          }\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        variant=\"body2\"\n        {...otherDescriptionProps}\n        className={classnames(\"mb-4 whitespace-pre-line\", descriptionClassName)}\n        data-testid={\n          isPresent(descriptionDataTestid)\n            ? descriptionDataTestid\n            : \"toggle-feature-card-description\"\n        }\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"link\"\n            data-testid={\n              isPresent(inputProps?.editButtonDataTestid)\n                ? inputProps?.editButtonDataTestid\n                : \"toggle-feature-card-input-display-edit\"\n            }\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          data-testid={\n            isPresent(inputProps?.dataTestid)\n              ? inputProps?.dataTestid\n              : \"toggle-feature-card-input-field\"\n          }\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={X}\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataTestid: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataTestid: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Can be used to add props to the title Typography component. eg:\n  {titleProps: {variant: \"h6\"}}.\n   */\n  titleProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * Can be used to add props to the description Typography component. eg:\n  {descriptionProps: {color: \"muted\"}}.\n   */\n  descriptionProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataTestid","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoAtomsTooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","isPresent","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataTestid","titleDataTestid","_ref$switchDataTestid","_ref$descriptionDataT","descriptionDataTestid","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$titleProps","titleProps","_ref$descriptionProps","descriptionProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","titleClassName","otherTitleProps","descriptionClassName","otherDescriptionProps","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","variant","as","display","Button","label","size","type","editButtonDataTestid","onClick","Input","autoFocus","placeholder","dataTestid","suffix","icon","X"],"mappings":"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"}

package/dist/v2/ToggleFeatureCard.js

@@ -26,7 +26,7 @@ var useScrollIntoView = function useScrollIntoView(_ref) {
 };
 
 var _excluded$1 = ["enabledCondition", "name", "isDisabled", "switchDataTestid", "tooltipProps"],
-  _excluded2 = ["enabledSwitchText", "disabledSwitchText"];
+  _excluded2$1 = ["enabledSwitchText", "disabledSwitchText"];
 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), true).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 TooltipSwitch = function TooltipSwitch(_ref) {
@@ -41,7 +41,7 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var enabledSwitchText = tooltipProps.enabledSwitchText,
     disabledSwitchText = tooltipProps.disabledSwitchText,
-    neetoAtomsTooltipProps = _objectWithoutProperties(tooltipProps, _excluded2);
+    neetoAtomsTooltipProps = _objectWithoutProperties(tooltipProps, _excluded2$1);
   var tooltipContent = enabledCondition ? enabledSwitchText : disabledSwitchText;
   return /*#__PURE__*/jsx(Tooltip, _objectSpread$1(_objectSpread$1({
     content: tooltipContent,
@@ -59,7 +59,8 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
   }));
 };
 
-var _excluded = ["className"];
+var _excluded = ["className"],
+  _excluded2 = ["className"];
 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), true).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 ToggleFeatureCard = function ToggleFeatureCard(_ref) {
@@ -88,6 +89,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     editButtonProps = _ref$editButtonProps === void 0 ? {} : _ref$editButtonProps,
     _ref$titleProps = _ref.titleProps,
     titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
+    _ref$descriptionProps = _ref.descriptionProps,
+    descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = useTranslation(),
@@ -96,6 +99,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
   var id = slugify(title);
   var titleClassName = titleProps.className,
     otherTitleProps = _objectWithoutProperties(titleProps, _excluded);
+  var descriptionClassName = descriptionProps.className,
+    otherDescriptionProps = _objectWithoutProperties(descriptionProps, _excluded2);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isEditing = _useState2[0],
@@ -163,12 +168,13 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
         "data-testid": isPresent(titleDataTestid) ? titleDataTestid : "toggle-feature-card-title",
         children: title
       }))]
-    }), /*#__PURE__*/jsx(Typography, {
-      className: "mb-4 whitespace-pre-line",
-      variant: "body2",
+    }), /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+      variant: "body2"
+    }, otherDescriptionProps), {}, {
+      className: classnames("mb-4 whitespace-pre-line", descriptionClassName),
       "data-testid": isPresent(descriptionDataTestid) ? descriptionDataTestid : "toggle-feature-card-description",
       children: description
-    }), hasInput && !isEditing && /*#__PURE__*/jsxs("div", {
+    })), hasInput && !isEditing && /*#__PURE__*/jsxs("div", {
       className: "m-0 flex flex-row items-center gap-x-2",
       children: [inputProps === null || inputProps === void 0 ? void 0 : inputProps.display, /*#__PURE__*/jsx(Button, _objectSpread({
         label: t("neetoMolecules.common.actions.edit"),

package/dist/v2/ToggleFeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/v2/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../src/v2/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../src/v2/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Switch as FormikSwitch } from \"@bigbinary/neeto-atoms/formik\";\nimport { isPresent } from \"neetocist\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataTestid,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoAtomsTooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoAtomsTooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          disabled={isDisabled}\n          data-testid={\n            isPresent(switchDataTestid)\n              ? switchDataTestid\n              : \"toggle-feature-card-switch\"\n          }\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport { Button, Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { X } from \"lucide-react\";\nimport { isPresent, slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/v2/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataTestid = \"\",\n  switchDataTestid = \"\",\n  descriptionDataTestid = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  titleProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n  const { className: titleClassName, ...otherTitleProps } = titleProps;\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"feature-card-container\"\n      ref={cardRef}\n      className={classnames(\n        \"flex flex-col gap-y-2 rounded-lg\",\n        { \"bg-card text-card-foreground border p-4\": isCardStyleEnabled },\n        { \"border-border\": isCardStyleEnabled && !shouldHighlight },\n        { \"border-primary ring-primary ring-1\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataTestid,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          variant=\"h5\"\n          {...otherTitleProps}\n          as=\"span\"\n          className={classnames(\"leading-snug\", titleClassName)}\n          data-testid={\n            isPresent(titleDataTestid)\n              ? titleDataTestid\n              : \"toggle-feature-card-title\"\n          }\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        className=\"mb-4 whitespace-pre-line\"\n        variant=\"body2\"\n        data-testid={\n          isPresent(descriptionDataTestid)\n            ? descriptionDataTestid\n            : \"toggle-feature-card-description\"\n        }\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"link\"\n            data-testid={\n              isPresent(inputProps?.editButtonDataTestid)\n                ? inputProps?.editButtonDataTestid\n                : \"toggle-feature-card-input-display-edit\"\n            }\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          data-testid={\n            isPresent(inputProps?.dataTestid)\n              ? inputProps?.dataTestid\n              : \"toggle-feature-card-input-field\"\n          }\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={X}\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataTestid: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataTestid: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Can be used to add props to the title Typography component. eg:\n  {titleProps: {variant: \"h6\"}}.\n   */\n  titleProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataTestid","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoAtomsTooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","isPresent","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataTestid","titleDataTestid","_ref$switchDataTestid","_ref$descriptionDataT","descriptionDataTestid","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$titleProps","titleProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","titleClassName","otherTitleProps","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","variant","as","display","Button","label","size","type","editButtonDataTestid","onClick","Input","autoFocus","placeholder","dataTestid","suffix","icon","X"],"mappings":"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"}
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/v2/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../src/v2/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../src/v2/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Switch as FormikSwitch } from \"@bigbinary/neeto-atoms/formik\";\nimport { isPresent } from \"neetocist\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataTestid,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoAtomsTooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoAtomsTooltipProps}\n    >\n      <span>\n        <FormikSwitch\n          disabled={isDisabled}\n          data-testid={\n            isPresent(switchDataTestid)\n              ? switchDataTestid\n              : \"toggle-feature-card-switch\"\n          }\n          {...{ name, ...otherProps }}\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TooltipSwitch;\n","import { useRef, useState, useEffect } from \"react\";\n\nimport { Button, Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { X } from \"lucide-react\";\nimport { isPresent, slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/v2/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  isCardStyleEnabled = true,\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataTestid = \"\",\n  switchDataTestid = \"\",\n  descriptionDataTestid = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n  editButtonProps = {},\n  titleProps = {},\n  descriptionProps = {},\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n  const { className: titleClassName, ...otherTitleProps } = titleProps;\n  const { className: descriptionClassName, ...otherDescriptionProps } =\n    descriptionProps;\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"feature-card-container\"\n      ref={cardRef}\n      className={classnames(\n        \"flex flex-col gap-y-2 rounded-lg\",\n        { \"bg-card text-card-foreground border p-4\": isCardStyleEnabled },\n        { \"border-border\": isCardStyleEnabled && !shouldHighlight },\n        { \"border-primary ring-primary ring-1\": shouldHighlight },\n        className\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataTestid,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          variant=\"h5\"\n          {...otherTitleProps}\n          as=\"span\"\n          className={classnames(\"leading-snug\", titleClassName)}\n          data-testid={\n            isPresent(titleDataTestid)\n              ? titleDataTestid\n              : \"toggle-feature-card-title\"\n          }\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        variant=\"body2\"\n        {...otherDescriptionProps}\n        className={classnames(\"mb-4 whitespace-pre-line\", descriptionClassName)}\n        data-testid={\n          isPresent(descriptionDataTestid)\n            ? descriptionDataTestid\n            : \"toggle-feature-card-description\"\n        }\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center gap-x-2\">\n          {inputProps?.display}\n          <Button\n            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"link\"\n            data-testid={\n              isPresent(inputProps?.editButtonDataTestid)\n                ? inputProps?.editButtonDataTestid\n                : \"toggle-feature-card-input-display-edit\"\n            }\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          data-testid={\n            isPresent(inputProps?.dataTestid)\n              ? inputProps?.dataTestid\n              : \"toggle-feature-card-input-field\"\n          }\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={X}\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataTestid: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataTestid: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n  /**\n   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Can be used to add props to the title Typography component. eg:\n  {titleProps: {variant: \"h6\"}}.\n   */\n  titleProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * Can be used to add props to the description Typography component. eg:\n  {descriptionProps: {color: \"muted\"}}.\n   */\n  descriptionProps: PropTypes.shape({\n    variant: PropTypes.string,\n    weight: PropTypes.string,\n    color: PropTypes.string,\n    className: PropTypes.string,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataTestid","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoAtomsTooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","isPresent","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataTestid","titleDataTestid","_ref$switchDataTestid","_ref$descriptionDataT","descriptionDataTestid","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$titleProps","titleProps","_ref$descriptionProps","descriptionProps","_ref$className","className","_useTranslation","useTranslation","t","cardRef","useRef","id","slugify","titleClassName","otherTitleProps","descriptionClassName","otherDescriptionProps","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","_jsxs","ref","classnames","Label","Typography","variant","as","display","Button","label","size","type","editButtonDataTestid","onClick","Input","autoFocus","placeholder","dataTestid","suffix","icon","X"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "5.2.22",
+  "version": "5.2.24",
   "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

@@ -537,18 +537,18 @@
         }
       },
       "text": {
-        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{emailList}}</Code> إلى {{productSuffix, anyCase}}.",
-        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حاول</Semibold> دعوة مستخدم {{productSuffix, anyCase}}{{errorMessage}}.",
-        "userSignedUp": "<Bold>{{userIdentifier}}</Bold> <Semibold>سجل</Semibold> في {{productSuffix, anyCase}}.",
-        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>غير</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields> في {{productSuffix, anyCase}}.",
-        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code> في {{productSuffix, anyCase}}.",
-        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> في {{productSuffix, anyCase}}{{errorMessage}}.",
-        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>غير</Semibold> <ChangedFields></ChangedFields> في {{productSuffix, anyCase}}.",
-        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أنشأ</Semibold> <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
+        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{emailList}}</Code>.",
+        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حاول</Semibold> دعوة مستخدم {{errorMessage}}.",
+        "userSignedUp": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>سجل</Semibold>.",
+        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>غير</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields>.",
+        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code>.",
+        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> {{errorMessage}}.",
+        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>غير</Semibold> <ChangedFields></ChangedFields>.",
+        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أنشأ</Semibold> <Code>{{roleName}}</Code> دور.",
         "updatedRole_other": "{{performedBy, anyCase}} <Semibold>حدث</Semibold> <Code>{{roleName}}</Code> دورًا مع <Code>{{addedPermissionsText}}</Code> الأذونات في {{productSuffix, anyCase}}",
         "updatedRole_one": "{{performedBy, anyCase}} <Semibold>حدث</Semibold> <Code>{{roleName}}</Code> دورًا مع <Code>{{addedPermissionsText}}</Code> الإذن في {{productSuffix, anyCase}}",
-        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حذف</Semibold> <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
-        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>نفذ</Semibold> إجراء على {{productSuffix, anyCase}}.",
+        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حذف</Semibold> <Code>{{roleName}}</Code> دور.",
+        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>نفذ</Semibold> إجراء.",
         "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold> من <Code>{{from, anyCase}}</Code> إلى <Code>{{to, anyCase}}</Code>",
         "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold> إلى <Code>{{to, anyCase}}</Code>",
         "connectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>تم الاتصال بـ Google Calendar</Semibold> باستخدام <Code>{{emailAddress}}</Code>.",
@@ -559,15 +559,15 @@
         "disconnectedZoomAccount": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>غير متصل بدمج Zoom</Semibold> في {{productSuffix, anyCase}}.",
         "connectedCustomDomain": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>متصل بالنطاق المخصص:</Semibold> <Code>{{hostname, anyCase}}</Code> على {{productSuffix, anyCase}}.",
         "updatedFields": "<Semibold>{{field}}</Semibold>",
-        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حدّث</Semibold> <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
-        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أعاد تسمية</Semibold> <Code>{{name.from}}</Code> دور إلى <Code>{{name.to}}</Code> في {{productSuffix, anyCase}}.",
-        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) إلى <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
-        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أزال</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
-        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) و <Semibold>أزال</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> دور في {{productSuffix, anyCase}}.",
+        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حدث</Semibold> <Code>{{roleName}}</Code> دور.",
+        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>إعادة تسمية</Semibold> <Code>{{name.from}}</Code> دور إلى <Code>{{name.to}}</Code>.",
+        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) إلى <Code>{{roleName}}</Code> دور.",
+        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أزال</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> دور.",
+        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أضاف</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) و<Semibold>أزال</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) من <Code>{{roleName}}</Code> دور.",
         "createdApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أنشأ</Semibold> مفتاح API مع التسمية <Semibold>{{label, anyCase}}</Semibold> في {{productSuffix, anyCase}}.",
         "deletedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حذف</Semibold> مفتاح API مع التسمية <Semibold>{{label, anyCase}}</Semibold> في {{productSuffix, anyCase}}.",
         "updatedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>حدّث</Semibold> مفتاح API مع التسمية <Semibold>{{label, anyCase}}</Semibold> في {{productSuffix, anyCase}}.",
-        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أزال</Semibold> <Code>{{affectedUser}}</Code> من {{productSuffix, anyCase}}.",
+        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>أزال</Semibold> <Code>{{affectedUser}}</Code>.",
         "googleDisconnectedGoogleCalendar": "جوجل <Semibold>فصل تقويم جوجل</Semibold> لـ <Code>{{emailAddress}}</Code> (متصل بواسطة {{performedBy, anyCase}}).",
         "connectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>متصل بجوجل ميت</Semibold> باستخدام <Code>{{emailAddress}}</Code>.",
         "disconnectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>فصل جوجل ميت</Semibold> لـ <Code>{{emailAddress}}</Code>.",
@@ -590,7 +590,8 @@
         "integrationDisconnectedOnBehalf": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>منفصل {{integrationName, anyCase}}</Semibold> نيابةً عن <Code>{{integrationOwner, anyCase}}</Code> باستخدام <Code>{{detail, anyCase}}</Code>.",
         "integrationDisconnectedOnBehalfWithoutDetail": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>منفصل {{integrationName, anyCase}}</Semibold> نيابةً عن <Code>{{integrationOwner, anyCase}}</Code>.",
         "integrationDisconnectedByProvider": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>منفصل</Semibold> من أجل <Code>{{detail, anyCase}}</Code> (متصل بواسطة {{performedBy, anyCase}}).",
-        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>منفصل</Semibold> (متصل بواسطة {{performedBy, anyCase}})."
+        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>منفصل</Semibold> (متصل بواسطة {{performedBy, anyCase}}).",
+        "userLoggedIn": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>سجل الدخول عبر</Semibold> <Code>{{loginMethod,anyCase}}</Code> من <Code>{{ipAddress}}</Code> باستخدام <Code>{{userAgent,anyCase}}</Code>."
       }
     },
     "ipRestriction": {

package/src/translations/bg.json

@@ -548,18 +548,18 @@
       "noData": "Няма налични журнали за одит за показване.",
       "noError": "Детайлите на грешката не са налични. Моля, проверете журналите за повече информация.",
       "text": {
-        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{emailList}}</Code> към {{productSuffix, anyCase}}.",
-        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>опита</Semibold> да поканя потребител {{productSuffix, anyCase}}{{errorMessage}}.",
-        "userSignedUp": "<Bold>{{userIdentifier}}</Bold> <Semibold>се записа</Semibold> в {{productSuffix, anyCase}}.",
-        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>промени</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields> в {{productSuffix, anyCase}}.",
-        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code> на {{productSuffix, anyCase}}.",
-        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> в {{productSuffix, anyCase}}{{errorMessage}}.",
-        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>промени</Semibold> <ChangedFields></ChangedFields> в {{productSuffix, anyCase}}.",
-        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>създаде</Semibold> <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
+        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{emailList}}</Code>.",
+        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>опита</Semibold> да покани потребител {{errorMessage}}.",
+        "userSignedUp": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>се записа</Semibold>.",
+        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>промени</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields>.",
+        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code>.",
+        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> {{errorMessage}}.",
+        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>промени</Semibold> <ChangedFields></ChangedFields>.",
+        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>създаде</Semibold> <Code>{{roleName}}</Code> роля.",
         "updatedRole_other": "{{performedBy, anyCase}} <Semibold>актуализира</Semibold> <Code>{{roleName}}</Code> роля с <Code>{{addedPermissionsText}}</Code> права на {{productSuffix, anyCase}}",
         "updatedRole_one": "{{performedBy, anyCase}} <Semibold>актуализира</Semibold> <Code>{{roleName}}</Code> роля с <Code>{{addedPermissionsText}}</Code> право на {{productSuffix, anyCase}}",
-        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изтри</Semibold> <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
-        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изпълни</Semibold> действие на {{productSuffix, anyCase}}.",
+        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изтри</Semibold> <Code>{{roleName}}</Code> роля.",
+        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>извърши</Semibold> действие.",
         "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold> от <Code>{{from, anyCase}}</Code> на <Code>{{to, anyCase}}</Code>",
         "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold> на <Code>{{to, anyCase}}</Code>",
         "connectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>свързан Google Calendar</Semibold> с <Code>{{emailAddress}}</Code>.",
@@ -570,15 +570,15 @@
         "disconnectedZoomAccount": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изключи интеграцията Zoom</Semibold> на {{productSuffix, anyCase}}.",
         "connectedCustomDomain": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>се свърза с персонален домейн:</Semibold> <Code>{{hostname, anyCase}}</Code> на {{productSuffix, anyCase}}.",
         "updatedFields": "<Semibold>{{field}}</Semibold>",
-        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>актуализира</Semibold> <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
-        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>преименува</Semibold> <Code>{{name.from}}</Code> роля на <Code>{{name.to}}</Code> в {{productSuffix, anyCase}}.",
-        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) към <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
-        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изтри</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
-        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) и <Semibold>изтри</Semibold> {{__XL OPEN_Code}}{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля в {{productSuffix, anyCase}}.",
+        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>актуализира</Semibold> <Code>{{roleName}}</Code> роля.",
+        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>преименува</Semibold> <Code>{{name.from}}</Code> роля на <Code>{{name.to}}</Code>.",
+        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) на <Code>{{roleName}}</Code> роля.",
+        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>отстрани</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля.",
+        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>добави</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) и <Semibold>отстрани</Semibold> {{__XL OPEN_Code}}{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) от <Code>{{roleName}}</Code> роля.",
         "createdApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>създаде</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}.",
         "deletedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изтри</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}.",
         "updatedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>актуализира</Semibold> API ключ с етикет <Semibold>{{label, anyCase}}</Semibold> на {{productSuffix, anyCase}}.",
-        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>изтри</Semibold> <Code>{{affectedUser}}</Code> от {{productSuffix, anyCase}}.",
+        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>отстрани</Semibold> <Code>{{affectedUser}}</Code>.",
         "googleDisconnectedGoogleCalendar": "Google <Semibold>прекъснат Google Calendar</Semibold> за <Code>{{emailAddress}}</Code> (прекъснат от {{performedBy, anyCase}}).",
         "connectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>свързан Google Meet</Semibold> с <Code>{{emailAddress}}</Code>.",
         "disconnectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>прекъснат Google Meet</Semibold> за <Code>{{emailAddress}}</Code>.",
@@ -601,7 +601,8 @@
         "integrationDisconnectedOnBehalf": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>отключи {{integrationName, anyCase}}</Semibold> от името на <Code>{{integrationOwner, anyCase}}</Code> с помощта на <Code>{{detail, anyCase}}</Code>.",
         "integrationDisconnectedOnBehalfWithoutDetail": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>отключи {{integrationName, anyCase}}</Semibold> от името на <Code>{{integrationOwner, anyCase}}</Code>.",
         "integrationDisconnectedByProvider": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>отключи</Semibold> за <Code>{{detail, anyCase}}</Code> (свързан от {{performedBy, anyCase}}).",
-        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>отключи</Semibold> (свързан от {{performedBy, anyCase}})."
+        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>отключи</Semibold> (свързан от {{performedBy, anyCase}}).",
+        "userLoggedIn": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>влезе чрез</Semibold> <Code>{{loginMethod,anyCase}}</Code> от <Code>{{ipAddress}}</Code> с помощта на <Code>{{userAgent,anyCase}}</Code>."
       }
     },
     "ipRestriction": {

package/src/translations/ca.json

@@ -537,18 +537,18 @@
         }
       },
       "text": {
-        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{emailList}}</Code> a {{productSuffix, anyCase}}.",
-        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha intentat</Semibold> convidar un usuari {{productSuffix, anyCase}}{{errorMessage}}.",
-        "userSignedUp": "<Bold>{{userIdentifier}}</Bold> <Semibold>s'ha inscrit</Semibold> a {{productSuffix, anyCase}}.",
-        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha canviat</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields> a {{productSuffix, anyCase}}.",
-        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code> a {{productSuffix, anyCase}}.",
-        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> a {{productSuffix, anyCase}}{{errorMessage}}.",
-        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha canviat</Semibold> <ChangedFields></ChangedFields> a {{productSuffix, anyCase}}.",
-        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha creat</Semibold> <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
+        "invitedUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{emailList}}</Code>.",
+        "invitedUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha intentat</Semibold> convidar un usuari {{errorMessage}}.",
+        "userSignedUp": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>s'ha registrat</Semibold>.",
+        "updatedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha canviat</Semibold> <Code>{{affectedUser}}'s</Code> <ChangedFields></ChangedFields>.",
+        "bulkUpdateUsers": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold>: <Code>{{emailList}}</Code>.",
+        "bulkUpdateUsersFailed": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>{{message}}</Semibold> {{errorMessage}}.",
+        "updatedUserProfile": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha canviat</Semibold> <ChangedFields></ChangedFields>.",
+        "createdRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha creat</Semibold> <Code>{{roleName}}</Code> paper.",
         "updatedRole_other": "{{performedBy, anyCase}} <Semibold>ha actualitzat</Semibold> <Code>{{roleName}}</Code> rol amb <Code>{{addedPermissionsText}}</Code> permisos a {{productSuffix, anyCase}}",
         "updatedRole_one": "{{performedBy, anyCase}} <Semibold>ha actualitzat</Semibold> <Code>{{roleName}}</Code> rol amb <Code>{{addedPermissionsText}}</Code> permís a {{productSuffix, anyCase}}",
-        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
-        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha realitzat</Semibold> una acció a {{productSuffix, anyCase}}.",
+        "deletedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{roleName}}</Code> paper.",
+        "performedAction": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha realitzat</Semibold> una acció.",
         "updatedFieldsWithPreviousValue": "<Semibold>{{field}}</Semibold> de <Code>{{from, anyCase}}</Code> a <Code>{{to, anyCase}}</Code>",
         "updatedFieldsWithNewValue": "<Semibold>{{field}}</Semibold> a <Code>{{to, anyCase}}</Code>",
         "connectedGoogleCalender": "{{performedBy, anyCase}} <Semibold>ha connectat Google Calendar</Semibold> utilitzant <Code>{{emailAddress}}</Code>.",
@@ -559,15 +559,15 @@
         "disconnectedZoomAccount": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha desconnectat la integració de Zoom</Semibold> a {{productSuffix, anyCase}}.",
         "connectedCustomDomain": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>connectat al domini personalitzat:</Semibold> <Code>{{hostname, anyCase}}</Code> el {{productSuffix, anyCase}}.",
         "updatedFields": "<Semibold>{{field}}</Semibold>",
-        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha actualitzat</Semibold> <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
-        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha renomé</Semibold> <Code>{{name.from}}</Code> rol a <Code>{{name.to}}</Code> a {{productSuffix, anyCase}}.",
-        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) a <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
-        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) de <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
-        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) i <Semibold>ha eliminat</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) de <Code>{{roleName}}</Code> rol a {{productSuffix, anyCase}}.",
+        "updatedRole": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha actualitzat</Semibold> <Code>{{roleName}}</Code> paper.",
+        "updatedRoleName": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha renombrat</Semibold> <Code>{{name.from}}</Code> paper a <Code>{{name.to}}</Code>.",
+        "addedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) a <Code>{{roleName}}</Code> paper.",
+        "removedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) de <Code>{{roleName}}</Code> paper.",
+        "modifiedRolePermission": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha afegit</Semibold> <Code>{{addedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{addedPermissionsCount}} }) i <Semibold>ha eliminat</Semibold> {{__XL OPEN_Code}}{{removedPermissionsText}}</Code> $t(neetoMolecules.common.permission, {\"count\": {{removedPermissionsCount}} }) de <Code>{{roleName}}</Code> paper.",
         "createdApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha creat</Semibold> una clau d'API amb etiqueta <Semibold>{{label, anyCase}}</Semibold> a {{productSuffix, anyCase}}.",
         "deletedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> una clau d'API amb etiqueta <Semibold>{{label, anyCase}}</Semibold> a {{productSuffix, anyCase}}.",
         "updatedApiKey": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha actualitzat</Semibold> una clau d'API amb etiqueta <Semibold>{{label, anyCase}}</Semibold> a {{productSuffix, anyCase}}.",
-        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{affectedUser}}</Code> de {{productSuffix, anyCase}}.",
+        "removedUser": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>ha eliminat</Semibold> <Code>{{affectedUser}}</Code>.",
         "googleDisconnectedGoogleCalendar": "Google <Semibold>desconnectat Google Calendar</Semibold> per <Code>{{emailAddress}}</Code> (conectat per {{performedBy, anyCase}}).",
         "connectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>connectat Google Meet</Semibold> utilitzant <Code>{{emailAddress}}</Code>.",
         "disconnectedGoogleMeet": "{{performedBy, anyCase}} <Semibold>desconnectat Google Meet</Semibold> per <Code>{{emailAddress}}</Code>.",
@@ -590,7 +590,8 @@
         "integrationDisconnectedOnBehalf": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>desconnectat {{integrationName, anyCase}}</Semibold> per <Code>{{integrationOwner, anyCase}}</Code> utilitzant <Code>{{detail, anyCase}}</Code>.",
         "integrationDisconnectedOnBehalfWithoutDetail": "<Bold>{{performedBy, anyCase}}</Bold> <Semibold>desconnectat {{integrationName, anyCase}}</Semibold> per <Code>{{integrationOwner, anyCase}}</Code>.",
         "integrationDisconnectedByProvider": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>desconnectat</Semibold> per <Code>{{detail, anyCase}}</Code> (connectat per {{performedBy, anyCase}}).",
-        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>desconnectat</Semibold> (connectat per {{performedBy, anyCase}})."
+        "integrationDisconnectedByProviderWithoutDetail": "<Bold>{{integrationName, anyCase}}</Bold> <Semibold>desconnectat</Semibold> (connectat per {{performedBy, anyCase}}).",
+        "userLoggedIn": "<Bold>{{userIdentifier,anyCase}}</Bold> <Semibold>ha iniciat sessió a través de</Semibold> <Code>{{loginMethod,anyCase}}</Code> des de <Code>{{ipAddress}}</Code> utilitzant <Code>{{userAgent,anyCase}}</Code>."
       }
     },
     "ipRestriction": {