@adyen/kyc-components 1.2.0

package/dist/types/utils/mapping/componentApiMapping.d.ts

@@ -0,0 +1,123 @@
+export declare const mandatoryApiFields: {
+    INDIVIDUAL: string[];
+    DECISIONMAKER: string[];
+    ORGANIZATION: string[];
+    SOLE_PROPRIETORSHIP: string[];
+};
+export declare const individualComponentsKeyMapping: {
+    'personalDetails.residencyCountry': string;
+    'personalDetails.firstName': string;
+    'personalDetails.lastName': string;
+    'personalDetails.birthDate': string;
+    'personalDetails.idNumber': string;
+    'personalDetails.phoneNumber': string;
+    'personalDetails.email': string;
+    'personalDetails.idNumberExempt': string;
+    'address.city': string;
+    'address.country': string;
+    'address.postalCode': string;
+    'address.stateOrProvince': string;
+    'address.street': string;
+    'address.houseNumberOrName': string;
+};
+export declare const individualApiKeyMapping: any;
+export declare const companyComponentsKeyMapping: {
+    'companyNameAndCountry.legalCompanyName': string;
+    'companyType.entityType': string;
+    'companyDetails.tradingName': string;
+    'companyDetails.registrationNumber': string;
+    'companyDetails.vatNumber': string;
+    'companyDetails.exemptedFromVat': string;
+    'companyDetails.vatAbsenceReason': string;
+    'companyDetails.taxInformation': string;
+    'companyDetails.stockExchangeMIC': string;
+    'companyDetails.stockISIN': string;
+    'companyRegistrationDetails.registrationAddress.city': string;
+    'companyRegistrationDetails.registrationAddress.country': string;
+    'companyRegistrationDetails.registrationAddress.postalCode': string;
+    'companyRegistrationDetails.registrationAddress.stateOrProvince': string;
+    'companyRegistrationDetails.registrationAddress.street': string;
+    'companyRegistrationDetails.registrationAddress.houseNumberOrName': string;
+    'companyRegistrationDetails.operationalAddress.city': string;
+    'companyRegistrationDetails.operationalAddress.country': string;
+    'companyRegistrationDetails.operationalAddress.postalCode': string;
+    'companyRegistrationDetails.operationalAddress.stateOrProvince': string;
+    'companyRegistrationDetails.operationalAddress.street': string;
+    'companyRegistrationDetails.operationalAddress.houseNumberOrName': string;
+    'companyNameAndCountry.companyCountry': string;
+};
+export declare const companyApiKeyMapping: any;
+export declare const payoutComponentKeyMapping: {
+    'payoutAccountDetails.transferInstrumentId': string;
+    'payoutAccountDetails.accountType': string;
+    'payoutAccountDetails.bankAccountNumber': string;
+    'payoutAccountDetails.bankBicSwift': string;
+    'payoutAccountDetails.bankCity': string;
+    'payoutAccountDetails.bankCode': string;
+    'payoutAccountDetails.bankName': string;
+    'payoutAccountDetails.branchCode': string;
+    'payoutAccountDetails.checkCode': string;
+    'payoutAccountDetails.bankCountry': string;
+    'payoutAccountDetails.currency': string;
+    'payoutAccountDetails.iban': string;
+};
+export declare const payoutApiKeyMapping: any;
+export declare const remediationCompanyApiKeyMapping: any;
+export declare const remediationIndividualApiKeyMapping: any;
+export declare const remediationPayoutApiKeyMapping: any;
+export declare const trustComponentsKeyMapping: {
+    'trustRegistrationDetails.trustType': string;
+    'trustRegistrationDetails.vatNumber': string;
+    'trustRegistrationDetails.legalName': string;
+    'trustRegistrationDetails.country': string;
+    'trustRegistrationAddress.registrationAddress.city': string;
+    'trustRegistrationAddress.registrationAddress.country': string;
+    'trustRegistrationAddress.registrationAddress.postalCode': string;
+    'trustRegistrationAddress.registrationAddress.stateOrProvince': string;
+    'trustRegistrationAddress.registrationAddress.street': string;
+    'trustRegistrationAddress.registrationAddress.houseNumberOrName': string;
+    'trustRegistrationAddress.operationalAddress.city': string;
+    'trustRegistrationAddress.operationalAddress.country': string;
+    'trustRegistrationAddress.operationalAddress.postalCode': string;
+    'trustRegistrationAddress.operationalAddress.stateOrProvince': string;
+    'trustRegistrationAddress.operationalAddress.street': string;
+    'trustRegistrationAddress.operationalAddress.houseNumberOrName': string;
+};
+export declare const trustApiKeyMapping: any;
+export declare const solePropComponentsKeyMapping: {
+    'solePropNameAndCountry.legalCompanyName': string;
+    'solePropNameAndCountry.companyCountry': string;
+    'solePropRegistrationDetails.tradingName': string;
+    'solePropRegistrationDetails.vatNumber': string;
+    'solePropRegistrationDetails.registrationNumber': string;
+    'solePropRegistrationDetails.exemptedFromVat': string;
+    'solePropRegistrationDetails.vatAbsenceReason': string;
+    'solePropRegistrationDetails.taxInformation': string;
+    'solePropRegistrationAddress.registrationAddress.city': string;
+    'solePropRegistrationAddress.registrationAddress.country': string;
+    'solePropRegistrationAddress.registrationAddress.postalCode': string;
+    'solePropRegistrationAddress.registrationAddress.stateOrProvince': string;
+    'solePropRegistrationAddress.registrationAddress.street': string;
+    'solePropRegistrationAddress.registrationAddress.houseNumberOrName': string;
+    'solePropRegistrationAddress.operationalAddress.city': string;
+    'solePropRegistrationAddress.operationalAddress.country': string;
+    'solePropRegistrationAddress.operationalAddress.postalCode': string;
+    'solePropRegistrationAddress.operationalAddress.stateOrProvince': string;
+    'solePropRegistrationAddress.operationalAddress.street': string;
+    'solePropRegistrationAddress.operationalAddress.houseNumberOrName': string;
+};
+export declare const solePropApiKeyMapping: any;
+export declare const documentTypeKeyMapping: {
+    passport: string;
+    driversLicense: string;
+    identityCard: string;
+    proofOfNationalIdNumber: string;
+    proofOfResidency: string;
+    proofOfIndividualTaxId: string;
+    registrationDocument: string;
+    taxDocument: string;
+    proofOfAddress: string;
+    bankStatementDocument: string;
+    trustDocument: string;
+    solePropConstitutionalDocument: string;
+};

package/dist/types/utils/mapping/documentGuidanceMap.d.ts

@@ -0,0 +1,6 @@
+import { DocumentType } from '../../core/models/api/document';
+/**
+ * Returns the appropriate prefix for the document guidance image based on api documentType.
+ */
+declare const getDocumentGuidancePrefix: (documentType: DocumentType, isIcon?: boolean, isFront?: boolean) => "id" | "passport" | "id-front" | "id-back" | "generic-document";
+export { getDocumentGuidancePrefix };

package/dist/types/utils/mapping/mapping.d.ts

@@ -0,0 +1,112 @@
+import { IndividualSchema } from '../../components/Individual/types';
+import LegalEntity from '../../core/models/api/legal-entity';
+import Document from '../../core/models/api/document';
+import { CompanySchema } from '../../components/Company/types';
+import TransferInstrument from '../../core/models/api/transfer-instrument';
+import { PayoutBankStatementSchema } from '../../components/PayoutBankStatement/types';
+import { PayoutDetailsSchema } from '../../components/PayoutDetails/types';
+import { TrustSchema } from '../../components/Trust/types';
+import { SolePropSchema } from '../../components/SoleProp/types';
+/**
+ * Easy to use function for mapping Individual component data to a LegalEntity
+ * @param data - an Individual person data
+ * @returns a LegalEntity ready for use with API
+ */
+export declare const mapIndividualToLegalEntity: (data: IndividualSchema) => LegalEntity;
+/**
+ * Easy to use function for mapping transferInstrument response to payout account details component data
+ * @param transferInstrument - a transferInstrument the same as found in API response
+ * @returns a Payout Details person data
+ */
+export declare const mapTransferInstrumentToPayoutAccount: (transferInstrument: TransferInstrument) => PayoutDetailsSchema;
+/**
+ * Easy to use function for mapping payout account details component data to transferInstrument
+ * @param payoutDetails - Details person data
+ * @returns transferInstrument - a transferInstrument the same as found in API response
+ */
+export declare const mapPayoutAccountToTransferInstrument: ({ data, legalEntity }: {
+    data: any;
+    legalEntity: any;
+}) => TransferInstrument;
+/**
+ * Easy to use function for mapping LegalEntity response to Individual component data
+ * @param legalEntity - a LegalEntity the same as found in API response
+ * @returns an Individual person data
+ */
+export declare const mapLegalEntityToIndividual: (legalEntity: LegalEntity, isChangingType: boolean) => IndividualSchema;
+/**
+ * Easy to use function for mapping LegalEntity response to Company component data
+ * @param legalEntity - a LegalEntity the same as found in API response
+ * @returns an Company data
+ */
+export declare const mapLegalEntityToCompany: (legalEntity: LegalEntity, isChangingType: boolean) => CompanySchema;
+/**
+ * Easy to use function for mapping Company component data to a LegalEntity
+ * @param data - an Company person data
+ * @returns a LegalEntity ready for use with API
+ */
+export declare const mapCompanyToLegalEntity: (data: CompanySchema) => LegalEntity;
+export declare const mapIndividualDocumentToApiDocument: (data: IndividualSchema, entityId: any) => Promise<Array<Document>>;
+export declare const mapApiDocumentToIndividualDocuments: (entityId: string) => IndividualSchema;
+export declare const mapCompanyDocumentToApiDocument: (data: CompanySchema, entityId: any) => Promise<Array<Document>>;
+export declare const mapApiDocumentToCompanyDocuments: (entityId: string) => CompanySchema;
+export declare const mapApiDocumentToPayoutDocuments: (entityId: string) => PayoutBankStatementSchema;
+export declare const mapPayoutDocumentsToApiDocuments: (data: PayoutDetailsSchema, entityId: any) => Promise<Array<Document>>;
+/**
+ * @param obj - source object
+ * @param mapping - key mappings between target and source object structure
+ * @example
+ * ```
+ *   let mapping={ 'a.b': 'x.y.z'}
+ *   let obj = {x: {y: {z: 'foo'}}}
+ *   formatObject(obj, mapping) => {a:{b:'foo'}}
+ * ```
+ */
+export declare const formatObject: (obj: any, mapping: {
+    [key: string]: string;
+}) => {};
+/**
+ * assigns the value provided to the key in targetObject.
+ * @param path - keys separated by a delimiter.
+ * @param obj - object to which value will be assigned
+ * @param val - value to be assigned
+ *
+ * @example
+ * ```
+ *   targetObject = {};
+ *   assignToProp('x.y.z', targetObject, 'foo');
+ *   console.log(targetObject); => {x:{y:{z:'foo'}}}
+ * ```
+ */
+export declare function assignToProp(path: any, obj: any, val: any): void;
+/**
+ * Easy to use function for mapping LegalEntity response to Trust component data
+ * @param legalEntity - a LegalEntity the same as found in API response
+ * @returns an Company data
+ */
+export declare const mapLegalEntityToTrust: (legalEntity: LegalEntity) => TrustSchema;
+export declare const mapTrustToLegalEntity: (data: TrustSchema) => LegalEntity;
+/**
+ * Easy to use function for mapping LegalEntity response to SoleProprietor component data
+ * @param legalEntity - a LegalEntity the same as found in API response
+ * @returns an SoleProp data
+ */
+export declare const mapLegalEntityToSoleProp: (legalEntity: LegalEntity) => SolePropSchema;
+export declare const mapSolePropToLegalEntity: (data: SolePropSchema) => LegalEntity;
+export declare const mapSolePropDocumentToApiDocument: (data: SolePropSchema, entityId: any) => Promise<Array<Document>>;
+export declare const mapApiDocumentToSolePropDocuments: (entityId: string) => SolePropSchema;
+export declare const getPageName: (document: Document, pageIndex?: number) => string;
+/**
+ * returns the indicated property of an object, if it exists.
+ *
+ * @param object - The object to query
+ * @param path - The property name or path to the property
+ * @returns The value at `obj[p]`.
+
+ * @example
+ * ```
+ *   getProp({x: 100}, 'x'); //=> 100
+ *   getProp({}, 'x'); //=> undefined
+ * ```
+ */
+export declare function getProp(object: any, path: string): any;

