@bigbinary/neeto-team-members-frontend 5.0.31 → 5.0.33

package/dist/v2/MembersInvite.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersInvite.js","sources":["../../app/javascript/src/components/v2/common/PageLoader.jsx","../../app/javascript/src/components/v2/apis/public/invitations.js","../../app/javascript/src/components/v2/hooks/reactQuery/public/useInvitationsApi.js","../../app/javascript/src/components/v2/MembersInvite/constants.js","../../app/javascript/src/components/v2/MembersInvite/ErrorPage.jsx","../../app/javascript/src/components/v2/MembersInvite/utils.js","../../app/javascript/src/components/v2/MembersInvite/index.jsx"],"sourcesContent":["import { Spinner, cn } from \"@bigbinary/neeto-atoms\";\n\nconst PageLoader = ({ className }) => (\n  <div\n    className={cn(\n      \"flex h-full w-full items-center justify-center p-6\",\n      className\n    )}\n  >\n    <Spinner />\n  </div>\n);\n\nexport default PageLoader;\n","// eslint-disable-next-line @bigbinary/neeto/no-axios-import-outside-apis\nimport axios from \"axios\";\nimport { BASE_URL } from \"v2/common/constants\";\n\nconst showInviteLink = inviteToken =>\n  axios.get(`${BASE_URL}/public/invitations/${inviteToken}`);\n\nconst createInvitation = payload =>\n  axios.post(`${BASE_URL}/public/invitations`, payload);\n\nexport default {\n  showInviteLink,\n  createInvitation,\n};\n","import { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport invitationsApi from \"v2/apis/public/invitations\";\nimport { QUERY_KEYS } from \"v2/common/constants\";\nconst useShowInviteLink = inviteToken =>\n  useQuery({\n    queryKey: [QUERY_KEYS.INVITATION_LINK, inviteToken],\n    queryFn: () => invitationsApi.showInviteLink(inviteToken),\n    enabled: !!inviteToken,\n  });\n\nconst useCreateInvitation = (options = {}) =>\n  useMutation({\n    mutationFn: payload => invitationsApi.createInvitation(payload),\n    ...options,\n  });\nexport { useShowInviteLink, useCreateInvitation };\n","import { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .email(t(\"neetoTeamMembers.validations.validEmail_one\"))\n    .required(\n      t(\"neetoTeamMembers.validations.required\", {\n        what: t(\"neetoTeamMembers.common.email\", SINGULAR),\n      })\n    ),\n});\n\nexport const ERROR = { EXPIRED: 410, INVALID_DOMAIN: 422 };\n\nexport const ROOT_URL = \"/\";\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Trans } from \"react-i18next\";\n\nimport InviteLinkError from \"assets/images/InviteLinkError\";\n\nconst ErrorPage = withT(\n  ({ t, isExpired = false, email = \"\", allowedDomain = \"\" }) => (\n    <div className=\"flex h-screen w-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"flex w-full max-w-2xl flex-col items-center justify-center space-y-4 text-center\">\n        <div className=\"mb-4\">\n          <InviteLinkError size={64} />\n        </div>\n        <Typography style=\"h1\" weight=\"bold\">\n          {isExpired\n            ? t(\"neetoTeamMembers.alerts.messages.expiredTitle\")\n            : t(\"neetoTeamMembers.alerts.messages.domainTitle\")}\n        </Typography>\n        <Typography className=\"text-muted-foreground\">\n          {isExpired ? (\n            t(\"neetoTeamMembers.alerts.messages.expiredMessage\")\n          ) : (\n            <Trans\n              components={{ strong: <strong /> }}\n              i18nKey=\"neetoTeamMembers.alerts.messages.domainMessage\"\n              values={{ allowedDomain, email }}\n            />\n          )}\n        </Typography>\n      </div>\n    </div>\n  )\n);\nexport default ErrorPage;\n","import { dayjs } from \"neetocommons/utils\";\n\nconst getStartOfDay = date => dayjs(date).startOf(\"day\");\n\nexport const isExpired = date => {\n  if (!date) return false;\n\n  const today = getStartOfDay();\n  const expiryDate = getStartOfDay(date);\n\n  return expiryDate.isBefore(today);\n};\n","import { useState } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input as FormikInput } from \"@bigbinary/neeto-atoms/formik\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { useDisplayErrorPage } from \"neetocommons/react-utils\";\nimport ErrorPageGlobal from \"neetomolecules/v2/ErrorPage\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport { QUERY_KEYS } from \"v2/common/constants\";\nimport { FormikForm, FormikActionBlock } from \"v2/common/formik\";\nimport PageLoader from \"v2/common/PageLoader\";\nimport {\n  useShowInviteLink,\n  useCreateInvitation,\n} from \"v2/hooks/reactQuery/public/useInvitationsApi\";\n\nimport { ERROR, VALIDATION_SCHEMA, ROOT_URL } from \"./constants\";\nimport ErrorPage from \"./ErrorPage\";\nimport { isExpired } from \"./utils\";\n\nconst MembersInvite = () => {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation();\n  const { inviteId } = useParams();\n  const displayErrorPage = useDisplayErrorPage();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { data: inviteLink, isLoading } = useShowInviteLink(inviteId);\n\n  const handleSuccess = response => {\n    if (response?.redirectUrl) {\n      window.location.href = response.redirectUrl;\n    } else {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleError = () => {\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.INVITATION_LINK, inviteId],\n    });\n    setIsSubmitting(false);\n  };\n\n  const {\n    mutate: createInvitation,\n    isError,\n    error,\n    variables,\n  } = useCreateInvitation({ onSuccess: handleSuccess, onError: handleError });\n\n  const isInviteExpired =\n    isExpired(inviteLink?.expiresAt) ||\n    (isError && error?.status === ERROR.EXPIRED);\n\n  const isInvalidDomain = isError && error?.status === ERROR.INVALID_DOMAIN;\n\n  const handleSubmit = ({ email }) => {\n    setIsSubmitting(true);\n\n    return createInvitation({ email, inviteToken: inviteId });\n  };\n\n  if (isLoading || isSubmitting) {\n    return (\n      <div className=\"h-screen w-screen\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  if (isInviteExpired || isInvalidDomain) {\n    return (\n      <ErrorPage\n        allowedDomain={inviteLink?.domain}\n        email={variables?.email}\n        isExpired={isInviteExpired}\n      />\n    );\n  }\n\n  if (displayErrorPage) {\n    return <ErrorPageGlobal homeUrl={ROOT_URL} />;\n  }\n\n  return (\n    <div className=\"flex min-h-screen w-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"w-full max-w-md space-y-6 p-6 neeto-ui-shadow-lg\">\n        <div className=\"space-y-2 text-center\">\n          <Typography style=\"h3\">\n            {t(\"neetoTeamMembers.helpers.invitationTitle\")}\n          </Typography>\n          <Typography className=\"text-muted-foreground\" style=\"body2\">\n            <Trans\n              components={{ strong: <strong /> }}\n              i18nKey=\"neetoTeamMembers.helpers.invitationMessage\"\n              values={{ organization: globalProps.organization.name }}\n            />\n          </Typography>\n        </div>\n        <FormikForm\n          formikProps={{\n            initialValues: { email: \"\" },\n            validationSchema: VALIDATION_SCHEMA,\n            onSubmit: handleSubmit,\n          }}\n        >\n          {({ isValid, dirty }) => (\n            <div className=\"space-y-4\">\n              <FormikInput\n                required\n                label={t(\"neetoTeamMembers.common.email_one\")}\n                name=\"email\"\n                type=\"email\"\n              />\n              <FormikActionBlock\n                submitButtonProps={{\n                  label: t(\"neetoTeamMembers.buttons.acceptInvitation\"),\n                  disabled: !isValid || !dirty,\n                }}\n              />\n            </div>\n          )}\n        </FormikForm>\n      </div>\n    </div>\n  );\n};\n\nexport default MembersInvite;\n"],"names":["PageLoader","_ref","className","_jsx","cn","children","Spinner","showInviteLink","inviteToken","axios","get","concat","BASE_URL","createInvitation","payload","post","useShowInviteLink","useQuery","queryKey","QUERY_KEYS","INVITATION_LINK","queryFn","invitationsApi","enabled","useCreateInvitation","options","arguments","length","undefined","useMutation","_objectSpread","mutationFn","VALIDATION_SCHEMA","yup","object","shape","email","string","t","required","what","SINGULAR","ERROR","EXPIRED","INVALID_DOMAIN","ROOT_URL","ErrorPage","withT","_ref$isExpired","isExpired","_ref$email","_ref$allowedDomain","allowedDomain","_jsxs","InviteLinkError","size","Typography","style","weight","Trans","components","strong","i18nKey","values","getStartOfDay","date","dayjs","startOf","today","expiryDate","isBefore","MembersInvite","queryClient","useQueryClient","_useTranslation","useTranslation","_useParams","useParams","inviteId","displayErrorPage","useDisplayErrorPage","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useShowInviteLink","inviteLink","data","isLoading","handleSuccess","response","redirectUrl","window","location","href","handleError","invalidateQueries","_useCreateInvitation","onSuccess","onError","mutate","isError","error","variables","isInviteExpired","expiresAt","status","isInvalidDomain","handleSubmit","domain","ErrorPageGlobal","homeUrl","organization","globalProps","name","FormikForm","formikProps","initialValues","validationSchema","onSubmit","_ref2","isValid","dirty","FormikInput","label","type","FormikActionBlock","submitButtonProps","disabled"],"mappings":"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"}
+{"version":3,"file":"MembersInvite.js","sources":["../../app/javascript/src/components/v2/common/PageLoader.jsx","../../app/javascript/src/components/v2/apis/public/invitations.js","../../app/javascript/src/components/v2/hooks/reactQuery/public/useInvitationsApi.js","../../app/javascript/src/components/v2/MembersInvite/constants.js","../../app/javascript/src/components/v2/MembersInvite/ErrorPage.jsx","../../app/javascript/src/components/v2/MembersInvite/utils.js","../../app/javascript/src/components/v2/MembersInvite/index.jsx"],"sourcesContent":["import { Spinner, cn } from \"@bigbinary/neeto-atoms\";\n\nconst PageLoader = ({ className }) => (\n  <div\n    className={cn(\n      \"flex h-full w-full items-center justify-center p-6\",\n      className\n    )}\n  >\n    <Spinner />\n  </div>\n);\n\nexport default PageLoader;\n","// eslint-disable-next-line @bigbinary/neeto/no-axios-import-outside-apis\nimport axios from \"axios\";\nimport { BASE_URL } from \"v2/common/constants\";\n\nconst showInviteLink = inviteToken =>\n  axios.get(`${BASE_URL}/public/invitations/${inviteToken}`);\n\nconst createInvitation = payload =>\n  axios.post(`${BASE_URL}/public/invitations`, payload);\n\nexport default {\n  showInviteLink,\n  createInvitation,\n};\n","import { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport invitationsApi from \"v2/apis/public/invitations\";\nimport { QUERY_KEYS } from \"v2/common/constants\";\nconst useShowInviteLink = inviteToken =>\n  useQuery({\n    queryKey: [QUERY_KEYS.INVITATION_LINK, inviteToken],\n    queryFn: () => invitationsApi.showInviteLink(inviteToken),\n    enabled: !!inviteToken,\n  });\n\nconst useCreateInvitation = (options = {}) =>\n  useMutation({\n    mutationFn: payload => invitationsApi.createInvitation(payload),\n    ...options,\n  });\nexport { useShowInviteLink, useCreateInvitation };\n","import { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .email(t(\"neetoTeamMembers.validations.validEmail_one\"))\n    .required(\n      t(\"neetoTeamMembers.validations.required\", {\n        what: t(\"neetoTeamMembers.common.email\", SINGULAR),\n      })\n    ),\n});\n\nexport const ERROR = { EXPIRED: 410, INVALID_DOMAIN: 422 };\n\nexport const ROOT_URL = \"/\";\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Trans } from \"react-i18next\";\n\nimport InviteLinkError from \"assets/images/InviteLinkError\";\n\nconst ErrorPage = withT(\n  ({ t, isExpired = false, email = \"\", allowedDomain = \"\" }) => (\n    <div className=\"flex h-screen w-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"flex w-full max-w-2xl flex-col items-center justify-center space-y-4 text-center\">\n        <div className=\"mb-4\">\n          <InviteLinkError size={64} />\n        </div>\n        <Typography style=\"h1\" weight=\"bold\">\n          {isExpired\n            ? t(\"neetoTeamMembers.alerts.messages.expiredTitle\")\n            : t(\"neetoTeamMembers.alerts.messages.domainTitle\")}\n        </Typography>\n        <Typography className=\"text-muted-foreground\">\n          {isExpired ? (\n            t(\"neetoTeamMembers.alerts.messages.expiredMessage\")\n          ) : (\n            <Trans\n              components={{ strong: <strong /> }}\n              i18nKey=\"neetoTeamMembers.alerts.messages.domainMessage\"\n              values={{ allowedDomain, email }}\n            />\n          )}\n        </Typography>\n      </div>\n    </div>\n  )\n);\nexport default ErrorPage;\n","import { dayjs } from \"neetocommons/utils\";\n\nconst getStartOfDay = date => dayjs(date).startOf(\"day\");\n\nexport const isExpired = date => {\n  if (!date) return false;\n\n  const today = getStartOfDay();\n  const expiryDate = getStartOfDay(date);\n\n  return expiryDate.isBefore(today);\n};\n","import { useState } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input as FormikInput } from \"@bigbinary/neeto-atoms/formik\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { useDisplayErrorPage } from \"neetocommons/react-utils\";\nimport ErrorPageGlobal from \"neetomolecules/v2/ErrorPage\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport { QUERY_KEYS } from \"v2/common/constants\";\nimport { FormikForm, FormikActionBlock } from \"v2/common/formik\";\nimport PageLoader from \"v2/common/PageLoader\";\nimport {\n  useShowInviteLink,\n  useCreateInvitation,\n} from \"v2/hooks/reactQuery/public/useInvitationsApi\";\n\nimport { ERROR, VALIDATION_SCHEMA, ROOT_URL } from \"./constants\";\nimport ErrorPage from \"./ErrorPage\";\nimport { isExpired } from \"./utils\";\n\nconst MembersInvite = () => {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation();\n  const { inviteId } = useParams();\n  const displayErrorPage = useDisplayErrorPage();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const { data: inviteLink, isLoading } = useShowInviteLink(inviteId);\n\n  const handleSuccess = response => {\n    if (response?.redirectUrl) {\n      window.location.href = response.redirectUrl;\n    } else {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleError = () => {\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.INVITATION_LINK, inviteId],\n    });\n    setIsSubmitting(false);\n  };\n\n  const {\n    mutate: createInvitation,\n    isError,\n    error,\n    variables,\n  } = useCreateInvitation({ onSuccess: handleSuccess, onError: handleError });\n\n  const isInviteExpired =\n    isExpired(inviteLink?.expiresAt) ||\n    (isError && error?.status === ERROR.EXPIRED);\n\n  const isInvalidDomain = isError && error?.status === ERROR.INVALID_DOMAIN;\n\n  const handleSubmit = ({ email }) => {\n    setIsSubmitting(true);\n\n    return createInvitation({ email, inviteToken: inviteId });\n  };\n\n  if (isLoading || isSubmitting) {\n    return (\n      <div className=\"h-screen w-screen\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  if (isInviteExpired || isInvalidDomain) {\n    return (\n      <ErrorPage\n        allowedDomain={inviteLink?.domain}\n        email={variables?.email}\n        isExpired={isInviteExpired}\n      />\n    );\n  }\n\n  if (displayErrorPage) {\n    return <ErrorPageGlobal homeUrl={ROOT_URL} />;\n  }\n\n  return (\n    <div className=\"flex min-h-screen w-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"w-full max-w-md space-y-6 p-6 shadow-lg\">\n        <div className=\"space-y-2 text-center\">\n          <Typography style=\"h3\">\n            {t(\"neetoTeamMembers.helpers.invitationTitle\")}\n          </Typography>\n          <Typography className=\"text-muted-foreground\" style=\"body2\">\n            <Trans\n              components={{ strong: <strong /> }}\n              i18nKey=\"neetoTeamMembers.helpers.invitationMessage\"\n              values={{ organization: globalProps.organization.name }}\n            />\n          </Typography>\n        </div>\n        <FormikForm\n          formikProps={{\n            initialValues: { email: \"\" },\n            validationSchema: VALIDATION_SCHEMA,\n            onSubmit: handleSubmit,\n          }}\n        >\n          {({ isValid, dirty }) => (\n            <div className=\"space-y-4\">\n              <FormikInput\n                required\n                label={t(\"neetoTeamMembers.common.email_one\")}\n                name=\"email\"\n                type=\"email\"\n              />\n              <FormikActionBlock\n                submitButtonProps={{\n                  label: t(\"neetoTeamMembers.buttons.acceptInvitation\"),\n                  disabled: !isValid || !dirty,\n                }}\n              />\n            </div>\n          )}\n        </FormikForm>\n      </div>\n    </div>\n  );\n};\n\nexport default MembersInvite;\n"],"names":["PageLoader","_ref","className","_jsx","cn","children","Spinner","showInviteLink","inviteToken","axios","get","concat","BASE_URL","createInvitation","payload","post","useShowInviteLink","useQuery","queryKey","QUERY_KEYS","INVITATION_LINK","queryFn","invitationsApi","enabled","useCreateInvitation","options","arguments","length","undefined","useMutation","_objectSpread","mutationFn","VALIDATION_SCHEMA","yup","object","shape","email","string","t","required","what","SINGULAR","ERROR","EXPIRED","INVALID_DOMAIN","ROOT_URL","ErrorPage","withT","_ref$isExpired","isExpired","_ref$email","_ref$allowedDomain","allowedDomain","_jsxs","InviteLinkError","size","Typography","style","weight","Trans","components","strong","i18nKey","values","getStartOfDay","date","dayjs","startOf","today","expiryDate","isBefore","MembersInvite","queryClient","useQueryClient","_useTranslation","useTranslation","_useParams","useParams","inviteId","displayErrorPage","useDisplayErrorPage","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useShowInviteLink","inviteLink","data","isLoading","handleSuccess","response","redirectUrl","window","location","href","handleError","invalidateQueries","_useCreateInvitation","onSuccess","onError","mutate","isError","error","variables","isInviteExpired","expiresAt","status","isInvalidDomain","handleSubmit","domain","ErrorPageGlobal","homeUrl","organization","globalProps","name","FormikForm","formikProps","initialValues","validationSchema","onSubmit","_ref2","isValid","dirty","FormikInput","label","type","FormikActionBlock","submitButtonProps","disabled"],"mappings":"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"}

