@brcarddev/frontend-commons 1.0.2

package/src/index.css

@@ -0,0 +1,73 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital;opsz;wght@0;14..32;100..900;1;14..32;100..900&display=swap');
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import './theme.css';
+
+@theme inline {
+  --color-primary: var(--color-brand-500);
+  --color-primary-foreground: var(--color-white);
+
+  --color-background: var(--color-white);
+
+  --color-overlay: color-mix(in srgb, var(--color-black) 10%, transparent);
+
+  --color-foreground: var(--color-gray-900);
+  --color-card: var(--color-white);
+  --color-card-foreground: var(--color-gray-900);
+  --color-popover: var(--color-white);
+  --color-popover-foreground: var(--color-gray-900);
+  --color-muted: var(--color-gray-100);
+  --color-muted-foreground: var(--color-gray-700);
+  --color-accent: var(--color-gray-100);
+  --color-accent-foreground: var(--color-gray-700);
+  --color-destructive: var(--color-error-600);
+
+  --color-border: var(--color-gray-300);
+  --color-input: var(--color-gray-300);
+  --color-ring: var(--color-gray-300);
+
+  --color-sidebar: var(--color-gray-100);
+  --color-sidebar-foreground: var(--color-gray-700);
+  --color-sidebar-primary: var(--color-gray-100);
+  --color-sidebar-primary-foreground: var(--color-gray-700);
+  --color-sidebar-accent: var(--color-gray-100);
+  --color-sidebar-accent-foreground: var(--color-gray-700);
+  --color-sidebar-border: var(--color-gray-300);
+  --color-sidebar-ring: var(--color-gray-300);
+}
+
+@layer base {
+  * {
+    @apply border-gray-300 outline-gray-300/50;
+  }
+  html {
+    @apply bg-white text-gray-900;
+    font-family: 'Inter', system-ui, sans-serif;
+  }
+}
+
+@layer utilities {
+  /* Focus within state with primary ring */
+  .focus-within-primary {
+    @apply focus-within:ring-primary focus-within:ring-2 focus-within:ring-offset-2;
+  }
+
+  /* Focus visible state with primary ring */
+  .focus-visible-primary {
+    @apply focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-offset-2;
+  }
+
+  /* Glass morphism effect */
+  .bg-blur {
+    @apply bg-white/70 backdrop-blur-[5px] backdrop-saturate-[180%];
+    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.05),
+      0 4px 30px rgba(0, 0, 0, 0.2);
+  }
+
+  /* Modal shadow with proper layering */
+  .shadow-modal {
+    box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08),
+      0px 8px 8px -4px rgba(10, 13, 18, 0.03),
+      0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
+  }
+}

package/src/main.ts

@@ -0,0 +1,6 @@
+import './index.css';
+
+export * from '@/components';
+export * from '@/constants';
+export * from '@/hooks';
+export * from '@/utils';

package/src/theme.css

