@domun/component-library 1.0.0

package/lib/assets/img/icons/AndroidIcon.d.ts

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

package/lib/assets/img/icons/AppleIcon.d.ts

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

package/lib/assets/img/icons/Close.d.ts

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

package/lib/assets/img/icons/index.d.ts

@@ -0,0 +1,2 @@
+import Close from "./Close";
+export { Close };

package/lib/common/consts/events.d.ts

@@ -0,0 +1,16 @@
+export declare const EVENTS: {
+    SELECT_COUNTRY_PHONE: string;
+    SELECT_INPUT_PROFILE_PHONE: string;
+    SELECT_ACCEPT_TERMS: string;
+    SELECT_SMS_CONFIRM: string;
+    SELECT_WA_CONFIRM: string;
+    SELECT_HELP: string;
+    SELECT_INPUT_CODE: string;
+    SELECT_RESEND_CODE: string;
+    SELECT_CONFIRM_CODE: string;
+    SELECT_INPUT_BUYER_NAME: string;
+    SELECT_BUYER_LAST_NAME: string;
+    SELECT_CONFIRM_NAME: string;
+    SELECT_LOGOUT: string;
+    SUCCESS_LOGIN_METHOD: string;
+};

package/lib/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './localStorage';
+export * from './consts/events';

package/lib/common/localStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T, inParent?: boolean): readonly [T, (value: T | ((val: T) => T)) => void];

package/lib/common/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const isBrowser: () => boolean;
+export declare const isEmpty: (value: any) => boolean;
+export declare const allowOnlyNumber: (text: string) => string;

package/lib/components/DownloadAppButton/DownloadAppButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DownloadAppButton: () => JSX.Element;
+export default DownloadAppButton;

package/lib/components/DownloadAppButton/DownloadAppButton.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: () => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const DownloadAppButtonDefault: ComponentStory<() => JSX.Element>;

package/lib/components/DropDown/DropDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DropDownProps } from "./types";
+export declare const DropDown: ({ className, fieldName, id, onChange, options, placeholder, setFieldValue, selected, }: DropDownProps) => JSX.Element;
+export default DropDown;

package/lib/components/DropDown/index.d.ts

@@ -0,0 +1 @@
+export { default as DropDown } from "./DropDown";

package/lib/components/DropDown/types.d.ts

@@ -0,0 +1,15 @@
+export type Selected = {
+    id?: string;
+    label: string;
+    image?: string;
+};
+export type DropDownProps = {
+    className: string;
+    fieldName: string;
+    id?: string;
+    onChange?: any;
+    options: any;
+    placeholder?: string;
+    setFieldValue: any;
+    selected?: Selected;
+};

package/lib/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ErrorMessage: ({ className, children, }: {
+    className?: string | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default ErrorMessage;

package/lib/components/ErrorMessage/index.d.ts

@@ -0,0 +1 @@
+export { default as ErrorMessage } from "./ErrorMessage";

package/lib/components/HelpLink/HelpLink.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const HelpLink: ({ logEvent }: {
+    logEvent: (evt: string) => void;
+}) => JSX.Element;
+export default HelpLink;

package/lib/components/Inputs/Input.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputTypes } from "./types";
+declare const Input: ({ className, errors, handleChange, handleBlur, onInput, isRequired, id, maxLength, name, placeholder, showError, title, touched, value, type, autocomplete }: InputTypes) => JSX.Element;
+export default Input;

package/lib/components/Inputs/InputCountry.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGeneralType } from '~/components/Inputs/types';
+declare const InputCountry: ({ title, touched, errors, setFieldValue, }: InputGeneralType) => JSX.Element;
+export default InputCountry;

package/lib/components/Inputs/InputDocument.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { InputGeneralType } from "./types";
+export type InputDocumentProps = InputGeneralType & {
+    identificationTypes: string[];
+};
+declare const InputDocument: ({ className, errors, handleChange, handleBlur, identificationTypes, setFieldValue, title, touched, value, }: InputDocumentProps) => JSX.Element;
+export default InputDocument;

