@os-team/profile 1.2.0 → 1.2.2

package/src/utils/createRelayEnvironment.ts

@@ -0,0 +1,22 @@
+import { Environment, RecordSource, Store } from 'relay-runtime';
+import createRelayNetwork from '@os-team/relay-network-creator';
+import upload from '@os-team/relay-network-mw-upload';
+
+let environment: Environment;
+
+const createRelayEnvironment = (): Environment => {
+  if (!environment) {
+    environment = new Environment({
+      network: createRelayNetwork({
+        url: 'http://localhost:4000/graphql',
+        middlewares: [upload],
+        timeout: 30000,
+      }),
+      store: new Store(new RecordSource()),
+    });
+  }
+
+  return environment;
+};
+
+export default createRelayEnvironment;

package/src/utils/getError.ts

@@ -0,0 +1,101 @@
+interface Constraint {
+  code: string;
+  message: string;
+}
+
+interface ErrorObject {
+  code: string;
+  message: string;
+  data?: Record<string, Constraint>;
+}
+
+const DEFAULT_CODE = 'no_code';
+const DEFAULT_MESSAGE = 'Error';
+
+const isObject = (value: unknown): value is object =>
+  typeof value === 'object' && !Array.isArray(value) && value !== null;
+
+const isData = (value: unknown): value is Record<string, Constraint> =>
+  isObject(value) &&
+  Object.values(value).every(
+    (constraint: unknown) =>
+      isObject(constraint) &&
+      'code' in constraint &&
+      typeof constraint.code === 'string' &&
+      'message' in constraint &&
+      typeof constraint.message === 'string'
+  );
+
+const getError = (error: unknown): ErrorObject => {
+  // Trying to find the message of an error
+  if (
+    !isObject(error) ||
+    !('message' in error) ||
+    typeof error.message !== 'string'
+  ) {
+    return {
+      code: DEFAULT_CODE,
+      message: DEFAULT_MESSAGE,
+    };
+  }
+
+  // Trying to find the first GraphQL error
+  if (
+    !('source' in error) ||
+    !isObject(error.source) ||
+    !('errors' in error.source) ||
+    !Array.isArray(error.source.errors) ||
+    error.source.errors.length === 0
+  ) {
+    return {
+      code: DEFAULT_CODE,
+      message: error.message,
+    };
+  }
+
+  const firstError = error.source.errors[0] as unknown;
+
+  // Trying to find the message of the GraphQL error
+  if (
+    !isObject(firstError) ||
+    !('message' in firstError) ||
+    typeof firstError.message !== 'string'
+  ) {
+    return {
+      code: DEFAULT_CODE,
+      message: error.message,
+    };
+  }
+
+  // Trying to find the code of the GraphQL message
+  if (
+    !('extensions' in firstError) ||
+    !isObject(firstError.extensions) ||
+    !('code' in firstError.extensions) ||
+    typeof firstError.extensions.code !== 'string'
+  ) {
+    return {
+      code: DEFAULT_CODE,
+      message: firstError.message,
+    };
+  }
+
+  // Trying to find the data in the GraphQL message
+  if (
+    !('data' in firstError.extensions) ||
+    !isData(firstError.extensions.data)
+  ) {
+    return {
+      code: firstError.extensions.code,
+      message: firstError.message,
+    };
+  }
+
+  return {
+    code: firstError.extensions.code,
+    message: firstError.message,
+    data: firstError.extensions.data,
+  };
+};
+
+export default getError;

package/dist/cjs/@types/emotion.d.js

@@ -1,4 +0,0 @@
-"use strict";
-
-require("@emotion/react");
-//# sourceMappingURL=emotion.d.js.map

package/dist/cjs/@types/emotion.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emotion.d.js","names":["require"],"sources":["../../../src/lib/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAAA,OAAA"}

package/dist/cjs/@types/i18next.d.js

@@ -1,4 +0,0 @@
-"use strict";
-
-require("i18next");
-//# sourceMappingURL=i18next.d.js.map

