@maxio-com/self-service 1.9.4 → 1.9.6

package/typings/packages/custom-ui-components/src/components/molecules/RadioGroup/RadioGroup.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RadioGroup from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const RadioGroupDefault: Story;

package/typings/packages/custom-ui-components/src/components/molecules/RadioGroup/types.d.ts

@@ -1,11 +1,11 @@
-export declare type RadioGroupProps = {
+export type RadioGroupProps = {
     options: RadioOption[];
     selectedValue: string | number;
     onValueChange: (value: string | number) => void;
     optionsDirection?: 'column' | 'row';
     optionsGap?: number;
 };
-export declare type RadioOption = {
+export type RadioOption = {
     label: string;
     value: string;
 };

package/typings/packages/custom-ui-components/src/components/molecules/RadioSelect/RadioSelect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Item as ItemType, ItemValue, Size, Variant } from './types';
 export interface RadioSelectProps {
     items: ItemType[];
@@ -7,5 +7,5 @@ export interface RadioSelectProps {
     size?: Size;
     onClick: (value: ItemValue) => void;
 }
-declare const RadioSelect: ({ items, activeItem, variant, size, onClick, }: RadioSelectProps) => JSX.Element;
+declare const RadioSelect: ({ items, activeItem, variant, size, onClick, }: RadioSelectProps) => React.JSX.Element;
 export default RadioSelect;

package/typings/packages/custom-ui-components/src/components/molecules/RadioSelect/types.d.ts

@@ -1,14 +1,14 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ItemValue = string | number;
-export declare type Item = {
+export type ItemValue = string | number;
+export type Item = {
     id: string;
     label: string;
     value: ItemValue;
 };
-export declare type State = 'active' | 'inactive';
-export declare type Variant = 'primary';
-export declare type Size = 'small' | 'regular';
-export declare type RadioSelectSettings = ComponentSettings<{
+export type State = 'active' | 'inactive';
+export type Variant = 'primary';
+export type Size = 'small' | 'regular';
+export type RadioSelectSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', Variant>;
     state: ComponentVariant<'state', State>;
     size: ComponentVariant<'size', Size>;

package/typings/packages/custom-ui-components/src/components/molecules/RelativeTime/RelativeTime.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { Unit, Timeframe, RelativeTimeTranslations } from './types';
 export interface RelativeTimeProps {
     unit?: Unit;
@@ -7,5 +7,5 @@ export interface RelativeTimeProps {
     translations?: RelativeTimeTranslations;
     portalContainer?: RefObject<HTMLElement>;
 }
-declare const RelativeTime: ({ unit, value, onChange, portalContainer, translations, }: RelativeTimeProps) => JSX.Element;
+declare const RelativeTime: ({ unit, value, onChange, portalContainer, translations, }: RelativeTimeProps) => React.JSX.Element;
 export default RelativeTime;

package/typings/packages/custom-ui-components/src/components/molecules/RelativeTime/types.d.ts

@@ -1,9 +1,9 @@
-export declare type Unit = 'day' | 'month' | 'year';
-export declare type Timeframe = {
+export type Unit = 'day' | 'month' | 'year';
+export type Timeframe = {
     unit: Unit;
     value: number;
 };
-export declare type RelativeTimeTranslations = {
+export type RelativeTimeTranslations = {
     label: string;
     days: string;
     months: string;

package/typings/packages/custom-ui-components/src/components/molecules/Stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface StepperProps {
     steps: string[];
     currentStep: number;
@@ -6,5 +6,5 @@ export interface StepperProps {
     stepText?: string;
     verticalSingleLine?: boolean;
 }
-declare const Stepper: ({ steps, currentStep, variant, stepText, verticalSingleLine, }: StepperProps) => JSX.Element;
+declare const Stepper: ({ steps, currentStep, variant, stepText, verticalSingleLine, }: StepperProps) => React.JSX.Element;
 export default Stepper;

package/typings/packages/custom-ui-components/src/components/molecules/Stepper/components/StepHortizontal/StepHorizontal.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 interface StepProps {
     isActive: boolean;
     isCompleted: boolean;
     stepCount: number;
     title: string;
 }
-declare const StepHorizontal: ({ stepCount, title, isActive, isCompleted, }: StepProps) => JSX.Element;
+declare const StepHorizontal: ({ stepCount, title, isActive, isCompleted, }: StepProps) => React.JSX.Element;
 export default StepHorizontal;

package/typings/packages/custom-ui-components/src/components/molecules/Stepper/components/StepHortizontal/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentVariant, ComponentSettings } from '../../../../../types';
-export declare type StepState = 'active' | 'completed' | 'disabled';
-export declare type StepSize = 'regular';
-export declare type StepperVariant = 'horizontal' | 'vertical';
-export declare type StepHorizontalSettings = ComponentSettings<{
+export type StepState = 'active' | 'completed' | 'disabled';
+export type StepSize = 'regular';
+export type StepperVariant = 'horizontal' | 'vertical';
+export type StepHorizontalSettings = ComponentSettings<{
     color: ComponentVariant<'color', StepState>;
     size: ComponentVariant<'size', StepSize>;
     text: ComponentVariant<'text', StepState>;

package/typings/packages/custom-ui-components/src/components/molecules/Stepper/components/StepVertical/StepVertical.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface StepVerticalProps {
     stepCount: number;
     title: string;
@@ -7,5 +7,5 @@ interface StepVerticalProps {
     stepText?: string;
     verticalSingleLine: boolean;
 }
-declare const StepVertical: ({ stepCount, title, isActive, isCompleted, stepText, verticalSingleLine, }: StepVerticalProps) => JSX.Element;
+declare const StepVertical: ({ stepCount, title, isActive, isCompleted, stepText, verticalSingleLine, }: StepVerticalProps) => React.JSX.Element;
 export default StepVertical;

package/typings/packages/custom-ui-components/src/components/molecules/Stepper/components/StepVertical/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentVariant, ComponentSettings } from '../../../../../types';
-export declare type StepState = 'active' | 'completed' | 'disabled';
-export declare type StepSize = 'regular';
-export declare type StepperVariant = 'horizontal' | 'vertical';
-export declare type StepVerticalSettings = ComponentSettings<{
+export type StepState = 'active' | 'completed' | 'disabled';
+export type StepSize = 'regular';
+export type StepperVariant = 'horizontal' | 'vertical';
+export type StepVerticalSettings = ComponentSettings<{
     color: ComponentVariant<'color', StepState>;
     size: ComponentVariant<'size', StepSize>;
     text: ComponentVariant<'text', StepState>;

package/typings/packages/custom-ui-components/src/components/molecules/SubscriptionHeader/SubscriptionHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TagColor } from '../Tag';
-export declare type SubscriptionHeaderProps = {
+export type SubscriptionHeaderProps = {
     title: string;
     price?: {
         color: string;
@@ -13,5 +13,5 @@ export declare type SubscriptionHeaderProps = {
     children?: React.ReactNode;
     interval?: string;
 };
-export declare const SubscriptionHeader: ({ title, tag, children, price, interval, }: SubscriptionHeaderProps) => JSX.Element;
+export declare const SubscriptionHeader: ({ title, tag, children, price, interval, }: SubscriptionHeaderProps) => React.JSX.Element;
 export default SubscriptionHeader;

package/typings/packages/custom-ui-components/src/components/molecules/SummaryTable/SummaryTable.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { SummaryTableRows } from './types';
-export declare type Props = {
+export type Props = {
     rows: SummaryTableRows;
     columnSpans: number[];
 };
-declare const SummaryTable: ({ rows, columnSpans }: Props) => JSX.Element;
+declare const SummaryTable: ({ rows, columnSpans }: Props) => React.JSX.Element;
 export default SummaryTable;

package/typings/packages/custom-ui-components/src/components/molecules/SummaryTable/types.d.ts

@@ -1,10 +1,10 @@
 import CSS from 'csstype';
 import { FontWeight } from '../../../themeBase';
-export declare type SummaryTableCellConfig = {
+export type SummaryTableCellConfig = {
     value: string | number;
     color?: string;
     textAlign?: CSS.Property.TextAlign;
     fontSize?: number;
     fontWeight?: FontWeight;
 };
-export declare type SummaryTableRows = SummaryTableCellConfig[][];
+export type SummaryTableRows = SummaryTableCellConfig[][];

package/typings/packages/custom-ui-components/src/components/molecules/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TabsProps {
     tabs: {
         label: string;
@@ -7,5 +7,5 @@ export interface TabsProps {
     activeTabId?: string;
     onClick?: (tabId: string) => void;
 }
-declare const Tabs: ({ tabs, activeTabId, onClick }: TabsProps) => JSX.Element;
+declare const Tabs: ({ tabs, activeTabId, onClick }: TabsProps) => React.JSX.Element;
 export default Tabs;

package/typings/packages/custom-ui-components/src/components/molecules/Tabs/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Variant = 'primary';
-export declare type Size = 'regular';
-export declare type TabsSettings = ComponentSettings<{
+export type Variant = 'primary';
+export type Size = 'regular';
+export type TabsSettings = ComponentSettings<{
     size: ComponentVariant<'size', Size>;
     variant: ComponentVariant<'variant', Variant>;
     containerVariant: ComponentVariant<'containerVariant', Variant>;

package/typings/packages/custom-ui-components/src/components/molecules/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagColor, TagSize } from './types';
-export declare type TagProps = {
+export type TagProps = {
     label: string;
     color?: TagColor;
     size?: TagSize;
@@ -8,5 +8,5 @@ export declare type TagProps = {
     maxWidth?: number;
     onDelete?: () => void;
 };
-declare const Tag: ({ label, size, color, overflow, maxWidth, onDelete, }: TagProps) => JSX.Element;
+declare const Tag: ({ label, size, color, overflow, maxWidth, onDelete, }: TagProps) => React.JSX.Element;
 export default Tag;

package/typings/packages/custom-ui-components/src/components/molecules/Tag/Tag.styles.d.ts

@@ -1,5 +1,5 @@
 import { TagColor, TagSize } from './types';
-declare type TagProps = {
+type TagProps = {
     color: TagColor;
     size: TagSize;
     maxWidth?: number;

package/typings/packages/custom-ui-components/src/components/molecules/Tag/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type TagColor = 'primary' | 'success' | 'danger' | 'gray';
-export declare type TagSize = 'regular';
-export declare type TagSettings = ComponentSettings<{
+export type TagColor = 'primary' | 'success' | 'danger' | 'gray';
+export type TagSize = 'regular';
+export type TagSettings = ComponentSettings<{
     color: ComponentVariant<'color', TagColor>;
     size: ComponentVariant<'size', TagSize>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/TagInput/TagInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagProps } from '../Tag/Tag';
 export interface TagInputProps {
     tags: string[];
@@ -15,5 +15,5 @@ export interface TagInputProps {
     id?: string;
     fullWidth?: boolean;
 }
-declare const TagInput: ({ separator, placeholder, validationFn, tags, tagProps, onCreate, onRemove, onPaste, blinkTime, fullWidth, maxTags, ...rest }: TagInputProps) => JSX.Element;
+declare const TagInput: ({ separator, placeholder, validationFn, tags, tagProps, onCreate, onRemove, onPaste, blinkTime, fullWidth, maxTags, ...rest }: TagInputProps) => React.JSX.Element;
 export default TagInput;

package/typings/packages/custom-ui-components/src/components/molecules/TagInput/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type TagInputSize = 'regular';
-export declare type TagInputStatus = 'default' | 'error';
-export declare type TagInputSettings = ComponentSettings<{
+export type TagInputSize = 'regular';
+export type TagInputStatus = 'default' | 'error';
+export type TagInputSettings = ComponentSettings<{
     status: ComponentVariant<'status', TagInputStatus>;
     inputSize: ComponentVariant<'inputSize', TagInputSize>;
     size: ComponentVariant<'size', TagInputSize>;

package/typings/packages/custom-ui-components/src/components/molecules/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { Time, TimePickerTranslations } from './types';
 import { DropdownAlignment } from '../../atoms/types';
 export interface TimePickerProps {
@@ -10,5 +10,5 @@ export interface TimePickerProps {
     disabled?: boolean;
     dropdownAlignment?: DropdownAlignment;
 }
-declare const TimePicker: ({ value, portalContainer, translations, onChange, modalRef, disabled, dropdownAlignment, }: TimePickerProps) => JSX.Element;
+declare const TimePicker: ({ value, portalContainer, translations, onChange, modalRef, disabled, dropdownAlignment, }: TimePickerProps) => React.JSX.Element;
 export default TimePicker;

package/typings/packages/custom-ui-components/src/components/molecules/TimePicker/types.d.ts

@@ -1,7 +1,7 @@
-export declare type Time = {
+export type Time = {
     minute: number;
     hour: number;
 };
-export declare type TimePickerTranslations = {
+export type TimePickerTranslations = {
     placeholder: string;
 };

package/typings/packages/custom-ui-components/src/components/molecules/ToastMessage/ToastMessage.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Size, ColorVariant, MessageType } from './types';
-export declare type ToastMessageProps = {
+export type ToastMessageProps = {
     message: string;
     size?: Size;
     colorVariant?: ColorVariant;
     type?: MessageType;
 };
-declare const ToastMessage: ({ size, colorVariant, type, message, }: ToastMessageProps) => JSX.Element;
+declare const ToastMessage: ({ size, colorVariant, type, message, }: ToastMessageProps) => React.JSX.Element;
 export default ToastMessage;

package/typings/packages/custom-ui-components/src/components/molecules/ToastMessage/types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Size = 'regular';
-export declare type ColorVariant = 'dark';
-export declare type MessageType = 'success' | 'info' | 'warning';
-export declare type IconColorVariant = `${ColorVariant}-${MessageType}`;
-export declare type ToastMessageSettings = ComponentSettings<{
+export type Size = 'regular';
+export type ColorVariant = 'dark';
+export type MessageType = 'success' | 'info' | 'warning';
+export type IconColorVariant = `${ColorVariant}-${MessageType}`;
+export type ToastMessageSettings = ComponentSettings<{
     size: ComponentVariant<'size', Size>;
     colorVariant: ComponentVariant<'colorVariant', ColorVariant>;
     iconColor: ComponentVariant<'iconColor', IconColorVariant>;

package/typings/packages/custom-ui-components/src/components/organisms/BankAccount/BankAccount.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { AccountDetails, AddressDetails, Size, Variant, Status } from './types';
 import { defaultTranslations } from './constants';
-export declare type BankAccountProps = {
+export type BankAccountProps = {
     accountDetails: AccountDetails;
     addressDetails?: AddressDetails;
     size?: Size;
@@ -10,5 +10,5 @@ export declare type BankAccountProps = {
     status?: Status;
     renderSlot?: () => ReactNode;
 };
-declare const BankAccount: ({ accountDetails, addressDetails, size, variant, translations, status, renderSlot, }: BankAccountProps) => JSX.Element;
+declare const BankAccount: ({ accountDetails, addressDetails, size, variant, translations, status, renderSlot, }: BankAccountProps) => React.JSX.Element;
 export default BankAccount;

package/typings/packages/custom-ui-components/src/components/organisms/BankAccount/components/Watermark/Watermark.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/BankAccount/types.d.ts

@@ -1,12 +1,12 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type AccountDetails = {
+export type AccountDetails = {
     bankName: string;
     accountNumber: string;
     routingNumber: string;
     firstName: string;
     lastName: string;
 };
-export declare type AddressDetails = {
+export type AddressDetails = {
     address?: string;
     address2?: string;
     city?: string;
@@ -14,11 +14,11 @@ export declare type AddressDetails = {
     state?: string;
     zip?: string;
 };
-export declare type Status = 'active' | 'error';
-export declare type Size = 'regular' | 'small';
-export declare type Variant = 'primary';
-export declare type ContentSizeWithAddress = `${Size}-${boolean}`;
-export declare type BankAccountSettings = ComponentSettings<{
+export type Status = 'active' | 'error';
+export type Size = 'regular' | 'small';
+export type Variant = 'primary';
+export type ContentSizeWithAddress = `${Size}-${boolean}`;
+export type BankAccountSettings = ComponentSettings<{
     cardSize: ComponentVariant<'cardSize', Size>;
     addressSize: ComponentVariant<'addressSize', Size>;
     contentSize: ComponentVariant<'contentSize', ContentSizeWithAddress>;

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/CreditCard.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { AddressDetails, CardDetails, Size, Status, Variant } from './types';
-export declare type CreditCardProps = {
+export type CreditCardProps = {
     card: CardDetails;
     addressDetails?: AddressDetails;
     variant?: Variant;
@@ -9,9 +9,9 @@ export declare type CreditCardProps = {
     renderSlot?: () => ReactNode;
     statusMsg?: string;
 };
-declare const _default: (({ card, addressDetails, variant, size, status, renderSlot, }: CreditCardProps) => JSX.Element) & {
-    Watermark: ({ type, size }: import("./components/Watermark/Watermark").Props) => JSX.Element;
-    Chip: () => JSX.Element;
-    Logo: ({ type, width, height }: import("../../atoms/Logo/Logo").Props) => JSX.Element;
+declare const _default: (({ card, addressDetails, variant, size, status, renderSlot, }: CreditCardProps) => React.JSX.Element) & {
+    Watermark: ({ type, size }: import("./components/Watermark/Watermark").Props) => React.JSX.Element;
+    Chip: () => React.JSX.Element;
+    Logo: ({ type, width, height }: import("../../atoms/Logo/Logo").Props) => React.JSX.Element;
 };
 export default _default;

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/components/Chip/Chip.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/components/StatusMsg/StatusMsg.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Status } from '../../types';
-declare type Props = {
+type Props = {
     status: Status;
     customMessages?: {
         [key in Status]: string;
     };
 };
-export declare const StatusMsg: ({ status, customMessages }: Props) => JSX.Element;
+export declare const StatusMsg: ({ status, customMessages }: Props) => React.JSX.Element;
 export {};

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/components/Watermark/Watermark.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { CreditCardType, Size } from '../../types';
-export declare type Props = {
+export type Props = {
     type: CreditCardType;
     size: Size;
 };
-declare const Watermark: ({ type, size }: Props) => JSX.Element;
+declare const Watermark: ({ type, size }: Props) => React.JSX.Element;
 export default Watermark;

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/components/Watermark/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../../../types';
 import { Size, CreditCardType } from '../../types';
-export declare type SupportedType = Extract<CreditCardType, 'visa' | 'master'>;
-export declare type Variant = `${SupportedType}-${Size}`;
-export declare type WatermarkSettings = ComponentSettings<{
+export type SupportedType = Extract<CreditCardType, 'visa' | 'master'>;
+export type Variant = `${SupportedType}-${Size}`;
+export type WatermarkSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', Variant>;
 }>;

package/typings/packages/custom-ui-components/src/components/organisms/CreditCard/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { CreditCards } from './constants';
-export declare type CreditCardType = typeof CreditCards[number];
-export declare type CardDetails = {
+export type CreditCardType = (typeof CreditCards)[number];
+export type CardDetails = {
     type: CreditCardType;
     firstName?: string;
     lastName?: string;
@@ -9,7 +9,7 @@ export declare type CardDetails = {
     expirationMonth: number;
     expirationYear: number;
 };
-export declare type AddressDetails = {
+export type AddressDetails = {
     address?: string;
     address2?: string;
     city?: string;
@@ -17,10 +17,10 @@ export declare type AddressDetails = {
     state?: string;
     zip?: string;
 };
-export declare type Status = 'active' | 'error' | 'unavailable' | 'normal';
-export declare type Size = 'regular' | 'small';
-export declare type Variant = 'primary' | 'secondary';
-export declare type CreditCardSettings = ComponentSettings<{
+export type Status = 'active' | 'error' | 'unavailable' | 'normal';
+export type Size = 'regular' | 'small';
+export type Variant = 'primary' | 'secondary';
+export type CreditCardSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', Variant>;
     size: ComponentVariant<'size', Size>;
     status?: ComponentVariant<'status', Status>;

package/typings/packages/custom-ui-components/src/components/organisms/DateTimePicker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dayjs } from 'dayjs';
-export declare type DateTimePickerProps = {
+export type DateTimePickerProps = {
     onChange: (date: Dayjs) => void;
     modalRef?: React.RefObject<HTMLElement>;
     portalContainer?: React.RefObject<HTMLElement>;
@@ -9,4 +9,4 @@ export declare type DateTimePickerProps = {
     minDate?: Date;
     maxDate?: Date;
 };
-export declare const DateTimePicker: ({ onChange, modalRef, portalContainer, initialDate, disabled, minDate, maxDate, }: DateTimePickerProps) => JSX.Element;
+export declare const DateTimePicker: ({ onChange, modalRef, portalContainer, initialDate, disabled, minDate, maxDate, }: DateTimePickerProps) => React.JSX.Element;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/MeteredComponent/MeteredComponent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { MeteredProps } from './types';
-declare const MeteredComponent: ({ name, description, value }: MeteredProps) => JSX.Element;
+declare const MeteredComponent: ({ name, description, value }: MeteredProps) => React.JSX.Element;
 export default MeteredComponent;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/MeteredComponent/types.d.ts

@@ -1,4 +1,4 @@
-export declare type MeteredProps = {
+export type MeteredProps = {
     name: string;
     description?: string;
     value: string;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/OnOffComponent/OnOffComponent.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToggleVariant } from '../../../atoms/Toggle/types';
-export declare type OnOffProps = {
+export type OnOffProps = {
     name: string;
     isOn?: boolean;
     isDisabled?: boolean;
     description?: string;
     toggleVariant?: ToggleVariant;
 };
-declare const OnOffComponent: ({ isOn, isDisabled, name, description, toggleVariant, }: OnOffProps) => JSX.Element;
+declare const OnOffComponent: ({ isOn, isDisabled, name, description, toggleVariant, }: OnOffProps) => React.JSX.Element;
 export default OnOffComponent;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/PrepaidComponent/PrepaidComponent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PrepaidProps } from './types';
-declare const PrepaidComponent: ({ name, prepaid, usage, isCumulative, unit, translations, description, cardVariant, overageBalance, isRenewable, }: PrepaidProps) => JSX.Element;
+declare const PrepaidComponent: ({ name, prepaid, usage, isCumulative, unit, translations, description, cardVariant, overageBalance, isRenewable, }: PrepaidProps) => React.JSX.Element;
 export default PrepaidComponent;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/PrepaidComponent/types.d.ts

@@ -1,5 +1,5 @@
 import { SubscriptionComponentCardVariants } from '../../../atoms';
-export declare type PrepaidTranslations = {
+export type PrepaidTranslations = {
     overage_charge: string;
     resources_renew_every_billing_period: string;
     remaining_resources_will_roll_over_to_next_billing_period: string;
@@ -7,7 +7,7 @@ export declare type PrepaidTranslations = {
     usage: string;
     prepaid: string;
 };
-export declare type PrepaidProps = {
+export type PrepaidProps = {
     name: string;
     description?: string;
     prepaid: number;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/QuantityComponent/QuantityComponent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { QuantityProps } from './types';
-declare const QuantityComponent: ({ name, description, value }: QuantityProps) => JSX.Element;
+declare const QuantityComponent: ({ name, description, value }: QuantityProps) => React.JSX.Element;
 export default QuantityComponent;

package/typings/packages/custom-ui-components/src/components/organisms/Subscription/QuantityComponent/types.d.ts

@@ -1,4 +1,4 @@
-export declare type QuantityProps = {
+export type QuantityProps = {
     name: string;
     description?: string;
     value: string;

package/typings/packages/custom-ui-components/src/components/organisms/Table/Table.d.ts

@@ -3,8 +3,8 @@ export interface TableProps {
     renderFooter?: () => React.ReactNode;
     children: React.ReactNode;
 }
-declare const _default: (({ children, renderFooter }: TableProps) => JSX.Element) & {
-    Cell: ({ children, align, ...rest }: import("./components/TableCell/TableCell").TableCellProps) => JSX.Element;
+declare const _default: (({ children, renderFooter }: TableProps) => React.JSX.Element) & {
+    Cell: ({ children, align, ...rest }: import("./components/TableCell/TableCell").TableCellProps) => React.JSX.Element;
     Row: import("styled-components").StyledComponent<"tr", any, {
         variant?: import("./types").RowVariant;
         disableBorder?: boolean;
@@ -12,7 +12,7 @@ declare const _default: (({ children, renderFooter }: TableProps) => JSX.Element
     Head: import("styled-components").StyledComponent<"thead", any, {
         variant: import("./types").HeaderVariant;
     }, never>;
-    Header: ({ sortMode, children, align, onClick, minWidth, disableSort, ...rest }: import("./components/TableHeader/types").TableHeaderProps) => JSX.Element;
+    Header: ({ sortMode, children, align, onClick, minWidth, disableSort, ...rest }: import("./components/TableHeader/types").TableHeaderProps) => React.JSX.Element;
     Body: import("styled-components").StyledComponent<"tbody", any, {}, never>;
     CellContainer: import("styled-components").StyledComponent<"td", any, {}, never>;
     Footer: import("styled-components").StyledComponent<"div", any, import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {