@elliemae/pui-app-sdk 5.40.3 → 5.40.4

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 (429) hide show
  1. package/demo/{6879.3434f1e9.iframe.bundle.js → 8201.6a8c0542.iframe.bundle.js} +449 -449
  2. package/demo/8201.6a8c0542.iframe.bundle.js.br +0 -0
  3. package/demo/8201.6a8c0542.iframe.bundle.js.gz +0 -0
  4. package/demo/docs/{6879.3434f1e9.iframe.bundle.js → 8201.6a8c0542.iframe.bundle.js} +449 -449
  5. package/demo/docs/8201.6a8c0542.iframe.bundle.js.br +0 -0
  6. package/demo/docs/8201.6a8c0542.iframe.bundle.js.gz +0 -0
  7. package/demo/docs/iframe.html +1 -1
  8. package/demo/docs/index.html +1 -1
  9. package/demo/docs/main.15fc50b1.iframe.bundle.js +5 -0
  10. package/demo/docs/main.15fc50b1.iframe.bundle.js.br +0 -0
  11. package/demo/docs/main.15fc50b1.iframe.bundle.js.gz +0 -0
  12. package/demo/docs/{main.f4b9fb997236ae69d894.manager.bundle.js → main.4b26e7c4efd9fa564d80.manager.bundle.js} +1 -1
  13. package/demo/docs/main.4b26e7c4efd9fa564d80.manager.bundle.js.br +0 -0
  14. package/demo/docs/{main.f4b9fb997236ae69d894.manager.bundle.js.gz → main.4b26e7c4efd9fa564d80.manager.bundle.js.gz} +0 -0
  15. package/demo/docs/project.json +1 -1
  16. package/demo/iframe.html +1 -1
  17. package/demo/index.html +1 -1
  18. package/demo/main.15fc50b1.iframe.bundle.js +5 -0
  19. package/demo/main.15fc50b1.iframe.bundle.js.br +0 -0
  20. package/demo/main.15fc50b1.iframe.bundle.js.gz +0 -0
  21. package/demo/{main.f4b9fb997236ae69d894.manager.bundle.js → main.4b26e7c4efd9fa564d80.manager.bundle.js} +1 -1
  22. package/demo/main.4b26e7c4efd9fa564d80.manager.bundle.js.br +0 -0
  23. package/demo/{main.f4b9fb997236ae69d894.manager.bundle.js.gz → main.4b26e7c4efd9fa564d80.manager.bundle.js.gz} +0 -0
  24. package/demo/project.json +1 -1
  25. package/dist/cjs/utils/micro-frontend/guest.js +4 -3
  26. package/dist/cjs/utils/micro-frontend/host.js +4 -3
  27. package/dist/cjs/utils/micro-frontend/index.js +4 -1
  28. package/dist/cjs/view/guest-microapp.js +14 -4
  29. package/dist/cjs/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap +2 -2
  30. package/dist/esm/utils/micro-frontend/guest.js +4 -3
  31. package/dist/esm/utils/micro-frontend/host.js +4 -3
  32. package/dist/esm/utils/micro-frontend/index.js +4 -1
  33. package/dist/esm/view/guest-microapp.js +14 -4
  34. package/dist/esm/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap +2 -2
  35. package/dist/types/lib/utils/micro-frontend/guest.d.ts +2 -1
  36. package/dist/types/lib/utils/micro-frontend/host.d.ts +2 -1
  37. package/dist/types/lib/utils/micro-frontend/module-so.d.ts +4 -4
  38. package/dist/types/lib/view/guest-microapp.d.ts +8 -1
  39. package/dist/types/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +6 -6
  41. package/build/docs/404.html +0 -16
  42. package/build/docs/api/classes/Analytics/index.html +0 -270
  43. package/build/docs/api/classes/CMicroAppGuest/index.html +0 -261
  44. package/build/docs/api/classes/CMicroAppHost/index.html +0 -346
  45. package/build/docs/api/classes/ErrorBoundary/index.html +0 -354
  46. package/build/docs/api/classes/GuestModule/index.html +0 -148
  47. package/build/docs/api/functions/AppRoot/index.html +0 -27
  48. package/build/docs/api/functions/Autocomplete/index.html +0 -22
  49. package/build/docs/api/functions/CheckBox/index.html +0 -22
  50. package/build/docs/api/functions/ComboBox/index.html +0 -27
  51. package/build/docs/api/functions/ComboBoxV3/index.html +0 -22
  52. package/build/docs/api/functions/ConnectForm/index.html +0 -22
  53. package/build/docs/api/functions/DateInput/index.html +0 -22
  54. package/build/docs/api/functions/DatePicker/index.html +0 -27
  55. package/build/docs/api/functions/DateRangePicker/index.html +0 -22
  56. package/build/docs/api/functions/DateTimePicker/index.html +0 -22
  57. package/build/docs/api/functions/Form/index.html +0 -34
  58. package/build/docs/api/functions/FormItemLayout/index.html +0 -22
  59. package/build/docs/api/functions/FormLayoutBlockItem/index.html +0 -22
  60. package/build/docs/api/functions/FormSubmitButton/index.html +0 -22
  61. package/build/docs/api/functions/InputMask/index.html +0 -22
  62. package/build/docs/api/functions/InputText/index.html +0 -22
  63. package/build/docs/api/functions/LargeTextBox/index.html +0 -22
  64. package/build/docs/api/functions/MaskedInputText/index.html +0 -22
  65. package/build/docs/api/functions/Page/index.html +0 -22
  66. package/build/docs/api/functions/Radio/index.html +0 -22
  67. package/build/docs/api/functions/RadioGroup/index.html +0 -22
  68. package/build/docs/api/functions/RegisterService/index.html +0 -27
  69. package/build/docs/api/functions/RenderWithStateAddOns/index.html +0 -22
  70. package/build/docs/api/functions/RequireAuth/index.html +0 -28
  71. package/build/docs/api/functions/SessionTimeout/index.html +0 -19
  72. package/build/docs/api/functions/TextBox/index.html +0 -27
  73. package/build/docs/api/functions/Toggle/index.html +0 -22
  74. package/build/docs/api/functions/authSaga/index.html +0 -19
  75. package/build/docs/api/functions/authorize/index.html +0 -44
  76. package/build/docs/api/functions/buildModuleParams/index.html +0 -31
  77. package/build/docs/api/functions/cleanup/index.html +0 -20
  78. package/build/docs/api/functions/configureStore/index.html +0 -56
  79. package/build/docs/api/functions/createGuestModule/index.html +0 -39
  80. package/build/docs/api/functions/createManager/index.html +0 -41
  81. package/build/docs/api/functions/enableReactAppForHostIntegration/index.html +0 -22
  82. package/build/docs/api/functions/fetchHostAppData/index.html +0 -24
  83. package/build/docs/api/functions/fetchUserSettings/index.html +0 -22
  84. package/build/docs/api/functions/getApiActionCreator/index.html +0 -30
  85. package/build/docs/api/functions/getAppConfig/index.html +0 -19
  86. package/build/docs/api/functions/getAppConfigValue/index.html +0 -35
  87. package/build/docs/api/functions/getAuthHTTPClient/index.html +0 -38
  88. package/build/docs/api/functions/getAuthorizationHeader/index.html +0 -23
  89. package/build/docs/api/functions/getHTTPClient/index.html +0 -36
  90. package/build/docs/api/functions/getHostAppDataByKey/index.html +0 -27
  91. package/build/docs/api/functions/getLogger/index.html +0 -19
  92. package/build/docs/api/functions/getMicroFrontEndAppConfig/index.html +0 -23
  93. package/build/docs/api/functions/getNavigationLinks/index.html +0 -19
  94. package/build/docs/api/functions/getRedirectUrl/index.html +0 -19
  95. package/build/docs/api/functions/getSelectField/index.html +0 -33
  96. package/build/docs/api/functions/getStore/index.html +0 -23
  97. package/build/docs/api/functions/initServiceWorker/index.html +0 -22
  98. package/build/docs/api/functions/isCIBuild/index.html +0 -19
  99. package/build/docs/api/functions/isProd/index.html +0 -19
  100. package/build/docs/api/functions/isUserAuthorized/index.html +0 -23
  101. package/build/docs/api/functions/listenStorageEvents/index.html +0 -19
  102. package/build/docs/api/functions/loadAppConfig/index.html +0 -30
  103. package/build/docs/api/functions/loadable/index.html +0 -37
  104. package/build/docs/api/functions/login/index.html +0 -62
  105. package/build/docs/api/functions/notifyGuestUnloadComplete/index.html +0 -26
  106. package/build/docs/api/functions/onAuthorizationFailure/index.html +0 -28
  107. package/build/docs/api/functions/onGuestUnloadStart/index.html +0 -19
  108. package/build/docs/api/functions/redactPii/index.html +0 -32
  109. package/build/docs/api/functions/removeDoubleSlash/index.html +0 -22
  110. package/build/docs/api/functions/removeStorageEvents/index.html +0 -19
  111. package/build/docs/api/functions/render/index.html +0 -392
  112. package/build/docs/api/functions/renderHook/index.html +0 -37
  113. package/build/docs/api/functions/renderWithHostData/index.html +0 -22
  114. package/build/docs/api/functions/renderWithRedux/index.html +0 -392
  115. package/build/docs/api/functions/renderWithRouter/index.html +0 -392
  116. package/build/docs/api/functions/renderWithRouterRedux/index.html +0 -392
  117. package/build/docs/api/functions/sdkBaseQuery/index.html +0 -37
  118. package/build/docs/api/functions/sendBAEvent/index.html +0 -34
  119. package/build/docs/api/functions/sendMessageToHost/index.html +0 -24
  120. package/build/docs/api/functions/setAppConfig/index.html +0 -27
  121. package/build/docs/api/functions/setAppConfigValue/index.html +0 -35
  122. package/build/docs/api/functions/setHostAppData/index.html +0 -25
  123. package/build/docs/api/functions/setLoginParams/index.html +0 -29
  124. package/build/docs/api/functions/subscribeToResetSession/index.html +0 -28
  125. package/build/docs/api/functions/subscribeToSessionExpiry/index.html +0 -28
  126. package/build/docs/api/functions/subscribeToSessionExpiryWarning/index.html +0 -28
  127. package/build/docs/api/functions/trackActivity/index.html +0 -31
  128. package/build/docs/api/functions/useAppDispatch/index.html +0 -24
  129. package/build/docs/api/functions/useAppMiddleware/index.html +0 -25
  130. package/build/docs/api/functions/useInjectQuery/index.html +0 -35
  131. package/build/docs/api/functions/useInjectReducer/index.html +0 -31
  132. package/build/docs/api/functions/useInjectSaga/index.html +0 -33
  133. package/build/docs/api/functions/useInjectSideEffect/index.html +0 -25
  134. package/build/docs/api/functions/useMediaQueryList/index.html +0 -26
  135. package/build/docs/api/functions/useStateSelector/index.html +0 -38
  136. package/build/docs/api/functions/useStateSelectorShallow/index.html +0 -39
  137. package/build/docs/api/functions/waitFor/index.html +0 -27
  138. package/build/docs/api/functions/waitForElementToBeRemoved/index.html +0 -27
  139. package/build/docs/api/functions/withAppDecorator/index.html +0 -26
  140. package/build/docs/api/index.html +0 -29
  141. package/build/docs/api/interfaces/AppConfig/index.html +0 -46
  142. package/build/docs/api/interfaces/GuestProps/index.html +0 -86
  143. package/build/docs/api/interfaces/UseStateSelectorOptions/index.html +0 -25
  144. package/build/docs/api/type-aliases/AppDispatch/index.html +0 -17
  145. package/build/docs/api/type-aliases/AppStore/index.html +0 -17
  146. package/build/docs/api/type-aliases/Await/index.html +0 -20
  147. package/build/docs/api/type-aliases/EMUI/index.html +0 -62
  148. package/build/docs/api/type-aliases/HostOptions/index.html +0 -28
  149. package/build/docs/api/type-aliases/HostProvidedParams/index.html +0 -33
  150. package/build/docs/api/type-aliases/ModuleOverrides/index.html +0 -47
  151. package/build/docs/api/type-aliases/OnHostInitCallback/index.html +0 -22
  152. package/build/docs/api/type-aliases/OnInitCallback/index.html +0 -22
  153. package/build/docs/api/type-aliases/OnMountCallback/index.html +0 -22
  154. package/build/docs/api/type-aliases/OnUnMountCallback/index.html +0 -22
  155. package/build/docs/api/type-aliases/RootState/index.html +0 -17
  156. package/build/docs/api/type-aliases/SelectStateFieldFunction/index.html +0 -29
  157. package/build/docs/api/variables/ErrorToast/index.html +0 -17
  158. package/build/docs/api/variables/FormPropsContext/index.html +0 -24
  159. package/build/docs/api/variables/GuestMicroApp/index.html +0 -20
  160. package/build/docs/api/variables/MASK_PIPES/index.html +0 -17
  161. package/build/docs/api/variables/MASK_TYPES/index.html +0 -17
  162. package/build/docs/api/variables/MicroApp/index.html +0 -21
  163. package/build/docs/api/variables/MicroIFrameApp/index.html +0 -21
  164. package/build/docs/api/variables/NavigationPrompt/index.html +0 -17
  165. package/build/docs/api/variables/NavigationPromptActions/index.html +0 -22
  166. package/build/docs/api/variables/Themes/index.html +0 -22
  167. package/build/docs/api/variables/VisuallyHidden/index.html +0 -17
  168. package/build/docs/api/variables/WaitMessage/index.html +0 -17
  169. package/build/docs/api/variables/act/index.html +0 -20
  170. package/build/docs/api/variables/ariaLive/index.html +0 -17
  171. package/build/docs/api/variables/auth/index.html +0 -40
  172. package/build/docs/api/variables/authReducer/index.html +0 -17
  173. package/build/docs/api/variables/clearSideEffects/index.html +0 -21
  174. package/build/docs/api/variables/createSideEffect/index.html +0 -19
  175. package/build/docs/api/variables/decorators/index.html +0 -222
  176. package/build/docs/api/variables/endSession/index.html +0 -37
  177. package/build/docs/api/variables/error/index.html +0 -17
  178. package/build/docs/api/variables/errorMiddleware/index.html +0 -17
  179. package/build/docs/api/variables/fireEvent/index.html +0 -17
  180. package/build/docs/api/variables/globalConstants/index.html +0 -22
  181. package/build/docs/api/variables/history/index.html +0 -17
  182. package/build/docs/api/variables/httpClientProps/index.html +0 -17
  183. package/build/docs/api/variables/logout/index.html +0 -22
  184. package/build/docs/api/variables/memoryHistory/index.html +0 -17
  185. package/build/docs/api/variables/removeSideEffect/index.html +0 -20
  186. package/build/docs/api/variables/resetUserIdleTime/index.html +0 -23
  187. package/build/docs/api/variables/screen/index.html +0 -17
  188. package/build/docs/api/variables/startSideEffect/index.html +0 -21
  189. package/build/docs/api/variables/updateBAEventParameters/index.html +0 -27
  190. package/build/docs/api/variables/useAppSelector/index.html +0 -21
  191. package/build/docs/api/variables/waitMessageAction/index.html +0 -43
  192. package/build/docs/api/variables/within/index.html +0 -17
  193. package/build/docs/assets/css/styles.0fad824b.css +0 -1
  194. package/build/docs/assets/js/04ee7372.a9b3e0ad.js +0 -1
  195. package/build/docs/assets/js/05fd5745.f77a9872.js +0 -1
  196. package/build/docs/assets/js/075aa584.dde55d25.js +0 -1
  197. package/build/docs/assets/js/0a1bd0e5.3336afb7.js +0 -1
  198. package/build/docs/assets/js/0f302db7.690bba2c.js +0 -1
  199. package/build/docs/assets/js/10c70e6f.3a611c9f.js +0 -1
  200. package/build/docs/assets/js/110b6cba.2039a4be.js +0 -1
  201. package/build/docs/assets/js/1126.2b1e83b8.js +0 -1
  202. package/build/docs/assets/js/1127.ce24a599.js +0 -1
  203. package/build/docs/assets/js/1154937a.58ab70e0.js +0 -1
  204. package/build/docs/assets/js/1298.f98e394e.js +0 -1
  205. package/build/docs/assets/js/14efea89.c724a605.js +0 -1
  206. package/build/docs/assets/js/15f40f8f.62fbc501.js +0 -1
  207. package/build/docs/assets/js/1617.443ab77e.js +0 -1
  208. package/build/docs/assets/js/16427680.5a41da14.js +0 -1
  209. package/build/docs/assets/js/16fba083.0c978e4b.js +0 -1
  210. package/build/docs/assets/js/1700.bb38b1b9.js +0 -1
  211. package/build/docs/assets/js/17896441.87af09c7.js +0 -1
  212. package/build/docs/assets/js/1a5ba401.bdd09a56.js +0 -1
  213. package/build/docs/assets/js/1ad86f56.5c4d3ed7.js +0 -1
  214. package/build/docs/assets/js/1cc7c915.18a50af2.js +0 -1
  215. package/build/docs/assets/js/1dfec420.e8ed9238.js +0 -1
  216. package/build/docs/assets/js/1fcf59a8.501bb96b.js +0 -1
  217. package/build/docs/assets/js/2026.f4b8efbd.js +0 -1
  218. package/build/docs/assets/js/213.07804718.js +0 -1
  219. package/build/docs/assets/js/2297.998393a9.js +0 -1
  220. package/build/docs/assets/js/22c6ac39.38c10213.js +0 -1
  221. package/build/docs/assets/js/242.98ba961c.js +0 -1
  222. package/build/docs/assets/js/247.f91b8960.js +0 -1
  223. package/build/docs/assets/js/24b1c163.4390b04b.js +0 -1
  224. package/build/docs/assets/js/25ae0bf1.3ff15c6f.js +0 -1
  225. package/build/docs/assets/js/2673.1111af38.js +0 -1
  226. package/build/docs/assets/js/27c4a013.bceaff37.js +0 -1
  227. package/build/docs/assets/js/27c8b774.1ec1881a.js +0 -1
  228. package/build/docs/assets/js/2805.21b4fb8d.js +0 -1
  229. package/build/docs/assets/js/2b2c5b3b.41587ade.js +0 -1
  230. package/build/docs/assets/js/3072782a.825cd627.js +0 -1
  231. package/build/docs/assets/js/3204d46b.7af2b3bd.js +0 -1
  232. package/build/docs/assets/js/322ec2e7.529db700.js +0 -1
  233. package/build/docs/assets/js/336f5910.34c060aa.js +0 -1
  234. package/build/docs/assets/js/3395.f8117aa5.js +0 -1
  235. package/build/docs/assets/js/3499.2c20c6ff.js +0 -1
  236. package/build/docs/assets/js/3552.2d0559a3.js +0 -1
  237. package/build/docs/assets/js/365a2c17.6afbd7ba.js +0 -1
  238. package/build/docs/assets/js/379bbc32.cfc06360.js +0 -1
  239. package/build/docs/assets/js/3992.aa5529d1.js +0 -2
  240. package/build/docs/assets/js/3992.aa5529d1.js.LICENSE.txt +0 -1
  241. package/build/docs/assets/js/3accd241.850fb650.js +0 -1
  242. package/build/docs/assets/js/3b0e1261.9caf419d.js +0 -1
  243. package/build/docs/assets/js/3b333d5b.831324f6.js +0 -1
  244. package/build/docs/assets/js/3cb0b0a9.99866080.js +0 -1
  245. package/build/docs/assets/js/3cd01694.04367956.js +0 -1
  246. package/build/docs/assets/js/4069.77c5dcc9.js +0 -1
  247. package/build/docs/assets/js/4134.d6069e6e.js +0 -1
  248. package/build/docs/assets/js/413bfdf1.2e754bf4.js +0 -1
  249. package/build/docs/assets/js/41f4ce7f.8662231d.js +0 -1
  250. package/build/docs/assets/js/4257.60660403.js +0 -1
  251. package/build/docs/assets/js/46eb403d.e5123d24.js +0 -1
  252. package/build/docs/assets/js/4772.988b91f1.js +0 -1
  253. package/build/docs/assets/js/4780.8d49dc64.js +0 -1
  254. package/build/docs/assets/js/47f7a134.2369c86a.js +0 -1
  255. package/build/docs/assets/js/4884.48d16d5b.js +0 -1
  256. package/build/docs/assets/js/4acce17e.b84485e3.js +0 -1
  257. package/build/docs/assets/js/4b10ac31.ffdbb394.js +0 -1
  258. package/build/docs/assets/js/4eef183e.99934dfe.js +0 -1
  259. package/build/docs/assets/js/50ae2c89.ea85453c.js +0 -1
  260. package/build/docs/assets/js/50b500dc.b1dafbf4.js +0 -1
  261. package/build/docs/assets/js/5113883b.19fc9d2f.js +0 -1
  262. package/build/docs/assets/js/5196.dda420ed.js +0 -1
  263. package/build/docs/assets/js/51cd08ce.eedf6a77.js +0 -1
  264. package/build/docs/assets/js/5248.5442863c.js +0 -1
  265. package/build/docs/assets/js/533e434c.6a22f28d.js +0 -1
  266. package/build/docs/assets/js/53defe29.b34f5bfe.js +0 -1
  267. package/build/docs/assets/js/5428.28b1d8b6.js +0 -1
  268. package/build/docs/assets/js/54dea6f0.7b5fa5e6.js +0 -1
  269. package/build/docs/assets/js/550f7dc1.a569914a.js +0 -1
  270. package/build/docs/assets/js/5575829c.04c44eb2.js +0 -1
  271. package/build/docs/assets/js/58e12487.6e6066d3.js +0 -1
  272. package/build/docs/assets/js/59169cbb.2d2d02ce.js +0 -1
  273. package/build/docs/assets/js/5964.fbd55ce8.js +0 -1
  274. package/build/docs/assets/js/5968.7a565a4e.js +0 -1
  275. package/build/docs/assets/js/5c5cf8ae.cf6912f5.js +0 -1
  276. package/build/docs/assets/js/5ca2639d.8b06c9ea.js +0 -1
  277. package/build/docs/assets/js/5da011d0.872006f0.js +0 -1
  278. package/build/docs/assets/js/5e13701d.8a6b7fd6.js +0 -1
  279. package/build/docs/assets/js/5e7ee35c.01ca7414.js +0 -1
  280. package/build/docs/assets/js/5e8c322a.0391dec4.js +0 -1
  281. package/build/docs/assets/js/5e95c892.f11d5bd6.js +0 -1
  282. package/build/docs/assets/js/5ebc190f.49776b06.js +0 -1
  283. package/build/docs/assets/js/5f21eb71.536ccef3.js +0 -1
  284. package/build/docs/assets/js/60781fed.87f57230.js +0 -1
  285. package/build/docs/assets/js/61b0e64b.c86eca9e.js +0 -1
  286. package/build/docs/assets/js/61f3b5cc.197d138c.js +0 -1
  287. package/build/docs/assets/js/62e1e335.d54d1d6e.js +0 -1
  288. package/build/docs/assets/js/6486.776625d1.js +0 -1
  289. package/build/docs/assets/js/6611.481d87ff.js +0 -2
  290. package/build/docs/assets/js/6611.481d87ff.js.LICENSE.txt +0 -9
  291. package/build/docs/assets/js/6aac2d5c.95d7104d.js +0 -1
  292. package/build/docs/assets/js/6b345055.f4f6c3b9.js +0 -1
  293. package/build/docs/assets/js/6b7fcc15.290796d9.js +0 -1
  294. package/build/docs/assets/js/6ca90961.8833c635.js +0 -1
  295. package/build/docs/assets/js/6d1f0509.55213557.js +0 -1
  296. package/build/docs/assets/js/6daa33e8.c1c74588.js +0 -1
  297. package/build/docs/assets/js/7080.73a89c35.js +0 -1
  298. package/build/docs/assets/js/7201.26026979.js +0 -1
  299. package/build/docs/assets/js/7344.12628cac.js +0 -1
  300. package/build/docs/assets/js/749b3cb7.660b1c4b.js +0 -1
  301. package/build/docs/assets/js/7516.78c3385c.js +0 -1
  302. package/build/docs/assets/js/7525.69d857f8.js +0 -1
  303. package/build/docs/assets/js/7540.ee4aa270.js +0 -1
  304. package/build/docs/assets/js/78fde597.9598cb2a.js +0 -1
  305. package/build/docs/assets/js/7985.6aac4971.js +0 -1
  306. package/build/docs/assets/js/7b224b5a.d21317ac.js +0 -1
  307. package/build/docs/assets/js/7c822e85.3cc0a954.js +0 -1
  308. package/build/docs/assets/js/7cde3459.802fae28.js +0 -1
  309. package/build/docs/assets/js/7d256524.087a46e5.js +0 -1
  310. package/build/docs/assets/js/7d48b3e7.5d6ce912.js +0 -1
  311. package/build/docs/assets/js/80392bdc.dbd30f9e.js +0 -1
  312. package/build/docs/assets/js/8049.5b4457b0.js +0 -1
  313. package/build/docs/assets/js/805daf1e.305437dc.js +0 -1
  314. package/build/docs/assets/js/8152.32ad98ca.js +0 -1
  315. package/build/docs/assets/js/821.19f6a696.js +0 -1
  316. package/build/docs/assets/js/822e0178.3c0d623a.js +0 -1
  317. package/build/docs/assets/js/82894961.81f97aaf.js +0 -1
  318. package/build/docs/assets/js/8290.f0834113.js +0 -1
  319. package/build/docs/assets/js/8355.bcde11e0.js +0 -1
  320. package/build/docs/assets/js/8389.b3f6164d.js +0 -1
  321. package/build/docs/assets/js/8585.e50595e8.js +0 -1
  322. package/build/docs/assets/js/85dc4c9b.d835c54a.js +0 -1
  323. package/build/docs/assets/js/8788.c86aea45.js +0 -1
  324. package/build/docs/assets/js/88a4c043.ca8fd05b.js +0 -1
  325. package/build/docs/assets/js/90579cbd.0835e6a5.js +0 -1
  326. package/build/docs/assets/js/90bbfd1d.d0fd53f0.js +0 -1
  327. package/build/docs/assets/js/9178.f2e05b02.js +0 -1
  328. package/build/docs/assets/js/9210.b5a9980e.js +0 -1
  329. package/build/docs/assets/js/9354.77e86f51.js +0 -1
  330. package/build/docs/assets/js/936.275fbed5.js +0 -1
  331. package/build/docs/assets/js/9550cc1f.e19e7779.js +0 -1
  332. package/build/docs/assets/js/9574.c7203040.js +0 -1
  333. package/build/docs/assets/js/97.d2ed6ba9.js +0 -1
  334. package/build/docs/assets/js/9852.cf8f89a9.js +0 -1
  335. package/build/docs/assets/js/9953.90bfd954.js +0 -1
  336. package/build/docs/assets/js/999f4a99.31e9f0f9.js +0 -1
  337. package/build/docs/assets/js/99a35e8f.3cb224e6.js +0 -1
  338. package/build/docs/assets/js/9ab62f73.a44012b0.js +0 -1
  339. package/build/docs/assets/js/9ea6fe4d.ebd612bc.js +0 -1
  340. package/build/docs/assets/js/a09470d9.16bfeef9.js +0 -1
  341. package/build/docs/assets/js/a0eb976e.f6504d94.js +0 -1
  342. package/build/docs/assets/js/a17fb045.0c651699.js +0 -1
  343. package/build/docs/assets/js/a2537f00.c241e3f2.js +0 -1
  344. package/build/docs/assets/js/a29a6e44.58d6b878.js +0 -1
  345. package/build/docs/assets/js/a3ecf861.0f55d8fd.js +0 -1
  346. package/build/docs/assets/js/a48fd09c.50989621.js +0 -1
  347. package/build/docs/assets/js/a6c41565.0821af7d.js +0 -1
  348. package/build/docs/assets/js/a6c5c03c.0e69962a.js +0 -1
  349. package/build/docs/assets/js/a769954d.02ea4cc3.js +0 -1
  350. package/build/docs/assets/js/a7861986.e4d90417.js +0 -1
  351. package/build/docs/assets/js/a7bd4aaa.3faf623f.js +0 -1
  352. package/build/docs/assets/js/a8687130.681fc6b9.js +0 -1
  353. package/build/docs/assets/js/a94703ab.9865def5.js +0 -1
  354. package/build/docs/assets/js/a9ba6591.bcdf3f9d.js +0 -1
  355. package/build/docs/assets/js/ab05b3aa.63cf7d9f.js +0 -1
  356. package/build/docs/assets/js/aba21aa0.4d968e31.js +0 -1
  357. package/build/docs/assets/js/ac9d64ec.dd98824b.js +0 -1
  358. package/build/docs/assets/js/aeb9810c.f3c24439.js +0 -1
  359. package/build/docs/assets/js/b0125fa2.c7fba4da.js +0 -1
  360. package/build/docs/assets/js/b0ccf0d8.89a4a7e2.js +0 -1
  361. package/build/docs/assets/js/b1474780.0982f737.js +0 -1
  362. package/build/docs/assets/js/b2a255cc.df3fdd56.js +0 -1
  363. package/build/docs/assets/js/b31a5f55.9a4737ac.js +0 -1
  364. package/build/docs/assets/js/b4285021.67b039a1.js +0 -1
  365. package/build/docs/assets/js/b784b5bb.7d7bb82c.js +0 -1
  366. package/build/docs/assets/js/b8c1226b.a92653b3.js +0 -1
  367. package/build/docs/assets/js/b93b454c.f87b4896.js +0 -1
  368. package/build/docs/assets/js/bc717899.36b37795.js +0 -1
  369. package/build/docs/assets/js/bf1a96cc.8abf8470.js +0 -1
  370. package/build/docs/assets/js/c10ec81d.0dff1cac.js +0 -1
  371. package/build/docs/assets/js/c254daed.d6764cd8.js +0 -1
  372. package/build/docs/assets/js/c377a04b.a6a0a334.js +0 -1
  373. package/build/docs/assets/js/c52b5473.1a1069c1.js +0 -1
  374. package/build/docs/assets/js/c5e9787b.448cc7d9.js +0 -1
  375. package/build/docs/assets/js/c7710052.d061cfdd.js +0 -1
  376. package/build/docs/assets/js/c8a9fc86.daf30d50.js +0 -1
  377. package/build/docs/assets/js/c90572d4.42231642.js +0 -1
  378. package/build/docs/assets/js/cfad4bb4.edde6aa3.js +0 -1
  379. package/build/docs/assets/js/d071c513.a096e87e.js +0 -1
  380. package/build/docs/assets/js/d0fd4a71.1d53f49d.js +0 -1
  381. package/build/docs/assets/js/d1d7a857.424e14dc.js +0 -1
  382. package/build/docs/assets/js/d38c25bf.1430a667.js +0 -1
  383. package/build/docs/assets/js/d3d37933.d7f15fe8.js +0 -1
  384. package/build/docs/assets/js/d71e6c8a.f4306e16.js +0 -1
  385. package/build/docs/assets/js/d9084ecb.61eb0649.js +0 -1
  386. package/build/docs/assets/js/de3ee31a.0992aa16.js +0 -1
  387. package/build/docs/assets/js/e0db4c79.6fcade57.js +0 -1
  388. package/build/docs/assets/js/e4ad89b2.9ca87caa.js +0 -1
  389. package/build/docs/assets/js/e876cff6.7c7560ed.js +0 -1
  390. package/build/docs/assets/js/e917d7c9.b54a542b.js +0 -1
  391. package/build/docs/assets/js/e9f568e8.b96fc01f.js +0 -1
  392. package/build/docs/assets/js/ea5986e4.ff0e5037.js +0 -1
  393. package/build/docs/assets/js/eb84a108.be29052f.js +0 -1
  394. package/build/docs/assets/js/ed6a4585.c5d8bf90.js +0 -1
  395. package/build/docs/assets/js/f4180cff.dae060fd.js +0 -1
  396. package/build/docs/assets/js/f7084923.91b0c545.js +0 -1
  397. package/build/docs/assets/js/f72a372a.4118877c.js +0 -1
  398. package/build/docs/assets/js/f72c86d0.d74270de.js +0 -1
  399. package/build/docs/assets/js/f8fa0321.c4c3a620.js +0 -1
  400. package/build/docs/assets/js/fc7c782f.bc0ad1ab.js +0 -1
  401. package/build/docs/assets/js/fce396bf.9f7f818c.js +0 -1
  402. package/build/docs/assets/js/fdb0d9e1.d2893206.js +0 -1
  403. package/build/docs/assets/js/fed4ae4f.e788c07f.js +0 -1
  404. package/build/docs/assets/js/fefe9566.113c5960.js +0 -1
  405. package/build/docs/assets/js/ff0bf96e.e457283e.js +0 -1
  406. package/build/docs/assets/js/ff6d65a9.39317a08.js +0 -1
  407. package/build/docs/assets/js/main.7d445fc8.js +0 -2
  408. package/build/docs/assets/js/main.7d445fc8.js.LICENSE.txt +0 -51
  409. package/build/docs/assets/js/runtime~main.5c8a1e20.js +0 -1
  410. package/build/docs/img/favicon.ico +0 -0
  411. package/build/docs/img/logo.jpeg +0 -0
  412. package/build/docs/img/logo.svg +0 -22
  413. package/build/docs/img/readme.md +0 -1
  414. package/build/docs/index.html +0 -102
  415. package/build/docs/readme.md +0 -1
  416. package/build/docs/sitemap.xml +0 -1
  417. package/build/docs/usage-guide/index.html +0 -580
  418. package/demo/6879.3434f1e9.iframe.bundle.js.br +0 -0
  419. package/demo/6879.3434f1e9.iframe.bundle.js.gz +0 -0
  420. package/demo/docs/6879.3434f1e9.iframe.bundle.js.br +0 -0
  421. package/demo/docs/6879.3434f1e9.iframe.bundle.js.gz +0 -0
  422. package/demo/docs/main.703b0e4c.iframe.bundle.js +0 -5
  423. package/demo/docs/main.703b0e4c.iframe.bundle.js.br +0 -0
  424. package/demo/docs/main.703b0e4c.iframe.bundle.js.gz +0 -0
  425. package/demo/docs/main.f4b9fb997236ae69d894.manager.bundle.js.br +0 -0
  426. package/demo/main.703b0e4c.iframe.bundle.js +0 -5
  427. package/demo/main.703b0e4c.iframe.bundle.js.br +0 -0
  428. package/demo/main.703b0e4c.iframe.bundle.js.gz +0 -0
  429. package/demo/main.f4b9fb997236ae69d894.manager.bundle.js.br +0 -0
