@bigbinary/neeto-molecules 5.1.23 → 5.1.25

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDropdown.js","sources":["../../../src/v2/components/StatusDropdown/Menu.jsx","../../../src/v2/components/StatusDropdown/constants.js","../../../src/v2/components/StatusDropdown/Target.jsx","../../../src/v2/components/StatusDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport { hyphenate } from \"neetocist\";\n\nconst Menu = ({\n  onItemClick,\n  options,\n  shouldShowAllOptions = false,\n  hiddenStatuses = [],\n}) => {\n  const allowedOptions = shouldShowAllOptions\n    ? options\n    : options.filter(status => !hiddenStatuses.includes(status.value));\n\n  return (\n    <>\n      {allowedOptions?.map(option => (\n        <DropdownMenu.MenuItem\n          className={`status-dropdown-item--${option.color}`}\n          data-testid={`status-dropdown-item-${hyphenate(option.value)}`}\n          key={option.value}\n          onClick={() => onItemClick(option)}\n        >\n          {option.label}\n        </DropdownMenu.MenuItem>\n      ))}\n    </>\n  );\n};\n\nexport default memo(Menu);\n","export const ICON_SIZE = 16;\n","import { forwardRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport { ChevronDown, X } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ICON_SIZE } from \"./constants.js\";\n\nconst Target = forwardRef(\n  (\n    {\n      color,\n      value,\n      label,\n      dataTestid,\n      isClearable,\n      onClear,\n      placeholder,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const targetClassName = `rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--${\n      color || \"waiting\"\n    }`;\n    const isOptionSelected = !isNil(value);\n\n    const handleClearClick = event => {\n      onClear();\n      event.stopPropagation();\n    };\n\n    const handleClearKeyDown = event => {\n      if (!(event.key === \"Enter\" || event.key === \" \")) return;\n      event.preventDefault();\n      handleClearClick(event);\n    };\n\n    return (\n      <button\n        {...{ ref, ...otherProps }}\n        aria-haspopup=\"listbox\"\n        className={targetClassName}\n        data-testid={isPresent(dataTestid) ? dataTestid : \"status-dropdown\"}\n        type=\"button\"\n        aria-label={\n          isOptionSelected\n            ? `Selected: ${label}`\n            : placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")\n        }\n      >\n        {isOptionSelected ? (\n          <Typography className=\"inline\" variant=\"body2\">\n            {label}\n          </Typography>\n        ) : (\n          <Typography className=\"text-muted-foreground inline\" variant=\"body2\">\n            {placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")}\n          </Typography>\n        )}\n        <span className=\"inline-flex items-center gap-1\">\n          {isClearable && isOptionSelected && (\n            <span\n              aria-label={t(\"neetoMolecules.statusDropdown.clear\")}\n              className=\"cursor-pointer\"\n              data-testid=\"status-dropdown-clear-button\"\n              role=\"button\"\n              tabIndex={0}\n              onClick={handleClearClick}\n              onKeyDown={handleClearKeyDown}\n            >\n              <X size={ICON_SIZE} />\n            </span>\n          )}\n          <ChevronDown aria-hidden=\"true\" size={ICON_SIZE} />\n        </span>\n      </button>\n    );\n  }\n);\n\nTarget.displayName = \"Target\";\n\nexport default Target;\n","import { DropdownMenu, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { _findBy, noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Menu from \"./Menu\";\nimport \"./status-dropdown.css\";\nimport Target from \"./Target\";\n\nconst StatusDropdown = ({\n  disabled = false,\n  hiddenStatuses = [],\n  isLoading = false,\n  onItemClick,\n  options,\n  placeholder = null,\n  selectedValue,\n  shouldShowAllOptions = false,\n  isClearable = false,\n  onClear = noop,\n  dataTestid = \"status-dropdown\",\n}) => {\n  const selectedOption = _findBy({ value: selectedValue }, options);\n\n  return (\n    <DropdownMenu\n      {...{ disabled }}\n      dropdownProps={{ \"data-testid\": \"status-dropdown-menu\" }}\n      customTarget={\n        <Target\n          label={selectedValue}\n          {...{\n            ...selectedOption,\n            dataTestid,\n            isClearable,\n            onClear,\n            placeholder,\n          }}\n        />\n      }\n    >\n      {isLoading ? (\n        <div className=\"flex w-full items-center justify-center py-8\">\n          <Spinner />\n        </div>\n      ) : (\n        <Menu\n          {...{ hiddenStatuses, onItemClick, options, shouldShowAllOptions }}\n        />\n      )}\n    </DropdownMenu>\n  );\n};\n\nStatusDropdown.Menu = Menu;\n\nStatusDropdown.propTypes = {\n  /**\n   * This prop will decide whether the dropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Statuses to be hidden when shouldShowAllOptions is false.\n   */\n  hiddenStatuses: PropTypes.array,\n  /**\n   * This prop will decide whether the dropdown is in loading state or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Function to be called when a menu item is clicked.\n   */\n  onItemClick: PropTypes.func,\n  /**\n   * The items that should be shown in the dropdown.\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      color: PropTypes.string,\n    })\n  ),\n  /**\n   * Placeholder for the dropdown.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * The selected value.\n   */\n  selectedValue: PropTypes.string,\n  /**\n   * This prop will decide whether all options should be shown or not.  If set to false, the items in hiddenStatuses will not be shown.\n   */\n  shouldShowAllOptions: PropTypes.bool,\n  /**\n   * This prop will decide whether the dropdown is clearable or not.\n   */\n  isClearable: PropTypes.bool,\n  /**\n   * Function to be called when the clear button is clicked.\n   */\n  onClear: PropTypes.func,\n};\n\nexport default StatusDropdown;\n"],"names":["Menu","_ref","onItemClick","options","_ref$shouldShowAllOpt","shouldShowAllOptions","_ref$hiddenStatuses","hiddenStatuses","allowedOptions","filter","status","includes","value","_jsx","_Fragment","children","map","option","DropdownMenu","MenuItem","className","concat","color","hyphenate","onClick","label","memo","ICON_SIZE","Target","forwardRef","ref","dataTestid","isClearable","onClear","placeholder","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","targetClassName","isOptionSelected","isNil","handleClearClick","event","stopPropagation","handleClearKeyDown","key","preventDefault","_jsxs","_objectSpread","isPresent","type","Typography","variant","role","tabIndex","onKeyDown","X","size","ChevronDown","displayName","StatusDropdown","_ref$disabled","disabled","_ref$isLoading","isLoading","_ref$placeholder","selectedValue","_ref$isClearable","_ref$onClear","noop","_ref$dataTestid","selectedOption","_findBy","dropdownProps","customTarget","Spinner"],"mappings":"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"}

