@maxio-com/self-service 1.9.4 → 1.9.5

package/typings/packages/data-access/src/types/subscription.d.ts

@@ -1,5 +1,5 @@
 import { SubscriptionPaymentProfile } from './subscriptionPaymentProfile';
-export declare type Subscription = {
+export type Subscription = {
     id: number;
     product_family_id: number;
     state: string;
@@ -28,14 +28,14 @@ export declare type Subscription = {
         visible: boolean;
     };
 };
-export declare type SubscriptionResumptionCharge = 'prorated' | 'immediate' | 'delayed';
-export declare type ChurnReason = {
+export type SubscriptionResumptionCharge = 'prorated' | 'immediate' | 'delayed';
+export type ChurnReason = {
     id: number;
     code: string;
     description: string;
     position: number;
 };
-export declare type SubscriptionProduct = {
+export type SubscriptionProduct = {
     id: number;
     name: string;
     price_in_cents: number;
@@ -45,13 +45,13 @@ export declare type SubscriptionProduct = {
     trial_interval: string | null;
     trial_interval_unit: string | null;
 };
-export declare type Coupon = {
+export type Coupon = {
     amount_in_cents: number;
     code: string;
     expires_at: string;
     recurring: boolean;
     percentage: number;
 };
-export declare type SubscriptionWithCoupon = Subscription & {
+export type SubscriptionWithCoupon = Subscription & {
     coupons: Coupon[];
 };

package/typings/packages/data-access/src/types/subscriptionComponent.d.ts

@@ -1,11 +1,11 @@
-export declare type SubscriptionComponentPriceStep = {
+export type SubscriptionComponentPriceStep = {
     id: number;
     starting_quantity: number;
     ending_quantity: number;
     price_in_cents: number;
     currency: string;
 };
-export declare type SubscriptionComponent = {
+export type SubscriptionComponent = {
     id: number;
     name: string;
     type: 'metered' | 'quantity' | 'on_off' | 'prepaid';

package/typings/packages/data-access/src/types/subscriptionPaymentProfile.d.ts

@@ -1,6 +1,6 @@
 import { Address } from './address';
 import { BankAccount, CreditCard } from './paymentProfiles';
-export declare type SubscriptionPaymentProfile = {
+export type SubscriptionPaymentProfile = {
     bank_account: null | BankAccount;
     credit_card: null | CreditCard;
     address: Address;

package/typings/packages/device-provider/src/components/DeviceProvider/DeviceProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare type DeviceProviderProps = {
+export type DeviceProviderProps = {
     children: React.ReactNode;
     tabletMinWidth: string;
     desktopMinWidth: string;
 };
-declare const DeviceProvider: ({ children, tabletMinWidth, desktopMinWidth, }: DeviceProviderProps) => JSX.Element;
+declare const DeviceProvider: ({ children, tabletMinWidth, desktopMinWidth, }: DeviceProviderProps) => React.JSX.Element;
 export default DeviceProvider;

package/typings/packages/device-provider/src/types.d.ts

@@ -1 +1 @@
-export declare type Device = 'mobile' | 'tablet' | 'desktop';
+export type Device = 'mobile' | 'tablet' | 'desktop';

package/typings/packages/embeddable-component/src/ComponentLoader/ComponentLoader.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-export declare type ComponentLoaderProps<P> = {
+export type ComponentLoaderProps<P> = {
     component: FC<P>;
     clientSettings: P;
     loader?: FC;

package/typings/packages/embeddable-component/src/SessionGuard/SessionGuard.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { SessionManager } from "../../../session-manager/src";
-export declare type SessionGuardProps = {
+export type SessionGuardProps = {
     children: React.ReactNode;
     sessionManager: SessionManager;
 };
 export declare const SessionContext: React.Context<{
     sessionInitialized: boolean;
 }>;
-declare const SessionGuard: ({ children, sessionManager }: SessionGuardProps) => JSX.Element;
+declare const SessionGuard: ({ children, sessionManager }: SessionGuardProps) => React.JSX.Element;
 export default SessionGuard;

package/typings/packages/embeddable-component/src/hooks/types.d.ts

@@ -1,4 +1,4 @@
-export declare type SubscriptionScopes = 'subscription:pause' | 'subscription:resume' | 'subscription:cancel-immediate' | 'subscription:cancel-delayed' | 'subscription:cancel-scheduled' | 'subscription:reactivate' | 'subscription:plan-change';
+export type SubscriptionScopes = 'subscription:pause' | 'subscription:resume' | 'subscription:cancel-immediate' | 'subscription:cancel-delayed' | 'subscription:cancel-scheduled' | 'subscription:reactivate' | 'subscription:plan-change';
 export interface ComponentSettings {
     componentsAllocation: {
         visible: boolean;
@@ -17,8 +17,8 @@ export interface ComponentSettings {
     };
     billingHistory: Record<string, unknown>;
 }
-export declare type ComponentsSettingsKeys = keyof ComponentSettings;
-export declare type MergedSettings<T extends {
+export type ComponentsSettingsKeys = keyof ComponentSettings;
+export type MergedSettings<T extends {
     [K in ComponentsSettingsKeys]?: T[K];
 }> = {
     [K in ComponentsSettingsKeys]: T[K] & ComponentSettings[K];

package/typings/packages/embeddable-component/src/types.d.ts

@@ -1,3 +1,3 @@
-export declare type I18NSettings = {
+export type I18NSettings = {
     loadPath: string;
 };

package/typings/packages/formatters/src/formatBillingInterval.d.ts

@@ -1,3 +1,3 @@
 import { TFunction } from 'react-i18next';
-export declare type Unit = 'day' | 'month';
+export type Unit = 'day' | 'month';
 export declare const formatBillingInterval: (interval: number, unit: Unit, t: TFunction<'common'[]>) => string;

package/typings/packages/formatters/src/formatCurrency.d.ts

@@ -27,5 +27,5 @@ export declare const CURRENCY_MAP: {
     readonly SAR: "ر.س";
     readonly ILS: "₪";
 };
-export declare type Currency = keyof typeof CURRENCY_MAP;
+export type Currency = keyof typeof CURRENCY_MAP;
 export declare const formatCurrency: (currency: Currency, value: number, locale?: string) => string;

package/typings/packages/icons/src/Icon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from './types';
-declare const Icon: ({ fill, type, size, onClick }: IconProps) => JSX.Element;
+declare const Icon: ({ fill, type, size, onClick }: IconProps) => React.JSX.Element;
 export default Icon;

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

@@ -1,6 +1,6 @@
 import { Icons } from './constants';
-export declare type IconType = typeof Icons[number];
-export declare type IconProps = {
+export type IconType = (typeof Icons)[number];
+export type IconProps = {
     fill: string;
     type: IconType;
     size?: number;

package/typings/packages/payments-sdk/src/components/CardExpiration/CardExpiration.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import HostedField from '../HostedField';
-declare type CardExpirationProps = {
+type CardExpirationProps = {
     monthHtmlElementId?: string;
     yearHtmlElementId?: string;
 } & ComponentProps<typeof HostedField>;
-declare const CardExpiration: ({ label, hasError, required, monthHtmlElementId, yearHtmlElementId, }: CardExpirationProps) => JSX.Element;
+declare const CardExpiration: ({ label, hasError, required, monthHtmlElementId, yearHtmlElementId, }: CardExpirationProps) => React.JSX.Element;
 export default CardExpiration;

package/typings/packages/payments-sdk/src/components/CardNumber/CardNumber.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import HostedField from '../HostedField';
-declare type CardNumberProps = {
+type CardNumberProps = {
     htmlElementId?: string;
 } & ComponentProps<typeof HostedField>;
-declare const CardNumber: ({ htmlElementId, label, required, hasError, }: CardNumberProps) => JSX.Element;
+declare const CardNumber: ({ htmlElementId, label, required, hasError, }: CardNumberProps) => React.JSX.Element;
 export default CardNumber;

package/typings/packages/payments-sdk/src/components/CreditCard/CreditCard.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { CreditCardType } from "../../../../custom-ui-components/src";
 import { FieldsLabels, CardSize } from './types';
-declare type CreditCardProps = {
+type CreditCardProps = {
     requiredFields?: string[];
     labels: FieldsLabels;
     size?: CardSize;
     errors?: string[];
     type?: CreditCardType;
 };
-declare const CreditCard: ({ requiredFields, errors, labels, size, type, }: CreditCardProps) => JSX.Element;
+declare const CreditCard: ({ requiredFields, errors, labels, size, type, }: CreditCardProps) => React.JSX.Element;
 export default CreditCard;

package/typings/packages/payments-sdk/src/components/CreditCard/components/FourDigit/FourDigit.d.ts

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

package/typings/packages/payments-sdk/src/components/CreditCard/components/ThreeDigit/ThreeDigit.d.ts

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

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/TooltipContent.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { FieldsLabels } from './types';
-declare type TooltipContentProps = {
+type TooltipContentProps = {
     labels: FieldsLabels;
 };
-declare const TooltipContent: ({ labels }: TooltipContentProps) => JSX.Element;
+declare const TooltipContent: ({ labels }: TooltipContentProps) => React.JSX.Element;
 export default TooltipContent;

package/typings/packages/payments-sdk/src/components/CreditCard/components/TooltipContent/types.d.ts

@@ -1,4 +1,4 @@
-export declare type FieldsLabels = {
+export type FieldsLabels = {
     threeDigitTooltip: string;
     fourDigitTooltip: string;
 };

package/typings/packages/payments-sdk/src/components/CreditCard/types.d.ts

@@ -1,8 +1,8 @@
-export declare type FieldsLabels = {
+export type FieldsLabels = {
     cardNumber: string;
     securityCode: string;
     expirationDate: string;
     threeDigitTooltip: string;
     fourDigitTooltip: string;
 };
-export declare type CardSize = 'small' | 'regular';
+export type CardSize = 'small' | 'regular';

package/typings/packages/payments-sdk/src/components/HostedField/HostedField.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { TooltipProps } from "../../../../custom-ui-components/src";
-export declare type HostedFieldProps = {
+export type HostedFieldProps = {
     children?: React.ReactNode;
     label: string;
     required?: boolean;
     hasError?: boolean;
     tooltip?: Omit<TooltipProps, 'children'>;
 };
-declare const HostedField: ({ label, required, tooltip, children, }: HostedFieldProps) => JSX.Element;
+declare const HostedField: ({ label, required, tooltip, children, }: HostedFieldProps) => React.JSX.Element;
 export default HostedField;

package/typings/packages/payments-sdk/src/components/InputSocket/InputSocket.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare type InputSocketProps = {
+type InputSocketProps = {
     children?: React.ReactNode;
     id?: string;
     hasError?: boolean;
 };
-declare const InputSocket: ({ id, children, hasError }: InputSocketProps) => JSX.Element;
+declare const InputSocket: ({ id, children, hasError }: InputSocketProps) => React.JSX.Element;
 export default InputSocket;

package/typings/packages/payments-sdk/src/components/PaymentProfileSkeleton/PaymentProfileSkeleton.d.ts

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

package/typings/packages/payments-sdk/src/components/SecurityCode/SecurityCode.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import HostedField from '../HostedField';
-declare type SecurityCodeProps = {
+type SecurityCodeProps = {
     htmlElementId?: string;
 } & ComponentProps<typeof HostedField>;
-declare const SecurityCode: ({ label, required, htmlElementId, hasError, tooltip, }: SecurityCodeProps) => JSX.Element;
+declare const SecurityCode: ({ label, required, htmlElementId, hasError, tooltip, }: SecurityCodeProps) => React.JSX.Element;
 export default SecurityCode;

package/typings/packages/payments-sdk/src/containers/PaymentsContainer/PaymentsContainer.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-declare type PaymentsContainerProps = {
+type PaymentsContainerProps = {
     bundleUrl?: string;
     children?: React.ReactNode;
 };

package/typings/packages/payments-sdk/src/forms/CreditCard/CreditCard.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardSize } from '../../components';
 import { PaymentsFormConfig, CreditCardFields } from '../../types';
 import { CreditCardFormTranslations } from './types';
-export declare type CreditCardFormProps = {
+export type CreditCardFormProps = {
     config: PaymentsFormConfig;
     values: CreditCardFields;
     requiredFields?: string[];
@@ -17,5 +17,5 @@ export declare type CreditCardFormProps = {
     translations?: CreditCardFormTranslations;
     isOnMobileDevice?: boolean;
 };
-declare const CreditCardForm: ({ values, onValidateField, onChange, useThreeDSecure, errors, config, creditCardSize, isOnMobileDevice, requiredFields, hostedFieldsErrors, translations, }: CreditCardFormProps) => JSX.Element;
+declare const CreditCardForm: ({ values, onValidateField, onChange, useThreeDSecure, errors, config, creditCardSize, isOnMobileDevice, requiredFields, hostedFieldsErrors, translations, }: CreditCardFormProps) => React.JSX.Element;
 export default CreditCardForm;

package/typings/packages/payments-sdk/src/forms/CreditCard/index.d.ts

@@ -1,6 +1,5 @@
-import CreditCard from './CreditCard';
 import type { CreditCardFormTranslations } from './types';
 import { createCreditCardValidationSchema } from './utils';
-export default CreditCard;
+export { default as CreditCard } from './CreditCard';
 export type { CreditCardFormTranslations };
 export { createCreditCardValidationSchema };

package/typings/packages/payments-sdk/src/forms/CreditCard/types.d.ts

@@ -1,4 +1,4 @@
-export declare type CreditCardFormTranslations = {
+export type CreditCardFormTranslations = {
     creditCardNumber: {
         label: string;
         placeholder: string;

package/typings/packages/payments-sdk/src/forms/PaymentProfile/PaymentProfile.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { AddressFields } from "../../../../address/src";
 import { PaymentsFormConfig, CreditCardFields } from '../../types';
-declare type PaymentProfileProps = {
+type PaymentProfileProps = {
     paymentMethodType?: 'creditCard' | 'bankAccount';
     useThreeDSecure?: boolean;
     formElementId?: string;
@@ -24,7 +24,7 @@ declare type PaymentProfileProps = {
     };
 };
 declare const PaymentProfile: {
-    ({ paymentMethodType, requiredFields, useThreeDSecure, formElementId, onUpdateField, onValidateField, billingAddress, paymentMethod, config, }: PaymentProfileProps): JSX.Element;
-    LoadingSkeleton: () => JSX.Element;
+    ({ paymentMethodType, requiredFields, useThreeDSecure, formElementId, onUpdateField, onValidateField, billingAddress, paymentMethod, config, }: PaymentProfileProps): React.JSX.Element;
+    LoadingSkeleton: () => React.JSX.Element;
 };
 export default PaymentProfile;

package/typings/packages/payments-sdk/src/types.d.ts

@@ -1,4 +1,4 @@
-export declare type TokenizationError = {
+export type TokenizationError = {
     invalidFields?: string[];
     errors?: string | string[];
     status?: number;
@@ -11,12 +11,12 @@ export interface PaymentsSDK {
 export interface PaymentsSDKConstructable {
     new (): PaymentsSDK;
 }
-export declare type PaymentsFormConfig = {
+export type PaymentsFormConfig = {
     securityToken: string | null;
     publicKey: string | null;
     serverHost: string | null;
 };
-export declare type CreditCardFields = {
+export type CreditCardFields = {
     firstName: string;
     lastName: string;
 };
@@ -26,4 +26,4 @@ export declare enum CreditCardPCIFields {
     ExpirationMonth = "month",
     ExpirationYear = "year"
 }
-export declare type DetectedCardType = 'american-express' | 'default' | 'diners' | 'diners-club' | 'discover' | 'jcb' | 'maestro' | 'mastercard' | 'visa';
+export type DetectedCardType = 'american-express' | 'default' | 'diners' | 'diners-club' | 'discover' | 'jcb' | 'maestro' | 'mastercard' | 'visa';

package/typings/packages/session-manager/src/SessionManager/SessionManager.d.ts

@@ -3,6 +3,7 @@ import { SessionManagerParameters, SessionState } from './types';
 declare class SessionManager {
     private accessTokenUrl;
     private onAuthenticationRequest;
+    private onAuthenticationRequestAsync;
     private token;
     private expDate;
     private iatDate;
@@ -17,7 +18,7 @@ declare class SessionManager {
     private managerInitializing;
     private logger;
     private subscriptions;
-    constructor({ accessTokenUrl, onAuthenticationRequest, intervalInMilliseconds, maxRetryNumber, }: SessionManagerParameters);
+    constructor({ accessTokenUrl, onAuthenticationRequest, onAuthenticationRequestAsync, intervalInMilliseconds, maxRetryNumber, }: SessionManagerParameters);
     initialize(): void;
     private authenticateUser;
     private notifySubscribers;

package/typings/packages/session-manager/src/SessionManager/types.d.ts

@@ -1,14 +1,15 @@
-export declare type SessionManagerParameters = {
+export type SessionManagerParameters = {
     accessTokenUrl: string;
     onAuthenticationRequest?: () => {};
+    onAuthenticationRequestAsync?: () => Promise<Record<string, string>>;
     intervalInMilliseconds?: number;
     maxRetryNumber?: number;
 };
-export declare type SessionState = {
+export type SessionState = {
     isInitialized: boolean;
     isTokenValid: boolean;
 };
-export declare type SessionSubscriber = {
+export type SessionSubscriber = {
     id: number;
     callback: (session: SessionState) => void;
 };

package/typings/packages/subscriptions-manager/src/App.d.ts

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

package/typings/packages/subscriptions-manager/src/components/ComponentGroup/ComponentGroup.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { SubscriptionComponent } from '../SubscriptionComponents/types';
-declare type Props = {
+type Props = {
     components: SubscriptionComponent[];
     renderInCard?: boolean;
     subscriptionIsActive?: boolean;
 };
-export declare const ComponentGroup: ({ components, renderInCard }: Props) => JSX.Element;
+export declare const ComponentGroup: ({ components, renderInCard }: Props) => React.JSX.Element;
 export {};

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationEdit/ComponentsAllocationEdit.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { Allocation, SerializedComponent, AllocationsError } from '../../machines';
-export declare type ComponentsAllocationEditProps = {
+export type ComponentsAllocationEditProps = {
     components: SerializedComponent[];
     errors?: AllocationsError[];
     onUpdateAllocation: (allocation: Allocation) => void;
 };
 declare const ComponentsAllocationEdit: {
-    ({ components, errors, onUpdateAllocation, }: ComponentsAllocationEditProps): JSX.Element;
-    LoadingSkeleton: () => JSX.Element;
+    ({ components, errors, onUpdateAllocation, }: ComponentsAllocationEditProps): React.JSX.Element;
+    LoadingSkeleton: () => React.JSX.Element;
 };
 export default ComponentsAllocationEdit;

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationEdit/components/ComponentsAllocationEditSkeleton/ComponentsAllocationEditSkeleton.d.ts

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

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { AllocationsPreview, SerializedComponent } from '../../machines';
-export declare type ComponentsAllocationPreviewProps = {
+export type ComponentsAllocationPreviewProps = {
     allocationsPreview: AllocationsPreview;
     components: SerializedComponent[];
 };
-declare const ComponentsAllocationPreview: ({ allocationsPreview, components, }: ComponentsAllocationPreviewProps) => JSX.Element;
+declare const ComponentsAllocationPreview: ({ allocationsPreview, components, }: ComponentsAllocationPreviewProps) => React.JSX.Element;
 export default ComponentsAllocationPreview;

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationPreview/components/AllocationsTable/AllocationsTable.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Currency } from "../../../../../../formatters/src";
 import { AllocationDetails } from '../../../../machines/addOnsConfiguration/types';
-export declare type AllocationsTableProps = {
+export type AllocationsTableProps = {
     heading: string;
     componentsAllocations: AllocationDetails[];
     currency: Currency;
 };
-declare const AllocationsTable: ({ heading, componentsAllocations, currency, }: AllocationsTableProps) => JSX.Element;
+declare const AllocationsTable: ({ heading, componentsAllocations, currency, }: AllocationsTableProps) => React.JSX.Element;
 export default AllocationsTable;

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationPreview/utils/getAllocationSummaryPaymentMessage.d.ts

@@ -1,6 +1,6 @@
 import { TFunction } from 'react-i18next';
 import { Currency } from "../../../../../formatters/src";
-declare type Params = {
+type Params = {
     accrueCharge: boolean;
     t: TFunction<'subscriptions-manager'[]>;
     currency: Currency;

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationPreview/utils/mapAllocationsToTable.d.ts

@@ -2,7 +2,7 @@ import { TFunction } from 'react-i18next';
 import { SummaryTableRows } from "../../../../../custom-ui-components/src";
 import { Currency } from "../../../../../formatters/src";
 import { AllocationDetails } from '../../../machines/addOnsConfiguration/types';
-declare type Params = {
+type Params = {
     componentsAllocations: AllocationDetails[];
     t: TFunction<'subscriptions-manager'[]>;
     language: string;

package/typings/packages/subscriptions-manager/src/components/ComponentsAllocationPreview/utils/mapChargeSummaryToTable.d.ts

@@ -1,7 +1,7 @@
 import { TFunction } from 'react-i18next';
 import { SummaryTableRows } from "../../../../../custom-ui-components/src";
 import { AllocationsPreview } from '../../../machines';
-declare type Params = {
+type Params = {
     allocationsPreview: AllocationsPreview;
     t: TFunction<'subscriptions-manager'[]>;
     language: string;

package/typings/packages/subscriptions-manager/src/components/ComponentsPreview/ComponentsPreview.d.ts

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

package/typings/packages/subscriptions-manager/src/components/ComponentsPreview/components/ComponentsPreviewRow/ComponentsPreviewRow.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentPreview } from '../../types';
-export declare type Props = {
+export type Props = {
     row: ComponentPreview;
 };
-declare const ComponentsPreviewRow: ({ row }: Props) => JSX.Element;
+declare const ComponentsPreviewRow: ({ row }: Props) => React.JSX.Element;
 export default ComponentsPreviewRow;

package/typings/packages/subscriptions-manager/src/components/ComponentsPreview/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ComponentPreview = {
+export type ComponentPreview = {
     name: string;
     description?: string;
     disableMemo?: boolean;

package/typings/packages/subscriptions-manager/src/components/ComponentsPreview/utils/createComponentsPreviewRow.d.ts

@@ -1,10 +1,10 @@
 import { Allocation, SerializedComponent, AllocationsError } from '../../../machines';
 import { ComponentPreview } from '../types';
-declare type ComponentsRow = {
+type ComponentsRow = {
     onOff: ComponentPreview[];
     quantity: ComponentPreview[];
 };
-declare type ComponentsPreviewRow = {
+type ComponentsPreviewRow = {
     recurring: ComponentsRow;
     oneTime: Pick<ComponentsRow, 'quantity'>;
 };

package/typings/packages/subscriptions-manager/src/components/ComponentsPreview/utils/renderPrice.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SerializedPrice } from '../../../machines';
-export declare const renderPrice: (price: SerializedPrice, locale: string) => JSX.Element;
+export declare const renderPrice: (price: SerializedPrice, locale: string) => React.JSX.Element;

package/typings/packages/subscriptions-manager/src/components/ContentLoader/ContentLoader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ContentLoaderProps = {
+export type ContentLoaderProps = {
     isLoading: boolean;
     loadingError: boolean;
     contentReady: boolean;
@@ -7,5 +7,5 @@ export declare type ContentLoaderProps = {
     onReinitialize: () => void;
     children: React.ReactNode;
 };
-declare const ContentLoader: ({ isLoading, loadingError, contentReady, errorMessage, onReinitialize, children, }: ContentLoaderProps) => JSX.Element;
+declare const ContentLoader: ({ isLoading, loadingError, contentReady, errorMessage, onReinitialize, children, }: ContentLoaderProps) => React.JSX.Element;
 export default ContentLoader;

package/typings/packages/subscriptions-manager/src/components/CouponsList/CouponsList.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     coupons: {
         code: string;
         value: string;
         description: string;
     }[];
 };
-export declare const CouponsList: ({ coupons }: Props) => JSX.Element;
+export declare const CouponsList: ({ coupons }: Props) => React.JSX.Element;
 export {};