package/dist/types/utils/payout-account.d.ts

@@ -0,0 +1,2 @@
+import LegalEntity from '../core/models/api/legal-entity';
+export declare const hasPayoutAccount: (legalEntityResponse: LegalEntity) => boolean;

package/dist/types/utils/remove-object-empty-values.d.ts

@@ -0,0 +1 @@
+export default function removeObjectPropsWithEmptyValues(obj: object): object;

package/dist/types/utils/scroll.d.ts

@@ -0,0 +1 @@
+export declare const getScrollParent: (node: any) => any;

package/dist/types/utils/trust-util.d.ts

@@ -0,0 +1,75 @@
+import Language from '../language';
+import { isPartOfTrustIds } from '../components/internal/PartOfTrust/types';
+import LegalEntity from '../core/models/api/legal-entity';
+import { TrustMemberType } from '../core/models/api/trust-member-type';
+import LegalEntityAssociation from '../core/models/api/legal-entity-association';
+import { EntityProblems } from '../core/models/errors/entity-problems';
+import { CapabilityProblems } from '../core/models/errors/capability-problems';
+export declare const isPartOfTrustFromLegalEntity: (legalEntity: LegalEntity) => boolean;
+export declare const getPartOfTrustItemDataFromLegalEntity: (legalEntity: LegalEntity) => isPartOfTrustIds;
+export declare const getLabelFromPartOfTrustId: (id: isPartOfTrustIds) => string;
+export declare const getOwnTrustMembers: (legalEntity: LegalEntity) => Array<LegalEntityAssociation>;
+export declare const getOwnTrustMembersLegalEntityIds: (legalEntity: LegalEntity) => string[];
+export declare const getOwnTrustLegalEntityIdAsArray: (legalEntity: LegalEntity) => string[];
+export declare const getOwnTrustProblems: (legalEntity: LegalEntity, capabilityProblems: CapabilityProblems) => EntityProblems;
+export declare const hasMinRequiredTrustMemberCount: (legalEntity: LegalEntity) => boolean;
+export declare const getTranslatedTrustMemberRoles: (i18n: Language, allowedRoles?: TrustMemberType[]) => ({
+    name: string;
+    description: string;
+    id: TrustMemberType;
+    className: string;
+} | {
+    name: string;
+    description: string;
+    id: TrustMemberType;
+    className: string;
+} | {
+    name: string;
+    description: string;
+    id: TrustMemberType;
+    className: string;
+} | {
+    name: string;
+    description: string;
+    id: TrustMemberType;
+    className: string;
+} | {
+    name: string;
+    description: string;
+    id: TrustMemberType;
+    className: string;
+})[];
+export declare const getTrustMemberTagColor: (decisionMakerType: TrustMemberType) => string;
+export declare const getTrustMemberName: (decisionMakerType: TrustMemberType) => string;
+export declare const trustMemberRoles: {
+    definedBeneficiary: {
+        id: TrustMemberType;
+        name: string;
+        description: string;
+        className: string;
+    };
+    protector: {
+        id: TrustMemberType;
+        name: string;
+        description: string;
+        className: string;
+    };
+    secondaryTrustee: {
+        id: TrustMemberType;
+        name: string;
+        description: string;
+        className: string;
+    };
+    settlor: {
+        id: TrustMemberType;
+        name: string;
+        description: string;
+        className: string;
+    };
+    uboThroughOwnership: {
+        id: TrustMemberType;
+        name: string;
+        description: string;
+        className: string;
+    };
+};