@@ -0,0 +1,388 @@
+@theme {
+  /* Colors */
+  --color-white: #FFFFFF;
+  --color-black: #000000;
+  --color-gray-25: #fdfdfdff;
+  --color-gray-50: #fafafaff;
+  --color-gray-100: #f5f5f5ff;
+  --color-gray-200: #e9eaebff;
+  --color-gray-300: #d5d7daff;
+  --color-gray-400: #a4a7aeff;
+  --color-gray-500: #717680ff;
+  --color-gray-600: #535862ff;
+  --color-gray-700: #414651ff;
+  --color-gray-800: #252b37ff;
+  --color-gray-900: #181d27ff;
+  --color-gray-950: #0a0d12ff;
+  --color-gray-dark-mode-25: #fafafaff;
+  --color-gray-dark-mode-50: #f7f7f7ff;
+  --color-gray-dark-mode-100: #f0f0f1ff;
+  --color-gray-dark-mode-200: #ececedff;
+  --color-gray-dark-mode-300: #cecfd2ff;
+  --color-gray-dark-mode-400: #94979cff;
+  --color-gray-dark-mode-500: #85888eff;
+  --color-gray-dark-mode-600: #61656cff;
+  --color-gray-dark-mode-700: #373a41ff;
+  --color-gray-dark-mode-800: #22262fff;
+  --color-gray-dark-mode-900: #13161bff;
+  --color-gray-dark-mode-950: #0c0e12ff;
+  --color-gray-dark-mode-alpha-25: #fffffffa;
+  --color-gray-dark-mode-alpha-50: #fffffff5;
+  --color-gray-dark-mode-alpha-100: #fffffff0;
+  --color-gray-dark-mode-alpha-200: #ffffffeb;
+  --color-gray-dark-mode-alpha-300: #ffffffcc;
+  --color-gray-dark-mode-alpha-400: #ffffff8f;
+  --color-gray-dark-mode-alpha-500: #ffffff80;
+  --color-gray-dark-mode-alpha-600: #ffffff59;
+  --color-gray-dark-mode-alpha-700: #ffffff29;
+  --color-gray-dark-mode-alpha-800: #ffffff14;
+  --color-gray-dark-mode-alpha-900: #ffffff0a;
+  --color-gray-dark-mode-alpha-950: #ffffff00;
+  --color-brand-25: #fffbfaff;
+  --color-brand-50: #fef3f2ff;
+  --color-brand-100: #fee4e2ff;
+  --color-brand-200: #fecdcaff;
+  --color-brand-300: #fda29bff;
+  --color-brand-400: #f97066ff;
+  --color-brand-500: #f04438ff;
+  --color-brand-600: #d92d20ff;
+  --color-brand-700: #b42318ff;
+  --color-brand-800: #912018ff;
+  --color-brand-900: #7a271aff;
+  --color-brand-950: #55160cff;
+  --color-error-25: #fffbfaff;
+  --color-error-50: #fef3f2ff;
+  --color-error-100: #fee4e2ff;
+  --color-error-200: #fecdcaff;
+  --color-error-300: #fda29bff;
+  --color-error-400: #f97066ff;
+  --color-error-500: #f04438ff;
+  --color-error-600: #d92d20ff;
+  --color-error-700: #b42318ff;
+  --color-error-800: #912018ff;
+  --color-error-900: #7a271aff;
+  --color-error-950: #55160cff;
+  --color-warning-25: #fffcf5ff;
+  --color-warning-50: #fffaebff;
+  --color-warning-100: #fef0c7ff;
+  --color-warning-200: #fedf89ff;
+  --color-warning-300: #fec84bff;
+  --color-warning-400: #fdb022ff;
+  --color-warning-500: #f79009ff;
+  --color-warning-600: #dc6803ff;
+  --color-warning-700: #b54708ff;
+  --color-warning-800: #93370dff;
+  --color-warning-900: #7a2e0eff;
+  --color-warning-950: #4e1d09ff;
+  --color-success-25: #f6fef9ff;
+  --color-success-50: #ecfdf3ff;
+  --color-success-100: #dcfae6ff;
+  --color-success-200: #abefc6ff;
+  --color-success-300: #75e0a7ff;
+  --color-success-400: #47cd89ff;
+  --color-success-500: #17b26aff;
+  --color-success-600: #079455ff;
+  --color-success-700: #067647ff;
+  --color-success-800: #085d3aff;
+  --color-success-900: #074d31ff;
+  --color-success-950: #053321ff;
+  --color-gray-blue-25: #fcfcfdff;
+  --color-gray-blue-50: #f8f9fcff;
+  --color-gray-blue-100: #eaecf5ff;
+  --color-gray-blue-200: #d5d9ebff;
+  --color-gray-blue-300: #b3b8dbff;
+  --color-gray-blue-400: #717bbcff;
+  --color-gray-blue-500: #4e5ba6ff;
+  --color-gray-blue-600: #3e4784ff;
+  --color-gray-blue-700: #363f72ff;
+  --color-gray-blue-800: #293056ff;
+  --color-gray-blue-900: #101323ff;
+  --color-gray-blue-950: #0d0f1cff;
+  --color-gray-cool-25: #fcfcfdff;
+  --color-gray-cool-50: #f9f9fbff;
+  --color-gray-cool-100: #eff1f5ff;
+  --color-gray-cool-200: #dcdfeaff;
+  --color-gray-cool-300: #b9c0d4ff;
+  --color-gray-cool-400: #7d89b0ff;
+  --color-gray-cool-500: #5d6b98ff;
+  --color-gray-cool-600: #4a5578ff;
+  --color-gray-cool-700: #404968ff;
+  --color-gray-cool-800: #30374fff;
+  --color-gray-cool-900: #111322ff;
+  --color-gray-cool-950: #0e101bff;
+  --color-gray-modern-25: #fcfcfdff;
+  --color-gray-modern-50: #f8fafcff;
+  --color-gray-modern-100: #eef2f6ff;
+  --color-gray-modern-200: #e3e8efff;
+  --color-gray-modern-300: #cdd5dfff;
+  --color-gray-modern-400: #9aa4b2ff;
+  --color-gray-modern-500: #697586ff;
+  --color-gray-modern-600: #4b5565ff;
+  --color-gray-modern-700: #364152ff;
+  --color-gray-modern-800: #202939ff;
+  --color-gray-modern-900: #121926ff;
+  --color-gray-modern-950: #0d121cff;
+  --color-gray-neutral-25: #fcfcfdff;
+  --color-gray-neutral-50: #f9fafbff;
+  --color-gray-neutral-100: #f3f4f6ff;
+  --color-gray-neutral-200: #e5e7ebff;
+  --color-gray-neutral-300: #d2d6dbff;
+  --color-gray-neutral-400: #9da4aeff;
+  --color-gray-neutral-500: #6c737fff;
+  --color-gray-neutral-600: #4d5761ff;
+  --color-gray-neutral-700: #384250ff;
+  --color-gray-neutral-800: #1f2a37ff;
+  --color-gray-neutral-900: #111927ff;
+  --color-gray-neutral-950: #0d121cff;
+  --color-gray-iron-25: #fcfcfcff;
+  --color-gray-iron-50: #fafafaff;
+  --color-gray-iron-100: #f4f4f5ff;
+  --color-gray-iron-200: #e4e4e7ff;
+  --color-gray-iron-300: #d1d1d6ff;
+  --color-gray-iron-400: #a0a0abff;
+  --color-gray-iron-500: #70707bff;
+  --color-gray-iron-600: #51525cff;
+  --color-gray-iron-700: #3f3f46ff;
+  --color-gray-iron-800: #26272bff;
+  --color-gray-iron-900: #1a1a1eff;
+  --color-gray-iron-950: #131316ff;
+  --color-gray-true-25: #fcfcfcff;
+  --color-gray-true-50: #f7f7f7ff;
+  --color-gray-true-100: #f5f5f5ff;
+  --color-gray-true-200: #e5e5e5ff;
+  --color-gray-true-300: #d6d6d6ff;
+  --color-gray-true-400: #a3a3a3ff;
+  --color-gray-true-500: #737373ff;
+  --color-gray-true-600: #525252ff;
+  --color-gray-true-700: #424242ff;
+  --color-gray-true-800: #292929ff;
+  --color-gray-true-900: #141414ff;
+  --color-gray-true-950: #0f0f0fff;
+  --color-gray-warm-25: #fdfdfcff;
+  --color-gray-warm-50: #fafaf9ff;
+  --color-gray-warm-100: #f5f5f4ff;
+  --color-gray-warm-200: #e7e5e4ff;
+  --color-gray-warm-300: #d7d3d0ff;
+  --color-gray-warm-400: #a9a29dff;
+  --color-gray-warm-500: #79716bff;
+  --color-gray-warm-600: #57534eff;
+  --color-gray-warm-700: #44403cff;
+  --color-gray-warm-800: #292524ff;
+  --color-gray-warm-900: #1c1917ff;
+  --color-gray-warm-950: #171412ff;
+  --color-moss-25: #fafdf7ff;
+  --color-moss-50: #f5fbeeff;
+  --color-moss-100: #e6f4d7ff;
+  --color-moss-200: #ceeab0ff;
+  --color-moss-300: #acdc79ff;
+  --color-moss-400: #86cb3cff;
+  --color-moss-500: #669f2aff;
+  --color-moss-600: #4f7a21ff;
+  --color-moss-700: #3f621aff;
+  --color-moss-800: #335015ff;
+  --color-moss-900: #2b4212ff;
+  --color-moss-950: #1a280bff;
+  --colors-green-light-25: #fafef5ff;
+  --colors-green-light-50: #f3fee7ff;
+  --colors-green-light-100: #e3fbccff;
+  --colors-green-light-200: #d0f8abff;
+  --colors-green-light-300: #a6ef67ff;
+  --colors-green-light-400: #85e13aff;
+  --colors-green-light-500: #66c61cff;
+  --colors-green-light-600: #4ca30dff;
+  --colors-green-light-700: #3b7c0fff;
+  --colors-green-light-800: #326212ff;
+  --colors-green-light-900: #2b5314ff;
+  --colors-green-light-950: #15290aff;
+  --colors-green-25: #f6fef9ff;
+  --colors-green-50: #edfcf2ff;
+  --colors-green-100: #d3f8dfff;
+  --colors-green-200: #aaf0c4ff;
+  --colors-green-300: #73e2a3ff;
+  --colors-green-400: #3ccb7fff;
+  --colors-green-500: #16b364ff;
+  --colors-green-600: #099250ff;
+  --colors-green-700: #087443ff;
+  --colors-green-800: #095c37ff;
+  --colors-green-900: #084c2eff;
+  --colors-green-950: #052e1cff;
+  --colors-teal-25: #f6fefcff;
+  --colors-teal-50: #f0fdf9ff;
+  --colors-teal-100: #ccfbefff;
+  --colors-teal-200: #99f6e0ff;
+  --colors-teal-300: #5fe9d0ff;
+  --colors-teal-400: #2ed3b7ff;
+  --colors-teal-500: #15b79eff;
+  --colors-teal-600: #0e9384ff;
+  --colors-teal-700: #107569ff;
+  --colors-teal-800: #125d56ff;
+  --colors-teal-900: #134e48ff;
+  --colors-teal-950: #0a2926ff;
+  --colors-cyan-25: #f5feffff;
+  --colors-cyan-50: #ecfdffff;
+  --colors-cyan-100: #cff9feff;
+  --colors-cyan-200: #a5f0fcff;
+  --colors-cyan-300: #67e3f9ff;
+  --colors-cyan-400: #22cceeff;
+  --colors-cyan-500: #06aed4ff;
+  --colors-cyan-600: #088ab2ff;
+  --colors-cyan-700: #0e7090ff;
+  --colors-cyan-800: #155b75ff;
+  --colors-cyan-900: #164c63ff;
+  --colors-cyan-950: #0d2d3aff;
+  --colors-blue-light-25: #f5fbffff;
+  --colors-blue-light-50: #f0f9ffff;
+  --colors-blue-light-100: #e0f2feff;
+  --colors-blue-light-200: #b9e6feff;
+  --colors-blue-light-300: #7cd4fdff;
+  --colors-blue-light-400: #36bffaff;
+  --colors-blue-light-500: #0ba5ecff;
+  --colors-blue-light-600: #0086c9ff;
+  --colors-blue-light-700: #026aa2ff;
+  --colors-blue-light-800: #065986ff;
+  --colors-blue-light-900: #0b4a6fff;
+  --colors-blue-light-950: #062c41ff;
+  --colors-blue-25: #f5faffff;
+  --colors-blue-50: #eff8ffff;
+  --colors-blue-100: #d1e9ffff;
+  --colors-blue-200: #b2ddffff;
+  --colors-blue-300: #84caffff;
+  --colors-blue-400: #53b1fdff;
+  --colors-blue-500: #2e90faff;
+  --colors-blue-600: #1570efff;
+  --colors-blue-700: #175cd3ff;
+  --colors-blue-800: #1849a9ff;
+  --colors-blue-900: #194185ff;
+  --colors-blue-950: #102a56ff;
+  --colors-blue-dark-25: #f5f8ffff;
+  --colors-blue-dark-50: #eff4ffff;
+  --colors-blue-dark-100: #d1e0ffff;
+  --colors-blue-dark-200: #b2ccffff;
+  --colors-blue-dark-300: #84adffff;
+  --colors-blue-dark-400: #528bffff;
+  --colors-blue-dark-500: #2970ffff;
+  --colors-blue-dark-600: #155eefff;
+  --colors-blue-dark-700: #004eebff;
+  --colors-blue-dark-800: #0040c1ff;
+  --colors-blue-dark-900: #00359eff;
+  --colors-blue-dark-950: #002266ff;
+  --colors-indigo-25: #f5f8ffff;
+  --colors-indigo-50: #eef4ffff;
+  --colors-indigo-100: #e0eaffff;
+  --colors-indigo-200: #c7d7feff;
+  --colors-indigo-300: #a4bcfdff;
+  --colors-indigo-400: #8098f9ff;
+  --colors-indigo-500: #6172f3ff;
+  --colors-indigo-600: #444ce7ff;
+  --colors-indigo-700: #3538cdff;
+  --colors-indigo-800: #2d31a6ff;
+  --colors-indigo-900: #2d3282ff;
+  --colors-indigo-950: #1f235bff;
+  --colors-violet-25: #fbfaffff;
+  --colors-violet-50: #f5f3ffff;
+  --colors-violet-100: #ece9feff;
+  --colors-violet-200: #ddd6feff;
+  --colors-violet-300: #c3b5fdff;
+  --colors-violet-400: #a48afbff;
+  --colors-violet-500: #875bf7ff;
+  --colors-violet-600: #7839eeff;
+  --colors-violet-700: #6927daff;
+  --colors-violet-800: #5720b7ff;
+  --colors-violet-900: #491c96ff;
+  --colors-violet-950: #2e125eff;
+  --colors-purple-25: #fafaffff;
+  --colors-purple-50: #f4f3ffff;
+  --colors-purple-100: #ebe9feff;
+  --colors-purple-200: #d9d6feff;
+  --colors-purple-300: #bdb4feff;
+  --colors-purple-400: #9b8afbff;
+  --colors-purple-500: #7a5af8ff;
+  --colors-purple-600: #6938efff;
+  --colors-purple-700: #5925dcff;
+  --colors-purple-800: #4a1fb8ff;
+  --colors-purple-900: #3e1c96ff;
+  --colors-purple-950: #27115fff;
+  --colors-fuchsia-25: #fefaffff;
+  --colors-fuchsia-50: #fdf4ffff;
+  --colors-fuchsia-100: #fbe8ffff;
+  --colors-fuchsia-200: #f6d0feff;
+  --colors-fuchsia-300: #eeaafdff;
+  --colors-fuchsia-400: #e478faff;
+  --colors-fuchsia-500: #d444f1ff;
+  --colors-fuchsia-600: #ba24d5ff;
+  --colors-fuchsia-700: #9f1ab1ff;
+  --colors-fuchsia-800: #821890ff;
+  --colors-fuchsia-900: #6f1877ff;
+  --colors-fuchsia-950: #47104cff;
+  --colors-pink-25: #fef6fbff;
+  --colors-pink-50: #fdf2faff;
+  --colors-pink-100: #fce7f6ff;
+  --colors-pink-200: #fcceeeff;
+  --colors-pink-300: #faa7e0ff;
+  --colors-pink-400: #f670c7ff;
+  --colors-pink-500: #ee46bcff;
+  --colors-pink-600: #dd2590ff;
+  --colors-pink-700: #c11574ff;
+  --colors-pink-800: #9e165fff;
+  --colors-pink-900: #851651ff;
+  --colors-pink-950: #4e0d30ff;
+  --colors-rosé-25: #fff5f6ff;
+  --colors-rosé-50: #fff1f3ff;
+  --colors-rosé-100: #ffe4e8ff;
+  --colors-rosé-200: #fecdd6ff;
+  --colors-rosé-300: #fea3b4ff;
+  --colors-rosé-400: #fd6f8eff;
+  --colors-rosé-500: #f63d68ff;
+  --colors-rosé-600: #e31b54ff;
+  --colors-rosé-700: #c01048ff;
+  --colors-rosé-800: #a11043ff;
+  --colors-rosé-900: #89123eff;
+  --colors-rosé-950: #510b24ff;
+  --colors-orange-dark-25: #fff9f5ff;
+  --colors-orange-dark-50: #fff4edff;
+  --colors-orange-dark-100: #ffe6d5ff;
+  --colors-orange-dark-200: #ffd6aeff;
+  --colors-orange-dark-300: #ff9c66ff;
+  --colors-orange-dark-400: #ff692eff;
+  --colors-orange-dark-500: #ff4405ff;
+  --colors-orange-dark-600: #e62e05ff;
+  --colors-orange-dark-700: #bc1b06ff;
+  --colors-orange-dark-800: #97180cff;
+  --colors-orange-dark-900: #771a0dff;
+  --colors-orange-dark-950: #57130aff;
+  --colors-orange-25: #fefaf5ff;
+  --colors-orange-50: #fef6eeff;
+  --colors-orange-100: #fdead7ff;
+  --colors-orange-200: #f9dbafff;
+  --colors-orange-300: #f7b27aff;
+  --colors-orange-400: #f38744ff;
+  --colors-orange-500: #ef6820ff;
+  --colors-orange-600: #e04f16ff;
+  --colors-orange-700: #b93815ff;
+  --colors-orange-800: #932f19ff;
+  --colors-orange-900: #772917ff;
+  --colors-orange-950: #511c10ff;
+  --colors-yellow-25: #fefdf0ff;
+  --colors-yellow-50: #fefbe8ff;
+  --colors-yellow-100: #fef7c3ff;
+  --colors-yellow-200: #feee95ff;
+  --colors-yellow-300: #fde272ff;
+  --colors-yellow-400: #fac515ff;
+  --colors-yellow-500: #eaaa08ff;
+  --colors-yellow-600: #ca8504ff;
+  --colors-yellow-700: #a15c07ff;
+  --colors-yellow-800: #854a0eff;
+  --colors-yellow-900: #713b12ff;
+  --colors-yellow-950: #542c0dff;
+
+  /* Radius */
+  --radius-xxs: 2px;
+  --radius-xs: 4px;
+  --radius-sm: 6px;
+  --radius-md: 8px;
+  --radius-lg: 10px;
+  --radius-xl: 12px;
+  --radius-2xl: 16px;
+  --radius-3xl: 20px;
+  --radius-4xl: 24px;
+}

