@bytexbyte/berifyme-react-sdk 1.0.0

package/dist/types/components/Login/clear.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const ClearLogin: React.FC<{
+    token: string | undefined;
+    userId: string | undefined;
+    desktopRedirectUrlId?: string;
+}>;
+export { ClearLogin };

package/dist/types/components/Login/clearAllSet.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ClearLoginAllSet: React.FC<{
+    token?: string;
+    desktopRedirectUrlId?: string;
+}>;
+export { ClearLoginAllSet };

package/dist/types/components/Login/incode/Login.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../api/api";
+declare function LoginComponent({ onSuccess, onError, user, setUser, token, }: ProccessFacePropTypes): React.JSX.Element;
+type ProccessFacePropTypes = {
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+    user?: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    token: string;
+};
+export { LoginComponent };

package/dist/types/components/Login/incode/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../api/api";
+declare const IncodeLogin: React.FC<{
+    goToAllSet: () => void;
+    user?: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    token?: string;
+}>;
+export { IncodeLogin };

package/dist/types/components/OnBoarding/authId/authIdSelectType.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const AuthIdSelectType: ({ setSelectedIdType, setError, }: {
+    setSelectedIdType: React.Dispatch<React.SetStateAction<string>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+}) => React.JSX.Element;
+export default AuthIdSelectType;

package/dist/types/components/OnBoarding/authId/idOrPassport.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const IdOrPassport: ({ setError, setPageStatus, setSelectedIdType, }: {
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setSelectedIdType: React.Dispatch<React.SetStateAction<string>>;
+}) => React.JSX.Element;
+export default IdOrPassport;

package/dist/types/components/OnBoarding/authId/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../api/api";
+declare const AuthID: ({ goToAllSet, setError, userId, setUser, selectedIdType, token }: {
+    goToAllSet: () => void;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    userId: string;
+    setUser?: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    selectedIdType: string;
+    token?: string;
+}) => React.JSX.Element;
+export default AuthID;

package/dist/types/components/OnBoarding/clear/clearAllSet.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ClearOnboardingAllSet: React.FC<{
+    token?: string;
+    desktopRedirectUrlId?: string;
+}>;
+export { ClearOnboardingAllSet };

package/dist/types/components/OnBoarding/clear/index.d.ts

@@ -0,0 +1,8 @@
+import { UserWithAgeAndFullName } from "../../../api/api";
+import React from 'react';
+declare const ClearOnboarding: React.FC<{
+    token: string | undefined;
+    user: UserWithAgeAndFullName;
+    desktopRedirectUrlId?: string;
+}>;
+export { ClearOnboarding };

package/dist/types/components/OnBoarding/incode/BackId.d.ts

@@ -0,0 +1,11 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare const BackId: ({ session, onSuccess, onError, }: BackIdPropTypes) => React.JSX.Element;
+type BackIdPropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+};
+export { BackId };

package/dist/types/components/OnBoarding/incode/FinishOnboarding.d.ts

@@ -0,0 +1,11 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare function FinishOnboarding({ session, onSuccess, onError }: FinishOnboardingPropTypes): React.JSX.Element;
+type FinishOnboardingPropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+};
+export { FinishOnboarding };

package/dist/types/components/OnBoarding/incode/FrontId.d.ts

@@ -0,0 +1,10 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare const FrontId: ({ session, onSuccess, onError }: {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+}) => React.JSX.Element;
+export { FrontId };

package/dist/types/components/OnBoarding/incode/Passport.d.ts

@@ -0,0 +1,10 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare const Passport: ({ session, onSuccess, onError }: {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+}) => React.JSX.Element;
+export { Passport };

package/dist/types/components/OnBoarding/incode/ProcessFace.d.ts

@@ -0,0 +1,11 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare function ProcessFace({ session, onSuccess, onError }: ProccessFacePropTypes): React.JSX.Element;
+type ProccessFacePropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+};
+export { ProcessFace };

package/dist/types/components/OnBoarding/incode/ProcessId.d.ts

@@ -0,0 +1,11 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare function ProcessId({ session, onSuccess, onError }: ProccessIdPropTypes): React.JSX.Element;
+type ProccessIdPropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+};
+export { ProcessId };

package/dist/types/components/OnBoarding/incode/SelectType.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const SelectType: ({ goToID, goToPassport, }: {
+    goToID: () => void;
+    goToPassport: () => void;
+}) => React.JSX.Element;
+export default SelectType;

package/dist/types/components/OnBoarding/incode/Selfie.d.ts

