@undp/carbon-library 1.0.263-CARBON-390.3 → 1.0.263-carbon-lib-test.1

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/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,7 @@ import { ReactNode } from 'react';
 export type Methods = 'get' | 'post' | 'delete' | 'put' | 'patch';
 export type ConnectionContextProviderProps = {
     serverURL: string;
+    t: any;
     children: ReactNode;
 };
 export interface Response<T> {

package/dist/esm/types/Definitions/Enums/enablementTypes.enum.d.ts

@@ -1,8 +1,7 @@
 export declare enum EnablementTypes {
     CapacityBuilding = "Capacity Building",
     TechnologyTransfer = "Technology Transfer",
-    Financial = "Financial",
-    EnhancedTransparency = "Enhanced Transparency"
+    Financial = "Financial"
 }
 export declare const enablementTypesAndValues: {
     type: 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/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/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/index.d.ts

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

package/dist/index.d.ts

@@ -129,7 +129,6 @@ interface CoBenefitProps {
     loading?: any;
     sdgGoalImages?: any;
     translator?: any;
-    useConnection?: any;
 }
 declare const CoBenifitsComponent: (props: CoBenefitProps) => React.JSX.Element;
 
@@ -360,7 +359,6 @@ interface ProgrammeRetireFormProps {
     hideType: boolean;
     myCompanyId?: number;
     translator: any;
-    useConnection: any;
 }
 declare const ProgrammeRetireForm: FC<ProgrammeRetireFormProps>;
 
@@ -387,7 +385,6 @@ interface ProgrammeTransferFormProps {
     userCompanyId: number | undefined;
     companyRole: string;
     translator: any;
-    useConnection: any;
     ministryLevelPermission?: boolean;
 }
 declare const ProgrammeTransferForm: FC<ProgrammeTransferFormProps>;
@@ -988,6 +985,7 @@ interface CountrySelect {
 type Methods = 'get' | 'post' | 'delete' | 'put' | 'patch';
 type ConnectionContextProviderProps = {
     serverURL: string;
+    t: any;
     children: ReactNode;
 };
 interface Response<T> {
@@ -1152,9 +1150,7 @@ interface NdcActionBodyProps {
     programmeOwnerId?: any;
     getProgrammeDocs?: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
     translator: any;
-    useUserContext: any;
     onFinish?: any;
     programme?: any;
 }
@@ -1175,8 +1171,6 @@ interface ProgrammeDocumentsProps {
     getDocumentDetails: any;
     getProgrammeById: any;
     ministryLevelPermission?: boolean;
-    useConnection: any;
-    useUserContext: any;
     translator: any;
     methodologyDocumentUpdated: any;
     programmeStatus?: any;
@@ -1217,4 +1211,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, EnablementProperties, EnergyGenerationUnits, FormElementType, 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, 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, EnablementProperties, EnergyGenerationUnits, FormElementType, 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, 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/dist/locales/i18n/company/en.json

@@ -8,7 +8,7 @@
   "viewCompanies": "View Organisations",
   "viewDesc": "View all the visible organisations in the system based on your permissions",
   "addCompany": "Add organisation",
-  "numberOfProgrammes": "NUMBER OF PROJECTS",
+  "numberOfProgrammes": "NUMBER OF PROGRAMMES",
   "creditBalance": "CREDIT BALANCE",
   "date": "Date",
   "getCompanyError": "Error in getting company",

package/dist/locales/i18n/creditTransfer/en.json

@@ -5,7 +5,7 @@
   "certifier": "CERTIFIER",
   "initiator": "INITIATOR",
   "date": "DATE",
-  "pName": "PROJECT NAME",
+  "pName": "PROGRAMME NAME",
   "sector": "SECTOR",
   "cSender": "CREDIT SENDER",
   "cReceiver": "CREDIT RECEIVER",
@@ -15,7 +15,7 @@
   "noTransfer": "No Transfers Available",
   "cancelTitle": "Are you sure you want to cancel this request?",
   "rejectTitle": "Are you sure you want to reject this  request?",
-  "acceptTitle": "Accept Finance Request",
+  "acceptTitle": "Accept Transfer Request",
   "proceed": "Proceed",
   "cancel": "Cancel",
   "reject": "Reject",

package/dist/locales/i18n/ndc/en.json

@@ -3,7 +3,7 @@
     "ndcSubTitle": "NDC Actions in the System",
     "ndcColumnsStartDate": "Start Date",
     "ndcColumnsEndDate": "End Date",
-    "ndcColumnsNationalPlanObj": "Programmes",
+    "ndcColumnsNationalPlanObj": "National Plan Objective",
     "ndcColumnsKpi": "KPI",
     "rangeAlreadyExists": "Selected Range Already exists",
     "addNdcAction": "+ Add NDC Action",

package/dist/locales/i18n/ndcAction/en.json

@@ -43,7 +43,7 @@
   "ndcColumnsActionId": "ACTIVITY ID",
   "ndcColumnsDate": "DATE",
   "ndcColumnsNdcAction": "ACTIVITY",
-  "ndcColumnsProgrammeName": "PROJECT NAME",
+  "ndcColumnsProgrammeName": "PROGRAMME NAME",
   "ndcColumnsSector": "SECTOR",
   "ndcColumnsOwners": "OWNERS",
   "ndcColumnsStatus": "STATUS",

package/dist/locales/i18n/programme/en.json

@@ -24,7 +24,7 @@
     "amount": "Amount (USD)",
     "investmentTitle": "Financing",
     "investmentDesc": "Financing made on projects in the Transparency System",
-    "addProgramme": "ADD PROJECT",
+    "addProgramme": "ADD PROGRAMME",
     "emissionsReductionExpected": "Emissions Reductions Expected (tCO2e)",
     "emissionsReductionAchieved": "Emissions Reductions Achieved (tCO2e)",
     "isUploaded": "Document uploaded successfully",
@@ -77,7 +77,7 @@
     "typeCreation": "Type",
     "New": "NEW",
     "Existing": "EXISTING",
-    "addOwnership": "ADD FINANCING",
+    "addOwnership": "ADD INVESTMENT",
     "supportTitle": "Supports",
     "supportDesc": "Supports made on projects in the Transparency System",
     "addSupport": "Add Support",

package/dist/locales/i18n/view/en.json

@@ -42,7 +42,7 @@
     "retireTitle": "Are you sure you want to retire the credits?",
     "revokeTitle": "Are you sure you want to revoke the certificate of the project",
     "transferTitle": "Request Credits",
-    "programmeMaterial": "Project Documents",
+    "programmeMaterial": "Project & Project Documents",
     "projectMaterial": "Project Reports",
     "transfer": "Request",
     "by": "By",
@@ -100,12 +100,11 @@
     "tlCertify": "Certified",
     "tlCertifyDesc": "The project was certified by {}",
     "tlRetire": "Credits Retired",
-    "tlRetireDesc": "{} {} credits of this project were retired from {} {}as {} {}by {}",
+    "tlRetireDesc": "{} {} credits of this project were retired from {} {}as {} by {}",
     "tlFrozen": "Credits Frozen",
     "tlFrozenDesc": "{} {} credits were frozen due to the deactivation of {} by {}",
     "tlRetInit": "Retirement Initiated",
-    "tlRetInitDesc": "Retirement of {} {} credits of this project from {} {}as {} {}was initiated by {}",
-    "t1RetInitOmgeDesc":"and {} ITMO credits as Overall Mitigation in Global Emissions ",
+    "tlRetInitDesc": "Retirement of {} {} credits of this project from {} {}as {} was initiated by {}",
     "tlRetRejectTitle": "Retirement Not Recognised",
     "tlTxRetRejectDesc": "The request to transfer {} {} credits from {} to {} was not recognised by {}",
     "tlRetCancelTitle": "Retire request cancelled",
@@ -138,14 +137,11 @@
     "emissionsReductionExpected": "Emissions Reductions Expected",
     "emissionsReductionAchieved": "Emissions Reductions Achieved",
     "emissionsReductions": "Emissions Reductions {}",
-    "addInvestment": "ADD FINANCING",
+    "addInvestment": "ADD INVESTMENT",
     "addAction": "ADD ACTIVITY",
     "ministryLevel": "Ministry Level",
     "environmentalAssessmentRegistrationNo": "Environmental Assessment Registration Number",
     "methodology": "Methodology",
     "verificationEl": "Verification",
-    "monitoringEl": "Monitoring",
-    "govInternationalAcc":"Government International Account",
-    "omgeAcc":"OMGE Account",
-    "omgeDesc":"Overall Mitigation in Global Emissins (OMGE)"
+    "monitoringEl": "Monitoring"
   }

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@undp/carbon-library",
-  "version": "1.0.263-CARBON-390.3",
+  "version": "1.0.263-carbon-lib-test.1",
   "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": {