@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.
Files changed (534) hide show
  1. package/dist/index.d.ts +2 -938
  2. package/dist/react-sdk.cjs.js +3444 -712
  3. package/dist/react-sdk.cjs.js.map +1 -0
  4. package/dist/react-sdk.esm.js +76842 -12328
  5. package/dist/react-sdk.esm.js.map +1 -0
  6. package/dist/react-sdk.umd.js +6238 -0
  7. package/dist/react-sdk.umd.js.map +1 -0
  8. package/dist/src/assets/lottie/checkout-success.json.d.ts +3 -0
  9. package/dist/src/components/StiggProvider.d.ts +36 -0
  10. package/dist/src/components/checkout/Checkout.d.ts +5 -0
  11. package/dist/src/components/checkout/CheckoutContainer.d.ts +14 -0
  12. package/dist/src/components/checkout/CheckoutContainer.style.d.ts +15 -0
  13. package/dist/src/components/checkout/CheckoutProvider.d.ts +43 -0
  14. package/dist/src/components/checkout/components/Button.d.ts +6 -0
  15. package/dist/src/components/checkout/components/ChangePlanButton.d.ts +7 -0
  16. package/dist/src/components/checkout/components/ContentLoadingSkeleton.d.ts +2 -0
  17. package/dist/src/components/checkout/components/DowngradeToFreeContainer.d.ts +21 -0
  18. package/dist/src/components/checkout/components/InputField.d.ts +6 -0
  19. package/dist/src/components/checkout/components/Skeletons.style.d.ts +27 -0
  20. package/dist/src/components/checkout/components/StyledArrow.d.ts +4 -0
  21. package/dist/src/components/checkout/components/index.d.ts +3 -0
  22. package/dist/src/components/checkout/configurations/steps.d.ts +1 -0
  23. package/dist/src/components/checkout/configurations/textOverrides.d.ts +82 -0
  24. package/dist/src/components/checkout/configurations/theme.d.ts +14 -0
  25. package/dist/src/components/checkout/configurations/typography.d.ts +7 -0
  26. package/dist/src/components/checkout/formatting.d.ts +2 -0
  27. package/dist/src/components/checkout/hooks/index.d.ts +8 -0
  28. package/dist/src/components/checkout/hooks/useAddonsStepModel.d.ts +20 -0
  29. package/dist/src/components/checkout/hooks/useCheckoutModel.d.ts +14 -0
  30. package/dist/src/components/checkout/hooks/useCouponModel.d.ts +7 -0
  31. package/dist/src/components/checkout/hooks/useLoadCheckout.d.ts +14 -0
  32. package/dist/src/components/checkout/hooks/usePaymentStepModel.d.ts +22 -0
  33. package/dist/src/components/checkout/hooks/usePlanStepModel.d.ts +23 -0
  34. package/dist/src/components/checkout/hooks/usePreviewSubscription.d.ts +25 -0
  35. package/dist/src/components/checkout/hooks/useProgressBarModel.d.ts +35 -0
  36. package/dist/src/components/checkout/hooks/useSubscriptionModel.d.ts +6 -0
  37. package/dist/src/components/checkout/hooks/useSubscriptionState.d.ts +2 -0
  38. package/dist/src/components/checkout/index.d.ts +8 -0
  39. package/dist/src/components/checkout/planHeader/PlanHeader.d.ts +6 -0
  40. package/dist/src/components/checkout/planHeader/index.d.ts +1 -0
  41. package/dist/src/components/checkout/progressBar/CheckoutProgressBar.d.ts +1 -0
  42. package/dist/src/components/checkout/progressBar/CheckoutProgressBar.style.d.ts +17 -0
  43. package/dist/src/components/checkout/promotionCode/AddPromotionCode.d.ts +2 -0
  44. package/dist/src/components/checkout/promotionCode/AddPromotionCodeButton.d.ts +7 -0
  45. package/dist/src/components/checkout/promotionCode/AppliedPromotionCode.d.ts +10 -0
  46. package/dist/src/components/checkout/promotionCode/PromotionCodeSection.d.ts +8 -0
  47. package/dist/src/components/checkout/promotionCode/index.d.ts +1 -0
  48. package/dist/src/components/checkout/steps/addons/CheckoutAddonsStep.d.ts +4 -0
  49. package/dist/src/components/checkout/steps/addons/CheckoutAddonsStep.style.d.ts +18 -0
  50. package/dist/src/components/checkout/steps/addons/addon.utils.d.ts +15 -0
  51. package/dist/src/components/checkout/steps/addons/components/AddonInputContainer.d.ts +15 -0
  52. package/dist/src/components/checkout/steps/addons/components/AddonTextContainer.d.ts +9 -0
  53. package/dist/src/components/checkout/steps/addons/index.d.ts +1 -0
  54. package/dist/src/components/checkout/steps/payment/PaymentMethods.d.ts +19 -0
  55. package/dist/src/components/checkout/steps/payment/PaymentMethods.style.d.ts +27 -0
  56. package/dist/src/components/checkout/steps/payment/PaymentStep.d.ts +2 -0
  57. package/dist/src/components/checkout/steps/payment/index.d.ts +1 -0
  58. package/dist/src/components/checkout/steps/payment/stripe/StripePaymentForm.d.ts +2 -0
  59. package/dist/src/components/checkout/steps/payment/stripe/index.d.ts +3 -0
  60. package/dist/src/components/checkout/steps/payment/stripe/stripe.utils.d.ts +33 -0
  61. package/dist/src/components/checkout/steps/payment/stripe/useStripeIntegration.d.ts +5 -0
  62. package/dist/src/components/checkout/steps/payment/stripe/useSubmit.d.ts +15 -0
  63. package/dist/src/components/checkout/steps/payment/zuora/ZuoraPaymentForm.d.ts +2 -0
  64. package/dist/src/components/checkout/steps/payment/zuora/index.d.ts +4 -0
  65. package/dist/src/components/checkout/steps/payment/zuora/useZuoraIntegration.d.ts +5 -0
  66. package/dist/src/components/checkout/steps/payment/zuora/useZuoraSubmit.d.ts +11 -0
  67. package/dist/src/components/checkout/steps/payment/zuora/zuora.utils.d.ts +34 -0
  68. package/dist/src/components/checkout/steps/plan/BillingPeriodPicker.d.ts +8 -0
  69. package/dist/src/components/checkout/steps/plan/BillingPeriodPicker.style.d.ts +28 -0
  70. package/dist/src/components/checkout/steps/plan/CheckoutChargeList.d.ts +22 -0
  71. package/dist/src/components/checkout/steps/plan/CheckoutPlanStep.d.ts +2 -0
  72. package/dist/src/components/checkout/steps/plan/CheckoutPlanStep.style.d.ts +6 -0
  73. package/dist/src/components/checkout/steps/plan/index.d.ts +1 -0
  74. package/dist/src/components/checkout/summary/CheckoutSuccess.d.ts +5 -0
  75. package/dist/src/components/checkout/summary/CheckoutSummary.d.ts +15 -0
  76. package/dist/src/components/checkout/summary/CheckoutSummarySkeleton.d.ts +3 -0
  77. package/dist/src/components/checkout/summary/components/CheckoutCaptions.d.ts +11 -0
  78. package/dist/src/components/checkout/summary/components/GraduatedPriceBreakdown.d.ts +6 -0
  79. package/dist/src/components/checkout/summary/components/LineItems.d.ts +37 -0
  80. package/dist/src/components/checkout/summary/components/WithSkeleton.d.ts +6 -0
  81. package/dist/src/components/checkout/summary/components/getPriceBreakdownString.d.ts +15 -0
  82. package/dist/src/components/checkout/summary/index.d.ts +2 -0
  83. package/dist/src/components/checkout/types.d.ts +86 -0
  84. package/dist/src/components/common/CollapsableSectionIcon.d.ts +6 -0
  85. package/dist/src/components/common/Icon.d.ts +14 -0
  86. package/dist/src/components/common/InformationTooltip.d.ts +11 -0
  87. package/dist/src/components/common/LongText.d.ts +17 -0
  88. package/dist/src/components/common/PoweredByStigg.d.ts +12 -0
  89. package/dist/src/components/common/ProgressBar.d.ts +6 -0
  90. package/dist/src/components/common/StatusChip.d.ts +16 -0
  91. package/dist/src/components/common/TiersSelectContainer.d.ts +12 -0
  92. package/dist/src/components/common/Typography.d.ts +15 -0
  93. package/dist/src/components/common/VolumeBulkSelect.d.ts +5 -0
  94. package/dist/src/components/common/VolumePerUnitInput.d.ts +5 -0
  95. package/dist/src/components/common/chart/chartjs.helpers.d.ts +2 -0
  96. package/dist/src/components/common/chart/chartjs.plugins.d.ts +1 -0
  97. package/dist/src/components/common/chart/chartjs.theme.d.ts +23 -0
  98. package/dist/src/components/common/chart/chartjs.tooltip.plugin.d.ts +38 -0
  99. package/dist/src/components/common/customIcons.d.ts +24 -0
  100. package/dist/src/components/common/iconColor.d.ts +4 -0
  101. package/dist/src/components/common/mapExternalTheme.d.ts +7 -0
  102. package/dist/src/components/common/mediaQuery.d.ts +12 -0
  103. package/dist/src/components/common/table/DataRows.d.ts +9 -0
  104. package/dist/src/components/common/table/EmptyState.d.ts +7 -0
  105. package/dist/src/components/common/table/ErrorState.d.ts +7 -0
  106. package/dist/src/components/common/table/GenericTable.d.ts +25 -0
  107. package/dist/src/components/common/table/LoadingRows.d.ts +8 -0
  108. package/dist/src/components/common/table/index.d.ts +6 -0
  109. package/dist/src/components/common/table/types.d.ts +31 -0
  110. package/dist/src/components/credits/balance/CreditBalance.d.ts +11 -0
  111. package/dist/src/components/credits/balance/CreditBalanceValue.d.ts +7 -0
  112. package/dist/src/components/credits/creditUsageChart/CreditUsage.chartjs.d.ts +12 -0
  113. package/dist/src/components/credits/creditUsageChart/CreditUsageChart.d.ts +8 -0
  114. package/dist/src/components/credits/creditUsageChart/CreditUsageChartEmptyState.d.ts +2 -0
  115. package/dist/src/components/credits/creditUsageChart/CreditUsageChartErrorState.d.ts +2 -0
  116. package/dist/src/components/credits/creditUsageChart/CreditUsageChartHeader.d.ts +12 -0
  117. package/dist/src/components/credits/creditUsageChart/CreditUsageChartTooltip.d.ts +19 -0
  118. package/dist/src/components/credits/creditUsageChart/CreditUsageLegend.d.ts +6 -0
  119. package/dist/src/components/credits/creditUsageChart/types.d.ts +4 -0
  120. package/dist/src/components/credits/grants/CreditGrants.d.ts +6 -0
  121. package/dist/src/components/credits/grants/CreditGrantsTable.d.ts +14 -0
  122. package/dist/src/components/credits/grants/types.d.ts +23 -0
  123. package/dist/src/components/credits/grants/utils.d.ts +5 -0
  124. package/dist/src/components/credits/hooks/useCreditBalance.d.ts +32 -0
  125. package/dist/src/components/credits/hooks/useCreditGrants.d.ts +9 -0
  126. package/dist/src/components/credits/hooks/useCreditUsage.d.ts +13 -0
  127. package/dist/src/components/credits/index.d.ts +12 -0
  128. package/dist/src/components/credits/localization.d.ts +22 -0
  129. package/dist/src/components/credits/utilization/CreditUtilization.d.ts +12 -0
  130. package/dist/src/components/credits/utilization/CreditUtilizationValue.d.ts +9 -0
  131. package/dist/src/components/credits/utils/creditBalanceUtils.d.ts +11 -0
  132. package/dist/src/components/credits/utils/creditGrantUtils.d.ts +3 -0
  133. package/dist/src/components/customerPortal/CustomerPortal.d.ts +20 -0
  134. package/dist/src/components/customerPortal/CustomerPortal.style.d.ts +9 -0
  135. package/dist/src/components/customerPortal/CustomerPortalContainer.d.ts +6 -0
  136. package/dist/src/components/customerPortal/CustomerPortalContext.d.ts +16 -0
  137. package/dist/src/components/customerPortal/CustomerPortalHeader.d.ts +4 -0
  138. package/dist/src/components/customerPortal/CustomerPortalProvider.d.ts +11 -0
  139. package/dist/src/components/customerPortal/billing/InformationGrid.d.ts +16 -0
  140. package/dist/src/components/customerPortal/billing/InvoicesSection.d.ts +2 -0
  141. package/dist/src/components/customerPortal/billing/PaymentDetailsSection.d.ts +3 -0
  142. package/dist/src/components/customerPortal/common/ExternalLinkButton.d.ts +7 -0
  143. package/dist/src/components/customerPortal/common/SectionContainer.d.ts +8 -0
  144. package/dist/src/components/customerPortal/common/SectionHeader.d.ts +7 -0
  145. package/dist/src/components/customerPortal/common/SectionTitle.d.ts +7 -0
  146. package/dist/src/components/customerPortal/common/SkeletonButton.d.ts +2 -0
  147. package/dist/src/components/customerPortal/common/StyledButton.d.ts +6 -0
  148. package/dist/src/components/customerPortal/customerPortalTextOverrides.d.ts +17 -0
  149. package/dist/src/components/customerPortal/customerPortalTheme.d.ts +14 -0
  150. package/dist/src/components/customerPortal/hooks/useCustomerPortal.d.ts +11 -0
  151. package/dist/src/components/customerPortal/index.d.ts +16 -0
  152. package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.d.ts +10 -0
  153. package/dist/src/components/customerPortal/paywall/CustomerPortalPaywall.style.d.ts +13 -0
  154. package/dist/src/components/customerPortal/subscriptionOverview/ContactCustomerSupport.d.ts +8 -0
  155. package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionOverviewLoader.d.ts +2 -0
  156. package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverview.d.ts +13 -0
  157. package/dist/src/components/customerPortal/subscriptionOverview/SubscriptionsOverviewHeader.d.ts +9 -0
  158. package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeItem.d.ts +17 -0
  159. package/dist/src/components/customerPortal/subscriptionOverview/charges/ChargeList.d.ts +12 -0
  160. package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdateRow.d.ts +8 -0
  161. package/dist/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdatesAlert.d.ts +9 -0
  162. package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.d.ts +11 -0
  163. package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.d.ts +5 -0
  164. package/dist/src/components/customerPortal/subscriptionOverview/subscriptionView/TrialPanel.d.ts +7 -0
  165. package/dist/src/components/customerPortal/subscriptionOverview/tabs/AddonsList.d.ts +2 -0
  166. package/dist/src/components/customerPortal/subscriptionOverview/tabs/Promotions.d.ts +2 -0
  167. package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.d.ts +11 -0
  168. package/dist/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.style.d.ts +24 -0
  169. package/dist/src/components/customerPortal/subscriptionOverview/types/customerPortal.types.d.ts +3 -0
  170. package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NextEstimatedBill.d.ts +8 -0
  171. package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/NoUpcomingBilling.d.ts +6 -0
  172. package/dist/src/components/customerPortal/subscriptionOverview/upcomingBilling/UpcomingBilling.d.ts +10 -0
  173. package/dist/src/components/customerPortal/types.d.ts +13 -0
  174. package/dist/src/components/customerPortal/usage/CustomerUsageData.d.ts +8 -0
  175. package/dist/src/components/customerPortal/usage/CustomerUsageData.style.d.ts +6 -0
  176. package/dist/src/components/customerPortal/usage/featureUsage/EntitlementCTAButton.d.ts +14 -0
  177. package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.d.ts +13 -0
  178. package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.helper.d.ts +5 -0
  179. package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsage.style.d.ts +8 -0
  180. package/dist/src/components/customerPortal/usage/featureUsage/FeatureUsageProgressBar.d.ts +15 -0
  181. package/dist/src/components/guards/BooleanEntitlementGuard.d.ts +7 -0
  182. package/dist/src/components/guards/EnumEntitlementGuard.d.ts +7 -0
  183. package/dist/src/components/guards/MeteredEntitlementGuard.d.ts +7 -0
  184. package/dist/src/components/guards/NumericEntitlementGuard.d.ts +7 -0
  185. package/dist/src/components/hooks/index.d.ts +1 -0
  186. package/dist/src/components/hooks/useChargeSort.d.ts +3 -0
  187. package/dist/src/components/hooks/useIsScreenWiderThan.d.ts +2 -0
  188. package/dist/src/components/hooks/usePagination.d.ts +6 -0
  189. package/dist/src/components/hooks/useWaitForCheckoutCompleted.d.ts +14 -0
  190. package/dist/src/components/paywall/BillingPeriodPicker.d.ts +7 -0
  191. package/dist/src/components/paywall/EntitlementRow.d.ts +20 -0
  192. package/dist/src/components/paywall/Paywall.d.ts +23 -0
  193. package/dist/src/components/paywall/PaywallContainer.d.ts +20 -0
  194. package/dist/src/components/paywall/PaywallLoader.d.ts +2 -0
  195. package/dist/src/components/paywall/PlanCompatibleAddons.d.ts +13 -0
  196. package/dist/src/components/paywall/PlanEntitlements.d.ts +8 -0
  197. package/dist/src/components/paywall/PlanOffering.d.ts +27 -0
  198. package/dist/src/components/paywall/PlanOfferingButton.d.ts +18 -0
  199. package/dist/src/components/paywall/PlanPrice.d.ts +17 -0
  200. package/dist/src/components/paywall/hooks/useLoadPaywallData.d.ts +12 -0
  201. package/dist/src/components/paywall/index.d.ts +5 -0
  202. package/dist/src/components/paywall/paywallTextOverrides.d.ts +81 -0
  203. package/dist/src/components/paywall/types.d.ts +58 -0
  204. package/dist/src/components/paywall/utils/calculateTrialDaysLeft.d.ts +1 -0
  205. package/dist/src/components/paywall/utils/calculateUnitQuantityText.d.ts +1 -0
  206. package/dist/src/components/paywall/utils/computeDefaultBillingPeriod.d.ts +5 -0
  207. package/dist/src/components/paywall/utils/getPlansToDisplay.d.ts +3 -0
  208. package/dist/src/components/paywall/utils/hasPricePoints.d.ts +4 -0
  209. package/dist/src/components/paywall/utils/mapPaywallData.d.ts +14 -0
  210. package/dist/src/components/utils/calculateDiscountRate.d.ts +3 -0
  211. package/dist/src/components/utils/currencyUtils.d.ts +9 -0
  212. package/dist/src/components/utils/dateUtils.d.ts +10 -0
  213. package/dist/src/components/utils/fixtures/price.fixtures.d.ts +7 -0
  214. package/dist/src/components/utils/formatNumber.d.ts +1 -0
  215. package/dist/src/components/utils/getFeatureName.d.ts +3 -0
  216. package/dist/src/components/utils/getPaidPriceText.d.ts +14 -0
  217. package/dist/src/components/utils/getPlanPrice.d.ts +9 -0
  218. package/dist/src/components/utils/getSubscriptionScheduleUpdateTexts.d.ts +22 -0
  219. package/dist/src/components/utils/numberUtils.d.ts +4 -0
  220. package/dist/src/components/utils/onWheelBlur.d.ts +2 -0
  221. package/dist/src/components/utils/planPrices.d.ts +4 -0
  222. package/dist/src/components/utils/priceTierUtils.d.ts +34 -0
  223. package/dist/src/components/utils/priceUtils.d.ts +2 -0
  224. package/dist/src/hooks/index.d.ts +8 -0
  225. package/dist/src/hooks/useActiveSubscriptions.d.ts +6 -0
  226. package/dist/src/hooks/useBooleanEntitlement.d.ts +5 -0
  227. package/dist/src/hooks/useCustomerPortal.d.ts +6 -0
  228. package/dist/src/hooks/useEnumEntitlement.d.ts +6 -0
  229. package/dist/src/hooks/useFetch.d.ts +8 -0
  230. package/dist/src/hooks/useMeteredEntitlement.d.ts +6 -0
  231. package/dist/src/hooks/useNumericEntitlement.d.ts +6 -0
  232. package/dist/src/hooks/usePaywall.d.ts +6 -0
  233. package/dist/src/hooks/useStiggContext.d.ts +7 -0
  234. package/dist/src/index.d.ts +26 -0
  235. package/dist/src/services/logger.d.ts +12 -0
  236. package/dist/src/stories/CustomTheme.d.ts +2 -0
  237. package/dist/src/stories/baseArgs.d.ts +11 -0
  238. package/dist/src/stories/mocks/checkout/consts.d.ts +11 -0
  239. package/dist/src/stories/mocks/checkout/mockCheckoutPreview.d.ts +2 -0
  240. package/dist/src/stories/mocks/checkout/mockCheckoutState.d.ts +2 -0
  241. package/dist/src/theme/Fonts.d.ts +3 -0
  242. package/dist/src/theme/Theme.d.ts +10 -0
  243. package/dist/src/theme/getResolvedTheme.d.ts +4 -0
  244. package/dist/src/theme/types.d.ts +83 -0
  245. package/dist/src/types.d.ts +16 -0
  246. package/dist/src/utils/styledUtils.d.ts +2 -0
  247. package/dist/stripe.esm-BkoVJ3BR.js +67 -0
  248. package/dist/stripe.esm-BkoVJ3BR.js.map +1 -0
  249. package/dist/stripe.esm-XRG9pJRV.cjs +2 -0
  250. package/dist/stripe.esm-XRG9pJRV.cjs.map +1 -0
  251. package/package.json +15 -3
  252. package/src/assets/add.svg +3 -0
  253. package/src/assets/addons.svg +12 -0
  254. package/src/assets/arrow-forward.svg +3 -0
  255. package/src/assets/arrow-right.svg +6 -0
  256. package/src/assets/billing-info-customer.svg +11 -0
  257. package/src/assets/check-stigg.svg +3 -0
  258. package/src/assets/check.svg +5 -0
  259. package/src/assets/close.svg +3 -0
  260. package/src/assets/contact-support.svg +13 -0
  261. package/src/assets/coupon.svg +6 -0
  262. package/src/assets/credit-card.svg +10 -0
  263. package/src/assets/dollar-coin.svg +13 -0
  264. package/src/assets/edit-icon.svg +3 -0
  265. package/src/assets/entitlement-check.svg +3 -0
  266. package/src/assets/lottie/checkout-success.json +1 -0
  267. package/src/assets/mini-schedule.svg +3 -0
  268. package/src/assets/outlined-checked-circle-disabled.svg +6 -0
  269. package/src/assets/outlined-checked-circle.svg +6 -0
  270. package/src/assets/outlined-circle.svg +3 -0
  271. package/src/assets/pay-as-you-go-charge.svg +11 -0
  272. package/src/assets/payment-method.svg +4 -0
  273. package/src/assets/plus-icon.svg +6 -0
  274. package/src/assets/powered-by-stigg.svg +13 -0
  275. package/src/assets/promotions.svg +13 -0
  276. package/src/assets/remove.svg +3 -0
  277. package/src/assets/restore.svg +3 -0
  278. package/src/assets/sand-clock.svg +4 -0
  279. package/src/assets/schedule-box.svg +9 -0
  280. package/src/assets/schedule.svg +3 -0
  281. package/src/assets/subscription-renews-icon.svg +14 -0
  282. package/src/assets/trash.svg +8 -0
  283. package/src/components/StiggProvider.tsx +170 -0
  284. package/src/components/checkout/Checkout.tsx +37 -0
  285. package/src/components/checkout/CheckoutContainer.style.ts +51 -0
  286. package/src/components/checkout/CheckoutContainer.tsx +193 -0
  287. package/src/components/checkout/CheckoutProvider.tsx +181 -0
  288. package/src/components/checkout/components/Button.tsx +35 -0
  289. package/src/components/checkout/components/ChangePlanButton.tsx +30 -0
  290. package/src/components/checkout/components/ContentLoadingSkeleton.tsx +41 -0
  291. package/src/components/checkout/components/DowngradeToFreeContainer.tsx +115 -0
  292. package/src/components/checkout/components/InputField.tsx +26 -0
  293. package/src/components/checkout/components/Skeletons.style.ts +30 -0
  294. package/src/components/checkout/components/StyledArrow.tsx +9 -0
  295. package/src/components/checkout/components/index.ts +3 -0
  296. package/src/components/checkout/configurations/steps.ts +1 -0
  297. package/src/components/checkout/configurations/textOverrides.ts +150 -0
  298. package/src/components/checkout/configurations/theme.ts +46 -0
  299. package/src/components/checkout/configurations/typography.ts +30 -0
  300. package/src/components/checkout/formatting.ts +12 -0
  301. package/src/components/checkout/hooks/index.ts +8 -0
  302. package/src/components/checkout/hooks/useAddonsStepModel.ts +92 -0
  303. package/src/components/checkout/hooks/useCheckoutModel.ts +53 -0
  304. package/src/components/checkout/hooks/useCouponModel.ts +28 -0
  305. package/src/components/checkout/hooks/useLoadCheckout.ts +48 -0
  306. package/src/components/checkout/hooks/usePaymentStepModel.ts +68 -0
  307. package/src/components/checkout/hooks/usePlanStepModel.ts +184 -0
  308. package/src/components/checkout/hooks/usePreviewSubscription.ts +165 -0
  309. package/src/components/checkout/hooks/useProgressBarModel.ts +211 -0
  310. package/src/components/checkout/hooks/useSubscriptionModel.ts +22 -0
  311. package/src/components/checkout/hooks/useSubscriptionState.ts +26 -0
  312. package/src/components/checkout/index.ts +8 -0
  313. package/src/components/checkout/planHeader/PlanHeader.tsx +41 -0
  314. package/src/components/checkout/planHeader/index.ts +1 -0
  315. package/src/components/checkout/progressBar/CheckoutProgressBar.style.ts +35 -0
  316. package/src/components/checkout/progressBar/CheckoutProgressBar.tsx +82 -0
  317. package/src/components/checkout/promotionCode/AddPromotionCode.tsx +107 -0
  318. package/src/components/checkout/promotionCode/AddPromotionCodeButton.tsx +43 -0
  319. package/src/components/checkout/promotionCode/AppliedPromotionCode.tsx +49 -0
  320. package/src/components/checkout/promotionCode/PromotionCodeSection.tsx +40 -0
  321. package/src/components/checkout/promotionCode/index.ts +1 -0
  322. package/src/components/checkout/steps/addons/CheckoutAddonsStep.style.tsx +34 -0
  323. package/src/components/checkout/steps/addons/CheckoutAddonsStep.tsx +144 -0
  324. package/src/components/checkout/steps/addons/addon.utils.ts +67 -0
  325. package/src/components/checkout/steps/addons/components/AddonInputContainer.tsx +84 -0
  326. package/src/components/checkout/steps/addons/components/AddonTextContainer.tsx +45 -0
  327. package/src/components/checkout/steps/addons/index.ts +1 -0
  328. package/src/components/checkout/steps/payment/PaymentMethods.style.ts +36 -0
  329. package/src/components/checkout/steps/payment/PaymentMethods.tsx +106 -0
  330. package/src/components/checkout/steps/payment/PaymentStep.tsx +63 -0
  331. package/src/components/checkout/steps/payment/index.ts +1 -0
  332. package/src/components/checkout/steps/payment/stripe/StripePaymentForm.tsx +79 -0
  333. package/src/components/checkout/steps/payment/stripe/index.ts +3 -0
  334. package/src/components/checkout/steps/payment/stripe/stripe.utils.ts +122 -0
  335. package/src/components/checkout/steps/payment/stripe/useStripeIntegration.ts +33 -0
  336. package/src/components/checkout/steps/payment/stripe/useSubmit.ts +135 -0
  337. package/src/components/checkout/steps/payment/zuora/ZuoraPaymentForm.tsx +128 -0
  338. package/src/components/checkout/steps/payment/zuora/index.ts +9 -0
  339. package/src/components/checkout/steps/payment/zuora/useZuoraIntegration.ts +56 -0
  340. package/src/components/checkout/steps/payment/zuora/useZuoraSubmit.ts +125 -0
  341. package/src/components/checkout/steps/payment/zuora/zuora.utils.ts +72 -0
  342. package/src/components/checkout/steps/plan/BillingPeriodPicker.style.tsx +69 -0
  343. package/src/components/checkout/steps/plan/BillingPeriodPicker.tsx +86 -0
  344. package/src/components/checkout/steps/plan/CheckoutChargeList.tsx +223 -0
  345. package/src/components/checkout/steps/plan/CheckoutPlanStep.style.tsx +6 -0
  346. package/src/components/checkout/steps/plan/CheckoutPlanStep.tsx +31 -0
  347. package/src/components/checkout/steps/plan/index.ts +1 -0
  348. package/src/components/checkout/summary/CheckoutSuccess.tsx +82 -0
  349. package/src/components/checkout/summary/CheckoutSummary.tsx +458 -0
  350. package/src/components/checkout/summary/CheckoutSummarySkeleton.tsx +38 -0
  351. package/src/components/checkout/summary/components/CheckoutCaptions.tsx +145 -0
  352. package/src/components/checkout/summary/components/GraduatedPriceBreakdown.tsx +70 -0
  353. package/src/components/checkout/summary/components/LineItems.tsx +275 -0
  354. package/src/components/checkout/summary/components/WithSkeleton.tsx +16 -0
  355. package/src/components/checkout/summary/components/getPriceBreakdownString.ts +66 -0
  356. package/src/components/checkout/summary/index.ts +2 -0
  357. package/src/components/checkout/types.ts +82 -0
  358. package/src/components/common/CollapsableSectionIcon.tsx +9 -0
  359. package/src/components/common/Icon.tsx +61 -0
  360. package/src/components/common/InformationTooltip.tsx +28 -0
  361. package/src/components/common/LongText.tsx +100 -0
  362. package/src/components/common/PoweredByStigg.tsx +59 -0
  363. package/src/components/common/ProgressBar.tsx +41 -0
  364. package/src/components/common/StatusChip.tsx +29 -0
  365. package/src/components/common/TiersSelectContainer.tsx +39 -0
  366. package/src/components/common/Typography.tsx +117 -0
  367. package/src/components/common/VolumeBulkSelect.tsx +74 -0
  368. package/src/components/common/VolumePerUnitInput.tsx +42 -0
  369. package/src/components/common/chart/chartjs.helpers.ts +17 -0
  370. package/src/components/common/chart/chartjs.plugins.ts +34 -0
  371. package/src/components/common/chart/chartjs.theme.ts +41 -0
  372. package/src/components/common/chart/chartjs.tooltip.plugin.tsx +224 -0
  373. package/src/components/common/customIcons.ts +24 -0
  374. package/src/components/common/iconColor.ts +15 -0
  375. package/src/components/common/mapExternalTheme.ts +147 -0
  376. package/src/components/common/mediaQuery.ts +19 -0
  377. package/src/components/common/table/DataRows.tsx +33 -0
  378. package/src/components/common/table/EmptyState.tsx +19 -0
  379. package/src/components/common/table/ErrorState.tsx +19 -0
  380. package/src/components/common/table/GenericTable.tsx +199 -0
  381. package/src/components/common/table/LoadingRows.tsx +33 -0
  382. package/src/components/common/table/index.ts +6 -0
  383. package/src/components/common/table/types.ts +34 -0
  384. package/src/components/credits/balance/CreditBalance.tsx +70 -0
  385. package/src/components/credits/balance/CreditBalanceValue.tsx +60 -0
  386. package/src/components/credits/creditUsageChart/CreditUsage.chartjs.ts +223 -0
  387. package/src/components/credits/creditUsageChart/CreditUsageChart.tsx +128 -0
  388. package/src/components/credits/creditUsageChart/CreditUsageChartEmptyState.tsx +29 -0
  389. package/src/components/credits/creditUsageChart/CreditUsageChartErrorState.tsx +19 -0
  390. package/src/components/credits/creditUsageChart/CreditUsageChartHeader.tsx +104 -0
  391. package/src/components/credits/creditUsageChart/CreditUsageChartTooltip.tsx +93 -0
  392. package/src/components/credits/creditUsageChart/CreditUsageLegend.tsx +141 -0
  393. package/src/components/credits/creditUsageChart/types.ts +4 -0
  394. package/src/components/credits/grants/CreditGrants.tsx +84 -0
  395. package/src/components/credits/grants/CreditGrantsTable.tsx +113 -0
  396. package/src/components/credits/grants/types.ts +40 -0
  397. package/src/components/credits/grants/utils.ts +25 -0
  398. package/src/components/credits/hooks/useCreditBalance.ts +75 -0
  399. package/src/components/credits/hooks/useCreditGrants.ts +45 -0
  400. package/src/components/credits/hooks/useCreditUsage.ts +50 -0
  401. package/src/components/credits/index.ts +15 -0
  402. package/src/components/credits/localization.ts +25 -0
  403. package/src/components/credits/utilization/CreditUtilization.tsx +74 -0
  404. package/src/components/credits/utilization/CreditUtilizationValue.tsx +113 -0
  405. package/src/components/credits/utils/creditBalanceUtils.ts +31 -0
  406. package/src/components/credits/utils/creditGrantUtils.ts +27 -0
  407. package/src/components/customerPortal/CustomerPortal.style.ts +20 -0
  408. package/src/components/customerPortal/CustomerPortal.tsx +37 -0
  409. package/src/components/customerPortal/CustomerPortalContainer.tsx +77 -0
  410. package/src/components/customerPortal/CustomerPortalContext.ts +32 -0
  411. package/src/components/customerPortal/CustomerPortalHeader.tsx +18 -0
  412. package/src/components/customerPortal/CustomerPortalProvider.tsx +49 -0
  413. package/src/components/customerPortal/billing/InformationGrid.tsx +54 -0
  414. package/src/components/customerPortal/billing/InvoicesSection.tsx +41 -0
  415. package/src/components/customerPortal/billing/PaymentDetailsSection.tsx +140 -0
  416. package/src/components/customerPortal/common/ExternalLinkButton.tsx +34 -0
  417. package/src/components/customerPortal/common/SectionContainer.tsx +22 -0
  418. package/src/components/customerPortal/common/SectionHeader.ts +15 -0
  419. package/src/components/customerPortal/common/SectionTitle.tsx +23 -0
  420. package/src/components/customerPortal/common/SkeletonButton.tsx +5 -0
  421. package/src/components/customerPortal/common/StyledButton.tsx +13 -0
  422. package/src/components/customerPortal/customerPortalTextOverrides.ts +39 -0
  423. package/src/components/customerPortal/customerPortalTheme.ts +35 -0
  424. package/src/components/customerPortal/hooks/useCustomerPortal.ts +39 -0
  425. package/src/components/customerPortal/index.ts +16 -0
  426. package/src/components/customerPortal/paywall/CustomerPortalPaywall.style.ts +33 -0
  427. package/src/components/customerPortal/paywall/CustomerPortalPaywall.tsx +36 -0
  428. package/src/components/customerPortal/subscriptionOverview/ContactCustomerSupport.tsx +50 -0
  429. package/src/components/customerPortal/subscriptionOverview/SubscriptionOverviewLoader.tsx +28 -0
  430. package/src/components/customerPortal/subscriptionOverview/SubscriptionsOverview.tsx +106 -0
  431. package/src/components/customerPortal/subscriptionOverview/SubscriptionsOverviewHeader.tsx +48 -0
  432. package/src/components/customerPortal/subscriptionOverview/charges/ChargeItem.tsx +74 -0
  433. package/src/components/customerPortal/subscriptionOverview/charges/ChargeList.tsx +65 -0
  434. package/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdateRow.tsx +110 -0
  435. package/src/components/customerPortal/subscriptionOverview/subscriptionScheduledUpdates/SubscriptionScheduledUpdatesAlert.tsx +158 -0
  436. package/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.ts +6 -0
  437. package/src/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.tsx +37 -0
  438. package/src/components/customerPortal/subscriptionOverview/subscriptionView/TrialPanel.tsx +58 -0
  439. package/src/components/customerPortal/subscriptionOverview/tabs/AddonsList.tsx +28 -0
  440. package/src/components/customerPortal/subscriptionOverview/tabs/Promotions.tsx +62 -0
  441. package/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.style.tsx +32 -0
  442. package/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.tsx +100 -0
  443. package/src/components/customerPortal/subscriptionOverview/types/customerPortal.types.ts +4 -0
  444. package/src/components/customerPortal/subscriptionOverview/upcomingBilling/NextEstimatedBill.tsx +29 -0
  445. package/src/components/customerPortal/subscriptionOverview/upcomingBilling/NoUpcomingBilling.tsx +18 -0
  446. package/src/components/customerPortal/subscriptionOverview/upcomingBilling/UpcomingBilling.tsx +89 -0
  447. package/src/components/customerPortal/types.ts +20 -0
  448. package/src/components/customerPortal/usage/CustomerUsageData.style.tsx +22 -0
  449. package/src/components/customerPortal/usage/CustomerUsageData.tsx +124 -0
  450. package/src/components/customerPortal/usage/featureUsage/EntitlementCTAButton.tsx +62 -0
  451. package/src/components/customerPortal/usage/featureUsage/FeatureUsage.helper.ts +45 -0
  452. package/src/components/customerPortal/usage/featureUsage/FeatureUsage.style.ts +13 -0
  453. package/src/components/customerPortal/usage/featureUsage/FeatureUsage.tsx +96 -0
  454. package/src/components/customerPortal/usage/featureUsage/FeatureUsageProgressBar.tsx +56 -0
  455. package/src/components/guards/BooleanEntitlementGuard.tsx +21 -0
  456. package/src/components/guards/EnumEntitlementGuard.tsx +17 -0
  457. package/src/components/guards/MeteredEntitlementGuard.tsx +21 -0
  458. package/src/components/guards/NumericEntitlementGuard.tsx +21 -0
  459. package/src/components/hooks/index.ts +1 -0
  460. package/src/components/hooks/useChargeSort.ts +17 -0
  461. package/src/components/hooks/useIsScreenWiderThan.ts +6 -0
  462. package/src/components/hooks/usePagination.ts +33 -0
  463. package/src/components/hooks/useWaitForCheckoutCompleted.ts +65 -0
  464. package/src/components/paywall/BillingPeriodPicker.tsx +90 -0
  465. package/src/components/paywall/EntitlementRow.tsx +127 -0
  466. package/src/components/paywall/Paywall.tsx +189 -0
  467. package/src/components/paywall/PaywallContainer.tsx +119 -0
  468. package/src/components/paywall/PaywallLoader.tsx +96 -0
  469. package/src/components/paywall/PlanCompatibleAddons.tsx +127 -0
  470. package/src/components/paywall/PlanEntitlements.tsx +75 -0
  471. package/src/components/paywall/PlanOffering.tsx +256 -0
  472. package/src/components/paywall/PlanOfferingButton.tsx +232 -0
  473. package/src/components/paywall/PlanPrice.tsx +154 -0
  474. package/src/components/paywall/hooks/useLoadPaywallData.ts +75 -0
  475. package/src/components/paywall/index.ts +5 -0
  476. package/src/components/paywall/paywallTextOverrides.ts +79 -0
  477. package/src/components/paywall/types.ts +80 -0
  478. package/src/components/paywall/utils/calculateTrialDaysLeft.ts +5 -0
  479. package/src/components/paywall/utils/calculateUnitQuantityText.ts +23 -0
  480. package/src/components/paywall/utils/computeDefaultBillingPeriod.ts +36 -0
  481. package/src/components/paywall/utils/getPlansToDisplay.ts +13 -0
  482. package/src/components/paywall/utils/hasPricePoints.ts +10 -0
  483. package/src/components/paywall/utils/mapPaywallData.ts +126 -0
  484. package/src/components/utils/calculateDiscountRate.ts +49 -0
  485. package/src/components/utils/currencyUtils.ts +38 -0
  486. package/src/components/utils/dateUtils.ts +17 -0
  487. package/src/components/utils/fixtures/price.fixtures.ts +42 -0
  488. package/src/components/utils/formatNumber.ts +5 -0
  489. package/src/components/utils/getFeatureName.ts +26 -0
  490. package/src/components/utils/getPaidPriceText.ts +77 -0
  491. package/src/components/utils/getPlanPrice.ts +62 -0
  492. package/src/components/utils/getSubscriptionScheduleUpdateTexts.tsx +88 -0
  493. package/src/components/utils/numberUtils.ts +6 -0
  494. package/src/components/utils/onWheelBlur.ts +3 -0
  495. package/src/components/utils/planPrices.ts +10 -0
  496. package/src/components/utils/priceTierUtils.spec.ts +84 -0
  497. package/src/components/utils/priceTierUtils.ts +250 -0
  498. package/src/components/utils/priceUtils.ts +11 -0
  499. package/src/custom.d.ts +6 -0
  500. package/src/hooks/index.ts +8 -0
  501. package/src/hooks/useActiveSubscriptions.ts +21 -0
  502. package/src/hooks/useBooleanEntitlement.ts +20 -0
  503. package/src/hooks/useCustomerPortal.ts +21 -0
  504. package/src/hooks/useEnumEntitlement.ts +20 -0
  505. package/src/hooks/useFetch.ts +32 -0
  506. package/src/hooks/useMeteredEntitlement.ts +20 -0
  507. package/src/hooks/useNumericEntitlement.ts +20 -0
  508. package/src/hooks/usePaywall.ts +21 -0
  509. package/src/hooks/useStiggContext.ts +13 -0
  510. package/src/index.ts +103 -0
  511. package/src/services/logger.ts +22 -0
  512. package/src/stories/Checkout.stories.tsx +123 -0
  513. package/src/stories/CreditBalance.stories.tsx +248 -0
  514. package/src/stories/CreditGrants.stories.tsx +214 -0
  515. package/src/stories/CreditUsageChart.stories.tsx +347 -0
  516. package/src/stories/CreditUtilization.stories.tsx +287 -0
  517. package/src/stories/CustomTheme.ts +57 -0
  518. package/src/stories/CustomerPortal.stories.tsx +265 -0
  519. package/src/stories/GenericTable.stories.tsx +263 -0
  520. package/src/stories/Paywall.stories.tsx +147 -0
  521. package/src/stories/ProgressBar.stories.tsx +103 -0
  522. package/src/stories/StatusChip.stories.tsx +154 -0
  523. package/src/stories/baseArgs.ts +10 -0
  524. package/src/stories/mocks/checkout/consts.ts +15 -0
  525. package/src/stories/mocks/checkout/mockCheckoutPreview.ts +152 -0
  526. package/src/stories/mocks/checkout/mockCheckoutState.ts +212 -0
  527. package/src/styles.css +46 -0
  528. package/src/theme/Fonts.tsx +80 -0
  529. package/src/theme/Theme.tsx +64 -0
  530. package/src/theme/emotion.d.ts +17 -0
  531. package/src/theme/getResolvedTheme.ts +135 -0
  532. package/src/theme/types.ts +85 -0
  533. package/src/types.ts +22 -0
  534. 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,6 @@
