@os-team/profile 1.1.12 → 1.1.14

package/dist/esm/components/profile/ProfileDrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.js","names":["React","useCallback","useMemo","useRef","useState","message","ThemeSwitcher","styled","clr","useTranslation","useMutation","UserAvatar","useProfile","ProfileButton","ProfileUpdateNameModal","ProfileUpdatePasswordModal","getErrorMessage","AvatarContainer","div","UserContent","FullName","p","theme","sizes","large","Email","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","_ProfileDrawerContentUpdateAvatarMutation","require","hash","console","error","DeleteAvatarButton","t","commit","loading","handler","variables","avatar","onError","onCompleted","success","createElement","onClick","UpdateAvatarButton","hasAvatar","fileInputRef","e","target","files","file","uploadables","Fragment","current","value","click","type","accept","onChange","ref","UpdateNameButton","hasName","modalVisibility","setModalVisibility","visibility","onClose","ChangePasswordButton","SignOutButton","_ProfileDrawerContentSignOutMutation","window","location","href","danger","ProfileDrawerContent","actions","children","email","firstName","lastName","fullName","filter","i","join","size"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { message, ThemeSwitcher } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport UserAvatar from './UserAvatar';\nimport { useProfile } from './ProfileContext';\nimport ProfileButton from './ProfileButton';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\nimport getErrorMessage from '../../utils/getErrorMessage';\n\nexport interface ProfileDrawerContentProps {\n  /**\n   * Additional actions placed under the avatar.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n  /**\n   * The children.\n   */\n  children?: React.ReactNode;\n}\n\nconst AvatarContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst UserContent = styled.div`\n  margin-top: 1em;\n`;\n\nconst FullName = styled.div`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n`;\n\nconst Email = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  margin-top: 0.2em;\n  text-align: center;\n`;\n\nconst ActionsContainer = styled.div`\n  margin-top: 1.5em;\n`;\n\nconst Footer = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n`;\n\nconst HiddenInput = styled.input`\n  display: none;\n`;\n\nconst profileDrawerContentUpdateAvatarMutation = graphql`\n  mutation ProfileDrawerContentUpdateAvatarMutation(\n    $input: UpdateAvatarInput!\n  ) {\n    updateAvatar(input: $input) {\n      id\n      avatar\n    }\n  }\n`;\n\nconst DeleteAvatarButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: { avatar: null },\n      },\n      onError: (error) => message.error(getErrorMessage(error)),\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n      },\n    });\n  }, [commit, t]);\n\n  return (\n    <ProfileButton loading={loading} onClick={handler}>\n      {t('profile:deleteAvatar')}\n    </ProfileButton>\n  );\n};\n\ninterface UpdateAvatarButtonProps {\n  hasAvatar: boolean;\n}\n\nconst UpdateAvatarButton: React.FC<UpdateAvatarButtonProps> = ({\n  hasAvatar,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(\n    (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n\n      const { files } = target;\n      if (!files) return;\n\n      const file = files[0];\n\n      commit({\n        variables: {\n          input: {},\n        },\n        uploadables: { avatar: file },\n        onError: (error) => message.error(getErrorMessage(error)),\n        onCompleted: () => {\n          message.success(t('profile:updated'));\n        },\n      });\n    },\n    [commit, t]\n  );\n\n  return (\n    <>\n      <ProfileButton\n        loading={loading}\n        onClick={() => {\n          if (!fileInputRef.current) return;\n          fileInputRef.current.value = '';\n          fileInputRef.current.click();\n        }}\n      >\n        {t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)}\n      </ProfileButton>\n\n      <HiddenInput\n        type='file'\n        accept='image/jpeg,image/png,image/webp'\n        onChange={handler}\n        ref={fileInputRef}\n      />\n    </>\n  );\n};\n\ninterface UpdateNameButtonProps {\n  hasName: boolean;\n}\n\nconst UpdateNameButton: React.FC<UpdateNameButtonProps> = ({ hasName }) => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t(`profile:${hasName ? 'changeName' : 'setName'}`)}\n      </ProfileButton>\n\n      <ProfileUpdateNameModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst ChangePasswordButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t('profile:changePassword')}\n      </ProfileButton>\n\n      <ProfileUpdatePasswordModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst SignOutButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] = useMutation<ProfileDrawerContentSignOutMutation>(\n    graphql`\n      mutation ProfileDrawerContentSignOutMutation {\n        signOut {\n          ok\n        }\n      }\n    `\n  );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {},\n      onError: (error) => message.error(getErrorMessage(error)),\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":"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"}
+{"version":3,"file":"ProfileDrawerContent.js","names":["styled","ThemeSwitcher","message","clr","React","useCallback","useMemo","useRef","useState","useTranslation","useMutation","getErrorMessage","ProfileButton","useProfile","ProfileUpdateNameModal","ProfileUpdatePasswordModal","UserAvatar","AvatarContainer","div","UserContent","FullName","p","theme","sizes","large","Email","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","query","_ProfileDrawerContentUpdateAvatarMutation","require","hash","console","error","DeleteAvatarButton","t","commit","loading","handler","variables","avatar","onError","onCompleted","success","createElement","onClick","UpdateAvatarButton","hasAvatar","fileInputRef","e","target","files","file","uploadables","Fragment","current","value","click","type","accept","onChange","ref","UpdateNameButton","hasName","modalVisible","setModalVisible","visible","onClose","ChangePasswordButton","SignOutButton","_ProfileDrawerContentSignOutMutation","window","location","href","danger","ProfileDrawerContent","actions","children","email","firstName","lastName","fullName","filter","i","join","size"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ThemeSwitcher, message } from '@os-design/core';\nimport { clr } from '@os-design/theming';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport getErrorMessage from '../../utils/getErrorMessage';\nimport ProfileButton from './ProfileButton';\nimport { useProfile } from './ProfileContext';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport UserAvatar from './UserAvatar';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\n\nexport interface ProfileDrawerContentProps {\n  /**\n   * Additional actions placed under the avatar.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n  /**\n   * The children.\n   */\n  children?: React.ReactNode;\n}\n\nconst AvatarContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst UserContent = styled.div`\n  margin-top: 1em;\n`;\n\nconst FullName = styled.div`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n`;\n\nconst Email = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  margin-top: 0.2em;\n  text-align: center;\n`;\n\nconst ActionsContainer = styled.div`\n  margin-top: 1.5em;\n`;\n\nconst Footer = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n`;\n\nconst HiddenInput = styled.input`\n  display: none;\n`;\n\nconst query = graphql`\n  mutation ProfileDrawerContentUpdateAvatarMutation(\n    $input: UpdateAvatarInput!\n  ) {\n    updateAvatar(input: $input) {\n      id\n      avatar\n    }\n  }\n`;\n\nconst DeleteAvatarButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(query);\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: { avatar: null },\n      },\n      onError: (error) => message.error(getErrorMessage(error)),\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n      },\n    });\n  }, [commit, t]);\n\n  return (\n    <ProfileButton loading={loading} onClick={handler}>\n      {t('profile:deleteAvatar')}\n    </ProfileButton>\n  );\n};\n\ninterface UpdateAvatarButtonProps {\n  hasAvatar: boolean;\n}\n\nconst UpdateAvatarButton: React.FC<UpdateAvatarButtonProps> = ({\n  hasAvatar,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(query);\n\n  const handler = useCallback(\n    (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n\n      const { files } = target;\n      if (!files) return;\n\n      const file = files[0];\n\n      commit({\n        variables: {\n          input: {},\n        },\n        uploadables: { avatar: file },\n        onError: (error) => message.error(getErrorMessage(error)),\n        onCompleted: () => {\n          message.success(t('profile:updated'));\n        },\n      });\n    },\n    [commit, t]\n  );\n\n  return (\n    <>\n      <ProfileButton\n        loading={loading}\n        onClick={() => {\n          if (!fileInputRef.current) return;\n          fileInputRef.current.value = '';\n          fileInputRef.current.click();\n        }}\n      >\n        {t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)}\n      </ProfileButton>\n\n      <HiddenInput\n        type='file'\n        accept='image/jpeg,image/png,image/webp'\n        onChange={handler}\n        ref={fileInputRef}\n      />\n    </>\n  );\n};\n\ninterface UpdateNameButtonProps {\n  hasName: boolean;\n}\n\nconst UpdateNameButton: React.FC<UpdateNameButtonProps> = ({ hasName }) => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisible(true)}>\n        {t(`profile:${hasName ? 'changeName' : 'setName'}`)}\n      </ProfileButton>\n\n      <ProfileUpdateNameModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n      />\n    </>\n  );\n};\n\nconst ChangePasswordButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisible(true)}>\n        {t('profile:changePassword')}\n      </ProfileButton>\n\n      <ProfileUpdatePasswordModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n      />\n    </>\n  );\n};\n\nconst SignOutButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] = useMutation<ProfileDrawerContentSignOutMutation>(\n    graphql`\n      mutation ProfileDrawerContentSignOutMutation {\n        signOut {\n          ok\n        }\n      }\n    `\n  );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {},\n      onError: (error) => message.error(getErrorMessage(error)),\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":"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"}