package/dist/v2/Permissions.js

@@ -7,7 +7,7 @@ import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/constants';
 import 'ramda';
 import 'react-i18next';
-export { P as default } from '../Permissions-3L2jJkiY.js';
+export { P as default } from '../Permissions-Ds61VDtG.js';
 import 'react/jsx-runtime';
 import '../inject-css-C2dztUxs.js';
 //# sourceMappingURL=Permissions.js.map

package/dist/v2/Profile.js

@@ -1,13 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useRef, useCallback, useEffect, memo, useState } from 'react';
-import { Spinner, Label, cn, Typography, Avatar, Button, Sheet, DropdownMenu } from '@bigbinary/neeto-atoms';
-import { Crown, EllipsisVertical } from 'lucide-react';
+import { Spinner, Sheet, Label, cn, Typography, Avatar, Button } from '@bigbinary/neeto-atoms';
+import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
 import { useTranslation } from 'react-i18next';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { Input } from '@bigbinary/neeto-atoms/formik';
+import { Card, CardContent, CardAction } from '@bigbinary/neeto-atoms/primitives/Card';
 import { NeetoTimezoneSelector, ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
 import { findBy, noop, _findBy } from '@bigbinary/neeto-cist';
 import { DEFAULT_STALE_TIME, LANGUAGE_OPTIONS } from '@bigbinary/neeto-commons-frontend/constants';
@@ -21,14 +22,17 @@ import 'formik';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useQuery } from '@tanstack/react-query';
 import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { p as profileApi, u as useCountries, P as ProfileImage, C as CopyToClipboardButton } from '../useCountries-DePOPtue.js';
