@elliemae/pui-app-sdk 5.48.0 → 5.48.2

package/build/docs/assets/js/runtime~main.b8505035.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={};const c={};function a(d){const b=c[d];if(void 0!==b)return b.exports;const f=c[d]={id:d,loaded:!1,exports:{}};return e[d].call(f.exports,f,f.exports,a),f.loaded=!0,f.exports}a.m=e,a.c=c,(()=>{const e=[];a.O=(c,d,b,f)=>{if(d){f=f||0;for(var t=e.length;t>0&&e[t-1][2]>f;t--)e[t]=e[t-1];return void(e[t]=[d,b,f])}let r=1/0;for(t=0;t<e.length;t++){let[d,b,f]=e[t],n=!0;for(var o=0;o<d.length;o++)(!1&f||r>=f)&&Object.keys(a.O).every(e=>a.O[e](d[o]))?d.splice(o--,1):(n=!1,f<r&&(r=f));if(n){e.splice(t--,1);const a=b();void 0!==a&&(c=a)}}return c}})(),a.n=e=>{const c=e&&e.__esModule?()=>e.default:()=>e;return a.d(c,{a:c}),c},(()=>{const e=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;let c;a.t=function(d,b){if(1&b&&(d=this(d)),8&b)return d;if("object"==typeof d&&d){if(4&b&&d.__esModule)return d;if(16&b&&"function"==typeof d.then)return d}const f=Object.create(null);a.r(f);const t={};c=c||[null,e({}),e([]),e(e)];for(var r=2&b&&d;("object"==typeof r||"function"==typeof r)&&!~c.indexOf(r);r=e(r))Object.getOwnPropertyNames(r).forEach(e=>t[e]=()=>d[e]);return t.default=()=>d,a.d(f,t),f}})(),a.d=(e,c)=>{if(Array.isArray(c))for(var d=0;d<c.length;){var b=c[d++],f=c[d++];a.o(e,b)?0===f&&d++:0===f?Object.defineProperty(e,b,{enumerable:!0,value:c[d++]}):Object.defineProperty(e,b,{enumerable:!0,get:f})}else for(var b in c)a.o(c,b)&&!a.o(e,b)&&Object.defineProperty(e,b,{enumerable:!0,get:c[b]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((c,d)=>(a.f[d](e,c),c),[])),a.u=e=>"assets/js/"+({104:"de3ee31a",124:"1ad86f56",200:"1dfec420",252:"d9084ecb",311:"85dc4c9b",429:"ff0bf96e",449:"c254daed",465:"a17fb045",508:"5ca2639d",552:"fdb0d9e1",574:"60781fed",594:"5e8c322a",617:"b93b454c",619:"805daf1e",706:"c52b5473",763:"7cde3459",769:"9550cc1f",773:"e0db4c79",860:"80392bdc",903:"10c70e6f",920:"eb84a108",942:"e917d7c9",1022:"f8fa0321",1077:"5e7ee35c",1099:"533e434c",1230:"5113883b",1278:"3accd241",1303:"a29a6e44",1394:"550f7dc1",1413:"61b0e64b",1556:"5f21eb71",1567:"27c8b774",1628:"4eef183e",1650:"6ca90961",1701:"a3ecf861",1768:"ff6d65a9",1782:"82894961",1788:"ab05b3aa",1814:"3b333d5b",1877:"fefe9566",1923:"d071c513",1973:"a7861986",2080:"27c4a013",2181:"46eb403d",2212:"322ec2e7",2244:"e876cff6",2290:"a769954d",2304:"c7710052",2399:"a09470d9",2403:"15f40f8f",2486:"379bbc32",2579:"41f4ce7f",2612:"7b224b5a",2666:"14efea89",2840:"d0fd4a71",2923:"3cd01694",3072:"aeb9810c",3237:"05fd5745",3282:"6aac2d5c",3292:"f72a372a",3361:"c377a04b",3470:"88a4c043",3594:"f7084923",3606:"e4ad89b2",3728:"51cd08ce",3753:"fc7c782f",3849:"99a35e8f",3949:"0a1bd0e5",4004:"b0125fa2",4082:"822e0178",4346:"50ae2c89",4364:"50b500dc",4390:"1154937a",4465:"a2537f00",4636:"c10ec81d",4658:"78fde597",4683:"0f302db7",4717:"a7bd4aaa",4762:"bf1a96cc",4835:"3072782a",4905:"d3d37933",5126:"a6c41565",5223:"1cc7c915",5349:"b784b5bb",5407:"b31a5f55",5547:"cfad4bb4",5623:"25ae0bf1",5726:"47f7a134",5742:"aba21aa0",5880:"336f5910",5886:"53defe29",5908:"04ee7372",6051:"3b0e1261",6095:"999f4a99",6111:"24b1c163",6170:"d1d7a857",6209:"f72c86d0",6372:"6b7fcc15",6526:"a48fd09c",6550:"77982fdd",6582:"4acce17e",6802:"a0eb976e",6836:"22c6ac39",7025:"5da011d0",7098:"1a5ba401",7209:"f4180cff",7255:"3cb0b0a9",7259:"b4285021",7310:"16fba083",7390:"90579cbd",7460:"59169cbb",7603:"7d48b3e7",7623:"16427680",7635:"c8a9fc86",7651:"a8687130",7715:"9ab62f73",7884:"749b3cb7",7917:"110b6cba",7943:"fce396bf",7954:"b2a255cc",7977:"b8c1226b",8101:"7c822e85",8119:"6b345055",8255:"9ea6fe4d",8311:"e9f568e8",8401:"17896441",8461:"90bbfd1d",8600:"413bfdf1",8644:"3204d46b",8736:"6d1f0509",8737:"a6c5c03c",8738:"d71e6c8a",8768:"075aa584",8820:"b1474780",8862:"ac9d64ec",8915:"c5e9787b",8946:"ea5986e4",8952:"61f3b5cc",9035:"ed6a4585",9048:"a94703ab",9111:"5575829c",9119:"a9ba6591",9134:"54dea6f0",9149:"b0ccf0d8",9155:"365a2c17",9220:"d38c25bf",9245:"bc717899",9269:"c90572d4",9304:"7d256524",9408:"2b2c5b3b",9422:"6daa33e8",9451:"5c5cf8ae",9563:"5e13701d",9592:"1fcf59a8",9647:"5e95c892",9712:"fed4ae4f",9763:"58e12487",9814:"4b10ac31",9816:"5ebc190f",9849:"62e1e335"}[e]||e)+"."+{62:"2110f289",104:"a9fa1d26",110:"ab27edb0",124:"6e9c8b2f",200:"4397e099",213:"a65bad05",224:"53779771",234:"ae9cb145",252:"1023e8c6",311:"49e2c5ce",429:"8a1953cb",449:"662451bc",462:"4ba0df0d",465:"181a5251",508:"0657a369",552:"a6d2adf8",574:"5abca3e0",594:"1e0eb37a",617:"aa2eb388",619:"4dd0578f",631:"8c3a7680",706:"fdf684e6",732:"148014ec",763:"4fe67289",769:"fba02e8c",773:"3f743f77",821:"e54e47f5",860:"a9aa4e48",903:"a094ec1f",920:"5f8525d7",942:"97605710",1022:"fcff0c9a",1038:"4ef0fb28",1052:"e06cfc0e",1077:"ae4e15a1",1078:"734be24f",1099:"ffdd9efd",1230:"8e91098c",1278:"d7f8bd47",1303:"7d70b466",1340:"9e353949",1348:"cdb525cc",1394:"c0d84a69",1413:"ae0d5f9d",1513:"87e4e773",1556:"a72b5ba9",1567:"45278834",1628:"897071da",1650:"5bb44ad7",1701:"5d1e46dd",1711:"571a6fb0",1768:"f84ddf73",1782:"db408bf5",1788:"d2d06ca4",1799:"1f2f1005",1814:"d27f2abc",1858:"d7ff65aa",1877:"06f8a04e",1912:"a33a8dd4",1923:"8d28365d",1973:"0c25c96b",2080:"1aaa4906",2161:"737e07e5",2181:"9803c7a7",2212:"cfe6ee9e",2244:"afb83043",2290:"70af9a01",2304:"15998b99",2399:"e0e851cb",2403:"bd290a61",2486:"b51e146a",2501:"dd503f07",2579:"381f9467",2603:"6a701027",2612:"1a5cec4e",2652:"548b471f",2666:"a04f8c76",2675:"0163d5e8",2705:"c7baf735",2777:"f1b15f31",2840:"69bc17fd",2858:"ad831098",2923:"8013af74",2927:"319f6542",3062:"ceaf4786",3072:"b1f17f8b",3237:"61597b6e",3282:"9fed4101",3292:"0e65a0e2",3308:"780e78b1",3361:"662ff551",3459:"734be24f",3470:"a398035e",3594:"283f1cd5",3606:"5cdff7ab",3728:"e434c019",3753:"2426a28b",3849:"eb34ee4e",3900:"68ce954f",3938:"e6e330a9",3949:"d027010c",4004:"674a0551",4082:"fd2a1cc1",4346:"8e99854b",4364:"658066cf",4390:"951e551c",4408:"b992ed9c",4465:"76ac0656",4555:"e2cbd573",4625:"fe1a675e",4636:"55d7b9a5",4658:"415009b5",4683:"76c5afe9",4717:"1dd5b58b",4743:"852d08e5",4762:"1588e912",4780:"5f96466a",4832:"6063524c",4835:"613bddff",4905:"43d6f6a7",5126:"a3e05af6",5216:"1a7c62d3",5223:"9f0329e8",5323:"c7ac7ab9",5349:"1adc5f17",5407:"e8e9d964",5413:"259880f7",5463:"02972677",5547:"dcae3bdb",5602:"e6c747a6",5623:"a8feb1ba",5663:"7a660350",5726:"b496cd35",5742:"ae69db93",5840:"734be24f",5880:"495e21c0",5886:"745c6300",5908:"8ae82229",6051:"8b607451",6091:"57eb62ec",6095:"b968915c",6111:"5f2b6c5e",6170:"052b33c4",6209:"7edc82d8",6372:"9e2a3be8",6481:"fc89e202",6526:"4da24050",6550:"7b406165",6573:"a3498e20",6582:"dc49d76f",6802:"f14cbcd5",6836:"cd9e6818",7025:"e036c805",7096:"0808fe50",7098:"f7b7a994",7173:"f0fbb161",7209:"909c9618",7255:"6631cb21",7259:"eeaaa518",7310:"24d400b5",7390:"cb6a6ce5",7460:"35f2707e",7603:"794c1719",7623:"c14bc2eb",7635:"33752b34",7651:"06194171",7715:"92639f11",7884:"2bf2ae3b",7917:"9a03713e",7943:"94e62f7d",7954:"da5695d7",7977:"873c2507",8101:"77d000d5",8119:"4ff883a2",8255:"c2135efa",8262:"185eb895",8311:"87daf2aa",8347:"64753cbf",8352:"b7003410",8401:"cd452a6e",8461:"44b04d56",8585:"e8a29813",8600:"a4aaea1f",8644:"ee836dac",8670:"f5aed5fd",8681:"dad27b77",8725:"18225b4f",8736:"f7531471",8737:"999c6a6e",8738:"5d7ad151",8768:"da5038bb",8820:"4ac3412b",8862:"0f69cf32",8915:"3c92531e",8946:"275ca37f",8952:"93fae673",9035:"786e4077",9048:"73c65444",9111:"9c5b3b5f",9119:"0b2a6111",9134:"a8adba98",9149:"94251bcf",9155:"55f0fc2b",9183:"69d42c06",9220:"41b1ebd6",9222:"00bc655f",9233:"753c8c1b",9245:"ca07cd54",9269:"3790df3d",9304:"4d1bb5bc",9381:"1caac310",9408:"0ea20653",9422:"17d04f1e",9451:"ba837ad2",9563:"e7ff8089",9592:"ac992c8d",9614:"b6ee8465",9632:"dd64242d",9647:"8c7a1b12",9669:"f3f298c6",9690:"a57e6f8d",9692:"55918651",9712:"05ba0f51",9718:"d2386623",9727:"4e40ab22",9737:"ed365abb",9763:"73bc34a4",9814:"751afbad",9816:"928fc694",9849:"d6f48693",9875:"68ee253c"}[e]+".js",a.miniCssF=e=>{},a.o=(e,c)=>Object.hasOwn(e,c),(()=>{const e={},c="@elliemae/pui-app-sdk:";a.l=(d,b,f,t)=>{if(e[d])return void e[d].push(b);let r,o;if(void 0!==f){const e=document.getElementsByTagName("script");for(var n=0;n<e.length;n++){const a=e[n];if(a.getAttribute("src")==d||a.getAttribute("data-webpack")==c+f){r=a;break}}}r||(o=!0,r=document.createElement("script"),r.charset="utf-8",a.nc&&r.setAttribute("nonce",a.nc),r.setAttribute("data-webpack",c+f),r.src=d),e[d]=[b];const i=(c,a)=>{r.onerror=r.onload=null,clearTimeout(s);const b=e[d];if(delete e[d],r.parentNode?.removeChild(r),b?.forEach(e=>e(a)),c)return c(a)},s=setTimeout(i.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=i.bind(null,r.onerror),r.onload=i.bind(null,r.onload),o&&document.head.appendChild(r)}})(),a.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.dn=e=>{var c=Object.getOwnPropertyDescriptor(e,"name");(!c||!c.writable&&c.configurable)&&Object.defineProperty(e,"name",{value:"default",configurable:!0})},a.cjs=e=>{const c={exports:{}};return e.call(c.exports,c,c.exports),c.exports},a.p="/app-sdk/",a.gca=function(e){return e={16427680:"7623",17896441:"8401",82894961:"1782",de3ee31a:"104","1ad86f56":"124","1dfec420":"200",d9084ecb:"252","85dc4c9b":"311",ff0bf96e:"429",c254daed:"449",a17fb045:"465","5ca2639d":"508",fdb0d9e1:"552","60781fed":"574","5e8c322a":"594",b93b454c:"617","805daf1e":"619",c52b5473:"706","7cde3459":"763","9550cc1f":"769",e0db4c79:"773","80392bdc":"860","10c70e6f":"903",eb84a108:"920",e917d7c9:"942",f8fa0321:"1022","5e7ee35c":"1077","533e434c":"1099","5113883b":"1230","3accd241":"1278",a29a6e44:"1303","550f7dc1":"1394","61b0e64b":"1413","5f21eb71":"1556","27c8b774":"1567","4eef183e":"1628","6ca90961":"1650",a3ecf861:"1701",ff6d65a9:"1768",ab05b3aa:"1788","3b333d5b":"1814",fefe9566:"1877",d071c513:"1923",a7861986:"1973","27c4a013":"2080","46eb403d":"2181","322ec2e7":"2212",e876cff6:"2244",a769954d:"2290",c7710052:"2304",a09470d9:"2399","15f40f8f":"2403","379bbc32":"2486","41f4ce7f":"2579","7b224b5a":"2612","14efea89":"2666",d0fd4a71:"2840","3cd01694":"2923",aeb9810c:"3072","05fd5745":"3237","6aac2d5c":"3282",f72a372a:"3292",c377a04b:"3361","88a4c043":"3470",f7084923:"3594",e4ad89b2:"3606","51cd08ce":"3728",fc7c782f:"3753","99a35e8f":"3849","0a1bd0e5":"3949",b0125fa2:"4004","822e0178":"4082","50ae2c89":"4346","50b500dc":"4364","1154937a":"4390",a2537f00:"4465",c10ec81d:"4636","78fde597":"4658","0f302db7":"4683",a7bd4aaa:"4717",bf1a96cc:"4762","3072782a":"4835",d3d37933:"4905",a6c41565:"5126","1cc7c915":"5223",b784b5bb:"5349",b31a5f55:"5407",cfad4bb4:"5547","25ae0bf1":"5623","47f7a134":"5726",aba21aa0:"5742","336f5910":"5880","53defe29":"5886","04ee7372":"5908","3b0e1261":"6051","999f4a99":"6095","24b1c163":"6111",d1d7a857:"6170",f72c86d0:"6209","6b7fcc15":"6372",a48fd09c:"6526","77982fdd":"6550","4acce17e":"6582",a0eb976e:"6802","22c6ac39":"6836","5da011d0":"7025","1a5ba401":"7098",f4180cff:"7209","3cb0b0a9":"7255",b4285021:"7259","16fba083":"7310","90579cbd":"7390","59169cbb":"7460","7d48b3e7":"7603",c8a9fc86:"7635",a8687130:"7651","9ab62f73":"7715","749b3cb7":"7884","110b6cba":"7917",fce396bf:"7943",b2a255cc:"7954",b8c1226b:"7977","7c822e85":"8101","6b345055":"8119","9ea6fe4d":"8255",e9f568e8:"8311","90bbfd1d":"8461","413bfdf1":"8600","3204d46b":"8644","6d1f0509":"8736",a6c5c03c:"8737",d71e6c8a:"8738","075aa584":"8768",b1474780:"8820",ac9d64ec:"8862",c5e9787b:"8915",ea5986e4:"8946","61f3b5cc":"8952",ed6a4585:"9035",a94703ab:"9048","5575829c":"9111",a9ba6591:"9119","54dea6f0":"9134",b0ccf0d8:"9149","365a2c17":"9155",d38c25bf:"9220",bc717899:"9245",c90572d4:"9269","7d256524":"9304","2b2c5b3b":"9408","6daa33e8":"9422","5c5cf8ae":"9451","5e13701d":"9563","1fcf59a8":"9592","5e95c892":"9647",fed4ae4f:"9712","58e12487":"9763","4b10ac31":"9814","5ebc190f":"9816","62e1e335":"9849"}[e]||e,a.p+a.u(e)},(()=>{const e={5354:0,1869:0};a.f.j=(c,d)=>{let b=a.o(e,c)?e[c]:void 0;if(0!==b)if(b)d.push(b[2]);else if(/^(1869|5354)$/.test(c))e[c]=0;else{const f=new Promise((a,d)=>b=e[c]=[a,d]);d.push(b[2]=f);const t=a.p+a.u(c),r=new Error,o=d=>{if(a.o(e,c)&&(b=e[c],0!==b&&(e[c]=void 0),b)){const e=d&&("load"===d.type?"missing":d.type),a=d&&d.target&&d.target.src;r.message="Loading chunk "+c+" failed.\n("+e+": "+a+")",r.name="ChunkLoadError",r.type=e,r.request=a,r.event=d,b[1](r)}};a.l(t,o,"chunk-"+c,c)}},a.O.j=c=>0===e[c];const c=(c,d)=>{let[b,f,t]=d;var r,o,n=0;if(b.some(c=>0!==e[c])){for(r in f)a.o(f,r)&&(a.m[r]=f[r]);if(t)var i=t(a)}for(c&&c(d);n<b.length;n++)o=b[n],a.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return a.O(i)},d=globalThis.webpackChunk_elliemae_pui_app_sdk||=[];d.forEach(c.bind(null,0)),d.push=c.bind(null,d.push.bind(d))})()})();

package/build/docs/index.html

@@ -4,14 +4,14 @@
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.10.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.textContent=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.9abbfffe.css">
-<script src="/app-sdk/assets/js/runtime~main.8280862b.js" defer="defer"></script>
-<script src="/app-sdk/assets/js/main.0f67774f.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/runtime~main.b8505035.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/main.9983c34d.js" defer="defer"></script>
 </head>
 <body>
 <svg style="display: none;"><defs>
 <symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
 </defs></svg>
-<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_bkmY" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/app-sdk/"><div class="navbar__logo"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--light_f0DM"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--dark_O_HM"></div><b class="navbar__title text--truncate">App SDK</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/app-sdk/">Getting Started</a><a class="navbar__item navbar__link" href="/app-sdk/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_taHn colorModeToggle_G18c"><button class="clean-btn toggleButton_HweP toggleButtonDisabled_LQ7x" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 lightToggleIcon_cHYv"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 darkToggleIcon__8rp"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 systemToggleIcon_bgL6"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_AnXN"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_lmvs"><div class="docsWrapper_M8Rk"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_FkGw" type="button"></button><div class="docRoot_tt9D"><aside class="theme-doc-sidebar-container docSidebarContainer_FjRo"><div class="sidebarViewport_Cmgf"><div class="sidebar_f33C"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_sSyB"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_KBnG menu__link menu__link--sublist" href="/app-sdk/api/"><span class="categoryLinkLabel_lyzN">App SDK API</span></a><button aria-label="Expand sidebar category &#x27;App SDK API&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/app-sdk/"><span class="linkLabel_fhb0">Getting Started</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/app-sdk/usage-guide"><span class="linkLabel_fhb0">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_g36I"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_vm2W"><div class="docItemContainer__ozj"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_vAKE" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/app-sdk/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_OzMR"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Getting Started</span></li></ul></nav><div class="tocCollapsible_Za8q theme-doc-toc-mobile tocMobile_l5Ye"><button type="button" class="clean-btn tocCollapsibleButton_hJaI">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header>
+<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_bkmY" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/app-sdk/"><div class="navbar__logo"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--light_f0DM"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--dark_O_HM"></div><b class="navbar__title text--truncate">App SDK</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/app-sdk/">Getting Started</a><a class="navbar__item navbar__link" href="/app-sdk/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://github.com/intcx/PLATFORM-UI.pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_taHn colorModeToggle_G18c"><button class="clean-btn toggleButton_HweP toggleButtonDisabled_LQ7x" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 lightToggleIcon_cHYv"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 darkToggleIcon__8rp"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 systemToggleIcon_bgL6"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_AnXN"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_lmvs"><div class="docsWrapper_M8Rk"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_FkGw" type="button"></button><div class="docRoot_tt9D"><aside class="theme-doc-sidebar-container docSidebarContainer_FjRo"><div class="sidebarViewport_Cmgf"><div class="sidebar_f33C"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_sSyB"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_KBnG menu__link menu__link--sublist" href="/app-sdk/api/"><span class="categoryLinkLabel_lyzN">App SDK API</span></a><button aria-label="Expand sidebar category &#x27;App SDK API&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/app-sdk/"><span class="linkLabel_fhb0">Getting Started</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/app-sdk/usage-guide"><span class="linkLabel_fhb0">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_g36I"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_vm2W"><div class="docItemContainer__ozj"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_vAKE" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/app-sdk/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_OzMR"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Getting Started</span></li></ul></nav><div class="tocCollapsible_Za8q theme-doc-toc-mobile tocMobile_l5Ye"><button type="button" class="clean-btn tocCollapsibleButton_hJaI">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header>
 <p>Welcome to the <strong>PUI App SDK</strong> - the ICE MT UI Platform Application SDK for building React micro-frontend applications with integrated cross-cutting concerns.</p>
 <h2 class="anchor anchorTargetStickyNavbar_VMOI" id="overview">Overview<a href="#overview" class="hash-link" aria-label="Direct link to Overview" title="Direct link to Overview" translate="no">​</a></h2>
 <p>The PUI App SDK provides:</p>
@@ -92,11 +92,11 @@
 <ul>
 <li class=""><strong><a class="" href="/app-sdk/usage-guide">Usage Guide</a></strong> - Detailed usage patterns and examples</li>
 <li class=""><strong><a class="" href="/app-sdk/api/">API Documentation</a></strong> - Complete API reference</li>
-<li class=""><strong><a href="https://sonar.ellielabs.com/overview?id=elliemae.pui.app.sdk-master" target="_blank" rel="noopener noreferrer" class="">SonarQube</a></strong> - Code quality metrics</li>
+<li class=""><strong><a href="https://sonarqube.intcx.net/dashboard?id=pui-app-sdk-master" target="_blank" rel="noopener noreferrer" class="">SonarQube</a></strong> - Code quality metrics</li>
 <li class=""><strong><a href="https://appsdk.pui.mortgagetech.d1.ice.com/" target="_blank" rel="noopener noreferrer" class="">QA Environment</a></strong> - Test deployment</li>
 <li class=""><strong>Boilerplate</strong> - Reference implementation in <code>pui-react-boilerplate</code></li>
 </ul>
 <h2 class="anchor anchorTargetStickyNavbar_VMOI" id="troubleshooting">Troubleshooting<a href="#troubleshooting" class="hash-link" aria-label="Direct link to Troubleshooting" title="Direct link to Troubleshooting" translate="no">​</a></h2>
-<p>For common issues and solutions, see the <a class="" href="/app-sdk/usage-guide#troubleshooting">Usage Guide Troubleshooting section</a>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col noPrint_PN5i"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git/docs/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_wOUn" 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_je1V"></div></div></footer></article><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/app-sdk/api/variables/within"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">within</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/app-sdk/usage-guide"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage Guide</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_EnZ4 thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link toc-highlight">Overview</a></li><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#installation" class="table-of-contents__link toc-highlight">Installation</a><ul><li><a href="#required-peer-dependencies" class="table-of-contents__link toc-highlight">Required Peer Dependencies</a></li></ul></li><li><a href="#quick-start" class="table-of-contents__link toc-highlight">Quick Start</a><ul><li><a href="#1-create-app-configuration" class="table-of-contents__link toc-highlight">1. Create App Configuration</a></li><li><a href="#2-initialize-your-micro-app" class="table-of-contents__link toc-highlight">2. Initialize Your Micro-App</a></li><li><a href="#3-set-up-application-root" class="table-of-contents__link toc-highlight">3. Set Up Application Root</a></li><li><a href="#4-define-routes" class="table-of-contents__link toc-highlight">4. Define Routes</a></li></ul></li><li><a href="#core-concepts" class="table-of-contents__link toc-highlight">Core Concepts</a><ul><li><a href="#api-integration" class="table-of-contents__link toc-highlight">API Integration</a></li><li><a href="#state-management" class="table-of-contents__link toc-highlight">State Management</a></li><li><a href="#making-api-calls" class="table-of-contents__link toc-highlight">Making API Calls</a></li><li><a href="#forms" class="table-of-contents__link toc-highlight">Forms</a></li><li><a href="#micro-frontends" class="table-of-contents__link toc-highlight">Micro-Frontends</a></li><li><a href="#analytics--scripting-objects" class="table-of-contents__link toc-highlight">Analytics &amp; Scripting Objects</a></li></ul></li><li><a href="#testing" class="table-of-contents__link toc-highlight">Testing</a></li><li><a href="#project-structure" class="table-of-contents__link toc-highlight">Project Structure</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next Steps</a></li><li><a href="#resources" class="table-of-contents__link toc-highlight">Resources</a></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a></li></ul></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/app-sdk/">Getting Started</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://icemortgagetechnology.slack.com/archives/C01M49EGP6Z" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><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_iOdY"><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>
+<p>For common issues and solutions, see the <a class="" href="/app-sdk/usage-guide#troubleshooting">Usage Guide Troubleshooting section</a>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col noPrint_PN5i"><a href="https://github.com/intcx/PLATFORM-UI.pui-app-sdk.git/docs/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_wOUn" 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_je1V"></div></div></footer></article><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/app-sdk/api/variables/within"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">within</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/app-sdk/usage-guide"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage Guide</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_EnZ4 thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link toc-highlight">Overview</a></li><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#installation" class="table-of-contents__link toc-highlight">Installation</a><ul><li><a href="#required-peer-dependencies" class="table-of-contents__link toc-highlight">Required Peer Dependencies</a></li></ul></li><li><a href="#quick-start" class="table-of-contents__link toc-highlight">Quick Start</a><ul><li><a href="#1-create-app-configuration" class="table-of-contents__link toc-highlight">1. Create App Configuration</a></li><li><a href="#2-initialize-your-micro-app" class="table-of-contents__link toc-highlight">2. Initialize Your Micro-App</a></li><li><a href="#3-set-up-application-root" class="table-of-contents__link toc-highlight">3. Set Up Application Root</a></li><li><a href="#4-define-routes" class="table-of-contents__link toc-highlight">4. Define Routes</a></li></ul></li><li><a href="#core-concepts" class="table-of-contents__link toc-highlight">Core Concepts</a><ul><li><a href="#api-integration" class="table-of-contents__link toc-highlight">API Integration</a></li><li><a href="#state-management" class="table-of-contents__link toc-highlight">State Management</a></li><li><a href="#making-api-calls" class="table-of-contents__link toc-highlight">Making API Calls</a></li><li><a href="#forms" class="table-of-contents__link toc-highlight">Forms</a></li><li><a href="#micro-frontends" class="table-of-contents__link toc-highlight">Micro-Frontends</a></li><li><a href="#analytics--scripting-objects" class="table-of-contents__link toc-highlight">Analytics &amp; Scripting Objects</a></li></ul></li><li><a href="#testing" class="table-of-contents__link toc-highlight">Testing</a></li><li><a href="#project-structure" class="table-of-contents__link toc-highlight">Project Structure</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next Steps</a></li><li><a href="#resources" class="table-of-contents__link toc-highlight">Resources</a></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a></li></ul></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/app-sdk/">Getting Started</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://icemortgagetechnology.slack.com/archives/C01M49EGP6Z" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><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://github.com/intcx/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_iOdY"><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>

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

@@ -4,14 +4,14 @@
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.10.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.9abbfffe.css">
-<script src="/app-sdk/assets/js/runtime~main.8280862b.js" defer="defer"></script>
-<script src="/app-sdk/assets/js/main.0f67774f.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/runtime~main.b8505035.js" defer="defer"></script>
+<script src="/app-sdk/assets/js/main.9983c34d.js" defer="defer"></script>
 </head>
 <body>
 <svg style="display: none;"><defs>
 <symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
 </defs></svg>
-<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_bkmY" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/app-sdk/"><div class="navbar__logo"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--light_f0DM"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--dark_O_HM"></div><b class="navbar__title text--truncate">App SDK</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/app-sdk/">Getting Started</a><a class="navbar__item navbar__link" href="/app-sdk/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://git.elliemae.io/platform-ui/pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_taHn colorModeToggle_G18c"><button class="clean-btn toggleButton_HweP toggleButtonDisabled_LQ7x" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 lightToggleIcon_cHYv"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 darkToggleIcon__8rp"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 systemToggleIcon_bgL6"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_AnXN"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_lmvs"><div class="docsWrapper_M8Rk"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_FkGw" type="button"></button><div class="docRoot_tt9D"><aside class="theme-doc-sidebar-container docSidebarContainer_FjRo"><div class="sidebarViewport_Cmgf"><div class="sidebar_f33C"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_sSyB"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_KBnG menu__link menu__link--sublist" href="/app-sdk/api/"><span class="categoryLinkLabel_lyzN">App SDK API</span></a><button aria-label="Expand sidebar category &#x27;App SDK API&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/app-sdk/"><span class="linkLabel_fhb0">Getting Started</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/app-sdk/usage-guide"><span class="linkLabel_fhb0">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_g36I"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_vm2W"><div class="docItemContainer__ozj"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_vAKE" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/app-sdk/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_OzMR"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Usage Guide</span></li></ul></nav><div class="tocCollapsible_Za8q theme-doc-toc-mobile tocMobile_l5Ye"><button type="button" class="clean-btn tocCollapsibleButton_hJaI">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage Guide</h1></header>
+<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_bkmY" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/app-sdk/"><div class="navbar__logo"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--light_f0DM"><img src="/app-sdk/img/logo.svg" alt="App SDK" class="themedComponent_GMtC themedComponent--dark_O_HM"></div><b class="navbar__title text--truncate">App SDK</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/app-sdk/">Getting Started</a><a class="navbar__item navbar__link" href="/app-sdk/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://github.com/intcx/PLATFORM-UI.pui-app-sdk.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_iOdY"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_taHn colorModeToggle_G18c"><button class="clean-btn toggleButton_HweP toggleButtonDisabled_LQ7x" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 lightToggleIcon_cHYv"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 darkToggleIcon__8rp"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_ErF4 systemToggleIcon_bgL6"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_AnXN"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_lmvs"><div class="docsWrapper_M8Rk"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_FkGw" type="button"></button><div class="docRoot_tt9D"><aside class="theme-doc-sidebar-container docSidebarContainer_FjRo"><div class="sidebarViewport_Cmgf"><div class="sidebar_f33C"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_sSyB"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_KBnG menu__link menu__link--sublist" href="/app-sdk/api/"><span class="categoryLinkLabel_lyzN">App SDK API</span></a><button aria-label="Expand sidebar category &#x27;App SDK API&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/app-sdk/"><span class="linkLabel_fhb0">Getting Started</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/app-sdk/usage-guide"><span class="linkLabel_fhb0">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_g36I"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_vm2W"><div class="docItemContainer__ozj"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_vAKE" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/app-sdk/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_OzMR"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Usage Guide</span></li></ul></nav><div class="tocCollapsible_Za8q theme-doc-toc-mobile tocMobile_l5Ye"><button type="button" class="clean-btn tocCollapsibleButton_hJaI">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage Guide</h1></header>
 <p>This guide provides detailed examples and patterns for using the PUI App SDK in your applications. For initial setup, see the <a class="" href="/app-sdk/">Getting Started Guide</a>.</p>
 <h2 class="anchor anchorTargetStickyNavbar_VMOI" id="table-of-contents">Table of Contents<a href="#table-of-contents" class="hash-link" aria-label="Direct link to Table of Contents" title="Direct link to Table of Contents" translate="no">​</a></h2>
 <ul>
@@ -586,6 +586,6 @@ fields into context. Migrate any such consumer to
 <div class="language-typescript codeBlockContainer_GauS theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_WPfF"><pre tabindex="0" class="prism-code language-typescript codeBlock_o05C thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_QBJK"><div class="token-line" style="color:#393A34"><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">TextBox</span><br></div><div 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></div><div 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></div><div 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></div><div 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></div><div 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></div><div 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></div><div class="token-line" style="color:#393A34"><span class="token plain">    </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">/</span><span class="token operator" style="color:#393A34">&gt;</span><br></div></code></pre></div></div>
 <h3 class="anchor anchorTargetStickyNavbar_VMOI" 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_GauS theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_WPfF"><pre tabindex="0" class="prism-code language-typescript codeBlock_o05C thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_QBJK"><div 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></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> 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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// In host app</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> 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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> 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></div></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_PN5i"><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_wOUn" 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_je1V"></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_EnZ4 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><ul><li><a href="#getauthhttpclient" class="table-of-contents__link toc-highlight">getAuthHTTPClient</a></li><li><a href="#gethttpclient" class="table-of-contents__link toc-highlight">getHTTPClient</a></li><li><a href="#onauthorizationfailure" class="table-of-contents__link toc-highlight">onAuthorizationFailure</a></li><li><a href="#httpclientprops" class="table-of-contents__link toc-highlight">httpClientProps</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="#redux-internals" class="table-of-contents__link toc-highlight">Redux Internals</a><ul><li><a href="#getstore" class="table-of-contents__link toc-highlight">getStore</a></li><li><a href="#authreducer--authsaga" class="table-of-contents__link toc-highlight">authReducer &amp; authSaga</a></li><li><a href="#errormiddleware" class="table-of-contents__link toc-highlight">errorMiddleware</a></li><li><a href="#createmanager" class="table-of-contents__link toc-highlight">createManager</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><li><a href="#direct-analytics-exports" class="table-of-contents__link toc-highlight">Direct Analytics Exports</a></li><li><a href="#fetchusersettings" class="table-of-contents__link toc-highlight">fetchUserSettings</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><li><a href="#micro-frontend-host-api" class="table-of-contents__link toc-highlight">Micro-Frontend Host API</a></li><li><a href="#guest-initiated-loading" class="table-of-contents__link toc-highlight">Guest-Initiated Loading</a></li><li><a href="#host-discovery-windowemuigethost" class="table-of-contents__link toc-highlight">Host Discovery (<code>window.emui.getHost</code>)</a></li><li><a href="#module-scripting-object" class="table-of-contents__link toc-highlight">Module Scripting Object</a></li><li><a href="#automatic-manifest-warm-up" class="table-of-contents__link toc-highlight">Automatic Manifest Warm-Up</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="#environment--url-utilities" class="table-of-contents__link toc-highlight">Environment &amp; URL Utilities</a><ul><li><a href="#environment-detection" class="table-of-contents__link toc-highlight">Environment Detection</a></li><li><a href="#history-instances" class="table-of-contents__link toc-highlight">History Instances</a></li><li><a href="#removedoubleslash" class="table-of-contents__link toc-highlight">removeDoubleSlash</a></li><li><a href="#themes" class="table-of-contents__link toc-highlight">Themes</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-ui-components" class="table-of-contents__link toc-highlight">Session UI Components</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="#get-full-configuration" class="table-of-contents__link toc-highlight">Get Full 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="#auth-subpath-exports" class="table-of-contents__link toc-highlight">Auth Subpath Exports</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><li><a href="#reading-the-react-hook-form-configuration-formpropscontext" class="table-of-contents__link toc-highlight">Reading the React Hook Form Configuration (<code>FormPropsContext</code>)</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><li><a href="#testing-library-re-exports" class="table-of-contents__link toc-highlight">Testing Library Re-exports</a></li><li><a href="#renderwithstateaddons" class="table-of-contents__link toc-highlight">RenderWithStateAddOns</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="#type-exports" class="table-of-contents__link toc-highlight">Type Exports</a></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_iOdY"><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_iOdY"><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_GauS theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_WPfF"><pre tabindex="0" class="prism-code language-typescript codeBlock_o05C thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_QBJK"><div 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></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> 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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token function" style="color:#d73a49">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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// In host app</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> 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></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> 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></div></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_PN5i"><a href="https://github.com/intcx/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_wOUn" 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_je1V"></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_EnZ4 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><ul><li><a href="#getauthhttpclient" class="table-of-contents__link toc-highlight">getAuthHTTPClient</a></li><li><a href="#gethttpclient" class="table-of-contents__link toc-highlight">getHTTPClient</a></li><li><a href="#onauthorizationfailure" class="table-of-contents__link toc-highlight">onAuthorizationFailure</a></li><li><a href="#httpclientprops" class="table-of-contents__link toc-highlight">httpClientProps</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="#redux-internals" class="table-of-contents__link toc-highlight">Redux Internals</a><ul><li><a href="#getstore" class="table-of-contents__link toc-highlight">getStore</a></li><li><a href="#authreducer--authsaga" class="table-of-contents__link toc-highlight">authReducer &amp; authSaga</a></li><li><a href="#errormiddleware" class="table-of-contents__link toc-highlight">errorMiddleware</a></li><li><a href="#createmanager" class="table-of-contents__link toc-highlight">createManager</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><li><a href="#direct-analytics-exports" class="table-of-contents__link toc-highlight">Direct Analytics Exports</a></li><li><a href="#fetchusersettings" class="table-of-contents__link toc-highlight">fetchUserSettings</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><li><a href="#micro-frontend-host-api" class="table-of-contents__link toc-highlight">Micro-Frontend Host API</a></li><li><a href="#guest-initiated-loading" class="table-of-contents__link toc-highlight">Guest-Initiated Loading</a></li><li><a href="#host-discovery-windowemuigethost" class="table-of-contents__link toc-highlight">Host Discovery (<code>window.emui.getHost</code>)</a></li><li><a href="#module-scripting-object" class="table-of-contents__link toc-highlight">Module Scripting Object</a></li><li><a href="#automatic-manifest-warm-up" class="table-of-contents__link toc-highlight">Automatic Manifest Warm-Up</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="#environment--url-utilities" class="table-of-contents__link toc-highlight">Environment &amp; URL Utilities</a><ul><li><a href="#environment-detection" class="table-of-contents__link toc-highlight">Environment Detection</a></li><li><a href="#history-instances" class="table-of-contents__link toc-highlight">History Instances</a></li><li><a href="#removedoubleslash" class="table-of-contents__link toc-highlight">removeDoubleSlash</a></li><li><a href="#themes" class="table-of-contents__link toc-highlight">Themes</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-ui-components" class="table-of-contents__link toc-highlight">Session UI Components</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="#get-full-configuration" class="table-of-contents__link toc-highlight">Get Full 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="#auth-subpath-exports" class="table-of-contents__link toc-highlight">Auth Subpath Exports</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><li><a href="#reading-the-react-hook-form-configuration-formpropscontext" class="table-of-contents__link toc-highlight">Reading the React Hook Form Configuration (<code>FormPropsContext</code>)</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><li><a href="#testing-library-re-exports" class="table-of-contents__link toc-highlight">Testing Library Re-exports</a></li><li><a href="#renderwithstateaddons" class="table-of-contents__link toc-highlight">RenderWithStateAddOns</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="#type-exports" class="table-of-contents__link toc-highlight">Type Exports</a></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_iOdY"><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://github.com/intcx/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_iOdY"><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>