package/lib/components/Inputs/InputEconomicSector.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGeneralType } from "./types";
+declare const InputEconomicSector: ({ title, touched, errors, setFieldValue, }: InputGeneralType) => JSX.Element;
+export default InputEconomicSector;

package/lib/components/Inputs/InputEmail.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGeneralType } from "./types";
+declare const InputEmail: ({ title, handleChange, handleBlur, value, touched, errors, placeholder, name, }: InputGeneralType) => JSX.Element;
+export default InputEmail;

package/lib/components/Inputs/InputPassword.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGeneralType } from "./types";
+declare const InputPassword: ({ title, handleChange, handleBlur, name, value, touched, errors, }: InputGeneralType) => JSX.Element;
+export default InputPassword;

package/lib/components/Inputs/InputPhone.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGeneralType } from "./types";
+declare const InputPhone: ({ errors, className, handleChange, handleBlur, setFieldValue, touched, title, value, }: InputGeneralType) => JSX.Element;
+export default InputPhone;

package/lib/components/Inputs/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Input } from "./Input";
+export { default as InputEconomicSector } from "./InputEconomicSector";
+export { default as InputEmail } from "./InputEmail";
+export { default as InputPassword } from "./InputPassword";
+export { default as InputPhone } from "./InputPhone";
+export { default as InputCountry } from "./InputCountry";
+export { default as InputDocument } from "./InputDocument";

package/lib/components/Inputs/types.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { FormikHandlers, FormikErrors, FormikTouched } from "formik";
+export type CountryTypes = {
+    title: string;
+    Icon: React.ReactNode;
+};
+export type EmailType = {
+    title: string;
+};
+export type InputFormik = {
+    handleChange: FormikHandlers["handleChange"];
+    handleBlur: FormikHandlers["handleBlur"];
+    onInput?: (event: any) => any;
+    errors?: FormikErrors<any>;
+    touched?: FormikTouched<any>;
+};
+export type InputGeneralType = InputFormik & {
+    className?: string;
+    name?: string;
+    title?: string | undefined;
+    value?: string | number | any;
+    setFieldValue?: any;
+    placeholder?: string;
+};
+export type OptionProps = {
+    backgroundImage: string;
+};
+export type InputTypes = InputGeneralType & {
+    className?: string;
+    isRequired: boolean;
+    id: string;
+    maxLength?: number;
+    name: string;
+    showError?: boolean;
+    placeholder?: string;
+    type?: string;
+    autocomplete?: string;
+};

package/lib/components/Login/Login.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { LoginProps } from './types';
+declare const Login: ({ apiUrl, apiKey, country, apiKeySp, loginType, isInIframe, initialStep, success, logEvent, }: LoginProps) => JSX.Element;
+export default Login;

package/lib/components/Login/Login.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ apiUrl, apiKey, country, apiKeySp, loginType, isInIframe, initialStep, success, logEvent, }: import("~/components/Login/types").LoginProps) => JSX.Element;
+};
+export default _default;
+export declare const LoginMobile: ComponentStory<({ apiUrl, apiKey, country, apiKeySp, loginType, isInIframe, initialStep, success, logEvent, }: import("~/components/Login/types").LoginProps) => JSX.Element>;
+export declare const LoginDesktop: ComponentStory<({ apiUrl, apiKey, country, apiKeySp, loginType, isInIframe, initialStep, success, logEvent, }: import("~/components/Login/types").LoginProps) => JSX.Element>;

package/lib/components/Login/components/CustomerProfile/CustomerProfile.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Customer } from '../../types';
+declare const CustomerProfile: ({ customer, handleCloseSession }: {
+    customer: Customer | null;
+    handleShowProfile: () => void;
+    handleCloseSession: () => void;
+}) => JSX.Element;
+export default CustomerProfile;

