@egov3/system-design 1.0.5 → 1.0.7

package/.github/workflows/publish.yml

@@ -0,0 +1,58 @@
+name: Publish to npm
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "20"
+          registry-url: "https://registry.npmjs.org/"
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Increment version
+        run: |
+          yarn version --patch --no-git-tag-version
+
+      - name: Check PERSONAL_TOKEN
+        run: |
+          echo "Token starts with: ${PERSONAL_TOKEN:0:4}... and ends with ...${PERSONAL_TOKEN: -4}"
+        env:
+          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }}
+
+      - name: Test git connection
+        run: |
+          git ls-remote https://Zhassulan-Baigozha:${{ secrets.PERSONAL_TOKEN }}@github.com/Zhassulan-Baigozha/egov3-design.git
+        env:
+          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }} # Use GITHUB_TOKEN for repo access
+
+      - name: Commit updated package.json
+        run: |
+          git config --global user.name "github-actions[bot]"
+          git config --global user.email "github-actions[bot]@users.noreply.github.com"
+          git add package.json
+          git commit -m "ci: bump version to $(jq -r '.version' package.json)"
+          git push https://x-access-token:${{ secrets.PERSONAL_TOKEN }}@github.com/Zhassulan-Baigozha/egov3-design.git main
+
+      - name: Publish to npm
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          if [ "$(jq -r '.private' package.json)" != "true" ]; then
+            yarn publish --non-interactive --access public
+          fi

package/.storybook/main.ts

@@ -1,21 +1,21 @@
-import type { StorybookConfig } from '@storybook/nextjs';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-  ],
-  framework: {
-    name: '@storybook/nextjs',
-    options: {},
-  },
-  docs: {
-    autodocs: 'tag',
-  },
-  staticDirs: ['../public'],
-};
-export default config;
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  staticDirs: ['../public'],
+};
+export default config;

package/.storybook/preview.ts

