@bigbinary/neeto-molecules 5.1.24 → 5.1.26

package/dist/v2/SubscriptionNotificationsContainer.js

@@ -0,0 +1,70 @@
+import { Callout, Typography, Button } from '@bigbinary/neeto-atoms';
+import { filterBy } from '@bigbinary/neeto-cist';
+import { dateFormat } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import { Trans } from 'react-i18next';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { jsx, Fragment } from '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 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 = filterBy({
+    status: SUBSCRIPTION_STATUS.past_due
+  }, clientAppSubscriptions);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: visibleNotifications.map(function (_ref, index) {
+      var downgradeScheduledAt = _ref.downgradeScheduledAt,
+        customerPortalUrl = _ref.customerPortalUrl;
+      return /*#__PURE__*/jsx(Callout, {
+        className: "w-full rounded-none p-2.5",
+        "data-testid": "subscription-notifications",
+        variant: "warning",
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.subscription.paymentFailedNotification",
+            components: {
+              a: /*#__PURE__*/jsx(Button, {
+                href: customerPortalUrl,
+                rel: "noreferrer",
+                target: "_blank",
+                variant: "link"
+              })
+            },
+            values: {
+              downgradeScheduledAt: dateFormat.date(downgradeScheduledAt)
+            }
+          })
+        })
+      }, index);
+    })
+  });
+};
+
+export { SubscriptionNotificationsContainer as default };
+//# sourceMappingURL=SubscriptionNotificationsContainer.js.map

package/dist/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,QAAQ,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,QAAQ,CACnC;IAAEC,MAAM,EAAEjB,mBAAmB,CAACC;GAAU,EACxCa,sBACF,CAAC;EAED,oBACEI,GAAA,CAAAC,QAAA,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,GAAA,CAACQ,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,2BAA2B;AACrC,QAAA,aAAA,EAAY,4BAA4B;AAExCC,QAAAA,OAAO,EAAC,SAAS;QAAAR,QAAA,eAEjBF,GAAA,CAACW,UAAU,EAAA;AAACD,UAAAA,OAAO,EAAC,OAAO;UAAAR,QAAA,eACzBF,GAAA,CAACY,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,uDAAuD;AAC/DC,YAAAA,UAAU,EAAE;cACVC,CAAC,eACCf,GAAA,CAACgB,MAAM,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,UAAU,CAACC,IAAI,CAAChB,oBAAoB;AAC5D;WACD;SACS;AAAC,OAAA,EApBRD,KAqBE,CAAC;IAAA,CAEd;AAAC,GACD,CAAC;AAEP;;;;"}

package/dist/v2/SubscriptionUpgradeRequestModal.js

@@ -0,0 +1,88 @@
+import { Dialog, Typography, Button } from '@bigbinary/neeto-atoms';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
+import { useTranslation, Trans } from 'react-i18next';
+import { useMutation } from '@tanstack/react-query';
+import axios from 'axios';
+import { jsxs, jsx } from '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 useMutation({
+    mutationFn: subscriptionRequestApi.create,
+    onSuccess: onSuccess
+  });
+};
+
+var SubscriptionUpgradeRequestModal = function SubscriptionUpgradeRequestModal(_ref) {
+  var _globalProps$appName;
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var pricingPageUrl = "https://neeto.com/".concat((_globalProps$appName = 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__*/jsxs(Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    closeOnEsc: !isPending,
+    closeOnOutsideClick: !isPending,
+    children: [/*#__PURE__*/jsx(Dialog.Header, {
+      children: /*#__PURE__*/jsx(Dialog.Title, {
+        children: t("neetoMolecules.subscriptionRequest.title")
+      })
+    }), /*#__PURE__*/jsxs(Dialog.Body, {
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: /*#__PURE__*/jsx(Trans, {
+          components: {
+            strong: /*#__PURE__*/jsx("strong", {})
+          },
+          i18nKey: "neetoMolecules.subscriptionRequest.description"
+        })
+      }), /*#__PURE__*/jsx(Typography, {
+        className: "mt-3",
+        variant: "body2",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMolecules.subscriptionRequest.pricingInfo",
+          components: {
+            pricingLink: /*#__PURE__*/jsx("a", {
+              className: "text-primary",
+              href: pricingPageUrl,
+              rel: "noopener noreferrer",
+              target: "_blank"
+            })
+          }
+        })
+      })]
+    }), /*#__PURE__*/jsxs(Dialog.Footer, {
+      className: "flex gap-x-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        disabled: isPending,
+        label: t("neetoMolecules.subscriptionRequest.cancel"),
+        variant: "secondary",
+        onClick: onClose
+      }), /*#__PURE__*/jsx(Button, {
+        disabled: isPending,
+        label: t("neetoMolecules.subscriptionRequest.sendRequest"),
+        loading: isPending,
+        onClick: sendRequest
+      })]
+    })]
+  });
+};
+
+export { SubscriptionUpgradeRequestModal as default };
+//# sourceMappingURL=SubscriptionUpgradeRequestModal.js.map

