@maxio-com/self-service 1.4.3 → 1.6.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.4.3",
+  "version": "1.6.0",
   "scripts": {
     "test": "jest",
     "test:coverage": "jest --coverage",

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

@@ -9,12 +9,15 @@ export interface AlertProps {
     onClick?: () => void;
     buttonLabel?: string;
     icon?: IconType;
-    whiteSpace?: 'pre-line' | 'normal';
 }
 declare const Alert: {
-    ({ title, color, size, buttonLabel, icon, onClick, children, whiteSpace, }: AlertProps): JSX.Element;
+    ({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): JSX.Element;
     TextMessage: ({ children, ...rest }: {
         children: React.ReactNode;
     } & import("../../atoms/BodyText/BodyText").BodyTextProps) => JSX.Element;
+    Title: ({ text, icon }: {
+        text: string;
+        icon?: "close" | "edit" | "plus" | "clock" | "search" | "chevronDown" | "chevronLeft" | "chevronRight" | "calendar" | "check" | "spinner" | "questionCircle" | "receipt" | "file" | "fileSolid" | "filter" | "arrowDown" | "filePlus" | "filePdf" | "circleInfo" | "circleCheck" | "exclamationTriangle" | "ellipsis" | "circleCross";
+    }) => JSX.Element;
 };
 export default Alert;

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

@@ -3,4 +3,3 @@ export declare const Container: import("styled-components").StyledComponent<"div
     color: Color;
     size: Size;
 }, never>;
-export declare const IconWrapper: 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-ui-components/src/components/molecules/Alert/components/Title.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IconType } from "../../../../../../icons/src";
+declare type Props = {
+    text: string;
+    icon?: IconType;
+};
+export declare const Title: ({ text, icon }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { GridProps } from 'styled-system';
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

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

@@ -1,2 +1,3 @@
 import { TextMessage } from './TextMessage';
-export { TextMessage };
+import { Title } from './Title';
+export { TextMessage, Title };

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

@@ -56,6 +56,7 @@ declare class DataAccess {
         canceledAt: string;
         scheduledCancellationAt: string;
         currency: string;
+        threeDsActionLink: string;
         billing: {
             paymentProfileConnected: boolean;
             bankAccount: {
@@ -199,6 +200,7 @@ declare class DataAccess {
             canceledAt: string;
             scheduledCancellationAt: string;
             currency: string;
+            threeDsActionLink: string;
             billing: {
                 paymentProfileConnected: boolean;
                 bankAccount: {
@@ -246,6 +248,75 @@ declare class DataAccess {
             };
         }[];
     }>;
+    getSubscriptionDetails(subscriptionId: number): Promise<{
+        id: number;
+        productFamilyId: number;
+        state: string;
+        balanceInCents: number;
+        referralCode: string;
+        currentPeriodEndsAt: string;
+        nextAssessmentAt: string;
+        nextProductId?: number;
+        currentBillingAmountInCents: number;
+        automaticallyResumeAt: string;
+        expiresAt: string;
+        canceledAt: string;
+        scheduledCancellationAt: string;
+        currency: string;
+        threeDsActionLink: 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;
+        };
+        coupons: {
+            amountInCents: number;
+            code: string;
+            expiresAt: string;
+            recurring: boolean;
+            percentage: number;
+        }[];
+    }>;
     getCustomerDetails(): Promise<{
         address: string;
         address2: string;

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

@@ -14,6 +14,7 @@ export declare type Subscription = {
     canceled_at: string | null;
     scheduled_cancellation_at: string | null;
     currency: string;
+    three_ds_action_link: string | null;
     billing: {
         payment_profile_connected: boolean;
     } & SubscriptionPaymentProfile;
@@ -44,3 +45,13 @@ export declare type SubscriptionProduct = {
     trial_interval: string | null;
     trial_interval_unit: string | null;
 };
+export declare type Coupon = {
+    amount_in_cents: number;
+    code: string;
+    expires_at: string;
+    recurring: boolean;
+    percentage: number;
+};
+export declare type SubscriptionWithCoupon = Subscription & {
+    coupons: Coupon[];
+};

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

@@ -1,4 +1,4 @@
 import { ColorProps } from 'styled-system';
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
     size: number;
 } & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

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

@@ -5,6 +5,7 @@ declare type Props = {
     nextBillingDate: string;
     basePlanPrice: string;
     totalCharge: string;
+    creditBalance: string;
 };
-export declare const PlanChangeAlerts: ({ basePlanPrice, productChangeStrategy, nextBillingDate, totalCharge, }: Props) => JSX.Element;
+export declare const PlanChangeAlerts: ({ basePlanPrice, productChangeStrategy, nextBillingDate, totalCharge, creditBalance, }: Props) => JSX.Element;
 export {};

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare 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 {};

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

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

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

@@ -0,0 +1,2 @@
+export { ProratedColumns } from './ProratedColumns';
+export { NonProratedColumns } from './NonProratedColumns';

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

@@ -28,6 +28,7 @@ declare type SubscriptionProps = {
     renderCustomFieldsSection?: boolean;
     availableActions?: SubscriptionActions[];
     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, }: 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, }: SubscriptionProps) => JSX.Element;
 export default Subscription;

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

@@ -3,6 +3,8 @@ import { SubscriptionStatus } from '../../../../models';
 import { MarginProps } from 'styled-system';
 interface Props {
     status: SubscriptionStatus;
+    show3DSModal: () => void;
+    existingBalance: string;
 }
-declare const Notification: ({ status, ...rest }: Props & MarginProps) => JSX.Element;
+declare const Notification: ({ status, show3DSModal, existingBalance, ...rest }: Props & MarginProps) => JSX.Element;
 export default Notification;

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

@@ -4,6 +4,7 @@ import { ChangePlanInterpreter } from '../../machines/changePlan/types';
 declare type Props = {
     changePlanService: ChangePlanInterpreter;
     currency: Currency;
+    currentProductName: string;
 };
-export declare const PreviewProductMigrationContainer: ({ changePlanService, currency, }: Props) => JSX.Element;
+export declare const PreviewProductMigrationContainer: ({ changePlanService, currency, currentProductName, }: Props) => JSX.Element;
 export {};

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

@@ -15,5 +15,6 @@ import { useChangePaymentProfile } from './useChangePaymentProfile';
 import { useSortPaymentProfiles } from './useSortPaymentProfiles';
 import { useDeletePaymentProfile } from './useDeletePaymentProfile';
 import { useChangePlan } from './useChangePlan';
-export { useChangePlan, useDeletePaymentProfile, useSortPaymentProfiles, useChangePaymentProfile, useReactivateSubscription, useCancelSubscriptionService, useSubscriptionResumeService, useServices, useDataAccess, useSubscriptionStatus, useFormatSubscriptionDetails, useComponentSettings, useCreatePaymentProfile, useAddonsConfigurationService, useUndoCancelationService, usePaymentProfileAvailableActions, useAvailablePaymentMethods, PaymentProfileActions, };
+import { useThreeDs } from './useThreeDs';
+export { useChangePlan, useDeletePaymentProfile, useSortPaymentProfiles, useChangePaymentProfile, useReactivateSubscription, useCancelSubscriptionService, useSubscriptionResumeService, useServices, useDataAccess, useSubscriptionStatus, useFormatSubscriptionDetails, useComponentSettings, useCreatePaymentProfile, useAddonsConfigurationService, useUndoCancelationService, usePaymentProfileAvailableActions, useAvailablePaymentMethods, PaymentProfileActions, useThreeDs, };
 export type { FormattedSubscriptionDetails, PaymentMethods };

package/typings/packages/subscriptions-manager/src/hooks/useChangePlan.d.ts

@@ -1,4 +1,4 @@
-export declare const useChangePlan: (catalogId: number, subscriptionId: number, currentPlanId: number, onSuccess: () => void) => import("xstate").Interpreter<import("../machines/changePlan/types").Context, any, import("../machines/changePlan/types").Events, {
+export declare const useChangePlan: (catalogId: number, subscriptionId: number, currentPlanId: number, onSuccess: () => void, onThreeDsConfirmation: (threeDsActionLink: string) => void) => import("xstate").Interpreter<import("../machines/changePlan/types").Context, any, import("../machines/changePlan/types").Events, {
     value: any;
     context: import("../machines/changePlan/types").Context;
 }, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("../machines/changePlan/types").Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/typings/packages/subscriptions-manager/src/hooks/useThreeDs.d.ts

@@ -0,0 +1,10 @@
+declare type Props = {
+    subscriptionId: number;
+    catalogId: number;
+    onSuccess: () => void;
+};
+export declare const useThreeDs: ({ subscriptionId, catalogId, onSuccess }: Props) => import("xstate").Interpreter<null, any, import("../machines/threeDs/types").Events, {
+    value: any;
+    context: null;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("../machines/threeDs/types").Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export {};

package/typings/packages/subscriptions-manager/src/machines/changePlan/types.d.ts

@@ -4,6 +4,7 @@ export declare type Context = {
     products: Product[];
     selectedPlan: number;
     changePlanPreview: ChangePlanPreview;
+    threeDsActionLink: string;
 };
 export declare type Events = {
     type: 'GET_PRODUCTS';
@@ -16,7 +17,13 @@ export declare type Events = {
     type: 'GO_BACK';
 } | {
     type: 'CONFIRM_CHANGE_PLAN';
-} | ProductChangeDoneEvent;
+} | ProductChangeDoneEvent | ThreeDsConfirmationEvent;
+export declare type ThreeDsConfirmationEvent = {
+    type: '3DS_CONFIRMATION';
+    data: {
+        threeDsActionLink: string;
+    };
+};
 export declare type ProductChangeDoneEvent = {
     type: 'DONE';
     data: SubscriptionModel;

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

@@ -9,6 +9,7 @@ import { paymentGateway, paymentGatewaySelectors, PaymentGatewayInterpreter } fr
 import { paymentProfiles, paymentProfilesSelectors, PaymentProfilesInterpreter } from './paymentProfiles';
 import { addOnsConfiguration, Allocation, SerializedPrice, SerializedComponent, AllocationsPreview, AddonsConfigurationContext, AllocationsError, AddonsInterpreter } from './addOnsConfiguration';
 import { changePlan } from './changePlan';
-export { changePlan, modals, modalsSelectors, createSubscriptionsMachine, subscriptionsSelectors, subscriptionSelectors, productCatalogSelectors, componentSelectors, componentsSelectors, paymentGatewaySelectors, paymentGateway, productCatalog, paymentProfiles, paymentProfilesSelectors, createPaymentProfile, paymentProfileSelectors, addOnsConfiguration, };
+import { threeDs as threeDsMachine } from './threeDs';
+export { changePlan, modals, modalsSelectors, createSubscriptionsMachine, subscriptionsSelectors, subscriptionSelectors, productCatalogSelectors, componentSelectors, componentsSelectors, paymentGatewaySelectors, paymentGateway, productCatalog, paymentProfiles, paymentProfilesSelectors, createPaymentProfile, paymentProfileSelectors, addOnsConfiguration, threeDsMachine, };
 export type { PaymentProfilesInterpreter, SubscriptionsInterpreter, SubscriptionRef, ProductCatalogInterpreter, PaymentProfileInterpreter, AddonsInterpreter, PaymentProfileFromType, PaymentProfileFieldError, PaymentProfileFields, ModalsInterpreter, Allocation, SerializedComponent, SerializedPrice, AllocationsPreview, AddonsConfigurationContext, PaymentMethod, PaymentGatewayInterpreter, AllocationsError, };
 export { DEFAULT_VISIBLE_SUBSCRIPTIONS };

package/typings/packages/subscriptions-manager/src/machines/modals/selectors.d.ts

@@ -84,6 +84,15 @@ export declare const getChangeSubscriptionPlan: (machineState: ModalsState) => {
         catalogId: number;
     };
 };
+export declare const getThreeDsConfirmation: (machineState: ModalsState) => {
+    isOpen: boolean;
+    meta: {
+        catalogId: number;
+        subscriptionId: number;
+        threeDsActionLink: string;
+        onClose: () => void;
+    };
+};
 export declare const modalsSelectors: {
     getCreatePaymentProfile: (machineState: ModalsState) => {
         isOpen: boolean;
@@ -167,5 +176,14 @@ export declare const modalsSelectors: {
             catalogId: number;
         };
     };
+    getThreeDsConfirmation: (machineState: ModalsState) => {
+        isOpen: boolean;
+        meta: {
+            catalogId: number;
+            subscriptionId: number;
+            threeDsActionLink: string;
+            onClose: () => void;
+        };
+    };
 };
 export {};

package/typings/packages/subscriptions-manager/src/machines/modals/types.d.ts

@@ -50,6 +50,12 @@ export declare type Context = {
         subscriptionId: number | null;
         catalogId: number | null;
     };
+    threeDSecure: {
+        catalogId: number;
+        subscriptionId: null | number;
+        threeDsActionLink: null | string;
+        onClose: null | (() => void);
+    };
 };
 export declare type Events = {
     type: 'CLOSE_MODAL';
@@ -102,5 +108,11 @@ export declare type Events = {
     type: 'SHOW_SUBSCRIPTION_PLAN_CHANGE';
     catalogId: number;
     subscriptionId: number;
+} | {
+    type: 'SHOW_THREE_D_SECURE';
+    catalogId: number;
+    subscriptionId: number;
+    threeDsActionLink: string;
+    onClose?: () => void;
 };
 export declare type ModalsInterpreter = Interpreter<Context, Record<string, any>, Events>;

package/typings/packages/subscriptions-manager/src/machines/subscription/selectors.d.ts

@@ -28,6 +28,7 @@ export declare const getSubscriptionDetails: (machineState: SubscriptionState) =
         visible: null;
     };
     referralCode: string;
+    threeDsActionLink: string;
 };
 export declare const subscriptionSelectors: {
     getSubscriptionState: (machineState: SubscriptionState) => import("../../models").SubscriptionStatus;
@@ -56,6 +57,7 @@ export declare const subscriptionSelectors: {
             visible: null;
         };
         referralCode: string;
+        threeDsActionLink: string;
     };
 };
 export {};

package/typings/packages/subscriptions-manager/src/machines/subscriptions/actions.d.ts

@@ -38,6 +38,7 @@ export declare const updateSubscription: import("xstate").AssignAction<{
                 automaticallyResumeAt: string;
                 balanceInCents: number;
                 referralCode: string;
+                threeDsActionLink: string;
                 product: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../models").SubscriptionProduct, {}>;
                 billing: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../models/subscription/types").SubscriptionBilling, {}>;
                 components: import("type-fest/source/partial-deep").PartialObjectDeep<{
@@ -48,6 +49,57 @@ export declare const updateSubscription: import("xstate").AssignAction<{
                     updatesAllowed: null;
                     visible: null;
                 }, {}>;
+            } | {
+                id: number;
+                product_family_id?: number;
+                state?: string;
+                balance_in_cents?: number;
+                referral_code?: string;
+                current_period_ends_at?: string;
+                next_assessment_at?: string;
+                next_product_id?: number;
+                current_billing_amount_in_cents?: number;
+                automatically_resume_at?: string;
+                expires_at?: string;
+                canceled_at?: string;
+                scheduled_cancellation_at?: string;
+                currency: string;
+                three_ds_action_link?: string;
+                billing: import("../../models/subscription/types").SubscriptionBilling | import("type-fest/source/partial-deep").PartialObjectDeep<{
+                    payment_profile_connected: boolean;
+                } & import("../../../../data-access/src/types").SubscriptionPaymentProfile, {}>;
+                product: import("../../models").SubscriptionProduct | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../../../data-access/src/types").SubscriptionProduct, {}>;
+                components: {
+                    updatesAllowed: null;
+                    usedInBilling: null;
+                } | import("type-fest/source/partial-deep").PartialObjectDeep<{
+                    updates_allowed: boolean;
+                    used_in_billing: boolean;
+                }, {}>;
+                custom_fields?: import("type-fest/source/partial-deep").PartialObjectDeep<{
+                    updates_allowed: boolean;
+                    visible: boolean;
+                }, {}>;
+                coupons?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../models/subscription/types").Coupon, {}>[];
+                productFamilyId: number;
+                scheduledCancellationAt: string;
+                currentBillingAmountInCents: number;
+                status: import("../../models").SubscriptionStatus;
+                canceledAt: string;
+                expiresAt: string;
+                snapDay: string;
+                currentPeriodEndsAt: string;
+                nextAssessmentAt: string;
+                nextProductId: number;
+                trialEndedAt: string;
+                automaticallyResumeAt: string;
+                balanceInCents: number;
+                referralCode: string;
+                threeDsActionLink: string;
+                customFields: {
+                    updatesAllowed: null;
+                    visible: null;
+                };
             };
             componentsRef: import("xstate").ActorRefWithDeprecatedState<import("../components").ComponentsContext, import("../components").ComponentsEvents, {
                 value: any;

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

@@ -3,6 +3,7 @@ import { subscriptionModel, SubscriptionModel } from '../../models';
 import { createComponentsMachine } from '../components';
 import { createCustomFieldsMachine } from '../customFields/customFields';
 import { PartialDeep } from 'type-fest';
+import { SubscriptionModelWithCoupons } from '../../models/subscription/types';
 export declare type SubscriptionRef = ReturnType<typeof subscriptionModel.createMachine>;
 export declare type ComponentsRef = ReturnType<typeof createComponentsMachine>;
 export declare type CustomFieldsRef = ReturnType<typeof createCustomFieldsMachine>;
@@ -39,7 +40,7 @@ export declare type UpdateSubscription = {
     type: 'UPDATE_SUBSCRIPTION';
     subscriptionId: number;
     catalogId: number;
-} & PartialDeep<SubscriptionModel>;
+} & PartialDeep<SubscriptionModel | SubscriptionModelWithCoupons>;
 export declare type Events = {
     type: 'FETCH_SUBSCRIPTIONS';
 } | {

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

@@ -0,0 +1 @@
+export { threeDs } from './threeDs';

package/typings/packages/subscriptions-manager/src/machines/threeDs/threeDs.d.ts

@@ -0,0 +1,5 @@
+import { Events } from './types';
+export declare const threeDs: import("xstate").StateMachine<null, any, Events, {
+    value: any;
+    context: null;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/typings/packages/subscriptions-manager/src/machines/threeDs/types.d.ts

@@ -0,0 +1,8 @@
+import { SubscriptionModelWithCoupons } from '../../models/subscription/types';
+export declare type Events = {
+    type: 'THREE_DS_SUCCESS';
+} | UpdateSubscriptionEvent;
+export declare type UpdateSubscriptionEvent = {
+    type: 'UPDATE_SUBSCRIPTION';
+    data: SubscriptionModelWithCoupons;
+};

package/typings/packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ThreeDsConfirmation: () => JSX.Element;
+export default ThreeDsConfirmation;

package/typings/packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type ThreeDsSecureModal = {
+    displayMode: 'layer' | 'window';
+    onClose: () => void;
+    catalogId: number;
+    subscriptionId: number;
+    threeDsActionLink: string;
+};
+declare const Content: ({ onClose, catalogId, subscriptionId, threeDsActionLink, }: ThreeDsSecureModal) => JSX.Element;
+export default Content;

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

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

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

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

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

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

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

@@ -9,4 +9,5 @@ import UndoCancelationModal from './UndoCancelation';
 import DeletePaymentMethodModal from './DeletePaymentMethod';
 import CreatePaymentProfileModal from './CreatePaymentProfile';
 import ChangeSubscriptionPlanModal from './ChangeSubscriptionPlan';
-export { CreatePaymentProfileModal, ComponentsAllocationModal, PauseSubscriptionModal, ResumeSubscriptionModal, ReactivateSubscriptionModal, CancelSubscriptionModal, DeletePaymentMethodModal, ChangePaymentMethodModal, PreviewPaymentMethod, UndoCancelationModal, ChangeSubscriptionPlanModal, };
+import ThreeDsConfirmationModal from './ThreeDsConfirmation';
+export { CreatePaymentProfileModal, ComponentsAllocationModal, PauseSubscriptionModal, ResumeSubscriptionModal, ReactivateSubscriptionModal, CancelSubscriptionModal, DeletePaymentMethodModal, ChangePaymentMethodModal, PreviewPaymentMethod, UndoCancelationModal, ChangeSubscriptionPlanModal, ThreeDsConfirmationModal, };

package/typings/packages/subscriptions-manager/src/models/subscription/types.d.ts

@@ -1,7 +1,8 @@
+import { PartialDeep } from 'type-fest';
 import { Currency } from "../../../../formatters/src";
 import { AddressFields } from "../../../../address/src";
+import { Subscription } from "../../../../data-access/src";
 import type { CreditCard, BankAccount } from '../paymentProfile';
-import { PartialDeep } from 'type-fest';
 export interface SubscriptionModel {
     id: number;
     currency: Currency;
@@ -19,6 +20,7 @@ export interface SubscriptionModel {
     automaticallyResumeAt: string | null;
     balanceInCents: number | null;
     referralCode: string | null;
+    threeDsActionLink: string | null;
     product: SubscriptionProduct;
     billing: SubscriptionBilling;
     components: {
@@ -72,3 +74,13 @@ export declare type ChurnReason = {
     description: string;
     position: number;
 };
+export declare type Coupon = {
+    amountInCents: number;
+    code: string;
+    expiresAt: string;
+    recurring: boolean;
+    percentage: number;
+};
+export declare type SubscriptionModelWithCoupons = Subscription & {
+    coupons: Coupon[];
+};