@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta1

package/dist/TimeFormat.js

@@ -1,47 +1,11 @@
-import React from 'react';
-import { capitalize } from '@bigbinary/neeto-cist';
-import { useTimer } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { timeFormat } from '@bigbinary/neeto-commons-frontend/utils';
-import { Tooltip, Typography } from '@bigbinary/neetoui';
-import { fromPairs, keys } from 'ramda';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
-  return [capitalize(key), function (_ref) {
-    var date = _ref.date,
-      _ref$timerInterval = _ref.timerInterval,
-      timerInterval = _ref$timerInterval === void 0 ? 60 : _ref$timerInterval,
-      _ref$tooltipProps = _ref.tooltipProps,
-      tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-      _ref$typographyProps = _ref.typographyProps,
-      typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps,
-      _ref$tooltipDateForma = _ref.tooltipDateFormat,
-      tooltipDateFormat = _ref$tooltipDateForma === void 0 ? "extended" : _ref$tooltipDateForma;
-    useTimer(timerInterval);
-    return /*#__PURE__*/React.createElement(Tooltip, _extends({
-      content: timeFormat[tooltipDateFormat](date),
-      disabled: key === tooltipDateFormat,
-      position: "top"
-    }, tooltipProps), /*#__PURE__*/React.createElement(Typography, _extends({
-      component: "span",
-      style: "body2"
-    }, typographyProps), timeFormat[key](date)));
-  }];
-}));
+import DateFormat from './DateFormat.js';
+import './extends-093996c9.js';
+import 'react';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/react-utils/useTimer';
+import '@bigbinary/neeto-commons-frontend/utils/datetime';
+import '@bigbinary/neetoui';
+import 'ramda';
 
 var TimeFormat = DateFormat;
 

package/dist/TimeFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeFormat.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../src/components/DateFormat.jsx","../src/components/TimeFormat.js"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport { useTimer } from \"neetocommons/react-utils\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n  keys(timeFormat).map(key => [\n    capitalize(key),\n    ({\n      date,\n      timerInterval = 60,\n      tooltipProps = {},\n      typographyProps = {},\n      tooltipDateFormat = \"extended\",\n    }) => {\n      useTimer(timerInterval);\n\n      return (\n        <Tooltip\n          content={timeFormat[tooltipDateFormat](date)}\n          disabled={key === tooltipDateFormat}\n          position=\"top\"\n          {...tooltipProps}\n        >\n          <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n            {timeFormat[key](date)}\n          </Typography>\n        </Tooltip>\n      );\n    },\n  ])\n);\n\nDateFormat.propTypes = {\n  /**\n   * The date object to be formatted.\n   */\n  date: PropTypes.instanceOf(Date),\n  /**\n   * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n   */\n  timerInterval: PropTypes.number,\n  /**\n   * This prop will accept a string to set the format corresponding to\n   * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n   * options from `neeto-commons-frontend`.\n   */\n  tooltipDateFormat: PropTypes.string,\n  /**\n   * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * This prop will be forwarded to the neetoui Typography component.\n   */\n  typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n","import DateFormat from \"components/DateFormat\";\n\nconst TimeFormat = DateFormat;\n\nexport default TimeFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","React","createElement","Tooltip","_extends","content","disabled","position","Typography","component","style","TimeFormat"],"mappings":";;;;;;;AAAe,SAAS,QAAQ,GAAG;AACnC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE;AACtE,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/C,MAAM,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;AAC9B,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;AAC/D,UAAU,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACpC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC;;ACJA,IAAMA,UAAU,GAAGC,SAAS,CAC1BC,IAAI,CAACC,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAI,CAC1BC,UAAU,CAACD,GAAG,CAAC,EACf,UAAAE,IAAA,EAMM;AAAA,IAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAAC,kBAAA,GAAAF,IAAA,CACJG,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAClBK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,iBAAA;MAAAE,oBAAA,GAAAN,IAAA,CACjBO,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,oBAAA;MAAAE,qBAAA,GAAAR,IAAA,CACpBS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA,CAAA;IAE9BE,QAAQ,CAACP,aAAa,CAAC,CAAA;AAEvB,IAAA,oBACEQ,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,MAAAA,OAAO,EAAEnB,UAAU,CAACa,iBAAiB,CAAC,CAACR,IAAI,CAAE;MAC7Ce,QAAQ,EAAElB,GAAG,KAAKW,iBAAkB;AACpCQ,MAAAA,QAAQ,EAAC,KAAA;KACLZ,EAAAA,YAAY,gBAEhBM,KAAA,CAAAC,aAAA,CAACM,UAAU,EAAAJ,QAAA,CAAA;AAACK,MAAAA,SAAS,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAC,OAAA;KAAYb,EAAAA,eAAe,CAC3DX,EAAAA,UAAU,CAACE,GAAG,CAAC,CAACG,IAAI,CACX,CACL,CAAC,CAAA;AAEd,GAAC,CACF,CAAA;AAAA,CAAA,CACH,CAAC;;ACjCKoB,IAAAA,UAAU,GAAG5B;;;;"}
+{"version":3,"file":"TimeFormat.js","sources":["../src/components/TimeFormat.js"],"sourcesContent":["import DateFormat from \"components/DateFormat\";\n\nconst TimeFormat = DateFormat;\n\nexport default TimeFormat;\n"],"names":["TimeFormat","DateFormat"],"mappings":";;;;;;;;;AAEMA,IAAAA,UAAU,GAAGC;;;;"}

