@stigg/react-sdk 4.5.3 → 4.5.5

package/README.md

@@ -158,6 +158,7 @@ yarn
 ```
 
 2. Create `.env.local` file and add the following environment variables:
+
 ```
 BASE_URI='http://localhost:4000'
 API_KEY='<your-api-key>'
@@ -198,3 +199,9 @@ yarn link "@stigg/react-sdk" && yarn link "react" && yarn link "react-dom"
 ```
 
 **NOTE:** It's required to link also react and react-dom packages because otherwise it complains about multiple react versions error (see issue [here](https://github.com/facebook/react/issues/14257#issuecomment-595183610))
+
+### Publish beta version
+
+1. Change `package.json` version to desired beta version in the format of `x.x.x-beta.x`
+2. Make sure to do a clean build -- `rm -rf dist & yarn build`
+3. Publish to npm -- `npm publish --tag beta`

package/dist/components/checkout/CheckoutContainer.d.ts

@@ -1,13 +1,15 @@
 /// <reference types="react" />
-import { BillingAddress, ApplySubscription, CheckoutStatePlan } from '@stigg/js-client-sdk';
+import { BillingAddress, ApplySubscription, CheckoutStatePlan, ApplySubscriptionResults } from '@stigg/js-client-sdk';
 import { MockCheckoutPreviewCallback } from './types';
 export declare type CheckoutResult = {
     success: boolean;
     errorMessage?: string;
+    results?: ApplySubscriptionResults;
 };
 export declare type OnCheckoutParams = {
+    customerId: string;
     checkoutParams: ApplySubscription;
-    checkoutAction: () => Promise<CheckoutResult>;
+    checkoutAction: (params: ApplySubscription) => Promise<CheckoutResult>;
 };
 export declare type OnCheckoutCompletedParams = {
     success: boolean;

package/dist/components/checkout/hooks/useSubscriptionState.d.ts

@@ -1,2 +1,2 @@
-import { ApplySubscription } from '@stigg/js-client-sdk';
-export declare function useSubscriptionState(): ApplySubscription | undefined;
+import { ApplySubscription, PreviewSubscription } from '@stigg/js-client-sdk';
+export declare function useSubscriptionState(): ApplySubscription | PreviewSubscription | undefined;

package/dist/components/checkout/steps/payment/stripe/stripe.utils.d.ts

@@ -11,19 +11,6 @@ export declare function handleStripeFormValidations({ elements }: Pick<StripeEle
     success: boolean;
     errorMessage?: undefined;
 }>;
-export declare function handleNewPaymentMethod({ stripe, elements, setupIntentClientSecret, }: {
-    stripe: Stripe | null;
-    elements: StripeElements | null;
-    setupIntentClientSecret?: string;
-}): Promise<{
-    success: boolean;
-    paymentMethodId?: undefined;
-    errorMessage?: undefined;
-} | {
-    success: boolean;
-    paymentMethodId: string | undefined;
-    errorMessage: string | undefined;
-}>;
 export declare function handleStripeNextAction({ applySubscriptionResults, stripe, }: {
     applySubscriptionResults: ApplySubscriptionResults;
     stripe: Stripe | null;
@@ -34,4 +21,13 @@ export declare function handleStripeNextAction({ applySubscriptionResults, strip
     subscription: import("@stigg/js-client-sdk").Subscription | undefined;
     errorMessage?: undefined;
 }>;
+export declare function handleNewPaymentMethod({ stripe, elements, setupIntentClientSecret, }: {
+    stripe: Stripe | null;
+    elements: StripeElements | null;
+    setupIntentClientSecret?: string;
+}): Promise<{
+    success: boolean;
+    errorMessage?: string;
+    paymentMethodId?: string;
+}>;
 export {};

package/dist/components/checkout/steps/payment/stripe/useSubmit.d.ts

@@ -7,8 +7,9 @@ export declare type HandleSubmitResult = {
 };
 export declare type UseSubmitProps = {
     onSuccess?: () => void;
+    isMocked?: boolean;
 } & Pick<CheckoutContainerProps, 'onCheckout' | 'onCheckoutCompleted' | 'disableSuccessAnimation'>;
-export declare function useSubmit({ onCheckout, onCheckoutCompleted, onSuccess, disableSuccessAnimation }: UseSubmitProps): {
+export declare function useSubmit({ isMocked, onCheckout, onCheckoutCompleted, onSuccess, disableSuccessAnimation, }: UseSubmitProps): {
     handleSubmit: (e: any) => Promise<HandleSubmitResult>;
     isLoading: boolean;
 };

package/dist/components/customerPortal/paywall/CustomerPortalPaywall.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { CustomerPortalTheme } from '../customerPortalTheme';
 declare type CustomerPortalPaywallProps = {
     paywallComponent?: React.ReactNode;
-    hidePaywallButtons: boolean;
     theme: CustomerPortalTheme;
     title: string;
     isLoading: boolean;

package/dist/components/customerPortal/paywall/CustomerPortalPaywall.style.d.ts

@@ -9,7 +9,6 @@ export declare const CustomerPortalPaywallLayout: import("@emotion/styled/macro"
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
-    $hideButtons: boolean;
     $backgroundColor: string;
     $borderColor: string;
 }, {}, {}>;

package/dist/components/paywall/Paywall.d.ts

@@ -10,7 +10,6 @@ declare type PaywallProps = {
     highlightedPlanId?: string;
     onBillingPeriodChanged: (billingPeriod: BillingPeriod) => void;
     availableBillingPeriods: BillingPeriod[];
-    isLoading: boolean;
     isCustomerOnTrial: boolean;
     onPlanSelected: OnPlanSelectedCallbackFn;
     paywallLocale: PaywallLocalization;

package/dist/components/paywall/PlanOffering.d.ts

@@ -19,6 +19,7 @@ declare type PlanOfferingProps = {
     paywallLocale: PaywallLocalization;
     locale: string;
     withStartingAtRow: boolean;
+    isCustomerInCustomPlan: boolean;
 };
-export declare function PlanOffering({ withUnitPriceRow, withTiersRow, withTrialLeftRow, customer, plan, billingPeriod, isHighlighted, currentSubscription, shouldShowDescriptionSection, hasMonthlyPrice, hasAnnuallyPrice, isCustomerOnTrial, onPlanSelected, paywallLocale, locale, withStartingAtRow, }: PlanOfferingProps): JSX.Element;
+export declare function PlanOffering({ withUnitPriceRow, withTiersRow, withTrialLeftRow, customer, plan, billingPeriod, isHighlighted, currentSubscription, shouldShowDescriptionSection, hasMonthlyPrice, hasAnnuallyPrice, isCustomerOnTrial, onPlanSelected, paywallLocale, locale, withStartingAtRow, isCustomerInCustomPlan, }: PlanOfferingProps): JSX.Element;
 export {};

package/dist/components/paywall/PlanOfferingButton.d.ts

@@ -11,9 +11,8 @@ declare type PlanOfferingButtonProps = {
     isCustomerOnTrial: boolean;
     paywallLocale: PaywallLocalization;
     onPlanSelected: (intentionType: SubscribeIntentionType) => void | Promise<void>;
-    hasTiersRow: boolean;
     withTrialLeftRow: boolean;
     selectedTierByFeature: Record<string, PriceTierFragment>;
 };
-export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, hasTiersRow, withTrialLeftRow, currentSubscription, selectedTierByFeature, }: PlanOfferingButtonProps): JSX.Element;
+export declare function PlanOfferingButton({ isNextPlan, customer, plan, billingPeriod, isCustomerOnTrial, onPlanSelected, paywallLocale, withTrialLeftRow, currentSubscription, selectedTierByFeature, }: PlanOfferingButtonProps): JSX.Element;
 export {};