package/lib/components/Login/components/CustomerProfile/CustomerProfile.stories.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ customer, handleCloseSession }: {
+        customer: import("../..").Customer | null;
+        handleShowProfile: () => void;
+        handleCloseSession: () => void;
+    }) => JSX.Element;
+    argTypes: {
+        customer: {
+            firstName: string;
+            lastName: string;
+            prefixPhone: string;
+            phone: string;
+            userId: string;
+        };
+        handleShowProfile: () => void;
+        handleCloseSession: () => void;
+    };
+};
+export default _default;
+export declare const CustomerProfileDefault: ComponentStory<({ customer, handleCloseSession }: {
+    customer: import("../..").Customer | null;
+    handleShowProfile: () => void;
+    handleCloseSession: () => void;
+}) => JSX.Element>;

package/lib/components/Login/components/GetCode/GetCode.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const GetCode: ({ handleStepChange, countries, country, logEvent, apiKey, apiUrl, setStepTo, }: {
+    handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+    countries: any;
+    country: any;
+    apiKey: string;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    setStepTo: (step: string) => void;
+}) => JSX.Element;
+export default GetCode;

package/lib/components/Login/components/GetCode/GetCode.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ handleStepChange, countries, country, logEvent, apiKey, apiUrl, setStepTo, }: {
+        handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+        countries: any;
+        country: any;
+        apiKey: string;
+        apiUrl: string;
+        logEvent: (event: string) => void;
+        setStepTo: (step: string) => void;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const GetCodeDefault: ComponentStory<({ handleStepChange, countries, country, logEvent, apiKey, apiUrl, setStepTo, }: {
+    handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+    countries: any;
+    country: any;
+    apiKey: string;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    setStepTo: (step: string) => void;
+}) => JSX.Element>;

package/lib/components/Login/components/GetCode/types.d.ts

@@ -0,0 +1,9 @@
+export type OptionProps = {
+    backgroundImage: string;
+};
+export type RequestCodePayload = {
+    send_to: string;
+    prefix_send_to?: string;
+    email?: string;
+    channel: string;
+};

package/lib/components/Login/components/GetCodeByEmail/GetCodeByEmail.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const GetCodeByEmail: ({ handleStepChange, logEvent, apiKey, apiUrl, setStepTo }: {
+    handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+    apiKey: string;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    setStepTo: (step: string) => void;
+}) => JSX.Element;
+export default GetCodeByEmail;

package/lib/components/Login/components/GetCodeByEmail/GetCodeByEmail.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ handleStepChange, logEvent, apiKey, apiUrl, setStepTo }: {
+        handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+        apiKey: string;
+        apiUrl: string;
+        logEvent: (event: string) => void;
+        setStepTo: (step: string) => void;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const GetCodeByEmailDefault: ComponentStory<({ handleStepChange, logEvent, apiKey, apiUrl, setStepTo }: {
+    handleStepChange: (step: string, sendTo: string, prefixSendTo: string, type: string) => void;
+    apiKey: string;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    setStepTo: (step: string) => void;
+}) => JSX.Element>;

package/lib/components/Login/components/GetCodeByEmail/types.d.ts

@@ -0,0 +1,9 @@
+export type OptionProps = {
+    backgroundImage: string;
+};
+export type RequestCodePayload = {
+    send_to: string;
+    prefix_send_to?: string;
+    email?: string;
+    channel: string;
+};

package/lib/components/Login/components/LoginContainer/LoginContainer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const LoginContainer: ({ children, ref }: {
+    children: React.ReactNode;
+    ref?: any;
+}) => JSX.Element;
+export default LoginContainer;

package/lib/components/Login/components/RegisterInApp/RegisterInApp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RegisterInApp: () => JSX.Element;
+export default RegisterInApp;

package/lib/components/Login/components/RegisterInApp/RegisterInApp.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: () => JSX.Element;
+    argTypes: {
+        customer: {
+            firstName: string;
+            lastName: string;
+            prefixPhone: string;
+            phone: string;
+            userId: string;
+        };
+        handleShowProfile: () => void;
+        handleCloseSession: () => void;
+    };
+};
+export default _default;
+export declare const RegisterInAppDefault: ComponentStory<() => JSX.Element>;