@@ -0,0 +1,11 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare function Selfie({ session, onSuccess, onError }: SelfiePropTypes): React.JSX.Element;
+type SelfiePropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+    onError: (e: {
+        type: string;
+    }) => void;
+};
+export { Selfie };

package/dist/types/components/OnBoarding/incode/Steps.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare function Steps({ children, currentStep }: StepsPropTypes): React.JSX.Element;
+type StepsPropTypes = {
+    children: React.ReactElement[];
+    currentStep: number;
+};
+export default Steps;

package/dist/types/components/OnBoarding/incode/UserConsent.d.ts

@@ -0,0 +1,8 @@
+import { type SessionType } from "../../../vender/incode/incode";
+import React from "react";
+declare function UserConsent({ session, onSuccess }: UserConsentPropTypes): React.JSX.Element;
+type UserConsentPropTypes = {
+    session: SessionType;
+    onSuccess: () => void;
+};
+export { UserConsent };

package/dist/types/components/OnBoarding/incode/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../api/api";
+declare const IncodeOnBoarding: React.FC<{
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    goToAllSet: () => void;
+    token?: string;
+}>;
+export { IncodeOnBoarding };

package/dist/types/components/OnBoarding/vender/grid/authIdGrid.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../../api/api";
+declare const AuthIdGrid: ({ setPageStatus, setError, user, }: {
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    user?: UserWithAgeAndFullName;
+}) => React.JSX.Element;
+export default AuthIdGrid;

package/dist/types/components/OnBoarding/vender/grid/clearGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ClearGrid: ({ setPageStatus, }: {
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+}) => React.JSX.Element;
+export default ClearGrid;

package/dist/types/components/OnBoarding/vender/grid/incodeGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const IncodeGrid: ({ setPageStatus, }: {
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+}) => React.JSX.Element;
+export default IncodeGrid;

package/dist/types/components/OnBoarding/vender/grid/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../../api/api";
+declare const VenderGrid: ({ setPageStatus, setError, user, showMore, setShowMore }: {
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    user?: UserWithAgeAndFullName;
+    showMore: boolean;
+    setShowMore: React.Dispatch<React.SetStateAction<boolean>>;
+}) => React.JSX.Element;
+export default VenderGrid;

package/dist/types/components/OnBoarding/vender/grid/sumsubGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const SumsubGrid: ({ setPageStatus, }: {
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+}) => React.JSX.Element;
+export default SumsubGrid;

package/dist/types/components/OnBoarding/vender/grid/veriffGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const VeriffGrid: ({ setPageStatus, }: {
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+}) => React.JSX.Element;
+export default VeriffGrid;

package/dist/types/components/OnBoarding/vender/grid/yotiGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const YotiGrid: ({ setPageStatus, }: {
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+}) => React.JSX.Element;
+export default YotiGrid;

package/dist/types/components/OnBoarding/vender/index.d.ts

@@ -0,0 +1,9 @@
+import { UserWithAgeAndFullName } from "../../../api/api";
+import React from "react";
+declare const Vender: ({ setPageStatus, setError, user, setModalHeight, }: {
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    user?: UserWithAgeAndFullName;
+    setModalHeight: React.Dispatch<React.SetStateAction<string>>;
+}) => React.JSX.Element;
+export default Vender;

package/dist/types/components/RedirectToMobile/index.d.ts

@@ -0,0 +1,7 @@
+import { Environment } from "../../enum";
+import React from "react";
+declare const RedirectToMobile: ({ token, environment }: {
+    token?: string;
+    environment: Environment;
+}) => React.JSX.Element;
+export default RedirectToMobile;

package/dist/types/components/ScreenRotation.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ScreenRotation: () => React.JSX.Element;
+export default ScreenRotation;

package/dist/types/components/SendSns/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Environment } from '../../enum';
+import './style.css';
+import { User } from '../../api/api';
+declare const SendSns: ({ token, inputValue, setInputValue, setError, setPageStatus, setProcessedPhoneNumber, setModalHeight, setUser, environment, }: {
+    token: string | undefined;
+    inputValue: string;
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setProcessedPhoneNumber: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setModalHeight: React.Dispatch<React.SetStateAction<string>>;
+    setUser: React.Dispatch<React.SetStateAction<User | undefined>>;
+    environment: Environment;
+}) => React.JSX.Element;
+export default SendSns;

package/dist/types/components/TryAgain.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const TryAgain: ({ message, pressButton }: {
+    message?: string;
+    pressButton?: () => void;
+}) => React.JSX.Element;
+export default TryAgain;

