@stackone/hub 0.2.1 → 0.4.1

package/src/shared/categories.ts

@@ -1,55 +0,0 @@
-export const CATEGORIES = [
-    'ats',
-    'crm',
-    'hris',
-    'marketing',
-    'iam',
-    'lms',
-    'documents',
-    'ticketing',
-    'screening',
-    'messaging',
-];
-
-export const CATEGORIES_WITH_LABELS = [
-    {
-        label: 'HRIS',
-        value: 'hris',
-    },
-    {
-        label: 'ATS',
-        value: 'ats',
-    },
-    {
-        label: 'CRM',
-        value: 'crm',
-    },
-    {
-        label: 'Marketing',
-        value: 'marketing',
-    },
-    {
-        label: 'IAM',
-        value: 'iam',
-    },
-    {
-        label: 'LMS',
-        value: 'lms',
-    },
-    {
-        label: 'Documents',
-        value: 'documents',
-    },
-    {
-        label: 'Ticketing',
-        value: 'ticketing',
-    },
-    {
-        label: 'Screening',
-        value: 'screening',
-    },
-    {
-        label: 'Messaging',
-        value: 'messaging',
-    },
-];

package/src/shared/components/error.tsx

@@ -1,32 +0,0 @@
-import {
-    CustomIcons,
-    Flex,
-    FlexAlign,
-    FlexDirection,
-    FlexGapSize,
-    FlexJustify,
-    Typography,
-} from '@stackone/malachite';
-
-const ErrorContainer: React.FC = () => {
-    return (
-        <Flex
-            justify={FlexJustify.Center}
-            align={FlexAlign.Center}
-            direction={FlexDirection.Vertical}
-            gapSize={FlexGapSize.Small}
-            fullHeight
-        >
-            {/* TODO: fix */}
-            <CustomIcons.RejectIcon style={{ color: 'red' }} />
-            <Typography.Text fontWeight="bold" size="large">
-                Error
-            </Typography.Text>
-            <Typography.SecondaryText>
-                Something went wrong, our team has been notified.
-            </Typography.SecondaryText>
-        </Flex>
-    );
-};
-
-export default ErrorContainer;

package/src/shared/components/errorBoundary.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-
-class ErrorBoundary extends React.Component<
-    { fallback: React.ReactNode; children: React.ReactNode },
-    { hasError: boolean }
-> {
-    constructor(props: { fallback: React.ReactNode; children: React.ReactNode }) {
-        super(props);
-        this.state = { hasError: false };
-    }
-
-    static getDerivedStateFromError(_error: Error) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true };
-    }
-
-    componentDidCatch(_error: Error, _info: React.ErrorInfo) {
-        // TODO: Log error to Sentry
-    }
-
-    render() {
-        if (this.state.hasError) {
-            // You can render any custom fallback UI
-            return this.props.fallback;
-        }
-
-        return this.props.children;
-    }
-}
-
-export default ErrorBoundary;

package/src/shared/components/loading.tsx

@@ -1,30 +0,0 @@
-import {
-    Flex,
-    FlexAlign,
-    FlexDirection,
-    FlexGapSize,
-    FlexJustify,
-    Spinner,
-    Typography,
-} from '@stackone/malachite';
-
-export const Loading: React.FC<{
-    title: string;
-    description: string;
-}> = ({ title, description }) => {
-    return (
-        <Flex
-            justify={FlexJustify.Center}
-            align={FlexAlign.Center}
-            direction={FlexDirection.Vertical}
-            gapSize={FlexGapSize.Small}
-            fullHeight
-        >
-            <Spinner size="xxxsmall" />
-            <Typography.Text fontWeight="bold" size="large">
-                {title}
-            </Typography.Text>
-            <Typography.SecondaryText>{description}</Typography.SecondaryText>
-        </Flex>
-    );
-};

package/src/shared/components/success.tsx

@@ -1,40 +0,0 @@
-import {
-    CustomIcons,
-    Flex,
-    FlexAlign,
-    FlexDirection,
-    FlexGapSize,
-    FlexJustify,
-    Typography,
-    getCurrentTheme,
-} from '@stackone/malachite';
-
-interface SuccessProps {
-    integrationName: string;
-}
-
-const Success: React.FC<SuccessProps> = ({ integrationName }) => {
-    const theme = getCurrentTheme();
-    return (
-        <Flex
-            justify={FlexJustify.Center}
-            align={FlexAlign.Center}
-            direction={FlexDirection.Vertical}
-            gapSize={FlexGapSize.Small}
-            fullHeight
-        >
-            <CustomIcons.CheckCircleFilled
-                size={16}
-                style={{ color: theme.colors.success.foreground }}
-            />
-            <Typography.Text fontWeight="bold" size="large">
-                Connection Successful
-            </Typography.Text>
-            <Typography.SecondaryText>
-                Account successfully connected to {integrationName}
-            </Typography.SecondaryText>
-        </Flex>
-    );
-};
-
-export default Success;

package/src/shared/contexts/featureFlagContext.tsx

