@maxio-com/self-service 1.5.0 → 1.7.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.5.0",
+  "version": "1.7.0",
   "scripts": {
     "test": "jest",
     "test:coverage": "jest --coverage",

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,144 @@ 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;
+        }[];
+    }>;
+    addCoupon(subscriptionId: number, couponCode: string): 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/subscriptions-manager/src/components/CouponsList/CouponsList.d.ts

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

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

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

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

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

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

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

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

@@ -5,6 +5,7 @@ import { SubscriptionStatus } from '../../models';
 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 = {
     id: number;
     catalogId: number;
@@ -24,10 +25,12 @@ declare type SubscriptionProps = {
     layout?: SubscriptionLayout;
     detailsVisible?: boolean;
     billingDetails: SubscriptionBilling;
+    currency: Currency;
     renderComponentsSection?: boolean;
     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, currency, }: 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/CouponsContainer/CouponsContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Currency } from "../../../../formatters/src";
+declare type Props = {
+    subscriptionId: number;
+    catalogId: number;
+    currency: Currency;
+};
+declare const CouponsContainer: ({ subscriptionId, catalogId, currency }: Props) => JSX.Element;
+export default CouponsContainer;

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

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

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

@@ -0,0 +1,5 @@
+import { TFunction } from 'react-i18next';
+import { Currency } from "../../../../formatters/src";
+import { Coupon } from '../../models/subscription/types';
+export declare function formatCouponValue({ percentage, amountInCents }: Coupon, currency: Currency): string;
+export declare function getCouponDescription(coupon: Coupon, t: TFunction<'subscriptions-manager'[]>): string;

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

@@ -1 +1,2 @@
 export declare const subscriptionsRequestHandler: import("msw").RestHandler<import("msw").MockedRequest<import("msw").DefaultRequestBody>>;
+export declare const subscriptionsDetailsRequestHandler: import("msw").RestHandler<import("msw").MockedRequest<import("msw").DefaultRequestBody>>;

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