package/dist/types/components/TryAgainInModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const TryAgainInModal: ({ message, pressButton }: {
+    message?: string;
+    pressButton?: () => void;
+}) => React.JSX.Element;
+export default TryAgainInModal;

package/dist/types/components/VerifyWithPhoneNumber/NewUser/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../../api/api";
+import { Environment } from "../../../enum";
+declare const VerifyNewUser: ({ token, inputValue, setPageStatus, setUser, environment, }: {
+    token: string | undefined;
+    inputValue: string;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    environment: Environment;
+}) => React.JSX.Element;
+export default VerifyNewUser;

package/dist/types/components/VerifyWithPhoneNumber/User/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Environment } from "../../../enum";
+import { UserWithAgeAndFullName } from "../../../api/api";
+declare const VerifyUser: ({ token, inputValue, setError, setPageStatus, setUser, setModalHeight, environment, }: {
+    token: string | undefined;
+    inputValue: string;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    setModalHeight: React.Dispatch<React.SetStateAction<string>>;
+    environment: Environment;
+}) => React.JSX.Element;
+export default VerifyUser;

package/dist/types/components/createDeveloperLog.d.ts

@@ -0,0 +1,11 @@
+import { User } from "../api/api";
+export declare const createDeveloperLog: ({ userId, sessionToken, action, firstDetail, secondDetail, userDataJson, source, browser, }: {
+    userId?: string;
+    sessionToken?: string;
+    action?: string;
+    firstDetail?: string;
+    secondDetail?: string;
+    userDataJson?: User;
+    source?: "FRONTEND" | "BACKEND";
+    browser?: string;
+}) => Promise<void>;

package/dist/types/components/phoneNumberProcesser.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 處理電話號碼，根據不同國家的格式進行標準化
+ * @param {string} inputValue - 要處理的電話號碼
+ * @returns {string} - 標準化後的電話號碼
+ */
+export declare function processPhoneNumber(inputValue: string): string;

package/dist/types/components/speedTest/SpeedProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const SpeedProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useSpeedTest: () => {
+    speed: string | null;
+    stopSpeedTest: () => void;
+    startSpeedTest: () => void;
+};

package/dist/types/components/theme.d.ts

@@ -0,0 +1,9 @@
+declare module '@mui/material/styles' {
+    interface BreakpointOverrides {
+        mdlg: true;
+        xxl: true;
+        xxxl: true;
+    }
+}
+declare const theme: import("@mui/material").Theme;
+export default theme;

package/dist/types/enum/index.d.ts

@@ -0,0 +1,22 @@
+export declare enum Environment {
+    Sandbox = "sandbox",
+    Staging = "staging",
+    Idv = "idv"
+}
+export declare enum PageStatus {
+    Loading = -1,
+    SendSns = 0,
+    VerifyNewUser = 1,
+    Vender = 1.1,
+    IdOrPassport = 1.2,
+    VerifyUser = 1.5,
+    AuthIdOnboarding = 2,
+    ClearOnboarding = 2.1,
+    IncodeOnBoarding = 2.2,
+    AuthidLogin = 3,
+    ClearLogin = 4,
+    IncodeLogin = 5,
+    ClearLoginAllSet = 6,
+    ClearOnboardingAllSet = 7,
+    AllSet = 10
+}

package/dist/types/index.d.ts

@@ -0,0 +1,12 @@
+import { Environment } from "./enum";
+export declare const berifyme: {
+    environment: typeof Environment;
+    modal: import("react").FC<{
+        apiKeyId: string;
+        secretKey: string;
+        redirectUrl: string;
+        initialPhoneNumber?: string;
+        environment: Environment;
+        forceQrcode?: boolean;
+    }>;
+};

package/dist/types/lib/environmentDomains.d.ts

@@ -0,0 +1,7 @@
+import { Environment } from "../enum";
+export declare const environmentDomains: {
+    [key in Environment]: string;
+};
+export declare const environmentWebviewDomains: {
+    [key in Environment]: string;
+};

package/dist/types/lib/webauthb.d.ts

@@ -0,0 +1,18 @@
+declare const webauthn: {
+    login: ({ phoneNumber, backendDomain, frontendDomain, frontendDomainName, }: {
+        phoneNumber: string;
+        backendDomain?: string;
+        frontendDomain?: string;
+        frontendDomainName?: string;
+    }) => Promise<{
+        user: any;
+        success: boolean;
+    }>;
+    register: ({ phoneNumber, backendDomain, frontendDomain, frontendDomainName, }: {
+        phoneNumber: string;
+        backendDomain?: string;
+        frontendDomain?: string;
+        frontendDomainName?: string;
+    }) => Promise<void>;
+};
+export default webauthn;

