@os-team/profile 1.2.1 → 1.2.2

package/src/lib/components/shared/icons/ProfileIcon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Icon, type IconProps } from '@os-design/icons';
+
+const ProfileIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (
+  <Icon {...props} ref={ref}>
+    <path d='M373 411c-28.5 0-51.7 23.3-51.7 52s23.2 52 51.7 52s51.7-23.3 51.7-52s-23.2-52-51.7-52zm555-251H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zM608 420c0-4.4 1-8 2.3-8h123.4c1.3 0 2.3 3.6 2.3 8v48c0 4.4-1 8-2.3 8H610.3c-1.3 0-2.3-3.6-2.3-8v-48zm-86 253h-43.9c-4.2 0-7.6-3.3-7.9-7.5c-3.8-50.5-46-90.5-97.2-90.5s-93.4 40-97.2 90.5c-.3 4.2-3.7 7.5-7.9 7.5H224a8 8 0 0 1-8-8.4c2.8-53.3 32-99.7 74.6-126.1a111.8 111.8 0 0 1-29.1-75.5c0-61.9 49.9-112 111.4-112s111.4 50.1 111.4 112c0 29.1-11 55.5-29.1 75.5c42.7 26.5 71.8 72.8 74.6 126.1c.4 4.6-3.2 8.4-7.8 8.4zm278.9-53H615.1c-3.9 0-7.1-3.6-7.1-8v-48c0-4.4 3.2-8 7.1-8h185.7c3.9 0 7.1 3.6 7.1 8v48h.1c0 4.4-3.2 8-7.1 8z' />
+  </Icon>
+));
+
+ProfileIcon.displayName = 'ProfileIcon';
+
+export default ProfileIcon;

package/src/lib/components/shared/icons/UnknownDeviceIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, type IconProps } from '@os-design/icons';
+
+const UnknownDeviceIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => (
+    <Icon {...props} ref={ref}>
+      <path d='M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9zM512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56z' />
+    </Icon>
+  )
+);
+
+UnknownDeviceIcon.displayName = 'UnknownDeviceIcon';
+
+export default UnknownDeviceIcon;

package/{dist/esm/index.js → src/lib/index.ts}

@@ -6,10 +6,10 @@ export { default as UserAvatar } from './components/profile/UserAvatar';
 export { default as UserAvatarAddon } from './components/profile/UserAvatarAddon';
 export { default as SessionDrawer } from './components/session/SessionDrawer';
 export { default as getUserFullName } from './utils/getUserFullName';
+
 export * from './components/profile/ProfileContext';
 export * from './components/profile/ProfileDrawer';
 export * from './components/profile/ProfileNavigationItem';
 export * from './components/profile/ProtectedWrapper';
 export * from './components/profile/UserAvatarAddon';
 export * from './utils/getUserFullName';
-//# sourceMappingURL=index.js.map

package/src/lib/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/src/lib/utils/getUserFullName.ts

@@ -0,0 +1,14 @@
+export interface User {
+  email: string;
+  firstName?: string | null;
+  lastName?: string | null;
+}
+
+const getUserFullName = ({ email, firstName, lastName }: User): string => {
+  const parts: string[] = [];
+  if (firstName) parts.push(firstName);
+  if (lastName) parts.push(lastName);
+  return parts.length > 0 ? parts.join(' ') : email;
+};
+
+export default getUserFullName;

package/src/lib/utils/handleFormErrors.ts

@@ -0,0 +1,16 @@
+import { type Form } from '@os-design/form';
+import getError from './getError';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleFormErrors = (form: Form<any>, error: unknown): void => {
+  const { message, data } = getError(error);
+  if (data) {
+    Object.entries(data).forEach(([key, constraint]) => {
+      form.errors.set(key, constraint.message);
+    });
+  } else {
+    form.errors.set('_error', message);
+  }
+};
+
+export default handleFormErrors;

package/src/pages/HomePage.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PageHeader, PageContent } from '@os-design/core';
+
+const HomePage: React.FC = () => (
+  <>
+    <PageHeader title='Home' />
+    <PageContent>Home</PageContent>
+  </>
+);
+
+export default HomePage;