npm - @elliemae/pui-app-sdk - Versions diffs - 5.36.0 → 5.36.2 - Mend

@elliemae/pui-app-sdk 5.36.0 → 5.36.2

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 (190) hide show

package/build/docs/assets/js/{runtime~main.e3dd1cce.js → runtime~main.83819012.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{"use strict";var e,a,c,b,d,f={},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 f[e].call(c.exports,c,c.exports,t),c.loaded=!0,c.exports}t.m=f,t.c=r,e=[],t.O=(a,c,b,d)=>{if(!c){var f=1/0;for(i=0;i<e.length;i++){for(var[c,b,d]=e[i],r=!0,o=0;o<c.length;o++)(!1&d\|\|f>=d)&&Object.keys(t.O).every(e=>t.O[e](c[o]))?c.splice(o--,1):(r=!1,d<f&&(f=d));if(r){e.splice(i--,1);var n=b();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,b,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,b){if(1&b&&(e=this(e)),8&b)return e;if("object"==typeof e&&e){if(4&b&&e.__esModule)return e;if(16&b&&"function"==typeof e.then)return e}var d=Object.create(null);t.r(d);var f={};a=a\|\|[null,c({}),c([]),c(c)];for(var r=2&b&&e;("object"==typeof r\|\|"function"==typeof r)&&!~a.indexOf(r);r=c(r))Object.getOwnPropertyNames(r).forEach(a=>f[a]=()=>e[a]);return f.default=()=>e,t.d(d,f),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",594:"5e8c322a",617:"b93b454c",706:"c52b5473",763:"7cde3459",769:"9550cc1f",773:"e0db4c79",860:"80392bdc",903:"10c70e6f",920:"eb84a108",942:"e917d7c9",1022:"f8fa0321",1077:"5e7ee35c",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",2304:"c7710052",2399:"a09470d9",2403:"15f40f8f",2486:"379bbc32",2579:"41f4ce7f",2612:"7b224b5a",2666:"14efea89",2840:"d0fd4a71",2923:"3cd01694",3072:"aeb9810c",3237:"05fd5745",3292:"f72a372a",3353:"10941b69",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",5726:"47f7a134",5742:"aba21aa0",5880:"336f5910",5886:"53defe29",5908:"04ee7372",6051:"3b0e1261",6095:"999f4a99",6111:"24b1c163",6170:"d1d7a857",6209:"f72c86d0",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",9134:"54dea6f0",9149:"b0ccf0d8",9155:"365a2c17",9220:"d38c25bf",9245:"bc717899",9269:"c90572d4",9304:"7d256524",9422:"6daa33e8",9451:"5c5cf8ae",9563:"5e13701d",9592:"1fcf59a8",9647:"5e95c892",9712:"fed4ae4f",9763:"58e12487",9814:"4b10ac31",9816:"5ebc190f"}[e]\|\|e)+"."+{104:"c73ee252",124:"efd8ed2e",200:"8274d5b5",252:"97560044",311:"3846d236",429:"b2e644c9",449:"3a9c8b35",465:"372af910",483:"f187a446",508:"2bfaa965",552:"88bd3058",594:"aa5dce33",617:"ecff4c4f",638:"566d9d0f",654:"1a5f6d5b",706:"cb9da401",763:"e4cc4e22",764:"89baf9fa",769:"7c0780cd",773:"fe2a7c27",860:"96b0a951",903:"91bc56e4",920:"0354e72c",942:"f008116c",967:"b09e6ce0",1022:"c5ae2ad1",1077:"14bd89e9",1138:"22b2ba6b",1230:"2265887e",1278:"27baa3e7",1303:"d2eddfa5",1370:"4c81ec40",1394:"ab2ee44b",1413:"37ac294c",1556:"4dac4a28",1567:"475b131c",1628:"665c81d6",1650:"4a5fb3f8",1701:"1a471420",1768:"62e7d3ab",1782:"c0c49aa0",1788:"cefa949c",1814:"700936ae",1877:"a9d82127",1923:"26ec37a4",1973:"690347f0",2009:"8ca0a216",2080:"72d8292c",2180:"ce000207",2181:"a6ca3130",2212:"b84135c8",2304:"7ccb8cb2",2327:"ee80d8d8",2399:"a3e425d6",2403:"0e1402a3",2486:"beb9c68b",2579:"b10637ea",2612:"a2f6f146",2666:"3b635082",2706:"3926c154",2840:"2e1d6e85",2923:"cc526b55",3072:"923ebcc0",3237:"953a7a33",3292:"fac24e49",3308:"87465c7b",3353:"8cbffc27",3361:"cb9f3bbb",3470:"d15241e6",3594:"5137e7e6",3606:"466d1af8",3725:"3baaf1d9",3728:"2b4f90f8",3753:"cfe27d64",3767:"cc4d91ff",3849:"9fbb8d4c",3899:"f8ceb613",3949:"54fce4c3",4004:"e795fcf3",4082:"c247e771",4167:"a7857570",4346:"162d0c5b",4359:"0107237b",4364:"9d9d2ddf",4390:"36dfc5b5",4413:"48daf777",4453:"b5997a1c",4465:"3b74685b",4632:"82875840",4636:"8d5d079f",4658:"3a9b7de3",4683:"b003767b",4717:"b7b39750",4762:"fa102cdc",4835:"f7890d1d",4860:"ea947f98",4905:"e4175e0a",5126:"fa578abf",5168:"16c4d2cb",5179:"6279be3b",5182:"d3bc1a52",5223:"1a607da3",5275:"f3b16dd8",5349:"bef4873f",5407:"f33b14aa",5547:"4a0a6b73",5726:"8d6af1ab",5742:"4d968e31",5820:"8c6629e6",5880:"bfefe228",5886:"55442d2b",5908:"01dca5e5",6051:"564ffff2",6095:"5a6099ba",6111:"97bf3136",6170:"ebafab0a",6209:"10c73c72",6340:"627ca0e9",6376:"d4e7b226",6526:"0ad4fde9",6582:"00f177dd",6603:"a5654f96",6761:"79f49c02",6802:"a9c295a5",6836:"6a054614",6873:"250b8923",6961:"bb1d91b3",7025:"0902d0bc",7039:"f7345d30",7098:"737e136c",7204:"60e8a234",7209:"f28c8d9f",7255:"e4f8987c",7259:"cb218ef1",7310:"86fcd8fa",7390:"7cd43dcb",7392:"2c18ff91",7460:"2b1439f2",7603:"f28d470f",7616:"9dbee090",7623:"fed1bf82",7628:"78d59aa6",7635:"004905a9",7651:"0ab9cb00",7666:"862d5c60",7715:"b4a5d7ea",7819:"8f5f7ee2",7876:"f9eb417b",7884:"da9800a6",7917:"e9abc3ce",7943:"0f473578",7954:"1a0278f3",7977:"b07383b3",8071:"3b4a235f",8101:"6c10f605",8119:"3300806b",8255:"8c2f8128",8311:"cbb83864",8401:"069390ad",8461:"565b837b",8600:"53b05476",8644:"93281d1b",8736:"36e8e201",8737:"f2cbe66f",8738:"0ad5a667",8768:"31620a20",8820:"783cdff1",8862:"5ba8ca61",8907:"803fc360",8915:"17ea2617",8946:"f3145105",8952:"0d82e72b",9035:"b2311aee",9048:"ee8b2dd6",9111:"33b9980f",9134:"7ccc5343",9149:"2dfeb7e0",9155:"1e4ca8fc",9220:"a79a60a2",9245:"2b027668",9269:"84358b12",9304:"9a625767",9422:"dfe5ef82",9451:"0b83788b",9563:"249f1537",9592:"5c9be231",9647:"c17a4ecc",9712:"41650ea7",9748:"2697415f",9763:"18d35753",9814:"9e3e7cab",9816:"1ae80857",9845:"6681be34"}[e]+".js",t.miniCssF=e=>{},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),b={},d="@elliemae/pui-app-sdk:",t.l=(e,a,c,f)=>{if(b[e])b[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),b[e]=[a];var u=(a,c)=>{r.onerror=r.onload=null,clearTimeout(s);var d=b[e];if(delete b[e],r.parentNode&&r.parentNode.removeChild(r),d&&d.forEach(e=>e(c)),a)return a(c)},s=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.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","5e8c322a":"594",b93b454c:"617",c52b5473:"706","7cde3459":"763","9550cc1f":"769",e0db4c79:"773","80392bdc":"860","10c70e6f":"903",eb84a108:"920",e917d7c9:"942",f8fa0321:"1022","5e7ee35c":"1077","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",c7710052:"2304",a09470d9:"2399","15f40f8f":"2403","379bbc32":"2486","41f4ce7f":"2579","7b224b5a":"2612","14efea89":"2666",d0fd4a71:"2840","3cd01694":"2923",aeb9810c:"3072","05fd5745":"3237",f72a372a:"3292","10941b69":"3353",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","47f7a134":"5726",aba21aa0:"5742","336f5910":"5880","53defe29":"5886","04ee7372":"5908","3b0e1261":"6051","999f4a99":"6095","24b1c163":"6111",d1d7a857:"6170",f72c86d0:"6209",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","54dea6f0":"9134",b0ccf0d8:"9149","365a2c17":"9155",d38c25bf:"9220",bc717899:"9245",c90572d4:"9269","7d256524":"9304","6daa33e8":"9422","5c5cf8ae":"9451","5e13701d":"9563","1fcf59a8":"9592","5e95c892":"9647",fed4ae4f:"9712","58e12487":"9763","4b10ac31":"9814","5ebc190f":"9816"}[e]\|\|e,t.p+t.u(e)},(()=>{var e={5354:0,1869:0};t.f.j=(a,c)=>{var b=t.o(e,a)?e[a]:void 0;if(0!==b)if(b)c.push(b[2]);else if(/^(1869\|5354)$/.test(a))e[a]=0;else{var d=new Promise((c,d)=>b=e[a]=[c,d]);c.push(b[2]=d);var f=t.p+t.u(a),r=new Error;t.l(f,c=>{if(t.o(e,a)&&(0!==(b=e[a])&&(e[a]=void 0),b)){var d=c&&("load"===c.type?"missing":c.type),f=c&&c.target&&c.target.src;r.message="Loading chunk "+a+" failed.\n("+d+": "+f+")",r.name="ChunkLoadError",r.type=d,r.request=f,b[1](r)}},"chunk-"+a,a)}},t.O.j=a=>0===e[a];var a=(a,c)=>{var b,d,[f,r,o]=c,n=0;if(f.some(a=>0!==e[a])){for(b in r)t.o(r,b)&&(t.m[b]=r[b]);if(o)var i=o(t)}for(a&&a(c);n<f.length;n++)d=f[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))})()})();
1	+ (()=>{"use strict";var e,a,c,b,d,f={},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 f[e].call(c.exports,c,c.exports,t),c.loaded=!0,c.exports}t.m=f,t.c=r,e=[],t.O=(a,c,b,d)=>{if(!c){var f=1/0;for(i=0;i<e.length;i++){for(var[c,b,d]=e[i],r=!0,o=0;o<c.length;o++)(!1&d\|\|f>=d)&&Object.keys(t.O).every(e=>t.O[e](c[o]))?c.splice(o--,1):(r=!1,d<f&&(f=d));if(r){e.splice(i--,1);var n=b();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,b,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,b){if(1&b&&(e=this(e)),8&b)return e;if("object"==typeof e&&e){if(4&b&&e.__esModule)return e;if(16&b&&"function"==typeof e.then)return e}var d=Object.create(null);t.r(d);var f={};a=a\|\|[null,c({}),c([]),c(c)];for(var r=2&b&&e;("object"==typeof r\|\|"function"==typeof r)&&!~a.indexOf(r);r=c(r))Object.getOwnPropertyNames(r).forEach(a=>f[a]=()=>e[a]);return f.default=()=>e,t.d(d,f),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",594:"5e8c322a",617:"b93b454c",706:"c52b5473",763:"7cde3459",769:"9550cc1f",773:"e0db4c79",860:"80392bdc",903:"10c70e6f",920:"eb84a108",942:"e917d7c9",1022:"f8fa0321",1077:"5e7ee35c",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",2304:"c7710052",2399:"a09470d9",2403:"15f40f8f",2486:"379bbc32",2579:"41f4ce7f",2612:"7b224b5a",2666:"14efea89",2840:"d0fd4a71",2923:"3cd01694",3072:"aeb9810c",3237:"05fd5745",3292:"f72a372a",3353:"10941b69",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",5726:"47f7a134",5742:"aba21aa0",5880:"336f5910",5886:"53defe29",5908:"04ee7372",6051:"3b0e1261",6095:"999f4a99",6111:"24b1c163",6170:"d1d7a857",6209:"f72c86d0",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",9134:"54dea6f0",9149:"b0ccf0d8",9155:"365a2c17",9220:"d38c25bf",9245:"bc717899",9269:"c90572d4",9304:"7d256524",9422:"6daa33e8",9451:"5c5cf8ae",9563:"5e13701d",9592:"1fcf59a8",9647:"5e95c892",9712:"fed4ae4f",9763:"58e12487",9814:"4b10ac31",9816:"5ebc190f"}[e]\|\|e)+"."+{104:"c73ee252",124:"efd8ed2e",200:"8274d5b5",252:"97560044",311:"3846d236",429:"b2e644c9",449:"3a9c8b35",465:"372af910",483:"f187a446",508:"2bfaa965",552:"88bd3058",594:"aa5dce33",617:"ecff4c4f",638:"566d9d0f",654:"1a5f6d5b",706:"cb9da401",763:"e4cc4e22",764:"89baf9fa",769:"7c0780cd",773:"fe2a7c27",860:"96b0a951",903:"91bc56e4",920:"0354e72c",942:"f008116c",967:"b09e6ce0",1022:"c5ae2ad1",1077:"14bd89e9",1138:"22b2ba6b",1230:"2265887e",1278:"27baa3e7",1303:"d2eddfa5",1370:"4c81ec40",1394:"ab2ee44b",1413:"37ac294c",1556:"4dac4a28",1567:"475b131c",1628:"665c81d6",1650:"4a5fb3f8",1701:"1a471420",1768:"62e7d3ab",1782:"c0c49aa0",1788:"cefa949c",1814:"700936ae",1877:"a9d82127",1923:"26ec37a4",1973:"690347f0",2009:"8ca0a216",2080:"72d8292c",2180:"ce000207",2181:"a6ca3130",2212:"b84135c8",2304:"7ccb8cb2",2327:"ee80d8d8",2399:"a3e425d6",2403:"0e1402a3",2486:"beb9c68b",2579:"b10637ea",2612:"a2f6f146",2666:"3b635082",2706:"3926c154",2840:"2e1d6e85",2923:"cc526b55",3072:"923ebcc0",3237:"953a7a33",3292:"fac24e49",3308:"87465c7b",3353:"8cbffc27",3361:"cb9f3bbb",3470:"d15241e6",3594:"5137e7e6",3606:"466d1af8",3725:"3baaf1d9",3728:"2b4f90f8",3753:"cfe27d64",3767:"cc4d91ff",3849:"9fbb8d4c",3899:"f8ceb613",3949:"54fce4c3",4004:"e795fcf3",4082:"c247e771",4167:"a7857570",4346:"162d0c5b",4359:"0107237b",4364:"9d9d2ddf",4390:"36dfc5b5",4413:"48daf777",4453:"b5997a1c",4465:"3b74685b",4632:"82875840",4636:"8d5d079f",4658:"3a9b7de3",4683:"b003767b",4717:"b7b39750",4762:"fa102cdc",4835:"f7890d1d",4860:"ea947f98",4905:"e4175e0a",5126:"fa578abf",5168:"16c4d2cb",5179:"6279be3b",5182:"d3bc1a52",5223:"1a607da3",5275:"f3b16dd8",5349:"bef4873f",5407:"f33b14aa",5547:"4a0a6b73",5726:"8d6af1ab",5742:"4d968e31",5820:"8c6629e6",5880:"bfefe228",5886:"55442d2b",5908:"d0e9ea9d",6051:"564ffff2",6095:"5a6099ba",6111:"97bf3136",6170:"ebafab0a",6209:"10c73c72",6340:"627ca0e9",6376:"d4e7b226",6526:"0ad4fde9",6582:"00f177dd",6603:"a5654f96",6761:"79f49c02",6802:"a9c295a5",6836:"6a054614",6873:"250b8923",6961:"bb1d91b3",7025:"0902d0bc",7039:"f7345d30",7098:"737e136c",7204:"60e8a234",7209:"f28c8d9f",7255:"e4f8987c",7259:"cb218ef1",7310:"86fcd8fa",7390:"7cd43dcb",7392:"2c18ff91",7460:"2b1439f2",7603:"f28d470f",7616:"9dbee090",7623:"fed1bf82",7628:"78d59aa6",7635:"004905a9",7651:"0ab9cb00",7666:"862d5c60",7715:"b4a5d7ea",7819:"8f5f7ee2",7876:"f9eb417b",7884:"da9800a6",7917:"e9abc3ce",7943:"0f473578",7954:"1a0278f3",7977:"b07383b3",8071:"3b4a235f",8101:"6c10f605",8119:"3300806b",8255:"8c2f8128",8311:"cbb83864",8401:"069390ad",8461:"565b837b",8600:"53b05476",8644:"93281d1b",8736:"36e8e201",8737:"f2cbe66f",8738:"0ad5a667",8768:"31620a20",8820:"783cdff1",8862:"5ba8ca61",8907:"803fc360",8915:"17ea2617",8946:"f3145105",8952:"0d82e72b",9035:"b2311aee",9048:"ee8b2dd6",9111:"33b9980f",9134:"7ccc5343",9149:"2dfeb7e0",9155:"1e4ca8fc",9220:"a79a60a2",9245:"2b027668",9269:"84358b12",9304:"9a625767",9422:"dfe5ef82",9451:"0b83788b",9563:"249f1537",9592:"5c9be231",9647:"c17a4ecc",9712:"41650ea7",9748:"2697415f",9763:"18d35753",9814:"9e3e7cab",9816:"1ae80857",9845:"6681be34"}[e]+".js",t.miniCssF=e=>{},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),b={},d="@elliemae/pui-app-sdk:",t.l=(e,a,c,f)=>{if(b[e])b[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),b[e]=[a];var u=(a,c)=>{r.onerror=r.onload=null,clearTimeout(s);var d=b[e];if(delete b[e],r.parentNode&&r.parentNode.removeChild(r),d&&d.forEach(e=>e(c)),a)return a(c)},s=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.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","5e8c322a":"594",b93b454c:"617",c52b5473:"706","7cde3459":"763","9550cc1f":"769",e0db4c79:"773","80392bdc":"860","10c70e6f":"903",eb84a108:"920",e917d7c9:"942",f8fa0321:"1022","5e7ee35c":"1077","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",c7710052:"2304",a09470d9:"2399","15f40f8f":"2403","379bbc32":"2486","41f4ce7f":"2579","7b224b5a":"2612","14efea89":"2666",d0fd4a71:"2840","3cd01694":"2923",aeb9810c:"3072","05fd5745":"3237",f72a372a:"3292","10941b69":"3353",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","47f7a134":"5726",aba21aa0:"5742","336f5910":"5880","53defe29":"5886","04ee7372":"5908","3b0e1261":"6051","999f4a99":"6095","24b1c163":"6111",d1d7a857:"6170",f72c86d0:"6209",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","54dea6f0":"9134",b0ccf0d8:"9149","365a2c17":"9155",d38c25bf:"9220",bc717899:"9245",c90572d4:"9269","7d256524":"9304","6daa33e8":"9422","5c5cf8ae":"9451","5e13701d":"9563","1fcf59a8":"9592","5e95c892":"9647",fed4ae4f:"9712","58e12487":"9763","4b10ac31":"9814","5ebc190f":"9816"}[e]\|\|e,t.p+t.u(e)},(()=>{var e={5354:0,1869:0};t.f.j=(a,c)=>{var b=t.o(e,a)?e[a]:void 0;if(0!==b)if(b)c.push(b[2]);else if(/^(1869\|5354)$/.test(a))e[a]=0;else{var d=new Promise((c,d)=>b=e[a]=[c,d]);c.push(b[2]=d);var f=t.p+t.u(a),r=new Error;t.l(f,c=>{if(t.o(e,a)&&(0!==(b=e[a])&&(e[a]=void 0),b)){var d=c&&("load"===c.type?"missing":c.type),f=c&&c.target&&c.target.src;r.message="Loading chunk "+a+" failed.\n("+d+": "+f+")",r.name="ChunkLoadError",r.type=d,r.request=f,b[1](r)}},"chunk-"+a,a)}},t.O.j=a=>0===e[a];var a=(a,c)=>{var b,d,[f,r,o]=c,n=0;if(f.some(a=>0!==e[a])){for(b in r)t.o(r,b)&&(t.m[b]=r[b]);if(o)var i=o(t)}for(a&&a(c);n<f.length;n++)d=f[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/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.9.2">
 <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.48d5ef50.css">
-<script src="/app-sdk/assets/js/runtime~main.e3dd1cce.js" defer="defer"></script>
-<script src="/app-sdk/assets/js/main.50d99a6d.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/runtime~main.83819012.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/main.c610e1d3.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <svg style="display: none;"><defs>

package/build/docs/usage-guide/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.9.2">
 <title data-rh="true">Usage Guide | 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/usage-guide"><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="Usage Guide | App SDK"><meta data-rh="true" name="description" content="This guide provides detailed examples and patterns for using the PUI App SDK in your applications. For initial setup, see the Getting Started Guide."><meta data-rh="true" property="og:description" content="This guide provides detailed examples and patterns for using the PUI App SDK in your applications. For initial setup, see the Getting Started Guide."><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/usage-guide"><link data-rh="true" rel="alternate" href="https://pui.ice.com/app-sdk/usage-guide" hreflang="en"><link data-rh="true" rel="alternate" href="https://pui.ice.com/app-sdk/usage-guide" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Usage Guide","item":"https://pui.ice.com/app-sdk/usage-guide"}]}</script><link rel="stylesheet" href="/app-sdk/assets/css/styles.48d5ef50.css">
-<script src="/app-sdk/assets/js/runtime~main.e3dd1cce.js" defer="defer"></script>
-<script src="/app-sdk/assets/js/main.50d99a6d.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/runtime~main.83819012.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/main.c610e1d3.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <svg style="display: none;"><defs>
@@ -22,7 +22,11 @@
 <li class=""><a href="#state-management" class="">State Management</a></li>
 <li class=""><a href="#form-management" class="">Form Management</a></li>
 <li class=""><a href="#analytics" class="">Analytics</a></li>
-<li class=""><a href="#micro-frontends" class="">Micro-Frontends</a></li>
+<li class=""><a href="#micro-frontends" class="">Micro-Frontends</a>
+<ul>
+<li class=""><a href="#navigation--history-modes" class="">Navigation &amp; History Modes</a></li>
+</ul>
+</li>
 <li class=""><a href="#scripting-objects" class="">Scripting Objects</a></li>
 <li class=""><a href="#wait-messages" class="">Wait Messages</a></li>
 <li class=""><a href="#navigation-prompts" class="">Navigation Prompts</a></li>
@@ -126,6 +130,41 @@
 <h3 class="anchor anchorTargetStickyNavbar_UXZL" id="micro-frontend-configuration">Micro-Frontend Configuration<a href="#micro-frontend-configuration" class="hash-link" aria-label="Direct link to Micro-Frontend Configuration" title="Direct link to Micro-Frontend Configuration" translate="no"></a></h3>
 <p>Define micro-apps in your <code>app.config.json</code>:</p>
 <div class="language-json codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-json codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;microFrontendApps&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></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token property" style="color:#36acaa">&quot;pricing&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></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;name&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Pricing&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;hostUrl&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./pricing&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;development&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></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token property" style="color:#36acaa">&quot;files&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 string" style="color:#e3116c">&quot;index.js&quot;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></span><span 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></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;production&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></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token property" style="color:#36acaa">&quot;files&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 string" style="color:#e3116c">&quot;index.js&quot;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></span><span 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></span><span 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></span><span class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token property" style="color:#36acaa">&quot;services&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></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;name&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Services&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;hostUrl&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./services&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;mode&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;development&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;development&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></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token property" style="color:#36acaa">&quot;files&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 string" style="color:#e3116c">&quot;index.dev.js&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;index.css&quot;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></span><span 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></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><span class="token property" style="color:#36acaa">&quot;production&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></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token property" style="color:#36acaa">&quot;files&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 string" style="color:#e3116c">&quot;index.js&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;index.css&quot;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></span><span 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></span><span 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></span><span 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></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre></div></div>
+<h3 class="anchor anchorTargetStickyNavbar_UXZL" id="navigation--history-modes">Navigation &amp; History Modes<a href="#navigation--history-modes" class="hash-link" aria-label="Direct link to Navigation &amp; History Modes" title="Direct link to Navigation &amp; History Modes" translate="no"></a></h3>
+<p>The <code>GuestMicroApp</code> component supports two history modes that control how the guest app&#x27;s URL is managed. The mode is determined by the <code>useParentHistory</code> flag in the guest app&#x27;s <code>app.config.json</code>.</p>
+<h4 class="anchor anchorTargetStickyNavbar_UXZL" id="useparenthistory-true-default--shared-history"><code>useParentHistory: true</code> (default) — Shared History<a href="#useparenthistory-true-default--shared-history" class="hash-link" aria-label="Direct link to useparenthistory-true-default--shared-history" title="Direct link to useparenthistory-true-default--shared-history" translate="no"></a></h4>
+<p>The guest app shares the host&#x27;s browser history. Route changes in the guest are reflected in the host&#x27;s URL bar and vice versa.</p>
+<div class="language-text codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-text codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token plain">Host URL bar:  https://host.example.com/auth-setup/loan/123</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                                        └─ basename ─┘└ guest route ┘</span><br></span></code></pre></div></div>
+<p><strong>Host app (parent):</strong></p>
+<div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span 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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span 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">LoanApp</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 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;loanapp&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></span></code></pre></div></div>
+<p><strong>Guest app config</strong> (<code>app.config.json</code>):</p>
+<div class="language-json codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-json codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;useParentHistory&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre></div></div>
+<p><strong>When to use:</strong> The guest app is the primary content area and its routes should be bookmarkable / shareable via the host&#x27;s URL.</p>
+<hr>
+<h4 class="anchor anchorTargetStickyNavbar_UXZL" id="useparenthistory-false--independent-history"><code>useParentHistory: false</code> — Independent History<a href="#useparenthistory-false--independent-history" class="hash-link" aria-label="Direct link to useparenthistory-false--independent-history" title="Direct link to useparenthistory-false--independent-history" translate="no"></a></h4>
+<p>The guest app runs inside an iframe with its own browser history, independent of the host&#x27;s URL. The host&#x27;s URL bar does not change when the guest navigates internally.</p>
+<div class="language-text codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-text codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token plain">Host URL bar:  https://host.example.com/auth-setup       (stays fixed)</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Iframe URL:    https://guest.example.com/dashboard        (managed independently)</span><br></span></code></pre></div></div>
+<p><strong>Guest app config</strong> (<code>app.config.json</code>):</p>
+<div class="language-json codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-json codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;useParentHistory&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre></div></div>
+<p><strong>When to use:</strong> The guest app should manage its own navigation without affecting the host&#x27;s URL — e.g., an embedded tool, modal-like workflow, or self-contained feature.</p>
+<hr>
+<h4 class="anchor anchorTargetStickyNavbar_UXZL" id="setting-an-initial-route-from-the-host">Setting an Initial Route from the Host<a href="#setting-an-initial-route-from-the-host" class="hash-link" aria-label="Direct link to Setting an Initial Route from the Host" title="Direct link to Setting an Initial Route from the Host" translate="no"></a></h4>
+<p>The <code>initialRoute</code> prop lets the host app control which route the guest app lands on. This works with both history modes.</p>
+<p><strong>Scenario 1: Shared history with initial route</strong></p>
+<div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">// Host navigates guest to /auth-setup/loan/123 on load</span><span class="token plain"></span><br></span><span 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">LoanApp</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></span><span 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</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    id</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;loanapp&quot;</span><span class="token plain"></span><br></span><span 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">history</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    initialRoute</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;/auth-setup/loan/123&quot;</span><span class="token plain"></span><br></span><span 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></span><span 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></span></code></pre></div></div>
+<p>The guest app receives the parent&#x27;s history, and the host&#x27;s URL is set to the initial route.</p>
+<p><strong>Scenario 2: Independent history with initial route</strong></p>
+<div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">// Host tells the guest to start at /app/dashboard</span><span class="token plain"></span><br></span><span 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">MyApp</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></span><span 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;myapp&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"> initialRoute</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;/app/dashboard&quot;</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 plain"></span><br></span><span 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></span></code></pre></div></div>
+<p>The SDK defers the route push to the <code>mount()</code> phase (after the iframe is stable but before React renders), so the guest&#x27;s React Router sees the correct URL on its first render — no flash of the default landing page.</p>
+<blockquote>
+<p><strong>Note:</strong> The <code>initialRoute</code> value should be the full path including the guest app&#x27;s basename (e.g., <code>/app/dashboard</code>, not just <code>/dashboard</code>). The SDK pushes this path to the browser history directly, and React Router matches it against its configured <code>basename</code>.</p>
+</blockquote>
+<hr>
+<h4 class="anchor anchorTargetStickyNavbar_UXZL" id="quick-reference">Quick Reference<a href="#quick-reference" class="hash-link" aria-label="Direct link to Quick Reference" title="Direct link to Quick Reference" translate="no"></a></h4>
+<table><thead><tr><th>Scenario</th><th><code>useParentHistory</code></th><th><code>initialRoute</code></th><th>Behavior</th></tr></thead><tbody><tr><td>Guest shares host URL</td><td><code>true</code> (default)</td><td><em>omitted</em></td><td>Guest routes reflected in host URL bar</td></tr><tr><td>Guest shares host URL, starts at specific page</td><td><code>true</code></td><td><code>&quot;/app/details/42&quot;</code></td><td>Host URL set to initial route on load</td></tr><tr><td>Guest has own URL space</td><td><code>false</code></td><td><em>omitted</em></td><td>Guest loads at its default route, host URL unchanged</td></tr><tr><td>Guest has own URL space, starts at specific page</td><td><code>false</code></td><td><code>&quot;/app/dashboard&quot;</code></td><td>Guest starts at <code>/dashboard</code>, host URL unchanged</td></tr></tbody></table>
+<hr>
+<h4 class="anchor anchorTargetStickyNavbar_UXZL" id="guest-app-appconfigjson-example">Guest App <code>app.config.json</code> Example<a href="#guest-app-appconfigjson-example" class="hash-link" aria-label="Direct link to guest-app-appconfigjson-example" title="Direct link to guest-app-appconfigjson-example" translate="no"></a></h4>
+<div class="language-json codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-json codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span 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;myapp&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;useParentHistory&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span 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;dev&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;microFrontendApps&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 punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre></div></div>
 <h2 class="anchor anchorTargetStickyNavbar_UXZL" id="scripting-objects">Scripting Objects<a href="#scripting-objects" class="hash-link" aria-label="Direct link to Scripting Objects" title="Direct link to Scripting Objects" translate="no"></a></h2>
 <h3 class="anchor anchorTargetStickyNavbar_UXZL" id="adding-scripting-objects">Adding Scripting Objects<a href="#adding-scripting-objects" class="hash-link" aria-label="Direct link to Adding Scripting Objects" title="Direct link to Adding Scripting Objects" translate="no"></a></h3>
 <p>Access and share scripting objects between parent and child micro-apps:</p>
@@ -291,6 +330,6 @@
 <div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">TextBox</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  name</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;email&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  rules</span><span class="token operator" 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></span><span class="token-line" style="color:#393A34"><span class="token plain">    required</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Email is required&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">    pattern</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></span><span class="token-line" style="color:#393A34"><span class="token plain">      value</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">^</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">0</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">9</span><span class="token regex regex-source language-regex char-class" style="color:#36acaa">._%+-</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">+</span><span class="token regex regex-source language-regex" style="color:#36acaa">@</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">0</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">9</span><span class="token regex regex-source language-regex char-class" style="color:#36acaa">.-</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">+</span><span class="token regex regex-source language-regex special-escape escape" style="color:#36acaa">\.</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">[</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">A</span><span class="token regex regex-source language-regex char-class range range-punctuation operator" style="color:#393A34">-</span><span class="token regex regex-source language-regex char-class range" style="color:#36acaa">Z</span><span class="token regex regex-source language-regex char-class char-class-punctuation punctuation" style="color:#393A34">]</span><span class="token regex regex-source language-regex quantifier number" style="color:#36acaa">{2,}</span><span class="token regex regex-source language-regex anchor function" style="color:#d73a49">$</span><span class="token regex regex-delimiter" style="color:#36acaa">/</span><span class="token regex regex-flags" style="color:#36acaa">i</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      message</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Invalid email address&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span 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></span><span 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></span><span 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><br></span></code></pre></div></div>
 <h3 class="anchor anchorTargetStickyNavbar_UXZL" id="host-guest-communication">Host-Guest Communication<a href="#host-guest-communication" class="hash-link" aria-label="Direct link to Host-Guest Communication" title="Direct link to Host-Guest Communication" translate="no"></a></h3>
 <p>For communication between host and guest apps:</p>
-<div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">// In guest app</span><span class="token plain"></span><br></span><span 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"> sendMessageToHost </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">sendMessageToHost</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;UPDATE&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> payload</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> data </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// In host app</span><span class="token plain"></span><br></span><span 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"> fetchHostAppData </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> hostData </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"> </span><span class="token function" style="color:#d73a49">fetchHostAppData</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></span></code></pre></div></div></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_x8Bu"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git/docs/usage-guide.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_xpf_" 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_QUoF"></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/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_YLGy thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#table-of-contents" class="table-of-contents__link toc-highlight">Table of Contents</a></li><li><a href="#routing" class="table-of-contents__link toc-highlight">Routing</a><ul><li><a href="#lazy-loading-components" class="table-of-contents__link toc-highlight">Lazy Loading Components</a></li></ul></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#api-integration-with-rtk-query" class="table-of-contents__link toc-highlight">API Integration with RTK Query</a><ul><li><a href="#setting-up-rtk-query-api" class="table-of-contents__link toc-highlight">Setting Up RTK Query API</a></li><li><a href="#injecting-rtk-query-api" class="table-of-contents__link toc-highlight">Injecting RTK Query API</a></li><li><a href="#using-rtk-query-in-components" class="table-of-contents__link toc-highlight">Using RTK Query in Components</a></li><li><a href="#advanced-rtk-query-features" class="table-of-contents__link toc-highlight">Advanced RTK Query Features</a></li><li><a href="#why-rtk-query" class="table-of-contents__link toc-highlight">Why RTK Query?</a></li></ul></li><li><a href="#http-client-legacy" class="table-of-contents__link toc-highlight">HTTP Client (Legacy)</a></li><li><a href="#state-management" class="table-of-contents__link toc-highlight">State Management</a><ul><li><a href="#creating-actions-and-reducers-legacy-pattern" class="table-of-contents__link toc-highlight">Creating Actions and Reducers (Legacy Pattern)</a></li><li><a href="#typed-selectors" class="table-of-contents__link toc-highlight">Typed Selectors</a></li><li><a href="#using-state-in-components" class="table-of-contents__link toc-highlight">Using State in Components</a></li><li><a href="#layout-component-with-dynamic-injection" class="table-of-contents__link toc-highlight">Layout Component with Dynamic Injection</a></li><li><a href="#redux-saga-side-effects-legacy-pattern" class="table-of-contents__link toc-highlight">Redux Saga Side Effects (Legacy Pattern)</a></li></ul></li><li><a href="#form-management" class="table-of-contents__link toc-highlight">Form Management</a></li><li><a href="#analytics" class="table-of-contents__link toc-highlight">Analytics</a><ul><li><a href="#timing-events" class="table-of-contents__link toc-highlight">Timing Events</a></li><li><a href="#business-analytics-events" class="table-of-contents__link toc-highlight">Business Analytics Events</a></li></ul></li><li><a href="#micro-frontends" class="table-of-contents__link toc-highlight">Micro-Frontends</a><ul><li><a href="#hosting-micro-frontends" class="table-of-contents__link toc-highlight">Hosting Micro-Frontends</a></li><li><a href="#micro-frontend-configuration" class="table-of-contents__link toc-highlight">Micro-Frontend Configuration</a></li></ul></li><li><a href="#scripting-objects" class="table-of-contents__link toc-highlight">Scripting Objects</a><ul><li><a href="#adding-scripting-objects" class="table-of-contents__link toc-highlight">Adding Scripting Objects</a></li><li><a href="#using-scripting-objects-in-components" class="table-of-contents__link toc-highlight">Using Scripting Objects in Components</a></li></ul></li><li><a href="#wait-messages" class="table-of-contents__link toc-highlight">Wait Messages</a><ul><li><a href="#using-waitmessage-component" class="table-of-contents__link toc-highlight">Using WaitMessage Component</a></li><li><a href="#wait-message-props" class="table-of-contents__link toc-highlight">Wait Message Props</a></li></ul></li><li><a href="#navigation-prompts" class="table-of-contents__link toc-highlight">Navigation Prompts</a><ul><li><a href="#dispatch-navigation-prompt-actions" class="table-of-contents__link toc-highlight">Dispatch Navigation Prompt Actions</a></li></ul></li><li><a href="#error-handling" class="table-of-contents__link toc-highlight">Error Handling</a><ul><li><a href="#global-error-toast" class="table-of-contents__link toc-highlight">Global Error Toast</a></li><li><a href="#clear-errors" class="table-of-contents__link toc-highlight">Clear Errors</a></li></ul></li><li><a href="#aria-live-messages" class="table-of-contents__link toc-highlight">ARIA Live Messages</a></li><li><a href="#decorators" class="table-of-contents__link toc-highlight">Decorators</a><ul><li><a href="#function-decorators" class="table-of-contents__link toc-highlight">Function Decorators</a></li><li><a href="#class-decorators" class="table-of-contents__link toc-highlight">Class Decorators</a></li></ul></li><li><a href="#advanced-state-selectors" class="table-of-contents__link toc-highlight">Advanced State Selectors</a><ul><li><a href="#using-usestateselector" class="table-of-contents__link toc-highlight">Using useStateSelector</a></li></ul></li><li><a href="#responsive-design" class="table-of-contents__link toc-highlight">Responsive Design</a><ul><li><a href="#media-query-hook" class="table-of-contents__link toc-highlight">Media Query Hook</a></li></ul></li><li><a href="#security-utilities" class="table-of-contents__link toc-highlight">Security Utilities</a><ul><li><a href="#pii-redaction" class="table-of-contents__link toc-highlight">PII Redaction</a></li></ul></li><li><a href="#listener-middleware" class="table-of-contents__link toc-highlight">Listener Middleware</a></li><li><a href="#session-management" class="table-of-contents__link toc-highlight">Session Management</a><ul><li><a href="#session-timeout-handling" class="table-of-contents__link toc-highlight">Session Timeout Handling</a></li><li><a href="#session-renewal" class="table-of-contents__link toc-highlight">Session Renewal</a></li><li><a href="#initialize-session-management" class="table-of-contents__link toc-highlight">Initialize Session Management</a></li><li><a href="#logrocket-integration" class="table-of-contents__link toc-highlight">LogRocket Integration</a></li><li><a href="#service-worker" class="table-of-contents__link toc-highlight">Service Worker</a></li></ul></li><li><a href="#app-configuration" class="table-of-contents__link toc-highlight">App Configuration</a><ul><li><a href="#loading-configuration" class="table-of-contents__link toc-highlight">Loading Configuration</a></li><li><a href="#update-configuration-values" class="table-of-contents__link toc-highlight">Update Configuration Values</a></li></ul></li><li><a href="#web-storage-events" class="table-of-contents__link toc-highlight">Web Storage Events</a></li><li><a href="#micro-frontend-communication" class="table-of-contents__link toc-highlight">Micro-Frontend Communication</a><ul><li><a href="#host-app-data-exchange" class="table-of-contents__link toc-highlight">Host App Data Exchange</a></li><li><a href="#guest-unload-handlers" class="table-of-contents__link toc-highlight">Guest Unload Handlers</a></li><li><a href="#render-with-host-data" class="table-of-contents__link toc-highlight">Render with Host Data</a></li></ul></li><li><a href="#authentication-utilities" class="table-of-contents__link toc-highlight">Authentication Utilities</a><ul><li><a href="#auth-helper-functions" class="table-of-contents__link toc-highlight">Auth Helper Functions</a></li><li><a href="#require-auth-component" class="table-of-contents__link toc-highlight">Require Auth Component</a></li></ul></li><li><a href="#utility-hooks" class="table-of-contents__link toc-highlight">Utility Hooks</a><ul><li><a href="#useinjectquery" class="table-of-contents__link toc-highlight">useInjectQuery</a></li><li><a href="#useinjectsideeffect" class="table-of-contents__link toc-highlight">useInjectSideEffect</a></li><li><a href="#useappmiddleware" class="table-of-contents__link toc-highlight">useAppMiddleware</a></li></ul></li><li><a href="#form-components" class="table-of-contents__link toc-highlight">Form Components</a><ul><li><a href="#available-form-components" class="table-of-contents__link toc-highlight">Available Form Components</a></li><li><a href="#textbox" class="table-of-contents__link toc-highlight">TextBox</a></li><li><a href="#inputmask" class="table-of-contents__link toc-highlight">InputMask</a></li><li><a href="#combobox" class="table-of-contents__link toc-highlight">ComboBox</a></li><li><a href="#datepicker" class="table-of-contents__link toc-highlight">DatePicker</a></li><li><a href="#daterangepicker" class="table-of-contents__link toc-highlight">DateRangePicker</a></li><li><a href="#checkbox" class="table-of-contents__link toc-highlight">CheckBox</a></li><li><a href="#radiogroup" class="table-of-contents__link toc-highlight">RadioGroup</a></li><li><a href="#toggle" class="table-of-contents__link toc-highlight">Toggle</a></li><li><a href="#autocomplete" class="table-of-contents__link toc-highlight">Autocomplete</a></li><li><a href="#form-layout" class="table-of-contents__link toc-highlight">Form Layout</a></li></ul></li><li><a href="#storybook-integration" class="table-of-contents__link toc-highlight">Storybook Integration</a></li><li><a href="#utility-components" class="table-of-contents__link toc-highlight">Utility Components</a><ul><li><a href="#visuallyhidden" class="table-of-contents__link toc-highlight">VisuallyHidden</a></li><li><a href="#page-component" class="table-of-contents__link toc-highlight">Page Component</a></li></ul></li><li><a href="#testing" class="table-of-contents__link toc-highlight">Testing</a><ul><li><a href="#testing-with-redux" class="table-of-contents__link toc-highlight">Testing with Redux</a></li></ul></li><li><a href="#common-patterns" class="table-of-contents__link toc-highlight">Common Patterns</a><ul><li><a href="#error-boundaries" class="table-of-contents__link toc-highlight">Error Boundaries</a></li><li><a href="#api-error-handling-with-rtk-query" class="table-of-contents__link toc-highlight">API Error Handling with RTK Query</a></li><li><a href="#api-error-handling-legacy-pattern" class="table-of-contents__link toc-highlight">API Error Handling (Legacy Pattern)</a></li></ul></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a><ul><li><a href="#store-not-initialized" class="table-of-contents__link toc-highlight">Store Not Initialized</a></li><li><a href="#saga-not-running" class="table-of-contents__link toc-highlight">Saga Not Running</a></li><li><a href="#scripting-objects-not-available" class="table-of-contents__link toc-highlight">Scripting Objects Not Available</a></li><li><a href="#form-validation-issues" class="table-of-contents__link toc-highlight">Form Validation Issues</a></li><li><a href="#host-guest-communication" class="table-of-contents__link toc-highlight">Host-Guest Communication</a></li></ul></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_kEbG"><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_kEbG"><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>
+<div class="language-typescript codeBlockContainer_hfT5 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_7tLg"><pre tabindex="0" class="prism-code language-typescript codeBlock_jGqy thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_reRH"><span class="token-line" style="color:#393A34"><span class="token comment" style="color:#999988;font-style:italic">// In guest app</span><span class="token plain"></span><br></span><span 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"> sendMessageToHost </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">sendMessageToHost</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;UPDATE&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> payload</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> data </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// In host app</span><span class="token plain"></span><br></span><span 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"> fetchHostAppData </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></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> hostData </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"> </span><span class="token function" style="color:#d73a49">fetchHostAppData</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></span></code></pre></div></div></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_x8Bu"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git/docs/usage-guide.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_xpf_" 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_QUoF"></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/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_YLGy thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#table-of-contents" class="table-of-contents__link toc-highlight">Table of Contents</a></li><li><a href="#routing" class="table-of-contents__link toc-highlight">Routing</a><ul><li><a href="#lazy-loading-components" class="table-of-contents__link toc-highlight">Lazy Loading Components</a></li></ul></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#api-integration-with-rtk-query" class="table-of-contents__link toc-highlight">API Integration with RTK Query</a><ul><li><a href="#setting-up-rtk-query-api" class="table-of-contents__link toc-highlight">Setting Up RTK Query API</a></li><li><a href="#injecting-rtk-query-api" class="table-of-contents__link toc-highlight">Injecting RTK Query API</a></li><li><a href="#using-rtk-query-in-components" class="table-of-contents__link toc-highlight">Using RTK Query in Components</a></li><li><a href="#advanced-rtk-query-features" class="table-of-contents__link toc-highlight">Advanced RTK Query Features</a></li><li><a href="#why-rtk-query" class="table-of-contents__link toc-highlight">Why RTK Query?</a></li></ul></li><li><a href="#http-client-legacy" class="table-of-contents__link toc-highlight">HTTP Client (Legacy)</a></li><li><a href="#state-management" class="table-of-contents__link toc-highlight">State Management</a><ul><li><a href="#creating-actions-and-reducers-legacy-pattern" class="table-of-contents__link toc-highlight">Creating Actions and Reducers (Legacy Pattern)</a></li><li><a href="#typed-selectors" class="table-of-contents__link toc-highlight">Typed Selectors</a></li><li><a href="#using-state-in-components" class="table-of-contents__link toc-highlight">Using State in Components</a></li><li><a href="#layout-component-with-dynamic-injection" class="table-of-contents__link toc-highlight">Layout Component with Dynamic Injection</a></li><li><a href="#redux-saga-side-effects-legacy-pattern" class="table-of-contents__link toc-highlight">Redux Saga Side Effects (Legacy Pattern)</a></li></ul></li><li><a href="#form-management" class="table-of-contents__link toc-highlight">Form Management</a></li><li><a href="#analytics" class="table-of-contents__link toc-highlight">Analytics</a><ul><li><a href="#timing-events" class="table-of-contents__link toc-highlight">Timing Events</a></li><li><a href="#business-analytics-events" class="table-of-contents__link toc-highlight">Business Analytics Events</a></li></ul></li><li><a href="#micro-frontends" class="table-of-contents__link toc-highlight">Micro-Frontends</a><ul><li><a href="#hosting-micro-frontends" class="table-of-contents__link toc-highlight">Hosting Micro-Frontends</a></li><li><a href="#micro-frontend-configuration" class="table-of-contents__link toc-highlight">Micro-Frontend Configuration</a></li><li><a href="#navigation--history-modes" class="table-of-contents__link toc-highlight">Navigation &amp; History Modes</a></li></ul></li><li><a href="#scripting-objects" class="table-of-contents__link toc-highlight">Scripting Objects</a><ul><li><a href="#adding-scripting-objects" class="table-of-contents__link toc-highlight">Adding Scripting Objects</a></li><li><a href="#using-scripting-objects-in-components" class="table-of-contents__link toc-highlight">Using Scripting Objects in Components</a></li></ul></li><li><a href="#wait-messages" class="table-of-contents__link toc-highlight">Wait Messages</a><ul><li><a href="#using-waitmessage-component" class="table-of-contents__link toc-highlight">Using WaitMessage Component</a></li><li><a href="#wait-message-props" class="table-of-contents__link toc-highlight">Wait Message Props</a></li></ul></li><li><a href="#navigation-prompts" class="table-of-contents__link toc-highlight">Navigation Prompts</a><ul><li><a href="#dispatch-navigation-prompt-actions" class="table-of-contents__link toc-highlight">Dispatch Navigation Prompt Actions</a></li></ul></li><li><a href="#error-handling" class="table-of-contents__link toc-highlight">Error Handling</a><ul><li><a href="#global-error-toast" class="table-of-contents__link toc-highlight">Global Error Toast</a></li><li><a href="#clear-errors" class="table-of-contents__link toc-highlight">Clear Errors</a></li></ul></li><li><a href="#aria-live-messages" class="table-of-contents__link toc-highlight">ARIA Live Messages</a></li><li><a href="#decorators" class="table-of-contents__link toc-highlight">Decorators</a><ul><li><a href="#function-decorators" class="table-of-contents__link toc-highlight">Function Decorators</a></li><li><a href="#class-decorators" class="table-of-contents__link toc-highlight">Class Decorators</a></li></ul></li><li><a href="#advanced-state-selectors" class="table-of-contents__link toc-highlight">Advanced State Selectors</a><ul><li><a href="#using-usestateselector" class="table-of-contents__link toc-highlight">Using useStateSelector</a></li></ul></li><li><a href="#responsive-design" class="table-of-contents__link toc-highlight">Responsive Design</a><ul><li><a href="#media-query-hook" class="table-of-contents__link toc-highlight">Media Query Hook</a></li></ul></li><li><a href="#security-utilities" class="table-of-contents__link toc-highlight">Security Utilities</a><ul><li><a href="#pii-redaction" class="table-of-contents__link toc-highlight">PII Redaction</a></li></ul></li><li><a href="#listener-middleware" class="table-of-contents__link toc-highlight">Listener Middleware</a></li><li><a href="#session-management" class="table-of-contents__link toc-highlight">Session Management</a><ul><li><a href="#session-timeout-handling" class="table-of-contents__link toc-highlight">Session Timeout Handling</a></li><li><a href="#session-renewal" class="table-of-contents__link toc-highlight">Session Renewal</a></li><li><a href="#initialize-session-management" class="table-of-contents__link toc-highlight">Initialize Session Management</a></li><li><a href="#logrocket-integration" class="table-of-contents__link toc-highlight">LogRocket Integration</a></li><li><a href="#service-worker" class="table-of-contents__link toc-highlight">Service Worker</a></li></ul></li><li><a href="#app-configuration" class="table-of-contents__link toc-highlight">App Configuration</a><ul><li><a href="#loading-configuration" class="table-of-contents__link toc-highlight">Loading Configuration</a></li><li><a href="#update-configuration-values" class="table-of-contents__link toc-highlight">Update Configuration Values</a></li></ul></li><li><a href="#web-storage-events" class="table-of-contents__link toc-highlight">Web Storage Events</a></li><li><a href="#micro-frontend-communication" class="table-of-contents__link toc-highlight">Micro-Frontend Communication</a><ul><li><a href="#host-app-data-exchange" class="table-of-contents__link toc-highlight">Host App Data Exchange</a></li><li><a href="#guest-unload-handlers" class="table-of-contents__link toc-highlight">Guest Unload Handlers</a></li><li><a href="#render-with-host-data" class="table-of-contents__link toc-highlight">Render with Host Data</a></li></ul></li><li><a href="#authentication-utilities" class="table-of-contents__link toc-highlight">Authentication Utilities</a><ul><li><a href="#auth-helper-functions" class="table-of-contents__link toc-highlight">Auth Helper Functions</a></li><li><a href="#require-auth-component" class="table-of-contents__link toc-highlight">Require Auth Component</a></li></ul></li><li><a href="#utility-hooks" class="table-of-contents__link toc-highlight">Utility Hooks</a><ul><li><a href="#useinjectquery" class="table-of-contents__link toc-highlight">useInjectQuery</a></li><li><a href="#useinjectsideeffect" class="table-of-contents__link toc-highlight">useInjectSideEffect</a></li><li><a href="#useappmiddleware" class="table-of-contents__link toc-highlight">useAppMiddleware</a></li></ul></li><li><a href="#form-components" class="table-of-contents__link toc-highlight">Form Components</a><ul><li><a href="#available-form-components" class="table-of-contents__link toc-highlight">Available Form Components</a></li><li><a href="#textbox" class="table-of-contents__link toc-highlight">TextBox</a></li><li><a href="#inputmask" class="table-of-contents__link toc-highlight">InputMask</a></li><li><a href="#combobox" class="table-of-contents__link toc-highlight">ComboBox</a></li><li><a href="#datepicker" class="table-of-contents__link toc-highlight">DatePicker</a></li><li><a href="#daterangepicker" class="table-of-contents__link toc-highlight">DateRangePicker</a></li><li><a href="#checkbox" class="table-of-contents__link toc-highlight">CheckBox</a></li><li><a href="#radiogroup" class="table-of-contents__link toc-highlight">RadioGroup</a></li><li><a href="#toggle" class="table-of-contents__link toc-highlight">Toggle</a></li><li><a href="#autocomplete" class="table-of-contents__link toc-highlight">Autocomplete</a></li><li><a href="#form-layout" class="table-of-contents__link toc-highlight">Form Layout</a></li></ul></li><li><a href="#storybook-integration" class="table-of-contents__link toc-highlight">Storybook Integration</a></li><li><a href="#utility-components" class="table-of-contents__link toc-highlight">Utility Components</a><ul><li><a href="#visuallyhidden" class="table-of-contents__link toc-highlight">VisuallyHidden</a></li><li><a href="#page-component" class="table-of-contents__link toc-highlight">Page Component</a></li></ul></li><li><a href="#testing" class="table-of-contents__link toc-highlight">Testing</a><ul><li><a href="#testing-with-redux" class="table-of-contents__link toc-highlight">Testing with Redux</a></li></ul></li><li><a href="#common-patterns" class="table-of-contents__link toc-highlight">Common Patterns</a><ul><li><a href="#error-boundaries" class="table-of-contents__link toc-highlight">Error Boundaries</a></li><li><a href="#api-error-handling-with-rtk-query" class="table-of-contents__link toc-highlight">API Error Handling with RTK Query</a></li><li><a href="#api-error-handling-legacy-pattern" class="table-of-contents__link toc-highlight">API Error Handling (Legacy Pattern)</a></li></ul></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a><ul><li><a href="#store-not-initialized" class="table-of-contents__link toc-highlight">Store Not Initialized</a></li><li><a href="#saga-not-running" class="table-of-contents__link toc-highlight">Saga Not Running</a></li><li><a href="#scripting-objects-not-available" class="table-of-contents__link toc-highlight">Scripting Objects Not Available</a></li><li><a href="#form-validation-issues" class="table-of-contents__link toc-highlight">Form Validation Issues</a></li><li><a href="#host-guest-communication" class="table-of-contents__link toc-highlight">Host-Guest Communication</a></li></ul></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_kEbG"><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_kEbG"><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>
 </body>
 </html>