package/dist/types/state.d.ts

@@ -0,0 +1,11 @@
+declare class SDKState {
+    private static instance;
+    private data;
+    private constructor();
+    static getInstance(): SDKState;
+    set(key: string, value: any): void;
+    get(key: string): any;
+    getAll(): Record<string, any>;
+}
+export declare const sdkState: SDKState;
+export {};

package/dist/types/theme.d.ts

@@ -0,0 +1,9 @@
+declare module '@mui/material/styles' {
+    interface BreakpointOverrides {
+        mdlg: true;
+        xxl: true;
+        xxxl: true;
+    }
+}
+declare const theme: import("@mui/material").Theme;
+export default theme;

package/dist/types/vender/incode/incode.d.ts

@@ -0,0 +1,8 @@
+type SessionType = {
+    token: string;
+    uniqueId?: string;
+    interviewId?: string;
+};
+declare const incode: any;
+declare const incodeLogin: any;
+export { incode, type SessionType, incodeLogin };

package/dist/vender/incode/incode.js

@@ -0,0 +1,13 @@
+import { create } from "@incodetech/welcome";
+var apiURL = 'https://saas-api.incodesmile.com/0';
+var loginApiURL = 'https://saas-api.incodesmile.com';
+var incode = create({
+    apiURL: apiURL,
+    lang: 'en-US',
+});
+var incodeLogin = create({
+    apiURL: loginApiURL,
+    clientId: 'berifyprod883',
+    apiKey: 'ca8626ee3fdb329af413088b13d034bc6896b678',
+});
+export { incode, incodeLogin };

package/index.css

@@ -0,0 +1,52 @@
+
+a {
+  color: #000000;
+}
+.img-contain {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+body {
+  overflow: hidden;
+}
+/* .berifyme {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: red;
+} */
+
+.default {
+  box-sizing: border-box; /* 確保邊框和內邊距不會影響元素的尺寸 */
+  margin: 0; /* 去除所有元素的外邊距 */
+  padding: 0; /* 去除所有元素的內邊距 */
+  font-family: Arial, sans-serif; /* 設置預設字體 */
+  color: black; /* 設置字體顏色為黑色 */
+  background-color: white; /* 設置背景顏色為白色 */
+  text-decoration: none; /* 去除所有文本的裝飾（如下劃線） */
+  border: none; /* 去除所有元素的邊框 */
+  outline: none; /* 去除所有元素的外邊框 */
+  line-height: 1.5; /* 設置行高 */
+  font-size: 16px; /* 設置字體大小為16px */
+  word-wrap: break-word; /* 讓長單詞換行 */
+  white-space: normal; /* 確保文本換行 */
+  text-align: left; /* 預設文本對齊方式為左對齊 */
+  vertical-align: baseline; /* 設置垂直對齊基線 */
+  list-style: none; /* 去除列表項目標記 */
+  display: inline-block; /* 設置元素為內聯區塊 */
+  cursor: default; /* 設置預設鼠標指標 */
+  background-attachment: scroll; /* 預設背景附著方式為滾動 */
+  box-shadow: none; /* 去除所有元素的陰影 */
+  opacity: 1; /* 預設不透明度為 1 */
+  transform: none; /* 去除所有元素的轉換效果 */
+  visibility: visible; /* 預設元素可見 */
+}
+
+.berifyme-container * {
+  all: unset;
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@bytexbyte/berifyme-react-sdk",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc && copyfiles -u 1 'src/**/*.{css,svg}' dist",
+    "webpack": "webpack",
+    "esbuild": "node esbuild.config.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@authid/react-component": "^1.4.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@fontsource/inter": "^5.1.0",
+    "@fontsource/roboto": "^5.0.13",
+    "@incodetech/welcome": "^1.73.1",
+    "@mui/icons-material": "^5.16.5",
+    "@mui/material": "^5.16.5",
+    "@mui/x-data-grid": "^7.8.0",
+    "@simplewebauthn/browser": "^10.0.0",
+    "@types/node": "^22.0.0",
+    "@types/uuid": "^10.0.0",
+    "axios": "^1.7.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-internet-meter": "^1.1.1",
+    "react-phone-input-2": "^2.15.1",
+    "react-qr-code": "^2.0.15",
+    "react-router-dom": "^6.25.1",
+    "styled-components": "^6.1.11",
+    "uuid": "^10.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "copyfiles": "^2.4.1",
+    "css-loader": "^7.1.2",
+    "file-loader": "^6.2.0",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.5.4"
+  }
+}