package/dist/cjs/v2/SubscriptionNotificationsContainer.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var reactI18next = require('react-i18next');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var jsxRuntime = require('react/jsx-runtime');
+
+var QUERY_KEYS = {
+  SUBSCRIPTIONS_LIST: "SUBSCRIPTIONS_LIST"
+};
+var SUBSCRIPTION_STATUS = {
+  past_due: "past_due"
+};
+
+var fetchSubscriptions = function fetchSubscriptions() {
+  return axios.get("neeto_sso/api/v1/server/subscriptions");
+};
+var subscriptionsApi = {
+  fetchSubscriptions: fetchSubscriptions
+};
+
+var SUBSCRIPTIONS_LIST = QUERY_KEYS.SUBSCRIPTIONS_LIST;
+var useFetchSubscriptions = function useFetchSubscriptions() {
+  return reactQuery.useQuery({
+    queryKey: [SUBSCRIPTIONS_LIST],
+    queryFn: subscriptionsApi.fetchSubscriptions
+  });
+};
+
+var SubscriptionNotificationsContainer = function SubscriptionNotificationsContainer() {
+  var _data$clientAppSubscr;
+  var _useFetchSubscription = useFetchSubscriptions(),
+    data = _useFetchSubscription.data;
+  var clientAppSubscriptions = (_data$clientAppSubscr = data === null || data === void 0 ? void 0 : data.clientAppSubscriptions) !== null && _data$clientAppSubscr !== void 0 ? _data$clientAppSubscr : [];
+  var visibleNotifications = neetoCist.filterBy({
+    status: SUBSCRIPTION_STATUS.past_due
+  }, clientAppSubscriptions);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: visibleNotifications.map(function (_ref, index) {
+      var downgradeScheduledAt = _ref.downgradeScheduledAt,
+        customerPortalUrl = _ref.customerPortalUrl;
+      return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Callout, {
+        className: "w-full rounded-none p-2.5",
+        "data-testid": "subscription-notifications",
+        variant: "warning",
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          variant: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.subscription.paymentFailedNotification",
+            components: {
+              a: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                href: customerPortalUrl,
+                rel: "noreferrer",
+                target: "_blank",
+                variant: "link"
+              })
+            },
+            values: {
+              downgradeScheduledAt: utils.dateFormat.date(downgradeScheduledAt)
+            }
+          })
+        })
+      }, index);
+    })
+  });
+};
+
+module.exports = SubscriptionNotificationsContainer;
+//# sourceMappingURL=SubscriptionNotificationsContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionNotificationsContainer.js","sources":["../../../src/v2/components/SubscriptionNotificationsContainer/constants.js","../../../src/v2/components/SubscriptionNotificationsContainer/api.js","../../../src/v2/components/SubscriptionNotificationsContainer/useSubscriptionsApi.js","../../../src/v2/components/SubscriptionNotificationsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  SUBSCRIPTIONS_LIST: \"SUBSCRIPTIONS_LIST\",\n};\n\nexport const SUBSCRIPTION_STATUS = { past_due: \"past_due\" };\n","import axios from \"axios\";\n\nconst fetchSubscriptions = () =>\n  axios.get(\"neeto_sso/api/v1/server/subscriptions\");\n\nconst subscriptionsApi = { fetchSubscriptions };\n\nexport default subscriptionsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport subscriptionsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { SUBSCRIPTIONS_LIST } = QUERY_KEYS;\n\nconst useFetchSubscriptions = () =>\n  useQuery({\n    queryKey: [SUBSCRIPTIONS_LIST],\n    queryFn: subscriptionsApi.fetchSubscriptions,\n  });\n\nexport { useFetchSubscriptions };\n","import { Callout, Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { filterBy } from \"neetocist\";\nimport { dateFormat } from \"neetocommons/v2/utils\";\nimport { Trans } from \"react-i18next\";\n\nimport { SUBSCRIPTION_STATUS } from \"./constants\";\nimport { useFetchSubscriptions } from \"./useSubscriptionsApi\";\n\nconst SubscriptionNotificationsContainer = () => {\n  const { data } = useFetchSubscriptions();\n  const clientAppSubscriptions = data?.clientAppSubscriptions ?? [];\n\n  const visibleNotifications = filterBy(\n    { status: SUBSCRIPTION_STATUS.past_due },\n    clientAppSubscriptions\n  );\n\n  return (\n    <>\n      {visibleNotifications.map(\n        ({ downgradeScheduledAt, customerPortalUrl }, index) => (\n          <Callout\n            className=\"w-full rounded-none p-2.5\"\n            data-testid=\"subscription-notifications\"\n            key={index}\n            variant=\"warning\"\n          >\n            <Typography variant=\"body2\">\n              <Trans\n                i18nKey=\"neetoMolecules.subscription.paymentFailedNotification\"\n                components={{\n                  a: (\n                    <Button\n                      href={customerPortalUrl}\n                      rel=\"noreferrer\"\n                      target=\"_blank\"\n                      variant=\"link\"\n                    />\n                  ),\n                }}\n                values={{\n                  downgradeScheduledAt: dateFormat.date(downgradeScheduledAt),\n                }}\n              />\n            </Typography>\n          </Callout>\n        )\n      )}\n    </>\n  );\n};\n\nexport default SubscriptionNotificationsContainer;\n"],"names":["QUERY_KEYS","SUBSCRIPTIONS_LIST","SUBSCRIPTION_STATUS","past_due","fetchSubscriptions","axios","get","subscriptionsApi","useFetchSubscriptions","useQuery","queryKey","queryFn","SubscriptionNotificationsContainer","_data$clientAppSubscr","_useFetchSubscription","data","clientAppSubscriptions","visibleNotifications","filterBy","status","_jsx","_Fragment","children","map","_ref","index","downgradeScheduledAt","customerPortalUrl","Callout","className","variant","Typography","Trans","i18nKey","components","a","Button","href","rel","target","values","dateFormat","date"],"mappings":";;;;;;;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,kBAAkB,EAAE;AACtB,CAAC;AAEM,IAAMC,mBAAmB,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAW,CAAC;;ACF3D,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,EAAA,OACtBC,KAAK,CAACC,GAAG,CAAC,uCAAuC,CAAC;AAAA,CAAA;AAEpD,IAAMC,gBAAgB,GAAG;AAAEH,EAAAA,kBAAkB,EAAlBA;AAAmB,CAAC;;ACA/C,IAAQH,kBAAkB,GAAKD,UAAU,CAAjCC,kBAAkB;AAE1B,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAA;AAAA,EAAA,OACzBC,mBAAQ,CAAC;IACPC,QAAQ,EAAE,CAACT,kBAAkB,CAAC;IAC9BU,OAAO,EAAEJ,gBAAgB,CAACH;AAC5B,GAAC,CAAC;AAAA,CAAA;;ACHJ,IAAMQ,kCAAkC,GAAG,SAArCA,kCAAkCA,GAAS;AAAA,EAAA,IAAAC,qBAAA;AAC/C,EAAA,IAAAC,qBAAA,GAAiBN,qBAAqB,EAAE;IAAhCO,IAAI,GAAAD,qBAAA,CAAJC,IAAI;AACZ,EAAA,IAAMC,sBAAsB,GAAA,CAAAH,qBAAA,GAAGE,IAAI,aAAJA,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJA,IAAI,CAAEC,sBAAsB,MAAA,IAAA,IAAAH,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,EAAE;EAEjE,IAAMI,oBAAoB,GAAGC,kBAAQ,CACnC;IAAEC,MAAM,EAAEjB,mBAAmB,CAACC;GAAU,EACxCa,sBACF,CAAC;EAED,oBACEI,cAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EACGL,oBAAoB,CAACM,GAAG,CACvB,UAAAC,IAAA,EAA8CC,KAAK,EAAA;AAAA,MAAA,IAAhDC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;QAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;MAAA,oBACxCP,cAAA,CAACQ,kBAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,2BAA2B;AACrC,QAAA,aAAA,EAAY,4BAA4B;AAExCC,QAAAA,OAAO,EAAC,SAAS;QAAAR,QAAA,eAEjBF,cAAA,CAACW,qBAAU,EAAA;AAACD,UAAAA,OAAO,EAAC,OAAO;UAAAR,QAAA,eACzBF,cAAA,CAACY,kBAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,uDAAuD;AAC/DC,YAAAA,UAAU,EAAE;cACVC,CAAC,eACCf,cAAA,CAACgB,iBAAM,EAAA;AACLC,gBAAAA,IAAI,EAAEV,iBAAkB;AACxBW,gBAAAA,GAAG,EAAC,YAAY;AAChBC,gBAAAA,MAAM,EAAC,QAAQ;AACfT,gBAAAA,OAAO,EAAC;eACT;aAEH;AACFU,YAAAA,MAAM,EAAE;AACNd,cAAAA,oBAAoB,EAAEe,gBAAU,CAACC,IAAI,CAAChB,oBAAoB;AAC5D;WACD;SACS;AAAC,OAAA,EApBRD,KAqBE,CAAC;IAAA,CAEd;AAAC,GACD,CAAC;AAEP;;;;"}