package/dist/esm/components/profile/ProfileUpdateNameModal.js

@@ -9,19 +9,19 @@ import handleFormErrors from '../../utils/handleFormErrors';
 import FormError from '../shared/FormError';
 import { useProfile } from './ProfileContext';
 const ProfileUpdateNameModal = ({
-  visibility,
+  visible,
   onClose
 }) => {
   const {
     t
   } = useTranslation(['profile']);
   const {
-    firstName,
-    lastName
+    firstName = '',
+    lastName = ''
   } = useProfile();
   const initValues = useMemo(() => ({
-    firstName: firstName || '',
-    lastName: lastName || ''
+    firstName,
+    lastName
   }), [firstName, lastName]);
   const {
     form,
@@ -29,10 +29,10 @@ const ProfileUpdateNameModal = ({
   } = useForm(initValues);
   const [commit, loading] = useMutation(_ProfileUpdateNameModalMutation !== void 0 ? _ProfileUpdateNameModalMutation : (_ProfileUpdateNameModalMutation = require("./__generated__/ProfileUpdateNameModalMutation.graphql"), _ProfileUpdateNameModalMutation.hash && _ProfileUpdateNameModalMutation.hash !== "7264a05b6738d5417df9f1dc462486aa" && console.error("The definition of 'ProfileUpdateNameModalMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileUpdateNameModalMutation));
 
-  // Reset the data if the modal is visible
+  // Reset the form when the modal is opened
   useEffect(() => {
-    if (visibility) form.reset();
-  }, [form, visibility]);
+    if (visible) form.reset();
+  }, [form, visible]);
   const onSubmit = useCallback(() => {
     commit({
       variables: {
@@ -45,9 +45,17 @@ const ProfileUpdateNameModal = ({
       }
     });
   }, [commit, form, onClose, t]);
+  const firstNameData = useMemo(() => ({
+    label: t('profile:updateNameModal.firstName.label'),
+    placeholder: t('profile:updateNameModal.firstName.placeholder')
+  }), [t]);
+  const lastNameData = useMemo(() => ({
+    label: t('profile:updateNameModal.lastName.label'),
+    placeholder: t('profile:updateNameModal.lastName.placeholder')
+  }), [t]);
   return /*#__PURE__*/React.createElement(Modal, {
     title: t('profile:updateNameModal.title'),
-    visible: visibility,
+    visible: visible,
     okText: t('profile:update'),
     okLoading: loading,
     onOk: onSubmit,
@@ -56,23 +64,25 @@ const ProfileUpdateNameModal = ({
     form: form
   }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
     name: "firstName",
+    data: firstNameData,
     render: (props, {
       error
-    }) => /*#__PURE__*/React.createElement(FormItem, {
-      label: t('profile:updateNameModal.firstName.label'),
+    }, data) => /*#__PURE__*/React.createElement(FormItem, {
+      label: data.label,
       error: error
     }, /*#__PURE__*/React.createElement(Input, _extends({
-      placeholder: t('profile:updateNameModal.firstName.placeholder')
+      placeholder: data.placeholder
     }, props)))
   }), /*#__PURE__*/React.createElement(Field, {
     name: "lastName",
+    data: lastNameData,
     render: (props, {
       error
-    }) => /*#__PURE__*/React.createElement(FormItem, {
-      label: t('profile:updateNameModal.lastName.label'),
+    }, data) => /*#__PURE__*/React.createElement(FormItem, {
+      label: data.label,
       error: error
     }, /*#__PURE__*/React.createElement(Input, _extends({
-      placeholder: t('profile:updateNameModal.lastName.placeholder')
+      placeholder: data.placeholder
     }, props)))
   }), /*#__PURE__*/React.createElement(FormError, null))));
 };

package/dist/esm/components/profile/ProfileUpdateNameModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModal.js","names":["Form","FormItem","Input","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useMemo","useTranslation","useMutation","handleFormErrors","FormError","useProfile","ProfileUpdateNameModal","visibility","onClose","t","firstName","lastName","initValues","form","Field","commit","loading","_ProfileUpdateNameModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","createElement","title","visible","okText","okLoading","onOk","name","render","props","label","_extends","placeholder"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import { Form, FormItem, Input, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\n\ninterface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { firstName, lastName } = useProfile();\n\n  const initValues = useMemo(\n    () => ({ firstName: firstName || '', lastName: lastName || '' }),\n    [firstName, lastName]\n  );\n\n  const { form, Field } = useForm<ProfileUpdateNameFormData>(initValues);\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visibility}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='firstName'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updateNameModal.firstName.label')}\n                error={error}\n              >\n                <Input\n                  placeholder={t(\n                    'profile:updateNameModal.firstName.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='lastName'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updateNameModal.lastName.label')}\n                error={error}\n              >\n                <Input\n                  placeholder={t(\n                    'profile:updateNameModal.lastName.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":"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"}
+{"version":3,"file":"ProfileUpdateNameModal.js","names":["Form","FormItem","Input","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useMemo","useTranslation","useMutation","handleFormErrors","FormError","useProfile","ProfileUpdateNameModal","visible","onClose","t","firstName","lastName","initValues","form","Field","commit","loading","_ProfileUpdateNameModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","firstNameData","label","placeholder","lastNameData","createElement","title","okText","okLoading","onOk","name","data","render","props","_extends"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import { Form, FormItem, Input, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\nimport { useProfile } from './ProfileContext';\n\ninterface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameModalProps {\n  visible: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visible,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { firstName = '', lastName = '' } = useProfile();\n\n  const initValues = useMemo<ProfileUpdateNameFormData>(\n    () => ({ firstName, lastName }),\n    [firstName, lastName]\n  );\n\n  const { form, Field } = useForm(initValues);\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the form when the modal is opened\n  useEffect(() => {\n    if (visible) form.reset();\n  }, [form, visible]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  const firstNameData = useMemo(\n    () => ({\n      label: t('profile:updateNameModal.firstName.label'),\n      placeholder: t('profile:updateNameModal.firstName.placeholder'),\n    }),\n    [t]\n  );\n\n  const lastNameData = useMemo(\n    () => ({\n      label: t('profile:updateNameModal.lastName.label'),\n      placeholder: t('profile:updateNameModal.lastName.placeholder'),\n    }),\n    [t]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visible}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='firstName'\n            data={firstNameData}\n            render={(props, { error }, data) => (\n              <FormItem label={data.label} error={error}>\n                <Input placeholder={data.placeholder} {...props} />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='lastName'\n            data={lastNameData}\n            render={(props, { error }, data) => (\n              <FormItem label={data.label} error={error}>\n                <Input placeholder={data.placeholder} {...props} />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":"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"}

package/dist/esm/components/profile/ProfileUpdatePasswordModal.js

@@ -2,31 +2,32 @@ var _ProfileUpdatePasswordModalMutation;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';
 import { FormProvider, useForm } from '@os-design/form';
-import React, { useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMutation } from 'react-relay/hooks';
 import handleFormErrors from '../../utils/handleFormErrors';
 import FormError from '../shared/FormError';
 const ProfileUpdatePasswordModal = ({
-  visibility,
+  visible,
   onClose
 }) => {
   const {
     t
   } = useTranslation(['profile']);
+  const initValues = useMemo(() => ({
+    currentPassword: '',
+    password: ''
+  }), []);
   const {
     form,
     Field
-  } = useForm({
-    currentPassword: '',
-    password: ''
-  });
+  } = useForm(initValues);
   const [commit, loading] = useMutation(_ProfileUpdatePasswordModalMutation !== void 0 ? _ProfileUpdatePasswordModalMutation : (_ProfileUpdatePasswordModalMutation = require("./__generated__/ProfileUpdatePasswordModalMutation.graphql"), _ProfileUpdatePasswordModalMutation.hash && _ProfileUpdatePasswordModalMutation.hash !== "efa37ccbe82fbace709f7e3992643c05" && console.error("The definition of 'ProfileUpdatePasswordModalMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileUpdatePasswordModalMutation));
 
-  // Reset the data if the modal is visible
+  // Reset the form when the modal is opened
   useEffect(() => {
-    if (visibility) form.reset();
-  }, [form, visibility]);
+    if (visible) form.reset();
+  }, [form, visible]);
   const onSubmit = useCallback(() => {
     commit({
       variables: {
@@ -39,9 +40,20 @@ const ProfileUpdatePasswordModal = ({
       }
     });
   }, [commit, form, onClose, t]);
+  const currentPasswordData = useMemo(() => ({
+    label: t('profile:updatePasswordModal.currentPassword.label'),
+    placeholder: t('profile:updatePasswordModal.currentPassword.placeholder')
+  }), [t]);
+  const passwordData = useMemo(() => ({
+    label: t('profile:updatePasswordModal.newPassword.label'),
+    placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),
+    strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {
+      returnObjects: true
+    })
+  }), [t]);
   return /*#__PURE__*/React.createElement(Modal, {
     title: t('profile:updatePasswordModal.title'),
-    visible: visibility,
+    visible: visible,
     okText: t('profile:updatePasswordModal.button'),
     okLoading: loading,
     onOk: onSubmit,
@@ -50,27 +62,27 @@ const ProfileUpdatePasswordModal = ({
     form: form
   }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
     name: "currentPassword",
+    data: currentPasswordData,
     render: (props, {
       error
-    }) => /*#__PURE__*/React.createElement(FormItem, {
-      label: t('profile:updatePasswordModal.currentPassword.label'),
+    }, data) => /*#__PURE__*/React.createElement(FormItem, {
+      label: data.label,
       error: error
     }, /*#__PURE__*/React.createElement(InputPassword, _extends({
-      placeholder: t('profile:updatePasswordModal.currentPassword.placeholder')
+      placeholder: data.placeholder
     }, props)))
   }), /*#__PURE__*/React.createElement(Field, {
     name: "password",
+    data: passwordData,
     render: (props, {
       error
-    }) => /*#__PURE__*/React.createElement(FormItem, {
-      label: t('profile:updatePasswordModal.newPassword.label'),
+    }, data) => /*#__PURE__*/React.createElement(FormItem, {
+      label: data.label,
       error: error
     }, /*#__PURE__*/React.createElement(InputPassword, _extends({
-      placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),
+      placeholder: data.placeholder,
       showStrengthMeter: true,
-      strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {
-        returnObjects: true
-      })
+      strengthNames: data.strengthNames
     }, props)))
   }), /*#__PURE__*/React.createElement(FormError, null))));
 };

package/dist/esm/components/profile/ProfileUpdatePasswordModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["Form","FormItem","InputPassword","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useTranslation","useMutation","handleFormErrors","FormError","ProfileUpdatePasswordModal","visibility","onClose","t","form","Field","currentPassword","password","commit","loading","_ProfileUpdatePasswordModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","createElement","title","visible","okText","okLoading","onOk","name","render","props","label","_extends","placeholder","showStrengthMeter","strengthNames","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const { form, Field } = useForm<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdatePasswordModalMutation>(\n    graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `\n  );\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='currentPassword'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.currentPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.currentPassword.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='password'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.newPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.newPassword.placeholder'\n                  )}\n                  showStrengthMeter\n                  strengthNames={t(\n                    'profile:updatePasswordModal.passwordStrengthNames',\n                    { returnObjects: true }\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":"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"}
+{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["Form","FormItem","InputPassword","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useMemo","useTranslation","useMutation","handleFormErrors","FormError","ProfileUpdatePasswordModal","visible","onClose","t","initValues","currentPassword","password","form","Field","commit","loading","_ProfileUpdatePasswordModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","currentPasswordData","label","placeholder","passwordData","strengthNames","returnObjects","createElement","title","okText","okLoading","onOk","name","data","render","props","_extends","showStrengthMeter"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordModalProps {\n  visible: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visible,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const initValues = useMemo<ProfileUpdatePasswordFormData>(\n    () => ({\n      currentPassword: '',\n      password: '',\n    }),\n    []\n  );\n\n  const { form, Field } = useForm(initValues);\n\n  const [commit, loading] = useMutation<ProfileUpdatePasswordModalMutation>(\n    graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `\n  );\n\n  // Reset the form when the modal is opened\n  useEffect(() => {\n    if (visible) form.reset();\n  }, [form, visible]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  const currentPasswordData = useMemo(\n    () => ({\n      label: t('profile:updatePasswordModal.currentPassword.label'),\n      placeholder: t('profile:updatePasswordModal.currentPassword.placeholder'),\n    }),\n    [t]\n  );\n\n  const passwordData = useMemo(\n    () => ({\n      label: t('profile:updatePasswordModal.newPassword.label'),\n      placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),\n      strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {\n        returnObjects: true,\n      }),\n    }),\n    [t]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visible}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='currentPassword'\n            data={currentPasswordData}\n            render={(props, { error }, data) => (\n              <FormItem label={data.label} error={error}>\n                <InputPassword placeholder={data.placeholder} {...props} />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='password'\n            data={passwordData}\n            render={(props, { error }, data) => (\n              <FormItem label={data.label} error={error}>\n                <InputPassword\n                  placeholder={data.placeholder}\n                  showStrengthMeter\n                  strengthNames={data.strengthNames}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":"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"}

package/dist/esm/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<18d60633cb83d877d559aeac0b4d25c9>>
+ * @generated SignedSource<<e33309fd987bdd6745cb67403591410c>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -42,7 +42,6 @@ const node = function () {
       "name": "ProfileDrawerContentSignOutMutation",
       "selections": v0 /*: any*/
     },
-
     "params": {
       "cacheID": "f5241cc562af19628cf38a9731067807",
       "id": null,

package/dist/esm/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContentSignOutMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<18d60633cb83d877d559aeac0b4d25c9>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type ProfileDrawerContentSignOutMutation$variables = {};\nexport type ProfileDrawerContentSignOutMutation$data = {\n  readonly signOut: {\n    readonly ok: boolean;\n  };\n};\nexport type ProfileDrawerContentSignOutMutation = {\n  response: ProfileDrawerContentSignOutMutation$data;\n  variables: ProfileDrawerContentSignOutMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"signOut\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"f5241cc562af19628cf38a9731067807\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerContentSignOutMutation {\\n  signOut {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"c7ca96e9e713315606b0c22d196b6f7b\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAcA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,qCAAqC;MAC7C,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,qCAAqC;MAC7C,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,qCAAqC;MAC7C,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}
+{"version":3,"file":"ProfileDrawerContentSignOutMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<e33309fd987bdd6745cb67403591410c>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type ProfileDrawerContentSignOutMutation$variables = Record<PropertyKey, never>;\nexport type ProfileDrawerContentSignOutMutation$data = {\n  readonly signOut: {\n    readonly ok: boolean;\n  };\n};\nexport type ProfileDrawerContentSignOutMutation = {\n  response: ProfileDrawerContentSignOutMutation$data;\n  variables: ProfileDrawerContentSignOutMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"signOut\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"f5241cc562af19628cf38a9731067807\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerContentSignOutMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerContentSignOutMutation {\\n  signOut {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"c7ca96e9e713315606b0c22d196b6f7b\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAcA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,qCAAqC;MAC7C,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,qCAAqC;MAC7C,YAAY,EAAGA,EAAE;IACnB,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,qCAAqC;MAC7C,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}

package/dist/esm/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<2487042845b2bf81808599c32befd518>>
+ * @generated SignedSource<<f226c7545c1a2047606c6dcebdb03728>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -57,7 +57,6 @@ const node = function () {
       "name": "ProfileDrawerContentUpdateAvatarMutation",
       "selections": v1 /*: any*/
     },
-
     "params": {
       "cacheID": "b749732615af9f8027386d69ffb57b63",
       "id": null,

package/dist/esm/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContentUpdateAvatarMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<2487042845b2bf81808599c32befd518>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdateAvatarInput = {\n  avatar?: any | null;\n};\nexport type ProfileDrawerContentUpdateAvatarMutation$variables = {\n  input: UpdateAvatarInput;\n};\nexport type ProfileDrawerContentUpdateAvatarMutation$data = {\n  readonly updateAvatar: {\n    readonly avatar: string | null;\n    readonly id: string;\n  };\n};\nexport type ProfileDrawerContentUpdateAvatarMutation = {\n  response: ProfileDrawerContentUpdateAvatarMutation$data;\n  variables: ProfileDrawerContentUpdateAvatarMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updateAvatar\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"b749732615af9f8027386d69ffb57b63\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerContentUpdateAvatarMutation(\\n  $input: UpdateAvatarInput!\\n) {\\n  updateAvatar(input: $input) {\\n    id\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"cf72a6314772ed0d1f182b197c858505\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAoBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,CACN;QACE,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,OAAO;QACf,cAAc,EAAE;MAClB,CAAC,CACF;MACD,cAAc,EAAE,MAAM;MACtB,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,cAAc;MACtB,QAAQ,EAAE,KAAK;MACf,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE;MAChB,CAAC,EACD;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE;MAChB,CAAC,CACF;MACD,YAAY,EAAE;IAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,0CAA0C;MAClD,YAAY,EAAGC,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,0CAA0C;MAClD,YAAY,EAAGC,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,0CAA0C;MAClD,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHF,IAAI,CAASG,IAAI,GAAG,kCAAkC;AAEvD,eAAeH,IAAI"}
+{"version":3,"file":"ProfileDrawerContentUpdateAvatarMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<f226c7545c1a2047606c6dcebdb03728>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdateAvatarInput = {\n  avatar?: any | null | undefined;\n};\nexport type ProfileDrawerContentUpdateAvatarMutation$variables = {\n  input: UpdateAvatarInput;\n};\nexport type ProfileDrawerContentUpdateAvatarMutation$data = {\n  readonly updateAvatar: {\n    readonly avatar: string | null | undefined;\n    readonly id: string;\n  };\n};\nexport type ProfileDrawerContentUpdateAvatarMutation = {\n  response: ProfileDrawerContentUpdateAvatarMutation$data;\n  variables: ProfileDrawerContentUpdateAvatarMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updateAvatar\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"b749732615af9f8027386d69ffb57b63\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerContentUpdateAvatarMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerContentUpdateAvatarMutation(\\n  $input: UpdateAvatarInput!\\n) {\\n  updateAvatar(input: $input) {\\n    id\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"cf72a6314772ed0d1f182b197c858505\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAoBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,CACN;QACE,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,OAAO;QACf,cAAc,EAAE;MAClB,CAAC,CACF;MACD,cAAc,EAAE,MAAM;MACtB,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,cAAc;MACtB,QAAQ,EAAE,KAAK;MACf,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE;MAChB,CAAC,EACD;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE;MAChB,CAAC,CACF;MACD,YAAY,EAAE;IAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,0CAA0C;MAClD,YAAY,EAAGC,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,0CAA0C;MAClD,YAAY,EAAGC,EAAE;IACnB,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,0CAA0C;MAClD,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHF,IAAI,CAASG,IAAI,GAAG,kCAAkC;AAEvD,eAAeH,IAAI"}

package/dist/esm/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<ec4b4e1ed587446653668ef66ead329a>>
+ * @generated SignedSource<<26e40d9447fce4f5b8a56a5ff2f1fc8e>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -47,7 +47,6 @@ const node = function () {
         "name": "updateProfile",
         "plural": false,
         "selections": [v2 /*: any*/, v3 /*: any*/],
-
         "storageKey": null
       }],
       "type": "Mutation",

package/dist/esm/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModalMutation.graphql.js","names":["node","v0","v1","v2","v3","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<ec4b4e1ed587446653668ef66ead329a>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdateProfileInput = {\n  firstName?: string | null;\n  lastName?: string | null;\n};\nexport type ProfileUpdateNameModalMutation$variables = {\n  input: UpdateProfileInput;\n};\nexport type ProfileUpdateNameModalMutation$data = {\n  readonly updateProfile: {\n    readonly firstName: string | null;\n    readonly lastName: string | null;\n  };\n};\nexport type ProfileUpdateNameModalMutation = {\n  response: ProfileUpdateNameModalMutation$data;\n  variables: ProfileUpdateNameModalMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"kind\": \"Variable\",\n    \"name\": \"input\",\n    \"variableName\": \"input\"\n  }\n],\nv2 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"firstName\",\n  \"storageKey\": null\n},\nv3 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"lastName\",\n  \"storageKey\": null\n};\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/)\n        ],\n        \"storageKey\": null\n      }\n    ],\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/),\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"f70f0aaabf917dc446c3a71cf7b4f25f\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdateNameModalMutation(\\n  $input: UpdateProfileInput!\\n) {\\n  updateProfile(input: $input) {\\n    firstName\\n    lastName\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"7264a05b6738d5417df9f1dc462486aa\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAqBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,MAAM,EAAE,UAAU;MAClB,MAAM,EAAE,OAAO;MACf,cAAc,EAAE;IAClB,CAAC,CACF;IACDC,EAAE,GAAG;MACH,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC;IACDC,EAAE,GAAG;MACH,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGH,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,gCAAgC;MACxC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,YACFC,EAAE,WACJ;;QACD,YAAY,EAAE;MAChB,CAAC,CACF;MACD,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGH,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,gCAAgC;MACxC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,YACFC,EAAE,YACH;UACE,OAAO,EAAE,IAAI;UACb,MAAM,EAAE,IAAI;UACZ,MAAM,EAAE,aAAa;UACrB,MAAM,EAAE,IAAI;UACZ,YAAY,EAAE;QAChB,CAAC,CACF;QACD,YAAY,EAAE;MAChB,CAAC;IAEL,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,gCAAgC;MACxC,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHJ,IAAI,CAASK,IAAI,GAAG,kCAAkC;AAEvD,eAAeL,IAAI"}
+{"version":3,"file":"ProfileUpdateNameModalMutation.graphql.js","names":["node","v0","v1","v2","v3","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<26e40d9447fce4f5b8a56a5ff2f1fc8e>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdateProfileInput = {\n  firstName?: string | null | undefined;\n  lastName?: string | null | undefined;\n};\nexport type ProfileUpdateNameModalMutation$variables = {\n  input: UpdateProfileInput;\n};\nexport type ProfileUpdateNameModalMutation$data = {\n  readonly updateProfile: {\n    readonly firstName: string | null | undefined;\n    readonly lastName: string | null | undefined;\n  };\n};\nexport type ProfileUpdateNameModalMutation = {\n  response: ProfileUpdateNameModalMutation$data;\n  variables: ProfileUpdateNameModalMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"kind\": \"Variable\",\n    \"name\": \"input\",\n    \"variableName\": \"input\"\n  }\n],\nv2 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"firstName\",\n  \"storageKey\": null\n},\nv3 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"lastName\",\n  \"storageKey\": null\n};\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/)\n        ],\n        \"storageKey\": null\n      }\n    ],\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/),\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"f70f0aaabf917dc446c3a71cf7b4f25f\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdateNameModalMutation(\\n  $input: UpdateProfileInput!\\n) {\\n  updateProfile(input: $input) {\\n    firstName\\n    lastName\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"7264a05b6738d5417df9f1dc462486aa\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAqBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,MAAM,EAAE,UAAU;MAClB,MAAM,EAAE,OAAO;MACf,cAAc,EAAE;IAClB,CAAC,CACF;IACDC,EAAE,GAAG;MACH,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC;IACDC,EAAE,GAAG;MACH,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGH,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,gCAAgC;MACxC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,YACFC,EAAE,WACJ;QACD,YAAY,EAAE;MAChB,CAAC,CACF;MACD,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGH,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,gCAAgC;MACxC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,YACFC,EAAE,YACH;UACE,OAAO,EAAE,IAAI;UACb,MAAM,EAAE,IAAI;UACZ,MAAM,EAAE,aAAa;UACrB,MAAM,EAAE,IAAI;UACZ,YAAY,EAAE;QAChB,CAAC,CACF;QACD,YAAY,EAAE;MAChB,CAAC;IAEL,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,gCAAgC;MACxC,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHJ,IAAI,CAASK,IAAI,GAAG,kCAAkC;AAEvD,eAAeL,IAAI"}

package/dist/esm/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.js

@@ -51,7 +51,6 @@ const node = function () {
       "name": "ProfileUpdatePasswordModalMutation",
       "selections": v1 /*: any*/
     },
-
     "params": {
       "cacheID": "64308136a7a18e3fb1ab2d16aa93add7",
       "id": null,

package/dist/esm/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModalMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<9f61f220f29facf328ddeea77698279f>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdatePasswordInput = {\n  currentPassword: string;\n  password: string;\n};\nexport type ProfileUpdatePasswordModalMutation$variables = {\n  input: UpdatePasswordInput;\n};\nexport type ProfileUpdatePasswordModalMutation$data = {\n  readonly updatePassword: {\n    readonly id: string;\n  };\n};\nexport type ProfileUpdatePasswordModalMutation = {\n  response: ProfileUpdatePasswordModalMutation$data;\n  variables: ProfileUpdatePasswordModalMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updatePassword\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"64308136a7a18e3fb1ab2d16aa93add7\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdatePasswordModalMutation(\\n  $input: UpdatePasswordInput!\\n) {\\n  updatePassword(input: $input) {\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"efa37ccbe82fbace709f7e3992643c05\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAoBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,CACN;QACE,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,OAAO;QACf,cAAc,EAAE;MAClB,CAAC,CACF;MACD,cAAc,EAAE,MAAM;MACtB,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,gBAAgB;MACxB,QAAQ,EAAE,KAAK;MACf,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE;MAChB,CAAC,CACF;MACD,YAAY,EAAE;IAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,oCAAoC;MAC5C,YAAY,EAAGC,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,oCAAoC;MAC5C,YAAY,EAAGC,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,oCAAoC;MAC5C,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHF,IAAI,CAASG,IAAI,GAAG,kCAAkC;AAEvD,eAAeH,IAAI"}
+{"version":3,"file":"ProfileUpdatePasswordModalMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<9f61f220f29facf328ddeea77698279f>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type UpdatePasswordInput = {\n  currentPassword: string;\n  password: string;\n};\nexport type ProfileUpdatePasswordModalMutation$variables = {\n  input: UpdatePasswordInput;\n};\nexport type ProfileUpdatePasswordModalMutation$data = {\n  readonly updatePassword: {\n    readonly id: string;\n  };\n};\nexport type ProfileUpdatePasswordModalMutation = {\n  response: ProfileUpdatePasswordModalMutation$data;\n  variables: ProfileUpdatePasswordModalMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updatePassword\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"64308136a7a18e3fb1ab2d16aa93add7\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdatePasswordModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdatePasswordModalMutation(\\n  $input: UpdatePasswordInput!\\n) {\\n  updatePassword(input: $input) {\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"efa37ccbe82fbace709f7e3992643c05\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAoBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,CACN;QACE,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,OAAO;QACf,cAAc,EAAE;MAClB,CAAC,CACF;MACD,cAAc,EAAE,MAAM;MACtB,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,gBAAgB;MACxB,QAAQ,EAAE,KAAK;MACf,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE;MAChB,CAAC,CACF;MACD,YAAY,EAAE;IAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,oCAAoC;MAC5C,YAAY,EAAGC,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,oCAAoC;MAC5C,YAAY,EAAGC,EAAE;IACnB,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,oCAAoC;MAC5C,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHF,IAAI,CAASG,IAAI,GAAG,kCAAkC;AAEvD,eAAeH,IAAI"}

package/dist/esm/components/profile/__generated__/ProtectedWrapperQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c1bbe3a7739ce21cdcc0dc5de42901d2>>
+ * @generated SignedSource<<0489a6f56dfca495d1c3633c9a224274>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -66,7 +66,6 @@ const node = function () {
       "name": "ProtectedWrapperQuery",
       "selections": v0 /*: any*/
     },
-
     "params": {
       "cacheID": "c77ada94a5456167ef4c0c17a1fd7cd7",
       "id": null,

package/dist/esm/components/profile/__generated__/ProtectedWrapperQuery.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProtectedWrapperQuery.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<c1bbe3a7739ce21cdcc0dc5de42901d2>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nexport type ProtectedWrapperQuery$variables = {};\nexport type ProtectedWrapperQuery$data = {\n  readonly profile: {\n    readonly avatar: string | null;\n    readonly email: string;\n    readonly firstName: string | null;\n    readonly id: string;\n    readonly lastName: string | null;\n  };\n};\nexport type ProtectedWrapperQuery = {\n  response: ProtectedWrapperQuery$data;\n  variables: ProtectedWrapperQuery$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"profile\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"email\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"firstName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"lastName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c77ada94a5456167ef4c0c17a1fd7cd7\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProtectedWrapperQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query ProtectedWrapperQuery {\\n  profile {\\n    id\\n    email\\n    firstName\\n    lastName\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"903b234e48f53b4a44dc0b4974ebc521\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAkBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,OAAO;MACf,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,OAAO;MACf,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,uBAAuB;MAC/B,eAAe,EAAE,OAAO;MACxB,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}
+{"version":3,"file":"ProtectedWrapperQuery.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<0489a6f56dfca495d1c3633c9a224274>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nexport type ProtectedWrapperQuery$variables = Record<PropertyKey, never>;\nexport type ProtectedWrapperQuery$data = {\n  readonly profile: {\n    readonly avatar: string | null | undefined;\n    readonly email: string;\n    readonly firstName: string | null | undefined;\n    readonly id: string;\n    readonly lastName: string | null | undefined;\n  };\n};\nexport type ProtectedWrapperQuery = {\n  response: ProtectedWrapperQuery$data;\n  variables: ProtectedWrapperQuery$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"profile\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"email\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"firstName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"lastName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c77ada94a5456167ef4c0c17a1fd7cd7\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProtectedWrapperQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query ProtectedWrapperQuery {\\n  profile {\\n    id\\n    email\\n    firstName\\n    lastName\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"903b234e48f53b4a44dc0b4974ebc521\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAkBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,OAAO;MACf,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,OAAO;MACf,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE;IACnB,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,uBAAuB;MAC/B,eAAe,EAAE,OAAO;MACxB,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}

package/dist/esm/components/session/SessionDrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionDrawerContent.js","names":["React","Suspense","useLazyLoadQuery","ErrorBoundary","ErrorResult","SessionList","SessionListSkeleton","SessionDrawerContentLoader","props","_SessionDrawerContentQuery","require","hash","console","error","fetchPolicy","createElement","sessionsKey","errorFallback","SessionDrawerContent","fallback"],"sources":["../../../../src/lib/components/session/SessionDrawerContent.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport graphql from 'babel-plugin-relay/macro';\nimport ErrorResult from '../shared/ErrorResult';\nimport SessionList from './SessionList';\nimport SessionListSkeleton from './SessionListSkeleton';\nimport { SessionDrawerContentQuery } from './__generated__/SessionDrawerContentQuery.graphql';\n\nconst SessionDrawerContentLoader: React.FC = () => {\n  const props = useLazyLoadQuery<SessionDrawerContentQuery>(\n    graphql`\n      query SessionDrawerContentQuery {\n        ...SessionList_sessions\n      }\n    `,\n    {},\n    { fetchPolicy: 'network-only' }\n  );\n\n  return <SessionList sessionsKey={props} />;\n};\n\nconst errorFallback = ({ error }) => <ErrorResult error={error} />;\n\nconst SessionDrawerContent: React.FC = () => (\n  <ErrorBoundary fallback={errorFallback}>\n    <Suspense fallback={<SessionListSkeleton />}>\n      <SessionDrawerContentLoader />\n    </Suspense>\n  </ErrorBoundary>\n);\n\nexport default SessionDrawerContent;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAOC,WAAW,MAAM,uBAAuB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AAGvD,MAAMC,0BAAoC,GAAGA,CAAA,KAAM;EACjD,MAAMC,KAAK,GAAGN,gBAAgB,CAAAO,0BAAA,cAAAA,0BAAA,IAAAA,0BAAA,GAAAC,OAAA,uDAAAD,0BAAA,CAAAE,IAAA,IAAAF,0BAAA,CAAAE,IAAA,2CAAAC,OAAA,CAAAC,KAAA,6JAAAJ,0BAAA,GAM5B,CAAC,CAAC,EACF;IAAEK,WAAW,EAAE;EAAe,CAChC,CAAC;EAED,oBAAOd,KAAA,CAAAe,aAAA,CAACV,WAAW;IAACW,WAAW,EAAER;EAAM,CAAE,CAAC;AAC5C,CAAC;AAED,MAAMS,aAAa,GAAGA,CAAC;EAAEJ;AAAM,CAAC,kBAAKb,KAAA,CAAAe,aAAA,CAACX,WAAW;EAACS,KAAK,EAAEA;AAAM,CAAE,CAAC;AAElE,MAAMK,oBAA8B,GAAGA,CAAA,kBACrClB,KAAA,CAAAe,aAAA,CAACZ,aAAa;EAACgB,QAAQ,EAAEF;AAAc,gBACrCjB,KAAA,CAAAe,aAAA,CAACd,QAAQ;EAACkB,QAAQ,eAAEnB,KAAA,CAAAe,aAAA,CAACT,mBAAmB,MAAE;AAAE,gBAC1CN,KAAA,CAAAe,aAAA,CAACR,0BAA0B,MAAE,CACrB,CACG,CAChB;AAED,eAAeW,oBAAoB"}
+{"version":3,"file":"SessionDrawerContent.js","names":["React","Suspense","useLazyLoadQuery","ErrorBoundary","ErrorResult","SessionList","SessionListSkeleton","SessionDrawerContentLoader","props","_SessionDrawerContentQuery","require","hash","console","error","fetchPolicy","createElement","sessionsKey","errorFallback","SessionDrawerContent","fallback"],"sources":["../../../../src/lib/components/session/SessionDrawerContent.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary, FallbackFn } from '@os-design/utils';\nimport graphql from 'babel-plugin-relay/macro';\nimport ErrorResult from '../shared/ErrorResult';\nimport SessionList from './SessionList';\nimport SessionListSkeleton from './SessionListSkeleton';\nimport { SessionDrawerContentQuery } from './__generated__/SessionDrawerContentQuery.graphql';\n\nconst SessionDrawerContentLoader: React.FC = () => {\n  const props = useLazyLoadQuery<SessionDrawerContentQuery>(\n    graphql`\n      query SessionDrawerContentQuery {\n        ...SessionList_sessions\n      }\n    `,\n    {},\n    { fetchPolicy: 'network-only' }\n  );\n\n  return <SessionList sessionsKey={props} />;\n};\n\nconst errorFallback: FallbackFn = ({ error }) => <ErrorResult error={error} />;\n\nconst SessionDrawerContent: React.FC = () => (\n  <ErrorBoundary fallback={errorFallback}>\n    <Suspense fallback={<SessionListSkeleton />}>\n      <SessionDrawerContentLoader />\n    </Suspense>\n  </ErrorBoundary>\n);\n\nexport default SessionDrawerContent;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,QAAoB,kBAAkB;AAE5D,OAAOC,WAAW,MAAM,uBAAuB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AAGvD,MAAMC,0BAAoC,GAAGA,CAAA,KAAM;EACjD,MAAMC,KAAK,GAAGN,gBAAgB,CAAAO,0BAAA,cAAAA,0BAAA,IAAAA,0BAAA,GAAAC,OAAA,uDAAAD,0BAAA,CAAAE,IAAA,IAAAF,0BAAA,CAAAE,IAAA,2CAAAC,OAAA,CAAAC,KAAA,6JAAAJ,0BAAA,GAM5B,CAAC,CAAC,EACF;IAAEK,WAAW,EAAE;EAAe,CAChC,CAAC;EAED,oBAAOd,KAAA,CAAAe,aAAA,CAACV,WAAW;IAACW,WAAW,EAAER;EAAM,CAAE,CAAC;AAC5C,CAAC;AAED,MAAMS,aAAyB,GAAGA,CAAC;EAAEJ;AAAM,CAAC,kBAAKb,KAAA,CAAAe,aAAA,CAACX,WAAW;EAACS,KAAK,EAAEA;AAAM,CAAE,CAAC;AAE9E,MAAMK,oBAA8B,GAAGA,CAAA,kBACrClB,KAAA,CAAAe,aAAA,CAACZ,aAAa;EAACgB,QAAQ,EAAEF;AAAc,gBACrCjB,KAAA,CAAAe,aAAA,CAACd,QAAQ;EAACkB,QAAQ,eAAEnB,KAAA,CAAAe,aAAA,CAACT,mBAAmB,MAAE;AAAE,gBAC1CN,KAAA,CAAAe,aAAA,CAACR,0BAA0B,MAAE,CACrB,CACG,CAChB;AAED,eAAeW,oBAAoB"}

package/dist/esm/components/session/SessionListItem.js

@@ -112,7 +112,7 @@ const nameVersionToString = (name, version) => {
   if (!name) return null;
   return `${name}${version ? ` ${version}` : ''}`;
 };
-const mergeInfo = (...args) => args.filter(item => item !== null).join(', ') || null;
+const mergeInfo = (...args) => args.filter(item => item !== null && item !== undefined).join(', ') || null;
 const SessionListItem = ({
   sessionKey,
   hideLastSeenAt