package/lib/components/Login/components/RegisterMessage/RegisterMessage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RegisterMessage: () => JSX.Element;
+export default RegisterMessage;

package/lib/components/Login/components/SmsValidation/SmsValidation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    values: Record<string, string>;
+    logEvent: (event: string) => void;
+    error: boolean;
+};
+declare const SmsValidation: ({ handleChange, handleBlur, values, logEvent, error }: Props) => JSX.Element;
+export default SmsValidation;

package/lib/components/Login/components/SmsValidation/SmsValidation.stories.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ handleChange, handleBlur, values, logEvent, error }: {
+        handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+        handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        values: Record<string, string>;
+        logEvent: (event: string) => void;
+        error: boolean;
+    }) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const SmsValidationDefault: ComponentStory<({ handleChange, handleBlur, values, logEvent, error }: {
+    handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    values: Record<string, string>;
+    logEvent: (event: string) => void;
+    error: boolean;
+}) => JSX.Element>;

package/lib/components/Login/components/UpdateUserData/UpdateUserData.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Customer } from '~/components/Login/types';
+declare const UpdateUserData: ({ handleRegisterMessageView, apiUrl, logEvent, isInIframe }: {
+    handleRegisterMessageView: (response: Customer) => void;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    isInIframe?: boolean | undefined;
+}) => JSX.Element;
+export default UpdateUserData;

package/lib/components/Login/components/UpdateUserData/UpdateUserData.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ handleRegisterMessageView, apiUrl, logEvent, isInIframe }: {
+        handleRegisterMessageView: (response: import("../..").Customer) => void;
+        apiUrl: string;
+        logEvent: (event: string) => void;
+        isInIframe?: boolean | undefined;
+    }) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const UpdateUserDataDefault: ComponentStory<({ handleRegisterMessageView, apiUrl, logEvent, isInIframe }: {
+    handleRegisterMessageView: (response: import("../..").Customer) => void;
+    apiUrl: string;
+    logEvent: (event: string) => void;
+    isInIframe?: boolean | undefined;
+}) => JSX.Element>;

package/lib/components/Login/components/ValidateCode/ValidateCode.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const ValidateCode: ({ validationSuccess, sendTo, prefixSendTo, channel, logEvent, apiKey, apiUrl, setStepTo }: {
+    validationSuccess: (token: string, expiresIn: number, refreshToken: string, channel: string) => void;
+    sendTo: string;
+    prefixSendTo: string;
+    channel: string;
+    logEvent: (event: string) => void;
+    apiKey: string;
+    apiUrl: string;
+    setStepTo: (step: string) => void;
+}) => JSX.Element;
+export default ValidateCode;

package/lib/components/Login/fetcher.d.ts

@@ -0,0 +1 @@
+export declare const fetcher: (url: string, enVar: string) => Promise<any>;

package/lib/components/Login/icons/CheckCircle.d.ts

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

package/lib/components/Login/icons/Profile.d.ts

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

package/lib/components/Login/icons/SignOut.d.ts

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

package/lib/components/Login/index.d.ts

@@ -0,0 +1,16 @@
+export { default as CustomerProfile } from '~/components/Login/components/CustomerProfile/CustomerProfile';
+export { default as GetCode } from '~/components/Login/components/GetCode/GetCode';
+export { default as LoginContainer } from '~/components/Login/components/LoginContainer/LoginContainer';
+export { default as RegisterMessage } from '~/components/Login/components/RegisterMessage/RegisterMessage';
+export { default as SmsValidation } from '~/components/Login/components/SmsValidation/SmsValidation';
+export { default as UpdateUserData } from '~/components/Login/components/UpdateUserData/UpdateUserData';
+export { default as ValidateCode } from '~/components/Login/components/ValidateCode/ValidateCode';
+export { default as RegisterInApp } from '~/components/Login/components/RegisterInApp/RegisterInApp';
+export { default as CheckCircle } from '~/components/Login/icons/CheckCircle';
+export { default as SignOut } from '~/components/Login/icons/SignOut';
+export { default as Profile } from '~/components/Login/icons/Profile';
+export { default as Login } from '~/components/Login/Login';
+export * from "./services";
+export * from '~/components/Login/types';
+export type { Customer, ValidateCodeResponse, LoginProps } from '~/components/Login/types';
+export { LoginSteps, LoginType, SelectMethod } from '~/components/Login/types';

