@stigg/react-sdk 4.4.0-beta.1 → 4.4.0-beta.10

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 (91) hide show
  1. package/dist/components/checkout/Checkout.d.ts +1 -1
  2. package/dist/components/checkout/CheckoutContainer.d.ts +7 -2
  3. package/dist/components/checkout/CheckoutProvider.d.ts +3 -1
  4. package/dist/components/checkout/components/Button.d.ts +0 -1
  5. package/dist/components/checkout/components/ChangePlanButton.d.ts +8 -0
  6. package/dist/components/checkout/components/DowngradeToFreeContainer.d.ts +32 -0
  7. package/dist/components/checkout/hooks/useCheckoutModel.d.ts +2 -0
  8. package/dist/components/checkout/hooks/usePaymentStepModel.d.ts +8 -2
  9. package/dist/components/checkout/hooks/usePreviewSubscription.d.ts +10 -1
  10. package/dist/components/checkout/hooks/useProgressBarModel.d.ts +3 -0
  11. package/dist/components/checkout/hooks/useSubscriptionModel.d.ts +2 -1
  12. package/dist/components/checkout/index.d.ts +2 -0
  13. package/dist/components/checkout/progressBar/CheckoutProgressBar.style.d.ts +3 -2
  14. package/dist/components/checkout/steps/payment/PaymentMethods.d.ts +3 -2
  15. package/dist/components/checkout/steps/payment/PaymentStep.d.ts +2 -1
  16. package/dist/components/checkout/steps/payment/stripe/StripePaymentForm.d.ts +2 -1
  17. package/dist/components/checkout/steps/payment/stripe/stripe.utils.d.ts +4 -0
  18. package/dist/components/checkout/steps/payment/stripe/useSubmit.d.ts +4 -3
  19. package/dist/components/checkout/steps/plan/BillingPeriodPicker.style.d.ts +1 -0
  20. package/dist/components/checkout/steps/plan/CheckoutChargeList.d.ts +6 -1
  21. package/dist/components/checkout/summary/CheckoutSuccess.d.ts +4 -1
  22. package/dist/components/checkout/summary/CheckoutSummary.d.ts +3 -1
  23. package/dist/components/checkout/summary/components/CheckoutCaptions.d.ts +2 -1
  24. package/dist/components/checkout/summary/components/LineItems.d.ts +2 -2
  25. package/dist/components/checkout/textOverrides.d.ts +7 -3
  26. package/dist/components/checkout/theme.d.ts +0 -1
  27. package/dist/components/checkout/types.d.ts +7 -0
  28. package/dist/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.d.ts +1 -1
  29. package/dist/components/paywall/paywallTextOverrides.d.ts +4 -0
  30. package/dist/components/utils/getPaidPriceText.d.ts +3 -1
  31. package/dist/react-sdk.cjs.development.js +1147 -524
  32. package/dist/react-sdk.cjs.development.js.map +1 -1
  33. package/dist/react-sdk.cjs.production.min.js +1 -1
  34. package/dist/react-sdk.cjs.production.min.js.map +1 -1
  35. package/dist/react-sdk.esm.js +1181 -532
  36. package/dist/react-sdk.esm.js.map +1 -1
  37. package/dist/theme/getResolvedTheme.d.ts +1 -0
  38. package/dist/theme/types.d.ts +1 -0
  39. package/package.json +2 -2
  40. package/src/assets/payment-method.svg +3 -10
  41. package/src/components/checkout/Checkout.tsx +2 -1
  42. package/src/components/checkout/CheckoutContainer.style.ts +1 -0
  43. package/src/components/checkout/CheckoutContainer.tsx +59 -28
  44. package/src/components/checkout/CheckoutProvider.tsx +18 -18
  45. package/src/components/checkout/components/Button.tsx +19 -35
  46. package/src/components/checkout/components/ChangePlanButton.tsx +32 -0
  47. package/src/components/checkout/components/DowngradeToFreeContainer.tsx +118 -0
  48. package/src/components/checkout/components/Skeletons.style.ts +4 -1
  49. package/src/components/checkout/hooks/useCheckoutModel.ts +12 -2
  50. package/src/components/checkout/hooks/usePaymentStepModel.ts +22 -3
  51. package/src/components/checkout/hooks/usePlanStepModel.ts +25 -10
  52. package/src/components/checkout/hooks/usePreviewSubscription.ts +112 -40
  53. package/src/components/checkout/hooks/useProgressBarModel.ts +18 -0
  54. package/src/components/checkout/hooks/useSubscriptionModel.ts +8 -2
  55. package/src/components/checkout/hooks/useSubscriptionState.ts +2 -1
  56. package/src/components/checkout/index.ts +2 -0
  57. package/src/components/checkout/planHeader/PlanHeader.style.tsx +1 -1
  58. package/src/components/checkout/planHeader/PlanHeader.tsx +7 -15
  59. package/src/components/checkout/progressBar/CheckoutProgressBar.style.ts +6 -3
  60. package/src/components/checkout/progressBar/CheckoutProgressBar.tsx +13 -9
  61. package/src/components/checkout/promotionCode/AddPromotionCode.tsx +6 -7
  62. package/src/components/checkout/steps/addons/CheckoutAddonsStep.tsx +58 -11
  63. package/src/components/checkout/steps/payment/PaymentMethods.style.ts +1 -0
  64. package/src/components/checkout/steps/payment/PaymentMethods.tsx +13 -6
  65. package/src/components/checkout/steps/payment/PaymentStep.tsx +3 -1
  66. package/src/components/checkout/steps/payment/stripe/StripePaymentForm.tsx +35 -4
  67. package/src/components/checkout/steps/payment/stripe/stripe.utils.ts +4 -3
  68. package/src/components/checkout/steps/payment/stripe/useSubmit.ts +61 -48
  69. package/src/components/checkout/steps/plan/BillingPeriodPicker.style.tsx +27 -6
  70. package/src/components/checkout/steps/plan/BillingPeriodPicker.tsx +26 -5
  71. package/src/components/checkout/steps/plan/CheckoutChargeList.tsx +62 -12
  72. package/src/components/checkout/summary/CheckoutSuccess.tsx +52 -6
  73. package/src/components/checkout/summary/CheckoutSummary.tsx +48 -33
  74. package/src/components/checkout/summary/components/CheckoutCaptions.tsx +30 -29
  75. package/src/components/checkout/summary/components/LineItems.tsx +8 -16
  76. package/src/components/checkout/textOverrides.ts +15 -12
  77. package/src/components/checkout/theme.ts +0 -4
  78. package/src/components/checkout/types.ts +9 -0
  79. package/src/components/common/Icon.tsx +4 -6
  80. package/src/components/common/mapExternalTheme.ts +1 -2
  81. package/src/components/paywall/PlanPrice.tsx +10 -2
  82. package/src/components/paywall/paywallTextOverrides.ts +3 -0
  83. package/src/components/utils/getPaidPriceText.ts +8 -2
  84. package/src/components/utils/getPlanPrice.ts +1 -1
  85. package/src/stories/Checkout.stories.tsx +6 -5
  86. package/src/theme/Theme.tsx +10 -1
  87. package/src/theme/getResolvedTheme.ts +1 -0
  88. package/src/theme/types.ts +1 -0
  89. package/dist/components/checkout/steps/surprise/SurpriseStep.d.ts +0 -2
  90. package/src/assets/nyancat.svg +0 -634
  91. package/src/components/checkout/steps/surprise/SurpriseStep.tsx +0 -27
package/src/components/checkout/steps/surprise/SurpriseStep.tsx DELETED
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import NyanCat from '../../../../assets/nyancat.svg';
3
- import styled from '@emotion/styled/macro';
4
-
5
- const StyledNyanCat = styled(NyanCat)`
6
- background: #000;
7
- width: 100%;
8
- max-width: 920px;
9
- height: 548px;
10
- `;
11
-
12
- const SurpriseContainer = styled.div`
13
- display: flex;
14
- flex-direction: column;
15
- align-content: center;
16
- justify-content: center;
17
- min-height: 430px;
18
- width: 100%;
19
- `;
20
-
21
- export const SurpriseStep = () => {
22
- return (
23
- <SurpriseContainer>
24
- <StyledNyanCat />
25
- </SurpriseContainer>
26
- );
27
- };