@maxio-com/self-service 1.0.2 → 1.2.0

package/package.json

@@ -5,7 +5,7 @@
   "module": "dist/maxio-components.esm.js",
   "browser": "dist/maxio-components.umd.js",
   "types": "typings/sdk/components-sdk/src/index.d.ts",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "scripts": {
     "test": "jest",
     "test:coverage": "jest --coverage",

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

@@ -1 +1 @@
-export declare const FilterBoxList: import("styled-components").StyledComponent<"div", any, import("styled-system").MarginProps<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").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const FilterBoxList: import("styled-components").StyledComponent<"div", any, import("styled-system").MarginProps<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").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-fields/src/utils/renderField.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { CustomField } from '../types';
 declare type FormFieldProps = {
     onChange: (id: number, value: string | number) => void;
     options?: string[];
     maxLength?: number;
+    portalContainer?: React.RefObject<HTMLDivElement>;
 } & Pick<CustomField, 'id' | 'name' | 'fieldType' | 'value'>;
-export declare const renderField: ({ id, name, value, fieldType, options, onChange, maxLength, }: FormFieldProps) => JSX.Element;
+export declare const renderField: ({ id, name, value, fieldType, options, onChange, maxLength, portalContainer, }: FormFieldProps) => JSX.Element;
 export {};

package/typings/packages/custom-ui-components/src/components/atoms/BodyText/BodyText.d.ts

@@ -11,7 +11,8 @@ export declare type BodyTextProps = {
     textAlign?: CSS.Property.TextAlign;
     lineHeight?: CSS.Property.LineHeight;
     overflow?: 'truncate' | 'break-word';
+    whiteSpace?: CSS.Property.WhiteSpace;
     as?: React.ElementType;
 };
-declare const BodyText: ({ variant, fontWeight, fontStyle, color, textAlign, lineHeight, overflow, children, as, }: BodyTextProps) => JSX.Element;
+declare const BodyText: ({ variant, fontWeight, fontStyle, color, textAlign, lineHeight, overflow, children, as, whiteSpace, }: BodyTextProps) => JSX.Element;
 export default BodyText;

package/typings/packages/custom-ui-components/src/components/atoms/BodyText/BodyText.styles.d.ts

@@ -1,6 +1,8 @@
 import { FontWeightProps, FontStyleProps, LineHeightProps, FontFamilyProps, ColorProps, TextAlignProps } from 'styled-system';
+import CSS from 'csstype';
 import { BodyTextVariant } from './types';
 export declare const Text: import("styled-components").StyledComponent<"p", any, {
     variant: BodyTextVariant;
     overflow: 'truncate' | 'break-word';
+    whiteSpace?: CSS.Property.WhiteSpace;
 } & FontWeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & FontStyleProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FontFamilyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & LineHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Box/Box.styles.d.ts

