@wise/dynamic-flow-client 5.10.0 → 5.12.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 (418) hide show
  1. package/build/i18n/fr.json +1 -1
  2. package/build/main.css +4 -0
  3. package/build/main.js +32 -17
  4. package/build/main.mjs +32 -17
  5. package/build/types/controller/FlowController.d.ts +0 -1
  6. package/build/types/controller/FlowController.d.ts.map +1 -1
  7. package/build/types/controller/executePoll.d.ts.map +1 -1
  8. package/build/types/domain/components/step/ExternalConfirmationComponent.d.ts +2 -3
  9. package/build/types/domain/components/step/ExternalConfirmationComponent.d.ts.map +1 -1
  10. package/build/types/domain/mappers/mapStepToComponent.d.ts.map +1 -1
  11. package/build/types/domain/mappers/schema/types.d.ts +1 -0
  12. package/build/types/domain/mappers/schema/types.d.ts.map +1 -1
  13. package/build/types/renderers/mappers/externalComponentToProps.d.ts.map +1 -1
  14. package/build/types/test-utils/openLinkInNewTab.d.ts.map +1 -0
  15. package/package.json +7 -7
  16. package/build/DynamicFlowCore.js +0 -5
  17. package/build/common/errorBoundary/ErrorBoundary.js +0 -26
  18. package/build/common/errorBoundary/ErrorBoundary.test.js +0 -29
  19. package/build/common/errorBoundary/ErrorBoundaryAlert.js +0 -11
  20. package/build/common/makeHttpClient/api-utils.js +0 -3
  21. package/build/common/makeHttpClient/index.js +0 -1
  22. package/build/common/makeHttpClient/makeHttpClient.js +0 -10
  23. package/build/common/makeHttpClient/makeHttpClient.test.js +0 -186
  24. package/build/common/messages/external-confirmation.messages.js +0 -23
  25. package/build/common/messages/file-upload.messages.js +0 -13
  26. package/build/common/messages/generic-error.messages.js +0 -18
  27. package/build/common/messages/help.messages.js +0 -8
  28. package/build/common/messages/multi-file-upload.messages.js +0 -18
  29. package/build/common/messages/multi-select.messages.js +0 -8
  30. package/build/common/messages/paragraph.messages.js +0 -13
  31. package/build/common/messages/repeatable.messages.js +0 -23
  32. package/build/common/messages/search.messages.js +0 -8
  33. package/build/common/messages/validation.array.messages.js +0 -13
  34. package/build/common/messages/validation.messages.js +0 -53
  35. package/build/controller/FlowController.js +0 -372
  36. package/build/controller/executePoll.js +0 -49
  37. package/build/controller/executeRefresh.js +0 -45
  38. package/build/controller/executeRequest.js +0 -80
  39. package/build/controller/executeSubmission.js +0 -70
  40. package/build/controller/getErrorMessage.js +0 -7
  41. package/build/controller/getRequestAbortController.js +0 -13
  42. package/build/controller/getResponseType.js +0 -35
  43. package/build/controller/getSafeHttpClient.js +0 -8
  44. package/build/controller/getStepCounter.js +0 -16
  45. package/build/controller/handleErrorResponse.js +0 -26
  46. package/build/controller/makeSafeHttpClient.js +0 -8
  47. package/build/controller/response-utils.js +0 -72
  48. package/build/domain/components/AlertComponent.js +0 -1
  49. package/build/domain/components/AllOfComponent.js +0 -40
  50. package/build/domain/components/BooleanInputComponent.js +0 -50
  51. package/build/domain/components/BoxComponent.js +0 -3
  52. package/build/domain/components/ButtonComponent.js +0 -1
  53. package/build/domain/components/ColumnsComponent.js +0 -3
  54. package/build/domain/components/ConstComponent.js +0 -18
  55. package/build/domain/components/ContainerComponent.js +0 -3
  56. package/build/domain/components/DateInputComponent.js +0 -75
  57. package/build/domain/components/DecisionComponent.js +0 -1
  58. package/build/domain/components/DividerComponent.js +0 -1
  59. package/build/domain/components/FormComponent.js +0 -3
  60. package/build/domain/components/FormattedValueComponent.js +0 -44
  61. package/build/domain/components/HeadingComponent.js +0 -1
  62. package/build/domain/components/ImageComponent.js +0 -1
  63. package/build/domain/components/InstructionsComponent.js +0 -1
  64. package/build/domain/components/IntegerInputComponent.js +0 -74
  65. package/build/domain/components/ListComponent.js +0 -1
  66. package/build/domain/components/LoadingIndicatorComponent.js +0 -1
  67. package/build/domain/components/MarkdownComponent.js +0 -1
  68. package/build/domain/components/MediaComponent.js +0 -1
  69. package/build/domain/components/ModalComponent.js +0 -16
  70. package/build/domain/components/ModalLayoutComponent.js +0 -3
  71. package/build/domain/components/MoneyInputComponent.js +0 -57
  72. package/build/domain/components/MultiSelectInputComponent.js +0 -81
  73. package/build/domain/components/MultiUploadInputComponent.js +0 -88
  74. package/build/domain/components/NumberInputComponent.js +0 -73
  75. package/build/domain/components/ObjectComponent.js +0 -45
  76. package/build/domain/components/ParagraphComponent.js +0 -1
  77. package/build/domain/components/PersistAsyncComponent.js +0 -92
  78. package/build/domain/components/ProgressComponent.js +0 -1
  79. package/build/domain/components/RepeatableComponent.js +0 -103
  80. package/build/domain/components/ReviewComponent.js +0 -1
  81. package/build/domain/components/RootDomainComponent.js +0 -173
  82. package/build/domain/components/SectionComponent.js +0 -5
  83. package/build/domain/components/SelectInputComponent.js +0 -88
  84. package/build/domain/components/StatusListComponent.js +0 -1
  85. package/build/domain/components/SubflowDomainComponent.js +0 -9
  86. package/build/domain/components/TabsComponent.js +0 -1
  87. package/build/domain/components/TextInputComponent.js +0 -76
  88. package/build/domain/components/TupleComponent.js +0 -41
  89. package/build/domain/components/UploadInputComponent.js +0 -83
  90. package/build/domain/components/UpsellComponent.js +0 -25
  91. package/build/domain/components/searchComponent/SearchComponent.js +0 -92
  92. package/build/domain/components/searchComponent/SearchComponent.test.js +0 -190
  93. package/build/domain/components/step/ExternalConfirmationComponent.js +0 -28
  94. package/build/domain/components/step/StepDomainComponent.js +0 -78
  95. package/build/domain/components/step/ToolbarComponent.js +0 -1
  96. package/build/domain/components/utils/WithUpdate.js +0 -1
  97. package/build/domain/components/utils/component-utils.js +0 -12
  98. package/build/domain/components/utils/debounce.js +0 -34
  99. package/build/domain/components/utils/debounce.test.js +0 -67
  100. package/build/domain/components/utils/file-utils.js +0 -21
  101. package/build/domain/components/utils/file-utils.test.js +0 -27
  102. package/build/domain/components/utils/getRandomId.js +0 -1
  103. package/build/domain/components/utils/isExactLocalValueMatch.js +0 -14
  104. package/build/domain/components/utils/isOrWasValid.js +0 -5
  105. package/build/domain/components/utils/isPartialModelMatch.js +0 -18
  106. package/build/domain/components/utils/isPartialModelMatch.test.js +0 -74
  107. package/build/domain/features/eventNames.js +0 -24
  108. package/build/domain/features/events.js +0 -1
  109. package/build/domain/features/persistAsync/getComponentMultiPersistAsync.js +0 -50
  110. package/build/domain/features/persistAsync/getInitialPersistedState.js +0 -7
  111. package/build/domain/features/persistAsync/getPerformPersistAsync.js +0 -43
  112. package/build/domain/features/persistAsync/getPerformPersistAsync.test.js +0 -139
  113. package/build/domain/features/polling/getStepPolling.js +0 -43
  114. package/build/domain/features/polling/getStepPolling.test.js +0 -90
  115. package/build/domain/features/prefetch/getStepPrefetch.js +0 -43
  116. package/build/domain/features/prefetch/request-cache.js +0 -49
  117. package/build/domain/features/prefetch/request-cache.test.js +0 -70
  118. package/build/domain/features/refreshAfter/getStepRefreshAfter.js +0 -24
  119. package/build/domain/features/refreshAfter/getStepRefreshAfter.test.js +0 -40
  120. package/build/domain/features/schema-on-change/getDebouncedSchemaOnChange.js +0 -50
  121. package/build/domain/features/schema-on-change/getSchemaOnChange.js +0 -34
  122. package/build/domain/features/search/getPerformSearchFunction.js +0 -75
  123. package/build/domain/features/search/getPerformSearchFunction.test.js +0 -301
  124. package/build/domain/features/summary/summary-utils.js +0 -40
  125. package/build/domain/features/summary/summary-utils.test.js +0 -125
  126. package/build/domain/features/utils/http-utils.js +0 -21
  127. package/build/domain/features/utils/response-utils.js +0 -9
  128. package/build/domain/features/validation/spec-utils.js +0 -19
  129. package/build/domain/features/validation/validateStringPattern.js +0 -24
  130. package/build/domain/features/validation/validation-functions.js +0 -6
  131. package/build/domain/features/validation/validation-functions.test.js +0 -108
  132. package/build/domain/features/validation/value-checks.js +0 -125
  133. package/build/domain/features/validation/value-checks.test.js +0 -262
  134. package/build/domain/features/validationAsync/getComponentValidationAsync.js +0 -53
  135. package/build/domain/features/validationAsync/getComponentValidationAsync.test.js +0 -67
  136. package/build/domain/features/validationAsync/getInitialValidationAsyncState.js +0 -5
  137. package/build/domain/features/validationAsync/getPerformValidationAsync.js +0 -45
  138. package/build/domain/features/validationAsync/getPerformValidationAsync.test.js +0 -143
  139. package/build/domain/mappers/layout/alertLayoutToComponent.js +0 -16
  140. package/build/domain/mappers/layout/boxLayoutToComponent.js +0 -13
  141. package/build/domain/mappers/layout/buttonLayoutToComponent.js +0 -77
  142. package/build/domain/mappers/layout/columnsLayoutToComponent.js +0 -13
  143. package/build/domain/mappers/layout/decisionLayoutToComponent.js +0 -22
  144. package/build/domain/mappers/layout/deprecatedListLayoutToComponent.js +0 -30
  145. package/build/domain/mappers/layout/dividerLayoutToComponent.js +0 -2
  146. package/build/domain/mappers/layout/formLayoutToComponent.js +0 -19
  147. package/build/domain/mappers/layout/headingLayoutToComponent.js +0 -12
  148. package/build/domain/mappers/layout/imageLayoutToComponent.js +0 -20
  149. package/build/domain/mappers/layout/infoLayoutToComponent.js +0 -12
  150. package/build/domain/mappers/layout/instructionsLayoutToComponent.js +0 -12
  151. package/build/domain/mappers/layout/listLayoutToComponent.js +0 -39
  152. package/build/domain/mappers/layout/loadingIndicatorLayoutToComponent.js +0 -9
  153. package/build/domain/mappers/layout/markdownLayoutToComponent.js +0 -12
  154. package/build/domain/mappers/layout/mediaLayoutToComponent.js +0 -12
  155. package/build/domain/mappers/layout/modalLayoutToComponent.js +0 -17
  156. package/build/domain/mappers/layout/modalToComponent.js +0 -8
  157. package/build/domain/mappers/layout/paragraphLayoutToComponent.js +0 -12
  158. package/build/domain/mappers/layout/progressLayoutToComponent.js +0 -15
  159. package/build/domain/mappers/layout/reviewLayoutToComponent.js +0 -48
  160. package/build/domain/mappers/layout/searchLayoutToComponent.js +0 -44
  161. package/build/domain/mappers/layout/sectionLayoutToComponent.js +0 -15
  162. package/build/domain/mappers/layout/statusListLayoutToComponent.js +0 -15
  163. package/build/domain/mappers/layout/tabsLayoutToComponent.js +0 -16
  164. package/build/domain/mappers/layout/upsellLayoutToComponent.js +0 -25
  165. package/build/domain/mappers/mapLayoutToComponent.js +0 -81
  166. package/build/domain/mappers/mapSchemaToComponent.js +0 -61
  167. package/build/domain/mappers/mapSchemaToComponent.test.js +0 -112
  168. package/build/domain/mappers/mapStepSchemas.js +0 -15
  169. package/build/domain/mappers/mapStepToComponent.js +0 -133
  170. package/build/domain/mappers/mapStepToComponent.test.js +0 -221
  171. package/build/domain/mappers/mapToolbarToComponent.js +0 -15
  172. package/build/domain/mappers/schema/allOfSchemaToComponent.js +0 -16
  173. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToComponent.js +0 -26
  174. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiSelectComponent.js +0 -55
  175. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiUploadComponent.js +0 -67
  176. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToRepeatableComponent.js +0 -57
  177. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToTupleComponent.js +0 -20
  178. package/build/domain/mappers/schema/blobSchemaToComponent.js +0 -15
  179. package/build/domain/mappers/schema/booleanSchemaToComponent.js +0 -29
  180. package/build/domain/mappers/schema/constSchemaToComponent.js +0 -23
  181. package/build/domain/mappers/schema/integerSchemaToComponent.js +0 -28
  182. package/build/domain/mappers/schema/numberSchemaToComponent.js +0 -26
  183. package/build/domain/mappers/schema/objectSchemaToComponent/assertDisplayOrder.js +0 -23
  184. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToFormattedValueComponent.js +0 -9
  185. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToMoneyInputComponent.js +0 -119
  186. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToMoneyInputComponent.test.js +0 -96
  187. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToObjectComponent.js +0 -31
  188. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToObjectComponent.test.js +0 -99
  189. package/build/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.js +0 -66
  190. package/build/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.test.js +0 -225
  191. package/build/domain/mappers/schema/persistAsyncSchemaToComponent.js +0 -29
  192. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.js +0 -18
  193. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.test.js +0 -133
  194. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.js +0 -48
  195. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToTextInputComponent.js +0 -37
  196. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToUploadInputComponent.js +0 -28
  197. package/build/domain/mappers/schema/tests/test-utils.js +0 -16
  198. package/build/domain/mappers/schema/types.js +0 -1
  199. package/build/domain/mappers/schema/utils/getPerformPersistAsyncFn.js +0 -19
  200. package/build/domain/mappers/schema/utils/getValidationAsyncInitialState.js +0 -23
  201. package/build/domain/mappers/schema/utils/mapCommonSchemaProps.js +0 -16
  202. package/build/domain/mappers/types.js +0 -1
  203. package/build/domain/mappers/utils/FeatureFlags.js +0 -22
  204. package/build/domain/mappers/utils/behavior-utils.js +0 -44
  205. package/build/domain/mappers/utils/call-to-action-utils.js +0 -21
  206. package/build/domain/mappers/utils/getAutocompleteString.js +0 -76
  207. package/build/domain/mappers/utils/getAutocompleteString.test.js +0 -21
  208. package/build/domain/mappers/utils/groupLayoutByPinned.js +0 -38
  209. package/build/domain/mappers/utils/groupLayoutByPinned.test.js +0 -166
  210. package/build/domain/mappers/utils/image.js +0 -9
  211. package/build/domain/mappers/utils/layout-utils.js +0 -11
  212. package/build/domain/mappers/utils/legacy-utils.js +0 -49
  213. package/build/domain/mappers/utils/media-utils.js +0 -14
  214. package/build/domain/mappers/utils/suggestions-utils.js +0 -26
  215. package/build/domain/mappers/utils/suggestions-utils.test.js +0 -36
  216. package/build/domain/mappers/utils/tags-utils.js +0 -1
  217. package/build/domain/mappers/utils/utils.js +0 -35
  218. package/build/domain/types.js +0 -1
  219. package/build/getSubflowCallbacks.js +0 -38
  220. package/build/i18n/index.js +0 -40
  221. package/build/index.js +0 -8
  222. package/build/renderers/CoreContainerRenderer.js +0 -5
  223. package/build/renderers/CoreRootRenderer.js +0 -12
  224. package/build/renderers/EmptyLoadingStateRenderer.js +0 -5
  225. package/build/renderers/getRenderFunction.js +0 -24
  226. package/build/renderers/getSchemaErrorMessageFunction.js +0 -97
  227. package/build/renderers/mappers/alertComponentToProps.js +0 -2
  228. package/build/renderers/mappers/allOfComponentToProps.js +0 -6
  229. package/build/renderers/mappers/booleanInputComponentToProps.js +0 -5
  230. package/build/renderers/mappers/boxComponentToProps.js +0 -13
  231. package/build/renderers/mappers/buttonComponentToProps.js +0 -4
  232. package/build/renderers/mappers/columnsComponentToProps.js +0 -11
  233. package/build/renderers/mappers/componentToRendererProps.js +0 -164
  234. package/build/renderers/mappers/constComponentToProps.js +0 -5
  235. package/build/renderers/mappers/containerComponentToProps.js +0 -7
  236. package/build/renderers/mappers/dateInputComponentToProps.js +0 -2
  237. package/build/renderers/mappers/decisionComponentToProps.js +0 -16
  238. package/build/renderers/mappers/dividerComponentToProps.js +0 -2
  239. package/build/renderers/mappers/externalComponentToProps.js +0 -3
  240. package/build/renderers/mappers/formComponentToProps.js +0 -12
  241. package/build/renderers/mappers/formattedValueComponentToProps.js +0 -5
  242. package/build/renderers/mappers/headingComponentToProps.js +0 -2
  243. package/build/renderers/mappers/hiddenComponentToProps.js +0 -4
  244. package/build/renderers/mappers/imageComponentToProps.js +0 -2
  245. package/build/renderers/mappers/instructionsComponentToProps.js +0 -2
  246. package/build/renderers/mappers/integerInputComponentToProps.js +0 -2
  247. package/build/renderers/mappers/listComponentToProps.js +0 -2
  248. package/build/renderers/mappers/loadingIndicatorComponentToProps.js +0 -2
  249. package/build/renderers/mappers/markdownComponentToProps.js +0 -2
  250. package/build/renderers/mappers/mediaComponentToProps.js +0 -2
  251. package/build/renderers/mappers/modalComponentToProps.js +0 -11
  252. package/build/renderers/mappers/modalLayoutComponentToProps.js +0 -16
  253. package/build/renderers/mappers/moneyInputComponentToProps.js +0 -36
  254. package/build/renderers/mappers/multiSelectComponentToProps.js +0 -23
  255. package/build/renderers/mappers/multiUploadInputComponentToProps.js +0 -12
  256. package/build/renderers/mappers/numberInputComponentToProps.js +0 -2
  257. package/build/renderers/mappers/objectComponentToProps.js +0 -8
  258. package/build/renderers/mappers/paragraphComponentToProps.js +0 -2
  259. package/build/renderers/mappers/persistAsyncComponentToProps.js +0 -8
  260. package/build/renderers/mappers/progressComponentToProps.js +0 -2
  261. package/build/renderers/mappers/repeatableComponentToProps.js +0 -30
  262. package/build/renderers/mappers/reviewComponentToProps.js +0 -2
  263. package/build/renderers/mappers/rootComponentToProps.js +0 -21
  264. package/build/renderers/mappers/searchComponentToProps.js +0 -57
  265. package/build/renderers/mappers/sectionComponentToProps.js +0 -6
  266. package/build/renderers/mappers/selectInputComponentToProps.js +0 -34
  267. package/build/renderers/mappers/statusListComponentToProps.js +0 -2
  268. package/build/renderers/mappers/subflowComponentToRendererProps.js +0 -4
  269. package/build/renderers/mappers/tabsComponentToProps.js +0 -14
  270. package/build/renderers/mappers/textInputComponentToProps.js +0 -2
  271. package/build/renderers/mappers/tupleComponentToProps.js +0 -8
  272. package/build/renderers/mappers/uploadInputComponentToProps.js +0 -8
  273. package/build/renderers/mappers/upsellComponentToProps.js +0 -2
  274. package/build/renderers/mappers/utils/getValidationState.js +0 -12
  275. package/build/renderers/mappers/utils/inputComponentToProps.js +0 -26
  276. package/build/renderers/mappers/utils/mapErrorsToValidationState.js +0 -9
  277. package/build/renderers/mappers/utils/pick.js +0 -8
  278. package/build/renderers/mappers/utils/selectInputOptionsToProps.js +0 -11
  279. package/build/renderers/stepComponentToProps.js +0 -32
  280. package/build/renderers/utils.js +0 -69
  281. package/build/renderers/utils.test.js +0 -70
  282. package/build/stories/dev-tools/ContainerQueries.story.js +0 -66
  283. package/build/stories/dev-tools/Debugger.story.js +0 -38
  284. package/build/stories/dev-tools/FixtureSelect.story.js +0 -23
  285. package/build/stories/dev-tools/TestServer.story.js +0 -32
  286. package/build/stories/examples/NativeFlow.story.js +0 -80
  287. package/build/stories/examples/Recipients.story.js +0 -568
  288. package/build/stories/spec/behavior/Copy.story.js +0 -71
  289. package/build/stories/spec/behavior/Link.story.js +0 -40
  290. package/build/stories/spec/behavior/Modal.story.js +0 -79
  291. package/build/stories/spec/behavior/Subflow.story.js +0 -267
  292. package/build/stories/spec/layouts/Decision.story.js +0 -241
  293. package/build/stories/spec/layouts/Image.story.js +0 -42
  294. package/build/stories/spec/layouts/Modal.story.js +0 -81
  295. package/build/stories/spec/layouts/Search.story.js +0 -325
  296. package/build/stories/spec/layouts/Upsell.story.js +0 -55
  297. package/build/stories/spec/layouts/button/Button.story.js +0 -100
  298. package/build/stories/spec/layouts/button/PinnedButton.story.js +0 -81
  299. package/build/stories/spec/response/ActionResponse.story.js +0 -66
  300. package/build/stories/spec/schemas/MultiSelect.story.js +0 -148
  301. package/build/stories/spec/schemas/Upload.story.js +0 -168
  302. package/build/stories/spec/schemas/const/ConstLayout.story.js +0 -159
  303. package/build/stories/spec/schemas/const/ObjectConst.story.js +0 -94
  304. package/build/stories/spec/schemas/features/PersistAsync.story.js +0 -211
  305. package/build/stories/spec/schemas/features/ValidationAsync.story.js +0 -103
  306. package/build/stories/spec/schemas/object/FormattedValue.story.js +0 -92
  307. package/build/stories/spec/schemas/object/MoneyInput.story.js +0 -240
  308. package/build/stories/spec/schemas/oneOf/OneOfInitialisation.story.js +0 -55
  309. package/build/stories/spec/schemas/oneOf/OneOfWithSingleOption.story.js +0 -114
  310. package/build/stories/spec/step/Controls.story.js +0 -109
  311. package/build/stories/spec/step/DFModal.story.js +0 -58
  312. package/build/stories/spec/step/Footer.story.js +0 -70
  313. package/build/stories/spec/step/Navigation.story.js +0 -20
  314. package/build/stories/spec/step/Tags.story.js +0 -39
  315. package/build/stories/spec/step/ToolBar.story.js +0 -60
  316. package/build/stories/spec/step/features/ErrorHandling.story.js +0 -92
  317. package/build/stories/spec/step/features/External.story.js +0 -91
  318. package/build/stories/spec/step/features/Polling.story.js +0 -108
  319. package/build/stories/spec/step/features/RefreshAfter.story.js +0 -92
  320. package/build/stories/spec/step/features/refresh/Refresh.story.js +0 -258
  321. package/build/stories/spec/step/features/refresh/RefreshWithPersistAsync.story.js +0 -958
  322. package/build/stories/types.js +0 -1
  323. package/build/stories/utils/fixtureHttpClient.js +0 -70
  324. package/build/stories/utils/getBasicStep.js +0 -223
  325. package/build/stories/utils/mockSearchHandler.js +0 -71
  326. package/build/stories/utils/render-utils.js +0 -41
  327. package/build/stories/visual-tests/layouts/NotUsingListItem.story.js +0 -17
  328. package/build/test-utils/DynamicFlowWise.js +0 -32
  329. package/build/test-utils/DynamicFlowWiseModal.js +0 -34
  330. package/build/test-utils/NeptuneProviders.js +0 -11
  331. package/build/test-utils/component-utils.js +0 -5
  332. package/build/test-utils/fetch-utils.js +0 -45
  333. package/build/test-utils/getMergedTestRenderers.js +0 -34
  334. package/build/test-utils/getRandomId.js +0 -1
  335. package/build/test-utils/index.js +0 -3
  336. package/build/test-utils/rtl-utils.js +0 -7
  337. package/build/test-utils/step-utils.js +0 -6
  338. package/build/test-utils/wait.js +0 -3
  339. package/build/tests/AlertLayout.test.js +0 -78
  340. package/build/tests/ArrayTuple.test.js +0 -118
  341. package/build/tests/ButtonLayout.test.js +0 -308
  342. package/build/tests/ConstLayout.test.js +0 -95
  343. package/build/tests/DateInput.test.js +0 -163
  344. package/build/tests/DecisionLayout.test.js +0 -146
  345. package/build/tests/DynamicFlow.test.js +0 -147
  346. package/build/tests/External.test.js +0 -169
  347. package/build/tests/Flow.test.js +0 -328
  348. package/build/tests/FormLayout.test.js +0 -28
  349. package/build/tests/FormattedValue.test.js +0 -107
  350. package/build/tests/ImageRenderer.test.js +0 -78
  351. package/build/tests/InitialAction.test.js +0 -179
  352. package/build/tests/InitialStep.test.js +0 -168
  353. package/build/tests/InstructionsLayout.test.js +0 -45
  354. package/build/tests/ListLayout.test.js +0 -145
  355. package/build/tests/Logging.test.js +0 -53
  356. package/build/tests/ModalBehavior.test.js +0 -149
  357. package/build/tests/MoneyInput.test.js +0 -316
  358. package/build/tests/MultiUpload.test.js +0 -293
  359. package/build/tests/NativeBack.test.js +0 -267
  360. package/build/tests/NoOp.test.js +0 -194
  361. package/build/tests/OneOfInitialisation.test.js +0 -571
  362. package/build/tests/PersistAsync.test.js +0 -687
  363. package/build/tests/Polling.test.js +0 -617
  364. package/build/tests/Prefetching.test.js +0 -230
  365. package/build/tests/RefreshAfter.test.js +0 -63
  366. package/build/tests/RefreshOnChange.ResponseHandling.test.js +0 -205
  367. package/build/tests/RefreshOnChange.test.js +0 -233
  368. package/build/tests/RefreshOnChange.with.Segmented.test.js +0 -348
  369. package/build/tests/RefreshOnChange.with.Tabs.test.js +0 -358
  370. package/build/tests/RefreshOnChangePreserve.test.js +0 -224
  371. package/build/tests/RendererProps.test.js +0 -342
  372. package/build/tests/Repeatable.test.js +0 -107
  373. package/build/tests/Rerendering.test.js +0 -67
  374. package/build/tests/ReviewLayout.test.js +0 -274
  375. package/build/tests/SchemaOnChange.test.js +0 -133
  376. package/build/tests/SchemaReferences.test.js +0 -88
  377. package/build/tests/ScrollToError.test.js +0 -217
  378. package/build/tests/SegmentedControl.test.js +0 -49
  379. package/build/tests/SingleFileUpload.test.js +0 -88
  380. package/build/tests/StatusList.test.js +0 -85
  381. package/build/tests/Subflow.test.js +0 -710
  382. package/build/tests/Submission.ResponseHandling.test.js +0 -557
  383. package/build/tests/Submission.merging.test.js +0 -202
  384. package/build/tests/Submission.test.js +0 -748
  385. package/build/tests/Tags.test.js +0 -475
  386. package/build/tests/Upsell.test.js +0 -154
  387. package/build/tests/ValidationAsync.test.js +0 -295
  388. package/build/tests/legacy/Actions.test.js +0 -158
  389. package/build/tests/legacy/BackButton.test.js +0 -114
  390. package/build/tests/legacy/HiddenSchemas.test.js +0 -246
  391. package/build/tests/legacy/MultiSelect.test.js +0 -501
  392. package/build/tests/legacy/MultipleFileUploadSchema.test.js +0 -341
  393. package/build/tests/legacy/PersistAsync.blob-schema.test.js +0 -224
  394. package/build/tests/legacy/PersistAsync.string-schema.test.js +0 -211
  395. package/build/tests/legacy/RefreshStepOnChange.debouncing.test.js +0 -209
  396. package/build/tests/legacy/RefreshStepOnChange.test.js +0 -424
  397. package/build/tests/legacy/Search.test.js +0 -437
  398. package/build/tests/renderers/MultiSelectInputRendererProps.test.js +0 -58
  399. package/build/tests/renderers/SelectInputRendererProps.test.js +0 -43
  400. package/build/tests/renderers/TextInputRenderer.test.js +0 -51
  401. package/build/types/utils/openLinkInNewTab.d.ts.map +0 -1
  402. package/build/types.js +0 -1
  403. package/build/useDynamicFlow.js +0 -104
  404. package/build/useDynamicFlowModal.js +0 -58
  405. package/build/utils/analyse-step.js +0 -14
  406. package/build/utils/component-utils.js +0 -8
  407. package/build/utils/component-utils.test.js +0 -113
  408. package/build/utils/getScrollToTop.js +0 -12
  409. package/build/utils/normalise-flow-id.js +0 -1
  410. package/build/utils/normalise-flow-id.test.js +0 -24
  411. package/build/utils/openLinkInNewTab.js +0 -10
  412. package/build/utils/recursiveMerge.js +0 -40
  413. package/build/utils/recursiveMerge.test.js +0 -93
  414. package/build/utils/type-utils.js +0 -21
  415. package/build/utils/type-validators.js +0 -11
  416. package/build/utils/type-validators.test.js +0 -180
  417. package/build/utils/useStableCallback.js +0 -15
  418. /package/build/types/{utils → test-utils}/openLinkInNewTab.d.ts +0 -0