@@ -15,5 +15,7 @@ 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';
+import { useCoupons } from './useCoupons';
+export { useCoupons, 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/useCoupons.d.ts

@@ -0,0 +1,9 @@
+declare type Props = {
+    subscriptionId: number;
+    catalogId: number;
+};
+export declare const useCoupons: ({ subscriptionId, catalogId }: Props) => import("xstate").Interpreter<import("../machines/coupons/types").Context, any, import("../machines/coupons/types").Events, {
+    value: any;
+    context: import("../machines/coupons/types").Context;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("../machines/coupons/types").Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export {};

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/coupons/coupons.d.ts

@@ -0,0 +1,5 @@
+import { Events, Context } from './types';
+export declare const coupons: import("xstate").StateMachine<Context, any, Events, {
+    value: any;
+    context: Context;
+}, 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/coupons/index.d.ts

@@ -0,0 +1,2 @@
+export { coupons } from './coupons';
+export { couponsSelectors } from './selectors';

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

@@ -0,0 +1,12 @@
+import { CouponsMachineState } from './types';
+export declare const couponsSelectors: {
+    getError: (state: CouponsMachineState) => import("./types").CouponErrorCodes;
+    getCoupons: (state: CouponsMachineState) => import("../../models/subscription/types").Coupon[];
+    getCouponsStatus: (state: CouponsMachineState) => {
+        isError: boolean;
+        isLoading: boolean;
+        isAddingCoupon: boolean;
+        isCouponAdded: boolean;
+    };
+    getAddedCoupon: (state: CouponsMachineState) => import("../../models/subscription/types").Coupon;
+};

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

@@ -0,0 +1,33 @@
+import { Coupon, SubscriptionModelWithCoupons } from '../../models/subscription/types';
+import { coupons } from './coupons';
+import { Interpreter, State } from 'xstate';
+export declare type CouponsMachine = typeof coupons;
+export declare type CouponsMachineState = State<CouponsMachine['context']>;
+export declare type Events = GetCouponsEvent | GetCouponsSuccessEvent | AddCouponEvent | AddAnotherCouponEvent | ErrorEvent;
+export declare type Context = {
+    error: CouponErrorCodes | null;
+    coupons: SubscriptionModelWithCoupons['coupons'];
+    addedCoupon: Coupon;
+};
+export declare type GetCouponsEvent = {
+    type: 'GET_COUPONS';
+};
+export declare type GetCouponsSuccessEvent = {
+    type: 'GET_COUPONS_SUCCESS';
+    data: SubscriptionModelWithCoupons;
+};
+export declare type AddCouponEvent = {
+    type: 'ADD_COUPON';
+    couponCode: string;
+};
+export declare type AddAnotherCouponEvent = {
+    type: 'ADD_ANOTHER_COUPON';
+};
+export declare type ErrorEvent = {
+    type: 'ERROR';
+    data: {
+        errorCode: CouponErrorCodes;
+    };
+};
+export declare type CouponErrorCodes = 'CouponNotFound' | 'NonStackableCoupon' | 'CouponNoLongerActive' | 'InvalidCoupon';
+export declare type CouponsMachineInterpreter = Interpreter<Context, any, Events>;

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

@@ -0,0 +1,2 @@
+import { Coupon } from '../../models/subscription/types';
+export declare const getUniqueCoupons: (coupons: Coupon[]) => Coupon[];

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

@@ -9,6 +9,8 @@ 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';
+import { coupons } from './coupons';
+export { changePlan, modals, modalsSelectors, createSubscriptionsMachine, subscriptionsSelectors, subscriptionSelectors, productCatalogSelectors, componentSelectors, componentsSelectors, paymentGatewaySelectors, paymentGateway, productCatalog, paymentProfiles, paymentProfilesSelectors, createPaymentProfile, paymentProfileSelectors, addOnsConfiguration, threeDsMachine, coupons, };
 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,7 +84,34 @@ 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 getAddCoupon: (machineState: ModalsState) => {
+    isOpen: boolean;
+    meta: {
+        subscriptionId: number;
+        catalogId: number;
+        couponService: import("../coupons/types").CouponsMachineInterpreter;
+        currency: "DKK" | "AUD" | "BRL" | "CAD" | "CHF" | "CNY" | "CZK" | "EUR" | "GBP" | "HKD" | "INR" | "JPY" | "MXN" | "MYR" | "NOK" | "NZD" | "PHP" | "PLN" | "RON" | "RUB" | "SEK" | "SGD" | "USD" | "ZAR" | "AED" | "SAR" | "ILS";
+    };
+};
 export declare const modalsSelectors: {
+    getAddCoupon: (machineState: ModalsState) => {
+        isOpen: boolean;
+        meta: {
+            subscriptionId: number;
+            catalogId: number;
+            couponService: import("../coupons/types").CouponsMachineInterpreter;
+            currency: "DKK" | "AUD" | "BRL" | "CAD" | "CHF" | "CNY" | "CZK" | "EUR" | "GBP" | "HKD" | "INR" | "JPY" | "MXN" | "MYR" | "NOK" | "NZD" | "PHP" | "PLN" | "RON" | "RUB" | "SEK" | "SGD" | "USD" | "ZAR" | "AED" | "SAR" | "ILS";
+        };
+    };
     getCreatePaymentProfile: (machineState: ModalsState) => {
         isOpen: boolean;
         meta: {
@@ -167,5 +194,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

@@ -1,5 +1,7 @@
 import { Interpreter } from 'xstate';
 import { PaymentMethod } from '../createPaymentProfile';
+import { CouponsMachineInterpreter } from '../coupons/types';
+import { Currency } from "../../../../formatters/src";
 export declare type Context = {
     deletePaymentProfile: {
         catalogId: number | null;
@@ -50,6 +52,18 @@ export declare type Context = {
         subscriptionId: number | null;
         catalogId: number | null;
     };
+    threeDSecure: {
+        catalogId: number;
+        subscriptionId: null | number;
+        threeDsActionLink: null | string;
+        onClose: null | (() => void);
+    };
+    addCoupon: {
+        subscriptionId: number | null;
+        catalogId: number | null;
+        couponService: null | CouponsMachineInterpreter;
+        currency: Currency;
+    };
 };
 export declare type Events = {
     type: 'CLOSE_MODAL';
@@ -102,5 +116,17 @@ 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;
+} | {
+    type: 'SHOW_ADD_COUPON';
+    catalogId: number;
+    subscriptionId: number;
+    couponService: CouponsMachineInterpreter;
+    currency: Currency;
 };
 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/mocks/subscriptions.d.ts

@@ -1,3 +1,5 @@
 import { Subscription } from "../../../data-access/src";
+import { SubscriptionWithCoupon } from '../../../data-access/src/types/subscription';
 export declare const activeSubscription: Subscription;
 export declare const pastDueSubscription: Subscription;
+export declare const subscriptionWithCoupon: SubscriptionWithCoupon;