@wise/dynamic-flow-client 5.9.0 → 5.9.2-logging-bf0bd22

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 (413) hide show
  1. package/build/main.js +41 -44
  2. package/build/main.mjs +41 -44
  3. package/build/types/domain/components/step/StepDomainComponent.d.ts +2 -1
  4. package/build/types/domain/components/step/StepDomainComponent.d.ts.map +1 -1
  5. package/build/types/domain/mappers/mapStepSchemas.d.ts +1 -1
  6. package/build/types/domain/mappers/mapStepSchemas.d.ts.map +1 -1
  7. package/build/types/domain/mappers/mapStepToComponent.d.ts.map +1 -1
  8. package/build/types/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts +1 -531
  9. package/build/types/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts.map +1 -1
  10. package/build/types/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts +0 -16
  11. package/build/types/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts.map +1 -1
  12. package/build/types/domain/types.d.ts +0 -1
  13. package/build/types/domain/types.d.ts.map +1 -1
  14. package/build/types/renderers/mappers/selectInputComponentToProps.d.ts +2 -2
  15. package/build/types/renderers/mappers/selectInputComponentToProps.d.ts.map +1 -1
  16. package/package.json +20 -19
  17. package/build/DynamicFlowCore.js +0 -5
  18. package/build/common/errorBoundary/ErrorBoundary.js +0 -26
  19. package/build/common/errorBoundary/ErrorBoundary.test.js +0 -29
  20. package/build/common/errorBoundary/ErrorBoundaryAlert.js +0 -11
  21. package/build/common/makeHttpClient/api-utils.js +0 -3
  22. package/build/common/makeHttpClient/index.js +0 -1
  23. package/build/common/makeHttpClient/makeHttpClient.js +0 -10
  24. package/build/common/makeHttpClient/makeHttpClient.test.js +0 -186
  25. package/build/common/messages/external-confirmation.messages.js +0 -23
  26. package/build/common/messages/file-upload.messages.js +0 -13
  27. package/build/common/messages/generic-error.messages.js +0 -18
  28. package/build/common/messages/help.messages.js +0 -8
  29. package/build/common/messages/multi-file-upload.messages.js +0 -18
  30. package/build/common/messages/multi-select.messages.js +0 -8
  31. package/build/common/messages/paragraph.messages.js +0 -13
  32. package/build/common/messages/repeatable.messages.js +0 -23
  33. package/build/common/messages/search.messages.js +0 -8
  34. package/build/common/messages/validation.array.messages.js +0 -13
  35. package/build/common/messages/validation.messages.js +0 -53
  36. package/build/controller/FlowController.js +0 -368
  37. package/build/controller/executePoll.js +0 -49
  38. package/build/controller/executeRefresh.js +0 -39
  39. package/build/controller/executeRequest.js +0 -77
  40. package/build/controller/executeSubmission.js +0 -69
  41. package/build/controller/getErrorMessage.js +0 -7
  42. package/build/controller/getRequestAbortController.js +0 -13
  43. package/build/controller/getResponseType.js +0 -35
  44. package/build/controller/getSafeHttpClient.js +0 -8
  45. package/build/controller/getStepCounter.js +0 -16
  46. package/build/controller/handleErrorResponse.js +0 -26
  47. package/build/controller/makeSafeHttpClient.js +0 -8
  48. package/build/controller/response-utils.js +0 -72
  49. package/build/domain/components/AlertComponent.js +0 -1
  50. package/build/domain/components/AllOfComponent.js +0 -40
  51. package/build/domain/components/BooleanInputComponent.js +0 -50
  52. package/build/domain/components/BoxComponent.js +0 -3
  53. package/build/domain/components/ButtonComponent.js +0 -1
  54. package/build/domain/components/ColumnsComponent.js +0 -3
  55. package/build/domain/components/ConstComponent.js +0 -18
  56. package/build/domain/components/ContainerComponent.js +0 -3
  57. package/build/domain/components/DateInputComponent.js +0 -75
  58. package/build/domain/components/DecisionComponent.js +0 -1
  59. package/build/domain/components/DividerComponent.js +0 -1
  60. package/build/domain/components/FormComponent.js +0 -3
  61. package/build/domain/components/FormattedValueComponent.js +0 -44
  62. package/build/domain/components/HeadingComponent.js +0 -1
  63. package/build/domain/components/ImageComponent.js +0 -1
  64. package/build/domain/components/InstructionsComponent.js +0 -1
  65. package/build/domain/components/IntegerInputComponent.js +0 -74
  66. package/build/domain/components/ListComponent.js +0 -1
  67. package/build/domain/components/LoadingIndicatorComponent.js +0 -1
  68. package/build/domain/components/MarkdownComponent.js +0 -1
  69. package/build/domain/components/MediaComponent.js +0 -1
  70. package/build/domain/components/ModalComponent.js +0 -16
  71. package/build/domain/components/ModalLayoutComponent.js +0 -3
  72. package/build/domain/components/MoneyInputComponent.js +0 -57
  73. package/build/domain/components/MultiSelectInputComponent.js +0 -81
  74. package/build/domain/components/MultiUploadInputComponent.js +0 -88
  75. package/build/domain/components/NumberInputComponent.js +0 -73
  76. package/build/domain/components/ObjectComponent.js +0 -45
  77. package/build/domain/components/ParagraphComponent.js +0 -1
  78. package/build/domain/components/PersistAsyncComponent.js +0 -92
  79. package/build/domain/components/ProgressComponent.js +0 -1
  80. package/build/domain/components/RepeatableComponent.js +0 -103
  81. package/build/domain/components/ReviewComponent.js +0 -1
  82. package/build/domain/components/RootDomainComponent.js +0 -173
  83. package/build/domain/components/SectionComponent.js +0 -5
  84. package/build/domain/components/SelectInputComponent.js +0 -88
  85. package/build/domain/components/StatusListComponent.js +0 -1
  86. package/build/domain/components/SubflowDomainComponent.js +0 -9
  87. package/build/domain/components/TabsComponent.js +0 -1
  88. package/build/domain/components/TextInputComponent.js +0 -76
  89. package/build/domain/components/TupleComponent.js +0 -41
  90. package/build/domain/components/UploadInputComponent.js +0 -83
  91. package/build/domain/components/UpsellComponent.js +0 -25
  92. package/build/domain/components/searchComponent/SearchComponent.js +0 -92
  93. package/build/domain/components/searchComponent/SearchComponent.test.js +0 -190
  94. package/build/domain/components/step/ExternalConfirmationComponent.js +0 -28
  95. package/build/domain/components/step/StepDomainComponent.js +0 -73
  96. package/build/domain/components/step/ToolbarComponent.js +0 -1
  97. package/build/domain/components/utils/WithUpdate.js +0 -1
  98. package/build/domain/components/utils/component-utils.js +0 -12
  99. package/build/domain/components/utils/debounce.js +0 -34
  100. package/build/domain/components/utils/debounce.test.js +0 -67
  101. package/build/domain/components/utils/file-utils.js +0 -21
  102. package/build/domain/components/utils/file-utils.test.js +0 -27
  103. package/build/domain/components/utils/getRandomId.js +0 -1
  104. package/build/domain/components/utils/isExactLocalValueMatch.js +0 -14
  105. package/build/domain/components/utils/isOrWasValid.js +0 -5
  106. package/build/domain/components/utils/isPartialModelMatch.js +0 -18
  107. package/build/domain/components/utils/isPartialModelMatch.test.js +0 -74
  108. package/build/domain/features/eventNames.js +0 -24
  109. package/build/domain/features/events.js +0 -1
  110. package/build/domain/features/persistAsync/getComponentMultiPersistAsync.js +0 -50
  111. package/build/domain/features/persistAsync/getInitialPersistedState.js +0 -7
  112. package/build/domain/features/persistAsync/getPerformPersistAsync.js +0 -43
  113. package/build/domain/features/persistAsync/getPerformPersistAsync.test.js +0 -139
  114. package/build/domain/features/polling/getStepPolling.js +0 -43
  115. package/build/domain/features/polling/getStepPolling.test.js +0 -90
  116. package/build/domain/features/prefetch/getStepPrefetch.js +0 -43
  117. package/build/domain/features/prefetch/request-cache.js +0 -49
  118. package/build/domain/features/prefetch/request-cache.test.js +0 -70
  119. package/build/domain/features/refreshAfter/getStepRefreshAfter.js +0 -24
  120. package/build/domain/features/refreshAfter/getStepRefreshAfter.test.js +0 -40
  121. package/build/domain/features/schema-on-change/getDebouncedSchemaOnChange.js +0 -50
  122. package/build/domain/features/schema-on-change/getSchemaOnChange.js +0 -34
  123. package/build/domain/features/search/getPerformSearchFunction.js +0 -75
  124. package/build/domain/features/search/getPerformSearchFunction.test.js +0 -301
  125. package/build/domain/features/summary/summary-utils.js +0 -40
  126. package/build/domain/features/summary/summary-utils.test.js +0 -125
  127. package/build/domain/features/utils/http-utils.js +0 -21
  128. package/build/domain/features/utils/response-utils.js +0 -9
  129. package/build/domain/features/validation/spec-utils.js +0 -19
  130. package/build/domain/features/validation/validateStringPattern.js +0 -24
  131. package/build/domain/features/validation/validation-functions.js +0 -6
  132. package/build/domain/features/validation/validation-functions.test.js +0 -108
  133. package/build/domain/features/validation/value-checks.js +0 -125
  134. package/build/domain/features/validation/value-checks.test.js +0 -262
  135. package/build/domain/features/validationAsync/getComponentValidationAsync.js +0 -53
  136. package/build/domain/features/validationAsync/getComponentValidationAsync.test.js +0 -67
  137. package/build/domain/features/validationAsync/getInitialValidationAsyncState.js +0 -5
  138. package/build/domain/features/validationAsync/getPerformValidationAsync.js +0 -45
  139. package/build/domain/features/validationAsync/getPerformValidationAsync.test.js +0 -143
  140. package/build/domain/mappers/layout/alertLayoutToComponent.js +0 -16
  141. package/build/domain/mappers/layout/boxLayoutToComponent.js +0 -13
  142. package/build/domain/mappers/layout/buttonLayoutToComponent.js +0 -77
  143. package/build/domain/mappers/layout/columnsLayoutToComponent.js +0 -13
  144. package/build/domain/mappers/layout/decisionLayoutToComponent.js +0 -22
  145. package/build/domain/mappers/layout/deprecatedListLayoutToComponent.js +0 -30
  146. package/build/domain/mappers/layout/dividerLayoutToComponent.js +0 -2
  147. package/build/domain/mappers/layout/formLayoutToComponent.js +0 -19
  148. package/build/domain/mappers/layout/headingLayoutToComponent.js +0 -12
  149. package/build/domain/mappers/layout/imageLayoutToComponent.js +0 -20
  150. package/build/domain/mappers/layout/infoLayoutToComponent.js +0 -12
  151. package/build/domain/mappers/layout/instructionsLayoutToComponent.js +0 -12
  152. package/build/domain/mappers/layout/listLayoutToComponent.js +0 -39
  153. package/build/domain/mappers/layout/loadingIndicatorLayoutToComponent.js +0 -9
  154. package/build/domain/mappers/layout/markdownLayoutToComponent.js +0 -12
  155. package/build/domain/mappers/layout/mediaLayoutToComponent.js +0 -12
  156. package/build/domain/mappers/layout/modalLayoutToComponent.js +0 -17
  157. package/build/domain/mappers/layout/modalToComponent.js +0 -8
  158. package/build/domain/mappers/layout/paragraphLayoutToComponent.js +0 -12
  159. package/build/domain/mappers/layout/progressLayoutToComponent.js +0 -15
  160. package/build/domain/mappers/layout/reviewLayoutToComponent.js +0 -48
  161. package/build/domain/mappers/layout/searchLayoutToComponent.js +0 -44
  162. package/build/domain/mappers/layout/sectionLayoutToComponent.js +0 -15
  163. package/build/domain/mappers/layout/statusListLayoutToComponent.js +0 -15
  164. package/build/domain/mappers/layout/tabsLayoutToComponent.js +0 -16
  165. package/build/domain/mappers/layout/upsellLayoutToComponent.js +0 -25
  166. package/build/domain/mappers/mapLayoutToComponent.js +0 -81
  167. package/build/domain/mappers/mapSchemaToComponent.js +0 -61
  168. package/build/domain/mappers/mapSchemaToComponent.test.js +0 -112
  169. package/build/domain/mappers/mapStepSchemas.js +0 -17
  170. package/build/domain/mappers/mapStepToComponent.js +0 -132
  171. package/build/domain/mappers/mapStepToComponent.test.js +0 -221
  172. package/build/domain/mappers/mapToolbarToComponent.js +0 -15
  173. package/build/domain/mappers/schema/allOfSchemaToComponent.js +0 -16
  174. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToComponent.js +0 -26
  175. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiSelectComponent.js +0 -55
  176. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToMultiUploadComponent.js +0 -67
  177. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToRepeatableComponent.js +0 -57
  178. package/build/domain/mappers/schema/arraySchemaToComponent/arraySchemaToTupleComponent.js +0 -20
  179. package/build/domain/mappers/schema/blobSchemaToComponent.js +0 -15
  180. package/build/domain/mappers/schema/booleanSchemaToComponent.js +0 -29
  181. package/build/domain/mappers/schema/constSchemaToComponent.js +0 -23
  182. package/build/domain/mappers/schema/integerSchemaToComponent.js +0 -28
  183. package/build/domain/mappers/schema/numberSchemaToComponent.js +0 -26
  184. package/build/domain/mappers/schema/objectSchemaToComponent/assertDisplayOrder.js +0 -23
  185. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToFormattedValueComponent.js +0 -9
  186. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToMoneyInputComponent.js +0 -119
  187. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToMoneyInputComponent.test.js +0 -96
  188. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToObjectComponent.js +0 -31
  189. package/build/domain/mappers/schema/objectSchemaToComponent/objectSchemaToObjectComponent.test.js +0 -99
  190. package/build/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.js +0 -76
  191. package/build/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.test.js +0 -265
  192. package/build/domain/mappers/schema/persistAsyncSchemaToComponent.js +0 -29
  193. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.js +0 -18
  194. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.test.js +0 -133
  195. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.js +0 -48
  196. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToTextInputComponent.js +0 -37
  197. package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToUploadInputComponent.js +0 -28
  198. package/build/domain/mappers/schema/tests/test-utils.js +0 -16
  199. package/build/domain/mappers/schema/types.js +0 -1
  200. package/build/domain/mappers/schema/utils/getPerformPersistAsyncFn.js +0 -19
  201. package/build/domain/mappers/schema/utils/getValidationAsyncInitialState.js +0 -23
  202. package/build/domain/mappers/schema/utils/mapCommonSchemaProps.js +0 -16
  203. package/build/domain/mappers/types.js +0 -1
  204. package/build/domain/mappers/utils/FeatureFlags.js +0 -22
  205. package/build/domain/mappers/utils/behavior-utils.js +0 -44
  206. package/build/domain/mappers/utils/call-to-action-utils.js +0 -21
  207. package/build/domain/mappers/utils/getAutocompleteString.js +0 -76
  208. package/build/domain/mappers/utils/getAutocompleteString.test.js +0 -21
  209. package/build/domain/mappers/utils/groupLayoutByPinned.js +0 -38
  210. package/build/domain/mappers/utils/groupLayoutByPinned.test.js +0 -166
  211. package/build/domain/mappers/utils/image.js +0 -9
  212. package/build/domain/mappers/utils/layout-utils.js +0 -11
  213. package/build/domain/mappers/utils/legacy-utils.js +0 -49
  214. package/build/domain/mappers/utils/media-utils.js +0 -14
  215. package/build/domain/mappers/utils/suggestions-utils.js +0 -26
  216. package/build/domain/mappers/utils/suggestions-utils.test.js +0 -36
  217. package/build/domain/mappers/utils/tags-utils.js +0 -1
  218. package/build/domain/mappers/utils/utils.js +0 -35
  219. package/build/domain/types.js +0 -1
  220. package/build/getSubflowCallbacks.js +0 -38
  221. package/build/i18n/index.js +0 -40
  222. package/build/index.js +0 -8
  223. package/build/renderers/CoreContainerRenderer.js +0 -5
  224. package/build/renderers/CoreRootRenderer.js +0 -12
  225. package/build/renderers/EmptyLoadingStateRenderer.js +0 -5
  226. package/build/renderers/getRenderFunction.js +0 -24
  227. package/build/renderers/getSchemaErrorMessageFunction.js +0 -97
  228. package/build/renderers/mappers/alertComponentToProps.js +0 -2
  229. package/build/renderers/mappers/allOfComponentToProps.js +0 -6
  230. package/build/renderers/mappers/booleanInputComponentToProps.js +0 -5
  231. package/build/renderers/mappers/boxComponentToProps.js +0 -13
  232. package/build/renderers/mappers/buttonComponentToProps.js +0 -4
  233. package/build/renderers/mappers/columnsComponentToProps.js +0 -11
  234. package/build/renderers/mappers/componentToRendererProps.js +0 -164
  235. package/build/renderers/mappers/constComponentToProps.js +0 -5
  236. package/build/renderers/mappers/containerComponentToProps.js +0 -7
  237. package/build/renderers/mappers/dateInputComponentToProps.js +0 -2
  238. package/build/renderers/mappers/decisionComponentToProps.js +0 -16
  239. package/build/renderers/mappers/dividerComponentToProps.js +0 -2
  240. package/build/renderers/mappers/externalComponentToProps.js +0 -3
  241. package/build/renderers/mappers/formComponentToProps.js +0 -12
  242. package/build/renderers/mappers/formattedValueComponentToProps.js +0 -5
  243. package/build/renderers/mappers/headingComponentToProps.js +0 -2
  244. package/build/renderers/mappers/hiddenComponentToProps.js +0 -4
  245. package/build/renderers/mappers/imageComponentToProps.js +0 -2
  246. package/build/renderers/mappers/instructionsComponentToProps.js +0 -2
  247. package/build/renderers/mappers/integerInputComponentToProps.js +0 -2
  248. package/build/renderers/mappers/listComponentToProps.js +0 -2
  249. package/build/renderers/mappers/loadingIndicatorComponentToProps.js +0 -2
  250. package/build/renderers/mappers/markdownComponentToProps.js +0 -2
  251. package/build/renderers/mappers/mediaComponentToProps.js +0 -2
  252. package/build/renderers/mappers/modalComponentToProps.js +0 -11
  253. package/build/renderers/mappers/modalLayoutComponentToProps.js +0 -16
  254. package/build/renderers/mappers/moneyInputComponentToProps.js +0 -36
  255. package/build/renderers/mappers/multiSelectComponentToProps.js +0 -23
  256. package/build/renderers/mappers/multiUploadInputComponentToProps.js +0 -12
  257. package/build/renderers/mappers/numberInputComponentToProps.js +0 -2
  258. package/build/renderers/mappers/objectComponentToProps.js +0 -8
  259. package/build/renderers/mappers/paragraphComponentToProps.js +0 -2
  260. package/build/renderers/mappers/persistAsyncComponentToProps.js +0 -8
  261. package/build/renderers/mappers/progressComponentToProps.js +0 -2
  262. package/build/renderers/mappers/repeatableComponentToProps.js +0 -30
  263. package/build/renderers/mappers/reviewComponentToProps.js +0 -2
  264. package/build/renderers/mappers/rootComponentToProps.js +0 -21
  265. package/build/renderers/mappers/searchComponentToProps.js +0 -57
  266. package/build/renderers/mappers/sectionComponentToProps.js +0 -6
  267. package/build/renderers/mappers/selectInputComponentToProps.js +0 -26
  268. package/build/renderers/mappers/statusListComponentToProps.js +0 -2
  269. package/build/renderers/mappers/subflowComponentToRendererProps.js +0 -4
  270. package/build/renderers/mappers/tabsComponentToProps.js +0 -14
  271. package/build/renderers/mappers/textInputComponentToProps.js +0 -2
  272. package/build/renderers/mappers/tupleComponentToProps.js +0 -8
  273. package/build/renderers/mappers/uploadInputComponentToProps.js +0 -8
  274. package/build/renderers/mappers/upsellComponentToProps.js +0 -2
  275. package/build/renderers/mappers/utils/getValidationState.js +0 -12
  276. package/build/renderers/mappers/utils/inputComponentToProps.js +0 -26
  277. package/build/renderers/mappers/utils/mapErrorsToValidationState.js +0 -9
  278. package/build/renderers/mappers/utils/pick.js +0 -8
  279. package/build/renderers/mappers/utils/selectInputOptionsToProps.js +0 -11
  280. package/build/renderers/stepComponentToProps.js +0 -32
  281. package/build/renderers/utils.js +0 -69
  282. package/build/renderers/utils.test.js +0 -70
  283. package/build/stories/dev-tools/ContainerQueries.story.js +0 -66
  284. package/build/stories/dev-tools/Debugger.story.js +0 -38
  285. package/build/stories/dev-tools/FixtureSelect.story.js +0 -23
  286. package/build/stories/dev-tools/TestServer.story.js +0 -32
  287. package/build/stories/examples/NativeFlow.story.js +0 -80
  288. package/build/stories/examples/Recipients.story.js +0 -568
  289. package/build/stories/spec/behavior/Copy.story.js +0 -59
  290. package/build/stories/spec/behavior/Modal.story.js +0 -76
  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 -176
  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/step/Controls.story.js +0 -109
  310. package/build/stories/spec/step/DFModal.story.js +0 -58
  311. package/build/stories/spec/step/Footer.story.js +0 -70
  312. package/build/stories/spec/step/Navigation.story.js +0 -20
  313. package/build/stories/spec/step/Tags.story.js +0 -39
  314. package/build/stories/spec/step/ToolBar.story.js +0 -60
  315. package/build/stories/spec/step/features/ErrorHandling.story.js +0 -92
  316. package/build/stories/spec/step/features/External.story.js +0 -44
  317. package/build/stories/spec/step/features/Polling.story.js +0 -108
  318. package/build/stories/spec/step/features/RefreshAfter.story.js +0 -92
  319. package/build/stories/spec/step/features/refresh/Refresh.story.js +0 -258
  320. package/build/stories/spec/step/features/refresh/RefreshWithPersistAsync.story.js +0 -958
  321. package/build/stories/types.js +0 -1
  322. package/build/stories/utils/fixtureHttpClient.js +0 -70
  323. package/build/stories/utils/getBasicStep.js +0 -223
  324. package/build/stories/utils/mockSearchHandler.js +0 -71
  325. package/build/stories/utils/render-utils.js +0 -41
  326. package/build/stories/visual-tests/layouts/NotUsingListItem.story.js +0 -17
  327. package/build/test-utils/DynamicFlowWise.js +0 -32
  328. package/build/test-utils/DynamicFlowWiseModal.js +0 -34
  329. package/build/test-utils/NeptuneProviders.js +0 -11
  330. package/build/test-utils/component-utils.js +0 -5
  331. package/build/test-utils/fetch-utils.js +0 -45
  332. package/build/test-utils/getMergedTestRenderers.js +0 -34
  333. package/build/test-utils/getRandomId.js +0 -1
  334. package/build/test-utils/index.js +0 -3
  335. package/build/test-utils/rtl-utils.js +0 -7
  336. package/build/test-utils/step-utils.js +0 -6
  337. package/build/test-utils/wait.js +0 -3
  338. package/build/tests/AlertLayout.test.js +0 -78
  339. package/build/tests/ArrayTuple.test.js +0 -118
  340. package/build/tests/ButtonLayout.test.js +0 -308
  341. package/build/tests/ConstLayout.test.js +0 -95
  342. package/build/tests/DateInput.test.js +0 -163
  343. package/build/tests/DecisionLayout.test.js +0 -146
  344. package/build/tests/DynamicFlow.test.js +0 -147
  345. package/build/tests/External.test.js +0 -169
  346. package/build/tests/Flow.test.js +0 -328
  347. package/build/tests/FormLayout.test.js +0 -28
  348. package/build/tests/FormattedValue.test.js +0 -107
  349. package/build/tests/ImageRenderer.test.js +0 -78
  350. package/build/tests/InitialAction.test.js +0 -179
  351. package/build/tests/InitialStep.test.js +0 -168
  352. package/build/tests/InstructionsLayout.test.js +0 -45
  353. package/build/tests/ListLayout.test.js +0 -145
  354. package/build/tests/Logging.test.js +0 -53
  355. package/build/tests/ModalBehavior.test.js +0 -149
  356. package/build/tests/MoneyInput.test.js +0 -316
  357. package/build/tests/MultiUpload.test.js +0 -293
  358. package/build/tests/NativeBack.test.js +0 -267
  359. package/build/tests/OneOfInitialisation.test.js +0 -571
  360. package/build/tests/PersistAsync.test.js +0 -653
  361. package/build/tests/Polling.test.js +0 -617
  362. package/build/tests/Prefetching.test.js +0 -230
  363. package/build/tests/RefreshAfter.test.js +0 -63
  364. package/build/tests/RefreshOnChange.ResponseHandling.test.js +0 -205
  365. package/build/tests/RefreshOnChange.test.js +0 -233
  366. package/build/tests/RefreshOnChange.with.Segmented.test.js +0 -348
  367. package/build/tests/RefreshOnChange.with.Tabs.test.js +0 -358
  368. package/build/tests/RefreshOnChangePreserve.test.js +0 -224
  369. package/build/tests/RendererProps.test.js +0 -342
  370. package/build/tests/Repeatable.test.js +0 -107
  371. package/build/tests/Rerendering.test.js +0 -67
  372. package/build/tests/ReviewLayout.test.js +0 -274
  373. package/build/tests/SchemaOnChange.test.js +0 -133
  374. package/build/tests/ScrollToError.test.js +0 -217
  375. package/build/tests/SegmentedControl.test.js +0 -49
  376. package/build/tests/SingleFileUpload.test.js +0 -88
  377. package/build/tests/StatusList.test.js +0 -85
  378. package/build/tests/Subflow.test.js +0 -710
  379. package/build/tests/Submission.ResponseHandling.test.js +0 -557
  380. package/build/tests/Submission.merging.test.js +0 -202
  381. package/build/tests/Submission.test.js +0 -523
  382. package/build/tests/Tags.test.js +0 -475
  383. package/build/tests/Upsell.test.js +0 -126
  384. package/build/tests/ValidationAsync.test.js +0 -295
  385. package/build/tests/legacy/Actions.test.js +0 -158
  386. package/build/tests/legacy/BackButton.test.js +0 -114
  387. package/build/tests/legacy/HiddenSchemas.test.js +0 -246
  388. package/build/tests/legacy/MultiSelect.test.js +0 -497
  389. package/build/tests/legacy/MultipleFileUploadSchema.test.js +0 -341
  390. package/build/tests/legacy/PersistAsync.blob-schema.test.js +0 -224
  391. package/build/tests/legacy/PersistAsync.string-schema.test.js +0 -211
  392. package/build/tests/legacy/RefreshStepOnChange.debouncing.test.js +0 -209
  393. package/build/tests/legacy/RefreshStepOnChange.test.js +0 -424
  394. package/build/tests/legacy/Search.test.js +0 -437
  395. package/build/tests/renderers/MultiSelectInputRendererProps.test.js +0 -58
  396. package/build/tests/renderers/SelectInputRendererProps.test.js +0 -42
  397. package/build/tests/renderers/TextInputRenderer.test.js +0 -51
  398. package/build/types.js +0 -1
  399. package/build/useDynamicFlow.js +0 -104
  400. package/build/useDynamicFlowModal.js +0 -58
  401. package/build/utils/analyse-step.js +0 -14
  402. package/build/utils/component-utils.js +0 -8
  403. package/build/utils/component-utils.test.js +0 -113
  404. package/build/utils/getScrollToTop.js +0 -12
  405. package/build/utils/normalise-flow-id.js +0 -1
  406. package/build/utils/normalise-flow-id.test.js +0 -24
  407. package/build/utils/openLinkInNewTab.js +0 -10
  408. package/build/utils/recursiveMerge.js +0 -40
  409. package/build/utils/recursiveMerge.test.js +0 -93
  410. package/build/utils/type-utils.js +0 -21
  411. package/build/utils/type-validators.js +0 -11
  412. package/build/utils/type-validators.test.js +0 -180
  413. package/build/utils/useStableCallback.js +0 -15
@@ -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
- });