package/src/utils/api/api.test.ts

@@ -0,0 +1,64 @@
+import { describe, it, expect } from 'vitest';
+
+import { isAPIError, isForbiddenError } from './api';
+
+describe('API Utils', () => {
+  describe('isForbiddenError', () => {
+    it('should return true for forbidden error', () => {
+      const error = new Error('forbidden');
+      expect(isForbiddenError(error)).toBe(true);
+    });
+
+    it('should return false for non-forbidden error', () => {
+      const error = new Error('bad_request');
+      expect(isForbiddenError(error)).toBe(false);
+    });
+
+    it('should return false for non-Error objects', () => {
+      expect(isForbiddenError('forbidden')).toBe(false);
+      expect(isForbiddenError({ message: 'forbidden' })).toBe(false);
+      expect(isForbiddenError(null)).toBe(false);
+      expect(isForbiddenError(undefined)).toBe(false);
+    });
+  });
+
+  describe('isAPIError', () => {
+    it('should return true for all API error types', () => {
+      const errorTypes = [
+        'bad_request',
+        'unauthorized',
+        'forbidden',
+        'not_found',
+        'internal_server_error',
+        'econnaborted',
+      ];
+
+      errorTypes.forEach(errorType => {
+        const error = new Error(errorType);
+        expect(isAPIError(error)).toBe(true);
+      });
+    });
+
+    it('should return false for non-API errors', () => {
+      const error = new Error('unknown_error');
+      expect(isAPIError(error)).toBe(false);
+    });
+
+    it('should return false for non-Error objects', () => {
+      expect(isAPIError('bad_request')).toBe(false);
+      expect(isAPIError({ message: 'bad_request' })).toBe(false);
+      expect(isAPIError(null)).toBe(false);
+      expect(isAPIError(undefined)).toBe(false);
+    });
+
+    it('should handle case sensitivity', () => {
+      const error = new Error('BAD_REQUEST');
+      expect(isAPIError(error)).toBe(false);
+    });
+
+    it('should handle partial matches', () => {
+      const error = new Error('This is a bad_request error');
+      expect(isAPIError(error)).toBe(true);
+    });
+  });
+});