package/dist/cjs/v2/SubscriptionUpgradeRequestModal.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var reactI18next = require('react-i18next');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var jsxRuntime = require('react/jsx-runtime');
+
+var create = function create() {
+  return axios.post("/neeto_sso/api/v1/subscription_request");
+};
+var subscriptionRequestApi = {
+  create: create
+};
+
+var useCreateSubscriptionRequest = function useCreateSubscriptionRequest() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    onSuccess = _ref.onSuccess;
+  return reactQuery.useMutation({
+    mutationFn: subscriptionRequestApi.create,
+    onSuccess: onSuccess
+  });
+};
+
+var SubscriptionUpgradeRequestModal = function SubscriptionUpgradeRequestModal(_ref) {
+  var _globalProps$appName;
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var pricingPageUrl = "https://neeto.com/".concat((_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.toLowerCase(), "/pricing");
+  var _useCreateSubscriptio = useCreateSubscriptionRequest({
+      onSuccess: onClose
+    }),
+    sendRequest = _useCreateSubscriptio.mutate,
+    isPending = _useCreateSubscriptio.isPending;
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    closeOnEsc: !isPending,
+    closeOnOutsideClick: !isPending,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: t("neetoMolecules.subscriptionRequest.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          components: {
+            strong: /*#__PURE__*/jsxRuntime.jsx("strong", {})
+          },
+          i18nKey: "neetoMolecules.subscriptionRequest.description"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "mt-3",
+        variant: "body2",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoMolecules.subscriptionRequest.pricingInfo",
+          components: {
+            pricingLink: /*#__PURE__*/jsxRuntime.jsx("a", {
+              className: "text-primary",
+              href: pricingPageUrl,
+              rel: "noopener noreferrer",
+              target: "_blank"
+            })
+          }
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Footer, {
+      className: "flex gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        disabled: isPending,
+        label: t("neetoMolecules.subscriptionRequest.cancel"),
+        variant: "secondary",
+        onClick: onClose
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        disabled: isPending,
+        label: t("neetoMolecules.subscriptionRequest.sendRequest"),
+        loading: isPending,
+        onClick: sendRequest
+      })]
+    })]
+  });
+};
+
+module.exports = SubscriptionUpgradeRequestModal;
+//# sourceMappingURL=SubscriptionUpgradeRequestModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionUpgradeRequestModal.js","sources":["../../../src/v2/components/SubscriptionUpgradeRequestModal/apis/subscription_request.js","../../../src/v2/components/SubscriptionUpgradeRequestModal/useSubscriptionRequestApi.js","../../../src/v2/components/SubscriptionUpgradeRequestModal/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nconst create = () => axios.post(\"/neeto_sso/api/v1/subscription_request\");\n\nconst subscriptionRequestApi = { create };\n\nexport default subscriptionRequestApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport subscriptionRequestApi from \"./apis/subscription_request\";\n\nconst useCreateSubscriptionRequest = ({ onSuccess } = {}) =>\n  useMutation({\n    mutationFn: subscriptionRequestApi.create,\n    onSuccess,\n  });\n\nexport { useCreateSubscriptionRequest };\n","import { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useCreateSubscriptionRequest } from \"./useSubscriptionRequestApi\";\n\nconst SubscriptionUpgradeRequestModal = ({ isOpen, onClose }) => {\n  const { t } = useTranslation();\n\n  const pricingPageUrl = `https://neeto.com/${globalProps.appName?.toLowerCase()}/pricing`;\n\n  const { mutate: sendRequest, isPending } = useCreateSubscriptionRequest({\n    onSuccess: onClose,\n  });\n\n  return (\n    <Dialog\n      {...{ isOpen, onClose }}\n      aria-describedby={undefined}\n      closeOnEsc={!isPending}\n      closeOnOutsideClick={!isPending}\n    >\n      <Dialog.Header>\n        <Dialog.Title>\n          {t(\"neetoMolecules.subscriptionRequest.title\")}\n        </Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Typography variant=\"body2\">\n          <Trans\n            components={{ strong: <strong /> }}\n            i18nKey=\"neetoMolecules.subscriptionRequest.description\"\n          />\n        </Typography>\n        <Typography className=\"mt-3\" variant=\"body2\">\n          <Trans\n            i18nKey=\"neetoMolecules.subscriptionRequest.pricingInfo\"\n            components={{\n              pricingLink: (\n                <a\n                  className=\"text-primary\"\n                  href={pricingPageUrl}\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                />\n              ),\n            }}\n          />\n        </Typography>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex gap-x-2\">\n        <Button\n          disabled={isPending}\n          label={t(\"neetoMolecules.subscriptionRequest.cancel\")}\n          variant=\"secondary\"\n          onClick={onClose}\n        />\n        <Button\n          disabled={isPending}\n          label={t(\"neetoMolecules.subscriptionRequest.sendRequest\")}\n          loading={isPending}\n          onClick={sendRequest}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nexport default SubscriptionUpgradeRequestModal;\n"],"names":["create","axios","post","subscriptionRequestApi","useCreateSubscriptionRequest","_ref","arguments","length","undefined","onSuccess","useMutation","mutationFn","SubscriptionUpgradeRequestModal","_globalProps$appName","isOpen","onClose","_useTranslation","useTranslation","t","pricingPageUrl","concat","globalProps","appName","toLowerCase","_useCreateSubscriptio","sendRequest","mutate","isPending","_jsxs","Dialog","closeOnEsc","closeOnOutsideClick","children","_jsx","Header","Title","Body","Typography","variant","Trans","components","strong","i18nKey","className","pricingLink","href","rel","target","Footer","Button","disabled","label","onClick","loading"],"mappings":"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"}

