@os-team/profile 1.0.46 → 1.0.47

package/dist/cjs/components/profile/ProfileUpdateNameForm.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _formUtils = require("@os-team/form-utils");
-
 var _core = require("@os-design/core");
-
 var _reactI18next = require("react-i18next");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var ProfileUpdateNameForm = function ProfileUpdateNameForm(_ref) {
   var children = _ref.children;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var _useForm = (0, _formUtils.useForm)(),
-      formError = _useForm.formError;
-
+    formError = _useForm.formError;
   var firstName = (0, _formUtils.useFormItem)('firstName');
   var lastName = (0, _formUtils.useFormItem)('lastName');
   return /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(_core.FormItem, _extends({
@@ -40,7 +30,6 @@ var ProfileUpdateNameForm = function ProfileUpdateNameForm(_ref) {
     type: "error"
   }, formError), children);
 };
-
 var _default = ProfileUpdateNameForm;
 exports.default = _default;
 //# sourceMappingURL=ProfileUpdateNameForm.js.map

package/dist/cjs/components/profile/ProfileUpdateNameForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameForm.js","names":["ProfileUpdateNameForm","children","useTranslation","t","useForm","formError","firstName","useFormItem","lastName"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, Input } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdateNameForm: React.FC<ProfileUpdateNameFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation('profile');\n  const { formError } = useForm();\n\n  const firstName = useFormItem('firstName');\n  const lastName = useFormItem('lastName');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updateNameModal.firstName.label')}\n        {...firstName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.firstName.placeholder')}\n          {...firstName[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updateNameModal.lastName.label')}\n        {...lastName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.lastName.placeholder')}\n          {...lastName[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdateNameForm;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAWA,IAAMA,qBAA2D,GAAG,SAA9DA,qBAA8D,OAE9D;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EACA,eAAsB,IAAAC,kBAAA,GAAtB;EAAA,IAAQC,SAAR,YAAQA,SAAR;;EAEA,IAAMC,SAAS,GAAG,IAAAC,sBAAA,EAAY,WAAZ,CAAlB;EACA,IAAMC,QAAQ,GAAG,IAAAD,sBAAA,EAAY,UAAZ,CAAjB;EAEA,oBACE,6BAAC,UAAD,qBACE,6BAAC,cAAD;IACE,KAAK,EAAEJ,CAAC,CAAC,yCAAD;EADV,GAEMG,SAAS,CAAC,CAAD,CAFf,gBAIE,6BAAC,WAAD;IACE,WAAW,EAAEH,CAAC,CAAC,+CAAD;EADhB,GAEMG,SAAS,CAAC,CAAD,CAFf,EAJF,CADF,eAWE,6BAAC,cAAD;IACE,KAAK,EAAEH,CAAC,CAAC,wCAAD;EADV,GAEMK,QAAQ,CAAC,CAAD,CAFd,gBAIE,6BAAC,WAAD;IACE,WAAW,EAAEL,CAAC,CAAC,8CAAD;EADhB,GAEMK,QAAQ,CAAC,CAAD,CAFd,EAJF,CAXF,EAqBGH,SAAS,iBAAI,6BAAC,WAAD;IAAO,IAAI,EAAC;EAAZ,GAAqBA,SAArB,CArBhB,EAuBGJ,QAvBH,CADF;AA2BD,CApCD;;eAsCeD,qB"}
+{"version":3,"file":"ProfileUpdateNameForm.js","names":["ProfileUpdateNameForm","children","useTranslation","t","useForm","formError","firstName","useFormItem","lastName"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, Input } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdateNameForm: React.FC<ProfileUpdateNameFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { formError } = useForm();\n\n  const firstName = useFormItem('firstName');\n  const lastName = useFormItem('lastName');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updateNameModal.firstName.label')}\n        {...firstName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.firstName.placeholder')}\n          {...firstName[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updateNameModal.lastName.label')}\n        {...lastName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.lastName.placeholder')}\n          {...lastName[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdateNameForm;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+C;AAAA;AAW/C,IAAMA,qBAA2D,GAAG,SAA9DA,qBAA2D,OAE3D;EAAA,IADJC,QAAQ,QAARA,QAAQ;EAER,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,eAAsB,IAAAC,kBAAO,GAAE;IAAvBC,SAAS,YAATA,SAAS;EAEjB,IAAMC,SAAS,GAAG,IAAAC,sBAAW,EAAC,WAAW,CAAC;EAC1C,IAAMC,QAAQ,GAAG,IAAAD,sBAAW,EAAC,UAAU,CAAC;EAExC,oBACE,6BAAC,UAAI,qBACH,6BAAC,cAAQ;IACP,KAAK,EAAEJ,CAAC,CAAC,yCAAyC;EAAE,GAChDG,SAAS,CAAC,CAAC,CAAC,gBAEhB,6BAAC,WAAK;IACJ,WAAW,EAAEH,CAAC,CAAC,+CAA+C;EAAE,GAC5DG,SAAS,CAAC,CAAC,CAAC,EAChB,CACO,eAEX,6BAAC,cAAQ;IACP,KAAK,EAAEH,CAAC,CAAC,wCAAwC;EAAE,GAC/CK,QAAQ,CAAC,CAAC,CAAC,gBAEf,6BAAC,WAAK;IACJ,WAAW,EAAEL,CAAC,CAAC,8CAA8C;EAAE,GAC3DK,QAAQ,CAAC,CAAC,CAAC,EACf,CACO,EAEVH,SAAS,iBAAI,6BAAC,WAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,SAAS,CAAS,EAEpDJ,QAAQ,CACJ;AAEX,CAAC;AAAC,eAEaD,qBAAqB;AAAA"}

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

@@ -1,81 +1,56 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _reactI18next = require("react-i18next");
-
 var _formUtils = require("@os-team/form-utils");
-
 var _hooks = require("react-relay/hooks");
-
 var _ProfileUpdateNameForm = _interopRequireDefault(require("./ProfileUpdateNameForm"));
-
 var _ProfileContext = require("./ProfileContext");
-
 var _ProfileUpdateNameModalMutation;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
   var visibility = _ref.visibility,
-      onClose = _ref.onClose;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+    onClose = _ref.onClose;
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var _useProfile = (0, _ProfileContext.useProfile)(),
-      firstName = _useProfile.firstName,
-      lastName = _useProfile.lastName;
-
+    firstName = _useProfile.firstName,
+    lastName = _useProfile.lastName;
   var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      fieldErrors = _useState2[0],
-      setFieldErrors = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    fieldErrors = _useState2[0],
+    setFieldErrors = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      formError = _useState4[0],
-      setFormError = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    formError = _useState4[0],
+    setFormError = _useState4[1];
   var _useState5 = (0, _react.useState)({
-    firstName: firstName || '',
-    lastName: lastName || ''
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      data = _useState6[0],
-      setData = _useState6[1];
-
+      firstName: firstName || '',
+      lastName: lastName || ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
   var _useMutation = (0, _hooks.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)),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      commit = _useMutation2[0],
-      loading = _useMutation2[1]; // Reset the data if the modal is visible
-
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    commit = _useMutation2[0],
+    loading = _useMutation2[1];
 
+  // Reset the data if the modal is visible
   (0, _react.useEffect)(function () {
     if (visibility) {
       setData({
@@ -98,9 +73,7 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
       onCompleted: function onCompleted() {
         setFieldErrors({});
         setFormError(undefined);
-
         _core.message.success(t('profile:updated'));
-
         onClose();
       }
     });
@@ -126,7 +99,6 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
     value: formContext
   }, /*#__PURE__*/_react.default.createElement(_ProfileUpdateNameForm.default, null)));
 };
-
 var _default = ProfileUpdateNameModal;
 exports.default = _default;
 //# sourceMappingURL=ProfileUpdateNameModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModal.js","names":["ProfileUpdateNameModal","visibility","onClose","useTranslation","t","useProfile","firstName","lastName","useState","fieldErrors","setFieldErrors","formError","setFormError","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport ProfileUpdateNameForm, {\n  ProfileUpdateNameFormData,\n} from './ProfileUpdateNameForm';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\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 [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdateNameFormData>({\n    firstName: firstName || '',\n    lastName: lastName || '',\n  });\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) {\n      setData({\n        firstName: firstName || '',\n        lastName: lastName || '',\n      });\n    }\n  }, [firstName, lastName, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\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      <FormContext.Provider value={formContext}>\n        <ProfileUpdateNameForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAGA;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,sBAA6D,GAAG,SAAhEA,sBAAgE,OAGhE;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,OACI,QADJA,OACI;;EACJ,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EACA,kBAAgC,IAAAC,0BAAA,GAAhC;EAAA,IAAQC,SAAR,eAAQA,SAAR;EAAA,IAAmBC,QAAnB,eAAmBA,QAAnB;;EAEA,gBAAsC,IAAAC,eAAA,EACpC,EADoC,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EAGA,iBAAkC,IAAAF,eAAA,GAAlC;EAAA;EAAA,IAAOG,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAwB,IAAAJ,eAAA,EAAoC;IAC1DF,SAAS,EAAEA,SAAS,IAAI,EADkC;IAE1DC,QAAQ,EAAEA,QAAQ,IAAI;EAFoC,CAApC,CAAxB;EAAA;EAAA,IAAOM,IAAP;EAAA,IAAaC,OAAb;;EAKA,mBAA0B,IAAAC,kBAAA,8fAA1B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,OAAf,oBAbI,CAsBJ;;;EACA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIjB,UAAJ,EAAgB;MACda,OAAO,CAAC;QACNR,SAAS,EAAEA,SAAS,IAAI,EADlB;QAENC,QAAQ,EAAEA,QAAQ,IAAI;MAFhB,CAAD,CAAP;IAID;EACF,CAPD,EAOG,CAACD,SAAD,EAAYC,QAAZ,EAAsBN,UAAtB,CAPH;EASA,IAAMkB,QAAQ,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MADE,CADN;MAILU,OAAO,EAAE,iBAACC,KAAD,EAAW;QAClB,IAAAC,2BAAA,EAAiBD,KAAjB,EAAwB;UAAEd,cAAc,EAAdA,cAAF;UAAkBE,YAAY,EAAZA;QAAlB,CAAxB;MACD,CANI;MAOLc,WAAW,EAAE,uBAAM;QACjBhB,cAAc,CAAC,EAAD,CAAd;QACAE,YAAY,CAACe,SAAD,CAAZ;;QACAC,aAAA,CAAQC,OAAR,CAAgBzB,CAAC,CAAC,iBAAD,CAAjB;;QACAF,OAAO;MACR;IAZI,CAAD,CAAN;EAcD,CAfgB,EAed,CAACc,MAAD,EAASH,IAAT,EAAeX,OAAf,EAAwBE,CAAxB,CAfc,CAAjB;EAiBA,IAAM0B,WAAW,GAAG,IAAAC,cAAA,EAClB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IADK;MAELC,OAAO,EAAPA,OAFK;MAGLL,WAAW,EAAXA,WAHK;MAILC,cAAc,EAAdA,cAJK;MAKLC,SAAS,EAATA,SALK;MAMLC,YAAY,EAAZA;IANK,CAAP;EAAA,CADkB,EASlB,CAACC,IAAD,EAAOJ,WAAP,EAAoBE,SAApB,CATkB,CAApB;EAYA,oBACE,6BAAC,WAAD;IACE,KAAK,EAAEP,CAAC,CAAC,+BAAD,CADV;IAEE,OAAO,EAAEH,UAFX;IAGE,MAAM,EAAEG,CAAC,CAAC,gBAAD,CAHX;IAIE,SAAS,EAAEa,OAJb;IAKE,IAAI,EAAEE,QALR;IAME,OAAO,EAAEjB;EANX,gBAQE,6BAAC,sBAAD,CAAa,QAAb;IAAsB,KAAK,EAAE4B;EAA7B,gBACE,6BAAC,8BAAD,OADF,CARF,CADF;AAcD,CA9ED;;eAgFe9B,sB"}
+{"version":3,"file":"ProfileUpdateNameModal.js","names":["ProfileUpdateNameModal","visibility","onClose","useTranslation","t","useProfile","firstName","lastName","useState","fieldErrors","setFieldErrors","formError","setFormError","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport ProfileUpdateNameForm, {\n  ProfileUpdateNameFormData,\n} from './ProfileUpdateNameForm';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\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 [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdateNameFormData>({\n    firstName: firstName || '',\n    lastName: lastName || '',\n  });\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) {\n      setData({\n        firstName: firstName || '',\n        lastName: lastName || '',\n      });\n    }\n  }, [firstName, lastName, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\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      <FormContext.Provider value={formContext}>\n        <ProfileUpdateNameForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9C,IAAMA,sBAA6D,GAAG,SAAhEA,sBAA6D,OAG7D;EAAA,IAFJC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,kBAAgC,IAAAC,0BAAU,GAAE;IAApCC,SAAS,eAATA,SAAS;IAAEC,QAAQ,eAARA,QAAQ;EAE3B,gBAAsC,IAAAC,eAAQ,EAC5C,CAAC,CAAC,CACH;IAAA;IAFMC,WAAW;IAAEC,cAAc;EAGlC,iBAAkC,IAAAF,eAAQ,GAAsB;IAAA;IAAzDG,SAAS;IAAEC,YAAY;EAC9B,iBAAwB,IAAAJ,eAAQ,EAA4B;MAC1DF,SAAS,EAAEA,SAAS,IAAI,EAAE;MAC1BC,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAC,CAAC;IAAA;IAHKM,IAAI;IAAEC,OAAO;EAKpB,mBAA0B,IAAAC,kBAAW,8fAOnC;IAAA;IAPKC,MAAM;IAAEC,OAAO;;EAStB;EACA,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIjB,UAAU,EAAE;MACda,OAAO,CAAC;QACNR,SAAS,EAAEA,SAAS,IAAI,EAAE;QAC1BC,QAAQ,EAAEA,QAAQ,IAAI;MACxB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACD,SAAS,EAAEC,QAAQ,EAAEN,UAAU,CAAC,CAAC;EAErC,IAAMkB,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MACT,CAAC;MACDU,OAAO,EAAE,iBAACC,KAAK,EAAK;QAClB,IAAAC,2BAAgB,EAACD,KAAK,EAAE;UAAEd,cAAc,EAAdA,cAAc;UAAEE,YAAY,EAAZA;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDc,WAAW,EAAE,uBAAM;QACjBhB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACe,SAAS,CAAC;QACvBC,aAAO,CAACC,OAAO,CAACzB,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACrCF,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACc,MAAM,EAAEH,IAAI,EAAEX,OAAO,EAAEE,CAAC,CAAC,CAAC;EAE9B,IAAM0B,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA,OAAO;MACPL,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdC,SAAS,EAATA,SAAS;MACTC,YAAY,EAAZA;IACF,CAAC;EAAA,CAAC,EACF,CAACC,IAAI,EAAEJ,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,6BAAC,WAAK;IACJ,KAAK,EAAEP,CAAC,CAAC,+BAA+B,CAAE;IAC1C,OAAO,EAAEH,UAAW;IACpB,MAAM,EAAEG,CAAC,CAAC,gBAAgB,CAAE;IAC5B,SAAS,EAAEa,OAAQ;IACnB,IAAI,EAAEE,QAAS;IACf,OAAO,EAAEjB;EAAQ,gBAEjB,6BAAC,sBAAW,CAAC,QAAQ;IAAC,KAAK,EAAE4B;EAAY,gBACvC,6BAAC,8BAAqB,OAAG,CACJ,CACjB;AAEZ,CAAC;AAAC,eAEa9B,sBAAsB;AAAA"}

package/dist/cjs/components/profile/ProfileUpdatePasswordForm.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _formUtils = require("@os-team/form-utils");
-
 var _core = require("@os-design/core");
-
 var _reactI18next = require("react-i18next");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var ProfileUpdatePasswordForm = function ProfileUpdatePasswordForm(_ref) {
   var children = _ref.children;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var _useForm = (0, _formUtils.useForm)(),
-      formError = _useForm.formError;
-
+    formError = _useForm.formError;
   var currentPassword = (0, _formUtils.useFormItem)('currentPassword');
   var password = (0, _formUtils.useFormItem)('password');
   return /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(_core.FormItem, _extends({
@@ -44,7 +34,6 @@ var ProfileUpdatePasswordForm = function ProfileUpdatePasswordForm(_ref) {
     type: "error"
   }, formError), children);
 };
-
 var _default = ProfileUpdatePasswordForm;
 exports.default = _default;
 //# sourceMappingURL=ProfileUpdatePasswordForm.js.map

package/dist/cjs/components/profile/ProfileUpdatePasswordForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordForm.js","names":["ProfileUpdatePasswordForm","children","useTranslation","t","useForm","formError","currentPassword","useFormItem","password","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, InputPassword } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdatePasswordForm: React.FC<ProfileUpdatePasswordFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation('profile');\n  const { formError } = useForm();\n\n  const currentPassword = useFormItem('currentPassword');\n  const password = useFormItem('password');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updatePasswordModal.currentPassword.label')}\n        {...currentPassword[0]}\n      >\n        <InputPassword\n          placeholder={t(\n            'profile:updatePasswordModal.currentPassword.placeholder'\n          )}\n          {...currentPassword[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updatePasswordModal.newPassword.label')}\n        {...password[0]}\n      >\n        <InputPassword\n          placeholder={t('profile:updatePasswordModal.newPassword.placeholder')}\n          showStrengthMeter\n          strengthNames={t(\n            'profile:updatePasswordModal.passwordStrengthNames',\n            {\n              returnObjects: true,\n            }\n          )}\n          {...password[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdatePasswordForm;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAWA,IAAMA,yBAAmE,GAAG,SAAtEA,yBAAsE,OAEtE;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EACA,eAAsB,IAAAC,kBAAA,GAAtB;EAAA,IAAQC,SAAR,YAAQA,SAAR;;EAEA,IAAMC,eAAe,GAAG,IAAAC,sBAAA,EAAY,iBAAZ,CAAxB;EACA,IAAMC,QAAQ,GAAG,IAAAD,sBAAA,EAAY,UAAZ,CAAjB;EAEA,oBACE,6BAAC,UAAD,qBACE,6BAAC,cAAD;IACE,KAAK,EAAEJ,CAAC,CAAC,mDAAD;EADV,GAEMG,eAAe,CAAC,CAAD,CAFrB,gBAIE,6BAAC,mBAAD;IACE,WAAW,EAAEH,CAAC,CACZ,yDADY;EADhB,GAIMG,eAAe,CAAC,CAAD,CAJrB,EAJF,CADF,eAaE,6BAAC,cAAD;IACE,KAAK,EAAEH,CAAC,CAAC,+CAAD;EADV,GAEMK,QAAQ,CAAC,CAAD,CAFd,gBAIE,6BAAC,mBAAD;IACE,WAAW,EAAEL,CAAC,CAAC,qDAAD,CADhB;IAEE,iBAAiB,MAFnB;IAGE,aAAa,EAAEA,CAAC,CACd,mDADc,EAEd;MACEM,aAAa,EAAE;IADjB,CAFc;EAHlB,GASMD,QAAQ,CAAC,CAAD,CATd,EAJF,CAbF,EA8BGH,SAAS,iBAAI,6BAAC,WAAD;IAAO,IAAI,EAAC;EAAZ,GAAqBA,SAArB,CA9BhB,EAgCGJ,QAhCH,CADF;AAoCD,CA7CD;;eA+CeD,yB"}
+{"version":3,"file":"ProfileUpdatePasswordForm.js","names":["ProfileUpdatePasswordForm","children","useTranslation","t","useForm","formError","currentPassword","useFormItem","password","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, InputPassword } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdatePasswordForm: React.FC<ProfileUpdatePasswordFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { formError } = useForm();\n\n  const currentPassword = useFormItem('currentPassword');\n  const password = useFormItem('password');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updatePasswordModal.currentPassword.label')}\n        {...currentPassword[0]}\n      >\n        <InputPassword\n          placeholder={t(\n            'profile:updatePasswordModal.currentPassword.placeholder'\n          )}\n          {...currentPassword[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updatePasswordModal.newPassword.label')}\n        {...password[0]}\n      >\n        <InputPassword\n          placeholder={t('profile:updatePasswordModal.newPassword.placeholder')}\n          showStrengthMeter\n          strengthNames={t(\n            'profile:updatePasswordModal.passwordStrengthNames',\n            {\n              returnObjects: true,\n            }\n          )}\n          {...password[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdatePasswordForm;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+C;AAAA;AAW/C,IAAMA,yBAAmE,GAAG,SAAtEA,yBAAmE,OAEnE;EAAA,IADJC,QAAQ,QAARA,QAAQ;EAER,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,eAAsB,IAAAC,kBAAO,GAAE;IAAvBC,SAAS,YAATA,SAAS;EAEjB,IAAMC,eAAe,GAAG,IAAAC,sBAAW,EAAC,iBAAiB,CAAC;EACtD,IAAMC,QAAQ,GAAG,IAAAD,sBAAW,EAAC,UAAU,CAAC;EAExC,oBACE,6BAAC,UAAI,qBACH,6BAAC,cAAQ;IACP,KAAK,EAAEJ,CAAC,CAAC,mDAAmD;EAAE,GAC1DG,eAAe,CAAC,CAAC,CAAC,gBAEtB,6BAAC,mBAAa;IACZ,WAAW,EAAEH,CAAC,CACZ,yDAAyD;EACzD,GACEG,eAAe,CAAC,CAAC,CAAC,EACtB,CACO,eAEX,6BAAC,cAAQ;IACP,KAAK,EAAEH,CAAC,CAAC,+CAA+C;EAAE,GACtDK,QAAQ,CAAC,CAAC,CAAC,gBAEf,6BAAC,mBAAa;IACZ,WAAW,EAAEL,CAAC,CAAC,qDAAqD,CAAE;IACtE,iBAAiB;IACjB,aAAa,EAAEA,CAAC,CACd,mDAAmD,EACnD;MACEM,aAAa,EAAE;IACjB,CAAC;EACD,GACED,QAAQ,CAAC,CAAC,CAAC,EACf,CACO,EAEVH,SAAS,iBAAI,6BAAC,WAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,SAAS,CAAS,EAEpDJ,QAAQ,CACJ;AAEX,CAAC;AAAC,eAEaD,yBAAyB;AAAA"}

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

@@ -1,75 +1,52 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _hooks = require("react-relay/hooks");
-
 var _reactI18next = require("react-i18next");
-
 var _formUtils = require("@os-team/form-utils");
-
 var _ProfileUpdatePasswordForm = _interopRequireDefault(require("./ProfileUpdatePasswordForm"));
-
 var _ProfileUpdatePasswordModalMutation;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
   var visibility = _ref.visibility,
-      onClose = _ref.onClose;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+    onClose = _ref.onClose;
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      fieldErrors = _useState2[0],
-      setFieldErrors = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    fieldErrors = _useState2[0],
+    setFieldErrors = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      formError = _useState4[0],
-      setFormError = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    formError = _useState4[0],
+    setFormError = _useState4[1];
   var _useState5 = (0, _react.useState)({
-    currentPassword: '',
-    password: ''
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      data = _useState6[0],
-      setData = _useState6[1];
-
+      currentPassword: '',
+      password: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
   var _useMutation = (0, _hooks.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)),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      commit = _useMutation2[0],
-      loading = _useMutation2[1]; // Reset the data if the modal is visible
-
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    commit = _useMutation2[0],
+    loading = _useMutation2[1];
 
+  // Reset the data if the modal is visible
   (0, _react.useEffect)(function () {
     if (visibility) {
       setData({
@@ -92,9 +69,7 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
       onCompleted: function onCompleted() {
         setFieldErrors({});
         setFormError(undefined);
-
         _core.message.success(t('profile:updatePasswordModal.success'));
-
         onClose();
       }
     });
@@ -120,7 +95,6 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
     value: formContext
   }, /*#__PURE__*/_react.default.createElement(_ProfileUpdatePasswordForm.default, null)));
 };
-
 var _default = ProfileUpdatePasswordModal;
 exports.default = _default;
 //# sourceMappingURL=ProfileUpdatePasswordModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["ProfileUpdatePasswordModal","visibility","onClose","useTranslation","t","useState","fieldErrors","setFieldErrors","formError","setFormError","currentPassword","password","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport ProfileUpdatePasswordForm, {\n  ProfileUpdatePasswordFormData,\n} from './ProfileUpdatePasswordForm';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\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 [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        currentPassword: '',\n        password: '',\n      });\n    }\n  }, [visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\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      <FormContext.Provider value={formContext}>\n        <ProfileUpdatePasswordForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAwE,OAGxE;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,OACI,QADJA,OACI;;EACJ,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EAEA,gBAAsC,IAAAC,eAAA,EACpC,EADoC,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EAGA,iBAAkC,IAAAF,eAAA,GAAlC;EAAA;EAAA,IAAOG,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAwB,IAAAJ,eAAA,EAAwC;IAC9DK,eAAe,EAAE,EAD6C;IAE9DC,QAAQ,EAAE;EAFoD,CAAxC,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAKA,mBACE,IAAAC,kBAAA,8hBADF;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,OAAf,oBAZI,CAuBJ;;;EACA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIhB,UAAJ,EAAgB;MACdY,OAAO,CAAC;QACNH,eAAe,EAAE,EADX;QAENC,QAAQ,EAAE;MAFJ,CAAD,CAAP;IAID;EACF,CAPD,EAOG,CAACV,UAAD,CAPH;EASA,IAAMiB,QAAQ,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MADE,CADN;MAILU,OAAO,EAAE,iBAACC,KAAD,EAAW;QAClB,IAAAC,2BAAA,EAAiBD,KAAjB,EAAwB;UAAEhB,cAAc,EAAdA,cAAF;UAAkBE,YAAY,EAAZA;QAAlB,CAAxB;MACD,CANI;MAOLgB,WAAW,EAAE,uBAAM;QACjBlB,cAAc,CAAC,EAAD,CAAd;QACAE,YAAY,CAACiB,SAAD,CAAZ;;QACAC,aAAA,CAAQC,OAAR,CAAgBxB,CAAC,CAAC,qCAAD,CAAjB;;QACAF,OAAO;MACR;IAZI,CAAD,CAAN;EAcD,CAfgB,EAed,CAACa,MAAD,EAASH,IAAT,EAAeV,OAAf,EAAwBE,CAAxB,CAfc,CAAjB;EAiBA,IAAMyB,WAAW,GAAG,IAAAC,cAAA,EAClB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IADK;MAELC,OAAO,EAAPA,OAFK;MAGLP,WAAW,EAAXA,WAHK;MAILC,cAAc,EAAdA,cAJK;MAKLC,SAAS,EAATA,SALK;MAMLC,YAAY,EAAZA;IANK,CAAP;EAAA,CADkB,EASlB,CAACG,IAAD,EAAON,WAAP,EAAoBE,SAApB,CATkB,CAApB;EAYA,oBACE,6BAAC,WAAD;IACE,KAAK,EAAEJ,CAAC,CAAC,mCAAD,CADV;IAEE,OAAO,EAAEH,UAFX;IAGE,MAAM,EAAEG,CAAC,CAAC,oCAAD,CAHX;IAIE,SAAS,EAAEY,OAJb;IAKE,IAAI,EAAEE,QALR;IAME,OAAO,EAAEhB;EANX,gBAQE,6BAAC,sBAAD,CAAa,QAAb;IAAsB,KAAK,EAAE2B;EAA7B,gBACE,6BAAC,kCAAD,OADF,CARF,CADF;AAcD,CA/ED;;eAiFe7B,0B"}
+{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["ProfileUpdatePasswordModal","visibility","onClose","useTranslation","t","useState","fieldErrors","setFieldErrors","formError","setFormError","currentPassword","password","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport ProfileUpdatePasswordForm, {\n  ProfileUpdatePasswordFormData,\n} from './ProfileUpdatePasswordForm';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\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 [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        currentPassword: '',\n        password: '',\n      });\n    }\n  }, [visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\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      <FormContext.Provider value={formContext}>\n        <ProfileUpdatePasswordForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrC,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAGrE;EAAA,IAFJC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EAET,gBAAsC,IAAAC,eAAQ,EAC5C,CAAC,CAAC,CACH;IAAA;IAFMC,WAAW;IAAEC,cAAc;EAGlC,iBAAkC,IAAAF,eAAQ,GAAsB;IAAA;IAAzDG,SAAS;IAAEC,YAAY;EAC9B,iBAAwB,IAAAJ,eAAQ,EAAgC;MAC9DK,eAAe,EAAE,EAAE;MACnBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAAA;IAHKC,IAAI;IAAEC,OAAO;EAKpB,mBACE,IAAAC,kBAAW,8hBAQT;IAAA;IATGC,MAAM;IAAEC,OAAO;;EAWtB;EACA,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIhB,UAAU,EAAE;MACdY,OAAO,CAAC;QACNH,eAAe,EAAE,EAAE;QACnBC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,UAAU,CAAC,CAAC;EAEhB,IAAMiB,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MACT,CAAC;MACDU,OAAO,EAAE,iBAACC,KAAK,EAAK;QAClB,IAAAC,2BAAgB,EAACD,KAAK,EAAE;UAAEhB,cAAc,EAAdA,cAAc;UAAEE,YAAY,EAAZA;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDgB,WAAW,EAAE,uBAAM;QACjBlB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACiB,SAAS,CAAC;QACvBC,aAAO,CAACC,OAAO,CAACxB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDF,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACa,MAAM,EAAEH,IAAI,EAAEV,OAAO,EAAEE,CAAC,CAAC,CAAC;EAE9B,IAAMyB,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA,OAAO;MACPP,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdC,SAAS,EAATA,SAAS;MACTC,YAAY,EAAZA;IACF,CAAC;EAAA,CAAC,EACF,CAACG,IAAI,EAAEN,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,6BAAC,WAAK;IACJ,KAAK,EAAEJ,CAAC,CAAC,mCAAmC,CAAE;IAC9C,OAAO,EAAEH,UAAW;IACpB,MAAM,EAAEG,CAAC,CAAC,oCAAoC,CAAE;IAChD,SAAS,EAAEY,OAAQ;IACnB,IAAI,EAAEE,QAAS;IACf,OAAO,EAAEhB;EAAQ,gBAEjB,6BAAC,sBAAW,CAAC,QAAQ;IAAC,KAAK,EAAE2B;EAAY,gBACvC,6BAAC,kCAAyB,OAAG,CACR,CACjB;AAEZ,CAAC;AAAC,eAEa7B,0BAA0B;AAAA"}

package/dist/cjs/components/profile/ProtectedWrapper.js

@@ -1,38 +1,25 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("react-relay/hooks");
-
 var _utils = require("@os-design/utils");
-
 var _ProfileConfigContext = _interopRequireDefault(require("./ProfileConfigContext"));
-
 var _ProfileContext = _interopRequireDefault(require("./ProfileContext"));
-
 var _ProtectedWrapperQuery;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ProtectedWrapperLoader = function ProtectedWrapperLoader(_ref) {
   var children = _ref.children;
-
   var _useLazyLoadQuery = (0, _hooks.useLazyLoadQuery)(_ProtectedWrapperQuery !== void 0 ? _ProtectedWrapperQuery : (_ProtectedWrapperQuery = require("./__generated__/ProtectedWrapperQuery.graphql"), _ProtectedWrapperQuery.hash && _ProtectedWrapperQuery.hash !== "903b234e48f53b4a44dc0b4974ebc521" && console.error("The definition of 'ProtectedWrapperQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProtectedWrapperQuery), {}, {
-    fetchPolicy: 'store-or-network'
-  }),
-      profile = _useLazyLoadQuery.profile;
-
+      fetchPolicy: 'store-or-network'
+    }),
+    profile = _useLazyLoadQuery.profile;
   var profileContext = (0, _react.useMemo)(function () {
     return {
       id: profile.id,
@@ -46,10 +33,9 @@ var ProtectedWrapperLoader = function ProtectedWrapperLoader(_ref) {
     value: profileContext
   }, children);
 };
-
 var ProtectedWrapper = function ProtectedWrapper(_ref2) {
   var bucketId = _ref2.bucketId,
-      children = _ref2.children;
+    children = _ref2.children;
   var profileConfigContext = (0, _react.useMemo)(function () {
     return {
       bucketId: bucketId
@@ -64,7 +50,6 @@ var ProtectedWrapper = function ProtectedWrapper(_ref2) {
     }
   }, /*#__PURE__*/_react.default.createElement(ProtectedWrapperLoader, null, children)));
 };
-
 var _default = ProtectedWrapper;
 exports.default = _default;
 //# sourceMappingURL=ProtectedWrapper.js.map

package/dist/cjs/components/profile/ProtectedWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProtectedWrapper.js","names":["ProtectedWrapperLoader","children","useLazyLoadQuery","fetchPolicy","profile","profileContext","useMemo","id","email","firstName","undefined","lastName","avatar","ProtectedWrapper","bucketId","profileConfigContext","window","location","href"],"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\ninterface ProtectedWrapperLoaderProps {\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapperLoader: React.FC<ProtectedWrapperLoaderProps> = ({\n  children,\n}) => {\n  const { profile } = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n\n  const profileContext = useMemo(\n    () => ({\n      id: profile.id,\n      email: profile.email,\n      firstName: profile.firstName || undefined,\n      lastName: profile.lastName || undefined,\n      avatar: profile.avatar || undefined,\n    }),\n    [\n      profile.avatar,\n      profile.email,\n      profile.firstName,\n      profile.id,\n      profile.lastName,\n    ]\n  );\n\n  return (\n    <ProfileContext.Provider value={profileContext}>\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => {\n  const profileConfigContext = useMemo(() => ({ bucketId }), [bucketId]);\n\n  return (\n    <ProfileConfigContext.Provider value={profileConfigContext}>\n      <ErrorBoundary\n        fallback={() => {\n          window.location.href = '/auth/';\n          return null;\n        }}\n      >\n        <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n      </ErrorBoundary>\n    </ProfileConfigContext.Provider>\n  );\n};\n\nexport default ProtectedWrapper;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAOA,IAAMA,sBAA6D,GAAG,SAAhEA,sBAAgE,OAEhE;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,wBAAoB,IAAAC,uBAAA,ubAYlB,EAZkB,EAalB;IAAEC,WAAW,EAAE;EAAf,CAbkB,CAApB;EAAA,IAAQC,OAAR,qBAAQA,OAAR;;EAgBA,IAAMC,cAAc,GAAG,IAAAC,cAAA,EACrB;IAAA,OAAO;MACLC,EAAE,EAAEH,OAAO,CAACG,EADP;MAELC,KAAK,EAAEJ,OAAO,CAACI,KAFV;MAGLC,SAAS,EAAEL,OAAO,CAACK,SAAR,IAAqBC,SAH3B;MAILC,QAAQ,EAAEP,OAAO,CAACO,QAAR,IAAoBD,SAJzB;MAKLE,MAAM,EAAER,OAAO,CAACQ,MAAR,IAAkBF;IALrB,CAAP;EAAA,CADqB,EAQrB,CACEN,OAAO,CAACQ,MADV,EAEER,OAAO,CAACI,KAFV,EAGEJ,OAAO,CAACK,SAHV,EAIEL,OAAO,CAACG,EAJV,EAKEH,OAAO,CAACO,QALV,CARqB,CAAvB;EAiBA,oBACE,6BAAC,uBAAD,CAAgB,QAAhB;IAAyB,KAAK,EAAEN;EAAhC,GACGJ,QADH,CADF;AAKD,CAzCD;;AAgDA,IAAMY,gBAAiD,GAAG,SAApDA,gBAAoD,QAGpD;EAAA,IAFJC,QAEI,SAFJA,QAEI;EAAA,IADJb,QACI,SADJA,QACI;EACJ,IAAMc,oBAAoB,GAAG,IAAAT,cAAA,EAAQ;IAAA,OAAO;MAAEQ,QAAQ,EAARA;IAAF,CAAP;EAAA,CAAR,EAA8B,CAACA,QAAD,CAA9B,CAA7B;EAEA,oBACE,6BAAC,6BAAD,CAAsB,QAAtB;IAA+B,KAAK,EAAEC;EAAtC,gBACE,6BAAC,oBAAD;IACE,QAAQ,EAAE,oBAAM;MACdC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuB,QAAvB;MACA,OAAO,IAAP;IACD;EAJH,gBAME,6BAAC,sBAAD,QAAyBjB,QAAzB,CANF,CADF,CADF;AAYD,CAlBD;;eAoBeY,gB"}
+{"version":3,"file":"ProtectedWrapper.js","names":["ProtectedWrapperLoader","children","useLazyLoadQuery","fetchPolicy","profile","profileContext","useMemo","id","email","firstName","undefined","lastName","avatar","ProtectedWrapper","bucketId","profileConfigContext","window","location","href"],"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\ninterface ProtectedWrapperLoaderProps {\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapperLoader: React.FC<ProtectedWrapperLoaderProps> = ({\n  children,\n}) => {\n  const { profile } = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n\n  const profileContext = useMemo(\n    () => ({\n      id: profile.id,\n      email: profile.email,\n      firstName: profile.firstName || undefined,\n      lastName: profile.lastName || undefined,\n      avatar: profile.avatar || undefined,\n    }),\n    [\n      profile.avatar,\n      profile.email,\n      profile.firstName,\n      profile.id,\n      profile.lastName,\n    ]\n  );\n\n  return (\n    <ProfileContext.Provider value={profileContext}>\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => {\n  const profileConfigContext = useMemo(() => ({ bucketId }), [bucketId]);\n\n  return (\n    <ProfileConfigContext.Provider value={profileConfigContext}>\n      <ErrorBoundary\n        fallback={() => {\n          window.location.href = '/auth/';\n          return null;\n        }}\n      >\n        <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n      </ErrorBoundary>\n    </ProfileConfigContext.Provider>\n  );\n};\n\nexport default ProtectedWrapper;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAO9C,IAAMA,sBAA6D,GAAG,SAAhEA,sBAA6D,OAE7D;EAAA,IADJC,QAAQ,QAARA,QAAQ;EAER,wBAAoB,IAAAC,uBAAgB,ubAYlC,CAAC,CAAC,EACF;MAAEC,WAAW,EAAE;IAAmB,CAAC,CACpC;IAdOC,OAAO,qBAAPA,OAAO;EAgBf,IAAMC,cAAc,GAAG,IAAAC,cAAO,EAC5B;IAAA,OAAO;MACLC,EAAE,EAAEH,OAAO,CAACG,EAAE;MACdC,KAAK,EAAEJ,OAAO,CAACI,KAAK;MACpBC,SAAS,EAAEL,OAAO,CAACK,SAAS,IAAIC,SAAS;MACzCC,QAAQ,EAAEP,OAAO,CAACO,QAAQ,IAAID,SAAS;MACvCE,MAAM,EAAER,OAAO,CAACQ,MAAM,IAAIF;IAC5B,CAAC;EAAA,CAAC,EACF,CACEN,OAAO,CAACQ,MAAM,EACdR,OAAO,CAACI,KAAK,EACbJ,OAAO,CAACK,SAAS,EACjBL,OAAO,CAACG,EAAE,EACVH,OAAO,CAACO,QAAQ,CACjB,CACF;EAED,oBACE,6BAAC,uBAAc,CAAC,QAAQ;IAAC,KAAK,EAAEN;EAAe,GAC5CJ,QAAQ,CACe;AAE9B,CAAC;AAOD,IAAMY,gBAAiD,GAAG,SAApDA,gBAAiD,QAGjD;EAAA,IAFJC,QAAQ,SAARA,QAAQ;IACRb,QAAQ,SAARA,QAAQ;EAER,IAAMc,oBAAoB,GAAG,IAAAT,cAAO,EAAC;IAAA,OAAO;MAAEQ,QAAQ,EAARA;IAAS,CAAC;EAAA,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEtE,oBACE,6BAAC,6BAAoB,CAAC,QAAQ;IAAC,KAAK,EAAEC;EAAqB,gBACzD,6BAAC,oBAAa;IACZ,QAAQ,EAAE,oBAAM;MACdC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,QAAQ;MAC/B,OAAO,IAAI;IACb;EAAE,gBAEF,6BAAC,sBAAsB,QAAEjB,QAAQ,CAA0B,CAC7C,CACc;AAEpC,CAAC;AAAC,eAEaY,gBAAgB;AAAA"}

package/dist/cjs/components/profile/UserAvatar.js

@@ -1,36 +1,25 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _ProfileContext = require("./ProfileContext");
-
 var _ProfileConfigContext = require("./ProfileConfigContext");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var UserAvatar = function UserAvatar(props) {
   var _useProfile = (0, _ProfileContext.useProfile)(),
-      email = _useProfile.email,
-      firstName = _useProfile.firstName,
-      lastName = _useProfile.lastName,
-      avatar = _useProfile.avatar;
-
+    email = _useProfile.email,
+    firstName = _useProfile.firstName,
+    lastName = _useProfile.lastName,
+    avatar = _useProfile.avatar;
   var _useProfileConfig = (0, _ProfileConfigContext.useProfileConfig)(),
-      bucketId = _useProfileConfig.bucketId;
-
+    bucketId = _useProfileConfig.bucketId;
   var avatarProps = (0, _react.useMemo)(function () {
     if (firstName || lastName) return {
       firstName: firstName,
@@ -48,7 +37,6 @@ var UserAvatar = function UserAvatar(props) {
     image: image
   }, props));
 };
-
 var _default = UserAvatar;
 exports.default = _default;
 //# sourceMappingURL=UserAvatar.js.map

package/dist/cjs/components/profile/UserAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.js","names":["UserAvatar","props","useProfile","email","firstName","lastName","avatar","useProfileConfig","bucketId","avatarProps","useMemo","image","undefined"],"sources":["../../../../src/lib/components/profile/UserAvatar.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '@os-design/core';\nimport { useProfile } from './ProfileContext';\nimport { useProfileConfig } from './ProfileConfigContext';\n\nconst UserAvatar: React.FC<AvatarProps> = (props) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n  const { bucketId } = useProfileConfig();\n\n  const avatarProps = useMemo(() => {\n    if (firstName || lastName) return { firstName, lastName };\n    return { firstName: email };\n  }, [email, firstName, lastName]);\n\n  const image = useMemo(() => {\n    if (!avatar) return undefined;\n    return `https://storage.yandexcloud.net/${bucketId}/users/${avatar}`;\n  }, [avatar, bucketId]);\n\n  return <Avatar {...avatarProps} image={image} {...props} />;\n};\n\nexport default UserAvatar;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,UAAiC,GAAG,SAApCA,UAAoC,CAACC,KAAD,EAAW;EACnD,kBAA+C,IAAAC,0BAAA,GAA/C;EAAA,IAAQC,KAAR,eAAQA,KAAR;EAAA,IAAeC,SAAf,eAAeA,SAAf;EAAA,IAA0BC,QAA1B,eAA0BA,QAA1B;EAAA,IAAoCC,MAApC,eAAoCA,MAApC;;EACA,wBAAqB,IAAAC,sCAAA,GAArB;EAAA,IAAQC,QAAR,qBAAQA,QAAR;;EAEA,IAAMC,WAAW,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAChC,IAAIN,SAAS,IAAIC,QAAjB,EAA2B,OAAO;MAAED,SAAS,EAATA,SAAF;MAAaC,QAAQ,EAARA;IAAb,CAAP;IAC3B,OAAO;MAAED,SAAS,EAAED;IAAb,CAAP;EACD,CAHmB,EAGjB,CAACA,KAAD,EAAQC,SAAR,EAAmBC,QAAnB,CAHiB,CAApB;EAKA,IAAMM,KAAK,GAAG,IAAAD,cAAA,EAAQ,YAAM;IAC1B,IAAI,CAACJ,MAAL,EAAa,OAAOM,SAAP;IACb,iDAA0CJ,QAA1C,oBAA4DF,MAA5D;EACD,CAHa,EAGX,CAACA,MAAD,EAASE,QAAT,CAHW,CAAd;EAKA,oBAAO,6BAAC,YAAD,eAAYC,WAAZ;IAAyB,KAAK,EAAEE;EAAhC,GAA2CV,KAA3C,EAAP;AACD,CAfD;;eAiBeD,U"}
+{"version":3,"file":"UserAvatar.js","names":["UserAvatar","props","useProfile","email","firstName","lastName","avatar","useProfileConfig","bucketId","avatarProps","useMemo","image","undefined"],"sources":["../../../../src/lib/components/profile/UserAvatar.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '@os-design/core';\nimport { useProfile } from './ProfileContext';\nimport { useProfileConfig } from './ProfileConfigContext';\n\nconst UserAvatar: React.FC<AvatarProps> = (props) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n  const { bucketId } = useProfileConfig();\n\n  const avatarProps = useMemo(() => {\n    if (firstName || lastName) return { firstName, lastName };\n    return { firstName: email };\n  }, [email, firstName, lastName]);\n\n  const image = useMemo(() => {\n    if (!avatar) return undefined;\n    return `https://storage.yandexcloud.net/${bucketId}/users/${avatar}`;\n  }, [avatar, bucketId]);\n\n  return <Avatar {...avatarProps} image={image} {...props} />;\n};\n\nexport default UserAvatar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAE1D,IAAMA,UAAiC,GAAG,SAApCA,UAAiC,CAAIC,KAAK,EAAK;EACnD,kBAA+C,IAAAC,0BAAU,GAAE;IAAnDC,KAAK,eAALA,KAAK;IAAEC,SAAS,eAATA,SAAS;IAAEC,QAAQ,eAARA,QAAQ;IAAEC,MAAM,eAANA,MAAM;EAC1C,wBAAqB,IAAAC,sCAAgB,GAAE;IAA/BC,QAAQ,qBAARA,QAAQ;EAEhB,IAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,YAAM;IAChC,IAAIN,SAAS,IAAIC,QAAQ,EAAE,OAAO;MAAED,SAAS,EAATA,SAAS;MAAEC,QAAQ,EAARA;IAAS,CAAC;IACzD,OAAO;MAAED,SAAS,EAAED;IAAM,CAAC;EAC7B,CAAC,EAAE,CAACA,KAAK,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC;EAEhC,IAAMM,KAAK,GAAG,IAAAD,cAAO,EAAC,YAAM;IAC1B,IAAI,CAACJ,MAAM,EAAE,OAAOM,SAAS;IAC7B,iDAA0CJ,QAAQ,oBAAUF,MAAM;EACpE,CAAC,EAAE,CAACA,MAAM,EAAEE,QAAQ,CAAC,CAAC;EAEtB,oBAAO,6BAAC,YAAM,eAAKC,WAAW;IAAE,KAAK,EAAEE;EAAM,GAAKV,KAAK,EAAI;AAC7D,CAAC;AAAC,eAEaD,UAAU;AAAA"}