1
+ import { ButtonProps } from '@mui/material/Button';
2
+ export type StyledButtonProps = {
3
+ $success?: boolean;
4
+ $error?: boolean;
5
+ };
6
+ export declare const Button: ({ variant, ...props }: ButtonProps & StyledButtonProps) => 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,2 @@
1
+ /// <reference types="react" />
2
+ export declare function ContentLoadingSkeleton(): 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,4 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledArrowRightIcon: import('@emotion/styled').StyledComponent<import('react').SVGProps<SVGElement> & {
3
+ theme?: import('@emotion/react').Theme | undefined;
4
+ }, {}, {}>;
@@ -0,0 +1,3 @@
1
+ export * from './Button';
2
+ export * from './InputField';
3
+ export * from './ContentLoadingSkeleton';
@@ -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,7 @@
1
+ import { FontVariant } from '../../../theme/types';
2
+ export declare const defaultCheckoutTypography: {
3
+ h1: FontVariant;
4
+ h2: FontVariant;
5
+ h3: FontVariant;
6
+ body: FontVariant;
7
+ };
@@ -0,0 +1,2 @@
1
+ import { BillingPeriod } from '@stigg/js-client-sdk';
2
+ export declare function formatBillingPeriod(billingPeriod: BillingPeriod): "" | "Annual" | "Monthly";
@@ -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,7 @@
1
+ export type PromotionCodeState = {
2
+ promotionCode?: string;
3
+ };
4
+ export declare function usePromotionCodeModel(): {
5
+ promotionCode: string | undefined;
6
+ setPromotionCode: (promotionCode: string) => void;
7
+ };
@@ -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,2 @@
1
+ import { ApplySubscription, PreviewSubscription } from '@stigg/js-client-sdk';
2
+ export declare function useSubscriptionState(): ApplySubscription | PreviewSubscription | undefined;
@@ -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';