package/dist/cjs/v2/SuffixedInput.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var v2_CopyToClipboardButton = require('./CopyToClipboardButton.js');
+var jsxRuntime = require('react/jsx-runtime');
+var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/v2/utils/general');
+require('react-i18next');
+require('../check-VgZf0qTr.js');
+require('../copy-CerjTcLL.js');
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+const Info = createLucideIcon.createLucideIcon("info", __iconNode);
+
+var INPUT_FIELD_MIN_WIDTH = 60;
+
+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 SuffixedInput = function SuffixedInput(_ref) {
+  var _placeholderRef$curre2, _placeholderRef$curre3;
+  var placeholder = _ref.placeholder,
+    helpUrl = _ref.helpUrl,
+    helpIconTooltipContent = _ref.helpIconTooltipContent,
+    label = _ref.label,
+    value = _ref.value,
+    getInputRef = _ref.getInputRef,
+    suffix = _ref.suffix,
+    _ref$isCopyToClipboar = _ref.isCopyToClipboardEnabled,
+    isCopyToClipboardEnabled = _ref$isCopyToClipboar === void 0 ? false : _ref$isCopyToClipboar,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "email" : _ref$name,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
+  var _useState = React.useState(INPUT_FIELD_MIN_WIDTH),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialInputWidth = _useState2[0],
+    setInitialInputWidth = _useState2[1];
+  var inputRef = React.useRef(null);
+  var placeholderRef = React.useRef(null);
+  var setInputRef = function setInputRef(ref) {
+    inputRef.current = ref;
+    getInputRef === null || getInputRef === void 0 || getInputRef(ref);
+  };
+  React.useEffect(function () {
+    var _placeholderRef$curre;
+    //To handle the input width on initial render.
+    var placeholderSpanWidth = (_placeholderRef$curre = placeholderRef.current) === null || _placeholderRef$curre === void 0 ? void 0 : _placeholderRef$curre.offsetWidth;
+    setInitialInputWidth(placeholderSpanWidth);
+  }, []);
+  var labelNode = neetoCist.isPresent(helpUrl) ? /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: "inline-flex items-center gap-1",
+    children: [label, /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+      content: helpIconTooltipContent,
+      disabled: neetoCist.isNotPresent(helpUrl),
+      position: "right",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "cursor-pointer opacity-75 transition-opacity duration-300 ease-in-out hover:opacity-100",
+        type: "button",
+        onClick: function onClick() {
+          return window.open(helpUrl, "_blank");
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(Info, {
+          size: 16
+        })
+      })
+    })]
+  }) : label;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      // Dummy element to calculate the width to be set for the input. Do not remove.
+      className: "pointer-events-none invisible absolute ps-2",
+      ref: placeholderRef,
+      children: value || placeholder
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "inline-flex max-w-full items-end gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik.Input, _objectSpread(_objectSpread({}, _objectSpread({
+        name: name,
+        placeholder: placeholder
+      }, inputProps)), {}, {
+        className: "w-max max-w-full min-w-0",
+        label: labelNode,
+        ref: setInputRef,
+        type: "text",
+        style: {
+          minWidth: ramda.isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,
+          width: (_placeholderRef$curre2 = (_placeholderRef$curre3 = placeholderRef.current) === null || _placeholderRef$curre3 === void 0 ? void 0 : _placeholderRef$curre3.offsetWidth) !== null && _placeholderRef$curre2 !== void 0 ? _placeholderRef$curre2 : initialInputWidth
+        },
+        suffix:
+        /*#__PURE__*/
+        // Added onClick to focus the input even when the suffix part is clicked.
+        // `size-auto` overrides the icon-size class atoms injects into addons.
+        jsxRuntime.jsx("span", {
+          className: "bg-muted text-muted-foreground -me-1.5 flex size-auto cursor-not-allowed items-center self-stretch px-2 whitespace-nowrap",
+          onClick: function onClick() {
+            var _inputRef$current;
+            return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+          },
+          children: suffix
+        })
+      })), isCopyToClipboardEnabled && /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
+        disabled: ramda.isEmpty(value),
+        value: "".concat(value).concat(suffix),
+        variant: "ghost"
+      })]
+    })]
+  });
+};
+
+module.exports = SuffixedInput;
+//# sourceMappingURL=SuffixedInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuffixedInput.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/info.js","../../../src/v2/components/SuffixedInput/constants.js","../../../src/v2/components/SuffixedInput/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 16v-4\", key: \"1dtifu\" }],\n  [\"path\", { d: \"M12 8h.01\", key: \"e9boi3\" }]\n];\nconst Info = createLucideIcon(\"info\", __iconNode);\n\nexport { __iconNode, Info as default };\n//# sourceMappingURL=info.js.map\n","export const INPUT_FIELD_MIN_WIDTH = 60;\n","import { useEffect, useRef, useState } from \"react\";\n\nimport { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { Info } from \"lucide-react\";\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\n\nimport CopyToClipboardButton from \"../CopyToClipboardButton\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  const labelNode = isPresent(helpUrl) ? (\n    <span className=\"inline-flex items-center gap-1\">\n      {label}\n      <Tooltip\n        content={helpIconTooltipContent}\n        disabled={isNotPresent(helpUrl)}\n        position=\"right\"\n      >\n        <button\n          className=\"cursor-pointer opacity-75 transition-opacity duration-300 ease-in-out hover:opacity-100\"\n          type=\"button\"\n          onClick={() => window.open(helpUrl, \"_blank\")}\n        >\n          <Info size={16} />\n        </button>\n      </Tooltip>\n    </span>\n  ) : (\n    label\n  );\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute ps-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ name, placeholder, ...inputProps }}\n          className=\"w-max max-w-full min-w-0\"\n          label={labelNode}\n          ref={setInputRef}\n          type=\"text\"\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth,\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            // `size-auto` overrides the icon-size class atoms injects into addons.\n            <span\n              className=\"bg-muted text-muted-foreground -me-1.5 flex size-auto cursor-not-allowed items-center self-stretch px-2 whitespace-nowrap\"\n              onClick={() => inputRef.current?.focus()}\n            >\n              {suffix}\n            </span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            value={`${value}${suffix}`}\n            variant=\"ghost\"\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["createLucideIcon","INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","labelNode","isPresent","_jsxs","className","children","_jsx","Tooltip","content","disabled","isNotPresent","position","type","onClick","window","open","Info","size","_Fragment","Input","_objectSpread","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat","variant"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/v2/TimezoneMismatchModal.js

