@constructor-io/constructorio-ui-quizzes 1.2.3 → 1.3.1

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 (87) hide show
  1. package/README.md +3 -1
  2. package/dist/constructorio-ui-quizzes-bundled.js +18 -18
  3. package/lib/cjs/components/CioQuiz/actions.js +11 -1
  4. package/lib/cjs/components/CioQuiz/index.js +15 -103
  5. package/lib/cjs/components/CioQuiz/quizApiReducer.js +32 -0
  6. package/lib/cjs/components/CioQuiz/{reducer.js → quizLocalReducer.js} +2 -2
  7. package/lib/cjs/components/CoverTypeQuestion/CoverTypeQuestion.js +6 -12
  8. package/lib/cjs/components/OpenTextTypeQuestion/OpenTextTypeQuestion.js +12 -18
  9. package/lib/cjs/components/QuizQuestions/index.js +6 -3
  10. package/lib/cjs/components/ResultCard/ResultCard.js +10 -30
  11. package/lib/cjs/components/ResultContainer/ResultContainer.js +8 -31
  12. package/lib/cjs/components/ResultCtaButton/ResultCtaButton.js +7 -26
  13. package/lib/cjs/components/ResultFilters/ResultFilters.js +6 -23
  14. package/lib/cjs/components/Results/Results.js +5 -5
  15. package/lib/cjs/components/SelectTypeQuestion/SelectTypeQuestion.js +16 -23
  16. package/lib/cjs/components/ZeroResults/ZeroResults.js +2 -2
  17. package/lib/cjs/constants.js +5 -3
  18. package/lib/cjs/hooks/useCioClient.js +4 -3
  19. package/lib/cjs/hooks/useConsoleErrors.js +20 -0
  20. package/lib/cjs/hooks/useQuiz.js +48 -0
  21. package/lib/cjs/hooks/useQuizApiState.js +91 -0
  22. package/lib/cjs/hooks/useQuizEvents/index.js +36 -0
  23. package/lib/cjs/hooks/useQuizEvents/useQuizAddToCart.js +20 -0
  24. package/lib/cjs/hooks/useQuizEvents/useQuizBackClick.js +13 -0
  25. package/lib/cjs/hooks/useQuizEvents/useQuizNextClick.js +48 -0
  26. package/lib/cjs/hooks/useQuizEvents/useQuizResultClick.js +19 -0
  27. package/lib/cjs/hooks/useQuizEvents/useQuizResultsLoaded.js +22 -0
  28. package/lib/cjs/hooks/useQuizLocalState.js +20 -0
  29. package/lib/cjs/services/index.js +72 -0
  30. package/lib/cjs/utils.js +42 -21
  31. package/lib/mjs/components/CioQuiz/actions.js +10 -0
  32. package/lib/mjs/components/CioQuiz/index.js +15 -103
  33. package/lib/mjs/components/CioQuiz/quizApiReducer.js +49 -0
  34. package/lib/mjs/components/CioQuiz/{reducer.js → quizLocalReducer.js} +1 -1
  35. package/lib/mjs/components/CoverTypeQuestion/CoverTypeQuestion.js +6 -12
  36. package/lib/mjs/components/OpenTextTypeQuestion/OpenTextTypeQuestion.js +11 -17
  37. package/lib/mjs/components/QuizQuestions/index.js +5 -3
  38. package/lib/mjs/components/ResultCard/ResultCard.js +10 -29
  39. package/lib/mjs/components/ResultContainer/ResultContainer.js +8 -31
  40. package/lib/mjs/components/ResultCtaButton/ResultCtaButton.js +7 -25
  41. package/lib/mjs/components/ResultFilters/ResultFilters.js +5 -23
  42. package/lib/mjs/components/Results/Results.js +3 -3
  43. package/lib/mjs/components/SelectTypeQuestion/SelectTypeQuestion.js +13 -20
  44. package/lib/mjs/components/ZeroResults/ZeroResults.js +2 -2
  45. package/lib/mjs/constants.js +4 -2
  46. package/lib/mjs/hooks/useCioClient.js +4 -3
  47. package/lib/mjs/hooks/useConsoleErrors.js +18 -0
  48. package/lib/mjs/hooks/useQuiz.js +47 -0
  49. package/lib/mjs/hooks/useQuizApiState.js +87 -0
  50. package/lib/mjs/hooks/useQuizEvents/index.js +33 -0
  51. package/lib/mjs/hooks/useQuizEvents/useQuizAddToCart.js +18 -0
  52. package/lib/mjs/hooks/useQuizEvents/useQuizBackClick.js +11 -0
  53. package/lib/mjs/hooks/useQuizEvents/useQuizNextClick.js +45 -0
  54. package/lib/mjs/hooks/useQuizEvents/useQuizResultClick.js +17 -0
  55. package/lib/mjs/hooks/useQuizEvents/useQuizResultsLoaded.js +19 -0
  56. package/lib/mjs/hooks/useQuizLocalState.js +17 -0
  57. package/lib/mjs/services/index.js +60 -0
  58. package/lib/mjs/utils.js +39 -17
  59. package/lib/styles.css +23 -20
  60. package/lib/types/components/CioQuiz/actions.d.ts +20 -0
  61. package/lib/types/components/CioQuiz/context.d.ts +10 -14
  62. package/lib/types/components/CioQuiz/index.d.ts +1 -12
  63. package/lib/types/components/CioQuiz/quizApiReducer.d.ts +14 -0
  64. package/lib/types/components/CioQuiz/{reducer.d.ts → quizLocalReducer.d.ts} +3 -3
  65. package/lib/types/components/QuizQuestions/index.d.ts +1 -4
  66. package/lib/types/components/ResultCard/ResultCard.d.ts +2 -4
  67. package/lib/types/components/ResultContainer/ResultContainer.d.ts +1 -2
  68. package/lib/types/components/ResultCtaButton/ResultCtaButton.d.ts +2 -3
  69. package/lib/types/components/ResultFilters/ResultFilters.d.ts +2 -5
  70. package/lib/types/components/Results/Results.d.ts +1 -7
  71. package/lib/types/components/ZeroResults/ZeroResults.d.ts +1 -1
  72. package/lib/types/constants.d.ts +2 -1
  73. package/lib/types/hooks/useCioClient.d.ts +1 -1
  74. package/lib/types/hooks/useConsoleErrors.d.ts +3 -0
  75. package/lib/types/hooks/useQuiz.d.ts +3 -0
  76. package/lib/types/hooks/useQuizApiState.d.ts +10 -0
  77. package/lib/types/hooks/useQuizEvents/index.d.ts +15 -0
  78. package/lib/types/hooks/useQuizEvents/useQuizAddToCart.d.ts +5 -0
  79. package/lib/types/hooks/useQuizEvents/useQuizBackClick.d.ts +4 -0
  80. package/lib/types/hooks/useQuizEvents/useQuizNextClick.d.ts +5 -0
  81. package/lib/types/hooks/useQuizEvents/useQuizResultClick.d.ts +5 -0
  82. package/lib/types/hooks/useQuizEvents/useQuizResultsLoaded.d.ts +5 -0
  83. package/lib/types/hooks/useQuizLocalState.d.ts +6 -0
  84. package/lib/types/services/index.d.ts +8 -0
  85. package/lib/types/types.d.ts +63 -0
  86. package/lib/types/utils.d.ts +12 -7
  87. package/package.json +12 -12
package/README.md CHANGED
@@ -49,7 +49,7 @@ CioQuiz({
49
49
  apiKey: "key_wJSdZSiesX5hiVLt",
50
50
  includeCSS: true, // Include the default CSS styles. Defaults to true.
51
51
  resultsPageOptions: {
52
- addToCartCallback: (item) => console.dir(item),
52
+ onAddToCartClick: (item) => console.dir(item),
53
53
  resultCardRegularPriceKey: "price",
54
54
  }
55
55
  // ... additional arguments
@@ -74,6 +74,8 @@ import '@constructor-io/constructorio-ui-quizzes/styles.css';
74
74
  - These starter styles are intended to be extended by layering in your own css rules
75
75
  - If you import the starter styles, `CioQuiz` component will take up the full width and height of its parent container
76
76
 
77
+ > Please note the starter styles utilize @container queries and enable responsive styles for our quizzes based on the size of their container element. Since this feature is supported by modern browsers, polyfills have not been included in this library. However, if you want to support older browsers, you can add fallback styles or use a [polyfill](https://github.com/GoogleChromeLabs/container-query-polyfill).
78
+
77
79
  ## Troubleshooting
78
80
 
79
81
  ### Known Issues