package/dist/cjs/@types/i18next.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18next.d.js","names":["require"],"sources":["../../../src/lib/@types/i18next.d.ts"],"sourcesContent":["import 'i18next';\nimport common from '../../../public/locales/en/common.json';\nimport profile from '../../../public/locales/en/profile.json';\n\ndeclare module 'i18next' {\n  interface CustomTypeOptions {\n    resources: {\n      common: typeof common;\n      profile: typeof profile;\n    };\n  }\n}\n"],"mappings":";;AAAAA,OAAA"}

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _core = require("@os-design/core");
-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); }
-const ProfileButton = props => /*#__PURE__*/_react.default.createElement(_core.Button, _extends({
-  type: "ghost",
-  wide: "always"
-}, props));
-var _default = exports.default = ProfileButton;
-//# sourceMappingURL=ProfileButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileButton.js","names":["_react","_interopRequireDefault","require","_core","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ProfileButton","props","createElement","Button","type","wide","_default","exports"],"sources":["../../../../src/lib/components/profile/ProfileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@os-design/core';\n\nconst ProfileButton: React.FC<ButtonProps> = (props) => (\n  <Button type='ghost' wide='always' {...props} />\n);\n\nexport default ProfileButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAsD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEtD,MAAMQ,aAAoC,GAAIC,KAAK,iBACjDtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,KAAA,CAAAqB,MAAM,EAAAjB,QAAA;EAACkB,IAAI,EAAC,OAAO;EAACC,IAAI,EAAC;AAAQ,GAAKJ,KAAK,CAAG,CAChD;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEae,aAAa"}

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

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProfileConfig = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ProfileConfig = /*#__PURE__*/_react.default.createContext({
-  bucketId: ''
-});
-ProfileConfig.displayName = 'ProfileConfig';
-const useProfileConfig = () => (0, _react.useContext)(ProfileConfig);
-exports.useProfileConfig = useProfileConfig;
-var _default = exports.default = ProfileConfig;
-//# sourceMappingURL=ProfileConfigContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileConfigContext.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProfileConfig","React","createContext","bucketId","displayName","useProfileConfig","useContext","exports","_default"],"sources":["../../../../src/lib/components/profile/ProfileConfigContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileConfigProps {\n  bucketId: string;\n}\n\nconst ProfileConfig = React.createContext<ProfileConfigProps>({\n  bucketId: '',\n});\n\nProfileConfig.displayName = 'ProfileConfig';\n\nexport const useProfileConfig = (): ProfileConfigProps =>\n  useContext(ProfileConfig);\n\nexport default ProfileConfig;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM1C,MAAMY,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAC5DC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEFH,aAAa,CAACI,WAAW,GAAG,eAAe;AAEpC,MAAMC,gBAAgB,GAAGA,CAAA,KAC9B,IAAAC,iBAAU,EAACN,aAAa,CAAC;AAACO,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAA,IAAAG,QAAA,GAAAD,OAAA,CAAAtB,OAAA,GAEbe,aAAa"}

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProfile = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ProfileContext = /*#__PURE__*/_react.default.createContext({
-  id: '',
-  email: ''
-});
-ProfileContext.displayName = 'ProfileContext';
-const useProfile = () => (0, _react.useContext)(ProfileContext);
-exports.useProfile = useProfile;
-var _default = exports.default = ProfileContext;
-//# sourceMappingURL=ProfileContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileContext.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProfileContext","React","createContext","id","email","displayName","useProfile","useContext","exports","_default"],"sources":["../../../../src/lib/components/profile/ProfileContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileContextProps {\n  id: string;\n  email: string;\n  firstName?: string;\n  lastName?: string;\n  avatar?: string;\n}\n\nconst ProfileContext = React.createContext<ProfileContextProps>({\n  id: '',\n  email: '',\n});\n\nProfileContext.displayName = 'ProfileContext';\n\nexport const useProfile = (): ProfileContextProps => useContext(ProfileContext);\n\nexport default ProfileContext;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAU1C,MAAMY,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAsB;EAC9DC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC,CAAC;AAEFJ,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAEtC,MAAMC,UAAU,GAAGA,CAAA,KAA2B,IAAAC,iBAAU,EAACP,cAAc,CAAC;AAACQ,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAAA,IAAAG,QAAA,GAAAD,OAAA,CAAAvB,OAAA,GAEjEe,cAAc"}

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

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@os-design/core");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _MainLoader = _interopRequireDefault(require("../shared/MainLoader"));
-var _templateObject;
-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); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const LazyProfileDrawerContent = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./ProfileDrawerContent'))));
-const StyledDrawer = (0, _styled.default)(_core.Drawer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 2em 1em;\n"])));
-const ProfileDrawer = _ref => {
-  let {
-    actions,
-    children,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(StyledDrawer, _extends({
-    placement: "right",
-    width: "15em"
-  }, rest), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(_MainLoader.default, null)
-  }, /*#__PURE__*/_react.default.createElement(LazyProfileDrawerContent, {
-    actions: actions
-  }, children)));
-};
-var _default = exports.default = ProfileDrawer;
-//# sourceMappingURL=ProfileDrawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileDrawer.js","names":["_react","_interopRequireWildcard","require","_core","_styled","_interopRequireDefault","_MainLoader","_templateObject","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","defineProperty","getOwnPropertyDescriptor","u","set","LazyProfileDrawerContent","lazy","Promise","resolve","then","StyledDrawer","styled","Drawer","ProfileDrawer","_ref","actions","children","rest","createElement","placement","width","Suspense","fallback","_default","exports"],"sources":["../../../../src/lib/components/profile/ProfileDrawer.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Drawer, DrawerProps } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { ProfileDrawerContentProps } from './ProfileDrawerContent';\nimport MainLoader from '../shared/MainLoader';\n\nconst LazyProfileDrawerContent = lazy(() => import('./ProfileDrawerContent'));\n\nexport type ProfileDrawerProps = ProfileDrawerContentProps & DrawerProps;\n\nconst StyledDrawer = styled(Drawer)`\n  display: flex;\n  flex-direction: column;\n  padding: 2em 1em;\n`;\n\nconst ProfileDrawer: React.FC<ProfileDrawerProps> = ({\n  actions,\n  children,\n  ...rest\n}) => (\n  <StyledDrawer placement='right' width='15em' {...rest}>\n    <Suspense fallback={<MainLoader />}>\n      <LazyProfileDrawerContent actions={actions}>\n        {children}\n      </LazyProfileDrawerContent>\n    </Suspense>\n  </StyledDrawer>\n);\n\nexport default ProfileDrawer;\n"],"mappings":"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"}

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