package/dist/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/v2/SuffixedInput.js

@@ -0,0 +1,128 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { Tooltip } from '@bigbinary/neeto-atoms';
+import { Input } from '@bigbinary/neeto-atoms/formik';
+import { isPresent, isNotPresent } from '@bigbinary/neeto-cist';
+import { isEmpty } from 'ramda';
+import CopyToClipboardButton from './CopyToClipboardButton.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'classnames';
+import '@bigbinary/neeto-commons-frontend/v2/utils/general';
+import 'react-i18next';
+import '../check-DvxzqR83.js';
+import '../copy-DhbOoOav.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("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 = useState(INPUT_FIELD_MIN_WIDTH),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialInputWidth = _useState2[0],
+    setInitialInputWidth = _useState2[1];
+  var inputRef = useRef(null);
+  var placeholderRef = useRef(null);
+  var setInputRef = function setInputRef(ref) {
+    inputRef.current = ref;
+    getInputRef === null || getInputRef === void 0 || getInputRef(ref);
+  };
+  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 = isPresent(helpUrl) ? /*#__PURE__*/jsxs("span", {
+    className: "inline-flex items-center gap-1",
+    children: [label, /*#__PURE__*/jsx(Tooltip, {
+      content: helpIconTooltipContent,
+      disabled: isNotPresent(helpUrl),
+      position: "right",
+      children: /*#__PURE__*/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__*/jsx(Info, {
+          size: 16
+        })
+      })
+    })]
+  }) : label;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/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__*/jsxs("div", {
+      className: "inline-flex max-w-full items-end gap-2",
+      children: [/*#__PURE__*/jsx(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: 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.
+        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__*/jsx(CopyToClipboardButton, {
+        disabled: isEmpty(value),
+        value: "".concat(value).concat(suffix),
+        variant: "ghost"
+      })]
+    })]
+  });
+};
+
+export { SuffixedInput as default };
+//# sourceMappingURL=SuffixedInput.js.map

package/dist/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":["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/v2/TimezoneMismatchModal.js

@@ -0,0 +1,134 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { Dialog, Typography, Button } from '@bigbinary/neeto-atoms';
+import { noop } from '@bigbinary/neeto-cist';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
+import { useTranslation, Trans } from 'react-i18next';
+import { useMutation } from '@tanstack/react-query';
+import axios from 'axios';
+import { dayjs } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import { jsxs, jsx } from '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 useMutation({
+    mutationFn: timeZoneApi.updateTimeZone,
+    onSuccess: function onSuccess() {
+      return window.location.reload();
+    }
+  });
+};
+
+var getBrowserTimeZone = function getBrowserTimeZone() {
+  return dayjs.tz.guess();
+};
+var getUserTimeZone = function getUserTimeZone() {
+  var _globalProps$user;
+  return (_globalProps$user = 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
+    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 ? noop : _ref$onClose;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = 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();
+  };
+  useEffect(function () {
+    if (!(process.env.RAILS_ENV !== "heroku")) return;
+    setIsTimezoneModalOpen(!isUserAndBrowserTimeZoneSame);
+  }, []);
+  return /*#__PURE__*/jsxs(Dialog, {
+    "aria-describedby": undefined,
+    closeOnOutsideClick: false,
+    isOpen: isTimezoneModalOpen || isOpen,
+    size: "large",
+    onClose: handleCancel,
+    children: [/*#__PURE__*/jsx(Dialog.Header, {
+      children: /*#__PURE__*/jsx(Dialog.Title, {
+        children: t("neetoMolecules.alert.timezone.title")
+      })
+    }), /*#__PURE__*/jsx(Dialog.Body, {
+      children: /*#__PURE__*/jsxs("span", {
+        className: "flex flex-col gap-y-4",
+        children: [/*#__PURE__*/jsx(Typography, {
+          as: "span",
+          variant: "body2",
+          children: t("neetoMolecules.alert.timezone.message", {
+            entity: globalProps.appName
+          })
+        }), /*#__PURE__*/jsx(Typography, {
+          as: "span",
+          variant: "h4",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.alert.timezone.userTimezone",
+            values: {
+              entity: getUserTimeZone()
+            }
+          })
+        }), /*#__PURE__*/jsx(Typography, {
+          as: "span",
+          variant: "h4",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.alert.timezone.browserTimezone",
+            values: {
+              entity: getBrowserTimeZone()
+            }
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxs(Dialog.Footer, {
+      className: "flex items-center gap-x-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-testid": "update-timezone-button",
+        disabled: isPending,
+        label: t("neetoMolecules.alert.timezone.updateProfile"),
+        loading: isPending,
+        onClick: handleUpdateTimeZone
+      }), /*#__PURE__*/jsx(Button, {
+        label: t("neetoMolecules.common.actions.cancel"),
+        variant: "ghost",
+        onClick: handleCancel
+      })]
+    })]
+  });
+};
+
+export { TimezoneMismatchModal as default };
+//# sourceMappingURL=TimezoneMismatchModal.js.map

package/dist/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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"}