package/dist/TimezoneMismatchModal.js

@@ -1,66 +1,15 @@
-import React, { useState, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import React__default, { useState, useEffect } from 'react';
+import { noop } from '@bigbinary/neeto-cist';
 import { Modal, Typography, Button } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
-import { useMutation } from 'react-query';
+import { useTranslation, Trans } from 'react-i18next';
+import { useMutation } from '@tanstack/react-query';
 import axios from 'axios';
 import dayjs from 'dayjs';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
 var timeZoneUrl = "api/v1/time_zone";
 var updateTimeZone = function updateTimeZone(payload) {
   return axios.patch(timeZoneUrl, payload);
@@ -70,13 +19,21 @@ var timeZoneApi = {
 };
 
 var useUpdateTimeZone = function useUpdateTimeZone() {
-  return useMutation(timeZoneApi.updateTimeZone, {
-    onSuccess: function onSuccess() {
-      return window.location.reload();
-    }
-  });
+  return (
+    // useMutation(timeZoneApi.updateTimeZone, {
+    //   onSuccess: () => window.location.reload(),
+    // });
+    useMutation({
+      mutationFn: timeZoneApi.updateTimeZone,
+      onSuccess: function onSuccess() {
+        return window.location.reload();
+      }
+    })
+  );
 };
 
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var getBrowserTimeZone = function getBrowserTimeZone() {
   return dayjs.tz.guess();
 };
@@ -85,14 +42,17 @@ var getUserTimeZone = function getUserTimeZone() {
   return (_globalProps$user = globalProps$1.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone;
 };
 var checkIfTwoTimeZonesAreSame = function checkIfTwoTimeZonesAreSame(timeZone1, timeZone2) {
-  return dayjs().tz(timeZone1).format("Z") === dayjs().tz(timeZone2).format("Z");
+  return (
+    // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+    dayjs().tz(timeZone1).format("Z") === dayjs().tz(timeZone2).format("Z")
+  );
 };
 
 var TimezoneMismatchModal = function TimezoneMismatchModal(_ref) {
   var _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
     _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose;
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -100,7 +60,7 @@ var TimezoneMismatchModal = function TimezoneMismatchModal(_ref) {
     isTimezoneModalOpen = _useState2[0],
     setIsTimezoneModalOpen = _useState2[1];
   var _useUpdateTimeZone = useUpdateTimeZone(),
-    isLoading = _useUpdateTimeZone.isLoading,
+    isPending = _useUpdateTimeZone.isPending,
     updateTimeZone = _useUpdateTimeZone.mutate;
   var isUserAndBrowserTimeZoneSame = checkIfTwoTimeZonesAreSame(getUserTimeZone(), getBrowserTimeZone());
   var handleUpdateTimeZone = function handleUpdateTimeZone() {
@@ -119,45 +79,50 @@ var TimezoneMismatchModal = function TimezoneMismatchModal(_ref) {
     onClose();
   };
   useEffect(function () {
-    if (process.env.RAILS_ENV !== "heroku") {
-      setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);
-    }
+    if (!(process.env.RAILS_ENV !== "heroku")) return;
+    setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);
   }, []);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React__default.createElement(Modal, {
     closeOnOutsideClick: false,
     isOpen: isTimezoneModalOpen || isOpen,
     size: "large",
     onClose: handleCancel
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     style: "h2",
     weight: "normal"
-  }, t("neetoMolecules.alert.timezone.title"))), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("span", {
+  }, t("neetoMolecules.alert.timezone.title"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement("span", {
     className: "flex flex-col space-y-4"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     style: "body2"
   }, t("neetoMolecules.alert.timezone.message", {
     entity: globalProps.appName
-  })), /*#__PURE__*/React.createElement(Typography, {
+  })), /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     style: "h4"
-  }, t("neetoMolecules.alert.timezone.userTimezone", {
-    entity: getUserTimeZone()
-  })), /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "neetoMolecules.alert.timezone.userTimezone",
+    values: {
+      entity: getUserTimeZone()
+    }
+  })), /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     style: "h4"
-  }, t("neetoMolecules.alert.timezone.browserTimezone", {
-    entity: getBrowserTimeZone()
-  })))), /*#__PURE__*/React.createElement(Modal.Footer, {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: "neetoMolecules.alert.timezone.browserTimezone",
+    values: {
+      entity: getBrowserTimeZone()
+    }
+  })))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
     className: "space-x-2"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     "data-testid": "update-timezone-button",
