@stigg/react-sdk 5.22.1 → 5.23.1

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

@@ -3,4 +3,4 @@ import { CheckoutProviderProps } from './CheckoutProvider';
 import { CheckoutContainerProps } from './CheckoutContainer';
 import { CheckoutMockProps } from './types';
 export declare type CheckoutProps = CheckoutProviderProps & CheckoutContainerProps & CheckoutMockProps;
-export declare const Checkout: ({ textOverrides, theme, resourceId, planId, preferredBillingPeriod, billingCountryCode, billableFeatures, billingInformation, onMockCheckoutState, ...containerProps }: CheckoutProps) => JSX.Element;
+export declare const Checkout: ({ textOverrides, theme, resourceId, planId, preferredBillingPeriod, billingCountryCode, billableFeatures, billingInformation, onMockCheckoutState, skipCheckoutSteps, ...containerProps }: CheckoutProps) => JSX.Element;

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

@@ -6,6 +6,7 @@ import { CheckoutLocalization } from './configurations/textOverrides';
 import { CheckoutTheme } from './configurations/theme';
 import { StiggTheme } from '../../theme/types';
 import { BillingInformation, MockCheckoutStateCallback } from './types';
+import { CheckoutSteps } from './configurations/steps';
 export interface CheckoutContextState {
     checkout?: GetCheckoutStateResults | null;
     checkoutLocalization: CheckoutLocalization;
@@ -31,7 +32,8 @@ export declare type CheckoutProviderProps = {
     billableFeatures?: BillableFeature[];
     billingInformation?: BillingInformation;
     onMockCheckoutState?: MockCheckoutStateCallback;
+    skipCheckoutSteps?: CheckoutSteps[];
 };
-export declare function CheckoutProvider({ children, textOverrides, theme, preferredBillingPeriod, billableFeatures, resourceId, planId, billingCountryCode, billingInformation, onMockCheckoutState, }: {
+export declare function CheckoutProvider({ children, textOverrides, theme, preferredBillingPeriod, billableFeatures, resourceId, planId, billingCountryCode, billingInformation, onMockCheckoutState, skipCheckoutSteps, }: {
     children: React.ReactNode;
 } & CheckoutProviderProps): JSX.Element;

package/dist/components/checkout/configurations/steps.d.ts

@@ -0,0 +1 @@
+export declare type CheckoutSteps = 'PLAN' | 'ADDONS';

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

@@ -1,4 +1,6 @@
-import { Addon } from '@stigg/js-client-sdk';
+import { BillableFeatureInput } from '@stigg/api-client-js/src/generated/sdk';
+import { Addon, BillableFeature, BillingPeriod, CheckoutStatePlan } from '@stigg/js-client-sdk';
+import { CheckoutSteps } from '../configurations/steps';
 export declare enum CheckoutStepKey {
     PLAN = "PLAN",
     ADDONS = "ADDONS",
@@ -14,9 +16,16 @@ export declare type ProgressBarState = {
     steps: CheckoutStep[];
     isDisabled: boolean;
 };
-export declare function getProgressBarInitialState({ availableAddons }: {
+declare type GetProgressBarInitialStateProps = {
+    isLoading: boolean;
+    skipCheckoutSteps: CheckoutSteps[];
+    plan?: CheckoutStatePlan;
     availableAddons?: Addon[];
-}): ProgressBarState;
+    availableCharges: BillableFeatureInput[];
+    preferredBillingPeriod?: BillingPeriod;
+    preconfiguredBillableFeatures: BillableFeature[];
+};
+export declare function getProgressBarInitialState({ isLoading, skipCheckoutSteps, plan, availableAddons, availableCharges, preferredBillingPeriod, preconfiguredBillableFeatures, }: GetProgressBarInitialStateProps): ProgressBarState;
 export declare function useProgressBarModel(): {
     currentStep: CheckoutStep;
     progressBarState: ProgressBarState;
@@ -27,3 +36,4 @@ export declare function useProgressBarModel(): {
     goNext: () => void;
     setIsDisabled: (isDisabled?: boolean | undefined) => void;
 };
+export {};

package/dist/components/checkout/progressBar/CheckoutProgressBar.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const CheckoutProgressBar: () => JSX.Element;
+export declare const CheckoutProgressBar: () => JSX.Element | null;

package/dist/components/checkout/steps/payment/PaymentMethods.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import { Customer } from '@stigg/js-client-sdk';
-import { Icons } from '../../../common/Icon';
 import { CheckoutLocalization } from '../../configurations/textOverrides';
 import { CheckoutContainerProps } from '../../CheckoutContainer';
 export declare type PaymentMethodLayoutProps = {
     checked: boolean;
-    icon: Icons;
     text: React.ReactNode;
     subtitle?: React.ReactNode;
     readOnly?: boolean;
@@ -16,6 +14,7 @@ export declare type PaymentMethodProps = Pick<Customer, 'paymentMethodDetails'>
 export declare type NewPaymentMethodProps = Pick<PaymentMethodLayoutProps, 'checked' | 'readOnly'> & {
     onSelect: () => void;
     checkoutLocalization: CheckoutLocalization;
+    hasExistingPaymentMethod: boolean;
 } & Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>;
 export declare function ExistingPaymentMethod({ checked, paymentMethodDetails, readOnly, onSelect }: PaymentMethodProps): JSX.Element | null;
-export declare function NewPaymentMethod({ checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, collectPhoneNumber, }: NewPaymentMethodProps): JSX.Element;
+export declare function NewPaymentMethod({ hasExistingPaymentMethod, checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, collectPhoneNumber, }: NewPaymentMethodProps): JSX.Element;

package/dist/components/checkout/steps/payment/PaymentMethods.style.d.ts

@@ -12,6 +12,8 @@ export declare const NewPaymentMethodContainer: import("@emotion/styled").Styled
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $disabled?: boolean | undefined;
+} & {
+    $hideBorders?: boolean | undefined;
 }, {}, {}>;
 export declare const PaymentMethodLayoutContainer: import("@emotion/styled").StyledComponent<import("@mui/material/Grid").GridOwnProps & import("@mui/material/OverridableComponent").CommonProps & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/dist/components/utils/formatNumber.d.ts

@@ -0,0 +1 @@
+export declare function formatNumber(usageLimit: number | null | undefined): string | undefined;

package/dist/components/utils/planPrices.d.ts

@@ -0,0 +1,4 @@
+import { Plan } from '@stigg/js-client-sdk';
+export declare const hasMonthlyPrices: (plan?: Plan | undefined) => boolean;
+export declare const hasAnnualPrices: (plan?: Plan | undefined) => boolean;
+export declare const hasMultipleBillingPeriods: (plan?: Plan | undefined) => boolean;