@@ -1,26 +0,0 @@
-import { createContext, useMemo } from 'react';
-import { FeatureFlag } from '../types/featureFlags';
-
-export const FeatureFlagContext = createContext<{ featureFlags: FeatureFlag[] }>({
-    featureFlags: [],
-});
-
-export const FeatureFlagProvider = ({
-    featureFlags,
-    children,
-}: {
-    featureFlags: FeatureFlag[];
-    children: React.ReactNode;
-}) => {
-    const memoizedContextValue = useMemo(
-        () => ({
-            featureFlags,
-        }),
-        [featureFlags],
-    );
-    return (
-        <FeatureFlagContext.Provider value={memoizedContextValue}>
-            {children}
-        </FeatureFlagContext.Provider>
-    );
-};

package/src/shared/hooks/useFeatureFlags.ts

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import { FeatureFlagContext } from '../contexts/featureFlagContext';
-import { FeatureFlag } from '../types/featureFlags';
-
-const isFeatureEnabled = ({
-    featureFlags,
-    featureFlag,
-}: { featureFlags: FeatureFlag[]; featureFlag: FeatureFlag }): boolean => {
-    return featureFlags.includes(featureFlag);
-};
-
-export const useFeatureFlags = (featureFlag: FeatureFlag): boolean => {
-    const { featureFlags } = useContext(FeatureFlagContext);
-    if (!featureFlags) {
-        throw new Error('useFeatureFlags must be used within a FeatureFlagProvider');
-    }
-
-    return isFeatureEnabled({
-        featureFlags,
-        featureFlag,
-    });
-};
-
-export default useFeatureFlags;

package/src/shared/httpClient.ts

@@ -1,79 +0,0 @@
-export interface ErrorDetails {
-    message: string;
-    statusCode: number;
-}
-
-export const isErrorsDetails = (error: unknown): error is ErrorDetails => {
-    return (error as ErrorDetails).statusCode !== undefined;
-};
-
-export interface RequestParams {
-    url: string;
-    body?: Record<string, unknown>;
-    headers?: Record<string, string>;
-    requestFn?: typeof fetch;
-    logger?: Console;
-}
-
-const isTokenExpired = (response: Response): boolean => {
-    if (response?.status === 401 || response?.status === 403) {
-        return true;
-    }
-    return false;
-};
-
-export async function request<T>({
-    url,
-    body,
-    headers,
-    method,
-    requestFn = fetch,
-    logger = console,
-}: RequestParams & { method: 'PATCH' | 'POST' | 'DELETE' | 'GET' }): Promise<T | null> {
-    try {
-        const response = await requestFn(url, {
-            method,
-            headers,
-            body: JSON.stringify(body),
-        });
-
-        if (isTokenExpired(response)) {
-            logger.warn('Token expired');
-            return null;
-        } else {
-            if (!response.ok) {
-                const errorResponse = (await response.json()) as ErrorDetails;
-                if (errorResponse && isErrorsDetails(errorResponse)) {
-                    throw new Error(
-                        JSON.stringify({
-                            status: errorResponse.statusCode,
-                            message: errorResponse.message,
-                        }),
-                    );
-                }
-            }
-
-            return (await response.json()) as T;
-        }
-    } catch (error) {
-        logger.error(`Error making request to ${url}`, error);
-
-        throw error;
-    }
-}
-
-export async function postRequest<T>(params: RequestParams): Promise<T | null> {
-    return request<T>({ ...params, method: 'POST' });
-}
-
-export async function patchRequest<T>(params: RequestParams): Promise<T | null> {
-    return request<T>({ ...params, method: 'PATCH' });
-}
-
-export async function deleteRequest<T>(params: RequestParams): Promise<T | null> {
-    return request<T>({ ...params, method: 'DELETE' });
-}
-
-export async function getRequest<T>(params: RequestParams): Promise<T | null> {
-    return request<T>({ ...params, method: 'GET' });
-}

package/src/shared/queries.ts

@@ -1,12 +0,0 @@
-import { getRequest } from './httpClient';
-import { FeatureFlag } from './types/featureFlags';
-
-export const getSettings = async (baseUrl: string, token: string) => {
-    return await getRequest<{ enabled_features: FeatureFlag[] }>({
-        url: `${baseUrl}/hub/settings`,
-        headers: {
-            'Content-Type': 'application/json',
-            'x-hub-session-token': token,
-        },
-    });
-};

package/src/shared/types/featureFlags.ts

@@ -1 +0,0 @@
-export type FeatureFlag = 'hub_link_account_release';

package/src/types/types.ts

@@ -1 +0,0 @@
-export type HubModes = 'integration-picker' | 'csv-importer';

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES6",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "moduleResolution": "Node",
-    "declaration": false,
-    "outDir": "dist",
-    "sourceMap": true,
-    "jsxImportSource": "react",
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["src"],
-  "exclude": ["**/*.d.ts"],
-  "files": ["src/index.ts"]
-}

package/vite.config.ts

@@ -1,11 +0,0 @@
-import react from '@vitejs/plugin-react-swc';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-    plugins: [react()],
-    server: {
-        port: 3000,
-        // hmr: true,
-    },
-    root: 'dev',
-});