-    disabled: isLoading,
+    disabled: isPending,
     label: t("neetoMolecules.alert.timezone.updateProfile"),
-    loading: isLoading,
+    loading: isPending,
     style: "primary",
     onClick: handleUpdateTimeZone
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Button, {
     label: t("neetoMolecules.common.actions.cancel"),
     style: "text",
     onClick: handleCancel

package/dist/TimezoneMismatchModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimezoneMismatchModal.js","sources":["../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../src/components/TimezoneMismatchModal/apis/time_zone.js","../src/components/TimezoneMismatchModal/useTimeZoneApi.js","../src/components/TimezoneMismatchModal/utils.js","../src/components/TimezoneMismatchModal/index.jsx"],"sourcesContent":["export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","import axios from \"axios\";\n\nconst timeZoneUrl = \"api/v1/time_zone\";\n\nconst updateTimeZone = payload => axios.patch(timeZoneUrl, payload);\n\nconst timeZoneApi = { updateTimeZone };\n\nexport default timeZoneApi;\n","import { useMutation } from \"react-query\";\n\nimport timeZoneApi from \"./apis/time_zone\";\n\nconst useUpdateTimeZone = () =>\n  useMutation(timeZoneApi.updateTimeZone, {\n    onSuccess: () => window.location.reload(),\n  });\n\nexport { useUpdateTimeZone };\n","import dayjs from \"dayjs\";\nimport { globalProps } from \"neetocommons/initializers\";\n\nexport const getBrowserTimeZone = () => dayjs.tz.guess();\n\nexport const getUserTimeZone = () => globalProps.user?.timeZone;\n\nexport const checkIfTwoTimeZonesAreSame = (timeZone1, timeZone2) =>\n  dayjs().tz(timeZone1).format(\"Z\") === dayjs().tz(timeZone2).format(\"Z\");\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport React, { useEffect, useState } from \"react\";\n\nimport { Button, Modal, Typography } from \"@bigbinary/neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateTimeZone } from \"./useTimeZoneApi\";\nimport {\n  checkIfTwoTimeZonesAreSame,\n  getBrowserTimeZone,\n  getUserTimeZone,\n} from \"./utils\";\n\nconst TimezoneMismatchModal = ({ isOpen = false, onClose = () => {} }) => {\n  const { t } = useTranslation();\n  const [isTimezoneModalOpen, setIsTimezoneModalOpen] = useState(false);\n  const { isLoading, mutate: updateTimeZone } = useUpdateTimeZone();\n  const isUserAndBrowserTimeZoneSame = checkIfTwoTimeZonesAreSame(\n    getUserTimeZone(),\n    getBrowserTimeZone()\n  );\n\n  const handleUpdateTimeZone = () => {\n    const payload = { timeZone: getBrowserTimeZone() };\n\n    updateTimeZone(payload, {\n      onSuccess: () => {\n        setIsTimezoneModalOpen(false);\n        onClose();\n      },\n    });\n  };\n\n  const handleCancel = () => {\n    setIsTimezoneModalOpen(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (process.env.RAILS_ENV !== \"heroku\") {\n      setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);\n    }\n  }, []);\n\n  return (\n    <Modal\n      closeOnOutsideClick={false}\n      isOpen={isTimezoneModalOpen || isOpen}\n      size=\"large\"\n      onClose={handleCancel}\n    >\n      <Modal.Header>\n        <Typography style=\"h2\" weight=\"normal\">\n          {t(\"neetoMolecules.alert.timezone.title\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <span className=\"flex flex-col space-y-4\">\n          <Typography component=\"span\" style=\"body2\">\n            {t(\"neetoMolecules.alert.timezone.message\", {\n              entity: globalProps.appName,\n            })}\n          </Typography>\n          <Typography component=\"span\" style=\"h4\">\n            {t(\"neetoMolecules.alert.timezone.userTimezone\", {\n              entity: getUserTimeZone(),\n            })}\n          </Typography>\n          <Typography component=\"span\" style=\"h4\">\n            {t(\"neetoMolecules.alert.timezone.browserTimezone\", {\n              entity: getBrowserTimeZone(),\n            })}\n          </Typography>\n        </span>\n      </Modal.Body>\n      <Modal.Footer className=\"space-x-2\">\n        <Button\n          data-testid=\"update-timezone-button\"\n          disabled={isLoading}\n          label={t(\"neetoMolecules.alert.timezone.updateProfile\")}\n          loading={isLoading}\n          style=\"primary\"\n          onClick={handleUpdateTimeZone}\n        />\n        <Button\n          label={t(\"neetoMolecules.common.actions.cancel\")}\n          style=\"text\"\n          onClick={handleCancel}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nTimezoneMismatchModal.propTypes = {\n  /**\n   * Boolean value to toggle the modal.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * The function that's called after the modal is closed.\n   */\n  onClose: PropTypes.func,\n};\n\nexport default TimezoneMismatchModal;\n"],"names":["arrayLikeToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","timeZoneUrl","updateTimeZone","payload","axios","patch","timeZoneApi","useUpdateTimeZone","useMutation","onSuccess","window","location","reload","getBrowserTimeZone","dayjs","tz","guess","getUserTimeZone","_globalProps$user","globalProps","user","timeZone","checkIfTwoTimeZonesAreSame","timeZone1","timeZone2","format","TimezoneMismatchModal","_ref","_ref$isOpen","isOpen","_ref$onClose","onClose","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isTimezoneModalOpen","setIsTimezoneModalOpen","_useUpdateTimeZone","isLoading","mutate","isUserAndBrowserTimeZoneSame","handleUpdateTimeZone","handleCancel","useEffect","process","env","RAILS_ENV","React","createElement","Modal","closeOnOutsideClick","size","Header","Typography","style","weight","Body","className","component","entity","appName","Footer","Button","disabled","label","loading","onClick"],"mappings":"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"}
+{"version":3,"file":"TimezoneMismatchModal.js","sources":["../src/components/TimezoneMismatchModal/apis/time_zone.js","../src/components/TimezoneMismatchModal/useTimeZoneApi.js","../src/components/TimezoneMismatchModal/utils.js","../src/components/TimezoneMismatchModal/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nconst timeZoneUrl = \"api/v1/time_zone\";\n\nconst updateTimeZone = payload => axios.patch(timeZoneUrl, payload);\n\nconst timeZoneApi = { updateTimeZone };\n\nexport default timeZoneApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport timeZoneApi from \"./apis/time_zone\";\n\nconst useUpdateTimeZone = () =>\n  // useMutation(timeZoneApi.updateTimeZone, {\n  //   onSuccess: () => window.location.reload(),\n  // });\n  useMutation({\n    mutationFn: timeZoneApi.updateTimeZone,\n    onSuccess: () => window.location.reload(),\n  });\n\nexport { useUpdateTimeZone };\n","import dayjs from \"dayjs\";\nimport timezone from \"dayjs/plugin/timezone\";\nimport utc from \"dayjs/plugin/utc\";\nimport { globalProps } from \"neetocommons/initializers\";\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const getBrowserTimeZone = () => dayjs.tz.guess();\n\nexport const getUserTimeZone = () => globalProps.user?.timeZone;\n\nexport const checkIfTwoTimeZonesAreSame = (timeZone1, timeZone2) =>\n  // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats\n  dayjs().tz(timeZone1).format(\"Z\") === dayjs().tz(timeZone2).format(\"Z\");\n","/* eslint-disable @bigbinary/neeto/use-webpack-alias */\nimport React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"@bigbinary/neeto-cist\";\nimport { Button, Modal, Typography } from \"@bigbinary/neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useUpdateTimeZone } from \"./useTimeZoneApi\";\nimport {\n  checkIfTwoTimeZonesAreSame,\n  getBrowserTimeZone,\n  getUserTimeZone,\n} from \"./utils\";\n\nconst TimezoneMismatchModal = ({ isOpen = false, onClose = noop }) => {\n  const { t } = useTranslation();\n  const [isTimezoneModalOpen, setIsTimezoneModalOpen] = useState(false);\n  const { isPending, mutate: updateTimeZone } = useUpdateTimeZone();\n  const isUserAndBrowserTimeZoneSame = checkIfTwoTimeZonesAreSame(\n    getUserTimeZone(),\n    getBrowserTimeZone()\n  );\n\n  const handleUpdateTimeZone = () => {\n    const payload = { timeZone: getBrowserTimeZone() };\n\n    updateTimeZone(payload, {\n      onSuccess: () => {\n        setIsTimezoneModalOpen(false);\n        onClose();\n      },\n    });\n  };\n\n  const handleCancel = () => {\n    setIsTimezoneModalOpen(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (!(process.env.RAILS_ENV !== \"heroku\")) return;\n    setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);\n  }, []);\n\n  return (\n    <Modal\n      closeOnOutsideClick={false}\n      isOpen={isTimezoneModalOpen || isOpen}\n      size=\"large\"\n      onClose={handleCancel}\n    >\n      <Modal.Header>\n        <Typography style=\"h2\" weight=\"normal\">\n          {t(\"neetoMolecules.alert.timezone.title\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <span className=\"flex flex-col space-y-4\">\n          <Typography component=\"span\" style=\"body2\">\n            {t(\"neetoMolecules.alert.timezone.message\", {\n              entity: globalProps.appName,\n            })}\n          </Typography>\n          <Typography component=\"span\" style=\"h4\">\n            <Trans\n              i18nKey=\"neetoMolecules.alert.timezone.userTimezone\"\n              values={{ entity: getUserTimeZone() }}\n            />\n          </Typography>\n          <Typography component=\"span\" style=\"h4\">\n            <Trans\n              i18nKey=\"neetoMolecules.alert.timezone.browserTimezone\"\n              values={{ entity: getBrowserTimeZone() }}\n            />\n          </Typography>\n        </span>\n      </Modal.Body>\n      <Modal.Footer className=\"space-x-2\">\n        <Button\n          data-testid=\"update-timezone-button\"\n          disabled={isPending}\n          label={t(\"neetoMolecules.alert.timezone.updateProfile\")}\n          loading={isPending}\n          style=\"primary\"\n          onClick={handleUpdateTimeZone}\n        />\n        <Button\n          label={t(\"neetoMolecules.common.actions.cancel\")}\n          style=\"text\"\n          onClick={handleCancel}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nTimezoneMismatchModal.propTypes = {\n  /**\n   * Boolean value to toggle the modal.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * The function that's called after the modal is closed.\n   */\n  onClose: PropTypes.func,\n};\n\nexport default TimezoneMismatchModal;\n"],"names":["timeZoneUrl","updateTimeZone","payload","axios","patch","timeZoneApi","useUpdateTimeZone","useMutation","mutationFn","onSuccess","window","location","reload","dayjs","extend","utc","timezone","getBrowserTimeZone","tz","guess","getUserTimeZone","_globalProps$user","globalProps","user","timeZone","checkIfTwoTimeZonesAreSame","timeZone1","timeZone2","format","TimezoneMismatchModal","_ref","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isTimezoneModalOpen","setIsTimezoneModalOpen","_useUpdateTimeZone","isPending","mutate","isUserAndBrowserTimeZoneSame","handleUpdateTimeZone","handleCancel","useEffect","process","env","RAILS_ENV","React","createElement","Modal","closeOnOutsideClick","size","Header","Typography","style","weight","Body","className","component","entity","appName","Trans","i18nKey","values","Footer","Button","disabled","label","loading","onClick"],"mappings":"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"}