package/dist/types/utils/trust-util.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @jest-environment jsdom
+ */
+export {};

package/dist/types/utils/useForm/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useForm';

package/dist/types/utils/useForm/reducer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Processes default data and sets as default in state
+ */
+export declare function init({ schema, defaultData, processField, fieldProblems }: {
+    schema: any;
+    defaultData: any;
+    processField: any;
+    fieldProblems: any;
+}): {
+    schema: any;
+    data: any;
+    valid: any;
+    errors: any;
+    fieldProblems: any;
+};
+export declare function getReducer(processField: any): (state: any, { type, key, value, mode, schema, defaultData, formValue, selectedSchema, fieldProblems }: any) => any;

package/dist/types/utils/useForm/types.d.ts

@@ -0,0 +1,91 @@
+import { ValidatorRules } from '../Validator/types';
+import { EntityProblems } from '../../core/models/errors/entity-problems';
+import { FormVerificationErrors } from '../../core/models/errors/form-verification-errors';
+import { StateUpdater } from 'preact/hooks';
+export declare type FormState<FormSchema> = {
+    schema?: string[];
+    data: FormSchema;
+    errors: {
+        [key: string]: any;
+    };
+    valid: {
+        [key: string]: boolean;
+    };
+    fieldProblems?: {
+        [key: string]: any;
+    };
+    isValid?: boolean;
+};
+export interface BaseFormProps<FormSchema> {
+    placeholders?: {
+        [field in keyof FormSchema]: any;
+    };
+    requiredFields?: Array<keyof FormSchema> | {
+        [field in keyof FormSchema]: any;
+    };
+    optionalFields?: Array<keyof FormSchema> | {
+        [field in keyof FormSchema]: any;
+    };
+    verifyFields?: Array<keyof FormSchema> | {
+        [field in keyof FormSchema]: any;
+    };
+    labels?: {
+        [field in keyof FormSchema]: any;
+    };
+    readOnly?: boolean;
+    readOnlyFields?: Array<keyof FormSchema> | {
+        [field in keyof FormSchema]: any;
+    };
+    onChange?(state: FormState<FormSchema>): void;
+    showValidation?: boolean;
+    data?: FormSchema;
+    validators?: ValidatorRules<FormSchema>;
+    ref?: any;
+    heading?: string;
+    name?: string;
+    description?: string;
+}
+export interface Form<FormSchema> extends FormState<FormSchema> {
+    handleChangeFor: (key: string, mode?: string) => (e: any) => void;
+    triggerValidation: (schema?: any) => void;
+    setSchema: (schema: any) => void;
+    setData: (key: string, value: any) => void;
+    setValid: (key: string, value: any) => void;
+    setErrors: (key: string, value: any) => void;
+    mergeForm: (formValue: any) => void;
+    setFieldProblems: (fieldProblems: any) => void;
+}
+export interface BaseOuterFormProps<FormSchema> extends BaseFormProps<FormSchema> {
+    problems?: EntityProblems;
+    capabilities?: Array<string>;
+    country?: string;
+    requiredFields?: {
+        [field in keyof FormSchema]: any;
+    };
+    optionalFields?: {
+        [field in keyof FormSchema]: any;
+    };
+    verifyFields?: {
+        [field in keyof FormSchema]: any;
+    };
+    readOnlyFields?: {
+        [field in keyof FormSchema]: any;
+    };
+    evaluateConfiguration?: (data: FormSchema) => {};
+    setHideDropinLayout?: StateUpdater<boolean>;
+    setHideNavigation?: StateUpdater<boolean>;
+    setHideFooter?: StateUpdater<boolean>;
+    setCustomFormNavigationHandlers?(formId: string, onNext: () => void, onBack: () => void): void;
+}
+export interface BaseInnerFormProps<FormSchema> extends BaseFormProps<FormSchema> {
+    formVerificationErrors?: FormVerificationErrors;
+    fieldValidationErrors?: {
+        [fieldName: string]: any;
+    };
+    requiredFields?: Array<keyof FormSchema>;
+    optionalFields?: Array<keyof FormSchema>;
+    verifyFields?: Array<keyof FormSchema>;
+    readOnlyFields?: Array<keyof FormSchema>;
+    id?: string;
+    dataStoreId?: string;
+}