@@ -0,0 +1,136 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var reactI18next = require('react-i18next');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var jsxRuntime = require('react/jsx-runtime');
+
+var timeZoneUrl = "api/v1/time_zone";
+var updateTimeZone = function updateTimeZone(payload) {
+  return axios.patch(timeZoneUrl, payload);
+};
+var timeZoneApi = {
+  updateTimeZone: updateTimeZone
+};
+
+var useUpdateTimeZone = function useUpdateTimeZone() {
+  return reactQuery.useMutation({
+    mutationFn: timeZoneApi.updateTimeZone,
+    onSuccess: function onSuccess() {
+      return window.location.reload();
+    }
+  });
+};
+
+var getBrowserTimeZone = function getBrowserTimeZone() {
+  return utils.dayjs.tz.guess();
+};
+var getUserTimeZone = function getUserTimeZone() {
+  var _globalProps$user;
+  return (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone;
+};
+var checkIfTwoTimeZonesAreSame = function checkIfTwoTimeZonesAreSame(timeZone1, timeZone2) {
+  return (
+    // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+    utils.dayjs().tz(timeZone1).format("Z") === utils.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 ? neetoCist.noop : _ref$onClose;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTimezoneModalOpen = _useState2[0],
+    setIsTimezoneModalOpen = _useState2[1];
+  var _useUpdateTimeZone = useUpdateTimeZone(),
+    isPending = _useUpdateTimeZone.isPending,
+    updateTimeZone = _useUpdateTimeZone.mutate;
+  var isUserAndBrowserTimeZoneSame = checkIfTwoTimeZonesAreSame(getUserTimeZone(), getBrowserTimeZone());
+  var handleUpdateTimeZone = function handleUpdateTimeZone() {
+    var payload = {
+      timeZone: getBrowserTimeZone()
+    };
+    updateTimeZone(payload, {
+      onSuccess: function onSuccess() {
+        setIsTimezoneModalOpen(false);
+        onClose();
+      }
+    });
+  };
+  var handleCancel = function handleCancel() {
+    setIsTimezoneModalOpen(false);
+    onClose();
+  };
+  React.useEffect(function () {
+    if (!(process.env.RAILS_ENV !== "heroku")) return;
+    setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    "aria-describedby": undefined,
+    closeOnOutsideClick: false,
+    isOpen: isTimezoneModalOpen || isOpen,
+    size: "large",
+    onClose: handleCancel,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: t("neetoMolecules.alert.timezone.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "flex flex-col gap-y-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          as: "span",
+          variant: "body2",
+          children: t("neetoMolecules.alert.timezone.message", {
+            entity: initializers.globalProps.appName
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          as: "span",
+          variant: "h4",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.alert.timezone.userTimezone",
+            values: {
+              entity: getUserTimeZone()
+            }
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          as: "span",
+          variant: "h4",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.alert.timezone.browserTimezone",
+            values: {
+              entity: getBrowserTimeZone()
+            }
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Footer, {
+      className: "flex items-center gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "update-timezone-button",
+        disabled: isPending,
+        label: t("neetoMolecules.alert.timezone.updateProfile"),
+        loading: isPending,
+        onClick: handleUpdateTimeZone
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        label: t("neetoMolecules.common.actions.cancel"),
+        variant: "ghost",
+        onClick: handleCancel
+      })]
+    })]
+  });
+};
+
+module.exports = TimezoneMismatchModal;
+//# sourceMappingURL=TimezoneMismatchModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimezoneMismatchModal.js","sources":["../../../src/v2/components/TimezoneMismatchModal/apis/time_zone.js","../../../src/v2/components/TimezoneMismatchModal/useTimeZoneApi.js","../../../src/v2/components/TimezoneMismatchModal/utils.js","../../../src/v2/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({\n    mutationFn: timeZoneApi.updateTimeZone,\n    onSuccess: () => window.location.reload(),\n  });\n\nexport { useUpdateTimeZone };\n","import { globalProps } from \"neetocommons/v2/initializers\";\nimport { dayjs } from \"neetocommons/v2/utils\";\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","import { useEffect, useState } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\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    <Dialog\n      aria-describedby={undefined}\n      closeOnOutsideClick={false}\n      isOpen={isTimezoneModalOpen || isOpen}\n      size=\"large\"\n      onClose={handleCancel}\n    >\n      <Dialog.Header>\n        <Dialog.Title>{t(\"neetoMolecules.alert.timezone.title\")}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <span className=\"flex flex-col gap-y-4\">\n          <Typography as=\"span\" variant=\"body2\">\n            {t(\"neetoMolecules.alert.timezone.message\", {\n              entity: globalProps.appName,\n            })}\n          </Typography>\n          <Typography as=\"span\" variant=\"h4\">\n            <Trans\n              i18nKey=\"neetoMolecules.alert.timezone.userTimezone\"\n              values={{ entity: getUserTimeZone() }}\n            />\n          </Typography>\n          <Typography as=\"span\" variant=\"h4\">\n            <Trans\n              i18nKey=\"neetoMolecules.alert.timezone.browserTimezone\"\n              values={{ entity: getBrowserTimeZone() }}\n            />\n          </Typography>\n        </span>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center gap-x-2\">\n        <Button\n          data-testid=\"update-timezone-button\"\n          disabled={isPending}\n          label={t(\"neetoMolecules.alert.timezone.updateProfile\")}\n          loading={isPending}\n          onClick={handleUpdateTimeZone}\n        />\n        <Button\n          label={t(\"neetoMolecules.common.actions.cancel\")}\n          variant=\"ghost\"\n          onClick={handleCancel}\n        />\n      </Dialog.Footer>\n    </Dialog>\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","getBrowserTimeZone","dayjs","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","_jsxs","Dialog","undefined","closeOnOutsideClick","size","children","_jsx","Header","Title","Body","className","Typography","as","variant","entity","appName","Trans","i18nKey","values","Footer","Button","disabled","label","loading","onClick"],"mappings":"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"}