@stigg/react-sdk 7.7.1-beta.1 → 7.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -938
- package/dist/react-sdk.cjs.js +3444 -712
- package/dist/react-sdk.cjs.js.map +1 -0
- package/dist/react-sdk.esm.js +76842 -12328
- package/dist/react-sdk.esm.js.map +1 -0
- package/dist/react-sdk.umd.js +6238 -0
- package/dist/react-sdk.umd.js.map +1 -0
- package/dist/src/assets/lottie/checkout-success.json.d.ts +3 -0
- package/dist/src/components/StiggProvider.d.ts +36 -0
- package/dist/src/components/checkout/Checkout.d.ts +5 -0
- package/dist/src/components/checkout/CheckoutContainer.d.ts +14 -0
- package/dist/src/components/checkout/CheckoutContainer.style.d.ts +15 -0
- package/dist/src/components/checkout/CheckoutProvider.d.ts +43 -0
- package/dist/src/components/checkout/components/Button.d.ts +6 -0
- package/dist/src/components/checkout/components/ChangePlanButton.d.ts +7 -0
- package/dist/src/components/checkout/components/ContentLoadingSkeleton.d.ts +2 -0
- package/dist/src/components/checkout/components/DowngradeToFreeContainer.d.ts +21 -0
- package/dist/src/components/checkout/components/InputField.d.ts +6 -0
- package/dist/src/components/checkout/components/Skeletons.style.d.ts +27 -0
- package/dist/src/components/checkout/components/StyledArrow.d.ts +4 -0
- package/dist/src/components/checkout/components/index.d.ts +3 -0
- package/dist/src/components/checkout/configurations/steps.d.ts +1 -0
- package/dist/src/components/checkout/configurations/textOverrides.d.ts +82 -0
- package/dist/src/components/checkout/configurations/theme.d.ts +14 -0
- package/dist/src/components/checkout/configurations/typography.d.ts +7 -0
- package/dist/src/components/checkout/formatting.d.ts +2 -0
- package/dist/src/components/checkout/hooks/index.d.ts +8 -0
- package/dist/src/components/checkout/hooks/useAddonsStepModel.d.ts +20 -0
- package/dist/src/components/checkout/hooks/useCheckoutModel.d.ts +14 -0
- package/dist/src/components/checkout/hooks/useCouponModel.d.ts +7 -0
- package/dist/src/components/checkout/hooks/useLoadCheckout.d.ts +14 -0
- package/dist/src/components/checkout/hooks/usePaymentStepModel.d.ts +22 -0
- package/dist/src/components/checkout/hooks/usePlanStepModel.d.ts +23 -0
- package/dist/src/components/checkout/hooks/usePreviewSubscription.d.ts +25 -0
- package/dist/src/components/checkout/hooks/useProgressBarModel.d.ts +35 -0
- package/dist/src/components/checkout/hooks/useSubscriptionModel.d.ts +6 -0
- package/dist/src/components/checkout/hooks/useSubscriptionState.d.ts +2 -0
- package/dist/src/components/checkout/index.d.ts +8 -0
- package/dist/src/components/checkout/planHeader/PlanHeader.d.ts +6 -0
- package/dist/src/components/checkout/planHeader/index.d.ts +1 -0
- package/dist/src/components/checkout/progressBar/CheckoutProgressBar.d.ts +1 -0
- package/dist/src/components/checkout/progressBar/CheckoutProgressBar.style.d.ts +17 -0
- package/dist/src/components/checkout/promotionCode/AddPromotionCode.d.ts +2 -0
- package/dist/src/components/checkout/promotionCode/AddPromotionCodeButton.d.ts +7 -0
- package/dist/src/components/checkout/promotionCode/AppliedPromotionCode.d.ts +10 -0
- package/dist/src/components/checkout/promotionCode/PromotionCodeSection.d.ts +8 -0
- package/dist/src/components/checkout/promotionCode/index.d.ts +1 -0
- package/dist/src/components/checkout/steps/addons/CheckoutAddonsStep.d.ts +4 -0
- package/dist/src/components/checkout/steps/addons/CheckoutAddonsStep.style.d.ts +18 -0
- package/dist/src/components/checkout/steps/addons/addon.utils.d.ts +15 -0
- package/dist/src/components/checkout/steps/addons/components/AddonInputContainer.d.ts +15 -0
- package/dist/src/components/checkout/steps/addons/components/AddonTextContainer.d.ts +9 -0
- package/dist/src/components/checkout/steps/addons/index.d.ts +1 -0
- package/dist/src/components/checkout/steps/payment/PaymentMethods.d.ts +19 -0
- package/dist/src/components/checkout/steps/payment/PaymentMethods.style.d.ts +27 -0
- package/dist/src/components/checkout/steps/payment/PaymentStep.d.ts +2 -0
- package/dist/src/components/checkout/steps/payment/index.d.ts +1 -0
- package/dist/src/components/checkout/steps/payment/stripe/StripePaymentForm.d.ts +2 -0
- package/dist/src/components/checkout/steps/payment/stripe/index.d.ts +3 -0
- package/dist/src/components/checkout/steps/payment/stripe/stripe.utils.d.ts +33 -0
- package/dist/src/components/checkout/steps/payment/stripe/useStripeIntegration.d.ts +5 -0
- package/dist/src/components/checkout/steps/payment/stripe/useSubmit.d.ts +15 -0
- package/dist/src/components/checkout/steps/payment/zuora/ZuoraPaymentForm.d.ts +2 -0
- package/dist/src/components/checkout/steps/payment/zuora/index.d.ts +4 -0
- package/dist/src/components/checkout/steps/payment/zuora/useZuoraIntegration.d.ts +5 -0
- package/dist/src/components/checkout/steps/payment/zuora/useZuoraSubmit.d.ts +11 -0
- package/dist/src/components/checkout/steps/payment/zuora/zuora.utils.d.ts +34 -0
- package/dist/src/components/checkout/steps/plan/BillingPeriodPicker.d.ts +8 -0
- package/dist/src/components/checkout/steps/plan/BillingPeriodPicker.style.d.ts +28 -0
- package/dist/src/components/checkout/steps/plan/CheckoutChargeList.d.ts +22 -0
- package/dist/src/components/checkout/steps/plan/CheckoutPlanStep.d.ts +2 -0
- package/dist/src/components/checkout/steps/plan/CheckoutPlanStep.style.d.ts +6 -0
- package/dist/src/components/checkout/steps/plan/index.d.ts +1 -0
- package/dist/src/components/checkout/summary/CheckoutSuccess.d.ts +5 -0
- package/dist/src/components/checkout/summary/CheckoutSummary.d.ts +15 -0
- package/dist/src/components/checkout/summary/CheckoutSummarySkeleton.d.ts +3 -0
- package/dist/src/components/checkout/summary/components/CheckoutCaptions.d.ts +11 -0
- package/dist/src/components/checkout/summary/components/GraduatedPriceBreakdown.d.ts +6 -0
- package/dist/src/components/checkout/summary/components/LineItems.d.ts +37 -0
- package/dist/src/components/checkout/summary/components/WithSkeleton.d.ts +6 -0
- package/dist/src/components/checkout/summary/components/getPriceBreakdownString.d.ts +15 -0
- package/dist/src/components/checkout/summary/index.d.ts +2 -0
- package/dist/src/components/checkout/types.d.ts +86 -0
- package/dist/src/components/common/CollapsableSectionIcon.d.ts +6 -0
- package/dist/src/components/common/Icon.d.ts +14 -0
- package/dist/src/components/common/InformationTooltip.d.ts +11 -0
- package/dist/src/components/common/LongText.d.ts +17 -0
- package/dist/src/components/common/PoweredByStigg.d.ts +12 -0
- package/dist/src/components/common/ProgressBar.d.ts +6 -0
- package/dist/src/components/common/StatusChip.d.ts +16 -0
- package/dist/src/components/common/TiersSelectContainer.d.ts +12 -0
- package/dist/src/components/common/Typography.d.ts +15 -0
- package/dist/src/components/common/VolumeBulkSelect.d.ts +5 -0
- package/dist/src/components/common/VolumePerUnitInput.d.ts +5 -0
- package/dist/src/components/common/chart/chartjs.helpers.d.ts +2 -0
- package/dist/src/components/common/chart/chartjs.plugins.d.ts +1 -0
- package/dist/src/components/common/chart/chartjs.theme.d.ts +23 -0
- package/dist/src/components/common/chart/chartjs.tooltip.plugin.d.ts +38 -0
- package/dist/src/components/common/customIcons.d.ts +24 -0
- package/dist/src/components/common/iconColor.d.ts +4 -0
- package/dist/src/components/common/mapExternalTheme.d.ts +7 -0
- package/dist/src/components/common/mediaQuery.d.ts +12 -0
- package/dist/src/components/common/table/DataRows.d.ts +9 -0
- package/dist/src/components/common/table/EmptyState.d.ts +7 -0
- package/dist/src/components/common/table/ErrorState.d.ts +7 -0
- package/dist/src/components/common/table/GenericTable.d.ts +25 -0
- package/dist/src/components/common/table/LoadingRows.d.ts +8 -0
- package/dist/src/components/common/table/index.d.ts +6 -0
- package/dist/src/components/common/table/types.d.ts +31 -0
- package/dist/src/components/credits/balance/CreditBalance.d.ts +11 -0
- package/dist/src/components/credits/balance/CreditBalanceValue.d.ts +7 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsage.chartjs.d.ts +12 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageChart.d.ts +8 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageChartEmptyState.d.ts +2 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageChartErrorState.d.ts +2 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageChartHeader.d.ts +12 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageChartTooltip.d.ts +19 -0
- package/dist/src/components/credits/creditUsageChart/CreditUsageLegend.d.ts +6 -0
- package/dist/src/components/credits/creditUsageChart/types.d.ts +4 -0
- package/dist/src/components/credits/grants/CreditGrants.d.ts +6 -0
- package/dist/src/components/credits/grants/CreditGrantsTable.d.ts +14 -0
- package/dist/src/components/credits/grants/types.d.ts +23 -0
- package/dist/src/components/credits/grants/utils.d.ts +5 -0
- package/dist/src/components/credits/hooks/useCreditBalance.d.ts +32 -0
- package/dist/src/components/credits/hooks/useCreditGrants.d.ts +9 -0
- package/dist/src/components/credits/hooks/useCreditUsage.d.ts +13 -0
- package/dist/src/components/credits/index.d.ts +12 -0
- package/dist/src/components/credits/localization.d.ts +22 -0
- package/dist/src/components/credits/utilization/CreditUtilization.d.ts +12 -0
- package/dist/src/components/credits/utilization/CreditUtilizationValue.d.ts +9 -0
- package/dist/src/components/credits/utils/creditBalanceUtils.d.ts +11 -0
- package/dist/src/components/credits/utils/creditGrantUtils.d.ts +3 -0
- package/dist/src/components/customerPortal/CustomerPortal.d.ts +20 -0
- package/dist/src/components/customerPortal/CustomerPortal.style.d.ts +9 -0
- package/dist/src/components/customerPortal/CustomerPortalContainer.d.ts +6 -0
- package/dist/src/components/customerPortal/CustomerPortalContext.d.ts +16 -0
- package/dist/src/components/customerPortal/CustomerPortalHeader.d.ts +4 -0
- package/dist/src/components/customerPortal/CustomerPortalProvider.d.ts +11 -0
- package/dist/src/components/customerPortal/billing/InformationGrid.d.ts +16 -0
- package/dist/src/components/customerPortal/billing/InvoicesSection.d.ts +2 -0
- package/dist/src/components/customerPortal/billing/PaymentDetailsSection.d.ts +3 -0
- package/dist/src/components/customerPortal/common/ExternalLinkButton.d.ts +7 -0
- package/dist/src/components/customerPortal/common/SectionContainer.d.ts +8 -0
- package/dist/src/components/customerPortal/common/SectionHeader.d.ts +7 -0
- package/dist/src/components/customerPortal/common/SectionTitle.d.ts +7 -0
- package/dist/src/components/customerPortal/common/SkeletonButton.d.ts +2 -0
- package/dist/src/components/customerPortal/common/StyledButton.d.ts +6 -0
- package/dist/src/components/customerPortal/customerPortalTextOverrides.d.ts +17 -0
- package/dist/src/components/customerPortal/customerPortalTheme.d.ts +14 -0
- package/dist/src/components/customerPortal/hooks/useCustomerPortal.d.ts +11 -0
- package/dist/src/components/customerPortal/index.d.ts +16 -0
- package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.d.ts +10 -0
- package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.style.d.ts +13 -0
- package/dist/src/components/customerPortal/subscriptionOverview/ContactCustomerSupport.d.ts +8 -0
- package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionOverviewLoader.d.ts +2 -0
- package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverview.d.ts +13 -0
- package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverviewHeader.d.ts +9 -0
- package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeItem.d.ts +17 -0
- package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeList.d.ts +12 -0
- package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdateRow.d.ts +8 -0
- package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdatesAlert.d.ts +9 -0
- package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.d.ts +11 -0
- package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.d.ts +5 -0
- package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/TrialPanel.d.ts +7 -0
- package/dist/src/components/customerPortal/subscriptionOverview/tabs/AddonsList.d.ts +2 -0
- package/dist/src/components/customerPortal/subscriptionOverview/tabs/Promotions.d.ts +2 -0
- package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.d.ts +11 -0
- package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.style.d.ts +24 -0
- package/dist/src/components/customerPortal/subscriptionOverview/types/customerPortal.types.d.ts +3 -0
- package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NextEstimatedBill.d.ts +8 -0
- package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NoUpcomingBilling.d.ts +6 -0
- package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/UpcomingBilling.d.ts +10 -0
- package/dist/src/components/customerPortal/types.d.ts +13 -0
- package/dist/src/components/customerPortal/usage/CustomerUsageData.d.ts +8 -0
- package/dist/src/components/customerPortal/usage/CustomerUsageData.style.d.ts +6 -0
- package/dist/src/components/customerPortal/usage/featureUsage/EntitlementCTAButton.d.ts +14 -0
- package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.d.ts +13 -0
- package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.helper.d.ts +5 -0
- package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.style.d.ts +8 -0
- package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsageProgressBar.d.ts +15 -0
- package/dist/src/components/guards/BooleanEntitlementGuard.d.ts +7 -0
- package/dist/src/components/guards/EnumEntitlementGuard.d.ts +7 -0
- package/dist/src/components/guards/MeteredEntitlementGuard.d.ts +7 -0
- package/dist/src/components/guards/NumericEntitlementGuard.d.ts +7 -0
- package/dist/src/components/hooks/index.d.ts +1 -0
- package/dist/src/components/hooks/useChargeSort.d.ts +3 -0
- package/dist/src/components/hooks/useIsScreenWiderThan.d.ts +2 -0
- package/dist/src/components/hooks/usePagination.d.ts +6 -0
- package/dist/src/components/hooks/useWaitForCheckoutCompleted.d.ts +14 -0
- package/dist/src/components/paywall/BillingPeriodPicker.d.ts +7 -0
- package/dist/src/components/paywall/EntitlementRow.d.ts +20 -0
- package/dist/src/components/paywall/Paywall.d.ts +23 -0
- package/dist/src/components/paywall/PaywallContainer.d.ts +20 -0
- package/dist/src/components/paywall/PaywallLoader.d.ts +2 -0
- package/dist/src/components/paywall/PlanCompatibleAddons.d.ts +13 -0
- package/dist/src/components/paywall/PlanEntitlements.d.ts +8 -0
- package/dist/src/components/paywall/PlanOffering.d.ts +27 -0
- package/dist/src/components/paywall/PlanOfferingButton.d.ts +18 -0
- package/dist/src/components/paywall/PlanPrice.d.ts +17 -0
- package/dist/src/components/paywall/hooks/useLoadPaywallData.d.ts +12 -0
- package/dist/src/components/paywall/index.d.ts +5 -0
- package/dist/src/components/paywall/paywallTextOverrides.d.ts +81 -0
- package/dist/src/components/paywall/types.d.ts +58 -0
- package/dist/src/components/paywall/utils/calculateTrialDaysLeft.d.ts +1 -0
- package/dist/src/components/paywall/utils/calculateUnitQuantityText.d.ts +1 -0
- package/dist/src/components/paywall/utils/computeDefaultBillingPeriod.d.ts +5 -0
- package/dist/src/components/paywall/utils/getPlansToDisplay.d.ts +3 -0
- package/dist/src/components/paywall/utils/hasPricePoints.d.ts +4 -0
- package/dist/src/components/paywall/utils/mapPaywallData.d.ts +14 -0
- package/dist/src/components/utils/calculateDiscountRate.d.ts +3 -0
- package/dist/src/components/utils/currencyUtils.d.ts +9 -0
- package/dist/src/components/utils/dateUtils.d.ts +10 -0
- package/dist/src/components/utils/fixtures/price.fixtures.d.ts +7 -0
- package/dist/src/components/utils/formatNumber.d.ts +1 -0
- package/dist/src/components/utils/getFeatureName.d.ts +3 -0
- package/dist/src/components/utils/getPaidPriceText.d.ts +14 -0
- package/dist/src/components/utils/getPlanPrice.d.ts +9 -0
- package/dist/src/components/utils/getSubscriptionScheduleUpdateTexts.d.ts +22 -0
- package/dist/src/components/utils/numberUtils.d.ts +4 -0
- package/dist/src/components/utils/onWheelBlur.d.ts +2 -0
- package/dist/src/components/utils/planPrices.d.ts +4 -0
- package/dist/src/components/utils/priceTierUtils.d.ts +34 -0
- package/dist/src/components/utils/priceUtils.d.ts +2 -0
- package/dist/src/hooks/index.d.ts +8 -0
- package/dist/src/hooks/useActiveSubscriptions.d.ts +6 -0
- package/dist/src/hooks/useBooleanEntitlement.d.ts +5 -0
- package/dist/src/hooks/useCustomerPortal.d.ts +6 -0
- package/dist/src/hooks/useEnumEntitlement.d.ts +6 -0
- package/dist/src/hooks/useFetch.d.ts +8 -0
- package/dist/src/hooks/useMeteredEntitlement.d.ts +6 -0
- package/dist/src/hooks/useNumericEntitlement.d.ts +6 -0
- package/dist/src/hooks/usePaywall.d.ts +6 -0
- package/dist/src/hooks/useStiggContext.d.ts +7 -0
- package/dist/src/index.d.ts +26 -0
- package/dist/src/services/logger.d.ts +12 -0
- package/dist/src/stories/CustomTheme.d.ts +2 -0
- package/dist/src/stories/baseArgs.d.ts +11 -0
- package/dist/src/stories/mocks/checkout/consts.d.ts +11 -0
- package/dist/src/stories/mocks/checkout/mockCheckoutPreview.d.ts +2 -0
- package/dist/src/stories/mocks/checkout/mockCheckoutState.d.ts +2 -0
- package/dist/src/theme/Fonts.d.ts +3 -0
- package/dist/src/theme/Theme.d.ts +10 -0
- package/dist/src/theme/getResolvedTheme.d.ts +4 -0
- package/dist/src/theme/types.d.ts +83 -0
- package/dist/src/types.d.ts +16 -0
- package/dist/src/utils/styledUtils.d.ts +2 -0
- package/dist/stripe.esm-BkoVJ3BR.js +67 -0
- package/dist/stripe.esm-BkoVJ3BR.js.map +1 -0
- package/dist/stripe.esm-XRG9pJRV.cjs +2 -0
- package/dist/stripe.esm-XRG9pJRV.cjs.map +1 -0
- package/package.json +15 -3
- package/src/assets/add.svg +3 -0
- package/src/assets/addons.svg +12 -0
- package/src/assets/arrow-forward.svg +3 -0
- package/src/assets/arrow-right.svg +6 -0
- package/src/assets/billing-info-customer.svg +11 -0
- package/src/assets/check-stigg.svg +3 -0
- package/src/assets/check.svg +5 -0
- package/src/assets/close.svg +3 -0
- package/src/assets/contact-support.svg +13 -0
- package/src/assets/coupon.svg +6 -0
- package/src/assets/credit-card.svg +10 -0
- package/src/assets/dollar-coin.svg +13 -0
- package/src/assets/edit-icon.svg +3 -0
- package/src/assets/entitlement-check.svg +3 -0
- package/src/assets/lottie/checkout-success.json +1 -0
- package/src/assets/mini-schedule.svg +3 -0
- package/src/assets/outlined-checked-circle-disabled.svg +6 -0
- package/src/assets/outlined-checked-circle.svg +6 -0
- package/src/assets/outlined-circle.svg +3 -0
- package/src/assets/pay-as-you-go-charge.svg +11 -0
- package/src/assets/payment-method.svg +4 -0
- package/src/assets/plus-icon.svg +6 -0
- package/src/assets/powered-by-stigg.svg +13 -0
- package/src/assets/promotions.svg +13 -0
- package/src/assets/remove.svg +3 -0
- package/src/assets/restore.svg +3 -0
- package/src/assets/sand-clock.svg +4 -0
- package/src/assets/schedule-box.svg +9 -0
- package/src/assets/schedule.svg +3 -0
- package/src/assets/subscription-renews-icon.svg +14 -0
- package/src/assets/trash.svg +8 -0
- package/src/components/StiggProvider.tsx +170 -0
- package/src/components/checkout/Checkout.tsx +37 -0
- package/src/components/checkout/CheckoutContainer.style.ts +51 -0
- package/src/components/checkout/CheckoutContainer.tsx +193 -0
- package/src/components/checkout/CheckoutProvider.tsx +181 -0
- package/src/components/checkout/components/Button.tsx +35 -0
- package/src/components/checkout/components/ChangePlanButton.tsx +30 -0
- package/src/components/checkout/components/ContentLoadingSkeleton.tsx +41 -0
- package/src/components/checkout/components/DowngradeToFreeContainer.tsx +115 -0
- package/src/components/checkout/components/InputField.tsx +26 -0
- package/src/components/checkout/components/Skeletons.style.ts +30 -0
- package/src/components/checkout/components/StyledArrow.tsx +9 -0
- package/src/components/checkout/components/index.ts +3 -0
- package/src/components/checkout/configurations/steps.ts +1 -0
- package/src/components/checkout/configurations/textOverrides.ts +150 -0
- package/src/components/checkout/configurations/theme.ts +46 -0
- package/src/components/checkout/configurations/typography.ts +30 -0
- package/src/components/checkout/formatting.ts +12 -0
- package/src/components/checkout/hooks/index.ts +8 -0
- package/src/components/checkout/hooks/useAddonsStepModel.ts +92 -0
- package/src/components/checkout/hooks/useCheckoutModel.ts +53 -0
- package/src/components/checkout/hooks/useCouponModel.ts +28 -0
- package/src/components/checkout/hooks/useLoadCheckout.ts +48 -0
- package/src/components/checkout/hooks/usePaymentStepModel.ts +68 -0
- package/src/components/checkout/hooks/usePlanStepModel.ts +184 -0
- package/src/components/checkout/hooks/usePreviewSubscription.ts +165 -0
- package/src/components/checkout/hooks/useProgressBarModel.ts +211 -0
- package/src/components/checkout/hooks/useSubscriptionModel.ts +22 -0
- package/src/components/checkout/hooks/useSubscriptionState.ts +26 -0
- package/src/components/checkout/index.ts +8 -0
- package/src/components/checkout/planHeader/PlanHeader.tsx +41 -0
- package/src/components/checkout/planHeader/index.ts +1 -0
- package/src/components/checkout/progressBar/CheckoutProgressBar.style.ts +35 -0
- package/src/components/checkout/progressBar/CheckoutProgressBar.tsx +82 -0
- package/src/components/checkout/promotionCode/AddPromotionCode.tsx +107 -0
- package/src/components/checkout/promotionCode/AddPromotionCodeButton.tsx +43 -0
- package/src/components/checkout/promotionCode/AppliedPromotionCode.tsx +49 -0
- package/src/components/checkout/promotionCode/PromotionCodeSection.tsx +40 -0
- package/src/components/checkout/promotionCode/index.ts +1 -0
- package/src/components/checkout/steps/addons/CheckoutAddonsStep.style.tsx +34 -0
- package/src/components/checkout/steps/addons/CheckoutAddonsStep.tsx +144 -0
- package/src/components/checkout/steps/addons/addon.utils.ts +67 -0
- package/src/components/checkout/steps/addons/components/AddonInputContainer.tsx +84 -0
- package/src/components/checkout/steps/addons/components/AddonTextContainer.tsx +45 -0
- package/src/components/checkout/steps/addons/index.ts +1 -0
- package/src/components/checkout/steps/payment/PaymentMethods.style.ts +36 -0
- package/src/components/checkout/steps/payment/PaymentMethods.tsx +106 -0
- package/src/components/checkout/steps/payment/PaymentStep.tsx +63 -0
- package/src/components/checkout/steps/payment/index.ts +1 -0
- package/src/components/checkout/steps/payment/stripe/StripePaymentForm.tsx +79 -0
- package/src/components/checkout/steps/payment/stripe/index.ts +3 -0
- package/src/components/checkout/steps/payment/stripe/stripe.utils.ts +122 -0
- package/src/components/checkout/steps/payment/stripe/useStripeIntegration.ts +33 -0
- package/src/components/checkout/steps/payment/stripe/useSubmit.ts +135 -0
- package/src/components/checkout/steps/payment/zuora/ZuoraPaymentForm.tsx +128 -0
- package/src/components/checkout/steps/payment/zuora/index.ts +9 -0
- package/src/components/checkout/steps/payment/zuora/useZuoraIntegration.ts +56 -0
- package/src/components/checkout/steps/payment/zuora/useZuoraSubmit.ts +125 -0
- package/src/components/checkout/steps/payment/zuora/zuora.utils.ts +72 -0
- package/src/components/checkout/steps/plan/BillingPeriodPicker.style.tsx +69 -0
- package/src/components/checkout/steps/plan/BillingPeriodPicker.tsx +86 -0
- package/src/components/checkout/steps/plan/CheckoutChargeList.tsx +223 -0
- package/src/components/checkout/steps/plan/CheckoutPlanStep.style.tsx +6 -0
- package/src/components/checkout/steps/plan/CheckoutPlanStep.tsx +31 -0
- package/src/components/checkout/steps/plan/index.ts +1 -0
- package/src/components/checkout/summary/CheckoutSuccess.tsx +82 -0
- package/src/components/checkout/summary/CheckoutSummary.tsx +458 -0
- package/src/components/checkout/summary/CheckoutSummarySkeleton.tsx +38 -0
- package/src/components/checkout/summary/components/CheckoutCaptions.tsx +145 -0
- package/src/components/checkout/summary/components/GraduatedPriceBreakdown.tsx +70 -0
- package/src/components/checkout/summary/components/LineItems.tsx +275 -0
- package/src/components/checkout/summary/components/WithSkeleton.tsx +16 -0
- package/src/components/checkout/summary/components/getPriceBreakdownString.ts +66 -0
- package/src/components/checkout/summary/index.ts +2 -0
- package/src/components/checkout/types.ts +82 -0
- package/src/components/common/CollapsableSectionIcon.tsx +9 -0
- package/src/components/common/Icon.tsx +61 -0
- package/src/components/common/InformationTooltip.tsx +28 -0
- package/src/components/common/LongText.tsx +100 -0
- package/src/components/common/PoweredByStigg.tsx +59 -0
- package/src/components/common/ProgressBar.tsx +41 -0
- package/src/components/common/StatusChip.tsx +29 -0
- package/src/components/common/TiersSelectContainer.tsx +39 -0
- package/src/components/common/Typography.tsx +117 -0
- package/src/components/common/VolumeBulkSelect.tsx +74 -0
- package/src/components/common/VolumePerUnitInput.tsx +42 -0
- package/src/components/common/chart/chartjs.helpers.ts +17 -0
- package/src/components/common/chart/chartjs.plugins.ts +34 -0
- package/src/components/common/chart/chartjs.theme.ts +41 -0
- package/src/components/common/chart/chartjs.tooltip.plugin.tsx +224 -0
- package/src/components/common/customIcons.ts +24 -0
- package/src/components/common/iconColor.ts +15 -0
- package/src/components/common/mapExternalTheme.ts +147 -0
- package/src/components/common/mediaQuery.ts +19 -0
- package/src/components/common/table/DataRows.tsx +33 -0
- package/src/components/common/table/EmptyState.tsx +19 -0
- package/src/components/common/table/ErrorState.tsx +19 -0
- package/src/components/common/table/GenericTable.tsx +199 -0
- package/src/components/common/table/LoadingRows.tsx +33 -0
- package/src/components/common/table/index.ts +6 -0
- package/src/components/common/table/types.ts +34 -0
- package/src/components/credits/balance/CreditBalance.tsx +70 -0
- package/src/components/credits/balance/CreditBalanceValue.tsx +60 -0
- package/src/components/credits/creditUsageChart/CreditUsage.chartjs.ts +223 -0
- package/src/components/credits/creditUsageChart/CreditUsageChart.tsx +128 -0
- package/src/components/credits/creditUsageChart/CreditUsageChartEmptyState.tsx +29 -0
- package/src/components/credits/creditUsageChart/CreditUsageChartErrorState.tsx +19 -0
- package/src/components/credits/creditUsageChart/CreditUsageChartHeader.tsx +104 -0
- package/src/components/credits/creditUsageChart/CreditUsageChartTooltip.tsx +93 -0
- package/src/components/credits/creditUsageChart/CreditUsageLegend.tsx +141 -0
- package/src/components/credits/creditUsageChart/types.ts +4 -0
- package/src/components/credits/grants/CreditGrants.tsx +84 -0
- package/src/components/credits/grants/CreditGrantsTable.tsx +113 -0
- package/src/components/credits/grants/types.ts +40 -0
- package/src/components/credits/grants/utils.ts +25 -0
- package/src/components/credits/hooks/useCreditBalance.ts +75 -0
- package/src/components/credits/hooks/useCreditGrants.ts +45 -0
- package/src/components/credits/hooks/useCreditUsage.ts +50 -0
- package/src/components/credits/index.ts +15 -0
- package/src/components/credits/localization.ts +25 -0
- package/src/components/credits/utilization/CreditUtilization.tsx +74 -0
- package/src/components/credits/utilization/CreditUtilizationValue.tsx +113 -0
- package/src/components/credits/utils/creditBalanceUtils.ts +31 -0
- package/src/components/credits/utils/creditGrantUtils.ts +27 -0
- package/src/components/customerPortal/CustomerPortal.style.ts +20 -0
- package/src/components/customerPortal/CustomerPortal.tsx +37 -0
- package/src/components/customerPortal/CustomerPortalContainer.tsx +77 -0
- package/src/components/customerPortal/CustomerPortalContext.ts +32 -0
- package/src/components/customerPortal/CustomerPortalHeader.tsx +18 -0
- package/src/components/customerPortal/CustomerPortalProvider.tsx +49 -0
- package/src/components/customerPortal/billing/InformationGrid.tsx +54 -0
- package/src/components/customerPortal/billing/InvoicesSection.tsx +41 -0
- package/src/components/customerPortal/billing/PaymentDetailsSection.tsx +140 -0
- package/src/components/customerPortal/common/ExternalLinkButton.tsx +34 -0
- package/src/components/customerPortal/common/SectionContainer.tsx +22 -0
- package/src/components/customerPortal/common/SectionHeader.ts +15 -0
- package/src/components/customerPortal/common/SectionTitle.tsx +23 -0
- package/src/components/customerPortal/common/SkeletonButton.tsx +5 -0
- package/src/components/customerPortal/common/StyledButton.tsx +13 -0
- package/src/components/customerPortal/customerPortalTextOverrides.ts +39 -0
- package/src/components/customerPortal/customerPortalTheme.ts +35 -0
- package/src/components/customerPortal/hooks/useCustomerPortal.ts +39 -0
- package/src/components/customerPortal/index.ts +16 -0
- package/src/components/customerPortal/paywall/CustomerPortalPaywall.style.ts +33 -0
- package/src/components/customerPortal/paywall/CustomerPortalPaywall.tsx +36 -0
- package/src/components/customerPortal/subscriptionOverview/ContactCustomerSupport.tsx +50 -0
- package/src/components/customerPortal/subscriptionOverview/SubscriptionOverviewLoader.tsx +28 -0
- package/src/components/customerPortal/subscriptionOverview/SubscriptionsOverview.tsx +106 -0
- package/src/components/customerPortal/subscriptionOverview/SubscriptionsOverviewHeader.tsx +48 -0
- package/src/components/customerPortal/subscriptionOverview/charges/ChargeItem.tsx +74 -0
- package/src/components/customerPortal/subscriptionOverview/charges/ChargeList.tsx +65 -0
- package/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdateRow.tsx +110 -0
- package/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdatesAlert.tsx +158 -0
- package/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.ts +6 -0
- package/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.tsx +37 -0
- package/src/components/customerPortal/subscriptionOverview/subscriptionView/TrialPanel.tsx +58 -0
- package/src/components/customerPortal/subscriptionOverview/tabs/AddonsList.tsx +28 -0
- package/src/components/customerPortal/subscriptionOverview/tabs/Promotions.tsx +62 -0
- package/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.style.tsx +32 -0
- package/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.tsx +100 -0
- package/src/components/customerPortal/subscriptionOverview/types/customerPortal.types.ts +4 -0
- package/src/components/customerPortal/subscriptionOverview/upcomingBilling/NextEstimatedBill.tsx +29 -0
- package/src/components/customerPortal/subscriptionOverview/upcomingBilling/NoUpcomingBilling.tsx +18 -0
- package/src/components/customerPortal/subscriptionOverview/upcomingBilling/UpcomingBilling.tsx +89 -0
- package/src/components/customerPortal/types.ts +20 -0
- package/src/components/customerPortal/usage/CustomerUsageData.style.tsx +22 -0
- package/src/components/customerPortal/usage/CustomerUsageData.tsx +124 -0
- package/src/components/customerPortal/usage/featureUsage/EntitlementCTAButton.tsx +62 -0
- package/src/components/customerPortal/usage/featureUsage/FeatureUsage.helper.ts +45 -0
- package/src/components/customerPortal/usage/featureUsage/FeatureUsage.style.ts +13 -0
- package/src/components/customerPortal/usage/featureUsage/FeatureUsage.tsx +96 -0
- package/src/components/customerPortal/usage/featureUsage/FeatureUsageProgressBar.tsx +56 -0
- package/src/components/guards/BooleanEntitlementGuard.tsx +21 -0
- package/src/components/guards/EnumEntitlementGuard.tsx +17 -0
- package/src/components/guards/MeteredEntitlementGuard.tsx +21 -0
- package/src/components/guards/NumericEntitlementGuard.tsx +21 -0
- package/src/components/hooks/index.ts +1 -0
- package/src/components/hooks/useChargeSort.ts +17 -0
- package/src/components/hooks/useIsScreenWiderThan.ts +6 -0
- package/src/components/hooks/usePagination.ts +33 -0
- package/src/components/hooks/useWaitForCheckoutCompleted.ts +65 -0
- package/src/components/paywall/BillingPeriodPicker.tsx +90 -0
- package/src/components/paywall/EntitlementRow.tsx +127 -0
- package/src/components/paywall/Paywall.tsx +189 -0
- package/src/components/paywall/PaywallContainer.tsx +119 -0
- package/src/components/paywall/PaywallLoader.tsx +96 -0
- package/src/components/paywall/PlanCompatibleAddons.tsx +127 -0
- package/src/components/paywall/PlanEntitlements.tsx +75 -0
- package/src/components/paywall/PlanOffering.tsx +256 -0
- package/src/components/paywall/PlanOfferingButton.tsx +232 -0
- package/src/components/paywall/PlanPrice.tsx +154 -0
- package/src/components/paywall/hooks/useLoadPaywallData.ts +75 -0
- package/src/components/paywall/index.ts +5 -0
- package/src/components/paywall/paywallTextOverrides.ts +79 -0
- package/src/components/paywall/types.ts +80 -0
- package/src/components/paywall/utils/calculateTrialDaysLeft.ts +5 -0
- package/src/components/paywall/utils/calculateUnitQuantityText.ts +23 -0
- package/src/components/paywall/utils/computeDefaultBillingPeriod.ts +36 -0
- package/src/components/paywall/utils/getPlansToDisplay.ts +13 -0
- package/src/components/paywall/utils/hasPricePoints.ts +10 -0
- package/src/components/paywall/utils/mapPaywallData.ts +126 -0
- package/src/components/utils/calculateDiscountRate.ts +49 -0
- package/src/components/utils/currencyUtils.ts +38 -0
- package/src/components/utils/dateUtils.ts +17 -0
- package/src/components/utils/fixtures/price.fixtures.ts +42 -0
- package/src/components/utils/formatNumber.ts +5 -0
- package/src/components/utils/getFeatureName.ts +26 -0
- package/src/components/utils/getPaidPriceText.ts +77 -0
- package/src/components/utils/getPlanPrice.ts +62 -0
- package/src/components/utils/getSubscriptionScheduleUpdateTexts.tsx +88 -0
- package/src/components/utils/numberUtils.ts +6 -0
- package/src/components/utils/onWheelBlur.ts +3 -0
- package/src/components/utils/planPrices.ts +10 -0
- package/src/components/utils/priceTierUtils.spec.ts +84 -0
- package/src/components/utils/priceTierUtils.ts +250 -0
- package/src/components/utils/priceUtils.ts +11 -0
- package/src/custom.d.ts +6 -0
- package/src/hooks/index.ts +8 -0
- package/src/hooks/useActiveSubscriptions.ts +21 -0
- package/src/hooks/useBooleanEntitlement.ts +20 -0
- package/src/hooks/useCustomerPortal.ts +21 -0
- package/src/hooks/useEnumEntitlement.ts +20 -0
- package/src/hooks/useFetch.ts +32 -0
- package/src/hooks/useMeteredEntitlement.ts +20 -0
- package/src/hooks/useNumericEntitlement.ts +20 -0
- package/src/hooks/usePaywall.ts +21 -0
- package/src/hooks/useStiggContext.ts +13 -0
- package/src/index.ts +103 -0
- package/src/services/logger.ts +22 -0
- package/src/stories/Checkout.stories.tsx +123 -0
- package/src/stories/CreditBalance.stories.tsx +248 -0
- package/src/stories/CreditGrants.stories.tsx +214 -0
- package/src/stories/CreditUsageChart.stories.tsx +347 -0
- package/src/stories/CreditUtilization.stories.tsx +287 -0
- package/src/stories/CustomTheme.ts +57 -0
- package/src/stories/CustomerPortal.stories.tsx +265 -0
- package/src/stories/GenericTable.stories.tsx +263 -0
- package/src/stories/Paywall.stories.tsx +147 -0
- package/src/stories/ProgressBar.stories.tsx +103 -0
- package/src/stories/StatusChip.stories.tsx +154 -0
- package/src/stories/baseArgs.ts +10 -0
- package/src/stories/mocks/checkout/consts.ts +15 -0
- package/src/stories/mocks/checkout/mockCheckoutPreview.ts +152 -0
- package/src/stories/mocks/checkout/mockCheckoutState.ts +212 -0
- package/src/styles.css +46 -0
- package/src/theme/Fonts.tsx +80 -0
- package/src/theme/Theme.tsx +64 -0
- package/src/theme/emotion.d.ts +17 -0
- package/src/theme/getResolvedTheme.ts +135 -0
- package/src/theme/types.ts +85 -0
- package/src/types.ts +22 -0
- package/src/utils/styledUtils.ts +64 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: {"v":"5.12.1","fr":30,"ip":0,"op":201,"w":700,"h":700,"nm":"Check","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 8","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":315,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 7","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":270,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 6","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":225,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 5","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":180,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":135,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[-304,91,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-304,-241],[-304,-161]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[100]},{"t":145.5,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":130,"s":[100]},{"t":139.6005859375,"s":[0]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":130,"op":204,"st":-2,"ct":1,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Check v","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-1.9,"ix":10},"p":{"a":0,"k":[352,360,0],"ix":2,"l":2},"a":{"a":0,"k":[-120.265,116.765,0],"ix":1,"l":2},"s":{"a":0,"k":[278,278,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-161,123],[-137,148],[-79.531,85.531]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5.5,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":135,"s":[0]},{"t":148,"s":[100]}],"ix":1},"e":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":135,"op":201,"st":-35,"ct":1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"Circle Stroke","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":7,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[4,-6,0],"ix":1,"l":2},"s":{"a":0,"k":[132,132,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[306,306],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[1,1,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[1,1,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":61,"s":[1,1,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":87,"s":[1,1,1,1]},{"t":136,"s":[1,1,1,1]}],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":8,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[4,-6],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.338],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":87,"s":[50]},{"t":122,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.338],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":87,"s":[45]},{"t":122,"s":[0]}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.474],"y":[1]},"o":{"x":[0.43],"y":[0]},"t":0,"s":[-170.4]},{"t":111,"s":[-1250.4]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":201,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":13,"ty":1,"nm":"Dark Gray Solid 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[350,350,0],"ix":2,"l":2},"a":{"a":0,"k":[350,350,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"sw":700,"sh":700,"sc":"#2d2d2d","ip":0,"op":201,"st":0,"bm":0}],"markers":[],"props":{}};
|
|
2
|
+
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { default as React, PropsWithChildren } from 'react';
|
|
2
|
+
import { EntitlementsFallback } from '@stigg/js-client-sdk';
|
|
3
|
+
import { CustomizedTheme } from '../theme/Theme';
|
|
4
|
+
import * as StiggJs from '@stigg/js-client-sdk';
|
|
5
|
+
export interface StiggContextValue {
|
|
6
|
+
stigg: StiggJs.StiggClient;
|
|
7
|
+
isInitialized: boolean;
|
|
8
|
+
locale: string;
|
|
9
|
+
updatedAt?: Date;
|
|
10
|
+
customerPortalUpdatedAt?: Date;
|
|
11
|
+
refreshData: () => Promise<void>;
|
|
12
|
+
theme?: CustomizedTheme;
|
|
13
|
+
}
|
|
14
|
+
export declare const StiggContext: React.Context<StiggContextValue | null>;
|
|
15
|
+
export type StiggProviderProps = {
|
|
16
|
+
apiKey: string;
|
|
17
|
+
baseUri?: string;
|
|
18
|
+
baseEdgeUri?: string;
|
|
19
|
+
enableEdge?: boolean;
|
|
20
|
+
entitlementsFallback?: EntitlementsFallback;
|
|
21
|
+
customerId?: string;
|
|
22
|
+
customerToken?: string;
|
|
23
|
+
resourceId?: string;
|
|
24
|
+
theme?: CustomizedTheme;
|
|
25
|
+
locale?: string;
|
|
26
|
+
offline?: boolean;
|
|
27
|
+
cacheTtlMs?: number;
|
|
28
|
+
/** @deprecated not longer in use */
|
|
29
|
+
useEntitlementPolling?: boolean;
|
|
30
|
+
/** @deprecated not longer in use */
|
|
31
|
+
entitlementPollingInterval?: number;
|
|
32
|
+
stiggClient?: StiggJs.StiggClient;
|
|
33
|
+
clientName?: string;
|
|
34
|
+
clientVersion?: string;
|
|
35
|
+
};
|
|
36
|
+
export declare const StiggProvider: React.FC<PropsWithChildren<StiggProviderProps>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CheckoutProviderProps } from './CheckoutProvider';
|
|
2
|
+
import { CheckoutContainerProps } from './CheckoutContainer';
|
|
3
|
+
import { CheckoutMockProps } from './types';
|
|
4
|
+
export type CheckoutProps = CheckoutProviderProps & CheckoutContainerProps & CheckoutMockProps;
|
|
5
|
+
export declare const Checkout: ({ textOverrides, theme, resourceId, planId, preferredBillingPeriod, billingCountryCode, billableFeatures, billingInformation, onMockCheckoutState, skipCheckoutSteps, onBeforeStepChange, ...containerProps }: CheckoutProps) => JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { MockCheckoutPreviewCallback, OnBillableFeatureChangeCallback, OnAddonChangeCallback, OnCheckoutCallback, OnCheckoutCompletedCallback, OnChangePlanCallback, OnBillingAddressChangeCallback } from './types';
|
|
2
|
+
export type CheckoutContainerProps = {
|
|
3
|
+
onCheckout?: OnCheckoutCallback;
|
|
4
|
+
onCheckoutCompleted: OnCheckoutCompletedCallback;
|
|
5
|
+
onChangePlan?: OnChangePlanCallback;
|
|
6
|
+
onBillingAddressChange?: OnBillingAddressChangeCallback;
|
|
7
|
+
onBillableFeatureChange?: OnBillableFeatureChangeCallback;
|
|
8
|
+
onAddonChange?: OnAddonChangeCallback;
|
|
9
|
+
disablePromotionCode?: boolean;
|
|
10
|
+
disableSuccessAnimation?: boolean;
|
|
11
|
+
collectPhoneNumber?: boolean;
|
|
12
|
+
onMockCheckoutPreview?: MockCheckoutPreviewCallback;
|
|
13
|
+
};
|
|
14
|
+
export declare function CheckoutContainer({ onCheckout, onCheckoutCompleted, onChangePlan, onBillingAddressChange, onBillableFeatureChange, onAddonChange, collectPhoneNumber, disablePromotionCode, disableSuccessAnimation, onMockCheckoutPreview, }: CheckoutContainerProps): JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CheckoutLayout: import('@emotion/styled').StyledComponent<{
|
|
3
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
4
|
+
as?: import('react').ElementType<any> | undefined;
|
|
5
|
+
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const CheckoutContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
7
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
+
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
|
|
9
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
10
|
+
}, {}, {}>;
|
|
11
|
+
export declare const CheckoutPanel: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
+
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
|
|
14
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
15
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BillableFeature, BillingPeriod, GetCheckoutStateResults } from '@stigg/js-client-sdk';
|
|
3
|
+
import { DeepPartial } from '../../types';
|
|
4
|
+
import { AddonsStepState, PaymentStepState, PlanStepState, ProgressBarState, WidgetState } from './hooks';
|
|
5
|
+
import { CheckoutLocalization } from './configurations/textOverrides';
|
|
6
|
+
import { CheckoutTheme } from './configurations/theme';
|
|
7
|
+
import { StiggTheme } from '../../theme/types';
|
|
8
|
+
import { BillingInformation, MockCheckoutStateCallback, OnBeforeStepChangeCallback } from './types';
|
|
9
|
+
import { CheckoutSteps } from './configurations/steps';
|
|
10
|
+
export interface CheckoutContextState {
|
|
11
|
+
checkout?: GetCheckoutStateResults | null;
|
|
12
|
+
checkoutLocalization: CheckoutLocalization;
|
|
13
|
+
stiggTheme: StiggTheme;
|
|
14
|
+
theme: CheckoutTheme;
|
|
15
|
+
resourceId?: string;
|
|
16
|
+
promotionCode?: string;
|
|
17
|
+
progressBar: ProgressBarState;
|
|
18
|
+
planStep: PlanStepState;
|
|
19
|
+
addonsStep: AddonsStepState;
|
|
20
|
+
paymentStep: PaymentStepState;
|
|
21
|
+
widgetState: WidgetState;
|
|
22
|
+
showWatermark: boolean;
|
|
23
|
+
checkoutSuccess: boolean;
|
|
24
|
+
onBeforeStepChange?: OnBeforeStepChangeCallback;
|
|
25
|
+
}
|
|
26
|
+
export declare const CheckoutContext: React.Context<[CheckoutContextState, (updater: (state: CheckoutContextState) => void) => void] | null>;
|
|
27
|
+
export declare const useCheckoutContext: () => [CheckoutContextState, (updater: (state: CheckoutContextState) => void) => void];
|
|
28
|
+
export type CheckoutProviderProps = {
|
|
29
|
+
textOverrides?: DeepPartial<CheckoutLocalization>;
|
|
30
|
+
theme?: DeepPartial<CheckoutTheme>;
|
|
31
|
+
resourceId?: string;
|
|
32
|
+
planId: string;
|
|
33
|
+
preferredBillingPeriod?: BillingPeriod;
|
|
34
|
+
billingCountryCode?: string;
|
|
35
|
+
billableFeatures?: BillableFeature[];
|
|
36
|
+
billingInformation?: BillingInformation;
|
|
37
|
+
onMockCheckoutState?: MockCheckoutStateCallback;
|
|
38
|
+
skipCheckoutSteps?: CheckoutSteps[];
|
|
39
|
+
onBeforeStepChange?: OnBeforeStepChangeCallback;
|
|
40
|
+
};
|
|
41
|
+
export declare function CheckoutProvider({ children, textOverrides, theme, preferredBillingPeriod, billableFeatures, resourceId, planId, billingCountryCode, billingInformation, onMockCheckoutState, skipCheckoutSteps, onBeforeStepChange, }: {
|
|
42
|
+
children: React.ReactNode;
|
|
43
|
+
} & CheckoutProviderProps): JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material/Button';
|
|
2
|
+
import { CheckoutLocalization } from '../configurations/textOverrides';
|
|
3
|
+
export declare const ChangePlanButton: ({ onClick, checkoutLocalization, size, }: {
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
checkoutLocalization: CheckoutLocalization;
|
|
6
|
+
size: ButtonProps['size'];
|
|
7
|
+
}) => JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CheckoutStatePlan, Subscription } from '@stigg/js-client-sdk';
|
|
2
|
+
import { CheckoutLocalization } from '../configurations/textOverrides';
|
|
3
|
+
import { CheckoutContainerProps } from '../CheckoutContainer';
|
|
4
|
+
export declare const DowngradeToFreePlanBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
|
|
7
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
8
|
+
}, {}, {}>;
|
|
9
|
+
export declare const DowngradeToFreeContent: ({ headerText, planName, priceText, }: {
|
|
10
|
+
headerText: string;
|
|
11
|
+
planName: string;
|
|
12
|
+
priceText: string;
|
|
13
|
+
}) => JSX.Element;
|
|
14
|
+
type DowngradeToFreePlanProps = {
|
|
15
|
+
checkoutLocalization: CheckoutLocalization;
|
|
16
|
+
activeSubscription: Subscription;
|
|
17
|
+
freePlan: CheckoutStatePlan;
|
|
18
|
+
allowChangePlan?: boolean;
|
|
19
|
+
} & Pick<CheckoutContainerProps, 'onChangePlan'>;
|
|
20
|
+
export declare const DowngradeToFreePlan: ({ checkoutLocalization, activeSubscription, freePlan, allowChangePlan, onChangePlan, }: DowngradeToFreePlanProps) => JSX.Element;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { OutlinedInputProps } from '@mui/material/OutlinedInput';
|
|
2
|
+
export declare const InputField: import('@emotion/styled').StyledComponent<{
|
|
3
|
+
variant?: import('@mui/material/TextField').TextFieldVariants | undefined;
|
|
4
|
+
} & Omit<import('@mui/material/TextField').OutlinedTextFieldProps | import('@mui/material/TextField').FilledTextFieldProps | import('@mui/material/TextField').StandardTextFieldProps, "variant"> & {
|
|
5
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
6
|
+
} & OutlinedInputProps, {}, {}>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const SkeletonsContainer: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
3
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
+
}, "p" | "style" | "className" | "color" | "children" | "height" | "width" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "spacing" | "m" | "classes" | "sx" | "container" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & {
|
|
5
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
$gap: number;
|
|
8
|
+
$flexDirection?: "row" | "column" | undefined;
|
|
9
|
+
}, {}, {}>;
|
|
10
|
+
export declare const FlexedSkeletonContainer: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
}, "p" | "style" | "className" | "color" | "children" | "height" | "width" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "spacing" | "m" | "classes" | "sx" | "container" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & {
|
|
13
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
$gap: number;
|
|
16
|
+
$flexDirection?: "row" | "column" | undefined;
|
|
17
|
+
}, {}, {}>;
|
|
18
|
+
export declare const FlexedSkeleton: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}, "p" | "style" | "className" | "color" | "children" | "height" | "width" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "spacing" | "m" | "classes" | "sx" | "container" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & {
|
|
21
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
22
|
+
} & {
|
|
23
|
+
flex: number;
|
|
24
|
+
}, {}, {}>;
|
|
25
|
+
export declare const Skeleton: import('@emotion/styled').StyledComponent<import('react-loading-skeleton').SkeletonProps & {
|
|
26
|
+
theme?: import('@emotion/react').Theme | undefined;
|
|
27
|
+
}, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type CheckoutSteps = 'PLAN' | 'ADDONS';
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { BillingPeriod, Plan, SubscriptionPreviewDiscount, SubscriptionPreviewTaxDetails } from '@stigg/js-client-sdk';
|
|
2
|
+
import { DeepPartial } from '../../../types';
|
|
3
|
+
export type CheckoutLocalization = {
|
|
4
|
+
changePlan: string;
|
|
5
|
+
billingPeriodsTitle: string;
|
|
6
|
+
addAddonText: string;
|
|
7
|
+
addonBillingPeriodNotAvailableText: (params: {
|
|
8
|
+
planBillingPeriod: BillingPeriod;
|
|
9
|
+
}) => string;
|
|
10
|
+
newPaymentMethodText: string;
|
|
11
|
+
newPaymentMethodCardTitle: string;
|
|
12
|
+
newPaymentMethodBillingAddressTitle: string;
|
|
13
|
+
summary: {
|
|
14
|
+
title: string;
|
|
15
|
+
planName: (params: {
|
|
16
|
+
plan: Plan;
|
|
17
|
+
}) => string;
|
|
18
|
+
addCouponCodeText: string;
|
|
19
|
+
couponCodeTitle: string;
|
|
20
|
+
addonsSectionTitle: string;
|
|
21
|
+
discountsSectionTitle: string;
|
|
22
|
+
onlyPayAsYouGoText: string;
|
|
23
|
+
startsAtText: string;
|
|
24
|
+
proratedTotalDueText: string;
|
|
25
|
+
baseChargeText: string | ((params: {
|
|
26
|
+
billingPeriod: BillingPeriod;
|
|
27
|
+
}) => string);
|
|
28
|
+
totalText: string;
|
|
29
|
+
totalDueText: string;
|
|
30
|
+
totalBillingPeriodText: (params: {
|
|
31
|
+
billingPeriod: BillingPeriod;
|
|
32
|
+
}) => string;
|
|
33
|
+
discountText: (params: {
|
|
34
|
+
discountDetails: SubscriptionPreviewDiscount;
|
|
35
|
+
currency: string;
|
|
36
|
+
}) => string;
|
|
37
|
+
appliedCreditsTitle: string;
|
|
38
|
+
taxTitle: (params: {
|
|
39
|
+
taxDetails: SubscriptionPreviewTaxDetails;
|
|
40
|
+
}) => string;
|
|
41
|
+
checkoutSuccessText: string;
|
|
42
|
+
payAsYouGoTooltipText: string;
|
|
43
|
+
changesWillApplyAtEndOfBillingPeriod: string | ((params: {
|
|
44
|
+
billingPeriodEnd: Date;
|
|
45
|
+
}) => string);
|
|
46
|
+
creditsForUnusedTimeText: (params: {
|
|
47
|
+
credits: string;
|
|
48
|
+
}) => string;
|
|
49
|
+
};
|
|
50
|
+
checkoutButton: {
|
|
51
|
+
nextText: string;
|
|
52
|
+
noChangesText: string;
|
|
53
|
+
updateText: string;
|
|
54
|
+
downgradeToFreeText: string;
|
|
55
|
+
upgradeText: string;
|
|
56
|
+
};
|
|
57
|
+
downgradeToFree: {
|
|
58
|
+
alertText: (params: {
|
|
59
|
+
plan: Plan;
|
|
60
|
+
}) => string;
|
|
61
|
+
freePlanHeader: (params: {
|
|
62
|
+
plan: Plan;
|
|
63
|
+
}) => string;
|
|
64
|
+
freePlanName: (params: {
|
|
65
|
+
plan: Plan;
|
|
66
|
+
}) => string;
|
|
67
|
+
freePlanPriceText: (params: {
|
|
68
|
+
plan: Plan;
|
|
69
|
+
}) => string;
|
|
70
|
+
paidPlanHeader: (params: {
|
|
71
|
+
plan: Plan;
|
|
72
|
+
}) => string;
|
|
73
|
+
paidPlanName: (params: {
|
|
74
|
+
plan: Plan;
|
|
75
|
+
}) => string;
|
|
76
|
+
paidPlanPriceText: (params: {
|
|
77
|
+
plan: Plan;
|
|
78
|
+
billingPeriod?: BillingPeriod;
|
|
79
|
+
}) => string;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
export declare function getResolvedCheckoutLocalize(localizeOverride?: DeepPartial<CheckoutLocalization>): CheckoutLocalization;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CheckoutConfiguration } from '@stigg/js-client-sdk';
|
|
2
|
+
import { StiggTheme } from '../../../theme/types';
|
|
3
|
+
import { DeepPartial } from '../../../types';
|
|
4
|
+
export type CheckoutTheme = {
|
|
5
|
+
primary: string;
|
|
6
|
+
textColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
borderColor: string;
|
|
9
|
+
summaryBackgroundColor: string;
|
|
10
|
+
paymentInputBackgroundColor?: string;
|
|
11
|
+
paymentInputBorderColor?: string;
|
|
12
|
+
paymentInputBorderRadius?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare function getResolvedCheckoutTheme(globalTheme: StiggTheme, themeOverride?: DeepPartial<CheckoutTheme>, _remoteConfiguration?: CheckoutConfiguration | null): CheckoutTheme;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './useAddonsStepModel';
|
|
2
|
+
export * from './useCheckoutModel';
|
|
3
|
+
export * from './useLoadCheckout';
|
|
4
|
+
export * from './usePlanStepModel';
|
|
5
|
+
export * from './useProgressBarModel';
|
|
6
|
+
export * from './useSubscriptionModel';
|
|
7
|
+
export * from './usePreviewSubscription';
|
|
8
|
+
export * from './usePaymentStepModel';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Addon, Plan, Subscription, SubscriptionAddon } from '@stigg/js-client-sdk';
|
|
2
|
+
export type AddonsStepState = {
|
|
3
|
+
addons: SubscriptionAddon[];
|
|
4
|
+
initialAddons?: SubscriptionAddon[];
|
|
5
|
+
availableAddons?: Addon[];
|
|
6
|
+
};
|
|
7
|
+
type GetAddonsStepInitialStateProps = {
|
|
8
|
+
plan?: Plan;
|
|
9
|
+
activeSubscription?: Subscription | null;
|
|
10
|
+
billingCountryCode?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare function getAddonsStepInitialState({ activeSubscription, plan, billingCountryCode, }: GetAddonsStepInitialStateProps): AddonsStepState;
|
|
13
|
+
export declare function useAddonsStepModel(): {
|
|
14
|
+
setAddon: (addon: Addon, quantity: number) => void;
|
|
15
|
+
removeAddon: (addonId: string) => void;
|
|
16
|
+
addons: SubscriptionAddon[];
|
|
17
|
+
initialAddons?: SubscriptionAddon[] | undefined;
|
|
18
|
+
availableAddons?: Addon[] | undefined;
|
|
19
|
+
};
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type WidgetState = {
|
|
2
|
+
readOnly?: boolean;
|
|
3
|
+
isLoadingCheckoutData?: boolean;
|
|
4
|
+
isValid?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare function useCheckoutModel(): {
|
|
7
|
+
checkoutState: import('@stigg/js-client-sdk').GetCheckoutStateResults | null | undefined;
|
|
8
|
+
widgetState: WidgetState;
|
|
9
|
+
checkoutLocalization: import('..').CheckoutLocalization;
|
|
10
|
+
checkoutSuccess: boolean;
|
|
11
|
+
setWidgetReadOnly: (readOnly: boolean) => void;
|
|
12
|
+
setIsValid: (isValid: boolean) => void;
|
|
13
|
+
setCheckoutSuccess: (checkoutSuccess: boolean) => void;
|
|
14
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GetCheckoutStateResults } from '@stigg/js-client-sdk';
|
|
2
|
+
import { MockCheckoutStateCallback } from '../types';
|
|
3
|
+
type UseLoadCheckoutProps = {
|
|
4
|
+
planId: string;
|
|
5
|
+
resourceId?: string;
|
|
6
|
+
billingCountryCode?: string;
|
|
7
|
+
onMockCheckoutState?: MockCheckoutStateCallback;
|
|
8
|
+
};
|
|
9
|
+
export declare function useLoadCheckout({ planId, resourceId, billingCountryCode, onMockCheckoutState }: UseLoadCheckoutProps): {
|
|
10
|
+
checkout: GetCheckoutStateResults | null | undefined;
|
|
11
|
+
isLoading: boolean;
|
|
12
|
+
showWatermark: boolean;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BillingAddress, Customer } from '@stigg/js-client-sdk';
|
|
2
|
+
export type PaymentStepState = {
|
|
3
|
+
useNewPaymentMethod: boolean;
|
|
4
|
+
errorMessage?: string;
|
|
5
|
+
billingAddress?: BillingAddress;
|
|
6
|
+
taxPercentage?: number;
|
|
7
|
+
};
|
|
8
|
+
type GetPaymentStepInitialStateProps = {
|
|
9
|
+
customer?: Customer;
|
|
10
|
+
taxPercentage?: number;
|
|
11
|
+
};
|
|
12
|
+
export declare function getPaymentStepInitialState({ customer, taxPercentage, }: GetPaymentStepInitialStateProps): PaymentStepState;
|
|
13
|
+
export declare function usePaymentStepModel(): {
|
|
14
|
+
setUseNewPaymentMethod: (useNewPaymentMethod: boolean) => void;
|
|
15
|
+
setErrorMessage: (errorMessage?: string | undefined) => void;
|
|
16
|
+
setBillingAddress: (billingAddress?: BillingAddress | undefined) => void;
|
|
17
|
+
useNewPaymentMethod: boolean;
|
|
18
|
+
errorMessage?: string | undefined;
|
|
19
|
+
billingAddress?: BillingAddress | undefined;
|
|
20
|
+
taxPercentage?: number | undefined;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { BillableFeatureInput, BillingPeriod } from '@stigg/api-client-js/src/generated/sdk';
|
|
2
|
+
import { BillableFeature, Plan, Subscription } from '@stigg/js-client-sdk';
|
|
3
|
+
export type PlanStepState = {
|
|
4
|
+
billingPeriod: BillingPeriod;
|
|
5
|
+
billableFeatures: BillableFeatureInput[];
|
|
6
|
+
billingCountryCode?: string;
|
|
7
|
+
};
|
|
8
|
+
type GetPlanStepInitialStateProps = {
|
|
9
|
+
preferredBillingPeriod?: BillingPeriod;
|
|
10
|
+
plan?: Plan;
|
|
11
|
+
activeSubscription?: Subscription | null;
|
|
12
|
+
billingCountryCode?: string;
|
|
13
|
+
preconfiguredBillableFeatures: BillableFeature[];
|
|
14
|
+
};
|
|
15
|
+
export declare function getPlanStepInitialState({ preferredBillingPeriod, plan, activeSubscription, billingCountryCode, preconfiguredBillableFeatures, }: GetPlanStepInitialStateProps): PlanStepState;
|
|
16
|
+
export declare function usePlanStepModel(): {
|
|
17
|
+
setBillingPeriod: (billingPeriod: BillingPeriod) => void;
|
|
18
|
+
setBillableFeature: (featureId: string, quantity: number) => void;
|
|
19
|
+
billingPeriod: BillingPeriod;
|
|
20
|
+
billableFeatures: BillableFeatureInput[];
|
|
21
|
+
billingCountryCode?: string | undefined;
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { StiggClient, SubscriptionPreviewV2 } from '@stigg/js-client-sdk';
|
|
2
|
+
import { SubscriptionState } from './useSubscriptionModel';
|
|
3
|
+
import { MockCheckoutPreviewCallback } from '../types';
|
|
4
|
+
type UsePreviewSubscriptionProps = {
|
|
5
|
+
onMockCheckoutPreview?: MockCheckoutPreviewCallback;
|
|
6
|
+
};
|
|
7
|
+
export type PreviewSubscriptionProps = {
|
|
8
|
+
customerId?: string;
|
|
9
|
+
planId?: string;
|
|
10
|
+
resourceId?: string;
|
|
11
|
+
stigg: StiggClient;
|
|
12
|
+
} & SubscriptionState & UsePreviewSubscriptionProps;
|
|
13
|
+
export declare const usePreviewSubscriptionAction: ({ onMockCheckoutPreview }?: UsePreviewSubscriptionProps) => {
|
|
14
|
+
previewSubscriptionAction: ({ promotionCode }?: {
|
|
15
|
+
promotionCode?: string | null | undefined;
|
|
16
|
+
}) => Promise<{
|
|
17
|
+
subscriptionPreview: SubscriptionPreviewV2 | null;
|
|
18
|
+
errorMessage: string | null;
|
|
19
|
+
}>;
|
|
20
|
+
};
|
|
21
|
+
export declare const usePreviewSubscription: ({ onMockCheckoutPreview }?: UsePreviewSubscriptionProps) => {
|
|
22
|
+
subscriptionPreview: SubscriptionPreviewV2 | null;
|
|
23
|
+
isFetchingSubscriptionPreview: boolean;
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { BillableFeatureInput } from '@stigg/api-client-js/src/generated/sdk';
|
|
2
|
+
import { Addon, BillableFeature, BillingPeriod, CheckoutStatePlan } from '@stigg/js-client-sdk';
|
|
3
|
+
import { CheckoutSteps } from '../configurations/steps';
|
|
4
|
+
import { CheckoutStepKey } from '../types';
|
|
5
|
+
export type CheckoutStep = {
|
|
6
|
+
key: CheckoutStepKey;
|
|
7
|
+
label: string;
|
|
8
|
+
};
|
|
9
|
+
export type ProgressBarState = {
|
|
10
|
+
activeStep: number;
|
|
11
|
+
completedSteps: number[];
|
|
12
|
+
steps: CheckoutStep[];
|
|
13
|
+
isDisabled: boolean;
|
|
14
|
+
};
|
|
15
|
+
type GetProgressBarInitialStateProps = {
|
|
16
|
+
isLoading: boolean;
|
|
17
|
+
skipCheckoutSteps: CheckoutSteps[];
|
|
18
|
+
plan?: CheckoutStatePlan;
|
|
19
|
+
availableAddons?: Addon[];
|
|
20
|
+
availableCharges: BillableFeatureInput[];
|
|
21
|
+
preferredBillingPeriod?: BillingPeriod;
|
|
22
|
+
preconfiguredBillableFeatures: BillableFeature[];
|
|
23
|
+
};
|
|
24
|
+
export declare function getProgressBarInitialState({ isLoading, skipCheckoutSteps, plan, availableAddons, availableCharges, preferredBillingPeriod, preconfiguredBillableFeatures, }: GetProgressBarInitialStateProps): ProgressBarState;
|
|
25
|
+
export declare function useProgressBarModel(): {
|
|
26
|
+
currentStep: CheckoutStep;
|
|
27
|
+
progressBarState: ProgressBarState;
|
|
28
|
+
isLastStep: boolean;
|
|
29
|
+
isCheckoutComplete: boolean;
|
|
30
|
+
setActiveStep: (stepNumber: number) => Promise<void>;
|
|
31
|
+
markStepAsCompleted: (stepNumber: number) => void;
|
|
32
|
+
goNext: () => Promise<void>;
|
|
33
|
+
setIsDisabled: (isDisabled?: boolean | undefined) => void;
|
|
34
|
+
};
|
|
35
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AddonsStepState } from './useAddonsStepModel';
|
|
2
|
+
import { PromotionCodeState } from './useCouponModel';
|
|
3
|
+
import { PaymentStepState } from './usePaymentStepModel';
|
|
4
|
+
import { PlanStepState } from './usePlanStepModel';
|
|
5
|
+
export type SubscriptionState = PlanStepState & PromotionCodeState & Pick<AddonsStepState, 'addons'> & Pick<PaymentStepState, 'billingAddress' | 'taxPercentage'>;
|
|
6
|
+
export declare function useSubscriptionModel(): SubscriptionState;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { Checkout } from './Checkout';
|
|
2
|
+
export * from './types';
|
|
3
|
+
export type { CheckoutTheme } from './configurations/theme';
|
|
4
|
+
export type { CheckoutContainerProps } from './CheckoutContainer';
|
|
5
|
+
export type { CheckoutProviderProps } from './CheckoutProvider';
|
|
6
|
+
export type { CheckoutLocalization } from './configurations/textOverrides';
|
|
7
|
+
export type { CheckoutProps } from './Checkout';
|
|
8
|
+
export type { CheckoutSteps } from './configurations/steps';
|