package/lib/components/Login/services.d.ts

@@ -0,0 +1,42 @@
+import { Customer, ValidateCodeResponse } from '~/components/Login/types';
+import { RequestCodePayload } from '~/components/Login/components/GetCode/types';
+export declare const GetCodeService: ({ apiKey, apiUrl, payload }: {
+    apiKey: string;
+    apiUrl: string;
+    payload: RequestCodePayload;
+}) => Promise<any>;
+export declare const ValidateCodeService: ({ sendTo, prefixSendTo, code, apiKey, apiUrl, channel }: {
+    sendTo: string;
+    prefixSendTo: string;
+    code: string;
+    apiKey: string;
+    apiUrl: string;
+    channel: string;
+}) => Promise<{
+    data: ValidateCodeResponse;
+    status: number;
+}>;
+export declare const UpdateUserDataService: ({ token, firstName, lastName, email, identification, identificationType, postalCode, apiUrl }: {
+    token: string;
+    firstName: string;
+    lastName: string;
+    email?: string | undefined;
+    identification?: string | undefined;
+    identificationType?: string | undefined;
+    postalCode?: string | undefined;
+    apiUrl: string;
+}) => Promise<Customer>;
+export declare const getUserData: ({ token, apiUrl }: {
+    token: string;
+    apiUrl: string;
+}) => Promise<Customer>;
+export declare const facebookLogin: ({ token, apiUrl, apiKey }: {
+    token: string;
+    apiUrl: string;
+    apiKey: string;
+}) => Promise<ValidateCodeResponse>;
+export declare const googleLogin: ({ token, apiUrl, apiKey }: {
+    token: string;
+    apiUrl: string;
+    apiKey: string;
+}) => Promise<ValidateCodeResponse>;

package/lib/components/Login/types.d.ts

@@ -0,0 +1,41 @@
+export declare enum LoginSteps {
+    SELECT_LOGIN_METHOD = "select_login_method",
+    GET_CODE = "get_code",
+    EMAIL = "email",
+    VALIDATE_CODE = "pending",
+    UPDATE_USER_DATA = "update_user_data",
+    REGISTER_MESSAGE = "register_message"
+}
+export declare enum LoginType {
+    BUYER = "buyer",
+    SELLER = "seller"
+}
+export declare enum SelectMethod {
+    EMAIL_METHOD = "email"
+}
+export declare type LoginProps = {
+    initialStep: LoginSteps;
+    apiKey: string;
+    apiUrl: string;
+    apiKeySp: string;
+    logEvent: (event: string, payload?: {
+        [key: string]: string | null;
+    } | undefined) => void;
+    country: any;
+    success?: (loginData?: ValidateCodeResponse) => void;
+    loginType: LoginType;
+    registerInApp?: boolean;
+    isInIframe?: boolean;
+};
+export type ValidateCodeResponse = {
+    accessToken: string;
+    refreshToken: string;
+    expiresIn: number;
+};
+export type Customer = {
+    firstName: string;
+    lastName: string;
+    userId: string;
+    prefixPhone?: string;
+    phone?: string;
+};

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ModalContextProps } from "./types";
+export declare const Modal: ({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: ModalContextProps) => React.ReactPortal | null;

package/lib/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export default _default;
+export declare const Desktop: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const DesktopWithCustomStyles: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const DesktopPopup: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const Mobile: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const MobilePopup: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const MobileButton: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const MobileButtonInDesktopView: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const ModalWithCustomCloseElement: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;
+export declare const DesktopWithTop: ComponentStory<({ show, children, element, type, showHeader, title, closeElement, className, styles: stylesComponent, content, overlay, header, body, onClose, }: import("./types").ModalContextProps) => React.ReactPortal | null>;

package/lib/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal } from "./Modal";