package/dist/types/utils/useForm/useForm.d.ts

@@ -0,0 +1,11 @@
+import { FormatRules, ValidatorRules } from '../Validator/types';
+import { Form } from './types';
+interface UseFormArgs<FormSchema> {
+    rules?: ValidatorRules<FormSchema>;
+    schema?: (keyof FormSchema)[];
+    formatters?: FormatRules<FormSchema>;
+    defaultData?: object;
+    fieldProblems?: object;
+}
+declare function useForm<FormSchema>({ rules, schema, formatters, defaultData, fieldProblems }: UseFormArgs<FormSchema>): Form<FormSchema>;
+export default useForm;

package/dist/types/utils/useForm/useForm.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/uuid.d.ts

@@ -0,0 +1 @@
+export default function uuidv4(): string;

package/dist/types/utils/uuid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/validatorUtils.d.ts

@@ -0,0 +1,27 @@
+import 'core-js/features/string/trim-start';
+import { CountryBasedValidatorRules, CountryRuleset, Ruleset, ValidatorRules } from './Validator/types';
+export declare const getMaxLengthByFormatRuleset: (formattingRules: any, field: any) => any;
+export declare const getMaxLengthByFieldAndCountry: (formattingRules: any, field: any, country: any, ignoreIfFormatterExists: any) => any;
+/**
+ * Merges country based and default validation rule sets.
+ * Only merges rule-sets for a field if the "modes" for the validation rule are different.
+ * Avoids having duplicate rules for the same fields (both of which would still be run)
+ */
+export declare function mergeCountryBasedValidators<FormSchema>(defaultValidatorsObj: ValidatorRules<FormSchema>, countryBasedValidators: CountryBasedValidatorRules<FormSchema>, country: string): ValidatorRules<FormSchema>;
+/**
+ * Merges any 2 set of objects where we have a base set of rules and then a country based set with values for particular fields
+ * Example - formatting rules e.g. for SSN in IdentityNumberComponent
+ */
+export declare function mergeCountryBasedRulesets(defaultRuleset: Ruleset, countryBasedRuleset: CountryRuleset, country: string): Ruleset;
+export declare const isUndefinedOrNull: (input: any) => boolean;
+export declare const isEmpty: (input: any) => boolean;
+export declare const isString: (input: any) => boolean;
+export declare const hasText: (input: any) => boolean;
+export declare const SPECIAL_CHARS = "?\\-\\+_=!@#$%^&*(){}~<>\\[\\]\\/\\\\";
+export declare const getFormattingRegEx: (specChars: string, flags?: string) => RegExp;
+export declare const getValidatingRegEx: (specChars: string, exclude: boolean) => RegExp;
+export declare const CHARACTER_PATTERNS: {
+    [key: string]: RegExp;
+};
+export declare const exactLength: (input: string, length: number) => boolean;
+export declare const trimValWithOneSpace: (val: any) => any;