@@ -1,2 +1,2 @@
-import { LayoutProps, MarginProps, PaddingProps } from 'styled-system';
-export declare const Box: import("styled-components").StyledComponent<"div", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+import { LayoutProps, MarginProps, PaddingProps, JustifyContentProps } from 'styled-system';
+export declare const Box: import("styled-components").StyledComponent<"div", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare type CheckboxProps = {
-    label: string;
+    label: string | (() => JSX.Element);
     onChange?: (res: boolean) => void;
     value: boolean;
     isDisabled?: boolean;

package/typings/packages/customer-details/src/components/CustomFieldsForm/CustomFieldsForm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { MutableRefObject } from 'react';
 import { CustomField } from "../../../../custom-fields/src";
 declare type CustomFieldsFormProps = {
     customFields: CustomField[];
@@ -7,6 +7,7 @@ declare type CustomFieldsFormProps = {
     onCancel: () => void;
     isSaving: boolean;
     isError: boolean;
+    portalContainer?: MutableRefObject<HTMLDivElement>;
 };
-declare const CustomFieldsForm: ({ customFields, onChange, onSave, onCancel, isSaving, isError, }: CustomFieldsFormProps) => JSX.Element;
+declare const CustomFieldsForm: ({ customFields, onChange, onSave, onCancel, isSaving, isError, portalContainer, }: CustomFieldsFormProps) => JSX.Element;
 export default CustomFieldsForm;

package/typings/packages/data-access/src/DataAccess.d.ts

@@ -17,6 +17,90 @@ declare class DataAccess {
             name: string;
         }[];
     }>;
+    getProducts(productFamilyId: number): Promise<{
+        items: {
+            id: number;
+            name: string;
+            priceInCents: number;
+            interval: number;
+            intervalUnit: "day" | "month";
+            trialPriceInCents: number;
+            trialInterval: string;
+            trialIntervalUnit: string;
+        }[];
+    }>;
+    previewProductMigration(subscriptionId: number, productId: number): Promise<{
+        items: {
+            id: number;
+            name: string;
+            priceInCents: number;
+            interval: number;
+            intervalUnit: "day" | "month";
+            trialPriceInCents: number;
+            trialInterval: string;
+            trialIntervalUnit: string;
+        }[];
+    }>;
+    migrateProduct(subscriptionId: number, productId: number): Promise<{
+        id: number;
+        productFamilyId: number;
+        state: string;
+        balanceInCents: number;
+        currentPeriodEndsAt: string;
+        nextAssessmentAt: string;
+        nextProductId?: number;
+        currentBillingAmountInCents: number;
+        automaticallyResumeAt: string;
+        expiresAt: string;
+        canceledAt: string;
+        scheduledCancellationAt: string;
+        currency: string;
+        billing: {
+            paymentProfileConnected: boolean;
+            bankAccount: {
+                bankName: string;
+                maskedAccountNumber: string;
+                maskedRoutingNumber: string;
+                firstName: string;
+                lastName: string;
+            };
+            creditCard: {
+                firstName: string;
+                lastName: string;
+                cardType: string;
+                maskedNumber: string;
+                expirationMonth: number;
+                expirationYear: number;
+                expired: boolean;
+            };
+            address: {
+                address: string;
+                address2: string;
+                city: string;
+                country: string;
+                state: string;
+                zip: string;
+            };
+        };
+        product: {
+            id: number;
+            name: string;
+            priceInCents: number;
+            interval: number;
+            intervalUnit: "day" | "month";
+            trialPriceInCents: number;
+            trialInterval: string;
+            trialIntervalUnit: string;
+        };
+        components: {
+            updatesAllowed: boolean;
+            usedInBilling: boolean;
+        };
+        customFields: {
+            updatesAllowed: boolean;
+            visible: boolean;
+        };
+    }>;
     getComponents(subscriptionId: number): Promise<{
         items: {
             id: number;
@@ -90,6 +174,7 @@ declare class DataAccess {
         };
     }>;
     updateSubscriptionPaymentProfile(paymentProfileId: number, subscriptionId: number): Promise<{}>;
+    replacePaymentProfiles(paymentProfileIdsForReplacement: number[], newPaymentProfileId: number): Promise<{}>;
     resumeSubscription(subscriptionId: number): Promise<{}>;
     getSubscriptionResumptionConfig(): Promise<{
         resumptionCharge: SubscriptionResumptionCharge;
@@ -105,6 +190,7 @@ declare class DataAccess {
             balanceInCents: number;
             currentPeriodEndsAt: string;
             nextAssessmentAt: string;
+            nextProductId?: number;
             currentBillingAmountInCents: number;
             automaticallyResumeAt: string;
             expiresAt: string;
@@ -258,9 +344,9 @@ declare class DataAccess {
         allocations: Allocation[];
     }): Promise<{
         allocations: {
+            id: number;
             memo: string;
             quantity: number;
-            id: number;
         }[];
         subscription: {
             id: number;

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

@@ -1,5 +1,5 @@
 import { CamelCasedPropertiesDeep } from 'type-fest';
-import type { Subscription, SubscriptionResumptionCharge } from './subscription';
+import type { Subscription, SubscriptionProduct, SubscriptionResumptionCharge } from './subscription';
 import { SubscriptionPaymentProfile } from './subscriptionPaymentProfile';
 import { SubscriptionComponent, SubscriptionComponentPriceStep } from './subscriptionComponent';
 import type { ProductFamily } from './productFamily';
@@ -17,4 +17,4 @@ export declare enum HttpMethod {
     PUT = "put",
     DELETE = "delete"
 }
-export type { CreditCard, BankAccount, ProductFamily, SubscriptionComponent, SubscriptionComponentPriceStep, SubscriptionResumptionCharge, Subscription, SubscriptionPaymentProfile, CustomerDetails, GatewayConfig, Division, Allocation, AllocationsError, AllocationsPreview, AllocationDetails, CustomField, InvoicesList, InvoicesParams, };
+export type { SubscriptionProduct, CreditCard, BankAccount, ProductFamily, SubscriptionComponent, SubscriptionComponentPriceStep, SubscriptionResumptionCharge, Subscription, SubscriptionPaymentProfile, CustomerDetails, GatewayConfig, Division, Allocation, AllocationsError, AllocationsPreview, AllocationDetails, CustomField, InvoicesList, InvoicesParams, };

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

@@ -0,0 +1,9 @@
+export declare type Product = {
+    id: number;
+    name: string;
+    handle: string;
+    description: string;
+    price_in_cents: number;
+    interval: number;
+    interval_unit: string;
+};

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

@@ -6,6 +6,7 @@ export declare type Subscription = {
     balance_in_cents: number;
     current_period_ends_at: string | null;
     next_assessment_at: string | null;
+    next_product_id?: number | null;
     current_billing_amount_in_cents: number;
     automatically_resume_at: string | null;
     expires_at: string | null;
@@ -15,16 +16,7 @@ export declare type Subscription = {
     billing: {
         payment_profile_connected: boolean;
     } & SubscriptionPaymentProfile;
-    product: {
-        id: number;
-        name: string;
-        price_in_cents: number;
-        interval: number;
-        interval_unit: 'day' | 'month';
-        trial_price_in_cents: number | null;
-        trial_interval: string | null;
-        trial_interval_unit: string | null;
-    };
+    product: SubscriptionProduct;
     components: {
         updates_allowed: boolean;
         used_in_billing: boolean;
@@ -41,3 +33,13 @@ export declare type ChurnReason = {
     description: string;
     position: number;
 };
+export declare type SubscriptionProduct = {
+    id: number;
+    name: string;
+    price_in_cents: number;
+    interval: number;
+    interval_unit: 'day' | 'month';
+    trial_price_in_cents: number | null;
+    trial_interval: string | null;
+    trial_interval_unit: string | null;
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", any, {}, never>;

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

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,2 @@
+import { ExpiredStatus } from './ExpitredStatus';
+export { ExpiredStatus };

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

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

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

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"li", any, {}, never>;

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

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

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

@@ -0,0 +1 @@
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+import { Label } from './Label';
+export { Label };

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

@@ -0,0 +1 @@
+export declare const formatCardNumber: (cardNumber: string) => string;

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

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

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

@@ -0,0 +1,3 @@
+import { ExpiredStatus } from './ExpiredStatus';
+import { PaymentProfileItem } from './PaymentProfileItem/PaymentProfileItem';
+export { ExpiredStatus, PaymentProfileItem };

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

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

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

@@ -0,0 +1,3 @@
+import { SpaceProps } from 'styled-system';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare type Props = {
+    subscriptions: {
+        success: {
+            id: number;
+            product: {
+                name: string;
+            };
+        }[];
+        failed: {
+            id: number;
+            product: {
+                name: string;
+            };
+        }[];
+    };
+    onRetry: () => void;
+};
+export declare const PaymentProfilesReplaceAlerts: ({ subscriptions, onRetry, }: Props) => JSX.Element;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Props = {
+    productName: string;
+    basePlanPrice: string;
+    isProrated: boolean;
+    existingBalance: string;
+    billingEndDate: string;
+    nextBillingAmount: string;
+};
+export declare const PlanChangeSummary: ({ productName, basePlanPrice, isProrated, existingBalance, billingEndDate, nextBillingAmount, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { PlanChangeSummary } from './PlanChangeSummary';
+export { PlanChangeSummary };

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

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

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

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

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

@@ -0,0 +1,12 @@
+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 = {
+    changePlanPreview: ChangePlanPreview;
+    t: TFunction<'subscriptions-manager'[]>;
+    language: string;
+    currency: Currency;
+};
+export declare const mapChargeSummaryToTable: ({ changePlanPreview, t, language, currency, }: Params) => SummaryTableRows;
+export {};

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

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

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

@@ -0,0 +1,4 @@
+import { SpaceProps } from 'styled-system';
+export declare const Wrapper: import("styled-components").StyledComponent<"label", any, {
+    selected: boolean;
+} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

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

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

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

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -9,6 +9,12 @@ export declare type Props = {
         color?: string;
         value: string;
         fontWeight?: FontWeightType;
+        subValue?: {
+            value: string;
+            color?: string;
+            fontWeight?: FontWeightType;
+            fontSize?: number;
+        };
     };
 };
 declare const DetailRow: ({ label, value }: Props) => JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import PlanChangeScheduled from './PlanChangeScheduled';
+export { PlanChangeScheduled };

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

@@ -8,4 +8,5 @@ import { OnHold } from './OnHold';
 import { Trial } from './Trial';
 import { TrialExpired } from './TrialExpired';
 import { Unpaid } from './Unpaid';
-export { Active, Canceled, CancellationScheduled, DetailRow, Expired, PastDue, OnHold, Trial, TrialExpired, Unpaid, };
+import { PlanChangeScheduled } from './PlanChangeScheduled';
+export { PlanChangeScheduled, Active, Canceled, CancellationScheduled, DetailRow, Expired, PastDue, OnHold, Trial, TrialExpired, Unpaid, };

package/typings/packages/subscriptions-manager/src/components/{ComponentsAllocationPreview/ComponentsAllocationPreview.styles.d.ts → Summary/Summary.styles.d.ts}

@@ -1,3 +1,2 @@
 import { MarginProps, PaddingProps } from 'styled-system';
 export declare const Summary: import("styled-components").StyledComponent<"div", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
-export declare const TotalCharge: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+import { Summary } from './Summary.styles';
+export { Summary };

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

@@ -0,0 +1 @@
+export declare const TotalCharge: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+import { TotalCharge } from './TotalCharge.styles';
+export { TotalCharge };

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

@@ -6,6 +6,10 @@ import ComponentsPreview, { createComponentsPreviewRow } from './ComponentsPrevi
 import ComponentsAllocationEdit from './ComponentsAllocationEdit';
 import ComponentsAllocationPreview from './ComponentsAllocationPreview';
 import SubscriptionManagerLoader from './SubscriptionManagerLoader';
-export { ContentLoader, Subscription, ShowMore, PaymentProfiles, ComponentsPreview, ComponentsAllocationEdit, ComponentsAllocationPreview, 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 { createComponentsPreviewRow };
 export type { SubscriptionLayout };

package/typings/packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlan.styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlanContainer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Currency } from "../../../../formatters/src";
+import { ChangePlanInterpreter } from '../../machines/changePlan/types';
+declare type Props = {
+    changePlanService: ChangePlanInterpreter;
+    currentPlanId: number;
+    currency: Currency;
+};
+declare const ChangePlanContainer: ({ currentPlanId, currency, changePlanService, }: Props) => JSX.Element;
+export default ChangePlanContainer;

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

@@ -0,0 +1,2 @@
+import ChangePlanContainer from './ChangePlanContainer';
+export default ChangePlanContainer;

package/typings/packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.d.ts

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

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

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

package/typings/packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/ReplacePaymentProfilesContainer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PaymentProfileInterpreter } from '../../machines';
+declare type Props = {
+    paymentProfileRef: PaymentProfileInterpreter;
+};
+export declare const ReplacePaymentProfilesContainer: ({ paymentProfileRef, }: Props) => JSX.Element;
+export {};

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

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