@undp/carbon-library 1.0.289-CARBON-366.1 → 1.0.289-CARBON-178.2

package/dist/esm/types/Components/Common/CoBenifits/coBenifits.d.ts

@@ -10,6 +10,5 @@ export interface CoBenefitProps {
     loading?: any;
     sdgGoalImages?: any;
     translator?: any;
-    useConnection?: any;
 }
 export declare const CoBenifitsComponent: (props: CoBenefitProps) => React.JSX.Element;

package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts

@@ -9,6 +9,5 @@ export interface ProgrammeRetireFormProps {
     hideType: boolean;
     myCompanyId?: number;
     translator: any;
-    useConnection: any;
 }
 export declare const ProgrammeRetireForm: FC<ProgrammeRetireFormProps>;

package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts

@@ -12,7 +12,6 @@ export interface ProgrammeTransferFormProps {
     userCompanyId: number | undefined;
     companyRole: string;
     translator: any;
-    useConnection: any;
     ministryLevelPermission?: boolean;
 }
 export declare const ProgrammeTransferForm: FC<ProgrammeTransferFormProps>;

package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts

@@ -8,9 +8,7 @@ export interface NdcActionBodyProps {
     programmeOwnerId?: any;
     getProgrammeDocs?: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
     translator: any;
-    useUserContext: any;
     onFinish?: any;
     programme?: any;
 }

package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts

@@ -9,8 +9,6 @@ export interface ProgrammeDocumentsProps {
     getDocumentDetails: any;
     getProgrammeById: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
-    useUserContext: any;
     translator: any;
     methodologyDocumentUpdated: any;
     programmeStatus?: any;

package/dist/esm/types/Components/Common/StasticCard/stasticCard.d.ts

@@ -7,7 +7,5 @@ export interface StasticCardItemProps {
     icon: any;
     loading: boolean;
     companyRole: any;
-    tooltip: any;
-    t: any;
 }
 export declare const StasticCard: FC<StasticCardItemProps>;

package/dist/esm/types/Context/ConnectionContext/connectionContext.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import { ConnectionContextProviderProps, ConnectionProps } from '../../Definitions';
+declare const ConnectionContext: React.Context<{
+    connection?: ConnectionProps | undefined;
+}>;
+export declare const ConnectionContextProvider: FC<ConnectionContextProviderProps>;
+export default ConnectionContext;
+export declare const useConnection: () => ConnectionProps;

package/dist/esm/types/Context/SettingsContext/settingsContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const SettingsContext: React.Context<{
+    isTransferFrozen: boolean;
+    setTransferFrozen: (value: boolean) => void;
+}>;
+export declare const SettingsContextProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+export declare const useSettingsContext: () => {
+    isTransferFrozen: boolean;
+    setTransferFrozen: (value: boolean) => void;
+};

package/dist/esm/types/Context/UserInformationContext/userInformationContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UserContextProps } from '../../Definitions';
+export declare const UserContext: React.Context<UserContextProps>;
+export declare const UserInformationContextProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+export default UserContext;
+export declare const useUserContext: () => UserContextProps;

package/dist/esm/types/Context/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ConnectionContext/connectionContext';
+export * from './UserInformationContext/userInformationContext';
+export * from './SettingsContext/settingsContext';

package/dist/esm/types/Definitions/Definitions/connectionContext.definitions.d.ts

@@ -3,6 +3,8 @@ import { ReactNode } from 'react';
 export type Methods = 'get' | 'post' | 'delete' | 'put' | 'patch';
 export type ConnectionContextProviderProps = {
     serverURL: string;
+    t: any;
+    statServerUrl?: string;
     children: ReactNode;
 };
 export interface Response<T> {
@@ -23,4 +25,5 @@ export type ConnectionProps = {
     updateToken: (token?: string) => void;
     token?: string;
     removeToken: (tkn?: string) => void;
+    statServerUrl?: string;
 };

package/dist/esm/types/Storybook/AddNewCompanyComponent.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/esm/types/Storybook/AddNewUserComponent.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/esm/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function AddNewCompanyI18nDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function AddNewUserI18nDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/Decorators/ConnectionContextDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function ConnectionContextDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/Decorators/DashboardI18nDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function DashboardI18nDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function InvestmentCreationI18nDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function ProgrammeCreateI18nDecorator(Story: any, context: any): React.JSX.Element;

package/dist/esm/types/Storybook/InvestmentCreationComponent.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/esm/types/Storybook/MRVDashboard.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/esm/types/Storybook/ProgrammeCreationComponent.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/esm/types/Storybook/RegistryDashboard.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+import ConnectionContextDecorator from './Decorators/ConnectionContextDecorator';
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    decorators: (typeof ConnectionContextDecorator)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -1,3 +1,4 @@
 export * from './Components';
 export * from './Definitions';
 export * from './Styles';
+export * from './Context';

package/dist/index.d.ts

@@ -93,8 +93,6 @@ interface StasticCardItemProps {
     icon: any;
     loading: boolean;
     companyRole: any;
-    tooltip: any;
-    t: any;
 }
 declare const StasticCard: FC<StasticCardItemProps>;
 
@@ -131,7 +129,6 @@ interface CoBenefitProps {
     loading?: any;
     sdgGoalImages?: any;
     translator?: any;
-    useConnection?: any;
 }
 declare const CoBenifitsComponent: (props: CoBenefitProps) => React.JSX.Element;
 
@@ -362,7 +359,6 @@ interface ProgrammeRetireFormProps {
     hideType: boolean;
     myCompanyId?: number;
     translator: any;
-    useConnection: any;
 }
 declare const ProgrammeRetireForm: FC<ProgrammeRetireFormProps>;
 
@@ -389,7 +385,6 @@ interface ProgrammeTransferFormProps {
     userCompanyId: number | undefined;
     companyRole: string;
     translator: any;
-    useConnection: any;
     ministryLevelPermission?: boolean;
 }
 declare const ProgrammeTransferForm: FC<ProgrammeTransferFormProps>;
@@ -1045,6 +1040,8 @@ interface CountrySelect {
 type Methods = 'get' | 'post' | 'delete' | 'put' | 'patch';
 type ConnectionContextProviderProps = {
     serverURL: string;
+    t: any;
+    statServerUrl?: string;
     children: ReactNode;
 };
 interface Response<T> {
@@ -1065,6 +1062,7 @@ type ConnectionProps = {
     updateToken: (token?: string) => void;
     token?: string;
     removeToken: (tkn?: string) => void;
+    statServerUrl?: string;
 };
 
 type HeaderProps = {
@@ -1230,9 +1228,7 @@ interface NdcActionBodyProps {
     programmeOwnerId?: any;
     getProgrammeDocs?: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
     translator: any;
-    useUserContext: any;
     onFinish?: any;
     programme?: any;
 }
@@ -1253,8 +1249,6 @@ interface ProgrammeDocumentsProps {
     getDocumentDetails: any;
     getProgrammeById: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
-    useUserContext: any;
     translator: any;
     methodologyDocumentUpdated: any;
     programmeStatus?: any;
@@ -1301,4 +1295,23 @@ declare const TooltipColor = "#6ACDFF";
 declare const InvestmentBGColor = "rgba(151, 110, 215, 0.3)";
 declare const InvestmentColor = "#9155FD";
 
-export { Action, AdaptationProperties, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, AgricultureProperties, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenefitProps, CoBenefitsProperties, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProviderProps, ConnectionProps, CountrySelect, CreditCalculationProperties, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, Emission, EmissionGas, EmissionSector, EmissionSubSectors, EnablementProperties, EnergyGenerationUnits, FormElementType, GHGDashboardComponent, GHGEmissionsComponent, GHGProjectionsComponent, GhgStatCardTypes, GovBGColor, GovColor, HeaderProps, ImgWithFallback, InfoView, InfoViewProps, Instrument, InvestmentBGColor, InvestmentBody, InvestmentBodyProps, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LayoutSiderProps, LegendItem, LegendItemItemProps, Loading, LoginProps, ManagerBGColor, ManagerColor, MapComponent, MapComponentProps, MapPopupData, MapSourceData, MapTypes, MapboxComponent, MarkerData, Methods, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcAction, NdcActionBody, NdcActionBodyProps, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, NdcFinancing, OrganisationStatus, OrganisationStatusProps, ProfileIcon, ProfileIconProps, Programme, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDeveloperCreation, ProgrammeDocuments, ProgrammeDocumentsProps, ProgrammeEntity, ProgrammeIssueForm, ProgrammeIssueFormProps, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeProperties, ProgrammePropertiesR, ProgrammePropertiesT, ProgrammePropertiesU, ProgrammeR, ProgrammeRetireForm, ProgrammeRetireFormProps, ProgrammeRevokeForm, ProgrammeRevokeFormProps, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeT, ProgrammeTransfer, ProgrammeTransferForm, ProgrammeTransferFormProps, ProgrammeU, Projection, ProjectionTypes, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RejectDocumentationProps, Response, RetireType, Role, RoleIcon, RoleIconProps, RootBGColor, RootColor, SdgGoals, Sector, SectoralScope, SolarProperties, StasticCard, StasticCardItemProps, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, TimelineBodyProps, Titles, TooltipColor, TransferActionModel, TransferActionModelProps, TxType, TypeOfMitigation, UnitField, User, UserContextProps, UserCreationProps, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserProps, UserRoleIcon, UserRoleIconProps, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, userForgotPasswordProps };
+declare const ConnectionContextProvider: FC<ConnectionContextProviderProps>;
+
+declare const useConnection: () => ConnectionProps;
+
+declare const UserContext: React.Context<UserContextProps>;
+declare const UserInformationContextProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+
+declare const useUserContext: () => UserContextProps;
+
+declare const SettingsContext: React.Context<{
+    isTransferFrozen: boolean;
+    setTransferFrozen: (value: boolean) => void;
+}>;
+declare const SettingsContextProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+declare const useSettingsContext: () => {
+    isTransferFrozen: boolean;
+    setTransferFrozen: (value: boolean) => void;
+};
+
+export { Action, AdaptationProperties, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, AgricultureProperties, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenefitProps, CoBenefitsProperties, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, ConnectionContextProviderProps, ConnectionProps, CountrySelect, CreditCalculationProperties, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, Emission, EmissionGas, EmissionSector, EmissionSubSectors, EnablementProperties, EnergyGenerationUnits, FormElementType, GHGDashboardComponent, GHGEmissionsComponent, GHGProjectionsComponent, GhgStatCardTypes, GovBGColor, GovColor, HeaderProps, ImgWithFallback, InfoView, InfoViewProps, Instrument, InvestmentBGColor, InvestmentBody, InvestmentBodyProps, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LayoutSiderProps, LegendItem, LegendItemItemProps, Loading, LoginProps, ManagerBGColor, ManagerColor, MapComponent, MapComponentProps, MapPopupData, MapSourceData, MapTypes, MapboxComponent, MarkerData, Methods, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcAction, NdcActionBody, NdcActionBodyProps, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, NdcFinancing, OrganisationStatus, OrganisationStatusProps, ProfileIcon, ProfileIconProps, Programme, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDeveloperCreation, ProgrammeDocuments, ProgrammeDocumentsProps, ProgrammeEntity, ProgrammeIssueForm, ProgrammeIssueFormProps, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeProperties, ProgrammePropertiesR, ProgrammePropertiesT, ProgrammePropertiesU, ProgrammeR, ProgrammeRetireForm, ProgrammeRetireFormProps, ProgrammeRevokeForm, ProgrammeRevokeFormProps, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeT, ProgrammeTransfer, ProgrammeTransferForm, ProgrammeTransferFormProps, ProgrammeU, Projection, ProjectionTypes, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RejectDocumentationProps, Response, RetireType, Role, RoleIcon, RoleIconProps, RootBGColor, RootColor, SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, SolarProperties, StasticCard, StasticCardItemProps, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, TimelineBodyProps, Titles, TooltipColor, TransferActionModel, TransferActionModelProps, TxType, TypeOfMitigation, UnitField, User, UserContext, UserContextProps, UserCreationProps, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserProps, UserRoleIcon, UserRoleIconProps, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext, userForgotPasswordProps };

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@undp/carbon-library",
-  "version": "1.0.289-CARBON-366.1",
+  "version": "1.0.289-CARBON-178.2",
   "description": "Shared Library of tools for Carbon Credits applications ecosystem for ExO and and HQ/GEF",
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c --bundleConfigAsCjs",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "keywords": [],
   "author": "",
@@ -16,10 +18,14 @@
     "@rollup/plugin-json": "^6.0.1",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-typescript": "^11.1.1",
+    "@storybook/addon-styling-webpack": "^0.0.5",
     "@undp/carbon-credit-calculator": "^1.1.1",
+    "jwt-decode": "^3.1.2",
     "node-sass": "^7.0.3",
     "postcss": "^8.4.23",
     "react-circle-flags": "^0.0.19",
+    "react-i18next": "^12.0.0",
+    "react-router-dom": "^6.4.3",
     "rollup": "^3.22.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^5.3.0",
@@ -30,6 +36,19 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^5.2.5",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@storybook/addon-essentials": "7.5.3",
+    "@storybook/addon-interactions": "7.5.3",
+    "@storybook/addon-links": "7.5.3",
+    "@storybook/addon-onboarding": "1.0.8",
+    "@storybook/blocks": "7.5.3",
+    "@storybook/preset-ant-design": "^0.0.2",
+    "@storybook/preset-create-react-app": "^7.5.3",
+    "@storybook/react": "7.5.3",
+    "@storybook/react-webpack5": "7.5.3",
+    "@storybook/testing-library": "0.2.2",
     "@types/luxon": "^3.1.0",
     "@types/mapbox-gl": "^2.7.10",
     "@types/react": "^18.0.25",
@@ -39,13 +58,21 @@
     "axios": "^1.1.3",
     "buffer": "^6.0.3",
     "class-transformer": "^0.5.1",
+    "css-loader": "^6.8.1",
+    "i18next": "^22.0.6",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-http-backend": "^2.0.1",
     "luxon": "^3.2.1",
     "mapbox-gl": "^2.11.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.0",
     "react-bootstrap-icons": "^1.10.2",
+    "react-dom": "18.2.0",
     "react-mapbox-gl": "^5.1.1",
     "react-phone-number-input": "^3.2.12",
+    "sass-loader": "^13.3.2",
+    "storybook": "7.5.3",
+    "style-loader": "^3.3.3",
     "validator": "^13.9.0"
   },
   "peerDependencies": {