package/dist/ToggleFeatureCard.js

@@ -1,124 +1,20 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import React__default, { useEffect, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { useFormikContext } from 'formik';
 import { slugify } from '@bigbinary/neeto-cist';
-import { withT, useOnClickOutside, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+import useOnClickOutside from '@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside';
+import useHotkeys from '@bigbinary/neeto-hotkeys';
 import { Edit, Close } from '@bigbinary/neeto-icons';
 import { Tooltip, Label, Typography, Button } from '@bigbinary/neetoui';
 import { Switch, Input } from '@bigbinary/neetoui/formik';
 import { isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
+import { n } from './inject-css-c86de496.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import { t } from 'i18next';
 
 var useScrollIntoView = function useScrollIntoView(_ref) {
   var elementId = _ref.elementId,
@@ -130,63 +26,45 @@ var useScrollIntoView = function useScrollIntoView(_ref) {
   }, [trigger]);
 };
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
 var css = ".toggle-feature-card--highlighted{border-color:rgb(var(--neeto-ui-primary-800))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-800))}";
 n(css,{});
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
+var getTooltipContent = function getTooltipContent(_ref) {
+  var enabledCondition = _ref.enabledCondition,
+    tooltipProps = _ref.tooltipProps;
+  if (enabledCondition) {
+    return tooltipProps.enabledSwitchText || t("neetoMolecules.toggleFeatureCard.switchTooltip.enabled");
   }
-  return target;
-}
+  return tooltipProps.disabledSwitchText || t("neetoMolecules.toggleFeatureCard.switchTooltip.disabled");
+};
 
-var _excluded = ["t", "enabledCondition", "name", "isDisabled", "switchDataCy"];
+var _excluded = ["enabledCondition", "name", "isDisabled", "switchDataCy", "tooltipProps"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TooltipSwitch = withT(function (_ref) {
-  var t = _ref.t,
-    enabledCondition = _ref.enabledCondition,
+var TooltipSwitch = function TooltipSwitch(_ref) {
+  var enabledCondition = _ref.enabledCondition,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? "" : _ref$name,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     switchDataCy = _ref.switchDataCy,
+    _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    position: "top",
-    content: enabledCondition ? t("neetoMolecules.toggleFeatureCard.switchTooltip.enabled") : t("neetoMolecules.toggleFeatureCard.switchTooltip.disabled")
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Switch, _extends({
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    content: getTooltipContent({
+      enabledCondition: enabledCondition,
+      tooltipProps: tooltipProps
+    }),
+    position: "top"
+  }, tooltipProps), /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Switch, _extends({
     "data-cy": switchDataCy,
     "data-testid": "toggle-feature-card-switch",
     disabled: isDisabled
   }, _objectSpread$1({
     name: name
   }, otherProps)))));
-});
+};
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -208,7 +86,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     inputProps = _ref.inputProps,
-    switchProps = _ref.switchProps;
+    _ref$switchProps = _ref.switchProps,
+    switchProps = _ref$switchProps === void 0 ? {} : _ref$switchProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var cardRef = useRef();
@@ -224,14 +103,12 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     errors = _useFormikContext.errors,
     initialValues = _useFormikContext.initialValues;
   useEffect(function () {
-    if (submitCount >= 1 && isEmpty(errors)) {
-      setIsEditing(false);
-    }
+    if (!(submitCount >= 1 && isEmpty(errors))) return;
+    setIsEditing(false);
   }, [submitCount]);
   useEffect(function () {
-    if (!isEmpty(errors)) {
-      setIsEditing(true);
-    }
+    if (isEmpty(errors)) return;
+    setIsEditing(true);
   }, [values, errors]);
   var _useState3 = useState(location.hash.split("#")[1] === id),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -250,42 +127,42 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     elementId: id,
     trigger: shouldHighlight
   });