@@ -1,167 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _core = require("@os-design/core");
-var _theming = require("@os-design/theming");
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _hooks = require("react-relay/hooks");
-var _getError = _interopRequireDefault(require("../../utils/getError"));
-var _ProfileButton = _interopRequireDefault(require("./ProfileButton"));
-var _ProfileContext = require("./ProfileContext");
-var _ProfileUpdateNameModal = _interopRequireDefault(require("./ProfileUpdateNameModal"));
-var _ProfileUpdatePasswordModal = _interopRequireDefault(require("./ProfileUpdatePasswordModal"));
-var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
-var _ProfileDrawerContentUpdateAvatarMutation, _ProfileDrawerContentSignOutMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const AvatarContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
-const UserContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 1em;\n"])));
-const FullName = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n"])), p => p.theme.sizes.large);
-const Email = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.2em;\n  text-align: center;\n"])), p => (0, _theming.clr)(p.theme.inputColorPlaceholder));
-const ActionsContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 1.5em;\n"])));
-const Footer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n"])));
-const HiddenInput = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: none;\n"])));
-const query = _ProfileDrawerContentUpdateAvatarMutation !== void 0 ? _ProfileDrawerContentUpdateAvatarMutation : (_ProfileDrawerContentUpdateAvatarMutation = require("./__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql"), _ProfileDrawerContentUpdateAvatarMutation.hash && _ProfileDrawerContentUpdateAvatarMutation.hash !== "cf72a6314772ed0d1f182b197c858505" && console.error("The definition of 'ProfileDrawerContentUpdateAvatarMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDrawerContentUpdateAvatarMutation);
-const DeleteAvatarButton = () => {
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const [commit, loading] = (0, _hooks.useMutation)(query);
-  const handler = (0, _react.useCallback)(() => {
-    commit({
-      variables: {
-        input: {
-          avatar: null
-        }
-      },
-      onError: e => _core.message.error((0, _getError.default)(e).message),
-      onCompleted: () => {
-        _core.message.success(t('profile:updated'));
-      }
-    });
-  }, [commit, t]);
-  return /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
-    loading: loading,
-    onClick: handler
-  }, t('profile:deleteAvatar'));
-};
-const UpdateAvatarButton = _ref => {
-  let {
-    hasAvatar
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const fileInputRef = (0, _react.useRef)(null);
-  const [commit, loading] = (0, _hooks.useMutation)(query);
-  const handler = (0, _react.useCallback)(e => {
-    const target = e.target;
-    if (!target) return;
-    const {
-      files
-    } = target;
-    if (!files) return;
-    const file = files[0];
-    commit({
-      variables: {
-        input: {}
-      },
-      uploadables: {
-        avatar: file
-      },
-      onError: error => _core.message.error((0, _getError.default)(error).message),
-      onCompleted: () => {
-        _core.message.success(t('profile:updated'));
-      }
-    });
-  }, [commit, t]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
-    loading: loading,
-    onClick: () => {
-      if (!fileInputRef.current) return;
-      fileInputRef.current.value = '';
-      fileInputRef.current.click();
-    }
-  }, t("profile:".concat(hasAvatar ? 'changeAvatar' : 'setAvatar'))), /*#__PURE__*/_react.default.createElement(HiddenInput, {
-    type: "file",
-    accept: "image/jpeg,image/png,image/webp",
-    onChange: handler,
-    ref: fileInputRef
-  }));
-};
-const UpdateNameButton = _ref2 => {
-  let {
-    hasName
-  } = _ref2;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const [modalVisible, setModalVisible] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
-    onClick: () => setModalVisible(true)
-  }, t("profile:".concat(hasName ? 'changeName' : 'setName'))), /*#__PURE__*/_react.default.createElement(_ProfileUpdateNameModal.default, {
-    visible: modalVisible,
-    onClose: () => setModalVisible(false)
-  }));
-};
-const ChangePasswordButton = () => {
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const [modalVisible, setModalVisible] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
-    onClick: () => setModalVisible(true)
-  }, t('profile:changePassword')), /*#__PURE__*/_react.default.createElement(_ProfileUpdatePasswordModal.default, {
-    visible: modalVisible,
-    onClose: () => setModalVisible(false)
-  }));
-};
-const SignOutButton = () => {
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const [commit, loading] = (0, _hooks.useMutation)(_ProfileDrawerContentSignOutMutation !== void 0 ? _ProfileDrawerContentSignOutMutation : (_ProfileDrawerContentSignOutMutation = require("./__generated__/ProfileDrawerContentSignOutMutation.graphql"), _ProfileDrawerContentSignOutMutation.hash && _ProfileDrawerContentSignOutMutation.hash !== "c7ca96e9e713315606b0c22d196b6f7b" && console.error("The definition of 'ProfileDrawerContentSignOutMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDrawerContentSignOutMutation));
-  const handler = (0, _react.useCallback)(() => {
-    commit({
-      variables: {},
-      onError: e => _core.message.error((0, _getError.default)(e).message),
-      onCompleted: () => {
-        window.location.href = '/auth/';
-      }
-    });
-  }, [commit]);
-  return /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
-    danger: true,
-    loading: loading,
-    onClick: handler
-  }, t('profile:signOut'));
-};
-const ProfileDrawerContent = _ref3 => {
-  let {
-    actions,
-    children
-  } = _ref3;
-  const {
-    email,
-    firstName,
-    lastName,
-    avatar
-  } = (0, _ProfileContext.useProfile)();
-  const fullName = (0, _react.useMemo)(() => [firstName, lastName].filter(i => i).join(' '), [firstName, lastName]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AvatarContainer, null, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
-    size: "10em"
-  }), /*#__PURE__*/_react.default.createElement(UserContent, null, fullName && /*#__PURE__*/_react.default.createElement(FullName, null, fullName), /*#__PURE__*/_react.default.createElement(Email, null, email))), /*#__PURE__*/_react.default.createElement(ActionsContainer, null, avatar && /*#__PURE__*/_react.default.createElement(DeleteAvatarButton, null), /*#__PURE__*/_react.default.createElement(UpdateAvatarButton, {
-    hasAvatar: !!avatar
-  }), /*#__PURE__*/_react.default.createElement(UpdateNameButton, {
-    hasName: !!fullName
-  }), /*#__PURE__*/_react.default.createElement(ChangePasswordButton, null), actions, /*#__PURE__*/_react.default.createElement(SignOutButton, null), children), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(_core.ThemeSwitcher, null)));
-};
-var _default = exports.default = ProfileDrawerContent;
-//# sourceMappingURL=ProfileDrawerContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileDrawerContent.js","names":["_styled","_interopRequireDefault","require","_core","_theming","_react","_interopRequireWildcard","_reactI18next","_hooks","_getError","_ProfileButton","_ProfileContext","_ProfileUpdateNameModal","_ProfileUpdatePasswordModal","_UserAvatar","_ProfileDrawerContentUpdateAvatarMutation","_ProfileDrawerContentSignOutMutation","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","AvatarContainer","styled","div","UserContent","FullName","p","theme","sizes","large","Email","clr","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","query","hash","console","error","DeleteAvatarButton","useTranslation","commit","loading","useMutation","handler","useCallback","variables","avatar","onError","message","getError","onCompleted","success","createElement","onClick","UpdateAvatarButton","_ref","hasAvatar","fileInputRef","useRef","target","files","file","uploadables","Fragment","current","click","concat","type","accept","onChange","ref","UpdateNameButton","_ref2","hasName","modalVisible","setModalVisible","useState","visible","onClose","ChangePasswordButton","SignOutButton","window","location","href","danger","ProfileDrawerContent","_ref3","actions","children","email","firstName","lastName","useProfile","fullName","useMemo","filter","join","size","ThemeSwitcher","_default","exports"],"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 getError from '../../utils/getError';\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: (e) => message.error(getError(e).message),\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(getError(error).message),\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: (e) => message.error(getError(e).message),\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/cjs/components/profile/ProfileNavigationItem.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _media = require("@os-design/media");
-var _core = require("@os-design/core");
-var _reactI18next = require("react-i18next");
-var _ProfileIcon = _interopRequireDefault(require("../shared/icons/ProfileIcon"));
-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); }
-const ProfileNavigationItem = _ref => {
-  let {
-    onClick = () => {},
-    ...rest
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const isMinMd = (0, _media.useIsMinWidth)('md');
-  if (isMinMd) return null;
-  return /*#__PURE__*/_react.default.createElement(_core.NavigationItem, _extends({
-    href: "#" // To make focusable
-    ,
-    icon: /*#__PURE__*/_react.default.createElement(_ProfileIcon.default, null),
-    onClick: onClick,
-    onKeyDown: e => {
-      if (e.key === 'Enter') onClick();
-    }
-  }, rest), t('profile:menu'));
-};
-var _default = exports.default = ProfileNavigationItem;
-//# sourceMappingURL=ProfileNavigationItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileNavigationItem.js","names":["_react","_interopRequireDefault","require","_media","_core","_reactI18next","_ProfileIcon","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ProfileNavigationItem","_ref","onClick","rest","t","useTranslation","isMinMd","useIsMinWidth","createElement","NavigationItem","href","icon","onKeyDown","e","_default","exports"],"sources":["../../../../src/lib/components/profile/ProfileNavigationItem.tsx"],"sourcesContent":["import React from 'react';\nimport { useIsMinWidth } from '@os-design/media';\nimport { NavigationItem, NavigationItemProps } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport ProfileIcon from '../shared/icons/ProfileIcon';\n\nexport interface ProfileNavigationItemProps\n  extends Partial<NavigationItemProps> {\n  onClick?: () => void;\n}\n\nconst ProfileNavigationItem: React.FC<ProfileNavigationItemProps> = ({\n  onClick = () => {},\n  ...rest\n}) => {\n  const { t } = useTranslation(['profile']);\n  const isMinMd = useIsMinWidth('md');\n\n  if (isMinMd) return null;\n\n  return (\n    <NavigationItem\n      href='#' // To make focusable\n      icon={<ProfileIcon />}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onClick();\n      }}\n      {...rest}\n    >\n      {t('profile:menu')}\n    </NavigationItem>\n  );\n};\n\nexport default ProfileNavigationItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAOtD,MAAMQ,qBAA2D,GAAGC,IAAA,IAG9D;EAAA,IAH+D;IACnEC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClB,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;EACzC,MAAMC,OAAO,GAAG,IAAAC,oBAAa,EAAC,IAAI,CAAC;EAEnC,IAAID,OAAO,EAAE,OAAO,IAAI;EAExB,oBACE9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,KAAA,CAAA6B,cAAc,EAAAvB,QAAA;IACbwB,IAAI,EAAC,GAAG,CAAC;IAAA;IACTC,IAAI,eAAEnC,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,YAAA,CAAAG,OAAW,MAAE,CAAE;IACtBiB,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAGC,CAAC,IAAK;MAChB,IAAIA,CAAC,CAAClB,GAAG,KAAK,OAAO,EAAEO,OAAO,CAAC,CAAC;IAClC;EAAE,GACEC,IAAI,GAEPC,CAAC,CAAC,cAAc,CACH,CAAC;AAErB,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEae,qBAAqB"}

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

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _core = require("@os-design/core");
-var _form = require("@os-design/form");
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _hooks = require("react-relay/hooks");
-var _handleFormErrors = _interopRequireDefault(require("../../utils/handleFormErrors"));
-var _FormError = _interopRequireDefault(require("../shared/FormError"));
-var _ProfileContext = require("./ProfileContext");
-var _ProfileUpdateNameModalMutation;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const ProfileUpdateNameModal = _ref => {
-  let {
-    visible,
-    onClose
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)(['profile']);
-  const {
-    firstName = '',
-    lastName = ''
-  } = (0, _ProfileContext.useProfile)();
-  const initValues = (0, _react.useMemo)(() => ({
-    firstName,
-    lastName
-  }), [firstName, lastName]);
-  const {
-    form,
-    Field
-  } = (0, _form.useForm)(initValues);
-  const [commit, loading] = (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));
-
-  // Reset the form when the modal is opened
-  (0, _react.useEffect)(() => {
-    if (visible) form.reset();
-  }, [form, visible]);
-  const onSubmit = (0, _react.useCallback)(() => {
-    commit({
-      variables: {
-        input: form.values.getAll()
-      },
-      onError: error => (0, _handleFormErrors.default)(form, error),
-      onCompleted: () => {
-        _core.message.success(t('profile:updated'));
-        onClose();
-      }
-    });
-  }, [commit, form, onClose, t]);
-  const firstNameData = (0, _react.useMemo)(() => ({
-    label: t('profile:updateNameModal.firstName.label'),
-    placeholder: t('profile:updateNameModal.firstName.placeholder')
-  }), [t]);
-  const lastNameData = (0, _react.useMemo)(() => ({
-    label: t('profile:updateNameModal.lastName.label'),
-    placeholder: t('profile:updateNameModal.lastName.placeholder')
-  }), [t]);
-  return /*#__PURE__*/_react.default.createElement(_core.Modal, {
-    title: t('profile:updateNameModal.title'),
-    visible: visible,
-    okText: t('profile:update'),
-    okLoading: loading,
-    onOk: onSubmit,
-    onClose: onClose
-  }, /*#__PURE__*/_react.default.createElement(_form.FormProvider, {
-    form: form
-  }, /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(Field, {
-    name: "firstName",
-    data: firstNameData,
-    render: (props, _ref2, data) => {
-      let {
-        error
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
-        label: data.label,
-        error: error
-      }, /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
-        placeholder: data.placeholder
-      }, props)));
-    }
-  }), /*#__PURE__*/_react.default.createElement(Field, {
-    name: "lastName",
-    data: lastNameData,
-    render: (props, _ref3, data) => {
-      let {
-        error
-      } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
-        label: data.label,
-        error: error
-      }, /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
-        placeholder: data.placeholder
-      }, props)));
-    }
-  }), /*#__PURE__*/_react.default.createElement(_FormError.default, null))));
-};
-var _default = exports.default = ProfileUpdateNameModal;
-//# sourceMappingURL=ProfileUpdateNameModal.js.map