@maxio-com/self-service 1.9.4 → 1.9.6

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

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

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

@@ -1,10 +1,10 @@
-import { MutableRefObject } from 'react';
+import React, { MutableRefObject } from 'react';
 import { CustomField } from "../../../../custom-fields/src";
-declare type CustomFieldsFormProps = {
+type CustomFieldsFormProps = {
     customFields: CustomField[];
     onChange: (id: number, value: string | number) => void;
     isError: boolean;
     portalContainer: MutableRefObject<HTMLDivElement>;
 };
-declare const CustomFieldsForm: ({ customFields, onChange, isError, portalContainer, }: CustomFieldsFormProps) => JSX.Element;
+declare const CustomFieldsForm: ({ customFields, onChange, isError, portalContainer, }: CustomFieldsFormProps) => React.JSX.Element;
 export default CustomFieldsForm;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { CustomField } from "../../../../custom-fields/src";
-export declare type Props = {
+export type Props = {
     customFields: CustomField[];
     onEdit: () => void;
 };
 declare const CustomFieldsPreview: {
-    ({ customFields, onEdit }: Props): JSX.Element;
-    LoadingSkeleton: () => JSX.Element;
+    ({ customFields, onEdit }: Props): React.JSX.Element;
+    LoadingSkeleton: () => React.JSX.Element;
 };
 export default CustomFieldsPreview;

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type DetailsRowProps = {
+import React from 'react';
+export type DetailsRowProps = {
     label: string;
     value: string;
 };
-declare const DetailRow: ({ label, value }: DetailsRowProps) => JSX.Element;
+declare const DetailRow: ({ label, value }: DetailsRowProps) => React.JSX.Element;
 export default DetailRow;

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

@@ -1,2 +1 @@
-import DetailsRow from './DetailsRow';
-export default DetailsRow;
+export { default as DetailsRow } from './DetailsRow';

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { OptionType } from "../../../../custom-ui-components/src";
 import type { PaymentProfile } from '../../models/paymentProfile';
-export declare type PaymentProfilesProps = {
+export type PaymentProfilesProps = {
     activePaymentProfile: PaymentProfile;
     paymentProfiles: PaymentProfile[];
     onSelectPaymentProfileOption: (option: OptionType, id: number) => void;
@@ -12,5 +12,5 @@ export declare type PaymentProfilesProps = {
     isError: boolean;
     onRetry: () => void;
 };
-declare const PaymentProfiles: ({ onRetry, onSelectPaymentProfileOption, onCreatePaymentProfile, availablePaymentMethods, goBack, isLoading, activePaymentProfile, paymentProfiles, isError, }: PaymentProfilesProps) => JSX.Element;
+declare const PaymentProfiles: ({ onRetry, onSelectPaymentProfileOption, onCreatePaymentProfile, availablePaymentMethods, goBack, isLoading, activePaymentProfile, paymentProfiles, isError, }: PaymentProfilesProps) => React.JSX.Element;
 export default PaymentProfiles;

package/typings/packages/subscriptions-manager/src/components/PaymentProfiles/components/PaymentProfilesHeader/PaymentsProfilesHeader.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { OptionType } from "../../../../../../custom-ui-components/src";
-declare type Props = {
+type Props = {
     dropdownOptions: OptionType[];
     onDropdownSelection: (option: OptionType) => void;
 };
-export declare const PaymentsProfilesHeader: ({ dropdownOptions, onDropdownSelection, }: Props) => JSX.Element;
+export declare const PaymentsProfilesHeader: ({ dropdownOptions, onDropdownSelection, }: Props) => React.JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,4 @@
 import { CreditCard } from '../../models';
-declare type Status = 'error' | 'active';
+type Status = 'error' | 'active';
 export declare const getCreditCardStatus: (creditCard: CreditCard, isActive: boolean) => Status;
 export {};

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaymentProfile } from '../../models/paymentProfile';
-declare type Props = {
+type Props = {
     paymentProfiles: PaymentProfile[];
     onPaymentProfileSelected: (paymentProfile: PaymentProfile['id']) => void;
     selectedPaymentProfilesIds?: number[];
 };
-export declare const PaymentProfilesReplace: ({ paymentProfiles, selectedPaymentProfilesIds, onPaymentProfileSelected, }: Props) => JSX.Element;
+export declare const PaymentProfilesReplace: ({ paymentProfiles, selectedPaymentProfilesIds, onPaymentProfileSelected, }: Props) => React.JSX.Element;
 export {};

package/typings/packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpitredStatus.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     text: string;
 };
-export declare const ExpiredStatus: ({ text }: Props) => JSX.Element;
+export declare const ExpiredStatus: ({ text }: Props) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaymentProfile } from '../../../../models/paymentProfile';
-declare type Props = {
+type Props = {
     paymentProfile: PaymentProfile;
     onPaymentProfileSelected: (paymentProfileId: number) => void;
     isChecked: boolean;
 };
-export declare const PaymentProfileItem: ({ paymentProfile, onPaymentProfileSelected, isChecked, }: Props) => JSX.Element;
+export declare const PaymentProfileItem: ({ paymentProfile, onPaymentProfileSelected, isChecked, }: Props) => React.JSX.Element;
 export {};

package/typings/packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     expirationMonth: number;
     expirationYear: number;
     maskedNumber: string;
 };
-export declare const Label: ({ maskedNumber, expirationYear, expirationMonth, }: Props) => JSX.Element;
+export declare const Label: ({ maskedNumber, expirationYear, expirationMonth, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     subscriptions: {
         success: {
             id: number;
@@ -16,5 +16,5 @@ declare type Props = {
     };
     onRetry: () => void;
 };
-export declare const PaymentProfilesReplaceAlerts: ({ subscriptions, onRetry, }: Props) => JSX.Element;
+export declare const PaymentProfilesReplaceAlerts: ({ subscriptions, onRetry, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { ChangePlanPreview } from '../../machines/changePlan';
-declare type Props = {
+type Props = {
     productChangeStrategy: ChangePlanPreview['productChangeStrategy'];
     nextBillingDate: string;
     basePlanPrice: string;
     totalCharge: string;
     creditBalance: string;
 };
-export declare const PlanChangeAlerts: ({ basePlanPrice, productChangeStrategy, nextBillingDate, totalCharge, creditBalance, }: Props) => JSX.Element;
+export declare const PlanChangeAlerts: ({ basePlanPrice, productChangeStrategy, nextBillingDate, totalCharge, creditBalance, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ProductChangeStrategy } from '../../machines/changePlan/index';
-declare type Props = {
+type Props = {
     productName: string;
     basePlanPrice: string;
     productChangeStrategy: ProductChangeStrategy;
@@ -10,5 +10,5 @@ declare type Props = {
     proratedCreditAmount: string;
     currentProductName: string;
 };
-export declare const PlanChangeSummary: ({ productName, basePlanPrice, productChangeStrategy, existingBalance, billingEndDate, nextBillingAmount, currentProductName, proratedCreditAmount, }: Props) => JSX.Element;
+export declare const PlanChangeSummary: ({ productName, basePlanPrice, productChangeStrategy, existingBalance, billingEndDate, nextBillingAmount, currentProductName, proratedCreditAmount, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     existingBalance: string;
     billingEndDate: string;
     nextBillingAmount: string;
     productName: string;
     isImmediate: boolean;
 };
-export declare const NonProratedColumns: ({ existingBalance, productName, billingEndDate, nextBillingAmount, isImmediate, }: Props) => JSX.Element;
+export declare const NonProratedColumns: ({ existingBalance, productName, billingEndDate, nextBillingAmount, isImmediate, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     productName: string;
     billingEndDate: string;
     proratedCreditAmount: string;
 };
-export declare const ProratedColumns: ({ proratedCreditAmount, productName, billingEndDate, }: Props) => JSX.Element;
+export declare const ProratedColumns: ({ proratedCreditAmount, productName, billingEndDate, }: Props) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Currency } from "../../../../formatters/src";
 import { ChangePlanPreview } from '../../machines/changePlan';
-declare type Props = {
+type Props = {
     currency: Currency;
     changePlanPreview: ChangePlanPreview;
 };
-export declare const PlanChangeSummaryCharges: ({ changePlanPreview, currency, }: Props) => JSX.Element;
+export declare const PlanChangeSummaryCharges: ({ changePlanPreview, currency, }: Props) => React.JSX.Element;
 export {};

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

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

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare type PlanRadioProps = {
+import React from 'react';
+type PlanRadioProps = {
     id: number;
     name: string;
     price: string;
@@ -9,5 +9,5 @@ declare type PlanRadioProps = {
     onClick: (id: number) => void;
     isCurrentPlan: boolean;
 };
-export declare const PlanRadio: ({ selected, onClick, name, id, isCurrentPlan, price, intervalUnit, }: PlanRadioProps) => JSX.Element;
+export declare const PlanRadio: ({ selected, onClick, name, id, isCurrentPlan, price, intervalUnit, }: PlanRadioProps) => React.JSX.Element;
 export {};

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

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

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare type Props = {
+import React from 'react';
+type Props = {
     text: string;
 };
-export declare const Status: ({ text }: Props) => JSX.Element;
+export declare const Status: ({ text }: Props) => React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare type ShowMoreProps = {
+import React from 'react';
+export type ShowMoreProps = {
     isExpanded: boolean;
     items: number;
     onClick: () => void;
 };
-declare const ShowMore: ({ isExpanded, items, onClick }: ShowMoreProps) => JSX.Element;
+declare const ShowMore: ({ isExpanded, items, onClick }: ShowMoreProps) => React.JSX.Element;
 export default ShowMore;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagColor } from "../../../../custom-ui-components/src";
 import { FormattedSubscriptionDetails } from '../../hooks';
 import { SubscriptionStatus } from '../../models';
@@ -6,7 +6,7 @@ import { SubscriptionLayout } from './types';
 import { SubscriptionBilling } from '../../models/subscription/types';
 import { SubscriptionActions } from '../../containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions';
 import { Currency } from "../../../../formatters/src";
-declare type SubscriptionProps = {
+type SubscriptionProps = {
     id: number;
     catalogId: number;
     name: string;
@@ -32,5 +32,5 @@ declare type SubscriptionProps = {
     referralCode?: string;
     threeDsActionLink?: string;
 } & FormattedSubscriptionDetails;
-declare const Subscription: ({ id, catalogId, name, price, statusTag, description, status, onShowDetails, detailsVisible, cardColor, nextBillingAmount, nextBillingDate, basePlanPrice, cancellationDate, expirationDate, layout, autoResumeDate, trialExpirationDate, priceAfterTrial, trialPrice, currentBalance, nextBillingAttempt, interval, billingDetails, renderComponentsSection, renderCustomFieldsSection, scheduledCancellationDate, availableActions, referralCode, threeDsActionLink, currency, }: SubscriptionProps) => JSX.Element;
+declare const Subscription: ({ id, catalogId, name, price, statusTag, description, status, onShowDetails, detailsVisible, cardColor, nextBillingAmount, nextBillingDate, basePlanPrice, cancellationDate, expirationDate, layout, autoResumeDate, trialExpirationDate, priceAfterTrial, trialPrice, currentBalance, nextBillingAttempt, interval, billingDetails, renderComponentsSection, renderCustomFieldsSection, scheduledCancellationDate, availableActions, referralCode, threeDsActionLink, currency, }: SubscriptionProps) => React.JSX.Element;
 export default Subscription;

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

@@ -1 +1 @@
-export declare type SubscriptionLayout = 'expandable-card' | 'all-details';
+export type SubscriptionLayout = 'expandable-card' | 'all-details';

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { SubscriptionComponent } from './types';
-export declare type Props = {
+export type Props = {
     prepaid?: SubscriptionComponent[];
     metered?: SubscriptionComponent[];
     onOff?: SubscriptionComponent[];
@@ -9,9 +9,9 @@ export declare type Props = {
     onEditAddons: () => void;
 };
 declare const SubscriptionComponents: {
-    ({ prepaid, metered, onOff, quantity, selfServiceEnabled, onEditAddons, }: Props): JSX.Element;
+    ({ prepaid, metered, onOff, quantity, selfServiceEnabled, onEditAddons, }: Props): React.JSX.Element;
     LoadingSkeleton: ({ variant }: {
         variant: import("../../../../custom-ui-components/src").SkeletonLoaderVariants;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export default SubscriptionComponents;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { SkeletonLoaderVariants } from "../../../../../../custom-ui-components/src";
-declare type Props = {
+type Props = {
     variant: SkeletonLoaderVariants;
 };
-declare const ComponentLoadingSkeleton: ({ variant }: Props) => JSX.Element;
+declare const ComponentLoadingSkeleton: ({ variant }: Props) => React.JSX.Element;
 export default ComponentLoadingSkeleton;

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

@@ -1,6 +1,6 @@
 import { ActorRefFrom } from 'xstate';
 import { ComponentMachine } from '../../machines/component/types';
-export declare type SubscriptionComponent = {
+export type SubscriptionComponent = {
     id: number;
     componentMachineRef: ActorRefFrom<ComponentMachine>;
 };

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { SubscriptionStatus } from '../../models';
 import { FormattedSubscriptionDetails } from '../../hooks';
-export declare type Props = Partial<FormattedSubscriptionDetails> & {
+export type Props = Partial<FormattedSubscriptionDetails> & {
     subscriptionStatus: SubscriptionStatus;
 };
-declare const SubscriptionDetails: ({ subscriptionStatus, nextBillingAmount, nextBillingDate, basePlanPrice, cancellationDate, expirationDate, trialExpirationDate, priceAfterTrial, trialPrice, currentBalance, nextBillingAttempt, autoResumeDate, scheduledCancellationDate, }: Props) => JSX.Element;
+declare const SubscriptionDetails: ({ subscriptionStatus, nextBillingAmount, nextBillingDate, basePlanPrice, cancellationDate, expirationDate, trialExpirationDate, priceAfterTrial, trialPrice, currentBalance, nextBillingAttempt, autoResumeDate, scheduledCancellationDate, }: Props) => React.JSX.Element;
 export default SubscriptionDetails;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     basePlanPrice: string;
     nextBillingAmount: string;
     nextBillingDate: string;
 };
-declare const Active: ({ basePlanPrice, nextBillingAmount, nextBillingDate, }: Props) => JSX.Element;
+declare const Active: ({ basePlanPrice, nextBillingAmount, nextBillingDate, }: Props) => React.JSX.Element;
 export default Active;

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

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

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     basePlanPrice: string;
     nextBillingAmount: string;
     nextBillingDate: string;
     scheduledCancellationDate: string;
 };
-declare const CancellationScheduled: ({ basePlanPrice, nextBillingAmount, nextBillingDate, scheduledCancellationDate, }: Props) => JSX.Element;
+declare const CancellationScheduled: ({ basePlanPrice, nextBillingAmount, nextBillingDate, scheduledCancellationDate, }: Props) => React.JSX.Element;
 export default CancellationScheduled;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FontWeightType } from "../../../../../../custom-ui-components/src";
-export declare type Props = {
+export type Props = {
     label: {
         color?: string;
         value: string;
@@ -17,5 +17,5 @@ export declare type Props = {
         };
     };
 };
-declare const DetailRow: ({ label, value }: Props) => JSX.Element;
+declare const DetailRow: ({ label, value }: Props) => React.JSX.Element;
 export default DetailRow;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SubscriptionStatus } from '../../../../models';
 import { MarginProps } from 'styled-system';
 interface Props {
@@ -6,5 +6,5 @@ interface Props {
     show3DSModal: () => void;
     existingBalance: string;
 }
-declare const Notification: ({ status, show3DSModal, existingBalance, ...rest }: Props & MarginProps) => JSX.Element;
+declare const Notification: ({ status, show3DSModal, existingBalance, ...rest }: Props & MarginProps) => React.JSX.Element;
 export default Notification;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     basePlanPrice: string;
     autoResumeDate: string | null;
 };
-declare const OnHold: ({ basePlanPrice, autoResumeDate }: Props) => JSX.Element;
+declare const OnHold: ({ basePlanPrice, autoResumeDate }: Props) => React.JSX.Element;
 export default OnHold;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     basePlanPrice: string;
     currentBalance: string;
     nextBillingAttempt: string;
 };
-declare const PastDue: ({ basePlanPrice, currentBalance, nextBillingAttempt, }: Props) => JSX.Element;
+declare const PastDue: ({ basePlanPrice, currentBalance, nextBillingAttempt, }: Props) => React.JSX.Element;
 export default PastDue;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     basePlanPrice: string;
     nextBillingAmount: string;
     nextBillingDate: string;
 };
-declare const PlanChangeScheduled: ({ basePlanPrice, nextBillingAmount, nextBillingDate, }: Props) => JSX.Element;
+declare const PlanChangeScheduled: ({ basePlanPrice, nextBillingAmount, nextBillingDate, }: Props) => React.JSX.Element;
 export default PlanChangeScheduled;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     trialExpirationDate: string;
     nextBillingDate: string;
     priceAfterTrial: string;
     trialPrice: string;
 };
-declare const Trial: ({ trialExpirationDate, nextBillingDate, priceAfterTrial, trialPrice, }: Props) => JSX.Element;
+declare const Trial: ({ trialExpirationDate, nextBillingDate, priceAfterTrial, trialPrice, }: Props) => React.JSX.Element;
 export default Trial;

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

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

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

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

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

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

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

@@ -1,2 +1 @@
-import SubscriptionManagerLoader from './SubscriptionManagerLoader';
-export default SubscriptionManagerLoader;
+export { default as SubscriptionManagerLoader } from './SubscriptionManagerLoader';

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

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

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

@@ -5,11 +5,11 @@ import PaymentProfiles from './PaymentProfiles';
 import ComponentsPreview, { createComponentsPreviewRow } from './ComponentsPreview';
 import ComponentsAllocationEdit from './ComponentsAllocationEdit';
 import ComponentsAllocationPreview from './ComponentsAllocationPreview';
-import SubscriptionManagerLoader from './SubscriptionManagerLoader';
 import PlanChangeAlerts from './PlanChangeAlerts';
 import { Summary } from './Summary';
 import { TotalCharge } from './TotalCharge';
 import PlanChangeSummaryCharges from './PlanChangeSummaryCharges';
-export { PlanChangeSummaryCharges, PlanChangeAlerts, TotalCharge, Summary, ContentLoader, Subscription, ShowMore, PaymentProfiles, ComponentsPreview, ComponentsAllocationEdit, ComponentsAllocationPreview, SubscriptionManagerLoader, };
+export { SubscriptionManagerLoader } from './SubscriptionManagerLoader';
+export { PlanChangeSummaryCharges, PlanChangeAlerts, TotalCharge, Summary, ContentLoader, Subscription, ShowMore, PaymentProfiles, ComponentsPreview, ComponentsAllocationEdit, ComponentsAllocationPreview, };
 export { createComponentsPreviewRow };
 export type { SubscriptionLayout };