package/src/utils/api/api.ts

@@ -0,0 +1,34 @@
+const ErrorCodes = {
+  BAD_REQUEST: 'bad_request',
+  UNAUTHORIZED: 'unauthorized',
+  FORBIDDEN: 'forbidden',
+  NOT_FOUND: 'not_found',
+  INTERNAL_SERVER_ERROR: 'internal_server_error',
+  ECONNABORTED: 'econnaborted',
+};
+
+function isForbiddenError (err: unknown): boolean {
+  return err instanceof Error && err.message.includes(ErrorCodes.FORBIDDEN);
+}
+
+function isAPIError (err: unknown): boolean {
+  if (err instanceof Error) {
+    if (
+      err.message.includes(ErrorCodes.BAD_REQUEST) ||
+      err.message.includes(ErrorCodes.UNAUTHORIZED) ||
+      err.message.includes(ErrorCodes.FORBIDDEN) ||
+      err.message.includes(ErrorCodes.NOT_FOUND) ||
+      err.message.includes(ErrorCodes.INTERNAL_SERVER_ERROR) ||
+      err.message.includes(ErrorCodes.ECONNABORTED)
+    ) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+export {
+  isAPIError,
+  isForbiddenError,
+};

package/src/utils/api/index.ts

@@ -0,0 +1 @@
+export * from './api';