package/build/docs/assets/js/main.7d445fc8.js.LICENSE.txt DELETED
@@ -1,51 +0,0 @@
1
- /* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
2
- * @license MIT */
3
-
4
- /**
5
- * @license React
6
- * react-dom.production.min.js
7
- *
8
- * Copyright (c) Facebook, Inc. and its affiliates.
9
- *
10
- * This source code is licensed under the MIT license found in the
11
- * LICENSE file in the root directory of this source tree.
12
- */
13
-
14
- /**
15
- * @license React
16
- * react-jsx-runtime.production.min.js
17
- *
18
- * Copyright (c) Facebook, Inc. and its affiliates.
19
- *
20
- * This source code is licensed under the MIT license found in the
21
- * LICENSE file in the root directory of this source tree.
22
- */
23
-
24
- /**
25
- * @license React
26
- * react.production.min.js
27
- *
28
- * Copyright (c) Facebook, Inc. and its affiliates.
29
- *
30
- * This source code is licensed under the MIT license found in the
31
- * LICENSE file in the root directory of this source tree.
32
- */
33
-
34
- /**
35
- * @license React
36
- * scheduler.production.min.js
37
- *
38
- * Copyright (c) Facebook, Inc. and its affiliates.
39
- *
40
- * This source code is licensed under the MIT license found in the
41
- * LICENSE file in the root directory of this source tree.
42
- */
43
-
44
- /** @license React v16.13.1
45
- * react-is.production.min.js
46
- *
47
- * Copyright (c) Facebook, Inc. and its affiliates.
48
- *
49
- * This source code is licensed under the MIT license found in the
50
- * LICENSE file in the root directory of this source tree.
51
- */
package/build/docs/assets/js/runtime~main.5c8a1e20.js DELETED
@@ -1 +0,0 @@
1
- (()=>{"use strict";var e,a,c,f,d,b={},r={};function t(e){var a=r[e];if(void 0!==a)return a.exports;var c=r[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,t),c.loaded=!0,c.exports}t.m=b,t.c=r,e=[],t.O=(a,c,f,d)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){for(var[c,f,d]=e[i],r=!0,o=0;o<c.length;o++)(!1&d||b>=d)&&Object.keys(t.O).every(e=>t.O[e](c[o]))?c.splice(o--,1):(r=!1,d<b&&(b=d));if(r){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[c,f,d]},t.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return t.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,t.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);t.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var r=2&f&&e;("object"==typeof r||"function"==typeof r)&&!~a.indexOf(r);r=c(r))Object.getOwnPropertyNames(r).forEach(a=>b[a]=()=>e[a]);return b.default=()=>e,t.d(d,b),d},t.d=(e,a)=>{for(var c in a)t.o(a,c)&&!t.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((a,c)=>(t.f[c](e,a),a),[])),t.u=e=>"assets/js/"+({104:"de3ee31a",124:"1ad86f56",200:"1dfec420",252:"d9084ecb",311:"85dc4c9b",429:"ff0bf96e",449:"c254daed",465:"a17fb045",508:"5ca2639d",552:"fdb0d9e1",574:"60781fed",594:"5e8c322a",617:"b93b454c",619:"805daf1e",706:"c52b5473",763:"7cde3459",769:"9550cc1f",773:"e0db4c79",860:"80392bdc",903:"10c70e6f",920:"eb84a108",942:"e917d7c9",1022:"f8fa0321",1077:"5e7ee35c",1099:"533e434c",1230:"5113883b",1278:"3accd241",1303:"a29a6e44",1394:"550f7dc1",1413:"61b0e64b",1556:"5f21eb71",1567:"27c8b774",1628:"4eef183e",1650:"6ca90961",1701:"a3ecf861",1768:"ff6d65a9",1782:"82894961",1788:"ab05b3aa",1814:"3b333d5b",1877:"fefe9566",1923:"d071c513",1973:"a7861986",2080:"27c4a013",2181:"46eb403d",2212:"322ec2e7",2244:"e876cff6",2290:"a769954d",2304:"c7710052",2399:"a09470d9",2403:"15f40f8f",2486:"379bbc32",2579:"41f4ce7f",2612:"7b224b5a",2666:"14efea89",2840:"d0fd4a71",2923:"3cd01694",3072:"aeb9810c",3237:"05fd5745",3282:"6aac2d5c",3292:"f72a372a",3361:"c377a04b",3470:"88a4c043",3594:"f7084923",3606:"e4ad89b2",3728:"51cd08ce",3753:"fc7c782f",3849:"99a35e8f",3949:"0a1bd0e5",4004:"b0125fa2",4082:"822e0178",4346:"50ae2c89",4364:"50b500dc",4390:"1154937a",4465:"a2537f00",4636:"c10ec81d",4658:"78fde597",4683:"0f302db7",4717:"a7bd4aaa",4762:"bf1a96cc",4835:"3072782a",4905:"d3d37933",5126:"a6c41565",5223:"1cc7c915",5349:"b784b5bb",5407:"b31a5f55",5547:"cfad4bb4",5623:"25ae0bf1",5726:"47f7a134",5742:"aba21aa0",5880:"336f5910",5886:"53defe29",5908:"04ee7372",6051:"3b0e1261",6095:"999f4a99",6111:"24b1c163",6170:"d1d7a857",6209:"f72c86d0",6372:"6b7fcc15",6526:"a48fd09c",6582:"4acce17e",6802:"a0eb976e",6836:"22c6ac39",7025:"5da011d0",7098:"1a5ba401",7209:"f4180cff",7255:"3cb0b0a9",7259:"b4285021",7310:"16fba083",7390:"90579cbd",7460:"59169cbb",7603:"7d48b3e7",7623:"16427680",7635:"c8a9fc86",7651:"a8687130",7715:"9ab62f73",7884:"749b3cb7",7917:"110b6cba",7943:"fce396bf",7954:"b2a255cc",7977:"b8c1226b",8101:"7c822e85",8119:"6b345055",8255:"9ea6fe4d",8311:"e9f568e8",8401:"17896441",8461:"90bbfd1d",8600:"413bfdf1",8644:"3204d46b",8736:"6d1f0509",8737:"a6c5c03c",8738:"d71e6c8a",8768:"075aa584",8820:"b1474780",8862:"ac9d64ec",8915:"c5e9787b",8946:"ea5986e4",8952:"61f3b5cc",9035:"ed6a4585",9048:"a94703ab",9111:"5575829c",9119:"a9ba6591",9134:"54dea6f0",9149:"b0ccf0d8",9155:"365a2c17",9220:"d38c25bf",9245:"bc717899",9269:"c90572d4",9304:"7d256524",9408:"2b2c5b3b",9422:"6daa33e8",9451:"5c5cf8ae",9563:"5e13701d",9592:"1fcf59a8",9647:"5e95c892",9712:"fed4ae4f",9763:"58e12487",9814:"4b10ac31",9816:"5ebc190f",9849:"62e1e335"}[e]||e)+"."+{97:"d2ed6ba9",104:"0992aa16",124:"5c4d3ed7",200:"e8ed9238",213:"07804718",242:"98ba961c",247:"f91b8960",252:"61eb0649",311:"d835c54a",429:"e457283e",449:"d6764cd8",465:"0c651699",508:"8b06c9ea",552:"d2893206",574:"87f57230",594:"0391dec4",617:"f87b4896",619:"305437dc",706:"1a1069c1",763:"802fae28",769:"e19e7779",773:"6fcade57",821:"19f6a696",860:"dbd30f9e",903:"3a611c9f",920:"be29052f",936:"275fbed5",942:"b54a542b",1022:"c4c3a620",1077:"01ca7414",1099:"6a22f28d",1126:"2b1e83b8",1127:"ce24a599",1230:"19fc9d2f",1278:"850fb650",1298:"f98e394e",1303:"58d6b878",1394:"a569914a",1413:"c86eca9e",1556:"536ccef3",1567:"1ec1881a",1617:"443ab77e",1628:"99934dfe",1650:"8833c635",1700:"bb38b1b9",1701:"0f55d8fd",1768:"39317a08",1782:"81f97aaf",1788:"63cf7d9f",1814:"831324f6",1877:"113c5960",1923:"a096e87e",1973:"e4d90417",2026:"f4b8efbd",2080:"bceaff37",2181:"e5123d24",2212:"529db700",2244:"7c7560ed",2290:"02ea4cc3",2297:"998393a9",2304:"d061cfdd",2399:"16bfeef9",2403:"62fbc501",2486:"cfc06360",2579:"8662231d",2612:"d21317ac",2666:"c724a605",2673:"1111af38",2805:"21b4fb8d",2840:"1d53f49d",2923:"04367956",3072:"f3c24439",3237:"f77a9872",3282:"95d7104d",3292:"4118877c",3361:"a6a0a334",3395:"f8117aa5",3470:"ca8fd05b",3499:"2c20c6ff",3552:"2d0559a3",3594:"91b0c545",3606:"9ca87caa",3728:"eedf6a77",3753:"bc0ad1ab",3849:"3cb224e6",3949:"3336afb7",3992:"aa5529d1",4004:"c7fba4da",4069:"77c5dcc9",4082:"3c0d623a",4134:"d6069e6e",4257:"60660403",4346:"ea85453c",4364:"b1dafbf4",4390:"58ab70e0",4465:"c241e3f2",4636:"0dff1cac",4658:"9598cb2a",4683:"690bba2c",4717:"3faf623f",4762:"8abf8470",4772:"988b91f1",4780:"8d49dc64",4835:"825cd627",4884:"48d16d5b",4905:"d7f15fe8",5126:"0821af7d",5196:"dda420ed",5223:"18a50af2",5248:"5442863c",5349:"7d7bb82c",5407:"9a4737ac",5428:"28b1d8b6",5547:"edde6aa3",5623:"3ff15c6f",5726:"2369c86a",5742:"4d968e31",5880:"34c060aa",5886:"b34f5bfe",5908:"a9b3e0ad",5964:"fbd55ce8",5968:"7a565a4e",6051:"9caf419d",6095:"31e9f0f9",6111:"4390b04b",6170:"424e14dc",6209:"d74270de",6372:"290796d9",6486:"776625d1",6526:"50989621",6582:"b84485e3",6611:"481d87ff",6802:"f6504d94",6836:"38c10213",7025:"872006f0",7080:"73a89c35",7098:"bdd09a56",7201:"26026979",7209:"dae060fd",7255:"99866080",7259:"67b039a1",7310:"0c978e4b",7344:"12628cac",7390:"0835e6a5",7460:"2d2d02ce",7516:"78c3385c",7525:"69d857f8",7540:"ee4aa270",7603:"5d6ce912",7623:"5a41da14",7635:"daf30d50",7651:"681fc6b9",7715:"a44012b0",7884:"660b1c4b",7917:"2039a4be",7943:"9f7f818c",7954:"df3fdd56",7977:"a92653b3",7985:"6aac4971",8049:"5b4457b0",8101:"3cc0a954",8119:"f4f6c3b9",8152:"32ad98ca",8255:"ebd612bc",8290:"f0834113",8311:"b96fc01f",8355:"bcde11e0",8389:"b3f6164d",8401:"87af09c7",8461:"d0fd53f0",8585:"e50595e8",8600:"2e754bf4",8644:"7af2b3bd",8736:"55213557",8737:"0e69962a",8738:"f4306e16",8768:"dde55d25",8788:"c86aea45",8820:"0982f737",8862:"dd98824b",8915:"448cc7d9",8946:"ff0e5037",8952:"197d138c",9035:"c5d8bf90",9048:"9865def5",9111:"04c44eb2",9119:"bcdf3f9d",9134:"7b5fa5e6",9149:"89a4a7e2",9155:"6afbd7ba",9178:"f2e05b02",9210:"b5a9980e",9220:"1430a667",9245:"36b37795",9269:"42231642",9304:"087a46e5",9354:"77e86f51",9408:"41587ade",9422:"c1c74588",9451:"cf6912f5",9563:"8a6b7fd6",9574:"c7203040",9592:"501bb96b",9647:"f11d5bd6",9712:"e788c07f",9763:"6e6066d3",9814:"ffdbb394",9816:"49776b06",9849:"d54d1d6e",9852:"cf8f89a9",9953:"90bfd954"}[e]+".js",t.miniCssF=e=>{},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="@elliemae/pui-app-sdk:",t.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var r,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==d+c){r=l;break}}r||(o=!0,(r=document.createElement("script")).charset="utf-8",t.nc&&r.setAttribute("nonce",t.nc),r.setAttribute("data-webpack",d+c),r.src=e),f[e]=[a];var u=(a,c)=>{r.onerror=r.onload=null,clearTimeout(p);var d=f[e];if(delete f[e],r.parentNode&&r.parentNode.removeChild(r),d&&d.forEach(e=>e(c)),a)return a(c)},p=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),o&&document.head.appendChild(r)}},t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.dn=e=>{(Object.getOwnPropertyDescriptor(e,"name")||{}).writable||Object.defineProperty(e,"name",{value:"default",configurable:!0})},t.p="/app-sdk/",t.gca=function(e){return e={16427680:"7623",17896441:"8401",82894961:"1782",de3ee31a:"104","1ad86f56":"124","1dfec420":"200",d9084ecb:"252","85dc4c9b":"311",ff0bf96e:"429",c254daed:"449",a17fb045:"465","5ca2639d":"508",fdb0d9e1:"552","60781fed":"574","5e8c322a":"594",b93b454c:"617","805daf1e":"619",c52b5473:"706","7cde3459":"763","9550cc1f":"769",e0db4c79:"773","80392bdc":"860","10c70e6f":"903",eb84a108:"920",e917d7c9:"942",f8fa0321:"1022","5e7ee35c":"1077","533e434c":"1099","5113883b":"1230","3accd241":"1278",a29a6e44:"1303","550f7dc1":"1394","61b0e64b":"1413","5f21eb71":"1556","27c8b774":"1567","4eef183e":"1628","6ca90961":"1650",a3ecf861:"1701",ff6d65a9:"1768",ab05b3aa:"1788","3b333d5b":"1814",fefe9566:"1877",d071c513:"1923",a7861986:"1973","27c4a013":"2080","46eb403d":"2181","322ec2e7":"2212",e876cff6:"2244",a769954d:"2290",c7710052:"2304",a09470d9:"2399","15f40f8f":"2403","379bbc32":"2486","41f4ce7f":"2579","7b224b5a":"2612","14efea89":"2666",d0fd4a71:"2840","3cd01694":"2923",aeb9810c:"3072","05fd5745":"3237","6aac2d5c":"3282",f72a372a:"3292",c377a04b:"3361","88a4c043":"3470",f7084923:"3594",e4ad89b2:"3606","51cd08ce":"3728",fc7c782f:"3753","99a35e8f":"3849","0a1bd0e5":"3949",b0125fa2:"4004","822e0178":"4082","50ae2c89":"4346","50b500dc":"4364","1154937a":"4390",a2537f00:"4465",c10ec81d:"4636","78fde597":"4658","0f302db7":"4683",a7bd4aaa:"4717",bf1a96cc:"4762","3072782a":"4835",d3d37933:"4905",a6c41565:"5126","1cc7c915":"5223",b784b5bb:"5349",b31a5f55:"5407",cfad4bb4:"5547","25ae0bf1":"5623","47f7a134":"5726",aba21aa0:"5742","336f5910":"5880","53defe29":"5886","04ee7372":"5908","3b0e1261":"6051","999f4a99":"6095","24b1c163":"6111",d1d7a857:"6170",f72c86d0:"6209","6b7fcc15":"6372",a48fd09c:"6526","4acce17e":"6582",a0eb976e:"6802","22c6ac39":"6836","5da011d0":"7025","1a5ba401":"7098",f4180cff:"7209","3cb0b0a9":"7255",b4285021:"7259","16fba083":"7310","90579cbd":"7390","59169cbb":"7460","7d48b3e7":"7603",c8a9fc86:"7635",a8687130:"7651","9ab62f73":"7715","749b3cb7":"7884","110b6cba":"7917",fce396bf:"7943",b2a255cc:"7954",b8c1226b:"7977","7c822e85":"8101","6b345055":"8119","9ea6fe4d":"8255",e9f568e8:"8311","90bbfd1d":"8461","413bfdf1":"8600","3204d46b":"8644","6d1f0509":"8736",a6c5c03c:"8737",d71e6c8a:"8738","075aa584":"8768",b1474780:"8820",ac9d64ec:"8862",c5e9787b:"8915",ea5986e4:"8946","61f3b5cc":"8952",ed6a4585:"9035",a94703ab:"9048","5575829c":"9111",a9ba6591:"9119","54dea6f0":"9134",b0ccf0d8:"9149","365a2c17":"9155",d38c25bf:"9220",bc717899:"9245",c90572d4:"9269","7d256524":"9304","2b2c5b3b":"9408","6daa33e8":"9422","5c5cf8ae":"9451","5e13701d":"9563","1fcf59a8":"9592","5e95c892":"9647",fed4ae4f:"9712","58e12487":"9763","4b10ac31":"9814","5ebc190f":"9816","62e1e335":"9849"}[e]||e,t.p+t.u(e)},(()=>{var e={5354:0,1869:0};t.f.j=(a,c)=>{var f=t.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise((c,d)=>f=e[a]=[c,d]);c.push(f[2]=d);var b=t.p+t.u(a),r=new Error;t.l(b,c=>{if(t.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;r.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",r.name="ChunkLoadError",r.type=d,r.request=b,f[1](r)}},"chunk-"+a,a)}},t.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,[b,r,o]=c,n=0;if(b.some(a=>0!==e[a])){for(f in r)t.o(r,f)&&(t.m[f]=r[f]);if(o)var i=o(t)}for(a&&a(c);n<b.length;n++)d=b[n],t.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return t.O(i)},c=globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
package/build/docs/img/favicon.ico DELETED
Binary file
package/build/docs/img/logo.jpeg DELETED
Binary file
package/build/docs/img/logo.svg DELETED
@@ -1,22 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 377.5 380.3" style="enable-background:new 0 0 377.5 380.3;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{fill:#8DBFE1;}
7
- </style>
8
- <g>
9
- <g>
10
- <polygon class="st0" points="0,0 0,377.5 73.5,377.5 73.5,343 34.5,343 34.5,34.5 343,34.5 343,225 377.5,225 377.5,0 "/>
11
- </g>
12
- <g>
13
- <rect x="110" y="263.2" width="23.4" height="114.3"/>
14
- <path d="M212.1,359c-20.6,0-35.4-15.9-35.4-38.6s13.3-38.9,34.9-38.9c12.6,0,23.2,6.1,30.2,15.9l15.9-15.7
15
- c-12.4-14.5-28.1-21.3-46.6-21.3c-33.3,0-58.8,26-58.8,59.9s23.4,59.9,59.7,59.9c19.7,0,35.4-8.4,46.6-23.2l-16.6-14
16
- C234.8,353.1,224.7,359,212.1,359z"/>
17
- <path d="M292.5,330.4c3.7,17.2,16.9,28.6,34.3,28.6c12.6,0,22.7-5.9,30-15.9l16.6,14c-11.2,14.8-26.9,23.2-46.6,23.2
18
- c-36.3,0-59.7-26-59.7-59.9s23.2-59.9,56.5-59.9c24.9,0,59,17.4,53.3,70L292.5,330.4z M354.3,311.9c-2.5-23.4-17.7-30.4-28-30.4
19
- c-17.5,0-30.2,11-34.2,30.4L354.3,311.9z"/>
20
- </g>
21
- </g>
22
- </svg>
package/build/docs/img/readme.md DELETED
@@ -1 +0,0 @@
1
- # place your static assets such as images inside this folder
package/build/docs/index.html DELETED
@@ -1,102 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-index" data-has-hydrated="false">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="generator" content="Docusaurus v3.10.1">
6
- <title data-rh="true">Getting Started | App SDK</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://pui.ice.com/app-sdk/"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Getting Started | App SDK"><meta data-rh="true" name="description" content="Welcome to the PUI App SDK - the ICE MT UI Platform Application SDK for building React micro-frontend applications with integrated cross-cutting concerns."><meta data-rh="true" property="og:description" content="Welcome to the PUI App SDK - the ICE MT UI Platform Application SDK for building React micro-frontend applications with integrated cross-cutting concerns."><link data-rh="true" rel="icon" href="/app-sdk/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://pui.ice.com/app-sdk/"><link data-rh="true" rel="alternate" href="https://pui.ice.com/app-sdk/" hreflang="en"><link data-rh="true" rel="alternate" href="https://pui.ice.com/app-sdk/" hreflang="x-default"><script data-rh="true">function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container";n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/app-sdk/</span> </p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}document.addEventListener("DOMContentLoaded",function(){void 0===window.docusaurus&&insertBanner()})</script><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Getting Started","item":"https://pui.ice.com/app-sdk/"}]}</script><link rel="stylesheet" href="/app-sdk/assets/css/styles.0fad824b.css">
7
- <script src="/app-sdk/assets/js/runtime~main.5c8a1e20.js" defer="defer"></script>
8
- <script src="/app-sdk/assets/js/main.7d445fc8.js" defer="defer"></script>
9
- </head>
10
- <body>
11
- <svg style="display: none;"><defs>
12
- <symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
13
- </defs></svg>
14
- <script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_JAhZ" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/app-sdk/"><div class="navbar__logo"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_SSxs themedComponent--light_SZPQ"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_SSxs themedComponent--dark_komm"></div><b class="navbar__title text--truncate">App SDK</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/app-sdk/">Getting Started</a><a class="navbar__item navbar__link" href="/app-sdk/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_uxYp"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_h793 colorModeToggle_v_2a"><button class="clean-btn toggleButton_luUl toggleButtonDisabled_cKAk" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_DcpM lightToggleIcon_kcXC"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_DcpM darkToggleIcon_ZFgA"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_DcpM systemToggleIcon_v1mL"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_S02n"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_Zl5R"><div class="docsWrapper_ueFZ"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_ODdz" type="button"></button><div class="docRoot_hEeJ"><aside class="theme-doc-sidebar-container docSidebarContainer_iMMY"><div class="sidebarViewport_qKht"><div class="sidebar_pQSv"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_rgip"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_nibH menu__link menu__link--sublist" href="/app-sdk/api/"><span title="App SDK API" class="categoryLinkLabel_IX6H">App SDK API</span></a><button aria-label="Expand sidebar category &#x27;App SDK API&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/app-sdk/"><span title="Getting Started" class="linkLabel_Jzo_">Getting Started</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/app-sdk/usage-guide"><span title="Usage Guide" class="linkLabel_Jzo_">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_Ww0q"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_nUXI"><div class="docItemContainer_Lld7"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z125" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/app-sdk/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_keIu"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Getting Started</span></li></ul></nav><div class="tocCollapsible_iI5M theme-doc-toc-mobile tocMobile_IiaZ"><button type="button" class="clean-btn tocCollapsibleButton_IsfN">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header>
15
- <p>Welcome to the <strong>PUI App SDK</strong> - the ICE MT UI Platform Application SDK for building React micro-frontend applications with integrated cross-cutting concerns.</p>
16
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="overview">Overview<a href="#overview" class="hash-link" aria-label="Direct link to Overview" title="Direct link to Overview" translate="no">​</a></h2>
17
- <p>The PUI App SDK provides:</p>
18
- <ul>
19
- <li class=""><strong>Micro-Frontend Architecture</strong> - CMicroApp guest/host lifecycle, navigation links, inter-app communication</li>
20
- <li class=""><strong>API Integration</strong> - RTK Query with automatic caching and auth, plus legacy HTTP client with 401 retry</li>
21
- <li class=""><strong>State Management</strong> - Redux Toolkit with dynamic injection, listener middleware, and error middleware</li>
22
- <li class=""><strong>Form Management</strong> - React Hook Form integration with input masks, date pickers, combos, and layout components</li>
23
- <li class=""><strong>Analytics &amp; LogRocket</strong> - Business analytics tracking with automatic LogRocket identification, event buffering, and throttling</li>
24
- <li class=""><strong>Authentication</strong> - OAuth/IDP login, session management, automatic LogRocket identity lifecycle, and auth subpath helpers</li>
25
- <li class=""><strong>Session Management</strong> - Idle timeout, expiry warnings, session renewal, and ready-made UI components</li>
26
- <li class=""><strong>Testing Utilities</strong> - <code>renderWithRedux</code>, <code>renderWithRouter</code>, Testing Library re-exports, and <code>RenderWithStateAddOns</code></li>
27
- <li class=""><strong>Environment &amp; Utilities</strong> - Environment detection, URL helpers, themes, PII redaction, and TypeScript decorators</li>
28
- </ul>
29
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites" translate="no">​</a></h2>
30
- <ul>
31
- <li class=""><strong>Node.js</strong>: Version 20 or higher</li>
32
- <li class=""><strong>pnpm</strong>: Version 8 or higher</li>
33
- <li class=""><strong>React</strong>: Compatible with <code>@elliemae/app-react-dependencies ^4.26.0</code></li>
34
- </ul>
35
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="installation">Installation<a href="#installation" class="hash-link" aria-label="Direct link to Installation" title="Direct link to Installation" translate="no">​</a></h2>
36
- <div class="language-bash codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-bash codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm add @elliemae/pui-app-sdk</span><br></div></code></pre></div></div>
37
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="required-peer-dependencies">Required Peer Dependencies<a href="#required-peer-dependencies" class="hash-link" aria-label="Direct link to Required Peer Dependencies" title="Direct link to Required Peer Dependencies" translate="no">​</a></h3>
38
- <div class="language-bash codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-bash codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm add @elliemae/app-react-dependencies \</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> @elliemae/pui-app-bridge \</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> @elliemae/pui-theme \</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> @elliemae/ssf-guest \</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> @elliemae/ssf-host</span><br></div></code></pre></div></div>
39
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="quick-start">Quick Start<a href="#quick-start" class="hash-link" aria-label="Direct link to Quick Start" title="Direct link to Quick Start" translate="no">​</a></h2>
40
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="1-create-app-configuration">1. Create App Configuration<a href="#1-create-app-configuration" class="hash-link" aria-label="Direct link to 1. Create App Configuration" title="Direct link to 1. Create App Configuration" translate="no">​</a></h3>
41
- <p>Create <code>app.config.json</code>:</p>
42
- <div class="language-json codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-json codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;appId&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;your-app-id&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;activeEnv&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;localhost&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;sessionTimeoutWarnInterval&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;7200000&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;sessionTimeoutInterval&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;9000000&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;serviceEndpoints&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">&quot;api&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;https://api.example.com&quot;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></div></code></pre></div></div>
43
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="2-initialize-your-micro-app">2. Initialize Your Micro-App<a href="#2-initialize-your-micro-app" class="hash-link" aria-label="Direct link to 2. Initialize Your Micro-App" title="Direct link to 2. Initialize Your Micro-App" translate="no">​</a></h3>
44
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> CMicroApp</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> configureStore</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> setAppConfig</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> listenStorageEvents</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> initServiceWorker</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> createRoot </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;react-dom/client&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> appConfig </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;./app.config.json&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> logger </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;./utils/logger&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Your logger instance</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Setup</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">setAppConfig</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">appConfig</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">listenStorageEvents</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> app </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> store </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> root </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Lifecycle callbacks</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">onInit</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> history</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> homeRoute </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> store </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">configureStore</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> history</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">onMount</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> containerId </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> root </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">createRoot</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">containerId</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> root</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">render</span><span class="token punctuation" style="color:#393A34">(</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Application </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">onUnmount</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> root</span><span class="token operator" style="color:#393A34">?.</span><span class="token function" style="color:#d73a49">unmount</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Create micro-app instance</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">app </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> CMicroApp</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">getInstance</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> logger</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> onInit</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> onMount</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> onUnmount</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">initServiceWorker</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;/base-path&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
45
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="3-set-up-application-root">3. Set Up Application Root<a href="#3-set-up-application-root" class="hash-link" aria-label="Direct link to 3. Set Up Application Root" title="Direct link to 3. Set Up Application Root" translate="no">​</a></h3>
46
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> AppRoot </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">Application</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// app and store are defined in the initialization code above</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> appProps </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> app</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">getProps</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">AppRoot</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> store</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">store</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> history</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">appProps</span><span class="token punctuation" style="color:#393A34">.</span><span class="token plain">history</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> theme</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">appProps</span><span class="token punctuation" style="color:#393A34">.</span><span class="token plain">theme</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> manageSession</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">AppRoutes </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">AppRoot</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
47
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="4-define-routes">4. Define Routes<a href="#4-define-routes" class="hash-link" aria-label="Direct link to 4. Define Routes" title="Direct link to 4. Define Routes" translate="no">​</a></h3>
48
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> Routes</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> Route </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;react-router-dom&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> Page </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">AppRoutes</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Routes</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Route path</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;/&quot;</span><span class="token plain"> element</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Layout </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Route</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> index</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> element</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Page pageTitle</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;Dashboard&quot;</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">Dashboard </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">Page</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">Route</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">Routes</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
49
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="core-concepts">Core Concepts<a href="#core-concepts" class="hash-link" aria-label="Direct link to Core Concepts" title="Direct link to Core Concepts" translate="no">​</a></h2>
50
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="api-integration">API Integration<a href="#api-integration" class="hash-link" aria-label="Direct link to API Integration" title="Direct link to API Integration" translate="no">​</a></h3>
51
- <p><strong>Recommended</strong>: Use RTK Query for seamless API integration:</p>
52
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> useInjectQuery </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> resourcesApi </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;./api/resources&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">Layout</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Inject RTK Query API</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token function" style="color:#d73a49">useInjectQuery</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> api</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> resourcesApi </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
53
- <p><a class="" href="/app-sdk/usage-guide#api-integration-with-rtk-query">→ Learn more about RTK Query</a></p>
54
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="state-management">State Management<a href="#state-management" class="hash-link" aria-label="Direct link to State Management" title="Direct link to State Management" translate="no">​</a></h3>
55
- <p>For non-API state, use Redux with dynamic injection:</p>
56
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> useInjectReducer</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> useInjectSaga </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">Layout</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token function" style="color:#d73a49">useInjectReducer</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> key</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;ui&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> reducer </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token function" style="color:#d73a49">useInjectSaga</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> key</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;workflows&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> saga</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> workflowSagas </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
57
- <p><a class="" href="/app-sdk/usage-guide#state-management">→ Learn more about State Management</a></p>
58
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="making-api-calls">Making API Calls<a href="#making-api-calls" class="hash-link" aria-label="Direct link to Making API Calls" title="Direct link to Making API Calls" translate="no">​</a></h3>
59
- <p><strong>Recommended</strong>: Use RTK Query for API integration with automatic caching, request deduplication, and loading states:</p>
60
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> createApi </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@reduxjs/toolkit/query/react&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> sdkBaseQuery </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> resourcesApi </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">createApi</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> reducerPath</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;resourcesApi&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> baseQuery</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">sdkBaseQuery</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> baseUrl</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;/v1&#x27;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">endpoints</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">builder</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> getResources</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> builder</span><span class="token punctuation" style="color:#393A34">.</span><span class="token generic-function function" style="color:#d73a49">query</span><span class="token generic-function generic class-name operator" style="color:#393A34">&lt;</span><span class="token generic-function generic class-name">Resource</span><span class="token generic-function generic class-name punctuation" style="color:#393A34">[</span><span class="token generic-function generic class-name punctuation" style="color:#393A34">]</span><span class="token generic-function generic class-name punctuation" style="color:#393A34">,</span><span class="token generic-function generic class-name"> </span><span class="token generic-function generic class-name keyword" style="color:#00009f">void</span><span class="token generic-function generic class-name operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">query</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> url</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;/resources&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> method</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;GET&#x27;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> useGetResourcesQuery </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> resourcesApi</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Use in components</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> isLoading </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useGetResourcesQuery</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
61
- <p><a class="" href="/app-sdk/usage-guide#api-integration-with-rtk-query">→ Learn more about RTK Query API Integration</a><br>
62
- <a class="" href="/app-sdk/usage-guide#http-client-legacy">→ Legacy HTTP Client approach</a></p>
63
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="forms">Forms<a href="#forms" class="hash-link" aria-label="Direct link to Forms" title="Direct link to Forms" translate="no">​</a></h3>
64
- <p>Build validated forms with React Hook Form:</p>
65
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> Form </span><span class="token keyword" style="color:#00009f">as</span><span class="token plain"> SDKForm </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">SDKForm onSubmit</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">handleSubmit</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">FormFields </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">SDKForm</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
66
- <p><a class="" href="/app-sdk/usage-guide#form-management">→ Learn more about Forms</a></p>
67
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="micro-frontends">Micro-Frontends<a href="#micro-frontends" class="hash-link" aria-label="Direct link to Micro-Frontends" title="Direct link to Micro-Frontends" translate="no">​</a></h3>
68
- <p>Embed child applications:</p>
69
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> GuestMicroApp</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> history </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">GuestMicroApp id</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;child-app&quot;</span><span class="token plain"> history</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">history</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
70
- <p><a class="" href="/app-sdk/usage-guide#micro-frontends">→ Learn more about Micro-Frontends</a></p>
71
- <h3 class="anchor anchorTargetStickyNavbar_LxAM" id="analytics--scripting-objects">Analytics &amp; Scripting Objects<a href="#analytics--scripting-objects" class="hash-link" aria-label="Direct link to Analytics &amp; Scripting Objects" title="Direct link to Analytics &amp; Scripting Objects" translate="no">​</a></h3>
72
- <p>Track events and communicate between apps:</p>
73
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> CMicroApp </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> app </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> CMicroApp</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">getInstance</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> analytics </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">await</span><span class="token plain"> app</span><span class="token punctuation" style="color:#393A34">.</span><span class="token function" style="color:#d73a49">getObject</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;analytics&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
74
- <p><a class="" href="/app-sdk/usage-guide#analytics">→ Learn more about Analytics</a><br>
75
- <a class="" href="/app-sdk/usage-guide#scripting-objects">→ Learn more about Scripting Objects</a></p>
76
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="testing">Testing<a href="#testing" class="hash-link" aria-label="Direct link to Testing" title="Direct link to Testing" translate="no">​</a></h2>
77
- <p>The SDK provides testing helpers for components with Redux and Router:</p>
78
- <div class="language-typescript codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-typescript codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> renderWithRedux </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@elliemae/pui-app-sdk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">renderWithRedux</span><span class="token punctuation" style="color:#393A34">(</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">MyComponent </span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> initialState</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> user</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;John&#x27;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
79
- <p><a class="" href="/app-sdk/usage-guide#testing">→ Learn more about Testing</a></p>
80
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="project-structure">Project Structure<a href="#project-structure" class="hash-link" aria-label="Direct link to Project Structure" title="Direct link to Project Structure" translate="no">​</a></h2>
81
- <p>Recommended structure for SDK-based applications:</p>
82
- <div class="language-plaintext codeBlockContainer_EUFB theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_UdBd"><pre tabindex="0" class="prism-code language-plaintext codeBlock_RL5w thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_V7PD"><div class="token-line" style="color:#393A34"><span class="token plain">my-app/</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">├── app/</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── api/ # RTK Query API definitions</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── data/ # Redux slices (for non-API state)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── route/ # Route definitions</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── sideeffect/ # Redux Sagas (for complex workflows)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── utils/ # Utility functions</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── view/ # UI components</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ ├── app.config.json # App configuration</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">│ └── index.tsx # Entry point</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">└── package.json</span><br></div></code></pre></div></div>
83
- <p><a class="" href="/app-sdk/usage-guide#project-structure">→ See detailed structure in Usage Guide</a></p>
84
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="next-steps">Next Steps<a href="#next-steps" class="hash-link" aria-label="Direct link to Next Steps" title="Direct link to Next Steps" translate="no">​</a></h2>
85
- <ul>
86
- <li class=""><strong><a class="" href="/app-sdk/usage-guide">Usage Guide</a></strong> - Detailed examples and patterns</li>
87
- <li class=""><strong><a class="" href="/app-sdk/api/">API Documentation</a></strong> - Complete API reference</li>
88
- <li class=""><strong>Examples</strong> - Run <code>pnpm run storybook</code> to view component examples</li>
89
- <li class=""><strong>Boilerplate</strong> - Check <code>pui-react-boilerplate</code> for a complete working example</li>
90
- </ul>
91
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="resources">Resources<a href="#resources" class="hash-link" aria-label="Direct link to Resources" title="Direct link to Resources" translate="no">​</a></h2>
92
- <ul>
93
- <li class=""><strong><a class="" href="/app-sdk/usage-guide">Usage Guide</a></strong> - Detailed usage patterns and examples</li>
94
- <li class=""><strong><a class="" href="/app-sdk/api/">API Documentation</a></strong> - Complete API reference</li>
95
- <li class=""><strong><a href="https://sonar.ellielabs.com/overview?id=elliemae.pui.app.sdk-master" target="_blank" rel="noopener noreferrer" class="">SonarQube</a></strong> - Code quality metrics</li>
96
- <li class=""><strong><a href="https://appsdk.pui.mortgagetech.d1.ice.com/" target="_blank" rel="noopener noreferrer" class="">QA Environment</a></strong> - Test deployment</li>
97
- <li class=""><strong>Boilerplate</strong> - Reference implementation in <code>pui-react-boilerplate</code></li>
98
- </ul>
99
- <h2 class="anchor anchorTargetStickyNavbar_LxAM" id="troubleshooting">Troubleshooting<a href="#troubleshooting" class="hash-link" aria-label="Direct link to Troubleshooting" title="Direct link to Troubleshooting" translate="no">​</a></h2>
100
- <p>For common issues and solutions, see the <a class="" href="/app-sdk/usage-guide#troubleshooting">Usage Guide Troubleshooting section</a>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col noPrint_CXW_"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git/docs/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_lW2Z" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_jQ0h"></div></div></footer></article><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/app-sdk/api/variables/within"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">within</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/app-sdk/usage-guide"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage Guide</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_HU9B thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link toc-highlight">Overview</a></li><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#installation" class="table-of-contents__link toc-highlight">Installation</a><ul><li><a href="#required-peer-dependencies" class="table-of-contents__link toc-highlight">Required Peer Dependencies</a></li></ul></li><li><a href="#quick-start" class="table-of-contents__link toc-highlight">Quick Start</a><ul><li><a href="#1-create-app-configuration" class="table-of-contents__link toc-highlight">1. Create App Configuration</a></li><li><a href="#2-initialize-your-micro-app" class="table-of-contents__link toc-highlight">2. Initialize Your Micro-App</a></li><li><a href="#3-set-up-application-root" class="table-of-contents__link toc-highlight">3. Set Up Application Root</a></li><li><a href="#4-define-routes" class="table-of-contents__link toc-highlight">4. Define Routes</a></li></ul></li><li><a href="#core-concepts" class="table-of-contents__link toc-highlight">Core Concepts</a><ul><li><a href="#api-integration" class="table-of-contents__link toc-highlight">API Integration</a></li><li><a href="#state-management" class="table-of-contents__link toc-highlight">State Management</a></li><li><a href="#making-api-calls" class="table-of-contents__link toc-highlight">Making API Calls</a></li><li><a href="#forms" class="table-of-contents__link toc-highlight">Forms</a></li><li><a href="#micro-frontends" class="table-of-contents__link toc-highlight">Micro-Frontends</a></li><li><a href="#analytics--scripting-objects" class="table-of-contents__link toc-highlight">Analytics &amp; Scripting Objects</a></li></ul></li><li><a href="#testing" class="table-of-contents__link toc-highlight">Testing</a></li><li><a href="#project-structure" class="table-of-contents__link toc-highlight">Project Structure</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next Steps</a></li><li><a href="#resources" class="table-of-contents__link toc-highlight">Resources</a></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a></li></ul></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/app-sdk/">Getting Started</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://icemortgagetechnology.slack.com/archives/C01M49EGP6Z" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_uxYp"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_uxYp"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2026 ICE.</div></div></div></footer></div>
101
- </body>
102
- </html>
package/build/docs/readme.md DELETED
@@ -1 +0,0 @@
1
- # place any static assets inside this folder