+import { p as profileApi, u as useCountries, P as ProfileImage } from '../timezone-selector-DjLjMes0.js';
 import { t } from 'i18next';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import * as yup from 'yup';
 import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
 import { create } from 'zustand';
 import { shallow } from 'zustand/shallow';
+import { Crown } from 'lucide-react';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
 import 'axios';
+import '../inject-css-C2dztUxs.js';
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -229,6 +233,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
     });
   }
   return /*#__PURE__*/jsx(FormikForm, {
+    className: "flex flex-col h-full flex-1 overflow-y-auto",
     formProps: {
       "data-testid": "ntm-profile-form"
     },
@@ -243,12 +248,19 @@ var ChangeProfile = function ChangeProfile(_ref) {
         touched = _ref4.touched;
       setFieldValueRef.current = setFieldValue;
       return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: "w-full flex-1 overflow-y-auto p-4",
-          children: /*#__PURE__*/jsxs("div", {
-            className: "w-full pb-6",
-            children: [/*#__PURE__*/jsx(ProfileImage, {}), /*#__PURE__*/jsxs("div", {
-              className: "mt-4 w-full space-y-4 border-t border-border pt-4",
+        children: [/*#__PURE__*/jsxs(Sheet.Body, {
+          className: "flex min-h-0 w-full flex-1 flex-col gap-2 overflow-y-auto p-4",
+          children: [/*#__PURE__*/jsx(Card, {
+            className: "w-full shrink-0 ring-0",
+            size: "sm",
+            children: /*#__PURE__*/jsx(CardContent, {
+              children: /*#__PURE__*/jsx(ProfileImage, {})
+            })
+          }), /*#__PURE__*/jsx(Card, {
+            className: "w-full shrink-0 ring-0",
+            size: "sm",
+            children: /*#__PURE__*/jsxs(CardContent, {
+              className: "space-y-6",
               children: [/*#__PURE__*/jsx(Input, {
                 autoFocus: true,
                 required: true,
@@ -264,51 +276,42 @@ var ChangeProfile = function ChangeProfile(_ref) {
                 name: "lastName",
                 type: "text",
                 placeholder: t("neetoTeamMembers.profile.inputs.placeholder.lastName")
-              })]
-            }), /*#__PURE__*/jsxs("div", {
-              className: "mt-4 w-full space-y-4 border-t border-border pt-4",
-              children: [/*#__PURE__*/jsx(FormikSelect, {
+              }), /*#__PURE__*/jsx(FormikSelect, {
                 required: true,
                 "data-testid": "ntm-profile-country-select",
                 label: t("neetoTeamMembers.profile.inputs.label.country"),
                 name: "countryId",
                 options: countryDropdownOptions,
                 value: selectedCountryOption,
-                onChange: function onChange(option) {
+                onChange: function onChange(value) {
+                  var option = findBy({
+                    value: value
+                  }, countryDropdownOptions);
                   var dependentFields = handleCountryChange(option);
                   setFieldValue("dateFormat", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.dateFormat);
-                  setFieldValue("countryId", option === null || option === void 0 ? void 0 : option.value);
                 }
-              }), /*#__PURE__*/jsx("div", {
-                className: "space-y-2",
-                children: /*#__PURE__*/jsx(FormikSelect, {
-                  required: true,
-                  "data-testid": "ntm-language-select",
-                  name: "language",
-                  options: LANGUAGE_OPTIONS,
-                  label: t("neetoTeamMembers.profile.inputs.label.language"),
-                  onChange: function onChange(option) {
-                    setFieldValue("language", option.value);
-                  }
-                })
+              }), /*#__PURE__*/jsx(FormikSelect, {
+                required: true,
+                "data-testid": "ntm-language-select",
+                label: t("neetoTeamMembers.profile.inputs.label.language"),
+                name: "language",
+                options: LANGUAGE_OPTIONS
               }), /*#__PURE__*/jsxs("div", {
                 className: "space-y-2",
-                children: [/*#__PURE__*/jsxs("div", {
-                  className: "space-y-2",
-                  children: [/*#__PURE__*/jsxs(Label, {
-                    children: [t("neetoTeamMembers.profile.inputs.label.timeZone"), /*#__PURE__*/jsx("span", {
-                      className: "text-destructive",
-                      children: " *"
-                    })]
-                  }), /*#__PURE__*/jsx("div", {
-                    "data-testid": "ntm-profile-time-zone-select",
-                    ref: timezoneRef,
-                    className: cn("w-full grow", {
-                      "pointer-events-none bg-muted": isTimezoneFieldDisabled
-                    })
+                children: [/*#__PURE__*/jsxs(Label, {
+                  children: [t("neetoTeamMembers.profile.inputs.label.timeZone"), /*#__PURE__*/jsx("span", {
+                    className: "text-destructive",
+                    children: " *"
                   })]
+                }), /*#__PURE__*/jsx("div", {
+                  "data-testid": "ntm-profile-time-zone-select",
+                  ref: timezoneRef,
+                  className: cn("w-full grow", {
+                    "pointer-events-none bg-muted": isTimezoneFieldDisabled
+                  })
                 }), touched.timeZone && errors.timeZone && /*#__PURE__*/jsx(Typography, {
-                  className: "text-xs leading-none text-destructive",
+                  className: "text-destructive",
+                  variant: "caption",
                   children: errors.timeZone
                 })]
               }), /*#__PURE__*/jsx(FormikSelect, {
@@ -316,27 +319,18 @@ var ChangeProfile = function ChangeProfile(_ref) {
                 "data-testid": "ntm-time-format-select",
                 name: "timeFormat",
                 options: TIME_FORMAT_OPTIONS,
-                label: t("neetoTeamMembers.profile.inputs.label.preferredTimeFormat"),
-                onChange: function onChange(option) {
-                  setFieldValue("timeFormat", option.value);
-                }
-              }), /*#__PURE__*/jsx("div", {
-                className: "space-y-2",
-                children: /*#__PURE__*/jsx(FormikSelect, {
-                  required: true,
-                  "data-testid": "ntm-date-format-select",
-                  name: "dateFormat",
-                  options: DATE_FORMAT_OPTIONS,
-                  label: t("neetoTeamMembers.profile.inputs.label.preferredDateFormat"),
-                  onChange: function onChange(option) {
-                    setFieldValue("dateFormat", option.value);
-                  }
-                })
+                label: t("neetoTeamMembers.profile.inputs.label.preferredTimeFormat")
+              }), /*#__PURE__*/jsx(FormikSelect, {
+                required: true,
+                "data-testid": "ntm-date-format-select",
+                name: "dateFormat",
+                options: DATE_FORMAT_OPTIONS,
+                label: t("neetoTeamMembers.profile.inputs.label.preferredDateFormat")
               })]
-            })]
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: "border-t border-border p-4",
+            })
+          })]
+        }), /*#__PURE__*/jsx(Sheet.Footer, {
+          className: "border-t border-border",
           children: /*#__PURE__*/jsx(FormikActionBlock, {
             isSubmitting: isUpdatingProfile || isUploading,
             cancelButtonProps: {
@@ -384,6 +378,24 @@ var sanitizeValue = function sanitizeValue(value, defaultValue) {
   return isNil(value) || is(String, value) && trim(value) === "" ? defaultValue : value;
 };
 
+var Field = function Field(_ref) {
+  var label = _ref.label,
+    children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-1 py-3 first:pt-0 last:pb-0",
+    children: [/*#__PURE__*/jsx(Typography, {
+      color: "muted",
+      variant: "caption",
+      weight: "medium",
+      children: label
+    }), /*#__PURE__*/jsx(Typography, {
+      "data-testid": testId,
+      variant: "body2",
+      children: children
+    })]
+  });
+};
 var Preview$1 = function Preview() {
   var _globalProps$user, _Intl$DateTimeFormat$, _findBy2, _findBy3, _findBy4;
   var _useTranslation = useTranslation(),
@@ -435,12 +447,12 @@ var Preview$1 = function Preview() {
       children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
-  return /*#__PURE__*/jsx("div", {
-    className: "w-full flex-1 overflow-y-auto bg-muted/50 p-4",
-    children: /*#__PURE__*/jsxs("div", {
-      className: "flex w-full flex-col gap-2",
-      children: [/*#__PURE__*/jsx("div", {
-        className: "neeto-ui-rounded-md bg-background p-3",
+  return /*#__PURE__*/jsxs(Sheet.Body, {
+    className: "flex min-h-0 w-full flex-1 flex-col gap-2 overflow-y-auto p-4",
+    children: [/*#__PURE__*/jsx(Card, {
+      className: "w-full shrink-0 ring-0",
+      size: "sm",
+      children: /*#__PURE__*/jsx(CardContent, {
         children: /*#__PURE__*/jsxs("div", {
           className: "flex items-center gap-3",
           children: [/*#__PURE__*/jsx(Avatar, {
@@ -452,14 +464,15 @@ var Preview$1 = function Preview() {
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-col",
             children: [/*#__PURE__*/jsx(Typography, {
-              className: "text-base font-semibold",
               "data-testid": "profile-full-name-field",
+              variant: "h4",
               children: name
             }), /*#__PURE__*/jsxs("div", {
               className: "flex items-center gap-1",
               children: [/*#__PURE__*/jsx(Typography, {
-                className: "text-sm text-muted-foreground",
+                color: "muted",
                 "data-testid": "profile-email-field",
+                variant: "body3",
                 children: email
               }), /*#__PURE__*/jsx(CopyToClipboardButton, {
                 size: "icon-xs",
@@ -469,102 +482,69 @@ var Preview$1 = function Preview() {
             })]
           })]
         })
-      }), /*#__PURE__*/jsxs("div", {
-        className: "divide-y divide-border neeto-ui-rounded-md bg-background p-3",
+      })
+    }), /*#__PURE__*/jsx(Card, {
+      className: "w-full shrink-0 ring-0",
+      size: "sm",
+      children: /*#__PURE__*/jsxs(CardContent, {
+        className: "divide-y divide-border",
+        children: [/*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.firstName"),
+          testId: "profile-first-name-field",
+          children: firstName
+        }), /*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.lastName"),
+          testId: "profile-last-name-field",
+          children: lastName
+        }), /*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.country"),
+          testId: "profile-country-field",
+          children: countryName
+        }), /*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.language"),
+          testId: "profile-preferred-language-field",
+          children: ((_findBy2 = _findBy({
+            value: language
+          }, LANGUAGE_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
+        }), /*#__PURE__*/jsxs(Field, {
+          label: t("neetoTeamMembers.labels.timeZone"),
+          testId: "profile-time-zone-field",
+          children: [ianaTimezoneToHumanReadable(timeZone), timeZoneAbbreviation ? " (".concat(timeZoneAbbreviation, ")") : "", " ", time]
+        }), /*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.preferredTimeFormat"),
+          testId: "profile-preferred-time-format-field",
+          children: ((_findBy3 = _findBy({
+            value: timeFormat
+          }, TIME_FORMAT_OPTIONS)) === null || _findBy3 === void 0 ? void 0 : _findBy3.label) || "-"
+        }), /*#__PURE__*/jsx(Field, {
+          label: t("neetoTeamMembers.labels.preferredDateFormat"),
+          testId: "profile-preferred-date-format-field",
+          children: ((_findBy4 = _findBy({
+            value: dateFormat
+          }, DATE_FORMAT_OPTIONS)) === null || _findBy4 === void 0 ? void 0 : _findBy4.label) || "-"
+        })]
+      })
+    }), /*#__PURE__*/jsx(Card, {
+      className: "w-full shrink-0 ring-0",
+      size: "sm",
+      children: /*#__PURE__*/jsxs(CardContent, {
+        className: "grid grid-cols-[1fr_auto] items-center gap-2",
         children: [/*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 pb-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.firstName")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-first-name-field",
-            children: firstName
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 py-3",
+          className: "flex flex-col gap-1",
           children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.lastName")
+            color: "muted",
+            variant: "caption",
+            weight: "medium",
+            children: t("neetoTeamMembers.labels.currentPlan")
           }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-last-name-field",
-            children: lastName
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 py-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.country")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-country-field",
-            children: countryName
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 py-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.language")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-preferred-language-field",
-            children: ((_findBy2 = _findBy({
-              value: language
-            }, LANGUAGE_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 py-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.timeZone")
-          }), /*#__PURE__*/jsxs(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-time-zone-field",
-            children: [ianaTimezoneToHumanReadable(timeZone), timeZoneAbbreviation ? " (".concat(timeZoneAbbreviation, ")") : "", " ", time]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 py-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.preferredTimeFormat")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-preferred-time-format-field",
-            children: ((_findBy3 = _findBy({
-              value: timeFormat
-            }, TIME_FORMAT_OPTIONS)) === null || _findBy3 === void 0 ? void 0 : _findBy3.label) || "-"
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-1 pt-3",
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-xs font-medium text-muted-foreground",
-            children: t("neetoTeamMembers.labels.preferredDateFormat")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-[15px] text-foreground",
-            "data-testid": "profile-preferred-date-format-field",
-            children: ((_findBy4 = _findBy({
-              value: dateFormat
-            }, DATE_FORMAT_OPTIONS)) === null || _findBy4 === void 0 ? void 0 : _findBy4.label) || "-"
+            "data-testid": "profile-subscription-type",
+            variant: "body2",
+            children: t("neetoTeamMembers.common.subscriptionType", {
+              subscription: subscription
+            })
           })]
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-rounded-md bg-background p-3",
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex items-center justify-between",
-          children: [/*#__PURE__*/jsxs("div", {
-            className: "flex flex-col gap-1",
-            children: [/*#__PURE__*/jsx(Typography, {
-              className: "text-xs font-medium text-muted-foreground",
-              children: t("neetoTeamMembers.labels.currentPlan")
-            }), /*#__PURE__*/jsx(Typography, {
-              className: "text-[15px] text-foreground",
-              "data-testid": "profile-subscription-type",
-              children: t("neetoTeamMembers.common.subscriptionType", {
-                subscription: subscription
-              })
-            })]
-          }), /*#__PURE__*/jsx(Button, {
+        }), /*#__PURE__*/jsx(CardAction, {
+          children: /*#__PURE__*/jsx(Button, {
             asChild: true,
             "data-testid": "profile-upgrade-button",
             size: "sm",
@@ -574,10 +554,10 @@ var Preview$1 = function Preview() {
                 className: "size-4"
               }), t("neetoTeamMembers.buttons.upgrade")]
             })
-          })]
-        })
-      })]
-    })
+          })
+        })]
+      })
+    })]
   });
 };
 var Preview = /*#__PURE__*/memo(Preview$1);
@@ -600,47 +580,52 @@ var Profile = function Profile() {
   var enableEditMode = function enableEditMode() {
     return setIsEditMode(true);
   };
+  var menuItems = [{
+    key: "edit-basic-info",
+    "data-testid": "edit-basic-info-menu-button",
+    label: t("neetoTeamMembers.buttons.editBasicInfo"),
+    onClick: enableEditMode
+  }, {
+    key: "update-email",
+    "data-testid": "update-email-menu-button",
+    label: t("neetoTeamMembers.buttons.updateEmail"),
+    onClick: function onClick() {
+      return window.open(MY_PROFILE_PATH, "_self");
+    }
+  }, {
+    key: "manage-billing-subscriptions",
+    "data-testid": "manage-billing-subscriptions-menu-button",
+    label: t("neetoTeamMembers.buttons.manageBillingAndSubscriptions"),
+    onClick: function onClick() {
+      return window.open(MY_PROFILE_PATH, "_self");
+    }
+  }];
   return /*#__PURE__*/jsx("div", {
     className: "w-full",
     children: /*#__PURE__*/jsxs(Sheet, {
       isOpen: isOpen,
       onClose: onClose,
-      className: "max-w-96 bg-muted/50",
-      children: [/*#__PURE__*/jsx(Sheet.Header, {
-        className: "bg-muted/50",
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex justify-between",
-          children: [/*#__PURE__*/jsx(Sheet.Title, {
-            className: "text-xl font-semibold",
+      className: "ntm-timezone-shadcn-overrides max-w-96 gap-0 bg-sidebar",
+      children: [/*#__PURE__*/jsxs(Sheet.Header, {
+        children: [/*#__PURE__*/jsx(Sheet.Title, {
+          asChild: true,
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "h3",
             children: t("neetoTeamMembers.profile.common.myProfile")
-          }), !isEditMode && /*#__PURE__*/jsx(DropdownMenu, {
-            buttonSize: "small",
-            buttonStyle: "text",
-            icon: EllipsisVertical,
+          })
+        }), !isEditMode && /*#__PURE__*/jsx(MoreDropdown, {
+          menuItems: menuItems,
+          isVertical: true,
+          dropdownProps: {
             position: "bottom-end",
-            children: /*#__PURE__*/jsxs(DropdownMenu.Menu, {
-              children: [/*#__PURE__*/jsx(DropdownMenu.MenuItem, {
-                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
-                  "data-testid": "edit-basic-info-menu-button",
-                  onClick: enableEditMode,
-                  children: t("neetoTeamMembers.buttons.editBasicInfo")
-                })
-              }), /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
-                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
-                  "data-testid": "update-email-menu-button",
-                  href: MY_PROFILE_PATH,
-                  children: t("neetoTeamMembers.buttons.updateEmail")
-                })
-              }), /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
-                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
-                  "data-testid": "manage-billing-subscriptions-menu-button",
-                  href: MY_PROFILE_PATH,
-                  children: t("neetoTeamMembers.buttons.manageBillingAndSubscriptions")
-                })
-              })]
-            })
-          })]
-        })
+            strategy: "fixed"
+          },
+          dropdownButtonProps: {
+            "data-testid": "profile-more-dropdown-button",
+            size: "icon-sm",
+            className: "absolute top-3 end-12"
+          }
+        })]
       }), isEditMode ? /*#__PURE__*/jsx(ChangeProfile, {
         onClose: onClose
       }) : /*#__PURE__*/jsx(Preview, {})]