@@ -1,557 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /* eslint-disable testing-library/render-result-naming-convention */
3
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
4
- import { screen, waitFor } from '@testing-library/react';
5
- import { userEvent } from '@testing-library/user-event';
6
- import { vi } from 'vitest';
7
- import { getMockHttpClient, renderWithProviders, respondWith } from '../test-utils';
8
- import DynamicFlowWise from '../test-utils/DynamicFlowWise';
9
- const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
10
- const getProps = () => ({
11
- flowId: 'flow-id',
12
- onCompletion: vi.fn(),
13
- onError: vi.fn(),
14
- onEvent: vi.fn(),
15
- onLog: vi.fn(),
16
- });
17
- const initialSchema = {
18
- $id: '#form',
19
- type: 'object',
20
- displayOrder: ['name', 'age'],
21
- required: ['name'],
22
- properties: {
23
- name: {
24
- title: 'Name',
25
- type: 'string',
26
- },
27
- age: {
28
- title: 'Age',
29
- type: 'number',
30
- },
31
- },
32
- };
33
- const initialStep = {
34
- id: 'step-id',
35
- title: 'Submission test',
36
- layout: [
37
- {
38
- type: 'form',
39
- schemaId: '#form',
40
- },
41
- {
42
- type: 'button',
43
- title: 'Submit',
44
- action: { id: 'action-id', url: '/submit', method: 'POST' },
45
- },
46
- ],
47
- schemas: [initialSchema],
48
- };
49
- const newStep = {
50
- id: 'new-step',
51
- title: 'New step title',
52
- layout: [],
53
- schemas: [],
54
- };
55
- const renderInitialStepAndSubmit = async (httpClient) => {
56
- const props = Object.assign(Object.assign({}, getProps()), { initialStep, httpClient });
57
- renderWithProviders(_jsx(DynamicFlowWise, Object.assign({}, props)));
58
- await waitFor(() => {
59
- expect(screen.getByText(initialStep.title)).toBeInTheDocument();
60
- });
61
- await user.type(screen.getByLabelText('Name'), 'Marty');
62
- await user.click(screen.getByText('Submit'));
63
- return props;
64
- };
65
- describe('Submission response handling', () => {
66
- describe('Status 2xx (response.ok)', () => {
67
- describe('Without response type headers', () => {
68
- describe('when the response is a valid step', () => {
69
- it('should render the new step, and trigger the "Action Succeeded" and "Step Shown" events', async () => {
70
- const httpClient = vi.fn().mockResolvedValue(respondWith(newStep));
71
- const props = await renderInitialStepAndSubmit(httpClient);
72
- await waitFor(() => {
73
- expect(screen.getByText('New step title')).toBeInTheDocument();
74
- });
75
- expect(screen.queryByText(props.initialStep.title)).not.toBeInTheDocument();
76
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
77
- flowId: 'flow-id',
78
- stepId: 'step-id',
79
- stepCount: 0,
80
- actionId: 'action-id',
81
- }));
82
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Step Shown', expect.objectContaining({
83
- flowId: 'flow-id',
84
- stepId: 'new-step',
85
- stepCount: 1,
86
- isFirstStep: false,
87
- }));
88
- });
89
- });
90
- describe('when the response is an invalid step', () => {
91
- it('should trigger onError and the "Action Failed" and "Failed" events', async () => {
92
- var _a;
93
- const httpClient = vi.fn().mockResolvedValue(respondWith("I'm not a step"));
94
- const props = await renderInitialStepAndSubmit(httpClient);
95
- await waitFor(() => {
96
- expect(props.onError).toHaveBeenCalledWith(expect.any(Error), undefined);
97
- });
98
- expect((_a = props.onError.mock.lastCall) === null || _a === void 0 ? void 0 : _a[0].message).toMatch(/Incorrect response body/);
99
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
100
- flowId: 'flow-id',
101
- stepId: 'step-id',
102
- stepCount: 0,
103
- actionId: 'action-id',
104
- errorMessage: expect.stringContaining('Incorrect response body'),
105
- }));
106
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Failed', expect.objectContaining({
107
- flowId: 'flow-id',
108
- stepId: 'step-id',
109
- stepCount: 0,
110
- }));
111
- });
112
- });
113
- });
114
- describe('With X-Df-Response-Type header: "step"', () => {
115
- const headers = { 'X-Df-Response-Type': 'step' };
116
- describe('when the response is a valid step', () => {
117
- it('should render the new step and trigger the "Action Succeeded" and "Step Shown" events', async () => {
118
- const httpClient = vi.fn().mockResolvedValue(respondWith(newStep, { headers }));
119
- const props = await renderInitialStepAndSubmit(httpClient);
120
- await waitFor(() => {
121
- expect(screen.getByText('New step title')).toBeInTheDocument();
122
- });
123
- expect(screen.queryByText(props.initialStep.title)).not.toBeInTheDocument();
124
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
125
- flowId: 'flow-id',
126
- stepId: 'step-id',
127
- stepCount: 0,
128
- actionId: 'action-id',
129
- }));
130
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Step Shown', expect.objectContaining({
131
- flowId: 'flow-id',
132
- stepId: 'new-step',
133
- stepCount: 1,
134
- isFirstStep: false,
135
- }));
136
- });
137
- });
138
- describe('when the response is an invalid step', () => {
139
- it('should trigger onError and the "Action Failed" and "Failed" events', async () => {
140
- var _a;
141
- const httpClient = vi.fn().mockResolvedValue(respondWith("I'm not a step", { headers }));
142
- const props = await renderInitialStepAndSubmit(httpClient);
143
- await waitFor(() => {
144
- expect(props.onError).toHaveBeenCalledWith(expect.any(Error), undefined);
145
- });
146
- expect((_a = props.onError.mock.lastCall) === null || _a === void 0 ? void 0 : _a[0].message).toMatch(/Incorrect response body/);
147
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
148
- flowId: 'flow-id',
149
- stepId: 'step-id',
150
- stepCount: 0,
151
- actionId: 'action-id',
152
- errorMessage: expect.stringContaining('Incorrect response body'),
153
- }));
154
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Failed', expect.objectContaining({
155
- flowId: 'flow-id',
156
- stepId: 'step-id',
157
- stepCount: 0,
158
- }));
159
- });
160
- });
161
- });
162
- describe('With X-Df-Response-Type header: "action"', () => {
163
- const headers = { 'X-Df-Response-Type': 'action' };
164
- describe('when the response body is a valid action', () => {
165
- it('should trigger a new action, including its data, and a "Action Succeeded" event', async () => {
166
- const httpClient = vi
167
- .fn()
168
- .mockResolvedValue(respondWith({ action: { url: '/action-url', data: { foo: 'bar' } } }, { headers }));
169
- const props = await renderInitialStepAndSubmit(httpClient);
170
- await waitFor(() => {
171
- expect(httpClient).toHaveBeenCalledWith('/action-url', expect.objectContaining({ body: '{"foo":"bar"}' }));
172
- });
173
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
174
- flowId: 'flow-id',
175
- stepId: 'step-id',
176
- stepCount: 0,
177
- actionId: 'action-id',
178
- }));
179
- });
180
- });
181
- describe('when the response body is NOT a valid action', () => {
182
- it('should call onError, and trigger "Action Failed" and "Failed" events', async () => {
183
- var _a;
184
- const httpClient = vi
185
- .fn()
186
- .mockResolvedValue(respondWith("I'm not an action", { headers }));
187
- const props = await renderInitialStepAndSubmit(httpClient);
188
- await waitFor(() => {
189
- expect(props.onError).toHaveBeenCalledWith(expect.any(Error), undefined);
190
- });
191
- expect((_a = props.onError.mock.lastCall) === null || _a === void 0 ? void 0 : _a[0].message).toMatch(/Incorrect response body/);
192
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
193
- flowId: 'flow-id',
194
- stepId: 'step-id',
195
- stepCount: 0,
196
- actionId: 'action-id',
197
- errorMessage: expect.stringContaining('Incorrect response body'),
198
- }));
199
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Failed', expect.objectContaining({
200
- flowId: 'flow-id',
201
- stepId: 'step-id',
202
- stepCount: 0,
203
- }));
204
- });
205
- });
206
- });
207
- describe('With X-Df-Response-Type header: "exit"', () => {
208
- const headers = { 'X-Df-Response-Type': 'exit' };
209
- it('should trigger onCompletion, and the "Action Succeeded" and "Succeeded" events', async () => {
210
- const httpClient = vi.fn().mockResolvedValue(respondWith({ foo: 'bar' }, { headers }));
211
- const props = await renderInitialStepAndSubmit(httpClient);
212
- await waitFor(() => {
213
- expect(props.onCompletion).toHaveBeenCalledWith({ foo: 'bar' });
214
- });
215
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
216
- flowId: 'flow-id',
217
- stepId: 'step-id',
218
- stepCount: 0,
219
- actionId: 'action-id',
220
- }));
221
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Succeeded', expect.objectContaining({
222
- flowId: 'flow-id',
223
- stepId: 'step-id',
224
- stepCount: 0,
225
- }));
226
- });
227
- });
228
- describe('With X-Df-Response-Type header: "modal"', () => {
229
- const headers = { 'X-Df-Response-Type': 'modal' };
230
- describe('when the response body is a valid modal behavior', () => {
231
- it('should render the modal, and trigger an "Action Succeeded" event', async () => {
232
- const httpClient = vi.fn().mockResolvedValue(respondWith({
233
- title: 'Modal Title',
234
- content: [{ type: 'paragraph', text: 'This is a modal' }],
235
- }, { headers }));
236
- const props = await renderInitialStepAndSubmit(httpClient);
237
- await waitFor(() => {
238
- expect(screen.getByText('Modal Title')).toBeInTheDocument();
239
- });
240
- expect(screen.getByText('This is a modal')).toBeInTheDocument();
241
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
242
- flowId: 'flow-id',
243
- stepId: 'step-id',
244
- stepCount: 0,
245
- actionId: 'action-id',
246
- }));
247
- });
248
- });
249
- describe('when the response body is NOT a valid modal behavior', () => {
250
- it('should call onError, and trigger "Action Failed" and "Failed" events', async () => {
251
- var _a;
252
- const httpClient = vi
253
- .fn()
254
- .mockResolvedValue(respondWith({ banana: 'not a modal' }, { headers }));
255
- const props = await renderInitialStepAndSubmit(httpClient);
256
- await waitFor(() => {
257
- expect(props.onError).toHaveBeenCalledWith(expect.any(Error), undefined);
258
- });
259
- expect((_a = props.onError.mock.lastCall) === null || _a === void 0 ? void 0 : _a[0].message).toMatch(/Incorrect response body/);
260
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
261
- flowId: 'flow-id',
262
- stepId: 'step-id',
263
- stepCount: 0,
264
- actionId: 'action-id',
265
- errorMessage: expect.stringContaining('Incorrect response body'),
266
- }));
267
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Failed', expect.objectContaining({
268
- flowId: 'flow-id',
269
- stepId: 'step-id',
270
- stepCount: 0,
271
- }));
272
- });
273
- });
274
- });
275
- describe('With X-Df-Exit header', () => {
276
- const headers = { 'X-Df-Exit': 'true' };
277
- it('should trigger onCompletion, and the "Action Succeeded" and "Succeeded" events', async () => {
278
- const httpClient = vi.fn().mockResolvedValue(respondWith({ foo: 'bar' }, { headers }));
279
- const props = await renderInitialStepAndSubmit(httpClient);
280
- await waitFor(() => {
281
- expect(props.onCompletion).toHaveBeenCalledWith({ foo: 'bar' });
282
- });
283
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Succeeded', expect.objectContaining({
284
- flowId: 'flow-id',
285
- stepId: 'step-id',
286
- stepCount: 0,
287
- actionId: 'action-id',
288
- }));
289
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Succeeded', expect.objectContaining({
290
- flowId: 'flow-id',
291
- stepId: 'step-id',
292
- stepCount: 0,
293
- }));
294
- });
295
- });
296
- });
297
- describe('Status 4xx or 5xx', () => {
298
- describe('When the response body can be parsed as an ErrorResponseBody', () => {
299
- const getHttpClient = () => vi.fn().mockResolvedValue(respondWith({
300
- error: 'Global Error',
301
- validation: { name: 'Your name is wrong' },
302
- analytics: { shopping: 'list' },
303
- }, { status: 422 }));
304
- it('should not trigger onError', async () => {
305
- const props = await renderInitialStepAndSubmit(getHttpClient());
306
- await waitFor(() => {
307
- expect(props.onError).not.toHaveBeenCalled();
308
- });
309
- });
310
- it('should display the errors', async () => {
311
- await renderInitialStepAndSubmit(getHttpClient());
312
- await waitFor(() => {
313
- expect(screen.getByText('Global Error')).toBeInTheDocument();
314
- });
315
- expect(screen.getByText('Your name is wrong')).toBeInTheDocument();
316
- });
317
- it('should retain the user input', async () => {
318
- await renderInitialStepAndSubmit(getHttpClient());
319
- await waitFor(() => {
320
- expect(screen.getByText('Your name is wrong')).toBeInTheDocument();
321
- });
322
- expect(screen.getByDisplayValue('Marty')).toBeInTheDocument();
323
- });
324
- it('should trigger an "Action failed" event with the expected properties and analytics', async () => {
325
- const props = await renderInitialStepAndSubmit(getHttpClient());
326
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
327
- flowId: 'flow-id',
328
- stepId: 'step-id',
329
- actionId: 'action-id',
330
- shopping: 'list',
331
- }));
332
- });
333
- });
334
- describe('When the ErrorResponseBody contains a "refreshUrl" property', () => {
335
- const getHttpClient = () => vi.fn().mockImplementation(async (input) => {
336
- if (input === '/submit') {
337
- return respondWith({
338
- error: 'This is a global error',
339
- validation: { name: 'Your name is wrong (server-side)' },
340
- refreshUrl: '/refresh',
341
- analytics: { shopping: 'list' },
342
- }, { status: 422 });
343
- }
344
- if (input === '/refresh') {
345
- return respondWith(Object.assign(Object.assign({}, initialStep), { title: 'Refreshed step title' }));
346
- }
347
- return respondWith('Not found', { status: 404 });
348
- });
349
- it('should not trigger onError', async () => {
350
- const props = await renderInitialStepAndSubmit(getHttpClient());
351
- await waitFor(() => {
352
- expect(props.onError).not.toHaveBeenCalled();
353
- });
354
- });
355
- it('should trigger a refresh', async () => {
356
- const props = await renderInitialStepAndSubmit(getHttpClient());
357
- await waitFor(() => {
358
- expect(screen.getByText('Refreshed step title')).toBeInTheDocument();
359
- });
360
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Refresh Succeeded', expect.objectContaining({
361
- flowId: 'flow-id',
362
- stepId: 'step-id',
363
- stepCount: 0,
364
- }));
365
- expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
366
- flowId: 'flow-id',
367
- stepId: 'step-id',
368
- actionId: 'action-id',
369
- shopping: 'list',
370
- statusCode: 422,
371
- }));
372
- });
373
- it('should display the global and validation errors from the response', async () => {
374
- await renderInitialStepAndSubmit(getHttpClient());
375
- await waitFor(() => {
376
- expect(screen.getByText('This is a global error')).toBeInTheDocument();
377
- });
378
- expect(screen.getByText('Your name is wrong (server-side)')).toBeInTheDocument();
379
- });
380
- it('should not display client-side validation until a subsequent submission', async () => {
381
- const httpClient = getMockHttpClient({
382
- '/submit': async () => respondWith({
383
- error: 'This is a global error',
384
- validation: {
385
- name: 'Your name is wrong (server-side)',
386
- city: 'You now need to enter a city as well (server-side)',
387
- },
388
- refreshUrl: '/refresh',
389
- analytics: { shopping: 'list' },
390
- }, { status: 422 }),
391
- '/refresh': async () => respondWith(Object.assign(Object.assign({}, initialStep), { model: { name: 'Marty' }, title: 'Refreshed step title', schemas: [
392
- {
393
- $id: '#form',
394
- type: 'object',
395
- displayOrder: ['name', 'age', 'city'],
396
- required: ['name', 'city'],
397
- properties: {
398
- name: {
399
- title: 'Name',
400
- type: 'string',
401
- validationMessages: { required: 'Please enter a name.' },
402
- },
403
- age: {
404
- title: 'Age',
405
- type: 'number',
406
- },
407
- city: {
408
- title: 'City',
409
- type: 'string',
410
- validationMessages: { required: 'Please enter a city.' },
411
- },
412
- },
413
- },
414
- ] })),
415
- });
416
- await renderInitialStepAndSubmit(httpClient);
417
- await waitFor(() => {
418
- expect(screen.getByText('City')).toBeInTheDocument();
419
- });
420
- expect(screen.getByDisplayValue('Marty')).toBeInTheDocument();
421
- // server-side validation errors
422
- expect(screen.getByText('Your name is wrong (server-side)')).toBeInTheDocument();
423
- expect(screen.getByText('You now need to enter a city as well (server-side)')).toBeInTheDocument();
424
- expect(screen.queryByText('Please enter a name.')).not.toBeInTheDocument();
425
- expect(screen.queryByText('Please enter a city.')).not.toBeInTheDocument();
426
- await user.click(screen.getByText('Submit'));
427
- // we expect a client-side validation error, because the city is missing
428
- expect(screen.getByText('Please enter a city.')).toBeInTheDocument();
429
- await user.type(screen.getByLabelText('City'), 'Hill Valley');
430
- await user.click(screen.getByText('Submit'));
431
- // we expect the same server-side validation errors
432
- expect(screen.getByText('Your name is wrong (server-side)')).toBeInTheDocument();
433
- expect(screen.getByText('You now need to enter a city as well (server-side)')).toBeInTheDocument();
434
- // we don't expect the client-side validation error anymore
435
- expect(screen.queryByText('Please enter a name.')).not.toBeInTheDocument();
436
- expect(screen.queryByText('Please enter a city.')).not.toBeInTheDocument();
437
- });
438
- });
439
- describe('When the response body can NOT be parsed as an ErrorResponseBody', () => {
440
- const getHttpClient = () => vi.fn().mockResolvedValue(respondWith('', { status: 422 }));
441
- it('should display a generic global error', async () => {
442
- await renderInitialStepAndSubmit(getHttpClient());
443
- await waitFor(() => {
444
- expect(screen.getByText('Something went wrong, please try again.')).toBeInTheDocument();
445
- });
446
- });
447
- it('should not trigger onError', async () => {
448
- const props = await renderInitialStepAndSubmit(getHttpClient());
449
- await waitFor(() => {
450
- expect(props.onError).not.toHaveBeenCalled();
451
- });
452
- });
453
- it('should trigger an "Action Failed"', async () => {
454
- const props = await renderInitialStepAndSubmit(getHttpClient());
455
- await waitFor(() => {
456
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
457
- flowId: 'flow-id',
458
- stepId: 'step-id',
459
- actionId: 'action-id',
460
- statusCode: 422,
461
- }));
462
- });
463
- expect(props.onEvent).not.toHaveBeenCalledWith('Dynamic Flow - Failed', expect.anything());
464
- });
465
- it('should allow the user to try (submit) again', async () => {
466
- const httpClient = getHttpClient();
467
- const props = await renderInitialStepAndSubmit(httpClient);
468
- await waitFor(() => {
469
- expect(props.onError).not.toHaveBeenCalled();
470
- });
471
- await user.type(screen.getByLabelText('Name'), ' McFly');
472
- await user.click(screen.getByText('Submit'));
473
- await waitFor(() => {
474
- expect(httpClient).toHaveBeenLastCalledWith('/submit', expect.objectContaining({ body: '{"name":"Marty McFly"}' }));
475
- });
476
- });
477
- });
478
- });
479
- describe('When the request Promise rejects', () => {
480
- const getHttpClient = () => vi.fn().mockRejectedValue(new Error('Network error: Failed to fetch'));
481
- it('should display a generic global error', async () => {
482
- await renderInitialStepAndSubmit(getHttpClient());
483
- await waitFor(() => {
484
- expect(screen.getByText('Something went wrong, please try again.')).toBeInTheDocument();
485
- });
486
- });
487
- it('should not trigger onError', async () => {
488
- const props = await renderInitialStepAndSubmit(getHttpClient());
489
- await waitFor(() => {
490
- expect(props.onError).not.toHaveBeenCalled();
491
- });
492
- });
493
- it('should trigger an "Action Failed"', async () => {
494
- const props = await renderInitialStepAndSubmit(getHttpClient());
495
- await waitFor(() => {
496
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
497
- flowId: 'flow-id',
498
- stepId: 'step-id',
499
- actionId: 'action-id',
500
- }));
501
- });
502
- expect(props.onEvent).not.toHaveBeenCalledWith('Dynamic Flow - Failed', expect.anything());
503
- });
504
- it('should allow the user to try (submit) again', async () => {
505
- const httpClient = getHttpClient();
506
- const props = await renderInitialStepAndSubmit(httpClient);
507
- await waitFor(() => {
508
- expect(props.onError).not.toHaveBeenCalled();
509
- });
510
- await user.type(screen.getByLabelText('Name'), ' McFly');
511
- await user.click(screen.getByText('Submit'));
512
- await waitFor(() => {
513
- expect(httpClient).toHaveBeenLastCalledWith('/submit', expect.objectContaining({ body: '{"name":"Marty McFly"}' }));
514
- });
515
- });
516
- });
517
- describe('When the call to httpClient throws', () => {
518
- const getHttpClient = () => vi.fn(() => {
519
- throw new Error('Network error: Failed to fetch');
520
- });
521
- it('should display a generic global error', async () => {
522
- await renderInitialStepAndSubmit(getHttpClient());
523
- await waitFor(() => {
524
- expect(screen.getByText('Something went wrong, please try again.')).toBeInTheDocument();
525
- });
526
- });
527
- it('should not trigger onError', async () => {
528
- const props = await renderInitialStepAndSubmit(getHttpClient());
529
- await waitFor(() => {
530
- expect(props.onError).not.toHaveBeenCalled();
531
- });
532
- });
533
- it('should trigger an "Action Failed"', async () => {
534
- const props = await renderInitialStepAndSubmit(getHttpClient());
535
- await waitFor(() => {
536
- expect(props.onEvent).toHaveBeenLastCalledWith('Dynamic Flow - Action Failed', expect.objectContaining({
537
- flowId: 'flow-id',
538
- stepId: 'step-id',
539
- actionId: 'action-id',
540
- }));
541
- });
542
- expect(props.onEvent).not.toHaveBeenCalledWith('Dynamic Flow - Failed', expect.anything());
543
- });
544
- it('should allow the user to try (submit) again', async () => {
545
- const httpClient = getHttpClient();
546
- const props = await renderInitialStepAndSubmit(httpClient);
547
- await waitFor(() => {
548
- expect(props.onError).not.toHaveBeenCalled();
549
- });
550
- await user.type(screen.getByLabelText('Name'), ' McFly');
551
- await user.click(screen.getByText('Submit'));
552
- await waitFor(() => {
553
- expect(httpClient).toHaveBeenLastCalledWith('/submit', expect.objectContaining({ body: '{"name":"Marty McFly"}' }));
554
- });
555
- });
556
- });
557
- });