-  var inputRef = useHotKeys("enter", function () {
+  var inputRef = useHotkeys("enter", function () {
     return setIsEditing(false);
   }, {
     mode: "scoped"
   });
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "toggle-feature-card",
+  return /*#__PURE__*/React__default.createElement("div", {
     id: id,
+    "data-testid": "toggle-feature-card",
     ref: cardRef,
     className: classnames("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2 border p-4", {
       "neeto-ui-border-gray-300": !shouldHighlight
     }, {
       "toggle-feature-card--highlighted": shouldHighlight
     })
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/React__default.createElement(Label, {
     className: "flex flex-row items-center gap-2"
-  }, /*#__PURE__*/React.createElement(TooltipSwitch, _extends({}, _objectSpread({
+  }, /*#__PURE__*/React__default.createElement(TooltipSwitch, _extends({}, _objectSpread({
     enabledCondition: enabledCondition,
     isDisabled: isDisabled,
     switchDataCy: switchDataCy
   }, switchProps), {
     name: switchName
-  })), /*#__PURE__*/React.createElement(Typography, {
+  })), /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     "data-cy": titleDataCy,
     "data-testid": "toggle-feature-card-title",
     style: "h4",
     weight: "semibold"
-  }, title)), /*#__PURE__*/React.createElement(Typography, {
+  }, title)), /*#__PURE__*/React__default.createElement(Typography, {
     className: "mb-4 whitespace-pre-line",
     "data-cy": descriptionDataCy,
     "data-testid": "toggle-feature-card-description",
     style: "body2"
-  }, description), hasInput && !isEditing && /*#__PURE__*/React.createElement("div", {
+  }, description), hasInput && !isEditing && /*#__PURE__*/React__default.createElement("div", {
     className: "m-0 flex flex-row items-center space-x-2"
-  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.display, /*#__PURE__*/React.createElement(Button, {
+  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.display, /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": inputProps === null || inputProps === void 0 ? void 0 : inputProps.editButtonDataCy,
     "data-testid": "toggle-feature-card-input-display-edit",
     icon: Edit,
@@ -299,7 +176,7 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     onClick: function onClick() {
       return setIsEditing(true);
     }
-  })), hasInput && isEditing && /*#__PURE__*/React.createElement(Input, _extends({
+  })), hasInput && isEditing && /*#__PURE__*/React__default.createElement(Input, _extends({
     autoFocus: true,
     "data-cy": inputProps === null || inputProps === void 0 ? void 0 : inputProps.dataCy,
     "data-testid": "toggle-feature-card-input-field",
@@ -308,7 +185,7 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
     ref: inputRef,
     size: "medium",
-    suffix: /*#__PURE__*/React.createElement(Button, {
+    suffix: /*#__PURE__*/React__default.createElement(Button, {
       "data-testid": "toggle-feature-card-input-reset",
       icon: Close,
       size: "small",