package/dist/types/utils/verification/helpers/verifyIDNumber.d.ts

@@ -0,0 +1,17 @@
+import { FormState } from '../../useForm/types';
+export interface IdSchema {
+    idNumber: string;
+    firstName: string;
+    lastName: string;
+}
+export declare const verifyIDNumberHelper: (formState: Pick<FormState<IdSchema>, 'data'>, contextCountry: string, props: any) => Promise<{
+    status: string;
+    data: import("../../../core/models/api/id-verification-data").default;
+    fieldName: string;
+    translationKey: string;
+} | {
+    status: string;
+    data: import("../../../core/models/api/id-verification-data").default;
+    fieldName: string;
+    translationKey?: undefined;
+}>;

package/dist/types/utils/verification/verificationUtils.d.ts

@@ -0,0 +1,7 @@
+import { IdSchema } from './helpers/verifyIDNumber';
+import IdVerificationStatus from '../../core/models/id-verification-status';
+import { FormState } from '../useForm/types';
+export declare function useVerification(fieldsToVerify: any[], country: string): {
+    hasFieldsToVerify: boolean;
+    verifyFields: (formState: Pick<FormState<IdSchema>, 'data'>) => Promise<IdVerificationStatus[]>;
+};

package/package.json

@@ -0,0 +1,93 @@
+{
+    "name": "@adyen/kyc-components",
+    "version": "1.2.0",
+    "description": "",
+    "license": "MIT",
+    "files": [
+        "./dist"
+    ],
+    "exports": {
+        ".": {
+            "types": "./dist/types/index.d.ts",
+            "import": "./dist/adyen-kyc-components.esm.js",
+            "require": "./dist/adyen-kyc-components.cjs.js"
+        },
+        "./src/*": "./src/*"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Adyen/adyen-kyc-components/"
+    },
+    "scripts": {
+        "clean": "rm -rf dist",
+        "start": "npm run dev",
+        "dev": "cross-env NODE_ENV=development webpack serve --config=config/webpack.dev.js",
+        "test": "jest --config config/jest.config.js",
+        "test:watch": "npm run test --watch",
+        "build": "npm run clean && cross-env NODE_ENV=production webpack --config=config/webpack.prod.js",
+        "buildAll": "npm run build && npm run types:build-declarations",
+        "buildDemo": "cross-env NODE_ENV=production webpack --config=config/webpack.demo.js",
+        "lint": "eslint 'src/**/*.{js,ts,tsx}'",
+        "lint:scss": "stylelint 'src/**/*.scss' '!node_modules/**/*.scss' --fix",
+        "lint:fix": "npm run lint -- --fix",
+        "types:check": "tsc",
+        "types:build-declarations": "tsc --project tsconfig-build.json"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.17.8",
+        "@babel/preset-env": "^7.16.11",
+        "@prefresh/babel-plugin": "^0.4.3",
+        "@prefresh/webpack": "^3.3.3",
+        "@testing-library/preact": "^2.0.1",
+        "@testing-library/preact-hooks": "^1.1.0",
+        "@types/jest": "^29.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.4.0",
+        "@typescript-eslint/parser": "^5.8.1",
+        "autoprefixer": "^10.0.0",
+        "babel-loader": "^9.0.0",
+        "cross-env": "^7.0.3",
+        "css-loader": "^6.0.0",
+        "css-minimizer-webpack-plugin": "^4.0.0",
+        "dotenv": "^16.0.0",
+        "enzyme": "^3.11.0",
+        "enzyme-adapter-preact-pure": "^4.0.0",
+        "eslint": "^8.12.0",
+        "eslint-import-resolver-typescript": "^3.0.0",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
+        "eslint-plugin-react": "^7.26.1",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-tsdoc": "^0.2.14",
+        "eslint-webpack-plugin": "^3.1.1",
+        "html-webpack-plugin": "^5.5.0",
+        "jest": "^29.0.0",
+        "jest-environment-jsdom": "^29.3.1",
+        "mini-css-extract-plugin": "^2.4.5",
+        "postcss": "^8.3.11",
+        "prettier": "^2.4.1",
+        "sass": "^1.43.4",
+        "sass-loader": "^13.0.0",
+        "style-loader": "^3.3.1",
+        "stylelint": "^14.1.0",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-config-sass-guidelines": "^9.0.1",
+        "stylelint-scss": "^4.2.0",
+        "stylelint-webpack-plugin": "^3.1.0",
+        "terser-webpack-plugin": "^5.2.4",
+        "testcafe": "2.1.0",
+        "ts-jest": "^29.0.0",
+        "ts-loader": "^9.2.6",
+        "typescript": "^4.4.4",
+        "webpack": "^5.61.0",
+        "webpack-cli": "^5.0.0",
+        "webpack-dev-server": "^4.4.0",
+        "webpack-merge": "^5.8.0"
+    },
+    "dependencies": {
+        "classnames": "^2.3.1",
+        "core-js": "^3.20.2",
+        "onfido-sdk-ui": "6.4.0",
+        "preact": "^10.5.15",
+        "whatwg-fetch": "^3.6.2"
+    }
+}