@maxio-com/self-service 1.9.3 → 1.9.5

package/dist/maxio-components.umd.js.LICENSE.txt

@@ -55,8 +55,6 @@ PERFORMANCE OF THIS SOFTWARE.
 
 /*! no static exports found */
 
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
 /*!**********************!*\
   !*** ./src/index.js ***!
   \**********************/
@@ -170,7 +168,18 @@ PERFORMANCE OF THIS SOFTWARE.
  */
 
 /**
- * React Router v6.3.0
+ * @remix-run/router v1.15.3
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.22.3
  *
  * Copyright (c) Remix Software Inc.
  *

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@maxio-com/self-service",
-  "packageManager": "pnpm@7.0.1",
+  "packageManager": "pnpm@8.15.4",
   "main": "dist/maxio-components.cjs.js",
   "module": "dist/maxio-components.esm.js",
   "browser": "dist/maxio-components.umd.js",
   "types": "typings/sdk/components-sdk/src/index.d.ts",
-  "version": "1.9.3",
+  "version": "1.9.5",
   "exports": {
     ".": {
       "import": "./dist/maxio-components.esm.js",
@@ -15,8 +15,8 @@
   "scripts": {
     "test": "jest",
     "test:coverage": "jest --coverage",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "prettier": "prettier --write '{sdk,packages,e2e}/**/*.{js,ts,tsx,json}'",
     "commit": "npx git-cz",
     "clean": "npx rimraf dist",
@@ -46,7 +46,7 @@
     "@commitlint/cli": "^13.1.0",
     "@commitlint/config-conventional": "^13.1.0",
     "@mdx-js/react": "^1.6.22",
-    "@playwright/test": "^1.30.0",
+    "@playwright/test": "~1.30.0",
     "@quickbaseoss/babel-plugin-styled-components-css-namespace": "^1.0.1",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^22.0.2",
@@ -55,13 +55,16 @@
     "@rollup/plugin-typescript": "^8.5.0",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/npm": "^9.0.1",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-docs": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@storybook/addon-actions": "^8.0.0",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/addon-themes": "^8.0.0",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/blocks": "^8.0.0",
+    "@storybook/manager-api": "^8.0.0",
+    "@storybook/react": "^8.0.0",
+    "@storybook/react-webpack5": "^8.0.0",
+    "@storybook/theming": "^8.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
@@ -72,7 +75,7 @@
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
     "@xstate/inspect": "^0.5.2",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "2.0.2",
     "browserslist": "^4.21.4",
     "commitizen": "^4.2.5",
@@ -98,7 +101,7 @@
     "mockdate": "^3.0.5",
     "msw": "^0.36.7",
     "node-fetch-commonjs": "^3.2.4",
-    "playwright": "^1.30.0",
+    "playwright": "~1.30.0",
     "prettier": "^2.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -111,6 +114,7 @@
     "semantic-release": "^19.0.3",
     "semantic-release-cli": "^5.4.4",
     "serve": "^14.1.2",
+    "storybook": "^8.0.0",
     "styled-components": "^5.3.5",
     "styled-system": "^5.1.5",
     "ts-dedent": "^2.2.0",
@@ -150,7 +154,7 @@
     "dayjs": "^1.11.5",
     "deepmerge": "^4.2.2",
     "file-saver": "^2.0.5",
-    "framer-motion": "^7.3.5",
+    "framer-motion": "~7.3.5",
     "history": "^5.3.0",
     "i18next": "^21.9.1",
     "i18next-http-backend": "^1.3.1",

package/typings/packages/address/src/components/SelectField/SelectField.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectOptionType } from "../../../../custom-ui-components/src";
-declare type SelectFieldProps = {
+type SelectFieldProps = {
     value: string | number;
     label: string;
     name: string;
@@ -14,5 +14,5 @@ declare type SelectFieldProps = {
     selectOptionLabel: string;
     searchLabel: string;
 };
-declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => JSX.Element;
+declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => React.JSX.Element;
 export default SelectField;

package/typings/packages/address/src/containers/Address/Address.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { AddressFields, FieldError } from '../../types';
 import { AddressTranslations, Format } from './types';
-declare type AddressProps = {
+type AddressProps = {
     values: AddressFields;
     requiredFields?: string[];
     format?: Format;
@@ -12,5 +12,5 @@ declare type AddressProps = {
     onValidateField?: (name: keyof AddressFields, value: string | number) => void;
     translations?: AddressTranslations;
 };
-declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => JSX.Element;
+declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => React.JSX.Element;
 export default Address;

package/typings/packages/address/src/containers/Address/types.d.ts

@@ -1,4 +1,4 @@
-export declare type AddressTranslations = {
+export type AddressTranslations = {
     address: {
         label: string;
         placeholder: string;
@@ -40,4 +40,4 @@ export declare type AddressTranslations = {
         searchLabel: string;
     };
 };
-export declare type Format = 'international' | 'us';
+export type Format = 'international' | 'us';

package/typings/packages/address/src/machines/address/selectors.d.ts

@@ -1,8 +1,8 @@
 import { State } from 'xstate';
 import { Division } from "../../../../data-access/src";
 import { addressMachine } from './address';
-declare type AddressMachine = typeof addressMachine;
-declare type AddressState = State<AddressMachine['context']>;
+type AddressMachine = typeof addressMachine;
+type AddressState = State<AddressMachine['context']>;
 export declare const getCountries: (machineState: AddressState) => {
     items: Division[];
     isLoading: boolean;

package/typings/packages/address/src/machines/address/types.d.ts

@@ -1,9 +1,9 @@
 import { Division } from "../../../../data-access/src";
-export declare type Context = {
+export type Context = {
     countries: Division[];
     subdivisions: Division[];
 };
-export declare type Events = {
+export type Events = {
     type: 'FETCH_COUNTRY';
 } | {
     type: 'FETCH_SUBDIVISION';

package/typings/packages/address/src/types.d.ts

@@ -1,4 +1,4 @@
-export declare type AddressFields = {
+export type AddressFields = {
     address: string;
     address2: string;
     city: string;
@@ -6,4 +6,4 @@ export declare type AddressFields = {
     country: string;
     zip: string;
 };
-export declare type FieldError = 'required' | 'invalid';
+export type FieldError = 'required' | 'invalid';

package/typings/packages/billing-history/src/App.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentSettings } from './types';
-declare const App: ({ billingHistory }: ComponentSettings) => JSX.Element;
+declare const App: ({ billingHistory }: ComponentSettings) => React.JSX.Element;
 export default App;

package/typings/packages/billing-history/src/components/BillingHistoryLoader/BillingHistoryLoader.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BillingHistoryLoader: () => JSX.Element;
+import React from 'react';
+declare const BillingHistoryLoader: () => React.JSX.Element;
 export default BillingHistoryLoader;

package/typings/packages/billing-history/src/components/Filters/Filters.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilterValue, FilterType, FiltersSettings } from '../../machines/billingFilters';
 import { DateFilterTabType } from '../../machines/billingFilters/types';
-export declare type FiltersProps = {
+export type FiltersProps = {
     isOpen: boolean;
     isFilteringApplied: boolean;
     onUpdateFilter: (filter: FilterType, value: FilterValue) => void;
@@ -14,5 +14,5 @@ export declare type FiltersProps = {
     filtersSections: Record<FilterType, boolean>;
     onDateTypeChange: (dateType: DateFilterTabType) => void;
 };
-declare const Filters: ({ filtersSettings, filtersSections, isOpen, isFilteringApplied, onUpdateFilter, onToggleFilters, onToggleSection, onApply, onClear, onDateTypeChange, onCloseFilters, }: FiltersProps) => JSX.Element;
+declare const Filters: ({ filtersSettings, filtersSections, isOpen, isFilteringApplied, onUpdateFilter, onToggleFilters, onToggleSection, onApply, onClear, onDateTypeChange, onCloseFilters, }: FiltersProps) => React.JSX.Element;
 export default Filters;

package/typings/packages/billing-history/src/components/Filters/components/DateFilter/DateFilter.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { FilterBoxProps } from '../FilterBox/FilterBox';
 import { DateFilterType } from '../../../../machines/billingFilters';
 export interface DateFilterProps extends Omit<FilterBoxProps, 'children'> {
@@ -7,4 +7,4 @@ export interface DateFilterProps extends Omit<FilterBoxProps, 'children'> {
     onTabChange: (tab: string) => void;
     portalContainer: RefObject<HTMLElement>;
 }
-export declare const DateFilter: ({ onChange, values, onClick, header, isExpanded, portalContainer, onTabChange, }: DateFilterProps) => JSX.Element;
+export declare const DateFilter: ({ onChange, values, onClick, header, isExpanded, portalContainer, onTabChange, }: DateFilterProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/FilterBox/FilterBox.d.ts

@@ -5,4 +5,4 @@ export interface FilterBoxProps {
     onClick: () => void;
     header: string;
 }
-export declare const FilterBox: ({ children, isExpanded, onClick, header, }: FilterBoxProps) => JSX.Element;
+export declare const FilterBox: ({ children, isExpanded, onClick, header, }: FilterBoxProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/InvoiceNumberFilter/InvoiceNumberFilter.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilterBoxProps } from '../FilterBox';
 export interface InvoiceNumberFilterProps extends Omit<FilterBoxProps, 'children'> {
     onChange: (value: string) => void;
     placeholder?: string;
     value?: string;
 }
-export declare const InvoiceNumberFilter: ({ onChange, placeholder, value, ...rest }: InvoiceNumberFilterProps) => JSX.Element;
+export declare const InvoiceNumberFilter: ({ onChange, placeholder, value, ...rest }: InvoiceNumberFilterProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/ProductNameFilter/ProductNameFilter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilterBoxProps } from '../FilterBox';
 import { Product } from '../../../../models/billingHistory/billingHistory';
 export interface ProductNameFilterProps extends Omit<FilterBoxProps, 'children'> {
@@ -8,4 +8,4 @@ export interface ProductNameFilterProps extends Omit<FilterBoxProps, 'children'>
     values?: number[];
     products: Product[];
 }
-export declare const ProductNameFilter: ({ onChange, placeholder, values, showSearch, products, ...rest }: ProductNameFilterProps) => JSX.Element;
+export declare const ProductNameFilter: ({ onChange, placeholder, values, showSearch, products, ...rest }: ProductNameFilterProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/Filters/components/StatusFilter/StatusFilter.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilterBoxProps } from '../FilterBox/FilterBox';
 import { InvoiceStatus } from '../../../../models/billingHistory/billingHistory';
 export interface StatusFilterProps extends Omit<FilterBoxProps, 'children'> {
     values: InvoiceStatus[];
     onChange: (status: InvoiceStatus[]) => void;
 }
-export declare const StatusFilter: ({ onChange, values, onClick, header, isExpanded, }: StatusFilterProps) => JSX.Element;
+export declare const StatusFilter: ({ onChange, values, onClick, header, isExpanded, }: StatusFilterProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/InvoicesTable/InvoicesTable.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InvoiceTableData } from './types';
 import { PaginationVariant } from '../../types';
 import { SortDir } from '../../models/billingHistory/billingHistory';
@@ -20,5 +20,5 @@ export interface InvoicesTableProps {
     isLoading: boolean;
     isFiltering: boolean;
 }
-declare const InvoicesTable: ({ invoices, onSortChange, sortMode, onPageChange, page, onLoadMore, totalPages, totalInvoices, paginationVariant, itemsPerPage, onItemsPerPageChange, isLoading, isFiltering, }: InvoicesTableProps) => JSX.Element;
+declare const InvoicesTable: ({ invoices, onSortChange, sortMode, onPageChange, page, onLoadMore, totalPages, totalInvoices, paginationVariant, itemsPerPage, onItemsPerPageChange, isLoading, isFiltering, }: InvoicesTableProps) => React.JSX.Element;
 export default InvoicesTable;

package/typings/packages/billing-history/src/components/InvoicesTable/components/IconWIthTooltip.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { InvoiceConsolidationLevel } from '../../../models/billingHistory/billingHistory';
-declare type IconWIthTooltipProps = {
+type IconWIthTooltipProps = {
     consolidationLevel: InvoiceConsolidationLevel;
 };
-export declare const IconWIthTooltip: ({ consolidationLevel, }: IconWIthTooltipProps) => JSX.Element;
+export declare const IconWIthTooltip: ({ consolidationLevel, }: IconWIthTooltipProps) => React.JSX.Element;
 export {};

package/typings/packages/billing-history/src/components/InvoicesTable/components/NoInvoicesMsg.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare type NoInvoicesMsgProps = {
+import React from 'react';
+export type NoInvoicesMsgProps = {
     message: string;
 };
-export declare const NoInvoicesMsg: ({ message }: NoInvoicesMsgProps) => JSX.Element;
+export declare const NoInvoicesMsg: ({ message }: NoInvoicesMsgProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/InvoicesTable/components/PagesPagination.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface PagesPaginationProps {
     page: number;
     totalPages: number;
@@ -7,4 +7,4 @@ export interface PagesPaginationProps {
     onItemsPerPageChange: (itemsPerPage: number) => void;
     onPageChange: (page: number) => void;
 }
-export declare const PagesPagination: ({ page, totalPages, onPageChange, onItemsPerPageChange, totalInvoices, itemsPerPage, }: PagesPaginationProps) => JSX.Element;
+export declare const PagesPagination: ({ page, totalPages, onPageChange, onItemsPerPageChange, totalInvoices, itemsPerPage, }: PagesPaginationProps) => React.JSX.Element;

package/typings/packages/billing-history/src/components/InvoicesTable/components/Status.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { InvoiceStatus } from '../../../models/billingHistory/billingHistory';
 interface StatusProps {
     status: InvoiceStatus;
 }
-export declare const Status: ({ status }: StatusProps) => JSX.Element;
+export declare const Status: ({ status }: StatusProps) => React.JSX.Element;
 export {};

package/typings/packages/billing-history/src/containers/BillingHistoryContainer/BillingHistoryContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BillingHistoryContainer: () => JSX.Element;
+import React from 'react';
+declare const BillingHistoryContainer: () => React.JSX.Element;
 export default BillingHistoryContainer;

package/typings/packages/billing-history/src/containers/FiltersContainer/FiltersContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const FiltersContainer: () => JSX.Element;
+import React from 'react';
+declare const FiltersContainer: () => React.JSX.Element;
 export default FiltersContainer;

package/typings/packages/billing-history/src/containers/ProductsContainer/ProductsContainer.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Product } from '../../models/billingHistory/billingHistory';
-export declare type ProductsContainerProps = {
+export type ProductsContainerProps = {
     children: (props: {
         products: Product[];
         showSearch: boolean;
     }) => React.ReactNode;
 };
-declare const ProductsContainer: ({ children }: ProductsContainerProps) => JSX.Element;
+declare const ProductsContainer: ({ children }: ProductsContainerProps) => React.JSX.Element;
 export default ProductsContainer;

package/typings/packages/billing-history/src/machines/billingFilters/actions.d.ts

@@ -1,24 +1,5 @@
 import { Context } from './types';
-export declare const setFilterSections: import("xstate").ChooseAction<{
-    sections: {
-        status: boolean;
-        invoiceNumber: boolean;
-        productIds: boolean;
-        date: boolean;
-    };
-}, import("xstate").EventObject>;
-export declare const setFilterOrClear: import("xstate").ChooseAction<{
-    activeFilters: any;
-    inlineFilters: import("./types").FiltersSettings;
-}, import("xstate").EventObject>;
-export declare const setFilterClear: import("xstate").ChooseAction<{
-    activeFilters: any;
-    inlineFilters: import("./types").FiltersSettings;
-    sections: {
-        status: boolean;
-        invoiceNumber: boolean;
-        productIds: boolean;
-        date: boolean;
-    };
-}, import("xstate").EventObject>;
-export declare const setDateTabEmpty: import("xstate").ChooseAction<Context, import("xstate").EventObject>;
+export declare const setFilterSections: import("xstate").ChooseAction<Context, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setFilterOrClear: import("xstate").ChooseAction<Context, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setFilterClear: import("xstate").ChooseAction<Context, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setDateTabEmpty: import("xstate").ChooseAction<Context, import("xstate").EventObject, import("xstate").EventObject>;

package/typings/packages/billing-history/src/machines/billingFilters/selectors.d.ts

@@ -1,7 +1,7 @@
 import { State } from 'xstate';
 import { billingFilters } from './billingFilters';
-export declare type BillingFiltersMachine = typeof billingFilters;
-export declare type BillingFiltersState = State<BillingFiltersMachine['context']>;
+export type BillingFiltersMachine = typeof billingFilters;
+export type BillingFiltersState = State<BillingFiltersMachine['context']>;
 export declare const getFiltersSections: (machineState: BillingFiltersState) => Record<import("./types").FilterType, boolean>;
 export declare const getFiltersVisibility: (machineState: BillingFiltersState) => boolean;
 export declare const getInlineFiltersValues: (machineState: BillingFiltersState) => import("./types").FiltersSettings;

package/typings/packages/billing-history/src/machines/billingFilters/types.d.ts

@@ -1,35 +1,35 @@
 import { Interpreter } from 'xstate';
 import { InvoiceStatus } from '../../models/billingHistory/billingHistory';
 import { FilterDate } from '../billingHistoryData/types';
-export declare type FilterType = 'status' | 'invoiceNumber' | 'productIds' | 'date';
-export declare type FiltersSettings = {
+export type FilterType = 'status' | 'invoiceNumber' | 'productIds' | 'date';
+export type FiltersSettings = {
     status: InvoiceStatus[];
     invoiceNumber: string | undefined;
     productIds: number[];
     date: DateFilterType;
 };
-export declare type DateFilterType = RelativeDate | TimeRangeDate;
-export declare type DateFilterTabType = 'relative' | 'timeRange';
-export declare type RelativeDate = {
+export type DateFilterType = RelativeDate | TimeRangeDate;
+export type DateFilterTabType = 'relative' | 'timeRange';
+export type RelativeDate = {
     type: 'relative';
     unit?: Unit;
     value?: number;
     dateField: FilterDate;
 };
-export declare type Unit = 'day' | 'month' | 'year';
-export declare type TimeRangeDate = {
+export type Unit = 'day' | 'month' | 'year';
+export type TimeRangeDate = {
     type: 'timeRange';
     startDate?: Date;
     endDate?: Date;
     dateField: FilterDate;
 };
-export declare type FilterValue = string | InvoiceStatus[] | number[] | null | FiltersSettings['date'];
-export declare type Context = {
+export type FilterValue = string | InvoiceStatus[] | number[] | null | FiltersSettings['date'];
+export type Context = {
     activeFilters: FiltersSettings | null;
     inlineFilters: FiltersSettings;
     sections: Record<FilterType, boolean>;
 };
-export declare type Events = {
+export type Events = {
     type: 'APPLY_FILTERS';
 } | {
     type: 'CLEAR_FILTERS';
@@ -48,4 +48,4 @@ export declare type Events = {
     type: 'CHANGE_DATE_TAB';
     tabType: DateFilterTabType;
 };
-export declare type BillingFiltersInterpreter = Interpreter<Context, Record<string, any>, Events>;
+export type BillingFiltersInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/billing-history/src/machines/billingHistoryData/actions.d.ts

@@ -1,2 +1,2 @@
-export declare const sendDebouncedSortByEvent: import("xstate").SendAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
-export declare const cancelDebouncedSortByEvent: import("xstate").CancelAction;
+export declare const sendDebouncedSortByEvent: import("xstate").SendAction<unknown, import("xstate").EventObject, import("xstate").AnyEventObject>;
+export declare const cancelDebouncedSortByEvent: import("xstate").CancelAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;

package/typings/packages/billing-history/src/machines/billingHistoryData/selectors.d.ts

@@ -1,7 +1,7 @@
 import { State } from 'xstate';
 import { billingHistoryData } from './billingHistoryData';
-export declare type CustomerDataMachine = typeof billingHistoryData;
-export declare type CustomerDataState = State<CustomerDataMachine['context']>;
+export type CustomerDataMachine = typeof billingHistoryData;
+export type CustomerDataState = State<CustomerDataMachine['context']>;
 export declare const getBillingHistoryData: (machineState: CustomerDataState) => {
     items: import("../../models/billingHistory/billingHistory").InvoiceModel[];
     sorting: {

package/typings/packages/billing-history/src/machines/billingHistoryData/types.d.ts

@@ -1,6 +1,6 @@
 import { Interpreter } from 'xstate';
 import { BillingHistoryModel, InvoiceModel, InvoiceStatus, SortDir } from '../../models/billingHistory/billingHistory';
-export declare type Context = {
+export type Context = {
     sorting: {
         page: number;
         limit: number;
@@ -11,7 +11,7 @@ export declare type Context = {
     pagination: BillingHistoryModel['pagination'];
     items: InvoiceModel[];
 };
-export declare type Events = {
+export type Events = {
     type: 'INITIALIZE';
     page: number;
     limit: number;
@@ -36,7 +36,7 @@ export declare type Events = {
     sortBy: string;
     sortDirection: SortDir;
 };
-export declare type FiltersSettings = {
+export type FiltersSettings = {
     status?: InvoiceStatus[];
     invoiceNumber?: string | undefined;
     productIds?: number[];
@@ -44,5 +44,5 @@ export declare type FiltersSettings = {
     endDate?: string;
     dateField?: FilterDate;
 };
-export declare type BillingHistoryDataInterpreter = Interpreter<Context, Record<string, any>>;
-export declare type FilterDate = 'due_date' | 'issue_date' | 'paid_date';
+export type BillingHistoryDataInterpreter = Interpreter<Context, Record<string, any>>;
+export type FilterDate = 'due_date' | 'issue_date' | 'paid_date';

package/typings/packages/billing-history/src/machines/filtersOptions/selectors.d.ts

@@ -1,7 +1,7 @@
 import { filtersOptions } from './filtersOptions';
 import { State } from 'xstate';
-export declare type FiltersOptionsMachine = typeof filtersOptions;
-export declare type FiltersOptionsMachineState = State<FiltersOptionsMachine['context']>;
+export type FiltersOptionsMachine = typeof filtersOptions;
+export type FiltersOptionsMachineState = State<FiltersOptionsMachine['context']>;
 export declare const getProducts: (machineState: FiltersOptionsMachineState) => {
     products: import("../../models/billingHistory/billingHistory").Product[];
 };

package/typings/packages/billing-history/src/machines/filtersOptions/types.d.ts

@@ -1,9 +1,9 @@
 import { Interpreter } from 'xstate';
 import { Product } from '../../models/billingHistory/billingHistory';
-export declare type Events = {
+export type Events = {
     type: 'INITIALIZE';
 };
-export declare type Context = {
+export type Context = {
     products: Product[];
 };
-export declare type FiltersOptionsInterpreter = Interpreter<Context, Record<string, any>, Events>;
+export type FiltersOptionsInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/billing-history/src/models/billingHistory/billingHistory.d.ts

@@ -1,5 +1,5 @@
 import { Currency } from "../../../../formatters/src";
-export declare type BillingHistoryModel = {
+export type BillingHistoryModel = {
     pagination: {
         totalItems: number;
         totalPages: number;
@@ -7,7 +7,7 @@ export declare type BillingHistoryModel = {
     };
     items: InvoiceModel[];
 };
-export declare type InvoiceModel = {
+export type InvoiceModel = {
     id: string;
     number: string;
     issueDate: string;
@@ -19,10 +19,10 @@ export declare type InvoiceModel = {
     invoiceUrl: string;
     consolidationLevel: InvoiceConsolidationLevel;
 };
-export declare type Product = {
+export type Product = {
     name: string;
     id: number;
 };
-export declare type InvoiceStatus = 'draft' | 'open' | 'paid' | 'pending' | 'voided' | 'canceled';
-export declare type InvoiceConsolidationLevel = 'none' | 'parent' | 'child';
-export declare type SortDir = 'asc' | 'desc';
+export type InvoiceStatus = 'draft' | 'open' | 'paid' | 'pending' | 'voided' | 'canceled';
+export type InvoiceConsolidationLevel = 'none' | 'parent' | 'child';
+export type SortDir = 'asc' | 'desc';

package/typings/packages/billing-history/src/pages/InvoiceDetails/InvoiceDetails.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const InvoiceDetails: () => JSX.Element;
+import React from 'react';
+declare const InvoiceDetails: () => React.JSX.Element;
 export default InvoiceDetails;

package/typings/packages/billing-history/src/providers/GlobalStateProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     children: React.ReactNode;
 };
-export declare const GlobalStateProvider: ({ children }: Props) => JSX.Element;
+export declare const GlobalStateProvider: ({ children }: Props) => React.JSX.Element;
 export {};

package/typings/packages/billing-history/src/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ComponentSettings = {
+export type ComponentSettings = {
     billingHistory: {
         paginationVariant: PaginationVariant;
         itemsPerPage: number;
@@ -6,5 +6,5 @@ export declare type ComponentSettings = {
         enableFiltering: boolean;
     };
 };
-export declare type VisibleColumns = 'invoice_number' | 'issue_date' | 'status' | 'amount_due' | 'total_amount';
-export declare type PaginationVariant = 'simple' | 'pages';
+export type VisibleColumns = 'invoice_number' | 'issue_date' | 'status' | 'amount_due' | 'total_amount';
+export type PaginationVariant = 'simple' | 'pages';