@@ -1,24 +1,24 @@
-import type { Preview } from '@storybook/react';
-import 'src/styles/globals.scss';
-
-const preview: Preview = {
-  parameters: {
-    backgrounds: {
-      default: 'input',
-      values: [
-        {
-          name: 'input',
-          value: '#fff',
-        },
-      ],
-    },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;
+import type { Preview } from '@storybook/react';
+import 'src/styles/globals.scss';
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      default: 'input',
+      values: [
+        {
+          name: 'input',
+          value: '#fff',
+        },
+      ],
+    },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/@types/typings.d.ts

@@ -1 +1 @@
-declare module '*.module.scss';
+declare module '*.module.scss';

package/__tests__/baseComponents/InputField.test.tsx

@@ -1,101 +1,101 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import "@testing-library/jest-dom";
-
-import { InputField } from "~baseComponents";
-
-describe("InputField", () => {
-  it("(1) Should render without crashing", () => {
-    const { getByPlaceholderText } = render(
-      <InputField
-        id={"testRenderId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-      />
-    );
-    expect(getByPlaceholderText("")).toBeInTheDocument();
-  });
-
-  it("(2) Should render with the correct placeholder", () => {
-    const placeholder = "Enter text";
-    const { getByPlaceholderText } = render(
-      <InputField
-        id={"testPlaceholderId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-        placeholder={placeholder}
-      />
-    );
-    expect(getByPlaceholderText(placeholder)).toBeInTheDocument();
-  });
-
-  it("(3) Should call onFocus and onBlur handlers", () => {
-    const onFocus = jest.fn();
-    const onBlur = jest.fn();
-    const { getByPlaceholderText } = render(
-      <InputField
-        id={"testOnBlurId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-        placeholder="test"
-        onFocus={onFocus}
-        onBlur={onBlur}
-      />
-    );
-    const input = getByPlaceholderText("test");
-    fireEvent.focus(input);
-    expect(onFocus).toHaveBeenCalled();
-    fireEvent.blur(input);
-    expect(onBlur).toHaveBeenCalled();
-  });
-
-  it("(4) Should render inputLeftIcon if provided", () => {
-    const leftIcon = <span data-testid="left-icon">Icon</span>;
-    const { getByTestId } = render(
-      <InputField
-        id={"testLeftId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-        inputLeftIcon={leftIcon}
-      />
-    );
-    expect(getByTestId("left-icon")).toBeInTheDocument();
-  });
-
-  it.skip("(5) Should render and clears value when clear icon is clicked", () => {
-    const onChange = jest.fn();
-    const value = "test value";
-    const { getByPlaceholderText, getByTestId } = render(
-      <InputField
-        id={"testId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-        placeholder="test"
-        value={value}
-        onChange={onChange}
-        isClearable
-      />
-    );
-    const input = getByPlaceholderText("test");
-    expect(input).toHaveValue(value);
-    const clearIcon = getByTestId("Icons_CLEAR");
-    fireEvent.click(clearIcon);
-    expect(onChange).toHaveBeenCalledWith(
-      expect.objectContaining({ target: { value: "" } })
-    );
-  });
-
-  it("(6) Should apply focused class on focus", () => {
-    const { getByPlaceholderText, container } = render(
-      <InputField
-        id={"testFocusedId"}
-        labelText={""}
-        ariaLabel={"test ariaLabel"}
-        placeholder="test"
-      />
-    );
-    const input = getByPlaceholderText("test");
-    fireEvent.focus(input);
-    expect(container.firstChild).toHaveClass("input--onfocus");
-  });
-});
+import React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import "@testing-library/jest-dom";
+
+import { InputField } from "~baseComponents";
+
+describe("InputField", () => {
+  it("(1) Should render without crashing", () => {
+    const { getByPlaceholderText } = render(
+      <InputField
+        id={"testRenderId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+      />
+    );
+    expect(getByPlaceholderText("")).toBeInTheDocument();
+  });
+
+  it("(2) Should render with the correct placeholder", () => {
+    const placeholder = "Enter text";
+    const { getByPlaceholderText } = render(
+      <InputField
+        id={"testPlaceholderId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+        placeholder={placeholder}
+      />
+    );
+    expect(getByPlaceholderText(placeholder)).toBeInTheDocument();
+  });
+
+  it("(3) Should call onFocus and onBlur handlers", () => {
+    const onFocus = jest.fn();
+    const onBlur = jest.fn();
+    const { getByPlaceholderText } = render(
+      <InputField
+        id={"testOnBlurId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+        placeholder="test"
+        onFocus={onFocus}
+        onBlur={onBlur}
+      />
+    );
+    const input = getByPlaceholderText("test");
+    fireEvent.focus(input);
+    expect(onFocus).toHaveBeenCalled();
+    fireEvent.blur(input);
+    expect(onBlur).toHaveBeenCalled();
+  });
+
+  it("(4) Should render inputLeftIcon if provided", () => {
+    const leftIcon = <span data-testid="left-icon">Icon</span>;
+    const { getByTestId } = render(
+      <InputField
+        id={"testLeftId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+        inputLeftIcon={leftIcon}
+      />
+    );
+    expect(getByTestId("left-icon")).toBeInTheDocument();
+  });
+
+  it.skip("(5) Should render and clears value when clear icon is clicked", () => {
+    const onChange = jest.fn();
+    const value = "test value";
+    const { getByPlaceholderText, getByTestId } = render(
+      <InputField
+        id={"testId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+        placeholder="test"
+        value={value}
+        onChange={onChange}
+        isClearable
+      />
+    );
+    const input = getByPlaceholderText("test");
+    expect(input).toHaveValue(value);
+    const clearIcon = getByTestId("Icons_CLEAR");
+    fireEvent.click(clearIcon);
+    expect(onChange).toHaveBeenCalledWith(
+      expect.objectContaining({ target: { value: "" } })
+    );
+  });
+
+  it("(6) Should apply focused class on focus", () => {
+    const { getByPlaceholderText, container } = render(
+      <InputField
+        id={"testFocusedId"}
+        labelText={""}
+        ariaLabel={"test ariaLabel"}
+        placeholder="test"
+      />
+    );
+    const input = getByPlaceholderText("test");
+    fireEvent.focus(input);
+    expect(container.firstChild).toHaveClass("input--onfocus");
+  });
+});

package/jest.config.ts

@@ -1,40 +1,44 @@
-import nextJest from 'next/jest';
-
-const createJestConfig = nextJest({
-  dir: './'
-});
-
-const customJestConfig = {
-  collectCoverage: true,
-  collectCoverageFrom: [
-    'src/**/*.tsx'
-  ],
-  coveragePathIgnorePatterns: [
-    '<rootDir>/src/store',
-    '<rootDir>/src/stories',
-  ],
-  testMatch: ['**/*.test.tsx'],
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
-  testEnvironment: 'jsdom',
-  moduleNameMapper: {
-    '@/(.*)': '<rootDir>/$1',
-    '~constants/(.*)': '<rootDir>/src/constants/$1',
-    '~customHooks/(.*)': '<rootDir>/src/customHooks/$1',
-    '~customMock/(.*)': '<rootDir>/__tests__/customMock/$1',
-    '~components': '<rootDir>/src/components/index.tsx',
-    '~module': '<rootDir>/src/components/index.tsx',
-    '~svg': '<rootDir>/src/svg/index.tsx',
-    '~templates': '<rootDir>/src/templates/index.tsx',
-    '~utils/(.*)': '<rootDir>/src/utils/$1'
-  },
-  coverageThreshold: {
-    global: {
-      branches: 40,
-      functions: 40,
-      lines: 40,
-      statements: 40
-    }
-  }
-};
-
-export default createJestConfig(customJestConfig);
+import nextJest from 'next/jest';
+
+const createJestConfig = nextJest({
+  dir: './'
+});
+
+const customJestConfig = {
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/**/*.tsx'
+  ],
+  coveragePathIgnorePatterns: [
+    '<rootDir>/src/store',
+    '<rootDir>/src/stories',
+  ],
+  testMatch: ['**/*.test.tsx'],
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  testEnvironment: 'jsdom',
+  moduleNameMapper: {
+    '@/(.*)': '<rootDir>/$1',
+    '~constants/(.*)': '<rootDir>/src/constants/$1',
+    '~customHooks/(.*)': '<rootDir>/src/customHooks/$1',
+    '~customMock/(.*)': '<rootDir>/__tests__/customMock/$1',
+    '~components': '<rootDir>/src/components/index.tsx',
+    '~module': '<rootDir>/src/components/index.tsx',
+    '~svg': '<rootDir>/src/svg/index.tsx',
+    '~templates': '<rootDir>/src/templates/index.tsx',
+    '~utils/(.*)': '<rootDir>/src/utils/$1'
+  },
+  coverageThreshold: {
+    global: {
+      branches: 40,
+      functions: 40,
+      lines: 40,
+      statements: 40
+    }
+  },
+  transform: {
+    '^.+\\.(ts|tsx)$': 'ts-jest',
+  },
+  transformIgnorePatterns: ['/node_modules/'],
+};
+
+export default createJestConfig(customJestConfig);

package/jest.setup.ts

@@ -1,2 +1,2 @@
-// Learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+// Learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "main": "index.tsx",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Zhassulan-Baigozha/egov3-design.git"
+  },
   "scripts": {
     "lint": "next lint",
     "test": "jest",
@@ -30,7 +34,7 @@
     "next": "^14.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "ts-jest": "^29.1.2"
+    "ts-jest": "^29.2.5"
   },
   "devDependencies": {
     "@babel/plugin-syntax-jsx": "^7.23.3",
@@ -52,7 +56,7 @@
     "@testing-library/dom": "^10.3.2",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^14.3.1",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.14",
     "@types/node": "^20.11.19",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

package/public/img/Circled-1.svg

@@ -1,11 +1,11 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clipPath="url(#clip0_970_19856)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
-<path d="M9.20206 4.53733V11.8101H7.88459V5.81929H7.84197L6.14098 6.90594V5.69855L7.94851 4.53733H9.20206Z" fill="var(--default-black-color, #000)"/>
-</g>
-<defs>
-<clipPath id="clip0_970_19856">
-<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_970_19856)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
+<path d="M9.20206 4.53733V11.8101H7.88459V5.81929H7.84197L6.14098 6.90594V5.69855L7.94851 4.53733H9.20206Z" fill="var(--default-black-color, #000)"/>
+</g>
+<defs>
+<clipPath id="clip0_970_19856">
+<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
+</clipPath>
+</defs>
+</svg>

package/public/img/Circled-2.svg

@@ -1,11 +1,11 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clipPath="url(#clip0_970_17764)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
-<path d="M5.54084 11.8101V10.8584L8.0657 8.38321C8.30717 8.13937 8.5084 7.92275 8.66939 7.73335C8.83037 7.54396 8.95111 7.36048 9.03161 7.18293C9.1121 7.00537 9.15234 6.81598 9.15234 6.61475C9.15234 6.38511 9.10026 6.18861 8.99609 6.02526C8.89193 5.85954 8.7487 5.7317 8.56641 5.64173C8.38411 5.55177 8.17696 5.50679 7.94496 5.50679C7.70585 5.50679 7.49633 5.55651 7.31641 5.65594C7.13648 5.753 6.9968 5.8915 6.89737 6.07142C6.80031 6.25135 6.75178 6.4656 6.75178 6.71418H5.49822C5.49822 6.25253 5.60357 5.85125 5.81428 5.51034C6.02498 5.16943 6.31499 4.90547 6.6843 4.71844C7.05599 4.53141 7.48213 4.4379 7.96271 4.4379C8.4504 4.4379 8.87891 4.52905 9.24822 4.71134C9.61754 4.89363 9.904 5.14339 10.1076 5.46063C10.3136 5.77786 10.4165 6.14008 10.4165 6.54727C10.4165 6.81953 10.3645 7.08705 10.2603 7.34983C10.1561 7.61262 9.97266 7.90381 9.70987 8.22341C9.44946 8.54301 9.08369 8.93009 8.61257 9.38463L7.35902 10.6595V10.7092H10.5266V11.8101H5.54084Z" fill="var(--default-black-color, #000)"/>
-</g>
-<defs>
-<clipPath id="clip0_970_17764">
-<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_970_17764)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
+<path d="M5.54084 11.8101V10.8584L8.0657 8.38321C8.30717 8.13937 8.5084 7.92275 8.66939 7.73335C8.83037 7.54396 8.95111 7.36048 9.03161 7.18293C9.1121 7.00537 9.15234 6.81598 9.15234 6.61475C9.15234 6.38511 9.10026 6.18861 8.99609 6.02526C8.89193 5.85954 8.7487 5.7317 8.56641 5.64173C8.38411 5.55177 8.17696 5.50679 7.94496 5.50679C7.70585 5.50679 7.49633 5.55651 7.31641 5.65594C7.13648 5.753 6.9968 5.8915 6.89737 6.07142C6.80031 6.25135 6.75178 6.4656 6.75178 6.71418H5.49822C5.49822 6.25253 5.60357 5.85125 5.81428 5.51034C6.02498 5.16943 6.31499 4.90547 6.6843 4.71844C7.05599 4.53141 7.48213 4.4379 7.96271 4.4379C8.4504 4.4379 8.87891 4.52905 9.24822 4.71134C9.61754 4.89363 9.904 5.14339 10.1076 5.46063C10.3136 5.77786 10.4165 6.14008 10.4165 6.54727C10.4165 6.81953 10.3645 7.08705 10.2603 7.34983C10.1561 7.61262 9.97266 7.90381 9.70987 8.22341C9.44946 8.54301 9.08369 8.93009 8.61257 9.38463L7.35902 10.6595V10.7092H10.5266V11.8101H5.54084Z" fill="var(--default-black-color, #000)"/>
+</g>
+<defs>
+<clipPath id="clip0_970_17764">
+<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
+</clipPath>
+</defs>
+</svg>

package/public/img/Circled-3.svg

@@ -1,11 +1,11 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clipPath="url(#clip0_970_31466)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
-<path d="M7.99956 11.9095C7.48819 11.9095 7.03365 11.8219 6.63592 11.6467C6.24056 11.4715 5.92806 11.2277 5.69842 10.9152C5.46878 10.6027 5.34686 10.2416 5.33265 9.83208H6.66788C6.67972 10.0286 6.74482 10.2002 6.86319 10.347C6.98156 10.4914 7.139 10.6039 7.33549 10.6843C7.53199 10.7648 7.75216 10.8051 7.996 10.8051C8.25642 10.8051 8.48725 10.7601 8.68848 10.6701C8.88971 10.5778 9.04714 10.45 9.16078 10.2866C9.27441 10.1233 9.33005 9.93506 9.32768 9.72199C9.33005 9.50182 9.27323 9.30769 9.15723 9.1396C9.04122 8.97152 8.87314 8.84012 8.65297 8.74543C8.43516 8.65073 8.17238 8.60338 7.86461 8.60338H7.22186V7.58776H7.86461C8.11793 7.58776 8.33928 7.54396 8.52868 7.45637C8.72044 7.36877 8.87077 7.24566 8.97967 7.08705C9.08857 6.92606 9.14184 6.74022 9.13947 6.52952C9.14184 6.32355 9.09567 6.14481 9.00098 5.9933C8.90865 5.83941 8.77726 5.71986 8.6068 5.63463C8.43871 5.5494 8.24103 5.50679 8.01376 5.50679C7.79122 5.50679 7.58526 5.54704 7.39586 5.62753C7.20647 5.70802 7.05377 5.82284 6.93777 5.97199C6.82176 6.11877 6.76021 6.29396 6.75311 6.49756H5.48535C5.49482 6.09036 5.61201 5.73288 5.83691 5.42512C6.06419 5.11498 6.36722 4.87351 6.746 4.70068C7.12479 4.52549 7.54975 4.4379 8.02086 4.4379C8.50618 4.4379 8.92759 4.52905 9.28507 4.71134C9.64492 4.89126 9.92309 5.13392 10.1196 5.43932C10.3161 5.74472 10.4143 6.08208 10.4143 6.45139C10.4167 6.86096 10.296 7.20423 10.0521 7.48122C9.81064 7.75821 9.4934 7.93932 9.10041 8.02455V8.08137C9.61177 8.15239 10.0036 8.34178 10.2758 8.64955C10.5505 8.95494 10.6866 9.33492 10.6842 9.78946C10.6842 10.1967 10.5682 10.5612 10.3362 10.8832C10.1066 11.2028 9.78933 11.4538 9.3845 11.6361C8.98204 11.8183 8.52039 11.9095 7.99956 11.9095Z" fill="var(--default-black-color, #000)"/>
-</g>
-<defs>
-<clipPath id="clip0_970_31466">
-<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_970_31466)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.9817C4.50494 1.9817 1.67164 4.815 1.67164 8.31006C1.67164 11.8051 4.50494 14.6384 8 14.6384C11.4951 14.6384 14.3284 11.8051 14.3284 8.31006C14.3284 4.815 11.4951 1.9817 8 1.9817ZM0 8.31006C0 3.89178 3.58172 0.310059 8 0.310059C12.4183 0.310059 16 3.89178 16 8.31006C16 12.7283 12.4183 16.3101 8 16.3101C3.58172 16.3101 0 12.7283 0 8.31006Z" fill="var(--default-black-color, #000)"/>
+<path d="M7.99956 11.9095C7.48819 11.9095 7.03365 11.8219 6.63592 11.6467C6.24056 11.4715 5.92806 11.2277 5.69842 10.9152C5.46878 10.6027 5.34686 10.2416 5.33265 9.83208H6.66788C6.67972 10.0286 6.74482 10.2002 6.86319 10.347C6.98156 10.4914 7.139 10.6039 7.33549 10.6843C7.53199 10.7648 7.75216 10.8051 7.996 10.8051C8.25642 10.8051 8.48725 10.7601 8.68848 10.6701C8.88971 10.5778 9.04714 10.45 9.16078 10.2866C9.27441 10.1233 9.33005 9.93506 9.32768 9.72199C9.33005 9.50182 9.27323 9.30769 9.15723 9.1396C9.04122 8.97152 8.87314 8.84012 8.65297 8.74543C8.43516 8.65073 8.17238 8.60338 7.86461 8.60338H7.22186V7.58776H7.86461C8.11793 7.58776 8.33928 7.54396 8.52868 7.45637C8.72044 7.36877 8.87077 7.24566 8.97967 7.08705C9.08857 6.92606 9.14184 6.74022 9.13947 6.52952C9.14184 6.32355 9.09567 6.14481 9.00098 5.9933C8.90865 5.83941 8.77726 5.71986 8.6068 5.63463C8.43871 5.5494 8.24103 5.50679 8.01376 5.50679C7.79122 5.50679 7.58526 5.54704 7.39586 5.62753C7.20647 5.70802 7.05377 5.82284 6.93777 5.97199C6.82176 6.11877 6.76021 6.29396 6.75311 6.49756H5.48535C5.49482 6.09036 5.61201 5.73288 5.83691 5.42512C6.06419 5.11498 6.36722 4.87351 6.746 4.70068C7.12479 4.52549 7.54975 4.4379 8.02086 4.4379C8.50618 4.4379 8.92759 4.52905 9.28507 4.71134C9.64492 4.89126 9.92309 5.13392 10.1196 5.43932C10.3161 5.74472 10.4143 6.08208 10.4143 6.45139C10.4167 6.86096 10.296 7.20423 10.0521 7.48122C9.81064 7.75821 9.4934 7.93932 9.10041 8.02455V8.08137C9.61177 8.15239 10.0036 8.34178 10.2758 8.64955C10.5505 8.95494 10.6866 9.33492 10.6842 9.78946C10.6842 10.1967 10.5682 10.5612 10.3362 10.8832C10.1066 11.2028 9.78933 11.4538 9.3845 11.6361C8.98204 11.8183 8.52039 11.9095 7.99956 11.9095Z" fill="var(--default-black-color, #000)"/>
+</g>
+<defs>
+<clipPath id="clip0_970_31466">
+<rect width="16" height="16" fill="white" transform="translate(0 0.310059)"/>
+</clipPath>
+</defs>
+</svg>

package/public/img/Mobile-chat.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
-<g clipPath="url(#clip0_874_95062)">
-<path d="M11 3.31006H21V11.3101H18L14 13.3101V11.3101H11V3.31006Z" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 16.3101V20.3101C15 20.5753 14.8946 20.8296 14.7071 21.0172C14.5196 21.2047 14.2652 21.3101 14 21.3101H6C5.73478 21.3101 5.48043 21.2047 5.29289 21.0172C5.10536 20.8296 5 20.5753 5 20.3101V6.31006C5 6.04484 5.10536 5.79049 5.29289 5.60295C5.48043 5.41542 5.73478 5.31006 6 5.31006H8" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10 18.3101V18.3201" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_874_95062">
-<rect width="24" height="24" fill="white" transform="translate(0 0.310059)"/>
-</clipPath>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
+<g clipPath="url(#clip0_874_95062)">
+<path d="M11 3.31006H21V11.3101H18L14 13.3101V11.3101H11V3.31006Z" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 16.3101V20.3101C15 20.5753 14.8946 20.8296 14.7071 21.0172C14.5196 21.2047 14.2652 21.3101 14 21.3101H6C5.73478 21.3101 5.48043 21.2047 5.29289 21.0172C5.10536 20.8296 5 20.5753 5 20.3101V6.31006C5 6.04484 5.10536 5.79049 5.29289 5.60295C5.48043 5.41542 5.73478 5.31006 6 5.31006H8" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 18.3101V18.3201" stroke="var(--default-black-color, #000)" strokeWidth="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_874_95062">
+<rect width="24" height="24" fill="white" transform="translate(0 0.310059)"/>
+</clipPath>
+</defs>
 </svg>

package/public/img/accessibility-1.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4735 17.9621L12.1232 15.9367C11.4274 16.0769 10.7164 16.1485 10.0002 16.1485C7.965 16.1485 5.9717 15.5706 4.25212 14.4821C2.53255 13.3936 1.15739 11.8393 0.286621 9.99985C1.15819 8.16102 2.53354 6.60718 4.25293 5.5188C4.47064 5.38099 4.69274 5.25136 4.91875 5.13004L3.47345 2.9621L4.8602 2.0376L6.46813 4.44948C7.59834 4.05588 8.79183 3.85175 10.0002 3.85117C12.0351 3.85216 14.0279 4.43042 15.7473 5.5188C17.4667 6.60718 18.8421 8.16102 19.7137 9.99985C18.8428 11.8393 17.4677 13.3936 15.7481 14.4821C15.1316 14.8724 14.4799 15.197 13.8037 15.4529L14.8602 17.0376L13.4735 17.9621ZM14.5047 13.273C13.9755 13.5761 13.4194 13.8242 12.8452 14.0151L11.8086 12.4602C12.0931 12.251 12.3407 11.993 12.539 11.6962C12.8745 11.1941 13.0537 10.6037 13.0537 9.99983C13.0537 9.18999 12.7319 8.41333 12.1592 7.84066C11.5867 7.26802 10.81 6.94631 10.0002 6.94631C9.44398 6.94631 8.8994 7.09816 8.42459 7.38417L7.42841 5.8899C8.25991 5.64421 9.12584 5.51791 10.0002 5.51791C11.5822 5.51791 13.1369 5.93151 14.5099 6.71769C15.8829 7.50388 17.0265 8.63535 17.8272 9.99985C17.0213 11.3598 15.8766 12.4875 14.5047 13.273ZM10.9803 10.98C10.9487 11.0116 10.9158 11.0415 10.8816 11.0697L9.35125 8.77416C9.46953 8.71155 9.5969 8.66605 9.72958 8.63966C9.99858 8.58608 10.2774 8.61358 10.5308 8.71858C10.7842 8.82349 11.0008 9.00124 11.1532 9.22933C11.3056 9.45741 11.387 9.72549 11.387 9.99983C11.3865 10.3675 11.2403 10.72 10.9803 10.98ZM11.1054 14.41L5.84775 6.52354C5.72734 6.5855 5.60817 6.65022 5.49035 6.71769C5.14548 6.91517 4.81508 7.13443 4.50095 7.3737L9.21489 14.4446C9.47539 14.4682 9.73738 14.4806 10.0002 14.4818C10.3708 14.4802 10.7398 14.4561 11.1054 14.41ZM6.85508 13.9095C6.38688 13.7356 5.93205 13.523 5.49547 13.273C4.12365 12.4875 2.9789 11.3598 2.17295 9.99985C2.48528 9.46768 2.84974 8.97096 3.25962 8.51634L6.85508 13.9095Z" fill="var(--default-black-color, #000)"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4735 17.9621L12.1232 15.9367C11.4274 16.0769 10.7164 16.1485 10.0002 16.1485C7.965 16.1485 5.9717 15.5706 4.25212 14.4821C2.53255 13.3936 1.15739 11.8393 0.286621 9.99985C1.15819 8.16102 2.53354 6.60718 4.25293 5.5188C4.47064 5.38099 4.69274 5.25136 4.91875 5.13004L3.47345 2.9621L4.8602 2.0376L6.46813 4.44948C7.59834 4.05588 8.79183 3.85175 10.0002 3.85117C12.0351 3.85216 14.0279 4.43042 15.7473 5.5188C17.4667 6.60718 18.8421 8.16102 19.7137 9.99985C18.8428 11.8393 17.4677 13.3936 15.7481 14.4821C15.1316 14.8724 14.4799 15.197 13.8037 15.4529L14.8602 17.0376L13.4735 17.9621ZM14.5047 13.273C13.9755 13.5761 13.4194 13.8242 12.8452 14.0151L11.8086 12.4602C12.0931 12.251 12.3407 11.993 12.539 11.6962C12.8745 11.1941 13.0537 10.6037 13.0537 9.99983C13.0537 9.18999 12.7319 8.41333 12.1592 7.84066C11.5867 7.26802 10.81 6.94631 10.0002 6.94631C9.44398 6.94631 8.8994 7.09816 8.42459 7.38417L7.42841 5.8899C8.25991 5.64421 9.12584 5.51791 10.0002 5.51791C11.5822 5.51791 13.1369 5.93151 14.5099 6.71769C15.8829 7.50388 17.0265 8.63535 17.8272 9.99985C17.0213 11.3598 15.8766 12.4875 14.5047 13.273ZM10.9803 10.98C10.9487 11.0116 10.9158 11.0415 10.8816 11.0697L9.35125 8.77416C9.46953 8.71155 9.5969 8.66605 9.72958 8.63966C9.99858 8.58608 10.2774 8.61358 10.5308 8.71858C10.7842 8.82349 11.0008 9.00124 11.1532 9.22933C11.3056 9.45741 11.387 9.72549 11.387 9.99983C11.3865 10.3675 11.2403 10.72 10.9803 10.98ZM11.1054 14.41L5.84775 6.52354C5.72734 6.5855 5.60817 6.65022 5.49035 6.71769C5.14548 6.91517 4.81508 7.13443 4.50095 7.3737L9.21489 14.4446C9.47539 14.4682 9.73738 14.4806 10.0002 14.4818C10.3708 14.4802 10.7398 14.4561 11.1054 14.41ZM6.85508 13.9095C6.38688 13.7356 5.93205 13.523 5.49547 13.273C4.12365 12.4875 2.9789 11.3598 2.17295 9.99985C2.48528 9.46768 2.84974 8.97096 3.25962 8.51634L6.85508 13.9095Z" fill="var(--default-black-color, #000)"/>
+</svg>

package/public/img/account-1.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.99984 5.6595C9.50542 5.6595 9.022 5.80613 8.61092 6.08083C8.1998 6.35554 7.87936 6.74598 7.69015 7.2028C7.50092 7.65961 7.45141 8.16228 7.54788 8.64725C7.64434 9.13217 7.88245 9.57767 8.23207 9.92725C8.58167 10.2769 9.02717 10.515 9.51209 10.6115C9.99709 10.7079 10.4998 10.6584 10.9566 10.4692C11.4133 10.28 11.8038 9.95959 12.0785 9.54842C12.3533 9.13734 12.4998 8.65392 12.4998 8.1595C12.4998 7.49646 12.2364 6.86058 11.7676 6.39174C11.2988 5.9229 10.6629 5.6595 9.99984 5.6595ZM9.99984 9.24284C9.78559 9.24284 9.57609 9.17934 9.398 9.06025C9.21984 8.94125 9.081 8.772 8.999 8.57409C8.917 8.37609 8.8955 8.1583 8.93734 7.94815C8.97909 7.73801 9.08234 7.54498 9.23384 7.39347C9.38534 7.24196 9.57834 7.13879 9.7885 7.09699C9.99867 7.05519 10.2164 7.07664 10.4144 7.15864C10.6123 7.24063 10.7816 7.37949 10.9006 7.55764C11.0197 7.73579 11.0832 7.94524 11.0832 8.1595C11.0828 8.44675 10.9686 8.72209 10.7655 8.92517C10.5624 9.12825 10.2871 9.2425 9.99984 9.24284ZM9.99984 1.6665C8.35167 1.6665 6.7405 2.15525 5.37009 3.07092C3.99968 3.9866 2.93158 5.28809 2.30085 6.81081C1.67011 8.3335 1.50509 10.0091 1.82663 11.6256C2.14817 13.2421 2.94185 14.7269 4.10729 15.8924C5.27272 17.0578 6.75758 17.8515 8.37409 18.1731C9.99059 18.4946 11.6662 18.3296 13.1888 17.6988C14.7116 17.0681 16.0131 16 16.9288 14.6296C17.8444 13.2592 18.3332 11.648 18.3332 9.99984C18.3332 8.9055 18.1176 7.82185 17.6988 6.81081C17.2801 5.79976 16.6663 4.8811 15.8924 4.10728C15.1186 3.33346 14.1999 2.71963 13.1888 2.30084C12.1778 1.88205 11.0942 1.6665 9.99984 1.6665ZM12.5023 16.1748C10.8984 16.8305 9.10125 16.8305 7.49742 16.1748V14.2415C8.20541 13.6682 9.08884 13.3553 9.99984 13.3553C10.9108 13.3553 11.7943 13.6682 12.5023 14.2415V16.1748ZM14.1689 15.194V13.5318L13.9248 13.2876C13.4094 12.7721 12.7976 12.3631 12.1241 12.0841C11.4507 11.8051 10.7288 11.6615 9.99984 11.6615C9.27084 11.6615 8.549 11.8051 7.87559 12.0841C7.20212 12.3631 6.59023 12.7721 6.07484 13.2876L5.83075 13.5318V15.1939C4.75315 14.3303 3.97033 13.1534 3.59042 11.8258C3.2105 10.4981 3.25227 9.08517 3.70993 7.78229C4.16759 6.47938 5.01856 5.35075 6.1453 4.5523C7.27202 3.75387 8.61892 3.32503 9.99984 3.32503C11.3808 3.32503 12.7277 3.75387 13.8544 4.5523C14.9811 5.35075 15.8321 6.47938 16.2898 7.78229C16.7474 9.08517 16.7892 10.4981 16.4093 11.8258C16.0293 13.1534 15.2465 14.3304 14.1689 15.194Z" fill="var(--default-black-color, #000)"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99984 5.6595C9.50542 5.6595 9.022 5.80613 8.61092 6.08083C8.1998 6.35554 7.87936 6.74598 7.69015 7.2028C7.50092 7.65961 7.45141 8.16228 7.54788 8.64725C7.64434 9.13217 7.88245 9.57767 8.23207 9.92725C8.58167 10.2769 9.02717 10.515 9.51209 10.6115C9.99709 10.7079 10.4998 10.6584 10.9566 10.4692C11.4133 10.28 11.8038 9.95959 12.0785 9.54842C12.3533 9.13734 12.4998 8.65392 12.4998 8.1595C12.4998 7.49646 12.2364 6.86058 11.7676 6.39174C11.2988 5.9229 10.6629 5.6595 9.99984 5.6595ZM9.99984 9.24284C9.78559 9.24284 9.57609 9.17934 9.398 9.06025C9.21984 8.94125 9.081 8.772 8.999 8.57409C8.917 8.37609 8.8955 8.1583 8.93734 7.94815C8.97909 7.73801 9.08234 7.54498 9.23384 7.39347C9.38534 7.24196 9.57834 7.13879 9.7885 7.09699C9.99867 7.05519 10.2164 7.07664 10.4144 7.15864C10.6123 7.24063 10.7816 7.37949 10.9006 7.55764C11.0197 7.73579 11.0832 7.94524 11.0832 8.1595C11.0828 8.44675 10.9686 8.72209 10.7655 8.92517C10.5624 9.12825 10.2871 9.2425 9.99984 9.24284ZM9.99984 1.6665C8.35167 1.6665 6.7405 2.15525 5.37009 3.07092C3.99968 3.9866 2.93158 5.28809 2.30085 6.81081C1.67011 8.3335 1.50509 10.0091 1.82663 11.6256C2.14817 13.2421 2.94185 14.7269 4.10729 15.8924C5.27272 17.0578 6.75758 17.8515 8.37409 18.1731C9.99059 18.4946 11.6662 18.3296 13.1888 17.6988C14.7116 17.0681 16.0131 16 16.9288 14.6296C17.8444 13.2592 18.3332 11.648 18.3332 9.99984C18.3332 8.9055 18.1176 7.82185 17.6988 6.81081C17.2801 5.79976 16.6663 4.8811 15.8924 4.10728C15.1186 3.33346 14.1999 2.71963 13.1888 2.30084C12.1778 1.88205 11.0942 1.6665 9.99984 1.6665ZM12.5023 16.1748C10.8984 16.8305 9.10125 16.8305 7.49742 16.1748V14.2415C8.20541 13.6682 9.08884 13.3553 9.99984 13.3553C10.9108 13.3553 11.7943 13.6682 12.5023 14.2415V16.1748ZM14.1689 15.194V13.5318L13.9248 13.2876C13.4094 12.7721 12.7976 12.3631 12.1241 12.0841C11.4507 11.8051 10.7288 11.6615 9.99984 11.6615C9.27084 11.6615 8.549 11.8051 7.87559 12.0841C7.20212 12.3631 6.59023 12.7721 6.07484 13.2876L5.83075 13.5318V15.1939C4.75315 14.3303 3.97033 13.1534 3.59042 11.8258C3.2105 10.4981 3.25227 9.08517 3.70993 7.78229C4.16759 6.47938 5.01856 5.35075 6.1453 4.5523C7.27202 3.75387 8.61892 3.32503 9.99984 3.32503C11.3808 3.32503 12.7277 3.75387 13.8544 4.5523C14.9811 5.35075 15.8321 6.47938 16.2898 7.78229C16.7474 9.08517 16.7892 10.4981 16.4093 11.8258C16.0293 13.1534 15.2465 14.3304 14.1689 15.194Z" fill="var(--default-black-color, #000)"/>
+</svg>