diff --git a/apps/deploy-web/package.json b/apps/deploy-web/package.json
index 48522049c..6059ea99e 100644
--- a/apps/deploy-web/package.json
+++ b/apps/deploy-web/package.json
@@ -33,8 +33,8 @@
     "@emotion/react": "^11.11.0",
     "@emotion/server": "^11.4.0",
     "@emotion/styled": "^11.8.1",
-    "@hookform/resolvers": "^3.3.4",
     "@leapwallet/elements": "^1.3.4",
+    "@hookform/resolvers": "^3.9.0",
     "@leapwallet/name-matcha": "^1.7.1",
     "@monaco-editor/react": "^4.6.0",
     "@mui/icons-material": "^5.11.11",
diff --git a/apps/deploy-web/public/sw.js b/apps/deploy-web/public/sw.js
new file mode 100644
index 000000000..8777a8f35
--- /dev/null
+++ b/apps/deploy-web/public/sw.js
@@ -0,0 +1,2 @@
+if(!self.define){let e,a={};const s=(s,c)=>(s=new URL(s+".js",c).href,a[s]||new Promise((a=>{if("document"in self){const e=document.createElement("script");e.src=s,e.onload=a,document.head.appendChild(e)}else e=s,importScripts(s),a()})).then((()=>{let e=a[s];if(!e)throw new Error(`Module ${s} didn’t register its module`);return e})));self.define=(c,i)=>{const n=e||("document"in self?document.currentScript.src:"")||location.href;if(a[n])return;let t={};const d=e=>s(e,n),f={module:{uri:n},exports:t,require:d};a[n]=Promise.all(c.map((e=>f[e]||d(e)))).then((e=>(i(...e),t)))}}define(["./workbox-495fd258"],(function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/_next/static/Xu8BmvdrJL40YT4LRNZVK/_buildManifest.js",revision:"1fec012429794749693763bed844dd28"},{url:"/_next/static/Xu8BmvdrJL40YT4LRNZVK/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/_next/static/chunks/084bda8b.675048f9a527facd.js",revision:"675048f9a527facd"},{url:"/_next/static/chunks/084bda8b.675048f9a527facd.js.map",revision:"3adc14a8eb5407aca049252ca3b099e5"},{url:"/_next/static/chunks/1075.656263beebf691d7.js",revision:"656263beebf691d7"},{url:"/_next/static/chunks/1075.656263beebf691d7.js.map",revision:"2ffa484999b66a9f99a7caded3d850cf"},{url:"/_next/static/chunks/1134-f1edfac271d26e5d.js",revision:"f1edfac271d26e5d"},{url:"/_next/static/chunks/1134-f1edfac271d26e5d.js.map",revision:"e79c7d1bc47fca0b2185fb775c231609"},{url:"/_next/static/chunks/1270-0734ab044ebb64ed.js",revision:"0734ab044ebb64ed"},{url:"/_next/static/chunks/1270-0734ab044ebb64ed.js.map",revision:"d33dfd3bd538ffb4a54bc8e89e0f2c66"},{url:"/_next/static/chunks/1384.5ecf07230cdeac3e.js",revision:"5ecf07230cdeac3e"},{url:"/_next/static/chunks/1384.5ecf07230cdeac3e.js.map",revision:"b155f110a35187b6ae921ba1ab17525d"},{url:"/_next/static/chunks/1506-12c3b64ce81a77f5.js",revision:"12c3b64ce81a77f5"},{url:"/_next/static/chunks/1506-12c3b64ce81a77f5.js.map",revision:"6577c1ee46e634538266816a5ca180b9"},{url:"/_next/static/chunks/1576.3b2c4cae17a82eff.js",revision:"3b2c4cae17a82eff"},{url:"/_next/static/chunks/1576.3b2c4cae17a82eff.js.map",revision:"72e795008713ff89ad1b2a8438832755"},{url:"/_next/static/chunks/1588-15898d3d2fd3651a.js",revision:"15898d3d2fd3651a"},{url:"/_next/static/chunks/1588-15898d3d2fd3651a.js.map",revision:"60484297e1b320d09000d44dc7a167ca"},{url:"/_next/static/chunks/1733-6dae128c8882ae62.js",revision:"6dae128c8882ae62"},{url:"/_next/static/chunks/1733-6dae128c8882ae62.js.map",revision:"f28d25436493bce881bd875460377953"},{url:"/_next/static/chunks/1780.6df2b5996887458a.js",revision:"6df2b5996887458a"},{url:"/_next/static/chunks/1780.6df2b5996887458a.js.map",revision:"d9789bba12b3a613b230f92e11fe4cbb"},{url:"/_next/static/chunks/1864-a108b3603800e036.js",revision:"a108b3603800e036"},{url:"/_next/static/chunks/1864-a108b3603800e036.js.map",revision:"d59eb0a87c8bfb233ab3a00bed27cbfd"},{url:"/_next/static/chunks/2000-c850bd696cec2098.js",revision:"c850bd696cec2098"},{url:"/_next/static/chunks/2000-c850bd696cec2098.js.map",revision:"f18ae09cab455616d4915ee0de5bace2"},{url:"/_next/static/chunks/2263.600ae5efa48e4833.js",revision:"600ae5efa48e4833"},{url:"/_next/static/chunks/2263.600ae5efa48e4833.js.map",revision:"93ce1b8b360723c3f963ad047e76a099"},{url:"/_next/static/chunks/2334.775758e19cd22815.js",revision:"775758e19cd22815"},{url:"/_next/static/chunks/2334.775758e19cd22815.js.map",revision:"2e067677cba30ed9d21323826f86768c"},{url:"/_next/static/chunks/250.a3c28b054d396afb.js",revision:"a3c28b054d396afb"},{url:"/_next/static/chunks/250.a3c28b054d396afb.js.map",revision:"44dd735883c88abafd6cfca59fb030a9"},{url:"/_next/static/chunks/2526.0e87be8e84eb52b2.js",revision:"0e87be8e84eb52b2"},{url:"/_next/static/chunks/2526.0e87be8e84eb52b2.js.map",revision:"96ef472030da6a5297e310037783b152"},{url:"/_next/static/chunks/2546.d98ab68fa687b7c0.js",revision:"d98ab68fa687b7c0"},{url:"/_next/static/chunks/2546.d98ab68fa687b7c0.js.map",revision:"99df7dfdd64a59640313a1f1298647eb"},{url:"/_next/static/chunks/2615.cd4ca347223d657b.js",revision:"cd4ca347223d657b"},{url:"/_next/static/chunks/2615.cd4ca347223d657b.js.map",revision:"1972319efd41267ca80b39c164a6796d"},{url:"/_next/static/chunks/2617.8fc21e7490639b83.js",revision:"8fc21e7490639b83"},{url:"/_next/static/chunks/2617.8fc21e7490639b83.js.map",revision:"5c385d2c772e809accb463d1715e0145"},{url:"/_next/static/chunks/2674-72d9141ee61fa622.js",revision:"72d9141ee61fa622"},{url:"/_next/static/chunks/2674-72d9141ee61fa622.js.map",revision:"3c32c5ad19bb626530fb893892bd5a9e"},{url:"/_next/static/chunks/2677.7861903427aae5fa.js",revision:"7861903427aae5fa"},{url:"/_next/static/chunks/2677.7861903427aae5fa.js.map",revision:"eb5d5612fed3c2213e0aac888f7b6530"},{url:"/_next/static/chunks/2721-03484ed4a5ba7909.js",revision:"03484ed4a5ba7909"},{url:"/_next/static/chunks/2721-03484ed4a5ba7909.js.map",revision:"fdd1d6c4710b1d16d4b26daadfea6805"},{url:"/_next/static/chunks/2894.0f6fafadca77ed13.js",revision:"0f6fafadca77ed13"},{url:"/_next/static/chunks/2894.0f6fafadca77ed13.js.map",revision:"ceaffad513f6ea09c13a076d8882200e"},{url:"/_next/static/chunks/2928.24a5a7c6f2f41f01.js",revision:"24a5a7c6f2f41f01"},{url:"/_next/static/chunks/2928.24a5a7c6f2f41f01.js.map",revision:"b25fde6e17b20bb5c55d728e6c09f7dd"},{url:"/_next/static/chunks/309-8ccb8f235a3cd188.js",revision:"8ccb8f235a3cd188"},{url:"/_next/static/chunks/309-8ccb8f235a3cd188.js.map",revision:"a40a9ff7d627ea0f76dbe664595efaaf"},{url:"/_next/static/chunks/3472-c91a015de0c62c10.js",revision:"c91a015de0c62c10"},{url:"/_next/static/chunks/3472-c91a015de0c62c10.js.map",revision:"37fdb0d0d80f4798a15cd3074f82fcac"},{url:"/_next/static/chunks/3617.b1754c1ccfd94e8d.js",revision:"b1754c1ccfd94e8d"},{url:"/_next/static/chunks/3617.b1754c1ccfd94e8d.js.map",revision:"a87e000a9ca8114b353a02d6ee80779d"},{url:"/_next/static/chunks/3795.772566eecfa5ba77.js",revision:"772566eecfa5ba77"},{url:"/_next/static/chunks/3795.772566eecfa5ba77.js.map",revision:"84965ab214d59046bbf5b48cba3d54bd"},{url:"/_next/static/chunks/3850.67944b2a1cc77b2f.js",revision:"67944b2a1cc77b2f"},{url:"/_next/static/chunks/3850.67944b2a1cc77b2f.js.map",revision:"96266cb04084022503c5d730117419d1"},{url:"/_next/static/chunks/39d9086f.3a92332872926bd4.js",revision:"3a92332872926bd4"},{url:"/_next/static/chunks/3ddc122a.660ca4bae7bdb080.js",revision:"660ca4bae7bdb080"},{url:"/_next/static/chunks/3ddc122a.660ca4bae7bdb080.js.map",revision:"54ce7e710d2b0b6dc4ca048412832375"},{url:"/_next/static/chunks/4099-b8578ac08ce318de.js",revision:"b8578ac08ce318de"},{url:"/_next/static/chunks/4099-b8578ac08ce318de.js.map",revision:"6e0c00fd33fc9203177613edda0ec3e1"},{url:"/_next/static/chunks/4134.d562644f12fdfcd3.js",revision:"d562644f12fdfcd3"},{url:"/_next/static/chunks/4134.d562644f12fdfcd3.js.map",revision:"fb9d237a3e29204765d681037aa7859f"},{url:"/_next/static/chunks/4182.4dd83925f09c4803.js",revision:"4dd83925f09c4803"},{url:"/_next/static/chunks/4182.4dd83925f09c4803.js.map",revision:"6e2ce3f3b000f26fe9ae7e8d93028a1a"},{url:"/_next/static/chunks/4282.54ca8c2d0e5834ad.js",revision:"54ca8c2d0e5834ad"},{url:"/_next/static/chunks/4282.54ca8c2d0e5834ad.js.map",revision:"d6438d980e6ecb2306304a8986260e24"},{url:"/_next/static/chunks/4325-1c3f4f7900821a35.js",revision:"1c3f4f7900821a35"},{url:"/_next/static/chunks/4325-1c3f4f7900821a35.js.map",revision:"5387efcf73850be06b74d836b1c6526f"},{url:"/_next/static/chunks/4378.d662769e9ba0e621.js",revision:"d662769e9ba0e621"},{url:"/_next/static/chunks/4378.d662769e9ba0e621.js.map",revision:"4b012125c6e1aac8edb7a531356d605e"},{url:"/_next/static/chunks/4390-bdb1d1c03df50067.js",revision:"bdb1d1c03df50067"},{url:"/_next/static/chunks/4390-bdb1d1c03df50067.js.map",revision:"f1d3a16d4240515d61fb29d73312b49b"},{url:"/_next/static/chunks/4503.f1c040562426d277.js",revision:"f1c040562426d277"},{url:"/_next/static/chunks/4503.f1c040562426d277.js.map",revision:"1c723367c12f3aae7a63b7ba7d9c2f45"},{url:"/_next/static/chunks/4522.88288fe53bad7bd2.js",revision:"88288fe53bad7bd2"},{url:"/_next/static/chunks/4522.88288fe53bad7bd2.js.map",revision:"e0179736a3e9be84e3a9d891da6c8fdb"},{url:"/_next/static/chunks/4569-e0285edc701b296e.js",revision:"e0285edc701b296e"},{url:"/_next/static/chunks/4569-e0285edc701b296e.js.map",revision:"691508a604f84c8b6b6d26f5d4039d0e"},{url:"/_next/static/chunks/4608.3b915ba50845ff19.js",revision:"3b915ba50845ff19"},{url:"/_next/static/chunks/4608.3b915ba50845ff19.js.map",revision:"9ddf1792a967355dc0cc2c8210d10885"},{url:"/_next/static/chunks/4614.08bb2a3552c95f75.js",revision:"08bb2a3552c95f75"},{url:"/_next/static/chunks/4614.08bb2a3552c95f75.js.map",revision:"04d8352364e11b5f28107774ec6c80a7"},{url:"/_next/static/chunks/4618-a672f9bf086f841f.js",revision:"a672f9bf086f841f"},{url:"/_next/static/chunks/4618-a672f9bf086f841f.js.map",revision:"b778fcb3871b0a771fa73b3229a148c1"},{url:"/_next/static/chunks/4752.bcc16c9a102cd332.js",revision:"bcc16c9a102cd332"},{url:"/_next/static/chunks/4752.bcc16c9a102cd332.js.map",revision:"4fdb673a46072444ce48570768829cb2"},{url:"/_next/static/chunks/4781.55f3e4ca810eeb9e.js",revision:"55f3e4ca810eeb9e"},{url:"/_next/static/chunks/4781.55f3e4ca810eeb9e.js.map",revision:"fb20f9940250e16304543fbdb2a9bd6b"},{url:"/_next/static/chunks/4785.cbeaf60fb5abe812.js",revision:"cbeaf60fb5abe812"},{url:"/_next/static/chunks/4785.cbeaf60fb5abe812.js.map",revision:"34aadb799c2c3751591896999896c1f6"},{url:"/_next/static/chunks/4800.d592cb038087a64f.js",revision:"d592cb038087a64f"},{url:"/_next/static/chunks/4800.d592cb038087a64f.js.map",revision:"2a28229745f55c500a9d37997d006aec"},{url:"/_next/static/chunks/4945-092bf62c295ba159.js",revision:"092bf62c295ba159"},{url:"/_next/static/chunks/4945-092bf62c295ba159.js.map",revision:"c5f1e61e868e90f8505122a2dbcfe911"},{url:"/_next/static/chunks/4961.1cb207cc3bd56017.js",revision:"1cb207cc3bd56017"},{url:"/_next/static/chunks/4961.1cb207cc3bd56017.js.map",revision:"efb5ba432f00515eba6775a083f21c10"},{url:"/_next/static/chunks/5087.7f7db15f2fbe996d.js",revision:"7f7db15f2fbe996d"},{url:"/_next/static/chunks/5087.7f7db15f2fbe996d.js.map",revision:"436c4c2d12253c53d3ebf4ae52792b81"},{url:"/_next/static/chunks/5102-cbbec4d175f05d83.js",revision:"cbbec4d175f05d83"},{url:"/_next/static/chunks/5102-cbbec4d175f05d83.js.map",revision:"986f67bb4091d5b51e33077cab68d45b"},{url:"/_next/static/chunks/51c52c66.5fe00e5b8c139737.js",revision:"5fe00e5b8c139737"},{url:"/_next/static/chunks/51c52c66.5fe00e5b8c139737.js.map",revision:"421d34f1af0535466de4ae5b8998577b"},{url:"/_next/static/chunks/5356-d7f4891c2cf8ad20.js",revision:"d7f4891c2cf8ad20"},{url:"/_next/static/chunks/5356-d7f4891c2cf8ad20.js.map",revision:"2df33605b8bd477763cdb231595433da"},{url:"/_next/static/chunks/5384.7a042dfaf58ec797.js",revision:"7a042dfaf58ec797"},{url:"/_next/static/chunks/5384.7a042dfaf58ec797.js.map",revision:"9bf0118556745404b78a57e18acbf62a"},{url:"/_next/static/chunks/5386.1d50bde5f2853235.js",revision:"1d50bde5f2853235"},{url:"/_next/static/chunks/5386.1d50bde5f2853235.js.map",revision:"abbb7f7cdf857405e5fe5d8a20269071"},{url:"/_next/static/chunks/5399.f3d8505542ed218d.js",revision:"f3d8505542ed218d"},{url:"/_next/static/chunks/5399.f3d8505542ed218d.js.map",revision:"9b5ceea4a9ca0e0f1d22b3b03f1eac3c"},{url:"/_next/static/chunks/5483.64df71dac46619ec.js",revision:"64df71dac46619ec"},{url:"/_next/static/chunks/5483.64df71dac46619ec.js.map",revision:"449e88d0e2e9eddab0099645e7616594"},{url:"/_next/static/chunks/5580-8d35778bde9ef489.js",revision:"8d35778bde9ef489"},{url:"/_next/static/chunks/5580-8d35778bde9ef489.js.map",revision:"858da6dcfce2e526e811cd8b200ba0cc"},{url:"/_next/static/chunks/5748.a9b354bc77234c0e.js",revision:"a9b354bc77234c0e"},{url:"/_next/static/chunks/577.48da575f1a6c1ed9.js",revision:"48da575f1a6c1ed9"},{url:"/_next/static/chunks/577.48da575f1a6c1ed9.js.map",revision:"da06eba588cc61aa294279456940ae83"},{url:"/_next/static/chunks/5898.233f6bd010904e2b.js",revision:"233f6bd010904e2b"},{url:"/_next/static/chunks/5898.233f6bd010904e2b.js.map",revision:"d21b2453730bee796235961dbcd94626"},{url:"/_next/static/chunks/5976.939f335fc557ae91.js",revision:"939f335fc557ae91"},{url:"/_next/static/chunks/5976.939f335fc557ae91.js.map",revision:"6d1280139a547ccde65a6aa97a06bb5d"},{url:"/_next/static/chunks/5a58220e.63f9382c1e13bbed.js",revision:"63f9382c1e13bbed"},{url:"/_next/static/chunks/5a58220e.63f9382c1e13bbed.js.map",revision:"0bafa775c677bf4b457ee77a4c601131"},{url:"/_next/static/chunks/6033-f28915577b619d16.js",revision:"f28915577b619d16"},{url:"/_next/static/chunks/6033-f28915577b619d16.js.map",revision:"8673147d8447e83580330316e522430b"},{url:"/_next/static/chunks/6138.aaea9859fc8cace0.js",revision:"aaea9859fc8cace0"},{url:"/_next/static/chunks/6138.aaea9859fc8cace0.js.map",revision:"5989964a876f238907c098983a573418"},{url:"/_next/static/chunks/6166.aff9b3e24e0c38c1.js",revision:"aff9b3e24e0c38c1"},{url:"/_next/static/chunks/6166.aff9b3e24e0c38c1.js.map",revision:"d7eeb70d184d3fd824d775d75ea77417"},{url:"/_next/static/chunks/6310-6ac0f2df10accef8.js",revision:"6ac0f2df10accef8"},{url:"/_next/static/chunks/6310-6ac0f2df10accef8.js.map",revision:"e6136fa5290d3969ac41a697a5a37051"},{url:"/_next/static/chunks/6424.afd408d2a0a8aa78.js",revision:"afd408d2a0a8aa78"},{url:"/_next/static/chunks/6424.afd408d2a0a8aa78.js.map",revision:"06a1e277ef6809ad36ed4fde2d391baf"},{url:"/_next/static/chunks/6432-e799211090896bf8.js",revision:"e799211090896bf8"},{url:"/_next/static/chunks/6432-e799211090896bf8.js.map",revision:"dfea04579bcb406087631553ceb36eb4"},{url:"/_next/static/chunks/6579.56b6b706b0d4b07a.js",revision:"56b6b706b0d4b07a"},{url:"/_next/static/chunks/6579.56b6b706b0d4b07a.js.map",revision:"ffa27801db25b3b8f3ff950f650fa79d"},{url:"/_next/static/chunks/6586.5684931990e9413d.js",revision:"5684931990e9413d"},{url:"/_next/static/chunks/6586.5684931990e9413d.js.map",revision:"cbce52129af2f9504ee3d07360df8cbc"},{url:"/_next/static/chunks/6778.eb8dbdfb58565a2a.js",revision:"eb8dbdfb58565a2a"},{url:"/_next/static/chunks/6778.eb8dbdfb58565a2a.js.map",revision:"5f2adc14744aaf68bf25fc1ddf0694cd"},{url:"/_next/static/chunks/6899.ad60e2c80fbebd40.js",revision:"ad60e2c80fbebd40"},{url:"/_next/static/chunks/6899.ad60e2c80fbebd40.js.map",revision:"0e7dbba555b93d8b8114bdac0e5d4af5"},{url:"/_next/static/chunks/6dd150ba.ec75e8e489a567a9.js",revision:"ec75e8e489a567a9"},{url:"/_next/static/chunks/6dd150ba.ec75e8e489a567a9.js.map",revision:"0958db114513904932a656bdf3630b27"},{url:"/_next/static/chunks/7015.081c061481193a2b.js",revision:"081c061481193a2b"},{url:"/_next/static/chunks/7015.081c061481193a2b.js.map",revision:"f724c855b4dd5742c534416086c78ddc"},{url:"/_next/static/chunks/7097.f76a491f2cc66dbf.js",revision:"f76a491f2cc66dbf"},{url:"/_next/static/chunks/7097.f76a491f2cc66dbf.js.map",revision:"8967bfa47527594e700b498d98bf1d53"},{url:"/_next/static/chunks/734.6a5d42b74247463e.js",revision:"6a5d42b74247463e"},{url:"/_next/static/chunks/734.6a5d42b74247463e.js.map",revision:"d54d86412f3c5749e8668927586f88d0"},{url:"/_next/static/chunks/73b48d80.d55ecf48a6f85d96.js",revision:"d55ecf48a6f85d96"},{url:"/_next/static/chunks/73b48d80.d55ecf48a6f85d96.js.map",revision:"2940980d980b62f65bed2b0b8d3192a6"},{url:"/_next/static/chunks/7417-0f02be3246ef3c9c.js",revision:"0f02be3246ef3c9c"},{url:"/_next/static/chunks/7417-0f02be3246ef3c9c.js.map",revision:"0eef7d448e634d8f022dac099e9e8a2f"},{url:"/_next/static/chunks/7474.49beec956a53eca3.js",revision:"49beec956a53eca3"},{url:"/_next/static/chunks/7474.49beec956a53eca3.js.map",revision:"cdcb919594e120a6ba9a13e92ab1c6b9"},{url:"/_next/static/chunks/7725.758b246f86e835a1.js",revision:"758b246f86e835a1"},{url:"/_next/static/chunks/7725.758b246f86e835a1.js.map",revision:"5895aeb3b51721d2c5e8d2392e051886"},{url:"/_next/static/chunks/7750.e8e1b75c3506e8c6.js",revision:"e8e1b75c3506e8c6"},{url:"/_next/static/chunks/7750.e8e1b75c3506e8c6.js.map",revision:"6d2fef59fe21dec358d7a5a31fc8f016"},{url:"/_next/static/chunks/7879-2ee883c40233c9ae.js",revision:"2ee883c40233c9ae"},{url:"/_next/static/chunks/7879-2ee883c40233c9ae.js.map",revision:"e5843b3eafc79757795c25c292815768"},{url:"/_next/static/chunks/8218.f6515e160e53aa3c.js",revision:"f6515e160e53aa3c"},{url:"/_next/static/chunks/8218.f6515e160e53aa3c.js.map",revision:"c23818799c68cafb8d47a92745f0aac4"},{url:"/_next/static/chunks/838.a45c65c59b1fe17b.js",revision:"a45c65c59b1fe17b"},{url:"/_next/static/chunks/838.a45c65c59b1fe17b.js.map",revision:"1c3e4efc1ccaaaf668595d236e9530d8"},{url:"/_next/static/chunks/8578.ca47087aabca883a.js",revision:"ca47087aabca883a"},{url:"/_next/static/chunks/8578.ca47087aabca883a.js.map",revision:"02c75e64de6c3e81f0bc43cc5ecb5397"},{url:"/_next/static/chunks/858.3edb2703c82d8ed9.js",revision:"3edb2703c82d8ed9"},{url:"/_next/static/chunks/858.3edb2703c82d8ed9.js.map",revision:"812fe95758c881fc33cb66a0fd10e2a5"},{url:"/_next/static/chunks/8602.a3bbfd22c4ab8003.js",revision:"a3bbfd22c4ab8003"},{url:"/_next/static/chunks/8602.a3bbfd22c4ab8003.js.map",revision:"e330599463037102875256e3efe699a9"},{url:"/_next/static/chunks/8614.dbbc3cf5dc9fb7d9.js",revision:"dbbc3cf5dc9fb7d9"},{url:"/_next/static/chunks/8614.dbbc3cf5dc9fb7d9.js.map",revision:"cd899a05e89aabaf04190e60f39ad800"},{url:"/_next/static/chunks/8681.f968d174433279ff.js",revision:"f968d174433279ff"},{url:"/_next/static/chunks/8681.f968d174433279ff.js.map",revision:"ec45bfef5e84c68f57fe212288eed0eb"},{url:"/_next/static/chunks/87d427d2-4b3f96f2a3f4b743.js",revision:"4b3f96f2a3f4b743"},{url:"/_next/static/chunks/8871-48f526e1254c05a0.js",revision:"48f526e1254c05a0"},{url:"/_next/static/chunks/8871-48f526e1254c05a0.js.map",revision:"852fa993ff14c56ee43cf71becc9d086"},{url:"/_next/static/chunks/8898.84b2c7e0b6e13f11.js",revision:"84b2c7e0b6e13f11"},{url:"/_next/static/chunks/8898.84b2c7e0b6e13f11.js.map",revision:"7da7b59cc1e04ecb1a61dba2320607e0"},{url:"/_next/static/chunks/8935.22a445072d87db75.js",revision:"22a445072d87db75"},{url:"/_next/static/chunks/8935.22a445072d87db75.js.map",revision:"0448977df0a32295735f726568bbe307"},{url:"/_next/static/chunks/911.81e56462b1aec671.js",revision:"81e56462b1aec671"},{url:"/_next/static/chunks/911.81e56462b1aec671.js.map",revision:"3a93aff7e4515968059a25b4f12d169e"},{url:"/_next/static/chunks/9227-252d36e47e055305.js",revision:"252d36e47e055305"},{url:"/_next/static/chunks/9227-252d36e47e055305.js.map",revision:"eb8b0546fd77062abc9da89b93c29d86"},{url:"/_next/static/chunks/9291.f2fa8bd191056856.js",revision:"f2fa8bd191056856"},{url:"/_next/static/chunks/9291.f2fa8bd191056856.js.map",revision:"0ed351356c601a148ca1f5fdf3632bf0"},{url:"/_next/static/chunks/9365.f01fd337f60397a6.js",revision:"f01fd337f60397a6"},{url:"/_next/static/chunks/9365.f01fd337f60397a6.js.map",revision:"ef6e5e5e66d0709fccbe84e2b61de609"},{url:"/_next/static/chunks/9382.0ec28414d7b260d3.js",revision:"0ec28414d7b260d3"},{url:"/_next/static/chunks/9382.0ec28414d7b260d3.js.map",revision:"19b9ca5dbc12d26ef702ad730bbeacea"},{url:"/_next/static/chunks/9433.257cddc15e70fce2.js",revision:"257cddc15e70fce2"},{url:"/_next/static/chunks/9433.257cddc15e70fce2.js.map",revision:"8cf7ed2b43a1c3b9b069e0f7c4f853c9"},{url:"/_next/static/chunks/9435.4f5fb53b3c8e87ec.js",revision:"4f5fb53b3c8e87ec"},{url:"/_next/static/chunks/9435.4f5fb53b3c8e87ec.js.map",revision:"8f22e89b37ccfb0a26759f4a5f3d1fe4"},{url:"/_next/static/chunks/9441.6d7f927c9968e7c0.js",revision:"6d7f927c9968e7c0"},{url:"/_next/static/chunks/9441.6d7f927c9968e7c0.js.map",revision:"f2cfa4423287dfc8af50530979f7574f"},{url:"/_next/static/chunks/9534-13d530c02b55e7fa.js",revision:"13d530c02b55e7fa"},{url:"/_next/static/chunks/9534-13d530c02b55e7fa.js.map",revision:"db50baa394f1781bfc6039d937009824"},{url:"/_next/static/chunks/9638.a17969e5cfcce52a.js",revision:"a17969e5cfcce52a"},{url:"/_next/static/chunks/9638.a17969e5cfcce52a.js.map",revision:"048620677aeb6ff612c35e12dfe45924"},{url:"/_next/static/chunks/9717.727f340394a2f330.js",revision:"727f340394a2f330"},{url:"/_next/static/chunks/9717.727f340394a2f330.js.map",revision:"a425ce3a14ef22036154835b0ccc6642"},{url:"/_next/static/chunks/9733.9855e59ec3a3f4b7.js",revision:"9855e59ec3a3f4b7"},{url:"/_next/static/chunks/9733.9855e59ec3a3f4b7.js.map",revision:"d0fabe039547814da0cc48f11ea276d2"},{url:"/_next/static/chunks/9851.e8553fcbf84dde8e.js",revision:"e8553fcbf84dde8e"},{url:"/_next/static/chunks/9851.e8553fcbf84dde8e.js.map",revision:"dbaec83611eb6389c9d6bbab35eda28e"},{url:"/_next/static/chunks/c679038e.ed09a93433a0fb7a.js",revision:"ed09a93433a0fb7a"},{url:"/_next/static/chunks/c679038e.ed09a93433a0fb7a.js.map",revision:"3e7a24aa756b59495acb7f89153d728e"},{url:"/_next/static/chunks/framework-8383bf789d61bcef.js",revision:"8383bf789d61bcef"},{url:"/_next/static/chunks/framework-8383bf789d61bcef.js.map",revision:"a115d423eec304cd979739160b33710b"},{url:"/_next/static/chunks/main-6975c9c4f12c2805.js",revision:"6975c9c4f12c2805"},{url:"/_next/static/chunks/main-6975c9c4f12c2805.js.map",revision:"9e4c9feb499caa22a8cf21cb1d79dedc"},{url:"/_next/static/chunks/pages/404-cea185b1f6b7d13d.js",revision:"cea185b1f6b7d13d"},{url:"/_next/static/chunks/pages/404-cea185b1f6b7d13d.js.map",revision:"79ba21c027e356b080801a4e77097a11"},{url:"/_next/static/chunks/pages/500-a4a6d42d2642006b.js",revision:"a4a6d42d2642006b"},{url:"/_next/static/chunks/pages/500-a4a6d42d2642006b.js.map",revision:"6885397e1c01a828f6da3e0759a15cd3"},{url:"/_next/static/chunks/pages/_error-8a3365300a74771f.js",revision:"8a3365300a74771f"},{url:"/_next/static/chunks/pages/_error-8a3365300a74771f.js.map",revision:"4666038d46ca9db4fe00ed29671f2a56"},{url:"/_next/static/chunks/pages/contact-1e955792ce8b72fa.js",revision:"1e955792ce8b72fa"},{url:"/_next/static/chunks/pages/contact-1e955792ce8b72fa.js.map",revision:"eea748cd86c49f2d5dd80f55b04aeb29"},{url:"/_next/static/chunks/pages/deploy-linux-13ca5cbcd13fabf9.js",revision:"13ca5cbcd13fabf9"},{url:"/_next/static/chunks/pages/deploy-linux-13ca5cbcd13fabf9.js.map",revision:"b90a24e6fe44ada83a653240712b9dd4"},{url:"/_next/static/chunks/pages/deployments-3847f17aaa6d8ade.js",revision:"3847f17aaa6d8ade"},{url:"/_next/static/chunks/pages/deployments-3847f17aaa6d8ade.js.map",revision:"c286f09ae0fb29bfe97ba8a79d2b52d1"},{url:"/_next/static/chunks/pages/deployments/%5Bdseq%5D-5a4473c3a293fe88.js",revision:"5a4473c3a293fe88"},{url:"/_next/static/chunks/pages/deployments/%5Bdseq%5D-5a4473c3a293fe88.js.map",revision:"2256fc46f2f5313a4e836e413004a357"},{url:"/_next/static/chunks/pages/faq-8989d2648405e633.js",revision:"8989d2648405e633"},{url:"/_next/static/chunks/pages/faq-8989d2648405e633.js.map",revision:"761ea89c8b6520b2e97da0c3f7ec44d4"},{url:"/_next/static/chunks/pages/get-started-fcc41ff6f755d399.js",revision:"fcc41ff6f755d399"},{url:"/_next/static/chunks/pages/get-started-fcc41ff6f755d399.js.map",revision:"171340acecceef08a93793780c135cb0"},{url:"/_next/static/chunks/pages/get-started/wallet-7d39f040ebe7968d.js",revision:"7d39f040ebe7968d"},{url:"/_next/static/chunks/pages/get-started/wallet-7d39f040ebe7968d.js.map",revision:"43634b70bb0fce5b94727b31c00d121d"},{url:"/_next/static/chunks/pages/index-75bc18a5c96a7506.js",revision:"75bc18a5c96a7506"},{url:"/_next/static/chunks/pages/index-75bc18a5c96a7506.js.map",revision:"7c5a9ff8ebb6a5804f979902fd3444c8"},{url:"/_next/static/chunks/pages/maintenance-dd3056ef5d884017.js",revision:"dd3056ef5d884017"},{url:"/_next/static/chunks/pages/maintenance-dd3056ef5d884017.js.map",revision:"b7d89738f4db541774ea56b93bdc6eac"},{url:"/_next/static/chunks/pages/new-deployment-ef2c200621fb7be8.js",revision:"ef2c200621fb7be8"},{url:"/_next/static/chunks/pages/new-deployment-ef2c200621fb7be8.js.map",revision:"9eedaa62374e8070ae672e145f601dcb"},{url:"/_next/static/chunks/pages/privacy-policy-bd363e256d8c8604.js",revision:"bd363e256d8c8604"},{url:"/_next/static/chunks/pages/privacy-policy-bd363e256d8c8604.js.map",revision:"1a79ff474f2f65fe536028b0ed6eb5c0"},{url:"/_next/static/chunks/pages/profile/%5Busername%5D-6ea23809260226f2.js",revision:"6ea23809260226f2"},{url:"/_next/static/chunks/pages/profile/%5Busername%5D-6ea23809260226f2.js.map",revision:"b46267dabb4f8b3ebebc4461821973a0"},{url:"/_next/static/chunks/pages/providers-f3cb8fdcab4ef62e.js",revision:"f3cb8fdcab4ef62e"},{url:"/_next/static/chunks/pages/providers-f3cb8fdcab4ef62e.js.map",revision:"99b6ee10ef3da47e154efe92297682d0"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D-987f7438c9292b14.js",revision:"987f7438c9292b14"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D-987f7438c9292b14.js.map",revision:"ffda36a9a2c670cf1deb7da803b3926d"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/edit-f30364317938b59d.js",revision:"f30364317938b59d"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/edit-f30364317938b59d.js.map",revision:"3de80edf3b24dd255a4b92f25e0a7d28"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/leases-abb27aff7cad378a.js",revision:"abb27aff7cad378a"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/leases-abb27aff7cad378a.js.map",revision:"0bf5f10ea5ee3a87e4698d2dccdb075e"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/raw-537f6f107d563f95.js",revision:"537f6f107d563f95"},{url:"/_next/static/chunks/pages/providers/%5Bowner%5D/raw-537f6f107d563f95.js.map",revision:"18523922b92405fbaf0c02558ca6ddb6"},{url:"/_next/static/chunks/pages/rent-gpu-fa780d623b33bb16.js",revision:"fa780d623b33bb16"},{url:"/_next/static/chunks/pages/rent-gpu-fa780d623b33bb16.js.map",revision:"972ebc0fcf2bd4635f448665a1783317"},{url:"/_next/static/chunks/pages/sdl-builder-0d71faab882ed0e1.js",revision:"0d71faab882ed0e1"},{url:"/_next/static/chunks/pages/sdl-builder-0d71faab882ed0e1.js.map",revision:"46576e6310a05f811ed2459a4e89f1e4"},{url:"/_next/static/chunks/pages/settings-f96c63e81db1c8a2.js",revision:"f96c63e81db1c8a2"},{url:"/_next/static/chunks/pages/settings-f96c63e81db1c8a2.js.map",revision:"3ad3bbc30abe0756f62b804391b2aaf5"},{url:"/_next/static/chunks/pages/settings/authorizations-c2a65d4bdcbfd1ad.js",revision:"c2a65d4bdcbfd1ad"},{url:"/_next/static/chunks/pages/settings/authorizations-c2a65d4bdcbfd1ad.js.map",revision:"eacdfb10d64cc21b1d9a6fa191fa1a8b"},{url:"/_next/static/chunks/pages/template/%5Bid%5D-00b81677ee208935.js",revision:"00b81677ee208935"},{url:"/_next/static/chunks/pages/template/%5Bid%5D-00b81677ee208935.js.map",revision:"b7bda432c2b4a20b8292031c10c0b549"},{url:"/_next/static/chunks/pages/templates-bbf4b660ed2cea53.js",revision:"bbf4b660ed2cea53"},{url:"/_next/static/chunks/pages/templates-bbf4b660ed2cea53.js.map",revision:"630ce5c1e886286ff980cf7444913193"},{url:"/_next/static/chunks/pages/templates/%5BtemplateId%5D-377e0ebb361f7150.js",revision:"377e0ebb361f7150"},{url:"/_next/static/chunks/pages/templates/%5BtemplateId%5D-377e0ebb361f7150.js.map",revision:"0df60a67716b7c3ea556f79f56c817ec"},{url:"/_next/static/chunks/pages/terms-of-service-b1ef7819fd159dfd.js",revision:"b1ef7819fd159dfd"},{url:"/_next/static/chunks/pages/terms-of-service-b1ef7819fd159dfd.js.map",revision:"c4b2a4cf600b3750aa1c2e640833469d"},{url:"/_next/static/chunks/pages/user/settings-ad08df588be99db0.js",revision:"ad08df588be99db0"},{url:"/_next/static/chunks/pages/user/settings-ad08df588be99db0.js.map",revision:"4084247da3cb5b918c24b565b4869885"},{url:"/_next/static/chunks/pages/user/settings/address-book-edc5372e8b9e62f2.js",revision:"edc5372e8b9e62f2"},{url:"/_next/static/chunks/pages/user/settings/address-book-edc5372e8b9e62f2.js.map",revision:"71045bcb77ecbde9a883939ca26159c7"},{url:"/_next/static/chunks/pages/user/settings/favorites-188a10ff0b70d716.js",revision:"188a10ff0b70d716"},{url:"/_next/static/chunks/pages/user/settings/favorites-188a10ff0b70d716.js.map",revision:"a2aac1de8bd6eac2af22c28c391d9645"},{url:"/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js",revision:"79330112775102f91e1010318bae2bd3"},{url:"/_next/static/chunks/webpack-3e522de91b07522c.js",revision:"3e522de91b07522c"},{url:"/_next/static/chunks/webpack-3e522de91b07522c.js.map",revision:"f74134296e5a3235f51f2eaa16b6fb77"},{url:"/_next/static/css/123cd9aa7c29b6f2.css",revision:"123cd9aa7c29b6f2"},{url:"/_next/static/css/123cd9aa7c29b6f2.css.map",revision:"a70a769d964c22a26b375a64f171bc88"},{url:"/_next/static/css/26ac25f30dc4e7db.css",revision:"26ac25f30dc4e7db"},{url:"/_next/static/css/60da0364ed65e94f.css",revision:"60da0364ed65e94f"},{url:"/_next/static/css/60da0364ed65e94f.css.map",revision:"7ebdaca80e1b94a3afdc509e9729e2f4"},{url:"/_next/static/css/85fa6dafca566008.css",revision:"85fa6dafca566008"},{url:"/_next/static/css/85fa6dafca566008.css.map",revision:"e1c00d68c2a092625defb4c86bdb56ae"},{url:"/_next/static/media/e11418ac562b8ac1-s.p.woff2",revision:"0e46e732cced180e3a2c7285100f27d4"},{url:"/akash-console.png",revision:"4ab11b341159b007fc63d28631e0a8d8"},{url:"/android-chrome-192x192.png",revision:"a2eeed7b0d4a8c9bd9fa014378ac733e"},{url:"/android-chrome-256x256.png",revision:"b0dc3017fadbf0f4c323636535f582b7"},{url:"/android-chrome-384x384.png",revision:"3fae18e8537ff0745221e5aec66c247b"},{url:"/apple-touch-icon.png",revision:"43451e961475b8323dcfb705fb6eb480"},{url:"/browserconfig.xml",revision:"e41ebb6b49206a59d8eafce8220ebeac"},{url:"/favicon-16x16.png",revision:"8cf7a2775f6f6d6db07b95197538b11b"},{url:"/favicon-32x32.png",revision:"bef7d8e9aaed7fb3ef49cbffa31b5339"},{url:"/favicon.ico",revision:"cfebc107c597696c596a277239546a86"},{url:"/images/akash-logo-dark.png",revision:"b1623e407dad710a4c0c73461bbb8bb3"},{url:"/images/akash-logo-flat-dark.png",revision:"50b4ad6438e791047d97da0af65b96f5"},{url:"/images/akash-logo-flat-light.png",revision:"2befec2d17a2b6a32b1a0517ca1baf01"},{url:"/images/akash-logo-light.png",revision:"0ea30905c72eda674ad74c65d0c062bf"},{url:"/images/akash-logo.svg",revision:"4a5f3eaf31bf0f88ff3baec6281c8de3"},{url:"/images/chains/akash.png",revision:"d0b3f8ccaa3b0d18ef4039f86edf4436"},{url:"/images/chains/atom.png",revision:"6e4d88ad2c295e811fee29cc89edfcb1"},{url:"/images/chains/evmos.png",revision:"487a456e9091dec9ddf18892531401f8"},{url:"/images/chains/huahua.png",revision:"f0ba8427522833bba44962e87e982412"},{url:"/images/chains/juno.png",revision:"933b7d992dc67fd2f0d0f35e182b3361"},{url:"/images/chains/kuji.png",revision:"9c31e679007e5ae16fc28e067d907f79"},{url:"/images/chains/osmo.png",revision:"6940c69c28e5d85d99ba498fc7e95a26"},{url:"/images/chains/scrt.png",revision:"0dd98be17447cf7c47d27153f534ca60"},{url:"/images/chains/stars.png",revision:"56d0bd40e52f010c7267eb78c53138f2"},{url:"/images/chains/strd.png",revision:"eebdfb53ba0bc9bba88b0bede7a44f6d"},{url:"/images/cloudmos-logo-light.png",revision:"a7423327e4280225e176da92c6176c28"},{url:"/images/cloudmos-logo-small.jpg",revision:"4b339b83e7dc396894537b83d794726d"},{url:"/images/cloudmos-logo.png",revision:"56d87e0230a0ad5dd745efd486a33a58"},{url:"/images/docker.png",revision:"fde0ed6a2add0ffabfbc5a7749fdfff2"},{url:"/images/faq/change-node.png",revision:"9421f6443f6c4397887035e50d8c9b24"},{url:"/images/faq/update-deployment-btn.png",revision:"ebc7f6907a08fdf6a6cd5a87043456fd"},{url:"/images/keplr-logo.png",revision:"50397e4902a33a6045c0f23dfe5cb1bd"},{url:"/images/leap-cosmos-logo.png",revision:"a54ced7748b33565e6dc1ea1c5b1ef52"},{url:"/images/powered-by-akash-dark.svg",revision:"3ea920f030ede7926a02c2dc17e332c4"},{url:"/images/powered-by-akash.svg",revision:"24b2566094fafded6c325246fe84c2a9"},{url:"/images/ubuntu.png",revision:"c631b8fae270a618c1fe1c9d43097189"},{url:"/images/wallet-connect-logo.png",revision:"8379e4d4e7267b47a0b5b89807a4d8f8"},{url:"/manifest.json",revision:"a030fca8a5c7b8e2e1b5d7614a8b74fa"},{url:"/mstile-150x150.png",revision:"17614fed638be1d5e2225b9d5419336a"},{url:"/robots.txt",revision:"c2bb774b8071c957d2b835beaa28a58b"},{url:"/safari-pinned-tab.svg",revision:"86b02210e078cb763098dfec594f4f04"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:a,event:s,state:c})=>a&&"opaqueredirect"===a.type?new Response(a.body,{status:200,statusText:"OK",headers:a.headers}):a}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;const a=e.pathname;return!a.startsWith("/api/auth/")&&!!a.startsWith("/api/")}),new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")}),new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>!(self.origin===e.origin)),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}));
+//# sourceMappingURL=sw.js.map
diff --git a/apps/deploy-web/public/sw.js.map b/apps/deploy-web/public/sw.js.map
new file mode 100644
index 000000000..7b27a261c
--- /dev/null
+++ b/apps/deploy-web/public/sw.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"sw.js","sources":["../../../../../Users/maxim/AppData/Local/Temp/42420b1d43ff5e62fce368f3ee44912e/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {ExpirationPlugin as workbox_expiration_ExpirationPlugin} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-expiration/ExpirationPlugin.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {StaleWhileRevalidate as workbox_strategies_StaleWhileRevalidate} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-strategies/StaleWhileRevalidate.mjs';\nimport {RangeRequestsPlugin as workbox_range_requests_RangeRequestsPlugin} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-range-requests/RangeRequestsPlugin.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {cleanupOutdatedCaches as workbox_precaching_cleanupOutdatedCaches} from 'C:/repos/ovrclk-org/cloudmos/node_modules/workbox-precaching/cleanupOutdatedCaches.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"/_next/static/Xu8BmvdrJL40YT4LRNZVK/_buildManifest.js\",\n    \"revision\": \"1fec012429794749693763bed844dd28\"\n  },\n  {\n    \"url\": \"/_next/static/Xu8BmvdrJL40YT4LRNZVK/_ssgManifest.js\",\n    \"revision\": \"b6652df95db52feb4daf4eca35380933\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/084bda8b.675048f9a527facd.js\",\n    \"revision\": \"675048f9a527facd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/084bda8b.675048f9a527facd.js.map\",\n    \"revision\": \"3adc14a8eb5407aca049252ca3b099e5\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1075.656263beebf691d7.js\",\n    \"revision\": \"656263beebf691d7\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1075.656263beebf691d7.js.map\",\n    \"revision\": \"2ffa484999b66a9f99a7caded3d850cf\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1134-f1edfac271d26e5d.js\",\n    \"revision\": \"f1edfac271d26e5d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1134-f1edfac271d26e5d.js.map\",\n    \"revision\": \"e79c7d1bc47fca0b2185fb775c231609\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1270-0734ab044ebb64ed.js\",\n    \"revision\": \"0734ab044ebb64ed\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1270-0734ab044ebb64ed.js.map\",\n    \"revision\": \"d33dfd3bd538ffb4a54bc8e89e0f2c66\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1384.5ecf07230cdeac3e.js\",\n    \"revision\": \"5ecf07230cdeac3e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1384.5ecf07230cdeac3e.js.map\",\n    \"revision\": \"b155f110a35187b6ae921ba1ab17525d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1506-12c3b64ce81a77f5.js\",\n    \"revision\": \"12c3b64ce81a77f5\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1506-12c3b64ce81a77f5.js.map\",\n    \"revision\": \"6577c1ee46e634538266816a5ca180b9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1576.3b2c4cae17a82eff.js\",\n    \"revision\": \"3b2c4cae17a82eff\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1576.3b2c4cae17a82eff.js.map\",\n    \"revision\": \"72e795008713ff89ad1b2a8438832755\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1588-15898d3d2fd3651a.js\",\n    \"revision\": \"15898d3d2fd3651a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1588-15898d3d2fd3651a.js.map\",\n    \"revision\": \"60484297e1b320d09000d44dc7a167ca\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1733-6dae128c8882ae62.js\",\n    \"revision\": \"6dae128c8882ae62\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1733-6dae128c8882ae62.js.map\",\n    \"revision\": \"f28d25436493bce881bd875460377953\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1780.6df2b5996887458a.js\",\n    \"revision\": \"6df2b5996887458a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1780.6df2b5996887458a.js.map\",\n    \"revision\": \"d9789bba12b3a613b230f92e11fe4cbb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1864-a108b3603800e036.js\",\n    \"revision\": \"a108b3603800e036\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/1864-a108b3603800e036.js.map\",\n    \"revision\": \"d59eb0a87c8bfb233ab3a00bed27cbfd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2000-c850bd696cec2098.js\",\n    \"revision\": \"c850bd696cec2098\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2000-c850bd696cec2098.js.map\",\n    \"revision\": \"f18ae09cab455616d4915ee0de5bace2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2263.600ae5efa48e4833.js\",\n    \"revision\": \"600ae5efa48e4833\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2263.600ae5efa48e4833.js.map\",\n    \"revision\": \"93ce1b8b360723c3f963ad047e76a099\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2334.775758e19cd22815.js\",\n    \"revision\": \"775758e19cd22815\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2334.775758e19cd22815.js.map\",\n    \"revision\": \"2e067677cba30ed9d21323826f86768c\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/250.a3c28b054d396afb.js\",\n    \"revision\": \"a3c28b054d396afb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/250.a3c28b054d396afb.js.map\",\n    \"revision\": \"44dd735883c88abafd6cfca59fb030a9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2526.0e87be8e84eb52b2.js\",\n    \"revision\": \"0e87be8e84eb52b2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2526.0e87be8e84eb52b2.js.map\",\n    \"revision\": \"96ef472030da6a5297e310037783b152\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2546.d98ab68fa687b7c0.js\",\n    \"revision\": \"d98ab68fa687b7c0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2546.d98ab68fa687b7c0.js.map\",\n    \"revision\": \"99df7dfdd64a59640313a1f1298647eb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2615.cd4ca347223d657b.js\",\n    \"revision\": \"cd4ca347223d657b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2615.cd4ca347223d657b.js.map\",\n    \"revision\": \"1972319efd41267ca80b39c164a6796d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2617.8fc21e7490639b83.js\",\n    \"revision\": \"8fc21e7490639b83\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2617.8fc21e7490639b83.js.map\",\n    \"revision\": \"5c385d2c772e809accb463d1715e0145\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2674-72d9141ee61fa622.js\",\n    \"revision\": \"72d9141ee61fa622\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2674-72d9141ee61fa622.js.map\",\n    \"revision\": \"3c32c5ad19bb626530fb893892bd5a9e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2677.7861903427aae5fa.js\",\n    \"revision\": \"7861903427aae5fa\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2677.7861903427aae5fa.js.map\",\n    \"revision\": \"eb5d5612fed3c2213e0aac888f7b6530\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2721-03484ed4a5ba7909.js\",\n    \"revision\": \"03484ed4a5ba7909\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2721-03484ed4a5ba7909.js.map\",\n    \"revision\": \"fdd1d6c4710b1d16d4b26daadfea6805\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2894.0f6fafadca77ed13.js\",\n    \"revision\": \"0f6fafadca77ed13\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2894.0f6fafadca77ed13.js.map\",\n    \"revision\": \"ceaffad513f6ea09c13a076d8882200e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2928.24a5a7c6f2f41f01.js\",\n    \"revision\": \"24a5a7c6f2f41f01\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/2928.24a5a7c6f2f41f01.js.map\",\n    \"revision\": \"b25fde6e17b20bb5c55d728e6c09f7dd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/309-8ccb8f235a3cd188.js\",\n    \"revision\": \"8ccb8f235a3cd188\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/309-8ccb8f235a3cd188.js.map\",\n    \"revision\": \"a40a9ff7d627ea0f76dbe664595efaaf\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3472-c91a015de0c62c10.js\",\n    \"revision\": \"c91a015de0c62c10\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3472-c91a015de0c62c10.js.map\",\n    \"revision\": \"37fdb0d0d80f4798a15cd3074f82fcac\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3617.b1754c1ccfd94e8d.js\",\n    \"revision\": \"b1754c1ccfd94e8d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3617.b1754c1ccfd94e8d.js.map\",\n    \"revision\": \"a87e000a9ca8114b353a02d6ee80779d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3795.772566eecfa5ba77.js\",\n    \"revision\": \"772566eecfa5ba77\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3795.772566eecfa5ba77.js.map\",\n    \"revision\": \"84965ab214d59046bbf5b48cba3d54bd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3850.67944b2a1cc77b2f.js\",\n    \"revision\": \"67944b2a1cc77b2f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3850.67944b2a1cc77b2f.js.map\",\n    \"revision\": \"96266cb04084022503c5d730117419d1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/39d9086f.3a92332872926bd4.js\",\n    \"revision\": \"3a92332872926bd4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3ddc122a.660ca4bae7bdb080.js\",\n    \"revision\": \"660ca4bae7bdb080\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/3ddc122a.660ca4bae7bdb080.js.map\",\n    \"revision\": \"54ce7e710d2b0b6dc4ca048412832375\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4099-b8578ac08ce318de.js\",\n    \"revision\": \"b8578ac08ce318de\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4099-b8578ac08ce318de.js.map\",\n    \"revision\": \"6e0c00fd33fc9203177613edda0ec3e1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4134.d562644f12fdfcd3.js\",\n    \"revision\": \"d562644f12fdfcd3\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4134.d562644f12fdfcd3.js.map\",\n    \"revision\": \"fb9d237a3e29204765d681037aa7859f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4182.4dd83925f09c4803.js\",\n    \"revision\": \"4dd83925f09c4803\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4182.4dd83925f09c4803.js.map\",\n    \"revision\": \"6e2ce3f3b000f26fe9ae7e8d93028a1a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4282.54ca8c2d0e5834ad.js\",\n    \"revision\": \"54ca8c2d0e5834ad\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4282.54ca8c2d0e5834ad.js.map\",\n    \"revision\": \"d6438d980e6ecb2306304a8986260e24\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4325-1c3f4f7900821a35.js\",\n    \"revision\": \"1c3f4f7900821a35\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4325-1c3f4f7900821a35.js.map\",\n    \"revision\": \"5387efcf73850be06b74d836b1c6526f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4378.d662769e9ba0e621.js\",\n    \"revision\": \"d662769e9ba0e621\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4378.d662769e9ba0e621.js.map\",\n    \"revision\": \"4b012125c6e1aac8edb7a531356d605e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4390-bdb1d1c03df50067.js\",\n    \"revision\": \"bdb1d1c03df50067\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4390-bdb1d1c03df50067.js.map\",\n    \"revision\": \"f1d3a16d4240515d61fb29d73312b49b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4503.f1c040562426d277.js\",\n    \"revision\": \"f1c040562426d277\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4503.f1c040562426d277.js.map\",\n    \"revision\": \"1c723367c12f3aae7a63b7ba7d9c2f45\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4522.88288fe53bad7bd2.js\",\n    \"revision\": \"88288fe53bad7bd2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4522.88288fe53bad7bd2.js.map\",\n    \"revision\": \"e0179736a3e9be84e3a9d891da6c8fdb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4569-e0285edc701b296e.js\",\n    \"revision\": \"e0285edc701b296e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4569-e0285edc701b296e.js.map\",\n    \"revision\": \"691508a604f84c8b6b6d26f5d4039d0e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4608.3b915ba50845ff19.js\",\n    \"revision\": \"3b915ba50845ff19\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4608.3b915ba50845ff19.js.map\",\n    \"revision\": \"9ddf1792a967355dc0cc2c8210d10885\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4614.08bb2a3552c95f75.js\",\n    \"revision\": \"08bb2a3552c95f75\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4614.08bb2a3552c95f75.js.map\",\n    \"revision\": \"04d8352364e11b5f28107774ec6c80a7\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4618-a672f9bf086f841f.js\",\n    \"revision\": \"a672f9bf086f841f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4618-a672f9bf086f841f.js.map\",\n    \"revision\": \"b778fcb3871b0a771fa73b3229a148c1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4752.bcc16c9a102cd332.js\",\n    \"revision\": \"bcc16c9a102cd332\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4752.bcc16c9a102cd332.js.map\",\n    \"revision\": \"4fdb673a46072444ce48570768829cb2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4781.55f3e4ca810eeb9e.js\",\n    \"revision\": \"55f3e4ca810eeb9e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4781.55f3e4ca810eeb9e.js.map\",\n    \"revision\": \"fb20f9940250e16304543fbdb2a9bd6b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4785.cbeaf60fb5abe812.js\",\n    \"revision\": \"cbeaf60fb5abe812\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4785.cbeaf60fb5abe812.js.map\",\n    \"revision\": \"34aadb799c2c3751591896999896c1f6\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4800.d592cb038087a64f.js\",\n    \"revision\": \"d592cb038087a64f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4800.d592cb038087a64f.js.map\",\n    \"revision\": \"2a28229745f55c500a9d37997d006aec\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4945-092bf62c295ba159.js\",\n    \"revision\": \"092bf62c295ba159\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4945-092bf62c295ba159.js.map\",\n    \"revision\": \"c5f1e61e868e90f8505122a2dbcfe911\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4961.1cb207cc3bd56017.js\",\n    \"revision\": \"1cb207cc3bd56017\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/4961.1cb207cc3bd56017.js.map\",\n    \"revision\": \"efb5ba432f00515eba6775a083f21c10\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5087.7f7db15f2fbe996d.js\",\n    \"revision\": \"7f7db15f2fbe996d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5087.7f7db15f2fbe996d.js.map\",\n    \"revision\": \"436c4c2d12253c53d3ebf4ae52792b81\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5102-cbbec4d175f05d83.js\",\n    \"revision\": \"cbbec4d175f05d83\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5102-cbbec4d175f05d83.js.map\",\n    \"revision\": \"986f67bb4091d5b51e33077cab68d45b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/51c52c66.5fe00e5b8c139737.js\",\n    \"revision\": \"5fe00e5b8c139737\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/51c52c66.5fe00e5b8c139737.js.map\",\n    \"revision\": \"421d34f1af0535466de4ae5b8998577b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5356-d7f4891c2cf8ad20.js\",\n    \"revision\": \"d7f4891c2cf8ad20\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5356-d7f4891c2cf8ad20.js.map\",\n    \"revision\": \"2df33605b8bd477763cdb231595433da\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5384.7a042dfaf58ec797.js\",\n    \"revision\": \"7a042dfaf58ec797\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5384.7a042dfaf58ec797.js.map\",\n    \"revision\": \"9bf0118556745404b78a57e18acbf62a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5386.1d50bde5f2853235.js\",\n    \"revision\": \"1d50bde5f2853235\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5386.1d50bde5f2853235.js.map\",\n    \"revision\": \"abbb7f7cdf857405e5fe5d8a20269071\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5399.f3d8505542ed218d.js\",\n    \"revision\": \"f3d8505542ed218d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5399.f3d8505542ed218d.js.map\",\n    \"revision\": \"9b5ceea4a9ca0e0f1d22b3b03f1eac3c\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5483.64df71dac46619ec.js\",\n    \"revision\": \"64df71dac46619ec\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5483.64df71dac46619ec.js.map\",\n    \"revision\": \"449e88d0e2e9eddab0099645e7616594\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5580-8d35778bde9ef489.js\",\n    \"revision\": \"8d35778bde9ef489\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5580-8d35778bde9ef489.js.map\",\n    \"revision\": \"858da6dcfce2e526e811cd8b200ba0cc\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5748.a9b354bc77234c0e.js\",\n    \"revision\": \"a9b354bc77234c0e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/577.48da575f1a6c1ed9.js\",\n    \"revision\": \"48da575f1a6c1ed9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/577.48da575f1a6c1ed9.js.map\",\n    \"revision\": \"da06eba588cc61aa294279456940ae83\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5898.233f6bd010904e2b.js\",\n    \"revision\": \"233f6bd010904e2b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5898.233f6bd010904e2b.js.map\",\n    \"revision\": \"d21b2453730bee796235961dbcd94626\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5976.939f335fc557ae91.js\",\n    \"revision\": \"939f335fc557ae91\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5976.939f335fc557ae91.js.map\",\n    \"revision\": \"6d1280139a547ccde65a6aa97a06bb5d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5a58220e.63f9382c1e13bbed.js\",\n    \"revision\": \"63f9382c1e13bbed\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/5a58220e.63f9382c1e13bbed.js.map\",\n    \"revision\": \"0bafa775c677bf4b457ee77a4c601131\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6033-f28915577b619d16.js\",\n    \"revision\": \"f28915577b619d16\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6033-f28915577b619d16.js.map\",\n    \"revision\": \"8673147d8447e83580330316e522430b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6138.aaea9859fc8cace0.js\",\n    \"revision\": \"aaea9859fc8cace0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6138.aaea9859fc8cace0.js.map\",\n    \"revision\": \"5989964a876f238907c098983a573418\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6166.aff9b3e24e0c38c1.js\",\n    \"revision\": \"aff9b3e24e0c38c1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6166.aff9b3e24e0c38c1.js.map\",\n    \"revision\": \"d7eeb70d184d3fd824d775d75ea77417\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6310-6ac0f2df10accef8.js\",\n    \"revision\": \"6ac0f2df10accef8\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6310-6ac0f2df10accef8.js.map\",\n    \"revision\": \"e6136fa5290d3969ac41a697a5a37051\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6424.afd408d2a0a8aa78.js\",\n    \"revision\": \"afd408d2a0a8aa78\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6424.afd408d2a0a8aa78.js.map\",\n    \"revision\": \"06a1e277ef6809ad36ed4fde2d391baf\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6432-e799211090896bf8.js\",\n    \"revision\": \"e799211090896bf8\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6432-e799211090896bf8.js.map\",\n    \"revision\": \"dfea04579bcb406087631553ceb36eb4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6579.56b6b706b0d4b07a.js\",\n    \"revision\": \"56b6b706b0d4b07a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6579.56b6b706b0d4b07a.js.map\",\n    \"revision\": \"ffa27801db25b3b8f3ff950f650fa79d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6586.5684931990e9413d.js\",\n    \"revision\": \"5684931990e9413d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6586.5684931990e9413d.js.map\",\n    \"revision\": \"cbce52129af2f9504ee3d07360df8cbc\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6778.eb8dbdfb58565a2a.js\",\n    \"revision\": \"eb8dbdfb58565a2a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6778.eb8dbdfb58565a2a.js.map\",\n    \"revision\": \"5f2adc14744aaf68bf25fc1ddf0694cd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6899.ad60e2c80fbebd40.js\",\n    \"revision\": \"ad60e2c80fbebd40\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6899.ad60e2c80fbebd40.js.map\",\n    \"revision\": \"0e7dbba555b93d8b8114bdac0e5d4af5\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6dd150ba.ec75e8e489a567a9.js\",\n    \"revision\": \"ec75e8e489a567a9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/6dd150ba.ec75e8e489a567a9.js.map\",\n    \"revision\": \"0958db114513904932a656bdf3630b27\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7015.081c061481193a2b.js\",\n    \"revision\": \"081c061481193a2b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7015.081c061481193a2b.js.map\",\n    \"revision\": \"f724c855b4dd5742c534416086c78ddc\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7097.f76a491f2cc66dbf.js\",\n    \"revision\": \"f76a491f2cc66dbf\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7097.f76a491f2cc66dbf.js.map\",\n    \"revision\": \"8967bfa47527594e700b498d98bf1d53\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/734.6a5d42b74247463e.js\",\n    \"revision\": \"6a5d42b74247463e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/734.6a5d42b74247463e.js.map\",\n    \"revision\": \"d54d86412f3c5749e8668927586f88d0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/73b48d80.d55ecf48a6f85d96.js\",\n    \"revision\": \"d55ecf48a6f85d96\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/73b48d80.d55ecf48a6f85d96.js.map\",\n    \"revision\": \"2940980d980b62f65bed2b0b8d3192a6\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7417-0f02be3246ef3c9c.js\",\n    \"revision\": \"0f02be3246ef3c9c\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7417-0f02be3246ef3c9c.js.map\",\n    \"revision\": \"0eef7d448e634d8f022dac099e9e8a2f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7474.49beec956a53eca3.js\",\n    \"revision\": \"49beec956a53eca3\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7474.49beec956a53eca3.js.map\",\n    \"revision\": \"cdcb919594e120a6ba9a13e92ab1c6b9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7725.758b246f86e835a1.js\",\n    \"revision\": \"758b246f86e835a1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7725.758b246f86e835a1.js.map\",\n    \"revision\": \"5895aeb3b51721d2c5e8d2392e051886\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7750.e8e1b75c3506e8c6.js\",\n    \"revision\": \"e8e1b75c3506e8c6\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7750.e8e1b75c3506e8c6.js.map\",\n    \"revision\": \"6d2fef59fe21dec358d7a5a31fc8f016\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7879-2ee883c40233c9ae.js\",\n    \"revision\": \"2ee883c40233c9ae\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/7879-2ee883c40233c9ae.js.map\",\n    \"revision\": \"e5843b3eafc79757795c25c292815768\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8218.f6515e160e53aa3c.js\",\n    \"revision\": \"f6515e160e53aa3c\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8218.f6515e160e53aa3c.js.map\",\n    \"revision\": \"c23818799c68cafb8d47a92745f0aac4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/838.a45c65c59b1fe17b.js\",\n    \"revision\": \"a45c65c59b1fe17b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/838.a45c65c59b1fe17b.js.map\",\n    \"revision\": \"1c3e4efc1ccaaaf668595d236e9530d8\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8578.ca47087aabca883a.js\",\n    \"revision\": \"ca47087aabca883a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8578.ca47087aabca883a.js.map\",\n    \"revision\": \"02c75e64de6c3e81f0bc43cc5ecb5397\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/858.3edb2703c82d8ed9.js\",\n    \"revision\": \"3edb2703c82d8ed9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/858.3edb2703c82d8ed9.js.map\",\n    \"revision\": \"812fe95758c881fc33cb66a0fd10e2a5\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8602.a3bbfd22c4ab8003.js\",\n    \"revision\": \"a3bbfd22c4ab8003\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8602.a3bbfd22c4ab8003.js.map\",\n    \"revision\": \"e330599463037102875256e3efe699a9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8614.dbbc3cf5dc9fb7d9.js\",\n    \"revision\": \"dbbc3cf5dc9fb7d9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8614.dbbc3cf5dc9fb7d9.js.map\",\n    \"revision\": \"cd899a05e89aabaf04190e60f39ad800\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8681.f968d174433279ff.js\",\n    \"revision\": \"f968d174433279ff\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8681.f968d174433279ff.js.map\",\n    \"revision\": \"ec45bfef5e84c68f57fe212288eed0eb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/87d427d2-4b3f96f2a3f4b743.js\",\n    \"revision\": \"4b3f96f2a3f4b743\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8871-48f526e1254c05a0.js\",\n    \"revision\": \"48f526e1254c05a0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8871-48f526e1254c05a0.js.map\",\n    \"revision\": \"852fa993ff14c56ee43cf71becc9d086\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8898.84b2c7e0b6e13f11.js\",\n    \"revision\": \"84b2c7e0b6e13f11\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8898.84b2c7e0b6e13f11.js.map\",\n    \"revision\": \"7da7b59cc1e04ecb1a61dba2320607e0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8935.22a445072d87db75.js\",\n    \"revision\": \"22a445072d87db75\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/8935.22a445072d87db75.js.map\",\n    \"revision\": \"0448977df0a32295735f726568bbe307\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/911.81e56462b1aec671.js\",\n    \"revision\": \"81e56462b1aec671\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/911.81e56462b1aec671.js.map\",\n    \"revision\": \"3a93aff7e4515968059a25b4f12d169e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9227-252d36e47e055305.js\",\n    \"revision\": \"252d36e47e055305\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9227-252d36e47e055305.js.map\",\n    \"revision\": \"eb8b0546fd77062abc9da89b93c29d86\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9291.f2fa8bd191056856.js\",\n    \"revision\": \"f2fa8bd191056856\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9291.f2fa8bd191056856.js.map\",\n    \"revision\": \"0ed351356c601a148ca1f5fdf3632bf0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9365.f01fd337f60397a6.js\",\n    \"revision\": \"f01fd337f60397a6\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9365.f01fd337f60397a6.js.map\",\n    \"revision\": \"ef6e5e5e66d0709fccbe84e2b61de609\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9382.0ec28414d7b260d3.js\",\n    \"revision\": \"0ec28414d7b260d3\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9382.0ec28414d7b260d3.js.map\",\n    \"revision\": \"19b9ca5dbc12d26ef702ad730bbeacea\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9433.257cddc15e70fce2.js\",\n    \"revision\": \"257cddc15e70fce2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9433.257cddc15e70fce2.js.map\",\n    \"revision\": \"8cf7ed2b43a1c3b9b069e0f7c4f853c9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9435.4f5fb53b3c8e87ec.js\",\n    \"revision\": \"4f5fb53b3c8e87ec\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9435.4f5fb53b3c8e87ec.js.map\",\n    \"revision\": \"8f22e89b37ccfb0a26759f4a5f3d1fe4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9441.6d7f927c9968e7c0.js\",\n    \"revision\": \"6d7f927c9968e7c0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9441.6d7f927c9968e7c0.js.map\",\n    \"revision\": \"f2cfa4423287dfc8af50530979f7574f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9534-13d530c02b55e7fa.js\",\n    \"revision\": \"13d530c02b55e7fa\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9534-13d530c02b55e7fa.js.map\",\n    \"revision\": \"db50baa394f1781bfc6039d937009824\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9638.a17969e5cfcce52a.js\",\n    \"revision\": \"a17969e5cfcce52a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9638.a17969e5cfcce52a.js.map\",\n    \"revision\": \"048620677aeb6ff612c35e12dfe45924\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9717.727f340394a2f330.js\",\n    \"revision\": \"727f340394a2f330\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9717.727f340394a2f330.js.map\",\n    \"revision\": \"a425ce3a14ef22036154835b0ccc6642\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9733.9855e59ec3a3f4b7.js\",\n    \"revision\": \"9855e59ec3a3f4b7\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9733.9855e59ec3a3f4b7.js.map\",\n    \"revision\": \"d0fabe039547814da0cc48f11ea276d2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9851.e8553fcbf84dde8e.js\",\n    \"revision\": \"e8553fcbf84dde8e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/9851.e8553fcbf84dde8e.js.map\",\n    \"revision\": \"dbaec83611eb6389c9d6bbab35eda28e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/c679038e.ed09a93433a0fb7a.js\",\n    \"revision\": \"ed09a93433a0fb7a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/c679038e.ed09a93433a0fb7a.js.map\",\n    \"revision\": \"3e7a24aa756b59495acb7f89153d728e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/framework-8383bf789d61bcef.js\",\n    \"revision\": \"8383bf789d61bcef\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/framework-8383bf789d61bcef.js.map\",\n    \"revision\": \"a115d423eec304cd979739160b33710b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/main-6975c9c4f12c2805.js\",\n    \"revision\": \"6975c9c4f12c2805\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/main-6975c9c4f12c2805.js.map\",\n    \"revision\": \"9e4c9feb499caa22a8cf21cb1d79dedc\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/404-cea185b1f6b7d13d.js\",\n    \"revision\": \"cea185b1f6b7d13d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/404-cea185b1f6b7d13d.js.map\",\n    \"revision\": \"79ba21c027e356b080801a4e77097a11\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/500-a4a6d42d2642006b.js\",\n    \"revision\": \"a4a6d42d2642006b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/500-a4a6d42d2642006b.js.map\",\n    \"revision\": \"6885397e1c01a828f6da3e0759a15cd3\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/_error-8a3365300a74771f.js\",\n    \"revision\": \"8a3365300a74771f\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/_error-8a3365300a74771f.js.map\",\n    \"revision\": \"4666038d46ca9db4fe00ed29671f2a56\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/contact-1e955792ce8b72fa.js\",\n    \"revision\": \"1e955792ce8b72fa\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/contact-1e955792ce8b72fa.js.map\",\n    \"revision\": \"eea748cd86c49f2d5dd80f55b04aeb29\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deploy-linux-13ca5cbcd13fabf9.js\",\n    \"revision\": \"13ca5cbcd13fabf9\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deploy-linux-13ca5cbcd13fabf9.js.map\",\n    \"revision\": \"b90a24e6fe44ada83a653240712b9dd4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deployments-3847f17aaa6d8ade.js\",\n    \"revision\": \"3847f17aaa6d8ade\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deployments-3847f17aaa6d8ade.js.map\",\n    \"revision\": \"c286f09ae0fb29bfe97ba8a79d2b52d1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deployments/%5Bdseq%5D-5a4473c3a293fe88.js\",\n    \"revision\": \"5a4473c3a293fe88\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/deployments/%5Bdseq%5D-5a4473c3a293fe88.js.map\",\n    \"revision\": \"2256fc46f2f5313a4e836e413004a357\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/faq-8989d2648405e633.js\",\n    \"revision\": \"8989d2648405e633\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/faq-8989d2648405e633.js.map\",\n    \"revision\": \"761ea89c8b6520b2e97da0c3f7ec44d4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/get-started-fcc41ff6f755d399.js\",\n    \"revision\": \"fcc41ff6f755d399\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/get-started-fcc41ff6f755d399.js.map\",\n    \"revision\": \"171340acecceef08a93793780c135cb0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/get-started/wallet-7d39f040ebe7968d.js\",\n    \"revision\": \"7d39f040ebe7968d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/get-started/wallet-7d39f040ebe7968d.js.map\",\n    \"revision\": \"43634b70bb0fce5b94727b31c00d121d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/index-75bc18a5c96a7506.js\",\n    \"revision\": \"75bc18a5c96a7506\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/index-75bc18a5c96a7506.js.map\",\n    \"revision\": \"7c5a9ff8ebb6a5804f979902fd3444c8\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/maintenance-dd3056ef5d884017.js\",\n    \"revision\": \"dd3056ef5d884017\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/maintenance-dd3056ef5d884017.js.map\",\n    \"revision\": \"b7d89738f4db541774ea56b93bdc6eac\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/new-deployment-ef2c200621fb7be8.js\",\n    \"revision\": \"ef2c200621fb7be8\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/new-deployment-ef2c200621fb7be8.js.map\",\n    \"revision\": \"9eedaa62374e8070ae672e145f601dcb\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/privacy-policy-bd363e256d8c8604.js\",\n    \"revision\": \"bd363e256d8c8604\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/privacy-policy-bd363e256d8c8604.js.map\",\n    \"revision\": \"1a79ff474f2f65fe536028b0ed6eb5c0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/profile/%5Busername%5D-6ea23809260226f2.js\",\n    \"revision\": \"6ea23809260226f2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/profile/%5Busername%5D-6ea23809260226f2.js.map\",\n    \"revision\": \"b46267dabb4f8b3ebebc4461821973a0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers-f3cb8fdcab4ef62e.js\",\n    \"revision\": \"f3cb8fdcab4ef62e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers-f3cb8fdcab4ef62e.js.map\",\n    \"revision\": \"99b6ee10ef3da47e154efe92297682d0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D-987f7438c9292b14.js\",\n    \"revision\": \"987f7438c9292b14\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D-987f7438c9292b14.js.map\",\n    \"revision\": \"ffda36a9a2c670cf1deb7da803b3926d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/edit-f30364317938b59d.js\",\n    \"revision\": \"f30364317938b59d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/edit-f30364317938b59d.js.map\",\n    \"revision\": \"3de80edf3b24dd255a4b92f25e0a7d28\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/leases-abb27aff7cad378a.js\",\n    \"revision\": \"abb27aff7cad378a\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/leases-abb27aff7cad378a.js.map\",\n    \"revision\": \"0bf5f10ea5ee3a87e4698d2dccdb075e\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/raw-537f6f107d563f95.js\",\n    \"revision\": \"537f6f107d563f95\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/providers/%5Bowner%5D/raw-537f6f107d563f95.js.map\",\n    \"revision\": \"18523922b92405fbaf0c02558ca6ddb6\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/rent-gpu-fa780d623b33bb16.js\",\n    \"revision\": \"fa780d623b33bb16\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/rent-gpu-fa780d623b33bb16.js.map\",\n    \"revision\": \"972ebc0fcf2bd4635f448665a1783317\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/sdl-builder-0d71faab882ed0e1.js\",\n    \"revision\": \"0d71faab882ed0e1\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/sdl-builder-0d71faab882ed0e1.js.map\",\n    \"revision\": \"46576e6310a05f811ed2459a4e89f1e4\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/settings-f96c63e81db1c8a2.js\",\n    \"revision\": \"f96c63e81db1c8a2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/settings-f96c63e81db1c8a2.js.map\",\n    \"revision\": \"3ad3bbc30abe0756f62b804391b2aaf5\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/settings/authorizations-c2a65d4bdcbfd1ad.js\",\n    \"revision\": \"c2a65d4bdcbfd1ad\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/settings/authorizations-c2a65d4bdcbfd1ad.js.map\",\n    \"revision\": \"eacdfb10d64cc21b1d9a6fa191fa1a8b\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/template/%5Bid%5D-00b81677ee208935.js\",\n    \"revision\": \"00b81677ee208935\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/template/%5Bid%5D-00b81677ee208935.js.map\",\n    \"revision\": \"b7bda432c2b4a20b8292031c10c0b549\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/templates-bbf4b660ed2cea53.js\",\n    \"revision\": \"bbf4b660ed2cea53\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/templates-bbf4b660ed2cea53.js.map\",\n    \"revision\": \"630ce5c1e886286ff980cf7444913193\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/templates/%5BtemplateId%5D-377e0ebb361f7150.js\",\n    \"revision\": \"377e0ebb361f7150\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/templates/%5BtemplateId%5D-377e0ebb361f7150.js.map\",\n    \"revision\": \"0df60a67716b7c3ea556f79f56c817ec\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/terms-of-service-b1ef7819fd159dfd.js\",\n    \"revision\": \"b1ef7819fd159dfd\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/terms-of-service-b1ef7819fd159dfd.js.map\",\n    \"revision\": \"c4b2a4cf600b3750aa1c2e640833469d\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings-ad08df588be99db0.js\",\n    \"revision\": \"ad08df588be99db0\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings-ad08df588be99db0.js.map\",\n    \"revision\": \"4084247da3cb5b918c24b565b4869885\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings/address-book-edc5372e8b9e62f2.js\",\n    \"revision\": \"edc5372e8b9e62f2\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings/address-book-edc5372e8b9e62f2.js.map\",\n    \"revision\": \"71045bcb77ecbde9a883939ca26159c7\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings/favorites-188a10ff0b70d716.js\",\n    \"revision\": \"188a10ff0b70d716\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/pages/user/settings/favorites-188a10ff0b70d716.js.map\",\n    \"revision\": \"a2aac1de8bd6eac2af22c28c391d9645\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js\",\n    \"revision\": \"79330112775102f91e1010318bae2bd3\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/webpack-3e522de91b07522c.js\",\n    \"revision\": \"3e522de91b07522c\"\n  },\n  {\n    \"url\": \"/_next/static/chunks/webpack-3e522de91b07522c.js.map\",\n    \"revision\": \"f74134296e5a3235f51f2eaa16b6fb77\"\n  },\n  {\n    \"url\": \"/_next/static/css/123cd9aa7c29b6f2.css\",\n    \"revision\": \"123cd9aa7c29b6f2\"\n  },\n  {\n    \"url\": \"/_next/static/css/123cd9aa7c29b6f2.css.map\",\n    \"revision\": \"a70a769d964c22a26b375a64f171bc88\"\n  },\n  {\n    \"url\": \"/_next/static/css/26ac25f30dc4e7db.css\",\n    \"revision\": \"26ac25f30dc4e7db\"\n  },\n  {\n    \"url\": \"/_next/static/css/60da0364ed65e94f.css\",\n    \"revision\": \"60da0364ed65e94f\"\n  },\n  {\n    \"url\": \"/_next/static/css/60da0364ed65e94f.css.map\",\n    \"revision\": \"7ebdaca80e1b94a3afdc509e9729e2f4\"\n  },\n  {\n    \"url\": \"/_next/static/css/85fa6dafca566008.css\",\n    \"revision\": \"85fa6dafca566008\"\n  },\n  {\n    \"url\": \"/_next/static/css/85fa6dafca566008.css.map\",\n    \"revision\": \"e1c00d68c2a092625defb4c86bdb56ae\"\n  },\n  {\n    \"url\": \"/_next/static/media/e11418ac562b8ac1-s.p.woff2\",\n    \"revision\": \"0e46e732cced180e3a2c7285100f27d4\"\n  },\n  {\n    \"url\": \"/akash-console.png\",\n    \"revision\": \"4ab11b341159b007fc63d28631e0a8d8\"\n  },\n  {\n    \"url\": \"/android-chrome-192x192.png\",\n    \"revision\": \"a2eeed7b0d4a8c9bd9fa014378ac733e\"\n  },\n  {\n    \"url\": \"/android-chrome-256x256.png\",\n    \"revision\": \"b0dc3017fadbf0f4c323636535f582b7\"\n  },\n  {\n    \"url\": \"/android-chrome-384x384.png\",\n    \"revision\": \"3fae18e8537ff0745221e5aec66c247b\"\n  },\n  {\n    \"url\": \"/apple-touch-icon.png\",\n    \"revision\": \"43451e961475b8323dcfb705fb6eb480\"\n  },\n  {\n    \"url\": \"/browserconfig.xml\",\n    \"revision\": \"e41ebb6b49206a59d8eafce8220ebeac\"\n  },\n  {\n    \"url\": \"/favicon-16x16.png\",\n    \"revision\": \"8cf7a2775f6f6d6db07b95197538b11b\"\n  },\n  {\n    \"url\": \"/favicon-32x32.png\",\n    \"revision\": \"bef7d8e9aaed7fb3ef49cbffa31b5339\"\n  },\n  {\n    \"url\": \"/favicon.ico\",\n    \"revision\": \"cfebc107c597696c596a277239546a86\"\n  },\n  {\n    \"url\": \"/images/akash-logo-dark.png\",\n    \"revision\": \"b1623e407dad710a4c0c73461bbb8bb3\"\n  },\n  {\n    \"url\": \"/images/akash-logo-flat-dark.png\",\n    \"revision\": \"50b4ad6438e791047d97da0af65b96f5\"\n  },\n  {\n    \"url\": \"/images/akash-logo-flat-light.png\",\n    \"revision\": \"2befec2d17a2b6a32b1a0517ca1baf01\"\n  },\n  {\n    \"url\": \"/images/akash-logo-light.png\",\n    \"revision\": \"0ea30905c72eda674ad74c65d0c062bf\"\n  },\n  {\n    \"url\": \"/images/akash-logo.svg\",\n    \"revision\": \"4a5f3eaf31bf0f88ff3baec6281c8de3\"\n  },\n  {\n    \"url\": \"/images/chains/akash.png\",\n    \"revision\": \"d0b3f8ccaa3b0d18ef4039f86edf4436\"\n  },\n  {\n    \"url\": \"/images/chains/atom.png\",\n    \"revision\": \"6e4d88ad2c295e811fee29cc89edfcb1\"\n  },\n  {\n    \"url\": \"/images/chains/evmos.png\",\n    \"revision\": \"487a456e9091dec9ddf18892531401f8\"\n  },\n  {\n    \"url\": \"/images/chains/huahua.png\",\n    \"revision\": \"f0ba8427522833bba44962e87e982412\"\n  },\n  {\n    \"url\": \"/images/chains/juno.png\",\n    \"revision\": \"933b7d992dc67fd2f0d0f35e182b3361\"\n  },\n  {\n    \"url\": \"/images/chains/kuji.png\",\n    \"revision\": \"9c31e679007e5ae16fc28e067d907f79\"\n  },\n  {\n    \"url\": \"/images/chains/osmo.png\",\n    \"revision\": \"6940c69c28e5d85d99ba498fc7e95a26\"\n  },\n  {\n    \"url\": \"/images/chains/scrt.png\",\n    \"revision\": \"0dd98be17447cf7c47d27153f534ca60\"\n  },\n  {\n    \"url\": \"/images/chains/stars.png\",\n    \"revision\": \"56d0bd40e52f010c7267eb78c53138f2\"\n  },\n  {\n    \"url\": \"/images/chains/strd.png\",\n    \"revision\": \"eebdfb53ba0bc9bba88b0bede7a44f6d\"\n  },\n  {\n    \"url\": \"/images/cloudmos-logo-light.png\",\n    \"revision\": \"a7423327e4280225e176da92c6176c28\"\n  },\n  {\n    \"url\": \"/images/cloudmos-logo-small.jpg\",\n    \"revision\": \"4b339b83e7dc396894537b83d794726d\"\n  },\n  {\n    \"url\": \"/images/cloudmos-logo.png\",\n    \"revision\": \"56d87e0230a0ad5dd745efd486a33a58\"\n  },\n  {\n    \"url\": \"/images/docker.png\",\n    \"revision\": \"fde0ed6a2add0ffabfbc5a7749fdfff2\"\n  },\n  {\n    \"url\": \"/images/faq/change-node.png\",\n    \"revision\": \"9421f6443f6c4397887035e50d8c9b24\"\n  },\n  {\n    \"url\": \"/images/faq/update-deployment-btn.png\",\n    \"revision\": \"ebc7f6907a08fdf6a6cd5a87043456fd\"\n  },\n  {\n    \"url\": \"/images/keplr-logo.png\",\n    \"revision\": \"50397e4902a33a6045c0f23dfe5cb1bd\"\n  },\n  {\n    \"url\": \"/images/leap-cosmos-logo.png\",\n    \"revision\": \"a54ced7748b33565e6dc1ea1c5b1ef52\"\n  },\n  {\n    \"url\": \"/images/powered-by-akash-dark.svg\",\n    \"revision\": \"3ea920f030ede7926a02c2dc17e332c4\"\n  },\n  {\n    \"url\": \"/images/powered-by-akash.svg\",\n    \"revision\": \"24b2566094fafded6c325246fe84c2a9\"\n  },\n  {\n    \"url\": \"/images/ubuntu.png\",\n    \"revision\": \"c631b8fae270a618c1fe1c9d43097189\"\n  },\n  {\n    \"url\": \"/images/wallet-connect-logo.png\",\n    \"revision\": \"8379e4d4e7267b47a0b5b89807a4d8f8\"\n  },\n  {\n    \"url\": \"/manifest.json\",\n    \"revision\": \"a030fca8a5c7b8e2e1b5d7614a8b74fa\"\n  },\n  {\n    \"url\": \"/mstile-150x150.png\",\n    \"revision\": \"17614fed638be1d5e2225b9d5419336a\"\n  },\n  {\n    \"url\": \"/robots.txt\",\n    \"revision\": \"c2bb774b8071c957d2b835beaa28a58b\"\n  },\n  {\n    \"url\": \"/safari-pinned-tab.svg\",\n    \"revision\": \"86b02210e078cb763098dfec594f4f04\"\n  }\n], {\n  \"ignoreURLParametersMatching\": []\n});\nworkbox_precaching_cleanupOutdatedCaches();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({ request, response, event, state }) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, { status: 200, statusText: 'OK', headers: response.headers }) } return response } }] }), 'GET');\nworkbox_routing_registerRoute(/^https:\\/\\/fonts\\.(?:gstatic)\\.com\\/.*/i, new workbox_strategies_CacheFirst({ \"cacheName\":\"google-fonts-webfonts\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 4, maxAgeSeconds: 31536000 })] }), 'GET');\nworkbox_routing_registerRoute(/^https:\\/\\/fonts\\.(?:googleapis)\\.com\\/.*/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"google-fonts-stylesheets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 4, maxAgeSeconds: 604800 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"static-font-assets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 4, maxAgeSeconds: 604800 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"static-image-assets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 64, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\/_next\\/image\\?url=.+$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"next-image\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 64, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:mp3|wav|ogg)$/i, new workbox_strategies_CacheFirst({ \"cacheName\":\"static-audio-assets\", plugins: [new workbox_range_requests_RangeRequestsPlugin(), new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:mp4)$/i, new workbox_strategies_CacheFirst({ \"cacheName\":\"static-video-assets\", plugins: [new workbox_range_requests_RangeRequestsPlugin(), new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:js)$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"static-js-assets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:css|less)$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"static-style-assets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\/_next\\/data\\/.+\\/.+\\.json$/i, new workbox_strategies_StaleWhileRevalidate({ \"cacheName\":\"next-data\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:json|xml|csv)$/i, new workbox_strategies_NetworkFirst({ \"cacheName\":\"static-data-assets\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(({ url }) => {\n      const isSameOrigin = self.origin === url.origin\n      if (!isSameOrigin) return false\n      const pathname = url.pathname\n      // Exclude /api/auth/callback/* to fix OAuth workflow in Safari without impact other environment\n      // Above route is default for next-auth, you may need to change it if your OAuth workflow has a different callback route\n      // Issue: https://github.com/shadowwalker/next-pwa/issues/131#issuecomment-821894809\n      if (pathname.startsWith('/api/auth/')) return false\n      if (pathname.startsWith('/api/')) return true\n      return false\n    }, new workbox_strategies_NetworkFirst({ \"cacheName\":\"apis\",\"networkTimeoutSeconds\":10, plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 16, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(({ url }) => {\n      const isSameOrigin = self.origin === url.origin\n      if (!isSameOrigin) return false\n      const pathname = url.pathname\n      if (pathname.startsWith('/api/')) return false\n      return true\n    }, new workbox_strategies_NetworkFirst({ \"cacheName\":\"others\",\"networkTimeoutSeconds\":10, plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 86400 })] }), 'GET');\nworkbox_routing_registerRoute(({ url }) => {\n      const isSameOrigin = self.origin === url.origin\n      return !isSameOrigin\n    }, new workbox_strategies_NetworkFirst({ \"cacheName\":\"cross-origin\",\"networkTimeoutSeconds\":10, plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 32, maxAgeSeconds: 3600 })] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","ignoreURLParametersMatching","workbox_precaching_cleanupOutdatedCaches","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","cacheName","plugins","cacheWillUpdate","async","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_CacheFirst","workbox_expiration_ExpirationPlugin","maxEntries","maxAgeSeconds","workbox_strategies_StaleWhileRevalidate","workbox_range_requests_RangeRequestsPlugin","origin","pathname","startsWith","networkTimeoutSeconds"],"mappings":"0nBAqBAA,gBAUAC,KAAKC,cAELC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,sDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,+CACPC,SAAY,oBAEd,CACED,IAAO,mDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,oDACPC,SAAY,oBAEd,CACED,IAAO,wDACPC,SAAY,oCAEd,CACED,IAAO,qDACPC,SAAY,oBAEd,CACED,IAAO,yDACPC,SAAY,oCAEd,CACED,IAAO,gDACPC,SAAY,oBAEd,CACED,IAAO,oDACPC,SAAY,oCAEd,CACED,IAAO,qDACPC,SAAY,oBAEd,CACED,IAAO,yDACPC,SAAY,oCAEd,CACED,IAAO,qDACPC,SAAY,oBAEd,CACED,IAAO,yDACPC,SAAY,oCAEd,CACED,IAAO,wDACPC,SAAY,oBAEd,CACED,IAAO,4DACPC,SAAY,oCAEd,CACED,IAAO,yDACPC,SAAY,oBAEd,CACED,IAAO,6DACPC,SAAY,oCAEd,CACED,IAAO,8DACPC,SAAY,oBAEd,CACED,IAAO,kEACPC,SAAY,oCAEd,CACED,IAAO,6DACPC,SAAY,oBAEd,CACED,IAAO,iEACPC,SAAY,oCAEd,CACED,IAAO,wEACPC,SAAY,oBAEd,CACED,IAAO,4EACPC,SAAY,oCAEd,CACED,IAAO,qDACPC,SAAY,oBAEd,CACED,IAAO,yDACPC,SAAY,oCAEd,CACED,IAAO,6DACPC,SAAY,oBAEd,CACED,IAAO,iEACPC,SAAY,oCAEd,CACED,IAAO,oEACPC,SAAY,oBAEd,CACED,IAAO,wEACPC,SAAY,oCAEd,CACED,IAAO,uDACPC,SAAY,oBAEd,CACED,IAAO,2DACPC,SAAY,oCAEd,CACED,IAAO,6DACPC,SAAY,oBAEd,CACED,IAAO,iEACPC,SAAY,oCAEd,CACED,IAAO,gEACPC,SAAY,oBAEd,CACED,IAAO,oEACPC,SAAY,oCAEd,CACED,IAAO,gEACPC,SAAY,oBAEd,CACED,IAAO,oEACPC,SAAY,oCAEd,CACED,IAAO,wEACPC,SAAY,oBAEd,CACED,IAAO,4EACPC,SAAY,oCAEd,CACED,IAAO,2DACPC,SAAY,oBAEd,CACED,IAAO,+DACPC,SAAY,oCAEd,CACED,IAAO,uEACPC,SAAY,oBAEd,CACED,IAAO,2EACPC,SAAY,oCAEd,CACED,IAAO,4EACPC,SAAY,oBAEd,CACED,IAAO,gFACPC,SAAY,oCAEd,CACED,IAAO,8EACPC,SAAY,oBAEd,CACED,IAAO,kFACPC,SAAY,oCAEd,CACED,IAAO,2EACPC,SAAY,oBAEd,CACED,IAAO,+EACPC,SAAY,oCAEd,CACED,IAAO,0DACPC,SAAY,oBAEd,CACED,IAAO,8DACPC,SAAY,oCAEd,CACED,IAAO,6DACPC,SAAY,oBAEd,CACED,IAAO,iEACPC,SAAY,oCAEd,CACED,IAAO,0DACPC,SAAY,oBAEd,CACED,IAAO,8DACPC,SAAY,oCAEd,CACED,IAAO,yEACPC,SAAY,oBAEd,CACED,IAAO,6EACPC,SAAY,oCAEd,CACED,IAAO,mEACPC,SAAY,oBAEd,CACED,IAAO,uEACPC,SAAY,oCAEd,CACED,IAAO,2DACPC,SAAY,oBAEd,CACED,IAAO,+DACPC,SAAY,oCAEd,CACED,IAAO,4EACPC,SAAY,oBAEd,CACED,IAAO,gFACPC,SAAY,oCAEd,CACED,IAAO,kEACPC,SAAY,oBAEd,CACED,IAAO,sEACPC,SAAY,oCAEd,CACED,IAAO,+DACPC,SAAY,oBAEd,CACED,IAAO,mEACPC,SAAY,oCAEd,CACED,IAAO,4EACPC,SAAY,oBAEd,CACED,IAAO,gFACPC,SAAY,oCAEd,CACED,IAAO,yEACPC,SAAY,oBAEd,CACED,IAAO,6EACPC,SAAY,oCAEd,CACED,IAAO,qDACPC,SAAY,oCAEd,CACED,IAAO,mDACPC,SAAY,oBAEd,CACED,IAAO,uDACPC,SAAY,oCAEd,CACED,IAAO,yCACPC,SAAY,oBAEd,CACED,IAAO,6CACPC,SAAY,oCAEd,CACED,IAAO,yCACPC,SAAY,oBAEd,CACED,IAAO,yCACPC,SAAY,oBAEd,CACED,IAAO,6CACPC,SAAY,oCAEd,CACED,IAAO,yCACPC,SAAY,oBAEd,CACED,IAAO,6CACPC,SAAY,oCAEd,CACED,IAAO,iDACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,CACED,IAAO,8BACPC,SAAY,oCAEd,CACED,IAAO,8BACPC,SAAY,oCAEd,CACED,IAAO,8BACPC,SAAY,oCAEd,CACED,IAAO,wBACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,CACED,IAAO,eACPC,SAAY,oCAEd,CACED,IAAO,8BACPC,SAAY,oCAEd,CACED,IAAO,mCACPC,SAAY,oCAEd,CACED,IAAO,oCACPC,SAAY,oCAEd,CACED,IAAO,+BACPC,SAAY,oCAEd,CACED,IAAO,yBACPC,SAAY,oCAEd,CACED,IAAO,2BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,2BACPC,SAAY,oCAEd,CACED,IAAO,4BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,2BACPC,SAAY,oCAEd,CACED,IAAO,0BACPC,SAAY,oCAEd,CACED,IAAO,kCACPC,SAAY,oCAEd,CACED,IAAO,kCACPC,SAAY,oCAEd,CACED,IAAO,4BACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,CACED,IAAO,8BACPC,SAAY,oCAEd,CACED,IAAO,wCACPC,SAAY,oCAEd,CACED,IAAO,yBACPC,SAAY,oCAEd,CACED,IAAO,+BACPC,SAAY,oCAEd,CACED,IAAO,oCACPC,SAAY,oCAEd,CACED,IAAO,+BACPC,SAAY,oCAEd,CACED,IAAO,qBACPC,SAAY,oCAEd,C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"}
\ No newline at end of file
diff --git a/apps/deploy-web/public/workbox-495fd258.js b/apps/deploy-web/public/workbox-495fd258.js
new file mode 100644
index 000000000..f3c32dac5
--- /dev/null
+++ b/apps/deploy-web/public/workbox-495fd258.js
@@ -0,0 +1,2 @@
+define(["exports"],(function(t){"use strict";try{self["workbox:core:6.5.4"]&&_()}catch(t){}const e=(t,...e)=>{let s=t;return e.length>0&&(s+=` :: ${JSON.stringify(e)}`),s};class s extends Error{constructor(t,s){super(e(t,s)),this.name=t,this.details=s}}try{self["workbox:routing:6.5.4"]&&_()}catch(t){}const n=t=>t&&"object"==typeof t?t:{handle:t};class r{constructor(t,e,s="GET"){this.handler=n(e),this.match=t,this.method=s}setCatchHandler(t){this.catchHandler=n(t)}}class i extends r{constructor(t,e,s){super((({url:e})=>{const s=t.exec(e.href);if(s&&(e.origin===location.origin||0===s.index))return s.slice(1)}),e,s)}}class a{constructor(){this.t=new Map,this.i=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",(t=>{const{request:e}=t,s=this.handleRequest({request:e,event:t});s&&t.respondWith(s)}))}addCacheListener(){self.addEventListener("message",(t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,s=Promise.all(e.urlsToCache.map((e=>{"string"==typeof e&&(e=[e]);const s=new Request(...e);return this.handleRequest({request:s,event:t})})));t.waitUntil(s),t.ports&&t.ports[0]&&s.then((()=>t.ports[0].postMessage(!0)))}}))}handleRequest({request:t,event:e}){const s=new URL(t.url,location.href);if(!s.protocol.startsWith("http"))return;const n=s.origin===location.origin,{params:r,route:i}=this.findMatchingRoute({event:e,request:t,sameOrigin:n,url:s});let a=i&&i.handler;const o=t.method;if(!a&&this.i.has(o)&&(a=this.i.get(o)),!a)return;let c;try{c=a.handle({url:s,request:t,event:e,params:r})}catch(t){c=Promise.reject(t)}const h=i&&i.catchHandler;return c instanceof Promise&&(this.o||h)&&(c=c.catch((async n=>{if(h)try{return await h.handle({url:s,request:t,event:e,params:r})}catch(t){t instanceof Error&&(n=t)}if(this.o)return this.o.handle({url:s,request:t,event:e});throw n}))),c}findMatchingRoute({url:t,sameOrigin:e,request:s,event:n}){const r=this.t.get(s.method)||[];for(const i of r){let r;const a=i.match({url:t,sameOrigin:e,request:s,event:n});if(a)return r=a,(Array.isArray(r)&&0===r.length||a.constructor===Object&&0===Object.keys(a).length||"boolean"==typeof a)&&(r=void 0),{route:i,params:r}}return{}}setDefaultHandler(t,e="GET"){this.i.set(e,n(t))}setCatchHandler(t){this.o=n(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(t){if(!this.t.has(t.method))throw new s("unregister-route-but-not-found-with-method",{method:t.method});const e=this.t.get(t.method).indexOf(t);if(!(e>-1))throw new s("unregister-route-route-not-registered");this.t.get(t.method).splice(e,1)}}let o;const c=()=>(o||(o=new a,o.addFetchListener(),o.addCacheListener()),o);function h(t,e,n){let a;if("string"==typeof t){const s=new URL(t,location.href);a=new r((({url:t})=>t.href===s.href),e,n)}else if(t instanceof RegExp)a=new i(t,e,n);else if("function"==typeof t)a=new r(t,e,n);else{if(!(t instanceof r))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});a=t}return c().registerRoute(a),a}try{self["workbox:strategies:6.5.4"]&&_()}catch(t){}const u={cacheWillUpdate:async({response:t})=>200===t.status||0===t.status?t:null},l={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},f=t=>[l.prefix,t,l.suffix].filter((t=>t&&t.length>0)).join("-"),w=t=>t||f(l.precache),d=t=>t||f(l.runtime);function p(t,e){const s=new URL(t);for(const t of e)s.searchParams.delete(t);return s.href}class y{constructor(){this.promise=new Promise(((t,e)=>{this.resolve=t,this.reject=e}))}}const g=new Set;function m(t){return"string"==typeof t?new Request(t):t}class R{constructor(t,e){this.h={},Object.assign(this,e),this.event=e.event,this.u=t,this.l=new y,this.p=[],this.m=[...t.plugins],this.R=new Map;for(const t of this.m)this.R.set(t,{});this.event.waitUntil(this.l.promise)}async fetch(t){const{event:e}=this;let n=m(t);if("navigate"===n.mode&&e instanceof FetchEvent&&e.preloadResponse){const t=await e.preloadResponse;if(t)return t}const r=this.hasCallback("fetchDidFail")?n.clone():null;try{for(const t of this.iterateCallbacks("requestWillFetch"))n=await t({request:n.clone(),event:e})}catch(t){if(t instanceof Error)throw new s("plugin-error-request-will-fetch",{thrownErrorMessage:t.message})}const i=n.clone();try{let t;t=await fetch(n,"navigate"===n.mode?void 0:this.u.fetchOptions);for(const s of this.iterateCallbacks("fetchDidSucceed"))t=await s({event:e,request:i,response:t});return t}catch(t){throw r&&await this.runCallbacks("fetchDidFail",{error:t,event:e,originalRequest:r.clone(),request:i.clone()}),t}}async fetchAndCachePut(t){const e=await this.fetch(t),s=e.clone();return this.waitUntil(this.cachePut(t,s)),e}async cacheMatch(t){const e=m(t);let s;const{cacheName:n,matchOptions:r}=this.u,i=await this.getCacheKey(e,"read"),a=Object.assign(Object.assign({},r),{cacheName:n});s=await caches.match(i,a);for(const t of this.iterateCallbacks("cachedResponseWillBeUsed"))s=await t({cacheName:n,matchOptions:r,cachedResponse:s,request:i,event:this.event})||void 0;return s}async cachePut(t,e){const n=m(t);var r;await(r=0,new Promise((t=>setTimeout(t,r))));const i=await this.getCacheKey(n,"write");if(!e)throw new s("cache-put-with-no-response",{url:(a=i.url,new URL(String(a),location.href).href.replace(new RegExp(`^${location.origin}`),""))});var a;const o=await this.v(e);if(!o)return!1;const{cacheName:c,matchOptions:h}=this.u,u=await self.caches.open(c),l=this.hasCallback("cacheDidUpdate"),f=l?await async function(t,e,s,n){const r=p(e.url,s);if(e.url===r)return t.match(e,n);const i=Object.assign(Object.assign({},n),{ignoreSearch:!0}),a=await t.keys(e,i);for(const e of a)if(r===p(e.url,s))return t.match(e,n)}(u,i.clone(),["__WB_REVISION__"],h):null;try{await u.put(i,l?o.clone():o)}catch(t){if(t instanceof Error)throw"QuotaExceededError"===t.name&&await async function(){for(const t of g)await t()}(),t}for(const t of this.iterateCallbacks("cacheDidUpdate"))await t({cacheName:c,oldResponse:f,newResponse:o.clone(),request:i,event:this.event});return!0}async getCacheKey(t,e){const s=`${t.url} | ${e}`;if(!this.h[s]){let n=t;for(const t of this.iterateCallbacks("cacheKeyWillBeUsed"))n=m(await t({mode:e,request:n,event:this.event,params:this.params}));this.h[s]=n}return this.h[s]}hasCallback(t){for(const e of this.u.plugins)if(t in e)return!0;return!1}async runCallbacks(t,e){for(const s of this.iterateCallbacks(t))await s(e)}*iterateCallbacks(t){for(const e of this.u.plugins)if("function"==typeof e[t]){const s=this.R.get(e),n=n=>{const r=Object.assign(Object.assign({},n),{state:s});return e[t](r)};yield n}}waitUntil(t){return this.p.push(t),t}async doneWaiting(){let t;for(;t=this.p.shift();)await t}destroy(){this.l.resolve(null)}async v(t){let e=t,s=!1;for(const t of this.iterateCallbacks("cacheWillUpdate"))if(e=await t({request:this.request,response:e,event:this.event})||void 0,s=!0,!e)break;return s||e&&200!==e.status&&(e=void 0),e}}class v{constructor(t={}){this.cacheName=d(t.cacheName),this.plugins=t.plugins||[],this.fetchOptions=t.fetchOptions,this.matchOptions=t.matchOptions}handle(t){const[e]=this.handleAll(t);return e}handleAll(t){t instanceof FetchEvent&&(t={event:t,request:t.request});const e=t.event,s="string"==typeof t.request?new Request(t.request):t.request,n="params"in t?t.params:void 0,r=new R(this,{event:e,request:s,params:n}),i=this.q(r,s,e);return[i,this.D(i,r,s,e)]}async q(t,e,n){let r;await t.runCallbacks("handlerWillStart",{event:n,request:e});try{if(r=await this.U(e,t),!r||"error"===r.type)throw new s("no-response",{url:e.url})}catch(s){if(s instanceof Error)for(const i of t.iterateCallbacks("handlerDidError"))if(r=await i({error:s,event:n,request:e}),r)break;if(!r)throw s}for(const s of t.iterateCallbacks("handlerWillRespond"))r=await s({event:n,request:e,response:r});return r}async D(t,e,s,n){let r,i;try{r=await t}catch(i){}try{await e.runCallbacks("handlerDidRespond",{event:n,request:s,response:r}),await e.doneWaiting()}catch(t){t instanceof Error&&(i=t)}if(await e.runCallbacks("handlerDidComplete",{event:n,request:s,response:r,error:i}),e.destroy(),i)throw i}}function b(t){t.then((()=>{}))}function q(){return q=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var n in s)({}).hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},q.apply(null,arguments)}const D=(t,e)=>e.some((e=>t instanceof e));let U,x;const L=new WeakMap,I=new WeakMap,C=new WeakMap,E=new WeakMap,N=new WeakMap;let O={get(t,e,s){if(t instanceof IDBTransaction){if("done"===e)return I.get(t);if("objectStoreNames"===e)return t.objectStoreNames||C.get(t);if("store"===e)return s.objectStoreNames[1]?void 0:s.objectStore(s.objectStoreNames[0])}return B(t[e])},set:(t,e,s)=>(t[e]=s,!0),has:(t,e)=>t instanceof IDBTransaction&&("done"===e||"store"===e)||e in t};function T(t){return t!==IDBDatabase.prototype.transaction||"objectStoreNames"in IDBTransaction.prototype?(x||(x=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])).includes(t)?function(...e){return t.apply(P(this),e),B(L.get(this))}:function(...e){return B(t.apply(P(this),e))}:function(e,...s){const n=t.call(P(this),e,...s);return C.set(n,e.sort?e.sort():[e]),B(n)}}function k(t){return"function"==typeof t?T(t):(t instanceof IDBTransaction&&function(t){if(I.has(t))return;const e=new Promise(((e,s)=>{const n=()=>{t.removeEventListener("complete",r),t.removeEventListener("error",i),t.removeEventListener("abort",i)},r=()=>{e(),n()},i=()=>{s(t.error||new DOMException("AbortError","AbortError")),n()};t.addEventListener("complete",r),t.addEventListener("error",i),t.addEventListener("abort",i)}));I.set(t,e)}(t),D(t,U||(U=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction]))?new Proxy(t,O):t)}function B(t){if(t instanceof IDBRequest)return function(t){const e=new Promise(((e,s)=>{const n=()=>{t.removeEventListener("success",r),t.removeEventListener("error",i)},r=()=>{e(B(t.result)),n()},i=()=>{s(t.error),n()};t.addEventListener("success",r),t.addEventListener("error",i)}));return e.then((e=>{e instanceof IDBCursor&&L.set(e,t)})).catch((()=>{})),N.set(e,t),e}(t);if(E.has(t))return E.get(t);const e=k(t);return e!==t&&(E.set(t,e),N.set(e,t)),e}const P=t=>N.get(t);const M=["get","getKey","getAll","getAllKeys","count"],W=["put","add","delete","clear"],j=new Map;function S(t,e){if(!(t instanceof IDBDatabase)||e in t||"string"!=typeof e)return;if(j.get(e))return j.get(e);const s=e.replace(/FromIndex$/,""),n=e!==s,r=W.includes(s);if(!(s in(n?IDBIndex:IDBObjectStore).prototype)||!r&&!M.includes(s))return;const i=async function(t,...e){const i=this.transaction(t,r?"readwrite":"readonly");let a=i.store;return n&&(a=a.index(e.shift())),(await Promise.all([a[s](...e),r&&i.done]))[0]};return j.set(e,i),i}O=(t=>q({},t,{get:(e,s,n)=>S(e,s)||t.get(e,s,n),has:(e,s)=>!!S(e,s)||t.has(e,s)}))(O);try{self["workbox:expiration:6.5.4"]&&_()}catch(t){}const K="cache-entries",A=t=>{const e=new URL(t,location.href);return e.hash="",e.href};class F{constructor(t){this._=null,this.L=t}I(t){const e=t.createObjectStore(K,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1})}C(t){this.I(t),this.L&&function(t,{blocked:e}={}){const s=indexedDB.deleteDatabase(t);e&&s.addEventListener("blocked",(t=>e(t.oldVersion,t))),B(s).then((()=>{}))}(this.L)}async setTimestamp(t,e){const s={url:t=A(t),timestamp:e,cacheName:this.L,id:this.N(t)},n=(await this.getDb()).transaction(K,"readwrite",{durability:"relaxed"});await n.store.put(s),await n.done}async getTimestamp(t){const e=await this.getDb(),s=await e.get(K,this.N(t));return null==s?void 0:s.timestamp}async expireEntries(t,e){const s=await this.getDb();let n=await s.transaction(K).store.index("timestamp").openCursor(null,"prev");const r=[];let i=0;for(;n;){const s=n.value;s.cacheName===this.L&&(t&&s.timestamp<t||e&&i>=e?r.push(n.value):i++),n=await n.continue()}const a=[];for(const t of r)await s.delete(K,t.id),a.push(t.url);return a}N(t){return this.L+"|"+A(t)}async getDb(){return this._||(this._=await function(t,e,{blocked:s,upgrade:n,blocking:r,terminated:i}={}){const a=indexedDB.open(t,e),o=B(a);return n&&a.addEventListener("upgradeneeded",(t=>{n(B(a.result),t.oldVersion,t.newVersion,B(a.transaction),t)})),s&&a.addEventListener("blocked",(t=>s(t.oldVersion,t.newVersion,t))),o.then((t=>{i&&t.addEventListener("close",(()=>i())),r&&t.addEventListener("versionchange",(t=>r(t.oldVersion,t.newVersion,t)))})).catch((()=>{})),o}("workbox-expiration",1,{upgrade:this.C.bind(this)})),this._}}class H{constructor(t,e={}){this.O=!1,this.T=!1,this.k=e.maxEntries,this.B=e.maxAgeSeconds,this.P=e.matchOptions,this.L=t,this.M=new F(t)}async expireEntries(){if(this.O)return void(this.T=!0);this.O=!0;const t=this.B?Date.now()-1e3*this.B:0,e=await this.M.expireEntries(t,this.k),s=await self.caches.open(this.L);for(const t of e)await s.delete(t,this.P);this.O=!1,this.T&&(this.T=!1,b(this.expireEntries()))}async updateTimestamp(t){await this.M.setTimestamp(t,Date.now())}async isURLExpired(t){if(this.B){const e=await this.M.getTimestamp(t),s=Date.now()-1e3*this.B;return void 0===e||e<s}return!1}async delete(){this.T=!1,await this.M.expireEntries(1/0)}}try{self["workbox:range-requests:6.5.4"]&&_()}catch(t){}async function $(t,e){try{if(206===e.status)return e;const n=t.headers.get("range");if(!n)throw new s("no-range-header");const r=function(t){const e=t.trim().toLowerCase();if(!e.startsWith("bytes="))throw new s("unit-must-be-bytes",{normalizedRangeHeader:e});if(e.includes(","))throw new s("single-range-only",{normalizedRangeHeader:e});const n=/(\d*)-(\d*)/.exec(e);if(!n||!n[1]&&!n[2])throw new s("invalid-range-values",{normalizedRangeHeader:e});return{start:""===n[1]?void 0:Number(n[1]),end:""===n[2]?void 0:Number(n[2])}}(n),i=await e.blob(),a=function(t,e,n){const r=t.size;if(n&&n>r||e&&e<0)throw new s("range-not-satisfiable",{size:r,end:n,start:e});let i,a;return void 0!==e&&void 0!==n?(i=e,a=n+1):void 0!==e&&void 0===n?(i=e,a=r):void 0!==n&&void 0===e&&(i=r-n,a=r),{start:i,end:a}}(i,r.start,r.end),o=i.slice(a.start,a.end),c=o.size,h=new Response(o,{status:206,statusText:"Partial Content",headers:e.headers});return h.headers.set("Content-Length",String(c)),h.headers.set("Content-Range",`bytes ${a.start}-${a.end-1}/${i.size}`),h}catch(t){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}function z(t,e){const s=e();return t.waitUntil(s),s}try{self["workbox:precaching:6.5.4"]&&_()}catch(t){}function G(t){if(!t)throw new s("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location.href);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new s("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location.href);return{cacheKey:t.href,url:t.href}}const r=new URL(n,location.href),i=new URL(n,location.href);return r.searchParams.set("__WB_REVISION__",e),{cacheKey:r.href,url:i.href}}class V{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:t,state:e})=>{e&&(e.originalRequest=t)},this.cachedResponseWillBeUsed=async({event:t,state:e,cachedResponse:s})=>{if("install"===t.type&&e&&e.originalRequest&&e.originalRequest instanceof Request){const t=e.originalRequest.url;s?this.notUpdatedURLs.push(t):this.updatedURLs.push(t)}return s}}}class J{constructor({precacheController:t}){this.cacheKeyWillBeUsed=async({request:t,params:e})=>{const s=(null==e?void 0:e.cacheKey)||this.W.getCacheKeyForURL(t.url);return s?new Request(s,{headers:t.headers}):t},this.W=t}}let Q,X;async function Y(t,e){let n=null;if(t.url){n=new URL(t.url).origin}if(n!==self.location.origin)throw new s("cross-origin-copy-response",{origin:n});const r=t.clone(),i={headers:new Headers(r.headers),status:r.status,statusText:r.statusText},a=e?e(i):i,o=function(){if(void 0===Q){const t=new Response("");if("body"in t)try{new Response(t.body),Q=!0}catch(t){Q=!1}Q=!1}return Q}()?r.body:await r.blob();return new Response(o,a)}class Z extends v{constructor(t={}){t.cacheName=w(t.cacheName),super(t),this.j=!1!==t.fallbackToNetwork,this.plugins.push(Z.copyRedirectedCacheableResponsesPlugin)}async U(t,e){const s=await e.cacheMatch(t);return s||(e.event&&"install"===e.event.type?await this.S(t,e):await this.K(t,e))}async K(t,e){let n;const r=e.params||{};if(!this.j)throw new s("missing-precache-entry",{cacheName:this.cacheName,url:t.url});{const s=r.integrity,i=t.integrity,a=!i||i===s;n=await e.fetch(new Request(t,{integrity:"no-cors"!==t.mode?i||s:void 0})),s&&a&&"no-cors"!==t.mode&&(this.A(),await e.cachePut(t,n.clone()))}return n}async S(t,e){this.A();const n=await e.fetch(t);if(!await e.cachePut(t,n.clone()))throw new s("bad-precaching-response",{url:t.url,status:n.status});return n}A(){let t=null,e=0;for(const[s,n]of this.plugins.entries())n!==Z.copyRedirectedCacheableResponsesPlugin&&(n===Z.defaultPrecacheCacheabilityPlugin&&(t=s),n.cacheWillUpdate&&e++);0===e?this.plugins.push(Z.defaultPrecacheCacheabilityPlugin):e>1&&null!==t&&this.plugins.splice(t,1)}}Z.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:t})=>!t||t.status>=400?null:t},Z.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:t})=>t.redirected?await Y(t):t};class tt{constructor({cacheName:t,plugins:e=[],fallbackToNetwork:s=!0}={}){this.F=new Map,this.H=new Map,this.$=new Map,this.u=new Z({cacheName:w(t),plugins:[...e,new J({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this.u}precache(t){this.addToCacheList(t),this.G||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this.G=!0)}addToCacheList(t){const e=[];for(const n of t){"string"==typeof n?e.push(n):n&&void 0===n.revision&&e.push(n.url);const{cacheKey:t,url:r}=G(n),i="string"!=typeof n&&n.revision?"reload":"default";if(this.F.has(r)&&this.F.get(r)!==t)throw new s("add-to-cache-list-conflicting-entries",{firstEntry:this.F.get(r),secondEntry:t});if("string"!=typeof n&&n.integrity){if(this.$.has(t)&&this.$.get(t)!==n.integrity)throw new s("add-to-cache-list-conflicting-integrities",{url:r});this.$.set(t,n.integrity)}if(this.F.set(r,t),this.H.set(r,i),e.length>0){const t=`Workbox is precaching URLs without revision info: ${e.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(t)}}}install(t){return z(t,(async()=>{const e=new V;this.strategy.plugins.push(e);for(const[e,s]of this.F){const n=this.$.get(s),r=this.H.get(e),i=new Request(e,{integrity:n,cache:r,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:s},request:i,event:t}))}const{updatedURLs:s,notUpdatedURLs:n}=e;return{updatedURLs:s,notUpdatedURLs:n}}))}activate(t){return z(t,(async()=>{const t=await self.caches.open(this.strategy.cacheName),e=await t.keys(),s=new Set(this.F.values()),n=[];for(const r of e)s.has(r.url)||(await t.delete(r),n.push(r.url));return{deletedURLs:n}}))}getURLsToCacheKeys(){return this.F}getCachedURLs(){return[...this.F.keys()]}getCacheKeyForURL(t){const e=new URL(t,location.href);return this.F.get(e.href)}getIntegrityForCacheKey(t){return this.$.get(t)}async matchPrecache(t){const e=t instanceof Request?t.url:t,s=this.getCacheKeyForURL(e);if(s){return(await self.caches.open(this.strategy.cacheName)).match(s)}}createHandlerBoundToURL(t){const e=this.getCacheKeyForURL(t);if(!e)throw new s("non-precached-url",{url:t});return s=>(s.request=new Request(t),s.params=Object.assign({cacheKey:e},s.params),this.strategy.handle(s))}}const et=()=>(X||(X=new tt),X);class st extends r{constructor(t,e){super((({request:s})=>{const n=t.getURLsToCacheKeys();for(const r of function*(t,{ignoreURLParametersMatching:e=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:n=!0,urlManipulation:r}={}){const i=new URL(t,location.href);i.hash="",yield i.href;const a=function(t,e=[]){for(const s of[...t.searchParams.keys()])e.some((t=>t.test(s)))&&t.searchParams.delete(s);return t}(i,e);if(yield a.href,s&&a.pathname.endsWith("/")){const t=new URL(a.href);t.pathname+=s,yield t.href}if(n){const t=new URL(a.href);t.pathname+=".html",yield t.href}if(r){const t=r({url:i});for(const e of t)yield e.href}}(s.url,e)){const e=n.get(r);if(e){return{cacheKey:e,integrity:t.getIntegrityForCacheKey(e)}}}}),t.strategy)}}t.CacheFirst=class extends v{async U(t,e){let n,r=await e.cacheMatch(t);if(!r)try{r=await e.fetchAndCachePut(t)}catch(t){t instanceof Error&&(n=t)}if(!r)throw new s("no-response",{url:t.url,error:n});return r}},t.ExpirationPlugin=class{constructor(t={}){this.cachedResponseWillBeUsed=async({event:t,request:e,cacheName:s,cachedResponse:n})=>{if(!n)return null;const r=this.V(n),i=this.J(s);b(i.expireEntries());const a=i.updateTimestamp(e.url);if(t)try{t.waitUntil(a)}catch(t){}return r?n:null},this.cacheDidUpdate=async({cacheName:t,request:e})=>{const s=this.J(t);await s.updateTimestamp(e.url),await s.expireEntries()},this.X=t,this.B=t.maxAgeSeconds,this.Y=new Map,t.purgeOnQuotaError&&function(t){g.add(t)}((()=>this.deleteCacheAndMetadata()))}J(t){if(t===d())throw new s("expire-custom-caches-only");let e=this.Y.get(t);return e||(e=new H(t,this.X),this.Y.set(t,e)),e}V(t){if(!this.B)return!0;const e=this.Z(t);if(null===e)return!0;return e>=Date.now()-1e3*this.B}Z(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async deleteCacheAndMetadata(){for(const[t,e]of this.Y)await self.caches.delete(t),await e.delete();this.Y=new Map}},t.NetworkFirst=class extends v{constructor(t={}){super(t),this.plugins.some((t=>"cacheWillUpdate"in t))||this.plugins.unshift(u),this.tt=t.networkTimeoutSeconds||0}async U(t,e){const n=[],r=[];let i;if(this.tt){const{id:s,promise:a}=this.et({request:t,logs:n,handler:e});i=s,r.push(a)}const a=this.st({timeoutId:i,request:t,logs:n,handler:e});r.push(a);const o=await e.waitUntil((async()=>await e.waitUntil(Promise.race(r))||await a)());if(!o)throw new s("no-response",{url:t.url});return o}et({request:t,logs:e,handler:s}){let n;return{promise:new Promise((e=>{n=setTimeout((async()=>{e(await s.cacheMatch(t))}),1e3*this.tt)})),id:n}}async st({timeoutId:t,request:e,logs:s,handler:n}){let r,i;try{i=await n.fetchAndCachePut(e)}catch(t){t instanceof Error&&(r=t)}return t&&clearTimeout(t),!r&&i||(i=await n.cacheMatch(e)),i}},t.RangeRequestsPlugin=class{constructor(){this.cachedResponseWillBeUsed=async({request:t,cachedResponse:e})=>e&&t.headers.has("range")?await $(t,e):e}},t.StaleWhileRevalidate=class extends v{constructor(t={}){super(t),this.plugins.some((t=>"cacheWillUpdate"in t))||this.plugins.unshift(u)}async U(t,e){const n=e.fetchAndCachePut(t).catch((()=>{}));e.waitUntil(n);let r,i=await e.cacheMatch(t);if(i);else try{i=await n}catch(t){t instanceof Error&&(r=t)}if(!i)throw new s("no-response",{url:t.url,error:r});return i}},t.cleanupOutdatedCaches=function(){self.addEventListener("activate",(t=>{const e=w();t.waitUntil((async(t,e="-precache-")=>{const s=(await self.caches.keys()).filter((s=>s.includes(e)&&s.includes(self.registration.scope)&&s!==t));return await Promise.all(s.map((t=>self.caches.delete(t)))),s})(e).then((t=>{})))}))},t.clientsClaim=function(){self.addEventListener("activate",(()=>self.clients.claim()))},t.precacheAndRoute=function(t,e){!function(t){et().precache(t)}(t),function(t){const e=et();h(new st(e,t))}(e)},t.registerRoute=h}));
+//# sourceMappingURL=workbox-495fd258.js.map
diff --git a/apps/deploy-web/public/workbox-495fd258.js.map b/apps/deploy-web/public/workbox-495fd258.js.map
new file mode 100644
index 000000000..4315fce11
--- /dev/null
+++ b/apps/deploy-web/public/workbox-495fd258.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"workbox-495fd258.js","sources":["../../node_modules/workbox-core/_version.js","../../node_modules/workbox-core/_private/logger.js","../../node_modules/workbox-core/models/messages/messageGenerator.js","../../node_modules/workbox-core/_private/WorkboxError.js","../../node_modules/workbox-routing/_version.js","../../node_modules/workbox-routing/utils/constants.js","../../node_modules/workbox-routing/utils/normalizeHandler.js","../../node_modules/workbox-routing/Route.js","../../node_modules/workbox-routing/RegExpRoute.js","../../node_modules/workbox-routing/Router.js","../../node_modules/workbox-routing/utils/getOrCreateDefaultRouter.js","../../node_modules/workbox-routing/registerRoute.js","../../node_modules/workbox-strategies/_version.js","../../node_modules/workbox-strategies/plugins/cacheOkAndOpaquePlugin.js","../../node_modules/workbox-core/_private/cacheNames.js","../../node_modules/workbox-core/_private/cacheMatchIgnoreParams.js","../../node_modules/workbox-core/_private/Deferred.js","../../node_modules/workbox-core/models/quotaErrorCallbacks.js","../../node_modules/workbox-strategies/StrategyHandler.js","../../node_modules/workbox-core/_private/timeout.js","../../node_modules/workbox-core/_private/getFriendlyURL.js","../../node_modules/workbox-core/_private/executeQuotaErrorCallbacks.js","../../node_modules/workbox-strategies/Strategy.js","../../node_modules/workbox-core/_private/dontWaitFor.js","../../node_modules/idb/build/wrap-idb-value.js","../../node_modules/idb/build/index.js","../../node_modules/workbox-expiration/_version.js","../../node_modules/workbox-expiration/models/CacheTimestampsModel.js","../../node_modules/workbox-expiration/CacheExpiration.js","../../node_modules/workbox-range-requests/_version.js","../../node_modules/workbox-range-requests/createPartialResponse.js","../../node_modules/workbox-range-requests/utils/parseRangeHeader.js","../../node_modules/workbox-range-requests/utils/calculateEffectiveBoundaries.js","../../node_modules/workbox-core/_private/waitUntil.js","../../node_modules/workbox-precaching/_version.js","../../node_modules/workbox-precaching/utils/createCacheKey.js","../../node_modules/workbox-precaching/utils/PrecacheInstallReportPlugin.js","../../node_modules/workbox-precaching/utils/PrecacheCacheKeyPlugin.js","../../node_modules/workbox-core/_private/canConstructResponseFromBodyStream.js","../../node_modules/workbox-precaching/utils/getOrCreatePrecacheController.js","../../node_modules/workbox-core/copyResponse.js","../../node_modules/workbox-precaching/PrecacheStrategy.js","../../node_modules/workbox-precaching/PrecacheController.js","../../node_modules/workbox-precaching/PrecacheRoute.js","../../node_modules/workbox-precaching/utils/generateURLVariations.js","../../node_modules/workbox-precaching/utils/removeIgnoredSearchParams.js","../../node_modules/workbox-strategies/CacheFirst.js","../../node_modules/workbox-expiration/ExpirationPlugin.js","../../node_modules/workbox-core/registerQuotaErrorCallback.js","../../node_modules/workbox-strategies/NetworkFirst.js","../../node_modules/workbox-range-requests/RangeRequestsPlugin.js","../../node_modules/workbox-strategies/StaleWhileRevalidate.js","../../node_modules/workbox-precaching/cleanupOutdatedCaches.js","../../node_modules/workbox-precaching/utils/deleteOutdatedCaches.js","../../node_modules/workbox-core/clientsClaim.js","../../node_modules/workbox-precaching/precacheAndRoute.js","../../node_modules/workbox-precaching/precache.js","../../node_modules/workbox-precaching/addRoute.js"],"sourcesContent":["\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:core:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2019 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nconst logger = (process.env.NODE_ENV === 'production'\n    ? null\n    : (() => {\n        // Don't overwrite this value if it's already set.\n        // See https://github.com/GoogleChrome/workbox/pull/2284#issuecomment-560470923\n        if (!('__WB_DISABLE_DEV_LOGS' in globalThis)) {\n            self.__WB_DISABLE_DEV_LOGS = false;\n        }\n        let inGroup = false;\n        const methodToColorMap = {\n            debug: `#7f8c8d`,\n            log: `#2ecc71`,\n            warn: `#f39c12`,\n            error: `#c0392b`,\n            groupCollapsed: `#3498db`,\n            groupEnd: null, // No colored prefix on groupEnd\n        };\n        const print = function (method, args) {\n            if (self.__WB_DISABLE_DEV_LOGS) {\n                return;\n            }\n            if (method === 'groupCollapsed') {\n                // Safari doesn't print all console.groupCollapsed() arguments:\n                // https://bugs.webkit.org/show_bug.cgi?id=182754\n                if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n                    console[method](...args);\n                    return;\n                }\n            }\n            const styles = [\n                `background: ${methodToColorMap[method]}`,\n                `border-radius: 0.5em`,\n                `color: white`,\n                `font-weight: bold`,\n                `padding: 2px 0.5em`,\n            ];\n            // When in a group, the workbox prefix is not displayed.\n            const logPrefix = inGroup ? [] : ['%cworkbox', styles.join(';')];\n            console[method](...logPrefix, ...args);\n            if (method === 'groupCollapsed') {\n                inGroup = true;\n            }\n            if (method === 'groupEnd') {\n                inGroup = false;\n            }\n        };\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        const api = {};\n        const loggerMethods = Object.keys(methodToColorMap);\n        for (const key of loggerMethods) {\n            const method = key;\n            api[method] = (...args) => {\n                print(method, args);\n            };\n        }\n        return api;\n    })());\nexport { logger };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { messages } from './messages.js';\nimport '../../_version.js';\nconst fallback = (code, ...args) => {\n    let msg = code;\n    if (args.length > 0) {\n        msg += ` :: ${JSON.stringify(args)}`;\n    }\n    return msg;\n};\nconst generatorFunction = (code, details = {}) => {\n    const message = messages[code];\n    if (!message) {\n        throw new Error(`Unable to find message for code '${code}'.`);\n    }\n    return message(details);\n};\nexport const messageGenerator = process.env.NODE_ENV === 'production' ? fallback : generatorFunction;\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { messageGenerator } from '../models/messages/messageGenerator.js';\nimport '../_version.js';\n/**\n * Workbox errors should be thrown with this class.\n * This allows use to ensure the type easily in tests,\n * helps developers identify errors from workbox\n * easily and allows use to optimise error\n * messages correctly.\n *\n * @private\n */\nclass WorkboxError extends Error {\n    /**\n     *\n     * @param {string} errorCode The error code that\n     * identifies this particular error.\n     * @param {Object=} details Any relevant arguments\n     * that will help developers identify issues should\n     * be added as a key on the context object.\n     */\n    constructor(errorCode, details) {\n        const message = messageGenerator(errorCode, details);\n        super(message);\n        this.name = errorCode;\n        this.details = details;\n    }\n}\nexport { WorkboxError };\n","\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:routing:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * The default HTTP method, 'GET', used when there's no specific method\n * configured for a route.\n *\n * @type {string}\n *\n * @private\n */\nexport const defaultMethod = 'GET';\n/**\n * The list of valid HTTP methods associated with requests that could be routed.\n *\n * @type {Array<string>}\n *\n * @private\n */\nexport const validMethods = [\n    'DELETE',\n    'GET',\n    'HEAD',\n    'PATCH',\n    'POST',\n    'PUT',\n];\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport '../_version.js';\n/**\n * @param {function()|Object} handler Either a function, or an object with a\n * 'handle' method.\n * @return {Object} An object with a handle method.\n *\n * @private\n */\nexport const normalizeHandler = (handler) => {\n    if (handler && typeof handler === 'object') {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.hasMethod(handler, 'handle', {\n                moduleName: 'workbox-routing',\n                className: 'Route',\n                funcName: 'constructor',\n                paramName: 'handler',\n            });\n        }\n        return handler;\n    }\n    else {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isType(handler, 'function', {\n                moduleName: 'workbox-routing',\n                className: 'Route',\n                funcName: 'constructor',\n                paramName: 'handler',\n            });\n        }\n        return { handle: handler };\n    }\n};\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { defaultMethod, validMethods } from './utils/constants.js';\nimport { normalizeHandler } from './utils/normalizeHandler.js';\nimport './_version.js';\n/**\n * A `Route` consists of a pair of callback functions, \"match\" and \"handler\".\n * The \"match\" callback determine if a route should be used to \"handle\" a\n * request by returning a non-falsy value if it can. The \"handler\" callback\n * is called when there is a match and should return a Promise that resolves\n * to a `Response`.\n *\n * @memberof workbox-routing\n */\nclass Route {\n    /**\n     * Constructor for Route class.\n     *\n     * @param {workbox-routing~matchCallback} match\n     * A callback function that determines whether the route matches a given\n     * `fetch` event by returning a non-falsy value.\n     * @param {workbox-routing~handlerCallback} handler A callback\n     * function that returns a Promise resolving to a Response.\n     * @param {string} [method='GET'] The HTTP method to match the Route\n     * against.\n     */\n    constructor(match, handler, method = defaultMethod) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isType(match, 'function', {\n                moduleName: 'workbox-routing',\n                className: 'Route',\n                funcName: 'constructor',\n                paramName: 'match',\n            });\n            if (method) {\n                assert.isOneOf(method, validMethods, { paramName: 'method' });\n            }\n        }\n        // These values are referenced directly by Router so cannot be\n        // altered by minificaton.\n        this.handler = normalizeHandler(handler);\n        this.match = match;\n        this.method = method;\n    }\n    /**\n     *\n     * @param {workbox-routing-handlerCallback} handler A callback\n     * function that returns a Promise resolving to a Response\n     */\n    setCatchHandler(handler) {\n        this.catchHandler = normalizeHandler(handler);\n    }\n}\nexport { Route };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { Route } from './Route.js';\nimport './_version.js';\n/**\n * RegExpRoute makes it easy to create a regular expression based\n * {@link workbox-routing.Route}.\n *\n * For same-origin requests the RegExp only needs to match part of the URL. For\n * requests against third-party servers, you must define a RegExp that matches\n * the start of the URL.\n *\n * @memberof workbox-routing\n * @extends workbox-routing.Route\n */\nclass RegExpRoute extends Route {\n    /**\n     * If the regular expression contains\n     * [capture groups]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#grouping-back-references},\n     * the captured values will be passed to the\n     * {@link workbox-routing~handlerCallback} `params`\n     * argument.\n     *\n     * @param {RegExp} regExp The regular expression to match against URLs.\n     * @param {workbox-routing~handlerCallback} handler A callback\n     * function that returns a Promise resulting in a Response.\n     * @param {string} [method='GET'] The HTTP method to match the Route\n     * against.\n     */\n    constructor(regExp, handler, method) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(regExp, RegExp, {\n                moduleName: 'workbox-routing',\n                className: 'RegExpRoute',\n                funcName: 'constructor',\n                paramName: 'pattern',\n            });\n        }\n        const match = ({ url }) => {\n            const result = regExp.exec(url.href);\n            // Return immediately if there's no match.\n            if (!result) {\n                return;\n            }\n            // Require that the match start at the first character in the URL string\n            // if it's a cross-origin request.\n            // See https://github.com/GoogleChrome/workbox/issues/281 for the context\n            // behind this behavior.\n            if (url.origin !== location.origin && result.index !== 0) {\n                if (process.env.NODE_ENV !== 'production') {\n                    logger.debug(`The regular expression '${regExp.toString()}' only partially matched ` +\n                        `against the cross-origin URL '${url.toString()}'. RegExpRoute's will only ` +\n                        `handle cross-origin requests if they match the entire URL.`);\n                }\n                return;\n            }\n            // If the route matches, but there aren't any capture groups defined, then\n            // this will return [], which is truthy and therefore sufficient to\n            // indicate a match.\n            // If there are capture groups, then it will return their values.\n            return result.slice(1);\n        };\n        super(match, handler, method);\n    }\n}\nexport { RegExpRoute };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { defaultMethod } from './utils/constants.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { normalizeHandler } from './utils/normalizeHandler.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport './_version.js';\n/**\n * The Router can be used to process a `FetchEvent` using one or more\n * {@link workbox-routing.Route}, responding with a `Response` if\n * a matching route exists.\n *\n * If no route matches a given a request, the Router will use a \"default\"\n * handler if one is defined.\n *\n * Should the matching Route throw an error, the Router will use a \"catch\"\n * handler if one is defined to gracefully deal with issues and respond with a\n * Request.\n *\n * If a request matches multiple routes, the **earliest** registered route will\n * be used to respond to the request.\n *\n * @memberof workbox-routing\n */\nclass Router {\n    /**\n     * Initializes a new Router.\n     */\n    constructor() {\n        this._routes = new Map();\n        this._defaultHandlerMap = new Map();\n    }\n    /**\n     * @return {Map<string, Array<workbox-routing.Route>>} routes A `Map` of HTTP\n     * method name ('GET', etc.) to an array of all the corresponding `Route`\n     * instances that are registered.\n     */\n    get routes() {\n        return this._routes;\n    }\n    /**\n     * Adds a fetch event listener to respond to events when a route matches\n     * the event's request.\n     */\n    addFetchListener() {\n        // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705\n        self.addEventListener('fetch', ((event) => {\n            const { request } = event;\n            const responsePromise = this.handleRequest({ request, event });\n            if (responsePromise) {\n                event.respondWith(responsePromise);\n            }\n        }));\n    }\n    /**\n     * Adds a message event listener for URLs to cache from the window.\n     * This is useful to cache resources loaded on the page prior to when the\n     * service worker started controlling it.\n     *\n     * The format of the message data sent from the window should be as follows.\n     * Where the `urlsToCache` array may consist of URL strings or an array of\n     * URL string + `requestInit` object (the same as you'd pass to `fetch()`).\n     *\n     * ```\n     * {\n     *   type: 'CACHE_URLS',\n     *   payload: {\n     *     urlsToCache: [\n     *       './script1.js',\n     *       './script2.js',\n     *       ['./script3.js', {mode: 'no-cors'}],\n     *     ],\n     *   },\n     * }\n     * ```\n     */\n    addCacheListener() {\n        // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705\n        self.addEventListener('message', ((event) => {\n            // event.data is type 'any'\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (event.data && event.data.type === 'CACHE_URLS') {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                const { payload } = event.data;\n                if (process.env.NODE_ENV !== 'production') {\n                    logger.debug(`Caching URLs from the window`, payload.urlsToCache);\n                }\n                const requestPromises = Promise.all(payload.urlsToCache.map((entry) => {\n                    if (typeof entry === 'string') {\n                        entry = [entry];\n                    }\n                    const request = new Request(...entry);\n                    return this.handleRequest({ request, event });\n                    // TODO(philipwalton): TypeScript errors without this typecast for\n                    // some reason (probably a bug). The real type here should work but\n                    // doesn't: `Array<Promise<Response> | undefined>`.\n                })); // TypeScript\n                event.waitUntil(requestPromises);\n                // If a MessageChannel was used, reply to the message on success.\n                if (event.ports && event.ports[0]) {\n                    void requestPromises.then(() => event.ports[0].postMessage(true));\n                }\n            }\n        }));\n    }\n    /**\n     * Apply the routing rules to a FetchEvent object to get a Response from an\n     * appropriate Route's handler.\n     *\n     * @param {Object} options\n     * @param {Request} options.request The request to handle.\n     * @param {ExtendableEvent} options.event The event that triggered the\n     *     request.\n     * @return {Promise<Response>|undefined} A promise is returned if a\n     *     registered route can handle the request. If there is no matching\n     *     route and there's no `defaultHandler`, `undefined` is returned.\n     */\n    handleRequest({ request, event, }) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(request, Request, {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'handleRequest',\n                paramName: 'options.request',\n            });\n        }\n        const url = new URL(request.url, location.href);\n        if (!url.protocol.startsWith('http')) {\n            if (process.env.NODE_ENV !== 'production') {\n                logger.debug(`Workbox Router only supports URLs that start with 'http'.`);\n            }\n            return;\n        }\n        const sameOrigin = url.origin === location.origin;\n        const { params, route } = this.findMatchingRoute({\n            event,\n            request,\n            sameOrigin,\n            url,\n        });\n        let handler = route && route.handler;\n        const debugMessages = [];\n        if (process.env.NODE_ENV !== 'production') {\n            if (handler) {\n                debugMessages.push([`Found a route to handle this request:`, route]);\n                if (params) {\n                    debugMessages.push([\n                        `Passing the following params to the route's handler:`,\n                        params,\n                    ]);\n                }\n            }\n        }\n        // If we don't have a handler because there was no matching route, then\n        // fall back to defaultHandler if that's defined.\n        const method = request.method;\n        if (!handler && this._defaultHandlerMap.has(method)) {\n            if (process.env.NODE_ENV !== 'production') {\n                debugMessages.push(`Failed to find a matching route. Falling ` +\n                    `back to the default handler for ${method}.`);\n            }\n            handler = this._defaultHandlerMap.get(method);\n        }\n        if (!handler) {\n            if (process.env.NODE_ENV !== 'production') {\n                // No handler so Workbox will do nothing. If logs is set of debug\n                // i.e. verbose, we should print out this information.\n                logger.debug(`No route found for: ${getFriendlyURL(url)}`);\n            }\n            return;\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            // We have a handler, meaning Workbox is going to handle the route.\n            // print the routing details to the console.\n            logger.groupCollapsed(`Router is responding to: ${getFriendlyURL(url)}`);\n            debugMessages.forEach((msg) => {\n                if (Array.isArray(msg)) {\n                    logger.log(...msg);\n                }\n                else {\n                    logger.log(msg);\n                }\n            });\n            logger.groupEnd();\n        }\n        // Wrap in try and catch in case the handle method throws a synchronous\n        // error. It should still callback to the catch handler.\n        let responsePromise;\n        try {\n            responsePromise = handler.handle({ url, request, event, params });\n        }\n        catch (err) {\n            responsePromise = Promise.reject(err);\n        }\n        // Get route's catch handler, if it exists\n        const catchHandler = route && route.catchHandler;\n        if (responsePromise instanceof Promise &&\n            (this._catchHandler || catchHandler)) {\n            responsePromise = responsePromise.catch(async (err) => {\n                // If there's a route catch handler, process that first\n                if (catchHandler) {\n                    if (process.env.NODE_ENV !== 'production') {\n                        // Still include URL here as it will be async from the console group\n                        // and may not make sense without the URL\n                        logger.groupCollapsed(`Error thrown when responding to: ` +\n                            ` ${getFriendlyURL(url)}. Falling back to route's Catch Handler.`);\n                        logger.error(`Error thrown by:`, route);\n                        logger.error(err);\n                        logger.groupEnd();\n                    }\n                    try {\n                        return await catchHandler.handle({ url, request, event, params });\n                    }\n                    catch (catchErr) {\n                        if (catchErr instanceof Error) {\n                            err = catchErr;\n                        }\n                    }\n                }\n                if (this._catchHandler) {\n                    if (process.env.NODE_ENV !== 'production') {\n                        // Still include URL here as it will be async from the console group\n                        // and may not make sense without the URL\n                        logger.groupCollapsed(`Error thrown when responding to: ` +\n                            ` ${getFriendlyURL(url)}. Falling back to global Catch Handler.`);\n                        logger.error(`Error thrown by:`, route);\n                        logger.error(err);\n                        logger.groupEnd();\n                    }\n                    return this._catchHandler.handle({ url, request, event });\n                }\n                throw err;\n            });\n        }\n        return responsePromise;\n    }\n    /**\n     * Checks a request and URL (and optionally an event) against the list of\n     * registered routes, and if there's a match, returns the corresponding\n     * route along with any params generated by the match.\n     *\n     * @param {Object} options\n     * @param {URL} options.url\n     * @param {boolean} options.sameOrigin The result of comparing `url.origin`\n     *     against the current origin.\n     * @param {Request} options.request The request to match.\n     * @param {Event} options.event The corresponding event.\n     * @return {Object} An object with `route` and `params` properties.\n     *     They are populated if a matching route was found or `undefined`\n     *     otherwise.\n     */\n    findMatchingRoute({ url, sameOrigin, request, event, }) {\n        const routes = this._routes.get(request.method) || [];\n        for (const route of routes) {\n            let params;\n            // route.match returns type any, not possible to change right now.\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n            const matchResult = route.match({ url, sameOrigin, request, event });\n            if (matchResult) {\n                if (process.env.NODE_ENV !== 'production') {\n                    // Warn developers that using an async matchCallback is almost always\n                    // not the right thing to do.\n                    if (matchResult instanceof Promise) {\n                        logger.warn(`While routing ${getFriendlyURL(url)}, an async ` +\n                            `matchCallback function was used. Please convert the ` +\n                            `following route to use a synchronous matchCallback function:`, route);\n                    }\n                }\n                // See https://github.com/GoogleChrome/workbox/issues/2079\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                params = matchResult;\n                if (Array.isArray(params) && params.length === 0) {\n                    // Instead of passing an empty array in as params, use undefined.\n                    params = undefined;\n                }\n                else if (matchResult.constructor === Object && // eslint-disable-line\n                    Object.keys(matchResult).length === 0) {\n                    // Instead of passing an empty object in as params, use undefined.\n                    params = undefined;\n                }\n                else if (typeof matchResult === 'boolean') {\n                    // For the boolean value true (rather than just something truth-y),\n                    // don't set params.\n                    // See https://github.com/GoogleChrome/workbox/pull/2134#issuecomment-513924353\n                    params = undefined;\n                }\n                // Return early if have a match.\n                return { route, params };\n            }\n        }\n        // If no match was found above, return and empty object.\n        return {};\n    }\n    /**\n     * Define a default `handler` that's called when no routes explicitly\n     * match the incoming request.\n     *\n     * Each HTTP method ('GET', 'POST', etc.) gets its own default handler.\n     *\n     * Without a default handler, unmatched requests will go against the\n     * network as if there were no service worker present.\n     *\n     * @param {workbox-routing~handlerCallback} handler A callback\n     * function that returns a Promise resulting in a Response.\n     * @param {string} [method='GET'] The HTTP method to associate with this\n     * default handler. Each method has its own default.\n     */\n    setDefaultHandler(handler, method = defaultMethod) {\n        this._defaultHandlerMap.set(method, normalizeHandler(handler));\n    }\n    /**\n     * If a Route throws an error while handling a request, this `handler`\n     * will be called and given a chance to provide a response.\n     *\n     * @param {workbox-routing~handlerCallback} handler A callback\n     * function that returns a Promise resulting in a Response.\n     */\n    setCatchHandler(handler) {\n        this._catchHandler = normalizeHandler(handler);\n    }\n    /**\n     * Registers a route with the router.\n     *\n     * @param {workbox-routing.Route} route The route to register.\n     */\n    registerRoute(route) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isType(route, 'object', {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'registerRoute',\n                paramName: 'route',\n            });\n            assert.hasMethod(route, 'match', {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'registerRoute',\n                paramName: 'route',\n            });\n            assert.isType(route.handler, 'object', {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'registerRoute',\n                paramName: 'route',\n            });\n            assert.hasMethod(route.handler, 'handle', {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'registerRoute',\n                paramName: 'route.handler',\n            });\n            assert.isType(route.method, 'string', {\n                moduleName: 'workbox-routing',\n                className: 'Router',\n                funcName: 'registerRoute',\n                paramName: 'route.method',\n            });\n        }\n        if (!this._routes.has(route.method)) {\n            this._routes.set(route.method, []);\n        }\n        // Give precedence to all of the earlier routes by adding this additional\n        // route to the end of the array.\n        this._routes.get(route.method).push(route);\n    }\n    /**\n     * Unregisters a route with the router.\n     *\n     * @param {workbox-routing.Route} route The route to unregister.\n     */\n    unregisterRoute(route) {\n        if (!this._routes.has(route.method)) {\n            throw new WorkboxError('unregister-route-but-not-found-with-method', {\n                method: route.method,\n            });\n        }\n        const routeIndex = this._routes.get(route.method).indexOf(route);\n        if (routeIndex > -1) {\n            this._routes.get(route.method).splice(routeIndex, 1);\n        }\n        else {\n            throw new WorkboxError('unregister-route-route-not-registered');\n        }\n    }\n}\nexport { Router };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { Router } from '../Router.js';\nimport '../_version.js';\nlet defaultRouter;\n/**\n * Creates a new, singleton Router instance if one does not exist. If one\n * does already exist, that instance is returned.\n *\n * @private\n * @return {Router}\n */\nexport const getOrCreateDefaultRouter = () => {\n    if (!defaultRouter) {\n        defaultRouter = new Router();\n        // The helpers that use the default Router assume these listeners exist.\n        defaultRouter.addFetchListener();\n        defaultRouter.addCacheListener();\n    }\n    return defaultRouter;\n};\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { Route } from './Route.js';\nimport { RegExpRoute } from './RegExpRoute.js';\nimport { getOrCreateDefaultRouter } from './utils/getOrCreateDefaultRouter.js';\nimport './_version.js';\n/**\n * Easily register a RegExp, string, or function with a caching\n * strategy to a singleton Router instance.\n *\n * This method will generate a Route for you if needed and\n * call {@link workbox-routing.Router#registerRoute}.\n *\n * @param {RegExp|string|workbox-routing.Route~matchCallback|workbox-routing.Route} capture\n * If the capture param is a `Route`, all other arguments will be ignored.\n * @param {workbox-routing~handlerCallback} [handler] A callback\n * function that returns a Promise resulting in a Response. This parameter\n * is required if `capture` is not a `Route` object.\n * @param {string} [method='GET'] The HTTP method to match the Route\n * against.\n * @return {workbox-routing.Route} The generated `Route`.\n *\n * @memberof workbox-routing\n */\nfunction registerRoute(capture, handler, method) {\n    let route;\n    if (typeof capture === 'string') {\n        const captureUrl = new URL(capture, location.href);\n        if (process.env.NODE_ENV !== 'production') {\n            if (!(capture.startsWith('/') || capture.startsWith('http'))) {\n                throw new WorkboxError('invalid-string', {\n                    moduleName: 'workbox-routing',\n                    funcName: 'registerRoute',\n                    paramName: 'capture',\n                });\n            }\n            // We want to check if Express-style wildcards are in the pathname only.\n            // TODO: Remove this log message in v4.\n            const valueToCheck = capture.startsWith('http')\n                ? captureUrl.pathname\n                : capture;\n            // See https://github.com/pillarjs/path-to-regexp#parameters\n            const wildcards = '[*:?+]';\n            if (new RegExp(`${wildcards}`).exec(valueToCheck)) {\n                logger.debug(`The '$capture' parameter contains an Express-style wildcard ` +\n                    `character (${wildcards}). Strings are now always interpreted as ` +\n                    `exact matches; use a RegExp for partial or wildcard matches.`);\n            }\n        }\n        const matchCallback = ({ url }) => {\n            if (process.env.NODE_ENV !== 'production') {\n                if (url.pathname === captureUrl.pathname &&\n                    url.origin !== captureUrl.origin) {\n                    logger.debug(`${capture} only partially matches the cross-origin URL ` +\n                        `${url.toString()}. This route will only handle cross-origin requests ` +\n                        `if they match the entire URL.`);\n                }\n            }\n            return url.href === captureUrl.href;\n        };\n        // If `capture` is a string then `handler` and `method` must be present.\n        route = new Route(matchCallback, handler, method);\n    }\n    else if (capture instanceof RegExp) {\n        // If `capture` is a `RegExp` then `handler` and `method` must be present.\n        route = new RegExpRoute(capture, handler, method);\n    }\n    else if (typeof capture === 'function') {\n        // If `capture` is a function then `handler` and `method` must be present.\n        route = new Route(capture, handler, method);\n    }\n    else if (capture instanceof Route) {\n        route = capture;\n    }\n    else {\n        throw new WorkboxError('unsupported-route-type', {\n            moduleName: 'workbox-routing',\n            funcName: 'registerRoute',\n            paramName: 'capture',\n        });\n    }\n    const defaultRouter = getOrCreateDefaultRouter();\n    defaultRouter.registerRoute(route);\n    return route;\n}\nexport { registerRoute };\n","\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:strategies:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nexport const cacheOkAndOpaquePlugin = {\n    /**\n     * Returns a valid response (to allow caching) if the status is 200 (OK) or\n     * 0 (opaque).\n     *\n     * @param {Object} options\n     * @param {Response} options.response\n     * @return {Response|null}\n     *\n     * @private\n     */\n    cacheWillUpdate: async ({ response }) => {\n        if (response.status === 200 || response.status === 0) {\n            return response;\n        }\n        return null;\n    },\n};\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nconst _cacheNameDetails = {\n    googleAnalytics: 'googleAnalytics',\n    precache: 'precache-v2',\n    prefix: 'workbox',\n    runtime: 'runtime',\n    suffix: typeof registration !== 'undefined' ? registration.scope : '',\n};\nconst _createCacheName = (cacheName) => {\n    return [_cacheNameDetails.prefix, cacheName, _cacheNameDetails.suffix]\n        .filter((value) => value && value.length > 0)\n        .join('-');\n};\nconst eachCacheNameDetail = (fn) => {\n    for (const key of Object.keys(_cacheNameDetails)) {\n        fn(key);\n    }\n};\nexport const cacheNames = {\n    updateDetails: (details) => {\n        eachCacheNameDetail((key) => {\n            if (typeof details[key] === 'string') {\n                _cacheNameDetails[key] = details[key];\n            }\n        });\n    },\n    getGoogleAnalyticsName: (userCacheName) => {\n        return userCacheName || _createCacheName(_cacheNameDetails.googleAnalytics);\n    },\n    getPrecacheName: (userCacheName) => {\n        return userCacheName || _createCacheName(_cacheNameDetails.precache);\n    },\n    getPrefix: () => {\n        return _cacheNameDetails.prefix;\n    },\n    getRuntimeName: (userCacheName) => {\n        return userCacheName || _createCacheName(_cacheNameDetails.runtime);\n    },\n    getSuffix: () => {\n        return _cacheNameDetails.suffix;\n    },\n};\n","/*\n  Copyright 2020 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nfunction stripParams(fullURL, ignoreParams) {\n    const strippedURL = new URL(fullURL);\n    for (const param of ignoreParams) {\n        strippedURL.searchParams.delete(param);\n    }\n    return strippedURL.href;\n}\n/**\n * Matches an item in the cache, ignoring specific URL params. This is similar\n * to the `ignoreSearch` option, but it allows you to ignore just specific\n * params (while continuing to match on the others).\n *\n * @private\n * @param {Cache} cache\n * @param {Request} request\n * @param {Object} matchOptions\n * @param {Array<string>} ignoreParams\n * @return {Promise<Response|undefined>}\n */\nasync function cacheMatchIgnoreParams(cache, request, ignoreParams, matchOptions) {\n    const strippedRequestURL = stripParams(request.url, ignoreParams);\n    // If the request doesn't include any ignored params, match as normal.\n    if (request.url === strippedRequestURL) {\n        return cache.match(request, matchOptions);\n    }\n    // Otherwise, match by comparing keys\n    const keysOptions = Object.assign(Object.assign({}, matchOptions), { ignoreSearch: true });\n    const cacheKeys = await cache.keys(request, keysOptions);\n    for (const cacheKey of cacheKeys) {\n        const strippedCacheKeyURL = stripParams(cacheKey.url, ignoreParams);\n        if (strippedRequestURL === strippedCacheKeyURL) {\n            return cache.match(cacheKey, matchOptions);\n        }\n    }\n    return;\n}\nexport { cacheMatchIgnoreParams };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * The Deferred class composes Promises in a way that allows for them to be\n * resolved or rejected from outside the constructor. In most cases promises\n * should be used directly, but Deferreds can be necessary when the logic to\n * resolve a promise must be separate.\n *\n * @private\n */\nclass Deferred {\n    /**\n     * Creates a promise and exposes its resolve and reject functions as methods.\n     */\n    constructor() {\n        this.promise = new Promise((resolve, reject) => {\n            this.resolve = resolve;\n            this.reject = reject;\n        });\n    }\n}\nexport { Deferred };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n// Callbacks to be executed whenever there's a quota error.\n// Can't change Function type right now.\n// eslint-disable-next-line @typescript-eslint/ban-types\nconst quotaErrorCallbacks = new Set();\nexport { quotaErrorCallbacks };\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { cacheMatchIgnoreParams } from 'workbox-core/_private/cacheMatchIgnoreParams.js';\nimport { Deferred } from 'workbox-core/_private/Deferred.js';\nimport { executeQuotaErrorCallbacks } from 'workbox-core/_private/executeQuotaErrorCallbacks.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { timeout } from 'workbox-core/_private/timeout.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport './_version.js';\nfunction toRequest(input) {\n    return typeof input === 'string' ? new Request(input) : input;\n}\n/**\n * A class created every time a Strategy instance instance calls\n * {@link workbox-strategies.Strategy~handle} or\n * {@link workbox-strategies.Strategy~handleAll} that wraps all fetch and\n * cache actions around plugin callbacks and keeps track of when the strategy\n * is \"done\" (i.e. all added `event.waitUntil()` promises have resolved).\n *\n * @memberof workbox-strategies\n */\nclass StrategyHandler {\n    /**\n     * Creates a new instance associated with the passed strategy and event\n     * that's handling the request.\n     *\n     * The constructor also initializes the state that will be passed to each of\n     * the plugins handling this request.\n     *\n     * @param {workbox-strategies.Strategy} strategy\n     * @param {Object} options\n     * @param {Request|string} options.request A request to run this strategy for.\n     * @param {ExtendableEvent} options.event The event associated with the\n     *     request.\n     * @param {URL} [options.url]\n     * @param {*} [options.params] The return value from the\n     *     {@link workbox-routing~matchCallback} (if applicable).\n     */\n    constructor(strategy, options) {\n        this._cacheKeys = {};\n        /**\n         * The request the strategy is performing (passed to the strategy's\n         * `handle()` or `handleAll()` method).\n         * @name request\n         * @instance\n         * @type {Request}\n         * @memberof workbox-strategies.StrategyHandler\n         */\n        /**\n         * The event associated with this request.\n         * @name event\n         * @instance\n         * @type {ExtendableEvent}\n         * @memberof workbox-strategies.StrategyHandler\n         */\n        /**\n         * A `URL` instance of `request.url` (if passed to the strategy's\n         * `handle()` or `handleAll()` method).\n         * Note: the `url` param will be present if the strategy was invoked\n         * from a workbox `Route` object.\n         * @name url\n         * @instance\n         * @type {URL|undefined}\n         * @memberof workbox-strategies.StrategyHandler\n         */\n        /**\n         * A `param` value (if passed to the strategy's\n         * `handle()` or `handleAll()` method).\n         * Note: the `param` param will be present if the strategy was invoked\n         * from a workbox `Route` object and the\n         * {@link workbox-routing~matchCallback} returned\n         * a truthy value (it will be that value).\n         * @name params\n         * @instance\n         * @type {*|undefined}\n         * @memberof workbox-strategies.StrategyHandler\n         */\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(options.event, ExtendableEvent, {\n                moduleName: 'workbox-strategies',\n                className: 'StrategyHandler',\n                funcName: 'constructor',\n                paramName: 'options.event',\n            });\n        }\n        Object.assign(this, options);\n        this.event = options.event;\n        this._strategy = strategy;\n        this._handlerDeferred = new Deferred();\n        this._extendLifetimePromises = [];\n        // Copy the plugins list (since it's mutable on the strategy),\n        // so any mutations don't affect this handler instance.\n        this._plugins = [...strategy.plugins];\n        this._pluginStateMap = new Map();\n        for (const plugin of this._plugins) {\n            this._pluginStateMap.set(plugin, {});\n        }\n        this.event.waitUntil(this._handlerDeferred.promise);\n    }\n    /**\n     * Fetches a given request (and invokes any applicable plugin callback\n     * methods) using the `fetchOptions` (for non-navigation requests) and\n     * `plugins` defined on the `Strategy` object.\n     *\n     * The following plugin lifecycle methods are invoked when using this method:\n     * - `requestWillFetch()`\n     * - `fetchDidSucceed()`\n     * - `fetchDidFail()`\n     *\n     * @param {Request|string} input The URL or request to fetch.\n     * @return {Promise<Response>}\n     */\n    async fetch(input) {\n        const { event } = this;\n        let request = toRequest(input);\n        if (request.mode === 'navigate' &&\n            event instanceof FetchEvent &&\n            event.preloadResponse) {\n            const possiblePreloadResponse = (await event.preloadResponse);\n            if (possiblePreloadResponse) {\n                if (process.env.NODE_ENV !== 'production') {\n                    logger.log(`Using a preloaded navigation response for ` +\n                        `'${getFriendlyURL(request.url)}'`);\n                }\n                return possiblePreloadResponse;\n            }\n        }\n        // If there is a fetchDidFail plugin, we need to save a clone of the\n        // original request before it's either modified by a requestWillFetch\n        // plugin or before the original request's body is consumed via fetch().\n        const originalRequest = this.hasCallback('fetchDidFail')\n            ? request.clone()\n            : null;\n        try {\n            for (const cb of this.iterateCallbacks('requestWillFetch')) {\n                request = await cb({ request: request.clone(), event });\n            }\n        }\n        catch (err) {\n            if (err instanceof Error) {\n                throw new WorkboxError('plugin-error-request-will-fetch', {\n                    thrownErrorMessage: err.message,\n                });\n            }\n        }\n        // The request can be altered by plugins with `requestWillFetch` making\n        // the original request (most likely from a `fetch` event) different\n        // from the Request we make. Pass both to `fetchDidFail` to aid debugging.\n        const pluginFilteredRequest = request.clone();\n        try {\n            let fetchResponse;\n            // See https://github.com/GoogleChrome/workbox/issues/1796\n            fetchResponse = await fetch(request, request.mode === 'navigate' ? undefined : this._strategy.fetchOptions);\n            if (process.env.NODE_ENV !== 'production') {\n                logger.debug(`Network request for ` +\n                    `'${getFriendlyURL(request.url)}' returned a response with ` +\n                    `status '${fetchResponse.status}'.`);\n            }\n            for (const callback of this.iterateCallbacks('fetchDidSucceed')) {\n                fetchResponse = await callback({\n                    event,\n                    request: pluginFilteredRequest,\n                    response: fetchResponse,\n                });\n            }\n            return fetchResponse;\n        }\n        catch (error) {\n            if (process.env.NODE_ENV !== 'production') {\n                logger.log(`Network request for ` +\n                    `'${getFriendlyURL(request.url)}' threw an error.`, error);\n            }\n            // `originalRequest` will only exist if a `fetchDidFail` callback\n            // is being used (see above).\n            if (originalRequest) {\n                await this.runCallbacks('fetchDidFail', {\n                    error: error,\n                    event,\n                    originalRequest: originalRequest.clone(),\n                    request: pluginFilteredRequest.clone(),\n                });\n            }\n            throw error;\n        }\n    }\n    /**\n     * Calls `this.fetch()` and (in the background) runs `this.cachePut()` on\n     * the response generated by `this.fetch()`.\n     *\n     * The call to `this.cachePut()` automatically invokes `this.waitUntil()`,\n     * so you do not have to manually call `waitUntil()` on the event.\n     *\n     * @param {Request|string} input The request or URL to fetch and cache.\n     * @return {Promise<Response>}\n     */\n    async fetchAndCachePut(input) {\n        const response = await this.fetch(input);\n        const responseClone = response.clone();\n        void this.waitUntil(this.cachePut(input, responseClone));\n        return response;\n    }\n    /**\n     * Matches a request from the cache (and invokes any applicable plugin\n     * callback methods) using the `cacheName`, `matchOptions`, and `plugins`\n     * defined on the strategy object.\n     *\n     * The following plugin lifecycle methods are invoked when using this method:\n     * - cacheKeyWillByUsed()\n     * - cachedResponseWillByUsed()\n     *\n     * @param {Request|string} key The Request or URL to use as the cache key.\n     * @return {Promise<Response|undefined>} A matching response, if found.\n     */\n    async cacheMatch(key) {\n        const request = toRequest(key);\n        let cachedResponse;\n        const { cacheName, matchOptions } = this._strategy;\n        const effectiveRequest = await this.getCacheKey(request, 'read');\n        const multiMatchOptions = Object.assign(Object.assign({}, matchOptions), { cacheName });\n        cachedResponse = await caches.match(effectiveRequest, multiMatchOptions);\n        if (process.env.NODE_ENV !== 'production') {\n            if (cachedResponse) {\n                logger.debug(`Found a cached response in '${cacheName}'.`);\n            }\n            else {\n                logger.debug(`No cached response found in '${cacheName}'.`);\n            }\n        }\n        for (const callback of this.iterateCallbacks('cachedResponseWillBeUsed')) {\n            cachedResponse =\n                (await callback({\n                    cacheName,\n                    matchOptions,\n                    cachedResponse,\n                    request: effectiveRequest,\n                    event: this.event,\n                })) || undefined;\n        }\n        return cachedResponse;\n    }\n    /**\n     * Puts a request/response pair in the cache (and invokes any applicable\n     * plugin callback methods) using the `cacheName` and `plugins` defined on\n     * the strategy object.\n     *\n     * The following plugin lifecycle methods are invoked when using this method:\n     * - cacheKeyWillByUsed()\n     * - cacheWillUpdate()\n     * - cacheDidUpdate()\n     *\n     * @param {Request|string} key The request or URL to use as the cache key.\n     * @param {Response} response The response to cache.\n     * @return {Promise<boolean>} `false` if a cacheWillUpdate caused the response\n     * not be cached, and `true` otherwise.\n     */\n    async cachePut(key, response) {\n        const request = toRequest(key);\n        // Run in the next task to avoid blocking other cache reads.\n        // https://github.com/w3c/ServiceWorker/issues/1397\n        await timeout(0);\n        const effectiveRequest = await this.getCacheKey(request, 'write');\n        if (process.env.NODE_ENV !== 'production') {\n            if (effectiveRequest.method && effectiveRequest.method !== 'GET') {\n                throw new WorkboxError('attempt-to-cache-non-get-request', {\n                    url: getFriendlyURL(effectiveRequest.url),\n                    method: effectiveRequest.method,\n                });\n            }\n            // See https://github.com/GoogleChrome/workbox/issues/2818\n            const vary = response.headers.get('Vary');\n            if (vary) {\n                logger.debug(`The response for ${getFriendlyURL(effectiveRequest.url)} ` +\n                    `has a 'Vary: ${vary}' header. ` +\n                    `Consider setting the {ignoreVary: true} option on your strategy ` +\n                    `to ensure cache matching and deletion works as expected.`);\n            }\n        }\n        if (!response) {\n            if (process.env.NODE_ENV !== 'production') {\n                logger.error(`Cannot cache non-existent response for ` +\n                    `'${getFriendlyURL(effectiveRequest.url)}'.`);\n            }\n            throw new WorkboxError('cache-put-with-no-response', {\n                url: getFriendlyURL(effectiveRequest.url),\n            });\n        }\n        const responseToCache = await this._ensureResponseSafeToCache(response);\n        if (!responseToCache) {\n            if (process.env.NODE_ENV !== 'production') {\n                logger.debug(`Response '${getFriendlyURL(effectiveRequest.url)}' ` +\n                    `will not be cached.`, responseToCache);\n            }\n            return false;\n        }\n        const { cacheName, matchOptions } = this._strategy;\n        const cache = await self.caches.open(cacheName);\n        const hasCacheUpdateCallback = this.hasCallback('cacheDidUpdate');\n        const oldResponse = hasCacheUpdateCallback\n            ? await cacheMatchIgnoreParams(\n            // TODO(philipwalton): the `__WB_REVISION__` param is a precaching\n            // feature. Consider into ways to only add this behavior if using\n            // precaching.\n            cache, effectiveRequest.clone(), ['__WB_REVISION__'], matchOptions)\n            : null;\n        if (process.env.NODE_ENV !== 'production') {\n            logger.debug(`Updating the '${cacheName}' cache with a new Response ` +\n                `for ${getFriendlyURL(effectiveRequest.url)}.`);\n        }\n        try {\n            await cache.put(effectiveRequest, hasCacheUpdateCallback ? responseToCache.clone() : responseToCache);\n        }\n        catch (error) {\n            if (error instanceof Error) {\n                // See https://developer.mozilla.org/en-US/docs/Web/API/DOMException#exception-QuotaExceededError\n                if (error.name === 'QuotaExceededError') {\n                    await executeQuotaErrorCallbacks();\n                }\n                throw error;\n            }\n        }\n        for (const callback of this.iterateCallbacks('cacheDidUpdate')) {\n            await callback({\n                cacheName,\n                oldResponse,\n                newResponse: responseToCache.clone(),\n                request: effectiveRequest,\n                event: this.event,\n            });\n        }\n        return true;\n    }\n    /**\n     * Checks the list of plugins for the `cacheKeyWillBeUsed` callback, and\n     * executes any of those callbacks found in sequence. The final `Request`\n     * object returned by the last plugin is treated as the cache key for cache\n     * reads and/or writes. If no `cacheKeyWillBeUsed` plugin callbacks have\n     * been registered, the passed request is returned unmodified\n     *\n     * @param {Request} request\n     * @param {string} mode\n     * @return {Promise<Request>}\n     */\n    async getCacheKey(request, mode) {\n        const key = `${request.url} | ${mode}`;\n        if (!this._cacheKeys[key]) {\n            let effectiveRequest = request;\n            for (const callback of this.iterateCallbacks('cacheKeyWillBeUsed')) {\n                effectiveRequest = toRequest(await callback({\n                    mode,\n                    request: effectiveRequest,\n                    event: this.event,\n                    // params has a type any can't change right now.\n                    params: this.params, // eslint-disable-line\n                }));\n            }\n            this._cacheKeys[key] = effectiveRequest;\n        }\n        return this._cacheKeys[key];\n    }\n    /**\n     * Returns true if the strategy has at least one plugin with the given\n     * callback.\n     *\n     * @param {string} name The name of the callback to check for.\n     * @return {boolean}\n     */\n    hasCallback(name) {\n        for (const plugin of this._strategy.plugins) {\n            if (name in plugin) {\n                return true;\n            }\n        }\n        return false;\n    }\n    /**\n     * Runs all plugin callbacks matching the given name, in order, passing the\n     * given param object (merged ith the current plugin state) as the only\n     * argument.\n     *\n     * Note: since this method runs all plugins, it's not suitable for cases\n     * where the return value of a callback needs to be applied prior to calling\n     * the next callback. See\n     * {@link workbox-strategies.StrategyHandler#iterateCallbacks}\n     * below for how to handle that case.\n     *\n     * @param {string} name The name of the callback to run within each plugin.\n     * @param {Object} param The object to pass as the first (and only) param\n     *     when executing each callback. This object will be merged with the\n     *     current plugin state prior to callback execution.\n     */\n    async runCallbacks(name, param) {\n        for (const callback of this.iterateCallbacks(name)) {\n            // TODO(philipwalton): not sure why `any` is needed. It seems like\n            // this should work with `as WorkboxPluginCallbackParam[C]`.\n            await callback(param);\n        }\n    }\n    /**\n     * Accepts a callback and returns an iterable of matching plugin callbacks,\n     * where each callback is wrapped with the current handler state (i.e. when\n     * you call each callback, whatever object parameter you pass it will\n     * be merged with the plugin's current state).\n     *\n     * @param {string} name The name fo the callback to run\n     * @return {Array<Function>}\n     */\n    *iterateCallbacks(name) {\n        for (const plugin of this._strategy.plugins) {\n            if (typeof plugin[name] === 'function') {\n                const state = this._pluginStateMap.get(plugin);\n                const statefulCallback = (param) => {\n                    const statefulParam = Object.assign(Object.assign({}, param), { state });\n                    // TODO(philipwalton): not sure why `any` is needed. It seems like\n                    // this should work with `as WorkboxPluginCallbackParam[C]`.\n                    return plugin[name](statefulParam);\n                };\n                yield statefulCallback;\n            }\n        }\n    }\n    /**\n     * Adds a promise to the\n     * [extend lifetime promises]{@link https://w3c.github.io/ServiceWorker/#extendableevent-extend-lifetime-promises}\n     * of the event event associated with the request being handled (usually a\n     * `FetchEvent`).\n     *\n     * Note: you can await\n     * {@link workbox-strategies.StrategyHandler~doneWaiting}\n     * to know when all added promises have settled.\n     *\n     * @param {Promise} promise A promise to add to the extend lifetime promises\n     *     of the event that triggered the request.\n     */\n    waitUntil(promise) {\n        this._extendLifetimePromises.push(promise);\n        return promise;\n    }\n    /**\n     * Returns a promise that resolves once all promises passed to\n     * {@link workbox-strategies.StrategyHandler~waitUntil}\n     * have settled.\n     *\n     * Note: any work done after `doneWaiting()` settles should be manually\n     * passed to an event's `waitUntil()` method (not this handler's\n     * `waitUntil()` method), otherwise the service worker thread my be killed\n     * prior to your work completing.\n     */\n    async doneWaiting() {\n        let promise;\n        while ((promise = this._extendLifetimePromises.shift())) {\n            await promise;\n        }\n    }\n    /**\n     * Stops running the strategy and immediately resolves any pending\n     * `waitUntil()` promises.\n     */\n    destroy() {\n        this._handlerDeferred.resolve(null);\n    }\n    /**\n     * This method will call cacheWillUpdate on the available plugins (or use\n     * status === 200) to determine if the Response is safe and valid to cache.\n     *\n     * @param {Request} options.request\n     * @param {Response} options.response\n     * @return {Promise<Response|undefined>}\n     *\n     * @private\n     */\n    async _ensureResponseSafeToCache(response) {\n        let responseToCache = response;\n        let pluginsUsed = false;\n        for (const callback of this.iterateCallbacks('cacheWillUpdate')) {\n            responseToCache =\n                (await callback({\n                    request: this.request,\n                    response: responseToCache,\n                    event: this.event,\n                })) || undefined;\n            pluginsUsed = true;\n            if (!responseToCache) {\n                break;\n            }\n        }\n        if (!pluginsUsed) {\n            if (responseToCache && responseToCache.status !== 200) {\n                responseToCache = undefined;\n            }\n            if (process.env.NODE_ENV !== 'production') {\n                if (responseToCache) {\n                    if (responseToCache.status !== 200) {\n                        if (responseToCache.status === 0) {\n                            logger.warn(`The response for '${this.request.url}' ` +\n                                `is an opaque response. The caching strategy that you're ` +\n                                `using will not cache opaque responses by default.`);\n                        }\n                        else {\n                            logger.debug(`The response for '${this.request.url}' ` +\n                                `returned a status code of '${response.status}' and won't ` +\n                                `be cached as a result.`);\n                        }\n                    }\n                }\n            }\n        }\n        return responseToCache;\n    }\n}\nexport { StrategyHandler };\n","/*\n  Copyright 2019 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * Returns a promise that resolves and the passed number of milliseconds.\n * This utility is an async/await-friendly version of `setTimeout`.\n *\n * @param {number} ms\n * @return {Promise}\n * @private\n */\nexport function timeout(ms) {\n    return new Promise((resolve) => setTimeout(resolve, ms));\n}\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nconst getFriendlyURL = (url) => {\n    const urlObj = new URL(String(url), location.href);\n    // See https://github.com/GoogleChrome/workbox/issues/2323\n    // We want to include everything, except for the origin if it's same-origin.\n    return urlObj.href.replace(new RegExp(`^${location.origin}`), '');\n};\nexport { getFriendlyURL };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { logger } from '../_private/logger.js';\nimport { quotaErrorCallbacks } from '../models/quotaErrorCallbacks.js';\nimport '../_version.js';\n/**\n * Runs all of the callback functions, one at a time sequentially, in the order\n * in which they were registered.\n *\n * @memberof workbox-core\n * @private\n */\nasync function executeQuotaErrorCallbacks() {\n    if (process.env.NODE_ENV !== 'production') {\n        logger.log(`About to run ${quotaErrorCallbacks.size} ` +\n            `callbacks to clean up caches.`);\n    }\n    for (const callback of quotaErrorCallbacks) {\n        await callback();\n        if (process.env.NODE_ENV !== 'production') {\n            logger.log(callback, 'is complete.');\n        }\n    }\n    if (process.env.NODE_ENV !== 'production') {\n        logger.log('Finished running callbacks.');\n    }\n}\nexport { executeQuotaErrorCallbacks };\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { cacheNames } from 'workbox-core/_private/cacheNames.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { StrategyHandler } from './StrategyHandler.js';\nimport './_version.js';\n/**\n * An abstract base class that all other strategy classes must extend from:\n *\n * @memberof workbox-strategies\n */\nclass Strategy {\n    /**\n     * Creates a new instance of the strategy and sets all documented option\n     * properties as public instance properties.\n     *\n     * Note: if a custom strategy class extends the base Strategy class and does\n     * not need more than these properties, it does not need to define its own\n     * constructor.\n     *\n     * @param {Object} [options]\n     * @param {string} [options.cacheName] Cache name to store and retrieve\n     * requests. Defaults to the cache names provided by\n     * {@link workbox-core.cacheNames}.\n     * @param {Array<Object>} [options.plugins] [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}\n     * to use in conjunction with this caching strategy.\n     * @param {Object} [options.fetchOptions] Values passed along to the\n     * [`init`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters)\n     * of [non-navigation](https://github.com/GoogleChrome/workbox/issues/1796)\n     * `fetch()` requests made by this strategy.\n     * @param {Object} [options.matchOptions] The\n     * [`CacheQueryOptions`]{@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions}\n     * for any `cache.match()` or `cache.put()` calls made by this strategy.\n     */\n    constructor(options = {}) {\n        /**\n         * Cache name to store and retrieve\n         * requests. Defaults to the cache names provided by\n         * {@link workbox-core.cacheNames}.\n         *\n         * @type {string}\n         */\n        this.cacheName = cacheNames.getRuntimeName(options.cacheName);\n        /**\n         * The list\n         * [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}\n         * used by this strategy.\n         *\n         * @type {Array<Object>}\n         */\n        this.plugins = options.plugins || [];\n        /**\n         * Values passed along to the\n         * [`init`]{@link https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters}\n         * of all fetch() requests made by this strategy.\n         *\n         * @type {Object}\n         */\n        this.fetchOptions = options.fetchOptions;\n        /**\n         * The\n         * [`CacheQueryOptions`]{@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions}\n         * for any `cache.match()` or `cache.put()` calls made by this strategy.\n         *\n         * @type {Object}\n         */\n        this.matchOptions = options.matchOptions;\n    }\n    /**\n     * Perform a request strategy and returns a `Promise` that will resolve with\n     * a `Response`, invoking all relevant plugin callbacks.\n     *\n     * When a strategy instance is registered with a Workbox\n     * {@link workbox-routing.Route}, this method is automatically\n     * called when the route matches.\n     *\n     * Alternatively, this method can be used in a standalone `FetchEvent`\n     * listener by passing it to `event.respondWith()`.\n     *\n     * @param {FetchEvent|Object} options A `FetchEvent` or an object with the\n     *     properties listed below.\n     * @param {Request|string} options.request A request to run this strategy for.\n     * @param {ExtendableEvent} options.event The event associated with the\n     *     request.\n     * @param {URL} [options.url]\n     * @param {*} [options.params]\n     */\n    handle(options) {\n        const [responseDone] = this.handleAll(options);\n        return responseDone;\n    }\n    /**\n     * Similar to {@link workbox-strategies.Strategy~handle}, but\n     * instead of just returning a `Promise` that resolves to a `Response` it\n     * it will return an tuple of `[response, done]` promises, where the former\n     * (`response`) is equivalent to what `handle()` returns, and the latter is a\n     * Promise that will resolve once any promises that were added to\n     * `event.waitUntil()` as part of performing the strategy have completed.\n     *\n     * You can await the `done` promise to ensure any extra work performed by\n     * the strategy (usually caching responses) completes successfully.\n     *\n     * @param {FetchEvent|Object} options A `FetchEvent` or an object with the\n     *     properties listed below.\n     * @param {Request|string} options.request A request to run this strategy for.\n     * @param {ExtendableEvent} options.event The event associated with the\n     *     request.\n     * @param {URL} [options.url]\n     * @param {*} [options.params]\n     * @return {Array<Promise>} A tuple of [response, done]\n     *     promises that can be used to determine when the response resolves as\n     *     well as when the handler has completed all its work.\n     */\n    handleAll(options) {\n        // Allow for flexible options to be passed.\n        if (options instanceof FetchEvent) {\n            options = {\n                event: options,\n                request: options.request,\n            };\n        }\n        const event = options.event;\n        const request = typeof options.request === 'string'\n            ? new Request(options.request)\n            : options.request;\n        const params = 'params' in options ? options.params : undefined;\n        const handler = new StrategyHandler(this, { event, request, params });\n        const responseDone = this._getResponse(handler, request, event);\n        const handlerDone = this._awaitComplete(responseDone, handler, request, event);\n        // Return an array of promises, suitable for use with Promise.all().\n        return [responseDone, handlerDone];\n    }\n    async _getResponse(handler, request, event) {\n        await handler.runCallbacks('handlerWillStart', { event, request });\n        let response = undefined;\n        try {\n            response = await this._handle(request, handler);\n            // The \"official\" Strategy subclasses all throw this error automatically,\n            // but in case a third-party Strategy doesn't, ensure that we have a\n            // consistent failure when there's no response or an error response.\n            if (!response || response.type === 'error') {\n                throw new WorkboxError('no-response', { url: request.url });\n            }\n        }\n        catch (error) {\n            if (error instanceof Error) {\n                for (const callback of handler.iterateCallbacks('handlerDidError')) {\n                    response = await callback({ error, event, request });\n                    if (response) {\n                        break;\n                    }\n                }\n            }\n            if (!response) {\n                throw error;\n            }\n            else if (process.env.NODE_ENV !== 'production') {\n                logger.log(`While responding to '${getFriendlyURL(request.url)}', ` +\n                    `an ${error instanceof Error ? error.toString() : ''} error occurred. Using a fallback response provided by ` +\n                    `a handlerDidError plugin.`);\n            }\n        }\n        for (const callback of handler.iterateCallbacks('handlerWillRespond')) {\n            response = await callback({ event, request, response });\n        }\n        return response;\n    }\n    async _awaitComplete(responseDone, handler, request, event) {\n        let response;\n        let error;\n        try {\n            response = await responseDone;\n        }\n        catch (error) {\n            // Ignore errors, as response errors should be caught via the `response`\n            // promise above. The `done` promise will only throw for errors in\n            // promises passed to `handler.waitUntil()`.\n        }\n        try {\n            await handler.runCallbacks('handlerDidRespond', {\n                event,\n                request,\n                response,\n            });\n            await handler.doneWaiting();\n        }\n        catch (waitUntilError) {\n            if (waitUntilError instanceof Error) {\n                error = waitUntilError;\n            }\n        }\n        await handler.runCallbacks('handlerDidComplete', {\n            event,\n            request,\n            response,\n            error: error,\n        });\n        handler.destroy();\n        if (error) {\n            throw error;\n        }\n    }\n}\nexport { Strategy };\n/**\n * Classes extending the `Strategy` based class should implement this method,\n * and leverage the {@link workbox-strategies.StrategyHandler}\n * arg to perform all fetching and cache logic, which will ensure all relevant\n * cache, cache options, fetch options and plugins are used (per the current\n * strategy instance).\n *\n * @name _handle\n * @instance\n * @abstract\n * @function\n * @param {Request} request\n * @param {workbox-strategies.StrategyHandler} handler\n * @return {Promise<Response>}\n *\n * @memberof workbox-strategies.Strategy\n */\n","/*\n  Copyright 2019 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * A helper function that prevents a promise from being flagged as unused.\n *\n * @private\n **/\nexport function dontWaitFor(promise) {\n    // Effective no-op.\n    void promise.then(() => { });\n}\n","const instanceOfAny = (object, constructors) => constructors.some((c) => object instanceof c);\n\nlet idbProxyableTypes;\nlet cursorAdvanceMethods;\n// This is a function to prevent it throwing up in node environments.\nfunction getIdbProxyableTypes() {\n    return (idbProxyableTypes ||\n        (idbProxyableTypes = [\n            IDBDatabase,\n            IDBObjectStore,\n            IDBIndex,\n            IDBCursor,\n            IDBTransaction,\n        ]));\n}\n// This is a function to prevent it throwing up in node environments.\nfunction getCursorAdvanceMethods() {\n    return (cursorAdvanceMethods ||\n        (cursorAdvanceMethods = [\n            IDBCursor.prototype.advance,\n            IDBCursor.prototype.continue,\n            IDBCursor.prototype.continuePrimaryKey,\n        ]));\n}\nconst cursorRequestMap = new WeakMap();\nconst transactionDoneMap = new WeakMap();\nconst transactionStoreNamesMap = new WeakMap();\nconst transformCache = new WeakMap();\nconst reverseTransformCache = new WeakMap();\nfunction promisifyRequest(request) {\n    const promise = new Promise((resolve, reject) => {\n        const unlisten = () => {\n            request.removeEventListener('success', success);\n            request.removeEventListener('error', error);\n        };\n        const success = () => {\n            resolve(wrap(request.result));\n            unlisten();\n        };\n        const error = () => {\n            reject(request.error);\n            unlisten();\n        };\n        request.addEventListener('success', success);\n        request.addEventListener('error', error);\n    });\n    promise\n        .then((value) => {\n        // Since cursoring reuses the IDBRequest (*sigh*), we cache it for later retrieval\n        // (see wrapFunction).\n        if (value instanceof IDBCursor) {\n            cursorRequestMap.set(value, request);\n        }\n        // Catching to avoid \"Uncaught Promise exceptions\"\n    })\n        .catch(() => { });\n    // This mapping exists in reverseTransformCache but doesn't doesn't exist in transformCache. This\n    // is because we create many promises from a single IDBRequest.\n    reverseTransformCache.set(promise, request);\n    return promise;\n}\nfunction cacheDonePromiseForTransaction(tx) {\n    // Early bail if we've already created a done promise for this transaction.\n    if (transactionDoneMap.has(tx))\n        return;\n    const done = new Promise((resolve, reject) => {\n        const unlisten = () => {\n            tx.removeEventListener('complete', complete);\n            tx.removeEventListener('error', error);\n            tx.removeEventListener('abort', error);\n        };\n        const complete = () => {\n            resolve();\n            unlisten();\n        };\n        const error = () => {\n            reject(tx.error || new DOMException('AbortError', 'AbortError'));\n            unlisten();\n        };\n        tx.addEventListener('complete', complete);\n        tx.addEventListener('error', error);\n        tx.addEventListener('abort', error);\n    });\n    // Cache it for later retrieval.\n    transactionDoneMap.set(tx, done);\n}\nlet idbProxyTraps = {\n    get(target, prop, receiver) {\n        if (target instanceof IDBTransaction) {\n            // Special handling for transaction.done.\n            if (prop === 'done')\n                return transactionDoneMap.get(target);\n            // Polyfill for objectStoreNames because of Edge.\n            if (prop === 'objectStoreNames') {\n                return target.objectStoreNames || transactionStoreNamesMap.get(target);\n            }\n            // Make tx.store return the only store in the transaction, or undefined if there are many.\n            if (prop === 'store') {\n                return receiver.objectStoreNames[1]\n                    ? undefined\n                    : receiver.objectStore(receiver.objectStoreNames[0]);\n            }\n        }\n        // Else transform whatever we get back.\n        return wrap(target[prop]);\n    },\n    set(target, prop, value) {\n        target[prop] = value;\n        return true;\n    },\n    has(target, prop) {\n        if (target instanceof IDBTransaction &&\n            (prop === 'done' || prop === 'store')) {\n            return true;\n        }\n        return prop in target;\n    },\n};\nfunction replaceTraps(callback) {\n    idbProxyTraps = callback(idbProxyTraps);\n}\nfunction wrapFunction(func) {\n    // Due to expected object equality (which is enforced by the caching in `wrap`), we\n    // only create one new func per func.\n    // Edge doesn't support objectStoreNames (booo), so we polyfill it here.\n    if (func === IDBDatabase.prototype.transaction &&\n        !('objectStoreNames' in IDBTransaction.prototype)) {\n        return function (storeNames, ...args) {\n            const tx = func.call(unwrap(this), storeNames, ...args);\n            transactionStoreNamesMap.set(tx, storeNames.sort ? storeNames.sort() : [storeNames]);\n            return wrap(tx);\n        };\n    }\n    // Cursor methods are special, as the behaviour is a little more different to standard IDB. In\n    // IDB, you advance the cursor and wait for a new 'success' on the IDBRequest that gave you the\n    // cursor. It's kinda like a promise that can resolve with many values. That doesn't make sense\n    // with real promises, so each advance methods returns a new promise for the cursor object, or\n    // undefined if the end of the cursor has been reached.\n    if (getCursorAdvanceMethods().includes(func)) {\n        return function (...args) {\n            // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use\n            // the original object.\n            func.apply(unwrap(this), args);\n            return wrap(cursorRequestMap.get(this));\n        };\n    }\n    return function (...args) {\n        // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use\n        // the original object.\n        return wrap(func.apply(unwrap(this), args));\n    };\n}\nfunction transformCachableValue(value) {\n    if (typeof value === 'function')\n        return wrapFunction(value);\n    // This doesn't return, it just creates a 'done' promise for the transaction,\n    // which is later returned for transaction.done (see idbObjectHandler).\n    if (value instanceof IDBTransaction)\n        cacheDonePromiseForTransaction(value);\n    if (instanceOfAny(value, getIdbProxyableTypes()))\n        return new Proxy(value, idbProxyTraps);\n    // Return the same value back if we're not going to transform it.\n    return value;\n}\nfunction wrap(value) {\n    // We sometimes generate multiple promises from a single IDBRequest (eg when cursoring), because\n    // IDB is weird and a single IDBRequest can yield many responses, so these can't be cached.\n    if (value instanceof IDBRequest)\n        return promisifyRequest(value);\n    // If we've already transformed this value before, reuse the transformed value.\n    // This is faster, but it also provides object equality.\n    if (transformCache.has(value))\n        return transformCache.get(value);\n    const newValue = transformCachableValue(value);\n    // Not all types are transformed.\n    // These may be primitive types, so they can't be WeakMap keys.\n    if (newValue !== value) {\n        transformCache.set(value, newValue);\n        reverseTransformCache.set(newValue, value);\n    }\n    return newValue;\n}\nconst unwrap = (value) => reverseTransformCache.get(value);\n\nexport { reverseTransformCache as a, instanceOfAny as i, replaceTraps as r, unwrap as u, wrap as w };\n","import { w as wrap, r as replaceTraps } from './wrap-idb-value.js';\nexport { u as unwrap, w as wrap } from './wrap-idb-value.js';\n\n/**\n * Open a database.\n *\n * @param name Name of the database.\n * @param version Schema version.\n * @param callbacks Additional callbacks.\n */\nfunction openDB(name, version, { blocked, upgrade, blocking, terminated } = {}) {\n    const request = indexedDB.open(name, version);\n    const openPromise = wrap(request);\n    if (upgrade) {\n        request.addEventListener('upgradeneeded', (event) => {\n            upgrade(wrap(request.result), event.oldVersion, event.newVersion, wrap(request.transaction), event);\n        });\n    }\n    if (blocked) {\n        request.addEventListener('blocked', (event) => blocked(\n        // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405\n        event.oldVersion, event.newVersion, event));\n    }\n    openPromise\n        .then((db) => {\n        if (terminated)\n            db.addEventListener('close', () => terminated());\n        if (blocking) {\n            db.addEventListener('versionchange', (event) => blocking(event.oldVersion, event.newVersion, event));\n        }\n    })\n        .catch(() => { });\n    return openPromise;\n}\n/**\n * Delete a database.\n *\n * @param name Name of the database.\n */\nfunction deleteDB(name, { blocked } = {}) {\n    const request = indexedDB.deleteDatabase(name);\n    if (blocked) {\n        request.addEventListener('blocked', (event) => blocked(\n        // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405\n        event.oldVersion, event));\n    }\n    return wrap(request).then(() => undefined);\n}\n\nconst readMethods = ['get', 'getKey', 'getAll', 'getAllKeys', 'count'];\nconst writeMethods = ['put', 'add', 'delete', 'clear'];\nconst cachedMethods = new Map();\nfunction getMethod(target, prop) {\n    if (!(target instanceof IDBDatabase &&\n        !(prop in target) &&\n        typeof prop === 'string')) {\n        return;\n    }\n    if (cachedMethods.get(prop))\n        return cachedMethods.get(prop);\n    const targetFuncName = prop.replace(/FromIndex$/, '');\n    const useIndex = prop !== targetFuncName;\n    const isWrite = writeMethods.includes(targetFuncName);\n    if (\n    // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.\n    !(targetFuncName in (useIndex ? IDBIndex : IDBObjectStore).prototype) ||\n        !(isWrite || readMethods.includes(targetFuncName))) {\n        return;\n    }\n    const method = async function (storeName, ...args) {\n        // isWrite ? 'readwrite' : undefined gzipps better, but fails in Edge :(\n        const tx = this.transaction(storeName, isWrite ? 'readwrite' : 'readonly');\n        let target = tx.store;\n        if (useIndex)\n            target = target.index(args.shift());\n        // Must reject if op rejects.\n        // If it's a write operation, must reject if tx.done rejects.\n        // Must reject with op rejection first.\n        // Must resolve with op value.\n        // Must handle both promises (no unhandled rejections)\n        return (await Promise.all([\n            target[targetFuncName](...args),\n            isWrite && tx.done,\n        ]))[0];\n    };\n    cachedMethods.set(prop, method);\n    return method;\n}\nreplaceTraps((oldTraps) => ({\n    ...oldTraps,\n    get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),\n    has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop),\n}));\n\nexport { deleteDB, openDB };\n","\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:expiration:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { openDB, deleteDB } from 'idb';\nimport '../_version.js';\nconst DB_NAME = 'workbox-expiration';\nconst CACHE_OBJECT_STORE = 'cache-entries';\nconst normalizeURL = (unNormalizedUrl) => {\n    const url = new URL(unNormalizedUrl, location.href);\n    url.hash = '';\n    return url.href;\n};\n/**\n * Returns the timestamp model.\n *\n * @private\n */\nclass CacheTimestampsModel {\n    /**\n     *\n     * @param {string} cacheName\n     *\n     * @private\n     */\n    constructor(cacheName) {\n        this._db = null;\n        this._cacheName = cacheName;\n    }\n    /**\n     * Performs an upgrade of indexedDB.\n     *\n     * @param {IDBPDatabase<CacheDbSchema>} db\n     *\n     * @private\n     */\n    _upgradeDb(db) {\n        // TODO(philipwalton): EdgeHTML doesn't support arrays as a keyPath, so we\n        // have to use the `id` keyPath here and create our own values (a\n        // concatenation of `url + cacheName`) instead of simply using\n        // `keyPath: ['url', 'cacheName']`, which is supported in other browsers.\n        const objStore = db.createObjectStore(CACHE_OBJECT_STORE, { keyPath: 'id' });\n        // TODO(philipwalton): once we don't have to support EdgeHTML, we can\n        // create a single index with the keyPath `['cacheName', 'timestamp']`\n        // instead of doing both these indexes.\n        objStore.createIndex('cacheName', 'cacheName', { unique: false });\n        objStore.createIndex('timestamp', 'timestamp', { unique: false });\n    }\n    /**\n     * Performs an upgrade of indexedDB and deletes deprecated DBs.\n     *\n     * @param {IDBPDatabase<CacheDbSchema>} db\n     *\n     * @private\n     */\n    _upgradeDbAndDeleteOldDbs(db) {\n        this._upgradeDb(db);\n        if (this._cacheName) {\n            void deleteDB(this._cacheName);\n        }\n    }\n    /**\n     * @param {string} url\n     * @param {number} timestamp\n     *\n     * @private\n     */\n    async setTimestamp(url, timestamp) {\n        url = normalizeURL(url);\n        const entry = {\n            url,\n            timestamp,\n            cacheName: this._cacheName,\n            // Creating an ID from the URL and cache name won't be necessary once\n            // Edge switches to Chromium and all browsers we support work with\n            // array keyPaths.\n            id: this._getId(url),\n        };\n        const db = await this.getDb();\n        const tx = db.transaction(CACHE_OBJECT_STORE, 'readwrite', {\n            durability: 'relaxed',\n        });\n        await tx.store.put(entry);\n        await tx.done;\n    }\n    /**\n     * Returns the timestamp stored for a given URL.\n     *\n     * @param {string} url\n     * @return {number | undefined}\n     *\n     * @private\n     */\n    async getTimestamp(url) {\n        const db = await this.getDb();\n        const entry = await db.get(CACHE_OBJECT_STORE, this._getId(url));\n        return entry === null || entry === void 0 ? void 0 : entry.timestamp;\n    }\n    /**\n     * Iterates through all the entries in the object store (from newest to\n     * oldest) and removes entries once either `maxCount` is reached or the\n     * entry's timestamp is less than `minTimestamp`.\n     *\n     * @param {number} minTimestamp\n     * @param {number} maxCount\n     * @return {Array<string>}\n     *\n     * @private\n     */\n    async expireEntries(minTimestamp, maxCount) {\n        const db = await this.getDb();\n        let cursor = await db\n            .transaction(CACHE_OBJECT_STORE)\n            .store.index('timestamp')\n            .openCursor(null, 'prev');\n        const entriesToDelete = [];\n        let entriesNotDeletedCount = 0;\n        while (cursor) {\n            const result = cursor.value;\n            // TODO(philipwalton): once we can use a multi-key index, we\n            // won't have to check `cacheName` here.\n            if (result.cacheName === this._cacheName) {\n                // Delete an entry if it's older than the max age or\n                // if we already have the max number allowed.\n                if ((minTimestamp && result.timestamp < minTimestamp) ||\n                    (maxCount && entriesNotDeletedCount >= maxCount)) {\n                    // TODO(philipwalton): we should be able to delete the\n                    // entry right here, but doing so causes an iteration\n                    // bug in Safari stable (fixed in TP). Instead we can\n                    // store the keys of the entries to delete, and then\n                    // delete the separate transactions.\n                    // https://github.com/GoogleChrome/workbox/issues/1978\n                    // cursor.delete();\n                    // We only need to return the URL, not the whole entry.\n                    entriesToDelete.push(cursor.value);\n                }\n                else {\n                    entriesNotDeletedCount++;\n                }\n            }\n            cursor = await cursor.continue();\n        }\n        // TODO(philipwalton): once the Safari bug in the following issue is fixed,\n        // we should be able to remove this loop and do the entry deletion in the\n        // cursor loop above:\n        // https://github.com/GoogleChrome/workbox/issues/1978\n        const urlsDeleted = [];\n        for (const entry of entriesToDelete) {\n            await db.delete(CACHE_OBJECT_STORE, entry.id);\n            urlsDeleted.push(entry.url);\n        }\n        return urlsDeleted;\n    }\n    /**\n     * Takes a URL and returns an ID that will be unique in the object store.\n     *\n     * @param {string} url\n     * @return {string}\n     *\n     * @private\n     */\n    _getId(url) {\n        // Creating an ID from the URL and cache name won't be necessary once\n        // Edge switches to Chromium and all browsers we support work with\n        // array keyPaths.\n        return this._cacheName + '|' + normalizeURL(url);\n    }\n    /**\n     * Returns an open connection to the database.\n     *\n     * @private\n     */\n    async getDb() {\n        if (!this._db) {\n            this._db = await openDB(DB_NAME, 1, {\n                upgrade: this._upgradeDbAndDeleteOldDbs.bind(this),\n            });\n        }\n        return this._db;\n    }\n}\nexport { CacheTimestampsModel };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { dontWaitFor } from 'workbox-core/_private/dontWaitFor.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { CacheTimestampsModel } from './models/CacheTimestampsModel.js';\nimport './_version.js';\n/**\n * The `CacheExpiration` class allows you define an expiration and / or\n * limit on the number of responses stored in a\n * [`Cache`](https://developer.mozilla.org/en-US/docs/Web/API/Cache).\n *\n * @memberof workbox-expiration\n */\nclass CacheExpiration {\n    /**\n     * To construct a new CacheExpiration instance you must provide at least\n     * one of the `config` properties.\n     *\n     * @param {string} cacheName Name of the cache to apply restrictions to.\n     * @param {Object} config\n     * @param {number} [config.maxEntries] The maximum number of entries to cache.\n     * Entries used the least will be removed as the maximum is reached.\n     * @param {number} [config.maxAgeSeconds] The maximum age of an entry before\n     * it's treated as stale and removed.\n     * @param {Object} [config.matchOptions] The [`CacheQueryOptions`](https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete#Parameters)\n     * that will be used when calling `delete()` on the cache.\n     */\n    constructor(cacheName, config = {}) {\n        this._isRunning = false;\n        this._rerunRequested = false;\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isType(cacheName, 'string', {\n                moduleName: 'workbox-expiration',\n                className: 'CacheExpiration',\n                funcName: 'constructor',\n                paramName: 'cacheName',\n            });\n            if (!(config.maxEntries || config.maxAgeSeconds)) {\n                throw new WorkboxError('max-entries-or-age-required', {\n                    moduleName: 'workbox-expiration',\n                    className: 'CacheExpiration',\n                    funcName: 'constructor',\n                });\n            }\n            if (config.maxEntries) {\n                assert.isType(config.maxEntries, 'number', {\n                    moduleName: 'workbox-expiration',\n                    className: 'CacheExpiration',\n                    funcName: 'constructor',\n                    paramName: 'config.maxEntries',\n                });\n            }\n            if (config.maxAgeSeconds) {\n                assert.isType(config.maxAgeSeconds, 'number', {\n                    moduleName: 'workbox-expiration',\n                    className: 'CacheExpiration',\n                    funcName: 'constructor',\n                    paramName: 'config.maxAgeSeconds',\n                });\n            }\n        }\n        this._maxEntries = config.maxEntries;\n        this._maxAgeSeconds = config.maxAgeSeconds;\n        this._matchOptions = config.matchOptions;\n        this._cacheName = cacheName;\n        this._timestampModel = new CacheTimestampsModel(cacheName);\n    }\n    /**\n     * Expires entries for the given cache and given criteria.\n     */\n    async expireEntries() {\n        if (this._isRunning) {\n            this._rerunRequested = true;\n            return;\n        }\n        this._isRunning = true;\n        const minTimestamp = this._maxAgeSeconds\n            ? Date.now() - this._maxAgeSeconds * 1000\n            : 0;\n        const urlsExpired = await this._timestampModel.expireEntries(minTimestamp, this._maxEntries);\n        // Delete URLs from the cache\n        const cache = await self.caches.open(this._cacheName);\n        for (const url of urlsExpired) {\n            await cache.delete(url, this._matchOptions);\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            if (urlsExpired.length > 0) {\n                logger.groupCollapsed(`Expired ${urlsExpired.length} ` +\n                    `${urlsExpired.length === 1 ? 'entry' : 'entries'} and removed ` +\n                    `${urlsExpired.length === 1 ? 'it' : 'them'} from the ` +\n                    `'${this._cacheName}' cache.`);\n                logger.log(`Expired the following ${urlsExpired.length === 1 ? 'URL' : 'URLs'}:`);\n                urlsExpired.forEach((url) => logger.log(`    ${url}`));\n                logger.groupEnd();\n            }\n            else {\n                logger.debug(`Cache expiration ran and found no entries to remove.`);\n            }\n        }\n        this._isRunning = false;\n        if (this._rerunRequested) {\n            this._rerunRequested = false;\n            dontWaitFor(this.expireEntries());\n        }\n    }\n    /**\n     * Update the timestamp for the given URL. This ensures the when\n     * removing entries based on maximum entries, most recently used\n     * is accurate or when expiring, the timestamp is up-to-date.\n     *\n     * @param {string} url\n     */\n    async updateTimestamp(url) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isType(url, 'string', {\n                moduleName: 'workbox-expiration',\n                className: 'CacheExpiration',\n                funcName: 'updateTimestamp',\n                paramName: 'url',\n            });\n        }\n        await this._timestampModel.setTimestamp(url, Date.now());\n    }\n    /**\n     * Can be used to check if a URL has expired or not before it's used.\n     *\n     * This requires a look up from IndexedDB, so can be slow.\n     *\n     * Note: This method will not remove the cached entry, call\n     * `expireEntries()` to remove indexedDB and Cache entries.\n     *\n     * @param {string} url\n     * @return {boolean}\n     */\n    async isURLExpired(url) {\n        if (!this._maxAgeSeconds) {\n            if (process.env.NODE_ENV !== 'production') {\n                throw new WorkboxError(`expired-test-without-max-age`, {\n                    methodName: 'isURLExpired',\n                    paramName: 'maxAgeSeconds',\n                });\n            }\n            return false;\n        }\n        else {\n            const timestamp = await this._timestampModel.getTimestamp(url);\n            const expireOlderThan = Date.now() - this._maxAgeSeconds * 1000;\n            return timestamp !== undefined ? timestamp < expireOlderThan : true;\n        }\n    }\n    /**\n     * Removes the IndexedDB object store used to keep track of cache expiration\n     * metadata.\n     */\n    async delete() {\n        // Make sure we don't attempt another rerun if we're called in the middle of\n        // a cache expiration.\n        this._rerunRequested = false;\n        await this._timestampModel.expireEntries(Infinity); // Expires all.\n    }\n}\nexport { CacheExpiration };\n","\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:range-requests:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { calculateEffectiveBoundaries } from './utils/calculateEffectiveBoundaries.js';\nimport { parseRangeHeader } from './utils/parseRangeHeader.js';\nimport './_version.js';\n/**\n * Given a `Request` and `Response` objects as input, this will return a\n * promise for a new `Response`.\n *\n * If the original `Response` already contains partial content (i.e. it has\n * a status of 206), then this assumes it already fulfills the `Range:`\n * requirements, and will return it as-is.\n *\n * @param {Request} request A request, which should contain a Range:\n * header.\n * @param {Response} originalResponse A response.\n * @return {Promise<Response>} Either a `206 Partial Content` response, with\n * the response body set to the slice of content specified by the request's\n * `Range:` header, or a `416 Range Not Satisfiable` response if the\n * conditions of the `Range:` header can't be met.\n *\n * @memberof workbox-range-requests\n */\nasync function createPartialResponse(request, originalResponse) {\n    try {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(request, Request, {\n                moduleName: 'workbox-range-requests',\n                funcName: 'createPartialResponse',\n                paramName: 'request',\n            });\n            assert.isInstance(originalResponse, Response, {\n                moduleName: 'workbox-range-requests',\n                funcName: 'createPartialResponse',\n                paramName: 'originalResponse',\n            });\n        }\n        if (originalResponse.status === 206) {\n            // If we already have a 206, then just pass it through as-is;\n            // see https://github.com/GoogleChrome/workbox/issues/1720\n            return originalResponse;\n        }\n        const rangeHeader = request.headers.get('range');\n        if (!rangeHeader) {\n            throw new WorkboxError('no-range-header');\n        }\n        const boundaries = parseRangeHeader(rangeHeader);\n        const originalBlob = await originalResponse.blob();\n        const effectiveBoundaries = calculateEffectiveBoundaries(originalBlob, boundaries.start, boundaries.end);\n        const slicedBlob = originalBlob.slice(effectiveBoundaries.start, effectiveBoundaries.end);\n        const slicedBlobSize = slicedBlob.size;\n        const slicedResponse = new Response(slicedBlob, {\n            // Status code 206 is for a Partial Content response.\n            // See https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/206\n            status: 206,\n            statusText: 'Partial Content',\n            headers: originalResponse.headers,\n        });\n        slicedResponse.headers.set('Content-Length', String(slicedBlobSize));\n        slicedResponse.headers.set('Content-Range', `bytes ${effectiveBoundaries.start}-${effectiveBoundaries.end - 1}/` +\n            `${originalBlob.size}`);\n        return slicedResponse;\n    }\n    catch (error) {\n        if (process.env.NODE_ENV !== 'production') {\n            logger.warn(`Unable to construct a partial response; returning a ` +\n                `416 Range Not Satisfiable response instead.`);\n            logger.groupCollapsed(`View details here.`);\n            logger.log(error);\n            logger.log(request);\n            logger.log(originalResponse);\n            logger.groupEnd();\n        }\n        return new Response('', {\n            status: 416,\n            statusText: 'Range Not Satisfiable',\n        });\n    }\n}\nexport { createPartialResponse };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { assert } from 'workbox-core/_private/assert.js';\nimport '../_version.js';\n/**\n * @param {string} rangeHeader A Range: header value.\n * @return {Object} An object with `start` and `end` properties, reflecting\n * the parsed value of the Range: header. If either the `start` or `end` are\n * omitted, then `null` will be returned.\n *\n * @private\n */\nfunction parseRangeHeader(rangeHeader) {\n    if (process.env.NODE_ENV !== 'production') {\n        assert.isType(rangeHeader, 'string', {\n            moduleName: 'workbox-range-requests',\n            funcName: 'parseRangeHeader',\n            paramName: 'rangeHeader',\n        });\n    }\n    const normalizedRangeHeader = rangeHeader.trim().toLowerCase();\n    if (!normalizedRangeHeader.startsWith('bytes=')) {\n        throw new WorkboxError('unit-must-be-bytes', { normalizedRangeHeader });\n    }\n    // Specifying multiple ranges separate by commas is valid syntax, but this\n    // library only attempts to handle a single, contiguous sequence of bytes.\n    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Range#Syntax\n    if (normalizedRangeHeader.includes(',')) {\n        throw new WorkboxError('single-range-only', { normalizedRangeHeader });\n    }\n    const rangeParts = /(\\d*)-(\\d*)/.exec(normalizedRangeHeader);\n    // We need either at least one of the start or end values.\n    if (!rangeParts || !(rangeParts[1] || rangeParts[2])) {\n        throw new WorkboxError('invalid-range-values', { normalizedRangeHeader });\n    }\n    return {\n        start: rangeParts[1] === '' ? undefined : Number(rangeParts[1]),\n        end: rangeParts[2] === '' ? undefined : Number(rangeParts[2]),\n    };\n}\nexport { parseRangeHeader };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { assert } from 'workbox-core/_private/assert.js';\nimport '../_version.js';\n/**\n * @param {Blob} blob A source blob.\n * @param {number} [start] The offset to use as the start of the\n * slice.\n * @param {number} [end] The offset to use as the end of the slice.\n * @return {Object} An object with `start` and `end` properties, reflecting\n * the effective boundaries to use given the size of the blob.\n *\n * @private\n */\nfunction calculateEffectiveBoundaries(blob, start, end) {\n    if (process.env.NODE_ENV !== 'production') {\n        assert.isInstance(blob, Blob, {\n            moduleName: 'workbox-range-requests',\n            funcName: 'calculateEffectiveBoundaries',\n            paramName: 'blob',\n        });\n    }\n    const blobSize = blob.size;\n    if ((end && end > blobSize) || (start && start < 0)) {\n        throw new WorkboxError('range-not-satisfiable', {\n            size: blobSize,\n            end,\n            start,\n        });\n    }\n    let effectiveStart;\n    let effectiveEnd;\n    if (start !== undefined && end !== undefined) {\n        effectiveStart = start;\n        // Range values are inclusive, so add 1 to the value.\n        effectiveEnd = end + 1;\n    }\n    else if (start !== undefined && end === undefined) {\n        effectiveStart = start;\n        effectiveEnd = blobSize;\n    }\n    else if (end !== undefined && start === undefined) {\n        effectiveStart = blobSize - end;\n        effectiveEnd = blobSize;\n    }\n    return {\n        start: effectiveStart,\n        end: effectiveEnd,\n    };\n}\nexport { calculateEffectiveBoundaries };\n","/*\n  Copyright 2020 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * A utility method that makes it easier to use `event.waitUntil` with\n * async functions and return the result.\n *\n * @param {ExtendableEvent} event\n * @param {Function} asyncFn\n * @return {Function}\n * @private\n */\nfunction waitUntil(event, asyncFn) {\n    const returnPromise = asyncFn();\n    event.waitUntil(returnPromise);\n    return returnPromise;\n}\nexport { waitUntil };\n","\"use strict\";\n// @ts-ignore\ntry {\n    self['workbox:precaching:6.5.4'] && _();\n}\ncatch (e) { }\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport '../_version.js';\n// Name of the search parameter used to store revision info.\nconst REVISION_SEARCH_PARAM = '__WB_REVISION__';\n/**\n * Converts a manifest entry into a versioned URL suitable for precaching.\n *\n * @param {Object|string} entry\n * @return {string} A URL with versioning info.\n *\n * @private\n * @memberof workbox-precaching\n */\nexport function createCacheKey(entry) {\n    if (!entry) {\n        throw new WorkboxError('add-to-cache-list-unexpected-type', { entry });\n    }\n    // If a precache manifest entry is a string, it's assumed to be a versioned\n    // URL, like '/app.abcd1234.js'. Return as-is.\n    if (typeof entry === 'string') {\n        const urlObject = new URL(entry, location.href);\n        return {\n            cacheKey: urlObject.href,\n            url: urlObject.href,\n        };\n    }\n    const { revision, url } = entry;\n    if (!url) {\n        throw new WorkboxError('add-to-cache-list-unexpected-type', { entry });\n    }\n    // If there's just a URL and no revision, then it's also assumed to be a\n    // versioned URL.\n    if (!revision) {\n        const urlObject = new URL(url, location.href);\n        return {\n            cacheKey: urlObject.href,\n            url: urlObject.href,\n        };\n    }\n    // Otherwise, construct a properly versioned URL using the custom Workbox\n    // search parameter along with the revision info.\n    const cacheKeyURL = new URL(url, location.href);\n    const originalURL = new URL(url, location.href);\n    cacheKeyURL.searchParams.set(REVISION_SEARCH_PARAM, revision);\n    return {\n        cacheKey: cacheKeyURL.href,\n        url: originalURL.href,\n    };\n}\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * A plugin, designed to be used with PrecacheController, to determine the\n * of assets that were updated (or not updated) during the install event.\n *\n * @private\n */\nclass PrecacheInstallReportPlugin {\n    constructor() {\n        this.updatedURLs = [];\n        this.notUpdatedURLs = [];\n        this.handlerWillStart = async ({ request, state, }) => {\n            // TODO: `state` should never be undefined...\n            if (state) {\n                state.originalRequest = request;\n            }\n        };\n        this.cachedResponseWillBeUsed = async ({ event, state, cachedResponse, }) => {\n            if (event.type === 'install') {\n                if (state &&\n                    state.originalRequest &&\n                    state.originalRequest instanceof Request) {\n                    // TODO: `state` should never be undefined...\n                    const url = state.originalRequest.url;\n                    if (cachedResponse) {\n                        this.notUpdatedURLs.push(url);\n                    }\n                    else {\n                        this.updatedURLs.push(url);\n                    }\n                }\n            }\n            return cachedResponse;\n        };\n    }\n}\nexport { PrecacheInstallReportPlugin };\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * A plugin, designed to be used with PrecacheController, to translate URLs into\n * the corresponding cache key, based on the current revision info.\n *\n * @private\n */\nclass PrecacheCacheKeyPlugin {\n    constructor({ precacheController }) {\n        this.cacheKeyWillBeUsed = async ({ request, params, }) => {\n            // Params is type any, can't change right now.\n            /* eslint-disable */\n            const cacheKey = (params === null || params === void 0 ? void 0 : params.cacheKey) ||\n                this._precacheController.getCacheKeyForURL(request.url);\n            /* eslint-enable */\n            return cacheKey\n                ? new Request(cacheKey, { headers: request.headers })\n                : request;\n        };\n        this._precacheController = precacheController;\n    }\n}\nexport { PrecacheCacheKeyPlugin };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nlet supportStatus;\n/**\n * A utility function that determines whether the current browser supports\n * constructing a new `Response` from a `response.body` stream.\n *\n * @return {boolean} `true`, if the current browser can successfully\n *     construct a `Response` from a `response.body` stream, `false` otherwise.\n *\n * @private\n */\nfunction canConstructResponseFromBodyStream() {\n    if (supportStatus === undefined) {\n        const testResponse = new Response('');\n        if ('body' in testResponse) {\n            try {\n                new Response(testResponse.body);\n                supportStatus = true;\n            }\n            catch (error) {\n                supportStatus = false;\n            }\n        }\n        supportStatus = false;\n    }\n    return supportStatus;\n}\nexport { canConstructResponseFromBodyStream };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { PrecacheController } from '../PrecacheController.js';\nimport '../_version.js';\nlet precacheController;\n/**\n * @return {PrecacheController}\n * @private\n */\nexport const getOrCreatePrecacheController = () => {\n    if (!precacheController) {\n        precacheController = new PrecacheController();\n    }\n    return precacheController;\n};\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { canConstructResponseFromBodyStream } from './_private/canConstructResponseFromBodyStream.js';\nimport { WorkboxError } from './_private/WorkboxError.js';\nimport './_version.js';\n/**\n * Allows developers to copy a response and modify its `headers`, `status`,\n * or `statusText` values (the values settable via a\n * [`ResponseInit`]{@link https://developer.mozilla.org/en-US/docs/Web/API/Response/Response#Syntax}\n * object in the constructor).\n * To modify these values, pass a function as the second argument. That\n * function will be invoked with a single object with the response properties\n * `{headers, status, statusText}`. The return value of this function will\n * be used as the `ResponseInit` for the new `Response`. To change the values\n * either modify the passed parameter(s) and return it, or return a totally\n * new object.\n *\n * This method is intentionally limited to same-origin responses, regardless of\n * whether CORS was used or not.\n *\n * @param {Response} response\n * @param {Function} modifier\n * @memberof workbox-core\n */\nasync function copyResponse(response, modifier) {\n    let origin = null;\n    // If response.url isn't set, assume it's cross-origin and keep origin null.\n    if (response.url) {\n        const responseURL = new URL(response.url);\n        origin = responseURL.origin;\n    }\n    if (origin !== self.location.origin) {\n        throw new WorkboxError('cross-origin-copy-response', { origin });\n    }\n    const clonedResponse = response.clone();\n    // Create a fresh `ResponseInit` object by cloning the headers.\n    const responseInit = {\n        headers: new Headers(clonedResponse.headers),\n        status: clonedResponse.status,\n        statusText: clonedResponse.statusText,\n    };\n    // Apply any user modifications.\n    const modifiedResponseInit = modifier ? modifier(responseInit) : responseInit;\n    // Create the new response from the body stream and `ResponseInit`\n    // modifications. Note: not all browsers support the Response.body stream,\n    // so fall back to reading the entire body into memory as a blob.\n    const body = canConstructResponseFromBodyStream()\n        ? clonedResponse.body\n        : await clonedResponse.blob();\n    return new Response(body, modifiedResponseInit);\n}\nexport { copyResponse };\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { copyResponse } from 'workbox-core/copyResponse.js';\nimport { cacheNames } from 'workbox-core/_private/cacheNames.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { Strategy } from 'workbox-strategies/Strategy.js';\nimport './_version.js';\n/**\n * A {@link workbox-strategies.Strategy} implementation\n * specifically designed to work with\n * {@link workbox-precaching.PrecacheController}\n * to both cache and fetch precached assets.\n *\n * Note: an instance of this class is created automatically when creating a\n * `PrecacheController`; it's generally not necessary to create this yourself.\n *\n * @extends workbox-strategies.Strategy\n * @memberof workbox-precaching\n */\nclass PrecacheStrategy extends Strategy {\n    /**\n     *\n     * @param {Object} [options]\n     * @param {string} [options.cacheName] Cache name to store and retrieve\n     * requests. Defaults to the cache names provided by\n     * {@link workbox-core.cacheNames}.\n     * @param {Array<Object>} [options.plugins] {@link https://developers.google.com/web/tools/workbox/guides/using-plugins|Plugins}\n     * to use in conjunction with this caching strategy.\n     * @param {Object} [options.fetchOptions] Values passed along to the\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters|init}\n     * of all fetch() requests made by this strategy.\n     * @param {Object} [options.matchOptions] The\n     * {@link https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions|CacheQueryOptions}\n     * for any `cache.match()` or `cache.put()` calls made by this strategy.\n     * @param {boolean} [options.fallbackToNetwork=true] Whether to attempt to\n     * get the response from the network if there's a precache miss.\n     */\n    constructor(options = {}) {\n        options.cacheName = cacheNames.getPrecacheName(options.cacheName);\n        super(options);\n        this._fallbackToNetwork =\n            options.fallbackToNetwork === false ? false : true;\n        // Redirected responses cannot be used to satisfy a navigation request, so\n        // any redirected response must be \"copied\" rather than cloned, so the new\n        // response doesn't contain the `redirected` flag. See:\n        // https://bugs.chromium.org/p/chromium/issues/detail?id=669363&desc=2#c1\n        this.plugins.push(PrecacheStrategy.copyRedirectedCacheableResponsesPlugin);\n    }\n    /**\n     * @private\n     * @param {Request|string} request A request to run this strategy for.\n     * @param {workbox-strategies.StrategyHandler} handler The event that\n     *     triggered the request.\n     * @return {Promise<Response>}\n     */\n    async _handle(request, handler) {\n        const response = await handler.cacheMatch(request);\n        if (response) {\n            return response;\n        }\n        // If this is an `install` event for an entry that isn't already cached,\n        // then populate the cache.\n        if (handler.event && handler.event.type === 'install') {\n            return await this._handleInstall(request, handler);\n        }\n        // Getting here means something went wrong. An entry that should have been\n        // precached wasn't found in the cache.\n        return await this._handleFetch(request, handler);\n    }\n    async _handleFetch(request, handler) {\n        let response;\n        const params = (handler.params || {});\n        // Fall back to the network if we're configured to do so.\n        if (this._fallbackToNetwork) {\n            if (process.env.NODE_ENV !== 'production') {\n                logger.warn(`The precached response for ` +\n                    `${getFriendlyURL(request.url)} in ${this.cacheName} was not ` +\n                    `found. Falling back to the network.`);\n            }\n            const integrityInManifest = params.integrity;\n            const integrityInRequest = request.integrity;\n            const noIntegrityConflict = !integrityInRequest || integrityInRequest === integrityInManifest;\n            // Do not add integrity if the original request is no-cors\n            // See https://github.com/GoogleChrome/workbox/issues/3096\n            response = await handler.fetch(new Request(request, {\n                integrity: request.mode !== 'no-cors'\n                    ? integrityInRequest || integrityInManifest\n                    : undefined,\n            }));\n            // It's only \"safe\" to repair the cache if we're using SRI to guarantee\n            // that the response matches the precache manifest's expectations,\n            // and there's either a) no integrity property in the incoming request\n            // or b) there is an integrity, and it matches the precache manifest.\n            // See https://github.com/GoogleChrome/workbox/issues/2858\n            // Also if the original request users no-cors we don't use integrity.\n            // See https://github.com/GoogleChrome/workbox/issues/3096\n            if (integrityInManifest &&\n                noIntegrityConflict &&\n                request.mode !== 'no-cors') {\n                this._useDefaultCacheabilityPluginIfNeeded();\n                const wasCached = await handler.cachePut(request, response.clone());\n                if (process.env.NODE_ENV !== 'production') {\n                    if (wasCached) {\n                        logger.log(`A response for ${getFriendlyURL(request.url)} ` +\n                            `was used to \"repair\" the precache.`);\n                    }\n                }\n            }\n        }\n        else {\n            // This shouldn't normally happen, but there are edge cases:\n            // https://github.com/GoogleChrome/workbox/issues/1441\n            throw new WorkboxError('missing-precache-entry', {\n                cacheName: this.cacheName,\n                url: request.url,\n            });\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            const cacheKey = params.cacheKey || (await handler.getCacheKey(request, 'read'));\n            // Workbox is going to handle the route.\n            // print the routing details to the console.\n            logger.groupCollapsed(`Precaching is responding to: ` + getFriendlyURL(request.url));\n            logger.log(`Serving the precached url: ${getFriendlyURL(cacheKey instanceof Request ? cacheKey.url : cacheKey)}`);\n            logger.groupCollapsed(`View request details here.`);\n            logger.log(request);\n            logger.groupEnd();\n            logger.groupCollapsed(`View response details here.`);\n            logger.log(response);\n            logger.groupEnd();\n            logger.groupEnd();\n        }\n        return response;\n    }\n    async _handleInstall(request, handler) {\n        this._useDefaultCacheabilityPluginIfNeeded();\n        const response = await handler.fetch(request);\n        // Make sure we defer cachePut() until after we know the response\n        // should be cached; see https://github.com/GoogleChrome/workbox/issues/2737\n        const wasCached = await handler.cachePut(request, response.clone());\n        if (!wasCached) {\n            // Throwing here will lead to the `install` handler failing, which\n            // we want to do if *any* of the responses aren't safe to cache.\n            throw new WorkboxError('bad-precaching-response', {\n                url: request.url,\n                status: response.status,\n            });\n        }\n        return response;\n    }\n    /**\n     * This method is complex, as there a number of things to account for:\n     *\n     * The `plugins` array can be set at construction, and/or it might be added to\n     * to at any time before the strategy is used.\n     *\n     * At the time the strategy is used (i.e. during an `install` event), there\n     * needs to be at least one plugin that implements `cacheWillUpdate` in the\n     * array, other than `copyRedirectedCacheableResponsesPlugin`.\n     *\n     * - If this method is called and there are no suitable `cacheWillUpdate`\n     * plugins, we need to add `defaultPrecacheCacheabilityPlugin`.\n     *\n     * - If this method is called and there is exactly one `cacheWillUpdate`, then\n     * we don't have to do anything (this might be a previously added\n     * `defaultPrecacheCacheabilityPlugin`, or it might be a custom plugin).\n     *\n     * - If this method is called and there is more than one `cacheWillUpdate`,\n     * then we need to check if one is `defaultPrecacheCacheabilityPlugin`. If so,\n     * we need to remove it. (This situation is unlikely, but it could happen if\n     * the strategy is used multiple times, the first without a `cacheWillUpdate`,\n     * and then later on after manually adding a custom `cacheWillUpdate`.)\n     *\n     * See https://github.com/GoogleChrome/workbox/issues/2737 for more context.\n     *\n     * @private\n     */\n    _useDefaultCacheabilityPluginIfNeeded() {\n        let defaultPluginIndex = null;\n        let cacheWillUpdatePluginCount = 0;\n        for (const [index, plugin] of this.plugins.entries()) {\n            // Ignore the copy redirected plugin when determining what to do.\n            if (plugin === PrecacheStrategy.copyRedirectedCacheableResponsesPlugin) {\n                continue;\n            }\n            // Save the default plugin's index, in case it needs to be removed.\n            if (plugin === PrecacheStrategy.defaultPrecacheCacheabilityPlugin) {\n                defaultPluginIndex = index;\n            }\n            if (plugin.cacheWillUpdate) {\n                cacheWillUpdatePluginCount++;\n            }\n        }\n        if (cacheWillUpdatePluginCount === 0) {\n            this.plugins.push(PrecacheStrategy.defaultPrecacheCacheabilityPlugin);\n        }\n        else if (cacheWillUpdatePluginCount > 1 && defaultPluginIndex !== null) {\n            // Only remove the default plugin; multiple custom plugins are allowed.\n            this.plugins.splice(defaultPluginIndex, 1);\n        }\n        // Nothing needs to be done if cacheWillUpdatePluginCount is 1\n    }\n}\nPrecacheStrategy.defaultPrecacheCacheabilityPlugin = {\n    async cacheWillUpdate({ response }) {\n        if (!response || response.status >= 400) {\n            return null;\n        }\n        return response;\n    },\n};\nPrecacheStrategy.copyRedirectedCacheableResponsesPlugin = {\n    async cacheWillUpdate({ response }) {\n        return response.redirected ? await copyResponse(response) : response;\n    },\n};\nexport { PrecacheStrategy };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { cacheNames } from 'workbox-core/_private/cacheNames.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { waitUntil } from 'workbox-core/_private/waitUntil.js';\nimport { createCacheKey } from './utils/createCacheKey.js';\nimport { PrecacheInstallReportPlugin } from './utils/PrecacheInstallReportPlugin.js';\nimport { PrecacheCacheKeyPlugin } from './utils/PrecacheCacheKeyPlugin.js';\nimport { printCleanupDetails } from './utils/printCleanupDetails.js';\nimport { printInstallDetails } from './utils/printInstallDetails.js';\nimport { PrecacheStrategy } from './PrecacheStrategy.js';\nimport './_version.js';\n/**\n * Performs efficient precaching of assets.\n *\n * @memberof workbox-precaching\n */\nclass PrecacheController {\n    /**\n     * Create a new PrecacheController.\n     *\n     * @param {Object} [options]\n     * @param {string} [options.cacheName] The cache to use for precaching.\n     * @param {string} [options.plugins] Plugins to use when precaching as well\n     * as responding to fetch events for precached assets.\n     * @param {boolean} [options.fallbackToNetwork=true] Whether to attempt to\n     * get the response from the network if there's a precache miss.\n     */\n    constructor({ cacheName, plugins = [], fallbackToNetwork = true, } = {}) {\n        this._urlsToCacheKeys = new Map();\n        this._urlsToCacheModes = new Map();\n        this._cacheKeysToIntegrities = new Map();\n        this._strategy = new PrecacheStrategy({\n            cacheName: cacheNames.getPrecacheName(cacheName),\n            plugins: [\n                ...plugins,\n                new PrecacheCacheKeyPlugin({ precacheController: this }),\n            ],\n            fallbackToNetwork,\n        });\n        // Bind the install and activate methods to the instance.\n        this.install = this.install.bind(this);\n        this.activate = this.activate.bind(this);\n    }\n    /**\n     * @type {workbox-precaching.PrecacheStrategy} The strategy created by this controller and\n     * used to cache assets and respond to fetch events.\n     */\n    get strategy() {\n        return this._strategy;\n    }\n    /**\n     * Adds items to the precache list, removing any duplicates and\n     * stores the files in the\n     * {@link workbox-core.cacheNames|\"precache cache\"} when the service\n     * worker installs.\n     *\n     * This method can be called multiple times.\n     *\n     * @param {Array<Object|string>} [entries=[]] Array of entries to precache.\n     */\n    precache(entries) {\n        this.addToCacheList(entries);\n        if (!this._installAndActiveListenersAdded) {\n            self.addEventListener('install', this.install);\n            self.addEventListener('activate', this.activate);\n            this._installAndActiveListenersAdded = true;\n        }\n    }\n    /**\n     * This method will add items to the precache list, removing duplicates\n     * and ensuring the information is valid.\n     *\n     * @param {Array<workbox-precaching.PrecacheController.PrecacheEntry|string>} entries\n     *     Array of entries to precache.\n     */\n    addToCacheList(entries) {\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isArray(entries, {\n                moduleName: 'workbox-precaching',\n                className: 'PrecacheController',\n                funcName: 'addToCacheList',\n                paramName: 'entries',\n            });\n        }\n        const urlsToWarnAbout = [];\n        for (const entry of entries) {\n            // See https://github.com/GoogleChrome/workbox/issues/2259\n            if (typeof entry === 'string') {\n                urlsToWarnAbout.push(entry);\n            }\n            else if (entry && entry.revision === undefined) {\n                urlsToWarnAbout.push(entry.url);\n            }\n            const { cacheKey, url } = createCacheKey(entry);\n            const cacheMode = typeof entry !== 'string' && entry.revision ? 'reload' : 'default';\n            if (this._urlsToCacheKeys.has(url) &&\n                this._urlsToCacheKeys.get(url) !== cacheKey) {\n                throw new WorkboxError('add-to-cache-list-conflicting-entries', {\n                    firstEntry: this._urlsToCacheKeys.get(url),\n                    secondEntry: cacheKey,\n                });\n            }\n            if (typeof entry !== 'string' && entry.integrity) {\n                if (this._cacheKeysToIntegrities.has(cacheKey) &&\n                    this._cacheKeysToIntegrities.get(cacheKey) !== entry.integrity) {\n                    throw new WorkboxError('add-to-cache-list-conflicting-integrities', {\n                        url,\n                    });\n                }\n                this._cacheKeysToIntegrities.set(cacheKey, entry.integrity);\n            }\n            this._urlsToCacheKeys.set(url, cacheKey);\n            this._urlsToCacheModes.set(url, cacheMode);\n            if (urlsToWarnAbout.length > 0) {\n                const warningMessage = `Workbox is precaching URLs without revision ` +\n                    `info: ${urlsToWarnAbout.join(', ')}\\nThis is generally NOT safe. ` +\n                    `Learn more at https://bit.ly/wb-precache`;\n                if (process.env.NODE_ENV === 'production') {\n                    // Use console directly to display this warning without bloating\n                    // bundle sizes by pulling in all of the logger codebase in prod.\n                    console.warn(warningMessage);\n                }\n                else {\n                    logger.warn(warningMessage);\n                }\n            }\n        }\n    }\n    /**\n     * Precaches new and updated assets. Call this method from the service worker\n     * install event.\n     *\n     * Note: this method calls `event.waitUntil()` for you, so you do not need\n     * to call it yourself in your event handlers.\n     *\n     * @param {ExtendableEvent} event\n     * @return {Promise<workbox-precaching.InstallResult>}\n     */\n    install(event) {\n        // waitUntil returns Promise<any>\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return waitUntil(event, async () => {\n            const installReportPlugin = new PrecacheInstallReportPlugin();\n            this.strategy.plugins.push(installReportPlugin);\n            // Cache entries one at a time.\n            // See https://github.com/GoogleChrome/workbox/issues/2528\n            for (const [url, cacheKey] of this._urlsToCacheKeys) {\n                const integrity = this._cacheKeysToIntegrities.get(cacheKey);\n                const cacheMode = this._urlsToCacheModes.get(url);\n                const request = new Request(url, {\n                    integrity,\n                    cache: cacheMode,\n                    credentials: 'same-origin',\n                });\n                await Promise.all(this.strategy.handleAll({\n                    params: { cacheKey },\n                    request,\n                    event,\n                }));\n            }\n            const { updatedURLs, notUpdatedURLs } = installReportPlugin;\n            if (process.env.NODE_ENV !== 'production') {\n                printInstallDetails(updatedURLs, notUpdatedURLs);\n            }\n            return { updatedURLs, notUpdatedURLs };\n        });\n    }\n    /**\n     * Deletes assets that are no longer present in the current precache manifest.\n     * Call this method from the service worker activate event.\n     *\n     * Note: this method calls `event.waitUntil()` for you, so you do not need\n     * to call it yourself in your event handlers.\n     *\n     * @param {ExtendableEvent} event\n     * @return {Promise<workbox-precaching.CleanupResult>}\n     */\n    activate(event) {\n        // waitUntil returns Promise<any>\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return waitUntil(event, async () => {\n            const cache = await self.caches.open(this.strategy.cacheName);\n            const currentlyCachedRequests = await cache.keys();\n            const expectedCacheKeys = new Set(this._urlsToCacheKeys.values());\n            const deletedURLs = [];\n            for (const request of currentlyCachedRequests) {\n                if (!expectedCacheKeys.has(request.url)) {\n                    await cache.delete(request);\n                    deletedURLs.push(request.url);\n                }\n            }\n            if (process.env.NODE_ENV !== 'production') {\n                printCleanupDetails(deletedURLs);\n            }\n            return { deletedURLs };\n        });\n    }\n    /**\n     * Returns a mapping of a precached URL to the corresponding cache key, taking\n     * into account the revision information for the URL.\n     *\n     * @return {Map<string, string>} A URL to cache key mapping.\n     */\n    getURLsToCacheKeys() {\n        return this._urlsToCacheKeys;\n    }\n    /**\n     * Returns a list of all the URLs that have been precached by the current\n     * service worker.\n     *\n     * @return {Array<string>} The precached URLs.\n     */\n    getCachedURLs() {\n        return [...this._urlsToCacheKeys.keys()];\n    }\n    /**\n     * Returns the cache key used for storing a given URL. If that URL is\n     * unversioned, like `/index.html', then the cache key will be the original\n     * URL with a search parameter appended to it.\n     *\n     * @param {string} url A URL whose cache key you want to look up.\n     * @return {string} The versioned URL that corresponds to a cache key\n     * for the original URL, or undefined if that URL isn't precached.\n     */\n    getCacheKeyForURL(url) {\n        const urlObject = new URL(url, location.href);\n        return this._urlsToCacheKeys.get(urlObject.href);\n    }\n    /**\n     * @param {string} url A cache key whose SRI you want to look up.\n     * @return {string} The subresource integrity associated with the cache key,\n     * or undefined if it's not set.\n     */\n    getIntegrityForCacheKey(cacheKey) {\n        return this._cacheKeysToIntegrities.get(cacheKey);\n    }\n    /**\n     * This acts as a drop-in replacement for\n     * [`cache.match()`](https://developer.mozilla.org/en-US/docs/Web/API/Cache/match)\n     * with the following differences:\n     *\n     * - It knows what the name of the precache is, and only checks in that cache.\n     * - It allows you to pass in an \"original\" URL without versioning parameters,\n     * and it will automatically look up the correct cache key for the currently\n     * active revision of that URL.\n     *\n     * E.g., `matchPrecache('index.html')` will find the correct precached\n     * response for the currently active service worker, even if the actual cache\n     * key is `'/index.html?__WB_REVISION__=1234abcd'`.\n     *\n     * @param {string|Request} request The key (without revisioning parameters)\n     * to look up in the precache.\n     * @return {Promise<Response|undefined>}\n     */\n    async matchPrecache(request) {\n        const url = request instanceof Request ? request.url : request;\n        const cacheKey = this.getCacheKeyForURL(url);\n        if (cacheKey) {\n            const cache = await self.caches.open(this.strategy.cacheName);\n            return cache.match(cacheKey);\n        }\n        return undefined;\n    }\n    /**\n     * Returns a function that looks up `url` in the precache (taking into\n     * account revision information), and returns the corresponding `Response`.\n     *\n     * @param {string} url The precached URL which will be used to lookup the\n     * `Response`.\n     * @return {workbox-routing~handlerCallback}\n     */\n    createHandlerBoundToURL(url) {\n        const cacheKey = this.getCacheKeyForURL(url);\n        if (!cacheKey) {\n            throw new WorkboxError('non-precached-url', { url });\n        }\n        return (options) => {\n            options.request = new Request(url);\n            options.params = Object.assign({ cacheKey }, options.params);\n            return this.strategy.handle(options);\n        };\n    }\n}\nexport { PrecacheController };\n","/*\n  Copyright 2020 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { Route } from 'workbox-routing/Route.js';\nimport { generateURLVariations } from './utils/generateURLVariations.js';\nimport './_version.js';\n/**\n * A subclass of {@link workbox-routing.Route} that takes a\n * {@link workbox-precaching.PrecacheController}\n * instance and uses it to match incoming requests and handle fetching\n * responses from the precache.\n *\n * @memberof workbox-precaching\n * @extends workbox-routing.Route\n */\nclass PrecacheRoute extends Route {\n    /**\n     * @param {PrecacheController} precacheController A `PrecacheController`\n     * instance used to both match requests and respond to fetch events.\n     * @param {Object} [options] Options to control how requests are matched\n     * against the list of precached URLs.\n     * @param {string} [options.directoryIndex=index.html] The `directoryIndex` will\n     * check cache entries for a URLs ending with '/' to see if there is a hit when\n     * appending the `directoryIndex` value.\n     * @param {Array<RegExp>} [options.ignoreURLParametersMatching=[/^utm_/, /^fbclid$/]] An\n     * array of regex's to remove search params when looking for a cache match.\n     * @param {boolean} [options.cleanURLs=true] The `cleanURLs` option will\n     * check the cache for the URL with a `.html` added to the end of the end.\n     * @param {workbox-precaching~urlManipulation} [options.urlManipulation]\n     * This is a function that should take a URL and return an array of\n     * alternative URLs that should be checked for precache matches.\n     */\n    constructor(precacheController, options) {\n        const match = ({ request, }) => {\n            const urlsToCacheKeys = precacheController.getURLsToCacheKeys();\n            for (const possibleURL of generateURLVariations(request.url, options)) {\n                const cacheKey = urlsToCacheKeys.get(possibleURL);\n                if (cacheKey) {\n                    const integrity = precacheController.getIntegrityForCacheKey(cacheKey);\n                    return { cacheKey, integrity };\n                }\n            }\n            if (process.env.NODE_ENV !== 'production') {\n                logger.debug(`Precaching did not find a match for ` + getFriendlyURL(request.url));\n            }\n            return;\n        };\n        super(match, precacheController.strategy);\n    }\n}\nexport { PrecacheRoute };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { removeIgnoredSearchParams } from './removeIgnoredSearchParams.js';\nimport '../_version.js';\n/**\n * Generator function that yields possible variations on the original URL to\n * check, one at a time.\n *\n * @param {string} url\n * @param {Object} options\n *\n * @private\n * @memberof workbox-precaching\n */\nexport function* generateURLVariations(url, { ignoreURLParametersMatching = [/^utm_/, /^fbclid$/], directoryIndex = 'index.html', cleanURLs = true, urlManipulation, } = {}) {\n    const urlObject = new URL(url, location.href);\n    urlObject.hash = '';\n    yield urlObject.href;\n    const urlWithoutIgnoredParams = removeIgnoredSearchParams(urlObject, ignoreURLParametersMatching);\n    yield urlWithoutIgnoredParams.href;\n    if (directoryIndex && urlWithoutIgnoredParams.pathname.endsWith('/')) {\n        const directoryURL = new URL(urlWithoutIgnoredParams.href);\n        directoryURL.pathname += directoryIndex;\n        yield directoryURL.href;\n    }\n    if (cleanURLs) {\n        const cleanURL = new URL(urlWithoutIgnoredParams.href);\n        cleanURL.pathname += '.html';\n        yield cleanURL.href;\n    }\n    if (urlManipulation) {\n        const additionalURLs = urlManipulation({ url: urlObject });\n        for (const urlToAttempt of additionalURLs) {\n            yield urlToAttempt.href;\n        }\n    }\n}\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\n/**\n * Removes any URL search parameters that should be ignored.\n *\n * @param {URL} urlObject The original URL.\n * @param {Array<RegExp>} ignoreURLParametersMatching RegExps to test against\n * each search parameter name. Matches mean that the search parameter should be\n * ignored.\n * @return {URL} The URL with any ignored search parameters removed.\n *\n * @private\n * @memberof workbox-precaching\n */\nexport function removeIgnoredSearchParams(urlObject, ignoreURLParametersMatching = []) {\n    // Convert the iterable into an array at the start of the loop to make sure\n    // deletion doesn't mess up iteration.\n    for (const paramName of [...urlObject.searchParams.keys()]) {\n        if (ignoreURLParametersMatching.some((regExp) => regExp.test(paramName))) {\n            urlObject.searchParams.delete(paramName);\n        }\n    }\n    return urlObject;\n}\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { Strategy } from './Strategy.js';\nimport { messages } from './utils/messages.js';\nimport './_version.js';\n/**\n * An implementation of a [cache-first](https://developer.chrome.com/docs/workbox/caching-strategies-overview/#cache-first-falling-back-to-network)\n * request strategy.\n *\n * A cache first strategy is useful for assets that have been revisioned,\n * such as URLs like `/styles/example.a8f5f1.css`, since they\n * can be cached for long periods of time.\n *\n * If the network request fails, and there is no cache match, this will throw\n * a `WorkboxError` exception.\n *\n * @extends workbox-strategies.Strategy\n * @memberof workbox-strategies\n */\nclass CacheFirst extends Strategy {\n    /**\n     * @private\n     * @param {Request|string} request A request to run this strategy for.\n     * @param {workbox-strategies.StrategyHandler} handler The event that\n     *     triggered the request.\n     * @return {Promise<Response>}\n     */\n    async _handle(request, handler) {\n        const logs = [];\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(request, Request, {\n                moduleName: 'workbox-strategies',\n                className: this.constructor.name,\n                funcName: 'makeRequest',\n                paramName: 'request',\n            });\n        }\n        let response = await handler.cacheMatch(request);\n        let error = undefined;\n        if (!response) {\n            if (process.env.NODE_ENV !== 'production') {\n                logs.push(`No response found in the '${this.cacheName}' cache. ` +\n                    `Will respond with a network request.`);\n            }\n            try {\n                response = await handler.fetchAndCachePut(request);\n            }\n            catch (err) {\n                if (err instanceof Error) {\n                    error = err;\n                }\n            }\n            if (process.env.NODE_ENV !== 'production') {\n                if (response) {\n                    logs.push(`Got response from network.`);\n                }\n                else {\n                    logs.push(`Unable to get a response from the network.`);\n                }\n            }\n        }\n        else {\n            if (process.env.NODE_ENV !== 'production') {\n                logs.push(`Found a cached response in the '${this.cacheName}' cache.`);\n            }\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            logger.groupCollapsed(messages.strategyStart(this.constructor.name, request));\n            for (const log of logs) {\n                logger.log(log);\n            }\n            messages.printFinalResponse(response);\n            logger.groupEnd();\n        }\n        if (!response) {\n            throw new WorkboxError('no-response', { url: request.url, error });\n        }\n        return response;\n    }\n}\nexport { CacheFirst };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { cacheNames } from 'workbox-core/_private/cacheNames.js';\nimport { dontWaitFor } from 'workbox-core/_private/dontWaitFor.js';\nimport { getFriendlyURL } from 'workbox-core/_private/getFriendlyURL.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { registerQuotaErrorCallback } from 'workbox-core/registerQuotaErrorCallback.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { CacheExpiration } from './CacheExpiration.js';\nimport './_version.js';\n/**\n * This plugin can be used in a `workbox-strategy` to regularly enforce a\n * limit on the age and / or the number of cached requests.\n *\n * It can only be used with `workbox-strategy` instances that have a\n * [custom `cacheName` property set](/web/tools/workbox/guides/configure-workbox#custom_cache_names_in_strategies).\n * In other words, it can't be used to expire entries in strategy that uses the\n * default runtime cache name.\n *\n * Whenever a cached response is used or updated, this plugin will look\n * at the associated cache and remove any old or extra responses.\n *\n * When using `maxAgeSeconds`, responses may be used *once* after expiring\n * because the expiration clean up will not have occurred until *after* the\n * cached response has been used. If the response has a \"Date\" header, then\n * a light weight expiration check is performed and the response will not be\n * used immediately.\n *\n * When using `maxEntries`, the entry least-recently requested will be removed\n * from the cache first.\n *\n * @memberof workbox-expiration\n */\nclass ExpirationPlugin {\n    /**\n     * @param {ExpirationPluginOptions} config\n     * @param {number} [config.maxEntries] The maximum number of entries to cache.\n     * Entries used the least will be removed as the maximum is reached.\n     * @param {number} [config.maxAgeSeconds] The maximum age of an entry before\n     * it's treated as stale and removed.\n     * @param {Object} [config.matchOptions] The [`CacheQueryOptions`](https://developer.mozilla.org/en-US/docs/Web/API/Cache/delete#Parameters)\n     * that will be used when calling `delete()` on the cache.\n     * @param {boolean} [config.purgeOnQuotaError] Whether to opt this cache in to\n     * automatic deletion if the available storage quota has been exceeded.\n     */\n    constructor(config = {}) {\n        /**\n         * A \"lifecycle\" callback that will be triggered automatically by the\n         * `workbox-strategies` handlers when a `Response` is about to be returned\n         * from a [Cache](https://developer.mozilla.org/en-US/docs/Web/API/Cache) to\n         * the handler. It allows the `Response` to be inspected for freshness and\n         * prevents it from being used if the `Response`'s `Date` header value is\n         * older than the configured `maxAgeSeconds`.\n         *\n         * @param {Object} options\n         * @param {string} options.cacheName Name of the cache the response is in.\n         * @param {Response} options.cachedResponse The `Response` object that's been\n         *     read from a cache and whose freshness should be checked.\n         * @return {Response} Either the `cachedResponse`, if it's\n         *     fresh, or `null` if the `Response` is older than `maxAgeSeconds`.\n         *\n         * @private\n         */\n        this.cachedResponseWillBeUsed = async ({ event, request, cacheName, cachedResponse, }) => {\n            if (!cachedResponse) {\n                return null;\n            }\n            const isFresh = this._isResponseDateFresh(cachedResponse);\n            // Expire entries to ensure that even if the expiration date has\n            // expired, it'll only be used once.\n            const cacheExpiration = this._getCacheExpiration(cacheName);\n            dontWaitFor(cacheExpiration.expireEntries());\n            // Update the metadata for the request URL to the current timestamp,\n            // but don't `await` it as we don't want to block the response.\n            const updateTimestampDone = cacheExpiration.updateTimestamp(request.url);\n            if (event) {\n                try {\n                    event.waitUntil(updateTimestampDone);\n                }\n                catch (error) {\n                    if (process.env.NODE_ENV !== 'production') {\n                        // The event may not be a fetch event; only log the URL if it is.\n                        if ('request' in event) {\n                            logger.warn(`Unable to ensure service worker stays alive when ` +\n                                `updating cache entry for ` +\n                                `'${getFriendlyURL(event.request.url)}'.`);\n                        }\n                    }\n                }\n            }\n            return isFresh ? cachedResponse : null;\n        };\n        /**\n         * A \"lifecycle\" callback that will be triggered automatically by the\n         * `workbox-strategies` handlers when an entry is added to a cache.\n         *\n         * @param {Object} options\n         * @param {string} options.cacheName Name of the cache that was updated.\n         * @param {string} options.request The Request for the cached entry.\n         *\n         * @private\n         */\n        this.cacheDidUpdate = async ({ cacheName, request, }) => {\n            if (process.env.NODE_ENV !== 'production') {\n                assert.isType(cacheName, 'string', {\n                    moduleName: 'workbox-expiration',\n                    className: 'Plugin',\n                    funcName: 'cacheDidUpdate',\n                    paramName: 'cacheName',\n                });\n                assert.isInstance(request, Request, {\n                    moduleName: 'workbox-expiration',\n                    className: 'Plugin',\n                    funcName: 'cacheDidUpdate',\n                    paramName: 'request',\n                });\n            }\n            const cacheExpiration = this._getCacheExpiration(cacheName);\n            await cacheExpiration.updateTimestamp(request.url);\n            await cacheExpiration.expireEntries();\n        };\n        if (process.env.NODE_ENV !== 'production') {\n            if (!(config.maxEntries || config.maxAgeSeconds)) {\n                throw new WorkboxError('max-entries-or-age-required', {\n                    moduleName: 'workbox-expiration',\n                    className: 'Plugin',\n                    funcName: 'constructor',\n                });\n            }\n            if (config.maxEntries) {\n                assert.isType(config.maxEntries, 'number', {\n                    moduleName: 'workbox-expiration',\n                    className: 'Plugin',\n                    funcName: 'constructor',\n                    paramName: 'config.maxEntries',\n                });\n            }\n            if (config.maxAgeSeconds) {\n                assert.isType(config.maxAgeSeconds, 'number', {\n                    moduleName: 'workbox-expiration',\n                    className: 'Plugin',\n                    funcName: 'constructor',\n                    paramName: 'config.maxAgeSeconds',\n                });\n            }\n        }\n        this._config = config;\n        this._maxAgeSeconds = config.maxAgeSeconds;\n        this._cacheExpirations = new Map();\n        if (config.purgeOnQuotaError) {\n            registerQuotaErrorCallback(() => this.deleteCacheAndMetadata());\n        }\n    }\n    /**\n     * A simple helper method to return a CacheExpiration instance for a given\n     * cache name.\n     *\n     * @param {string} cacheName\n     * @return {CacheExpiration}\n     *\n     * @private\n     */\n    _getCacheExpiration(cacheName) {\n        if (cacheName === cacheNames.getRuntimeName()) {\n            throw new WorkboxError('expire-custom-caches-only');\n        }\n        let cacheExpiration = this._cacheExpirations.get(cacheName);\n        if (!cacheExpiration) {\n            cacheExpiration = new CacheExpiration(cacheName, this._config);\n            this._cacheExpirations.set(cacheName, cacheExpiration);\n        }\n        return cacheExpiration;\n    }\n    /**\n     * @param {Response} cachedResponse\n     * @return {boolean}\n     *\n     * @private\n     */\n    _isResponseDateFresh(cachedResponse) {\n        if (!this._maxAgeSeconds) {\n            // We aren't expiring by age, so return true, it's fresh\n            return true;\n        }\n        // Check if the 'date' header will suffice a quick expiration check.\n        // See https://github.com/GoogleChromeLabs/sw-toolbox/issues/164 for\n        // discussion.\n        const dateHeaderTimestamp = this._getDateHeaderTimestamp(cachedResponse);\n        if (dateHeaderTimestamp === null) {\n            // Unable to parse date, so assume it's fresh.\n            return true;\n        }\n        // If we have a valid headerTime, then our response is fresh iff the\n        // headerTime plus maxAgeSeconds is greater than the current time.\n        const now = Date.now();\n        return dateHeaderTimestamp >= now - this._maxAgeSeconds * 1000;\n    }\n    /**\n     * This method will extract the data header and parse it into a useful\n     * value.\n     *\n     * @param {Response} cachedResponse\n     * @return {number|null}\n     *\n     * @private\n     */\n    _getDateHeaderTimestamp(cachedResponse) {\n        if (!cachedResponse.headers.has('date')) {\n            return null;\n        }\n        const dateHeader = cachedResponse.headers.get('date');\n        const parsedDate = new Date(dateHeader);\n        const headerTime = parsedDate.getTime();\n        // If the Date header was invalid for some reason, parsedDate.getTime()\n        // will return NaN.\n        if (isNaN(headerTime)) {\n            return null;\n        }\n        return headerTime;\n    }\n    /**\n     * This is a helper method that performs two operations:\n     *\n     * - Deletes *all* the underlying Cache instances associated with this plugin\n     * instance, by calling caches.delete() on your behalf.\n     * - Deletes the metadata from IndexedDB used to keep track of expiration\n     * details for each Cache instance.\n     *\n     * When using cache expiration, calling this method is preferable to calling\n     * `caches.delete()` directly, since this will ensure that the IndexedDB\n     * metadata is also cleanly removed and open IndexedDB instances are deleted.\n     *\n     * Note that if you're *not* using cache expiration for a given cache, calling\n     * `caches.delete()` and passing in the cache's name should be sufficient.\n     * There is no Workbox-specific method needed for cleanup in that case.\n     */\n    async deleteCacheAndMetadata() {\n        // Do this one at a time instead of all at once via `Promise.all()` to\n        // reduce the chance of inconsistency if a promise rejects.\n        for (const [cacheName, cacheExpiration] of this._cacheExpirations) {\n            await self.caches.delete(cacheName);\n            await cacheExpiration.delete();\n        }\n        // Reset this._cacheExpirations to its initial state.\n        this._cacheExpirations = new Map();\n    }\n}\nexport { ExpirationPlugin };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { logger } from './_private/logger.js';\nimport { assert } from './_private/assert.js';\nimport { quotaErrorCallbacks } from './models/quotaErrorCallbacks.js';\nimport './_version.js';\n/**\n * Adds a function to the set of quotaErrorCallbacks that will be executed if\n * there's a quota error.\n *\n * @param {Function} callback\n * @memberof workbox-core\n */\n// Can't change Function type\n// eslint-disable-next-line @typescript-eslint/ban-types\nfunction registerQuotaErrorCallback(callback) {\n    if (process.env.NODE_ENV !== 'production') {\n        assert.isType(callback, 'function', {\n            moduleName: 'workbox-core',\n            funcName: 'register',\n            paramName: 'callback',\n        });\n    }\n    quotaErrorCallbacks.add(callback);\n    if (process.env.NODE_ENV !== 'production') {\n        logger.log('Registered a callback to respond to quota errors.', callback);\n    }\n}\nexport { registerQuotaErrorCallback };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { cacheOkAndOpaquePlugin } from './plugins/cacheOkAndOpaquePlugin.js';\nimport { Strategy } from './Strategy.js';\nimport { messages } from './utils/messages.js';\nimport './_version.js';\n/**\n * An implementation of a\n * [network first](https://developer.chrome.com/docs/workbox/caching-strategies-overview/#network-first-falling-back-to-cache)\n * request strategy.\n *\n * By default, this strategy will cache responses with a 200 status code as\n * well as [opaque responses](https://developer.chrome.com/docs/workbox/caching-resources-during-runtime/#opaque-responses).\n * Opaque responses are are cross-origin requests where the response doesn't\n * support [CORS](https://enable-cors.org/).\n *\n * If the network request fails, and there is no cache match, this will throw\n * a `WorkboxError` exception.\n *\n * @extends workbox-strategies.Strategy\n * @memberof workbox-strategies\n */\nclass NetworkFirst extends Strategy {\n    /**\n     * @param {Object} [options]\n     * @param {string} [options.cacheName] Cache name to store and retrieve\n     * requests. Defaults to cache names provided by\n     * {@link workbox-core.cacheNames}.\n     * @param {Array<Object>} [options.plugins] [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}\n     * to use in conjunction with this caching strategy.\n     * @param {Object} [options.fetchOptions] Values passed along to the\n     * [`init`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters)\n     * of [non-navigation](https://github.com/GoogleChrome/workbox/issues/1796)\n     * `fetch()` requests made by this strategy.\n     * @param {Object} [options.matchOptions] [`CacheQueryOptions`](https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions)\n     * @param {number} [options.networkTimeoutSeconds] If set, any network requests\n     * that fail to respond within the timeout will fallback to the cache.\n     *\n     * This option can be used to combat\n     * \"[lie-fi]{@link https://developers.google.com/web/fundamentals/performance/poor-connectivity/#lie-fi}\"\n     * scenarios.\n     */\n    constructor(options = {}) {\n        super(options);\n        // If this instance contains no plugins with a 'cacheWillUpdate' callback,\n        // prepend the `cacheOkAndOpaquePlugin` plugin to the plugins list.\n        if (!this.plugins.some((p) => 'cacheWillUpdate' in p)) {\n            this.plugins.unshift(cacheOkAndOpaquePlugin);\n        }\n        this._networkTimeoutSeconds = options.networkTimeoutSeconds || 0;\n        if (process.env.NODE_ENV !== 'production') {\n            if (this._networkTimeoutSeconds) {\n                assert.isType(this._networkTimeoutSeconds, 'number', {\n                    moduleName: 'workbox-strategies',\n                    className: this.constructor.name,\n                    funcName: 'constructor',\n                    paramName: 'networkTimeoutSeconds',\n                });\n            }\n        }\n    }\n    /**\n     * @private\n     * @param {Request|string} request A request to run this strategy for.\n     * @param {workbox-strategies.StrategyHandler} handler The event that\n     *     triggered the request.\n     * @return {Promise<Response>}\n     */\n    async _handle(request, handler) {\n        const logs = [];\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(request, Request, {\n                moduleName: 'workbox-strategies',\n                className: this.constructor.name,\n                funcName: 'handle',\n                paramName: 'makeRequest',\n            });\n        }\n        const promises = [];\n        let timeoutId;\n        if (this._networkTimeoutSeconds) {\n            const { id, promise } = this._getTimeoutPromise({ request, logs, handler });\n            timeoutId = id;\n            promises.push(promise);\n        }\n        const networkPromise = this._getNetworkPromise({\n            timeoutId,\n            request,\n            logs,\n            handler,\n        });\n        promises.push(networkPromise);\n        const response = await handler.waitUntil((async () => {\n            // Promise.race() will resolve as soon as the first promise resolves.\n            return ((await handler.waitUntil(Promise.race(promises))) ||\n                // If Promise.race() resolved with null, it might be due to a network\n                // timeout + a cache miss. If that were to happen, we'd rather wait until\n                // the networkPromise resolves instead of returning null.\n                // Note that it's fine to await an already-resolved promise, so we don't\n                // have to check to see if it's still \"in flight\".\n                (await networkPromise));\n        })());\n        if (process.env.NODE_ENV !== 'production') {\n            logger.groupCollapsed(messages.strategyStart(this.constructor.name, request));\n            for (const log of logs) {\n                logger.log(log);\n            }\n            messages.printFinalResponse(response);\n            logger.groupEnd();\n        }\n        if (!response) {\n            throw new WorkboxError('no-response', { url: request.url });\n        }\n        return response;\n    }\n    /**\n     * @param {Object} options\n     * @param {Request} options.request\n     * @param {Array} options.logs A reference to the logs array\n     * @param {Event} options.event\n     * @return {Promise<Response>}\n     *\n     * @private\n     */\n    _getTimeoutPromise({ request, logs, handler, }) {\n        let timeoutId;\n        const timeoutPromise = new Promise((resolve) => {\n            const onNetworkTimeout = async () => {\n                if (process.env.NODE_ENV !== 'production') {\n                    logs.push(`Timing out the network response at ` +\n                        `${this._networkTimeoutSeconds} seconds.`);\n                }\n                resolve(await handler.cacheMatch(request));\n            };\n            timeoutId = setTimeout(onNetworkTimeout, this._networkTimeoutSeconds * 1000);\n        });\n        return {\n            promise: timeoutPromise,\n            id: timeoutId,\n        };\n    }\n    /**\n     * @param {Object} options\n     * @param {number|undefined} options.timeoutId\n     * @param {Request} options.request\n     * @param {Array} options.logs A reference to the logs Array.\n     * @param {Event} options.event\n     * @return {Promise<Response>}\n     *\n     * @private\n     */\n    async _getNetworkPromise({ timeoutId, request, logs, handler, }) {\n        let error;\n        let response;\n        try {\n            response = await handler.fetchAndCachePut(request);\n        }\n        catch (fetchError) {\n            if (fetchError instanceof Error) {\n                error = fetchError;\n            }\n        }\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            if (response) {\n                logs.push(`Got response from network.`);\n            }\n            else {\n                logs.push(`Unable to get a response from the network. Will respond ` +\n                    `with a cached response.`);\n            }\n        }\n        if (error || !response) {\n            response = await handler.cacheMatch(request);\n            if (process.env.NODE_ENV !== 'production') {\n                if (response) {\n                    logs.push(`Found a cached response in the '${this.cacheName}'` + ` cache.`);\n                }\n                else {\n                    logs.push(`No response found in the '${this.cacheName}' cache.`);\n                }\n            }\n        }\n        return response;\n    }\n}\nexport { NetworkFirst };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { createPartialResponse } from './createPartialResponse.js';\nimport './_version.js';\n/**\n * The range request plugin makes it easy for a request with a 'Range' header to\n * be fulfilled by a cached response.\n *\n * It does this by intercepting the `cachedResponseWillBeUsed` plugin callback\n * and returning the appropriate subset of the cached response body.\n *\n * @memberof workbox-range-requests\n */\nclass RangeRequestsPlugin {\n    constructor() {\n        /**\n         * @param {Object} options\n         * @param {Request} options.request The original request, which may or may not\n         * contain a Range: header.\n         * @param {Response} options.cachedResponse The complete cached response.\n         * @return {Promise<Response>} If request contains a 'Range' header, then a\n         * new response with status 206 whose body is a subset of `cachedResponse` is\n         * returned. Otherwise, `cachedResponse` is returned as-is.\n         *\n         * @private\n         */\n        this.cachedResponseWillBeUsed = async ({ request, cachedResponse, }) => {\n            // Only return a sliced response if there's something valid in the cache,\n            // and there's a Range: header in the request.\n            if (cachedResponse && request.headers.has('range')) {\n                return await createPartialResponse(request, cachedResponse);\n            }\n            // If there was no Range: header, or if cachedResponse wasn't valid, just\n            // pass it through as-is.\n            return cachedResponse;\n        };\n    }\n}\nexport { RangeRequestsPlugin };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { assert } from 'workbox-core/_private/assert.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { WorkboxError } from 'workbox-core/_private/WorkboxError.js';\nimport { cacheOkAndOpaquePlugin } from './plugins/cacheOkAndOpaquePlugin.js';\nimport { Strategy } from './Strategy.js';\nimport { messages } from './utils/messages.js';\nimport './_version.js';\n/**\n * An implementation of a\n * [stale-while-revalidate](https://developer.chrome.com/docs/workbox/caching-strategies-overview/#stale-while-revalidate)\n * request strategy.\n *\n * Resources are requested from both the cache and the network in parallel.\n * The strategy will respond with the cached version if available, otherwise\n * wait for the network response. The cache is updated with the network response\n * with each successful request.\n *\n * By default, this strategy will cache responses with a 200 status code as\n * well as [opaque responses](https://developer.chrome.com/docs/workbox/caching-resources-during-runtime/#opaque-responses).\n * Opaque responses are cross-origin requests where the response doesn't\n * support [CORS](https://enable-cors.org/).\n *\n * If the network request fails, and there is no cache match, this will throw\n * a `WorkboxError` exception.\n *\n * @extends workbox-strategies.Strategy\n * @memberof workbox-strategies\n */\nclass StaleWhileRevalidate extends Strategy {\n    /**\n     * @param {Object} [options]\n     * @param {string} [options.cacheName] Cache name to store and retrieve\n     * requests. Defaults to cache names provided by\n     * {@link workbox-core.cacheNames}.\n     * @param {Array<Object>} [options.plugins] [Plugins]{@link https://developers.google.com/web/tools/workbox/guides/using-plugins}\n     * to use in conjunction with this caching strategy.\n     * @param {Object} [options.fetchOptions] Values passed along to the\n     * [`init`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#Parameters)\n     * of [non-navigation](https://github.com/GoogleChrome/workbox/issues/1796)\n     * `fetch()` requests made by this strategy.\n     * @param {Object} [options.matchOptions] [`CacheQueryOptions`](https://w3c.github.io/ServiceWorker/#dictdef-cachequeryoptions)\n     */\n    constructor(options = {}) {\n        super(options);\n        // If this instance contains no plugins with a 'cacheWillUpdate' callback,\n        // prepend the `cacheOkAndOpaquePlugin` plugin to the plugins list.\n        if (!this.plugins.some((p) => 'cacheWillUpdate' in p)) {\n            this.plugins.unshift(cacheOkAndOpaquePlugin);\n        }\n    }\n    /**\n     * @private\n     * @param {Request|string} request A request to run this strategy for.\n     * @param {workbox-strategies.StrategyHandler} handler The event that\n     *     triggered the request.\n     * @return {Promise<Response>}\n     */\n    async _handle(request, handler) {\n        const logs = [];\n        if (process.env.NODE_ENV !== 'production') {\n            assert.isInstance(request, Request, {\n                moduleName: 'workbox-strategies',\n                className: this.constructor.name,\n                funcName: 'handle',\n                paramName: 'request',\n            });\n        }\n        const fetchAndCachePromise = handler.fetchAndCachePut(request).catch(() => {\n            // Swallow this error because a 'no-response' error will be thrown in\n            // main handler return flow. This will be in the `waitUntil()` flow.\n        });\n        void handler.waitUntil(fetchAndCachePromise);\n        let response = await handler.cacheMatch(request);\n        let error;\n        if (response) {\n            if (process.env.NODE_ENV !== 'production') {\n                logs.push(`Found a cached response in the '${this.cacheName}'` +\n                    ` cache. Will update with the network response in the background.`);\n            }\n        }\n        else {\n            if (process.env.NODE_ENV !== 'production') {\n                logs.push(`No response found in the '${this.cacheName}' cache. ` +\n                    `Will wait for the network response.`);\n            }\n            try {\n                // NOTE(philipwalton): Really annoying that we have to type cast here.\n                // https://github.com/microsoft/TypeScript/issues/20006\n                response = (await fetchAndCachePromise);\n            }\n            catch (err) {\n                if (err instanceof Error) {\n                    error = err;\n                }\n            }\n        }\n        if (process.env.NODE_ENV !== 'production') {\n            logger.groupCollapsed(messages.strategyStart(this.constructor.name, request));\n            for (const log of logs) {\n                logger.log(log);\n            }\n            messages.printFinalResponse(response);\n            logger.groupEnd();\n        }\n        if (!response) {\n            throw new WorkboxError('no-response', { url: request.url, error });\n        }\n        return response;\n    }\n}\nexport { StaleWhileRevalidate };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { cacheNames } from 'workbox-core/_private/cacheNames.js';\nimport { logger } from 'workbox-core/_private/logger.js';\nimport { deleteOutdatedCaches } from './utils/deleteOutdatedCaches.js';\nimport './_version.js';\n/**\n * Adds an `activate` event listener which will clean up incompatible\n * precaches that were created by older versions of Workbox.\n *\n * @memberof workbox-precaching\n */\nfunction cleanupOutdatedCaches() {\n    // See https://github.com/Microsoft/TypeScript/issues/28357#issuecomment-436484705\n    self.addEventListener('activate', ((event) => {\n        const cacheName = cacheNames.getPrecacheName();\n        event.waitUntil(deleteOutdatedCaches(cacheName).then((cachesDeleted) => {\n            if (process.env.NODE_ENV !== 'production') {\n                if (cachesDeleted.length > 0) {\n                    logger.log(`The following out-of-date precaches were cleaned up ` +\n                        `automatically:`, cachesDeleted);\n                }\n            }\n        }));\n    }));\n}\nexport { cleanupOutdatedCaches };\n","/*\n  Copyright 2018 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport '../_version.js';\nconst SUBSTRING_TO_FIND = '-precache-';\n/**\n * Cleans up incompatible precaches that were created by older versions of\n * Workbox, by a service worker registered under the current scope.\n *\n * This is meant to be called as part of the `activate` event.\n *\n * This should be safe to use as long as you don't include `substringToFind`\n * (defaulting to `-precache-`) in your non-precache cache names.\n *\n * @param {string} currentPrecacheName The cache name currently in use for\n * precaching. This cache won't be deleted.\n * @param {string} [substringToFind='-precache-'] Cache names which include this\n * substring will be deleted (excluding `currentPrecacheName`).\n * @return {Array<string>} A list of all the cache names that were deleted.\n *\n * @private\n * @memberof workbox-precaching\n */\nconst deleteOutdatedCaches = async (currentPrecacheName, substringToFind = SUBSTRING_TO_FIND) => {\n    const cacheNames = await self.caches.keys();\n    const cacheNamesToDelete = cacheNames.filter((cacheName) => {\n        return (cacheName.includes(substringToFind) &&\n            cacheName.includes(self.registration.scope) &&\n            cacheName !== currentPrecacheName);\n    });\n    await Promise.all(cacheNamesToDelete.map((cacheName) => self.caches.delete(cacheName)));\n    return cacheNamesToDelete;\n};\nexport { deleteOutdatedCaches };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport './_version.js';\n/**\n * Claim any currently available clients once the service worker\n * becomes active. This is normally used in conjunction with `skipWaiting()`.\n *\n * @memberof workbox-core\n */\nfunction clientsClaim() {\n    self.addEventListener('activate', () => self.clients.claim());\n}\nexport { clientsClaim };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { addRoute } from './addRoute.js';\nimport { precache } from './precache.js';\nimport './_version.js';\n/**\n * This method will add entries to the precache list and add a route to\n * respond to fetch events.\n *\n * This is a convenience method that will call\n * {@link workbox-precaching.precache} and\n * {@link workbox-precaching.addRoute} in a single call.\n *\n * @param {Array<Object|string>} entries Array of entries to precache.\n * @param {Object} [options] See the\n * {@link workbox-precaching.PrecacheRoute} options.\n *\n * @memberof workbox-precaching\n */\nfunction precacheAndRoute(entries, options) {\n    precache(entries);\n    addRoute(options);\n}\nexport { precacheAndRoute };\n","/*\n  Copyright 2019 Google LLC\n\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { getOrCreatePrecacheController } from './utils/getOrCreatePrecacheController.js';\nimport './_version.js';\n/**\n * Adds items to the precache list, removing any duplicates and\n * stores the files in the\n * {@link workbox-core.cacheNames|\"precache cache\"} when the service\n * worker installs.\n *\n * This method can be called multiple times.\n *\n * Please note: This method **will not** serve any of the cached files for you.\n * It only precaches files. To respond to a network request you call\n * {@link workbox-precaching.addRoute}.\n *\n * If you have a single array of files to precache, you can just call\n * {@link workbox-precaching.precacheAndRoute}.\n *\n * @param {Array<Object|string>} [entries=[]] Array of entries to precache.\n *\n * @memberof workbox-precaching\n */\nfunction precache(entries) {\n    const precacheController = getOrCreatePrecacheController();\n    precacheController.precache(entries);\n}\nexport { precache };\n","/*\n  Copyright 2019 Google LLC\n  Use of this source code is governed by an MIT-style\n  license that can be found in the LICENSE file or at\n  https://opensource.org/licenses/MIT.\n*/\nimport { registerRoute } from 'workbox-routing/registerRoute.js';\nimport { getOrCreatePrecacheController } from './utils/getOrCreatePrecacheController.js';\nimport { PrecacheRoute } from './PrecacheRoute.js';\nimport './_version.js';\n/**\n * Add a `fetch` listener to the service worker that will\n * respond to\n * [network requests]{@link https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#Custom_responses_to_requests}\n * with precached assets.\n *\n * Requests for assets that aren't precached, the `FetchEvent` will not be\n * responded to, allowing the event to fall through to other `fetch` event\n * listeners.\n *\n * @param {Object} [options] See the {@link workbox-precaching.PrecacheRoute}\n * options.\n *\n * @memberof workbox-precaching\n */\nfunction addRoute(options) {\n    const precacheController = getOrCreatePrecacheController();\n    const precacheRoute = new PrecacheRoute(precacheController, options);\n    registerRoute(precacheRoute);\n}\nexport { addRoute };\n"],"names":["self","_","e","messageGenerator","fallback","code","args","msg","length","JSON","stringify","WorkboxError","Error","constructor","errorCode","details","super","this","name","normalizeHandler","handler","handle","Route","match","method","setCatchHandler","catchHandler","RegExpRoute","regExp","url","result","exec","href","origin","location","index","slice","Router","_routes","Map","_defaultHandlerMap","routes","addFetchListener","addEventListener","event","request","responsePromise","handleRequest","respondWith","addCacheListener","data","type","payload","requestPromises","Promise","all","urlsToCache","map","entry","Request","waitUntil","ports","then","postMessage","URL","protocol","startsWith","sameOrigin","params","route","findMatchingRoute","has","get","err","reject","_catchHandler","catch","async","catchErr","matchResult","Array","isArray","Object","keys","undefined","setDefaultHandler","set","registerRoute","push","unregisterRoute","routeIndex","indexOf","splice","defaultRouter","getOrCreateDefaultRouter","capture","captureUrl","matchCallback","RegExp","moduleName","funcName","paramName","cacheOkAndOpaquePlugin","cacheWillUpdate","response","status","_cacheNameDetails","googleAnalytics","precache","prefix","runtime","suffix","registration","scope","_createCacheName","cacheName","filter","value","join","cacheNames","userCacheName","stripParams","fullURL","ignoreParams","strippedURL","param","searchParams","delete","Deferred","promise","resolve","quotaErrorCallbacks","Set","toRequest","input","StrategyHandler","strategy","options","_cacheKeys","assign","_strategy","_handlerDeferred","_extendLifetimePromises","_plugins","plugins","_pluginStateMap","plugin","fetch","mode","FetchEvent","preloadResponse","possiblePreloadResponse","originalRequest","hasCallback","clone","cb","iterateCallbacks","thrownErrorMessage","message","pluginFilteredRequest","fetchResponse","fetchOptions","callback","error","runCallbacks","fetchAndCachePut","responseClone","cachePut","cacheMatch","key","cachedResponse","matchOptions","effectiveRequest","getCacheKey","multiMatchOptions","caches","ms","setTimeout","String","replace","responseToCache","_ensureResponseSafeToCache","cache","open","hasCacheUpdateCallback","oldResponse","strippedRequestURL","keysOptions","ignoreSearch","cacheKeys","cacheKey","cacheMatchIgnoreParams","put","executeQuotaErrorCallbacks","newResponse","state","statefulCallback","statefulParam","doneWaiting","shift","destroy","pluginsUsed","Strategy","responseDone","handleAll","_getResponse","_awaitComplete","_handle","waitUntilError","dontWaitFor","instanceOfAny","object","constructors","some","c","idbProxyableTypes","cursorAdvanceMethods","cursorRequestMap","WeakMap","transactionDoneMap","transactionStoreNamesMap","transformCache","reverseTransformCache","idbProxyTraps","target","prop","receiver","IDBTransaction","objectStoreNames","objectStore","wrap","wrapFunction","func","IDBDatabase","prototype","transaction","IDBCursor","advance","continue","continuePrimaryKey","includes","apply","unwrap","storeNames","tx","call","sort","transformCachableValue","done","unlisten","removeEventListener","complete","DOMException","cacheDonePromiseForTransaction","IDBObjectStore","IDBIndex","Proxy","IDBRequest","success","promisifyRequest","newValue","readMethods","writeMethods","cachedMethods","getMethod","targetFuncName","useIndex","isWrite","storeName","store","oldTraps","_extends","CACHE_OBJECT_STORE","normalizeURL","unNormalizedUrl","hash","CacheTimestampsModel","_db","_cacheName","_upgradeDb","db","objStore","createObjectStore","keyPath","createIndex","unique","_upgradeDbAndDeleteOldDbs","blocked","indexedDB","deleteDatabase","oldVersion","deleteDB","setTimestamp","timestamp","id","_getId","getDb","durability","getTimestamp","expireEntries","minTimestamp","maxCount","cursor","openCursor","entriesToDelete","entriesNotDeletedCount","urlsDeleted","version","upgrade","blocking","terminated","openPromise","newVersion","openDB","bind","CacheExpiration","config","_isRunning","_rerunRequested","_maxEntries","maxEntries","_maxAgeSeconds","maxAgeSeconds","_matchOptions","_timestampModel","Date","now","urlsExpired","updateTimestamp","isURLExpired","expireOlderThan","Infinity","createPartialResponse","originalResponse","rangeHeader","headers","boundaries","normalizedRangeHeader","trim","toLowerCase","rangeParts","start","Number","end","parseRangeHeader","originalBlob","blob","effectiveBoundaries","blobSize","size","effectiveStart","effectiveEnd","calculateEffectiveBoundaries","slicedBlob","slicedBlobSize","slicedResponse","Response","statusText","asyncFn","returnPromise","createCacheKey","urlObject","revision","cacheKeyURL","originalURL","PrecacheInstallReportPlugin","updatedURLs","notUpdatedURLs","handlerWillStart","cachedResponseWillBeUsed","PrecacheCacheKeyPlugin","precacheController","cacheKeyWillBeUsed","_precacheController","getCacheKeyForURL","supportStatus","copyResponse","modifier","clonedResponse","responseInit","Headers","modifiedResponseInit","body","testResponse","canConstructResponseFromBodyStream","PrecacheStrategy","_fallbackToNetwork","fallbackToNetwork","copyRedirectedCacheableResponsesPlugin","_handleInstall","_handleFetch","integrityInManifest","integrity","integrityInRequest","noIntegrityConflict","_useDefaultCacheabilityPluginIfNeeded","defaultPluginIndex","cacheWillUpdatePluginCount","entries","defaultPrecacheCacheabilityPlugin","redirected","PrecacheController","_urlsToCacheKeys","_urlsToCacheModes","_cacheKeysToIntegrities","install","activate","addToCacheList","_installAndActiveListenersAdded","urlsToWarnAbout","cacheMode","firstEntry","secondEntry","warningMessage","console","warn","installReportPlugin","credentials","currentlyCachedRequests","expectedCacheKeys","values","deletedURLs","getURLsToCacheKeys","getCachedURLs","getIntegrityForCacheKey","matchPrecache","createHandlerBoundToURL","getOrCreatePrecacheController","PrecacheRoute","urlsToCacheKeys","possibleURL","ignoreURLParametersMatching","directoryIndex","cleanURLs","urlManipulation","urlWithoutIgnoredParams","test","removeIgnoredSearchParams","pathname","endsWith","directoryURL","cleanURL","additionalURLs","urlToAttempt","generateURLVariations","isFresh","_isResponseDateFresh","cacheExpiration","_getCacheExpiration","updateTimestampDone","cacheDidUpdate","_config","_cacheExpirations","purgeOnQuotaError","add","registerQuotaErrorCallback","deleteCacheAndMetadata","dateHeaderTimestamp","_getDateHeaderTimestamp","dateHeader","headerTime","getTime","isNaN","p","unshift","_networkTimeoutSeconds","networkTimeoutSeconds","logs","promises","timeoutId","_getTimeoutPromise","networkPromise","_getNetworkPromise","race","fetchError","clearTimeout","fetchAndCachePromise","currentPrecacheName","substringToFind","cacheNamesToDelete","deleteOutdatedCaches","cachesDeleted","clients","claim","addRoute"],"mappings":"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"}
\ No newline at end of file
diff --git a/apps/deploy-web/src/components/authorizations/AllowanceModal.tsx b/apps/deploy-web/src/components/authorizations/AllowanceModal.tsx
index 6a4a29c3b..2de36afd0 100644
--- a/apps/deploy-web/src/components/authorizations/AllowanceModal.tsx
+++ b/apps/deploy-web/src/components/authorizations/AllowanceModal.tsx
@@ -2,13 +2,12 @@
 import { useRef, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { FormattedDate } from "react-intl";
-import { Alert, Popup } from "@akashnetwork/ui/components";
+import { Alert, Form, FormField, FormInput, Popup } from "@akashnetwork/ui/components";
 import { EncodeObject } from "@cosmjs/proto-signing";
-import FormControl from "@mui/material/FormControl";
-import InputAdornment from "@mui/material/InputAdornment";
-import TextField from "@mui/material/TextField";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { addYears, format } from "date-fns";
 import { event } from "nextjs-google-analytics";
+import { z } from "zod";
 
 import { LinkTo } from "@src/components/shared/LinkTo";
 import { useWallet } from "@src/context/WalletProvider";
@@ -19,31 +18,33 @@ import { uAktDenom } from "@src/utils/constants";
 import { aktToUakt, coinToDenom } from "@src/utils/priceUtils";
 import { TransactionMessageData } from "@src/utils/TransactionMessageData";
 
-type AllowanceFormValues = {
-  amount: number;
-  expiration: string;
-  useDepositor: boolean;
-  granteeAddress: string;
-};
-
 type Props = {
   address: string;
   editingAllowance?: AllowanceType | null;
   onClose: () => void;
 };
 
+const formSchema = z.object({
+  amount: z.coerce.number().min(0, {
+    message: "Amount must be greater than 0."
+  }),
+  expiration: z.string().min(1, "Expiration is required."),
+  granteeAddress: z.string().min(1, "Grantee address is required.")
+});
+
 export const AllowanceModal: React.FunctionComponent<Props> = ({ editingAllowance, address, onClose }) => {
   const formRef = useRef<HTMLFormElement>(null);
   const [error, setError] = useState("");
   const { signAndBroadcastTx } = useWallet();
-  const { handleSubmit, control, watch, clearErrors, setValue } = useForm<AllowanceFormValues>({
+  const form = useForm<z.infer<typeof formSchema>>({
     defaultValues: {
       amount: editingAllowance ? coinToDenom(editingAllowance.allowance.spend_limit[0]) : 0,
       expiration: format(addYears(new Date(), 1), "yyyy-MM-dd'T'HH:mm"),
-      useDepositor: false,
       granteeAddress: editingAllowance?.grantee ?? ""
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control, watch, clearErrors, setValue } = form;
   const { amount, granteeAddress, expiration } = watch();
   const denomData = useDenomData(uAktDenom);
 
@@ -52,7 +53,7 @@ export const AllowanceModal: React.FunctionComponent<Props> = ({ editingAllowanc
     formRef.current?.dispatchEvent(new Event("submit", { cancelable: true, bubbles: true }));
   };
 
-  const onSubmit = async ({ amount, expiration, granteeAddress }: AllowanceFormValues) => {
+  const onSubmit = async ({ amount, expiration, granteeAddress }: z.infer<typeof formSchema>) => {
     setError("");
     clearErrors();
 
@@ -114,106 +115,74 @@ export const AllowanceModal: React.FunctionComponent<Props> = ({ editingAllowanc
       enableCloseOnBackdropClick
       title="Authorize Fee Spending"
     >
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-        <Alert className="mb-4">
-          <p className="text-sm text-muted-foreground">
-            <LinkTo onClick={ev => handleDocClick(ev, "https://docs.cosmos.network/v0.46/modules/feegrant/")}>Authorized Fee Spend</LinkTo> allows users to
-            authorize spend of a set number of tokens on fees from a source wallet to a destination, funded wallet.
-          </p>
-        </Alert>
-
-        <div className="mb-2 mt-2 text-right">
-          <LinkTo onClick={() => onBalanceClick()}>
-            Balance: {denomData?.balance} {denomData?.label}
-          </LinkTo>
-        </div>
-
-        <FormControl className="mb-4" fullWidth>
-          <Controller
-            control={control}
-            name="amount"
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              const helperText = fieldState.error?.type === "validate" ? "Invalid amount." : "Amount is required.";
-
-              return (
-                <TextField
-                  {...field}
-                  type="number"
-                  variant="outlined"
-                  label="Spending Limit"
-                  autoFocus
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && helperText}
-                  inputProps={{ min: 0, step: 0.000001, max: denomData?.inputMax }}
-                  InputProps={{
-                    startAdornment: <InputAdornment position="start">AKT</InputAdornment>
-                  }}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        <FormControl className="mb-4" fullWidth>
-          <Controller
-            control={control}
-            name="granteeAddress"
-            defaultValue=""
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              return (
-                <TextField
-                  {...field}
-                  type="text"
-                  variant="outlined"
-                  label="Grantee Address"
-                  disabled={!!editingAllowance}
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && "Grantee address is required."}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        <FormControl className="mb-4" fullWidth>
-          <Controller
-            control={control}
-            name="expiration"
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              return (
-                <TextField
-                  {...field}
-                  type="datetime-local"
-                  variant="outlined"
-                  label="Expiration"
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && "Expiration is required."}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        {!!amount && granteeAddress && (
-          <Alert>
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+          <Alert className="mb-4">
             <p className="text-sm text-muted-foreground">
-              This address will be able to spend up to {amount} AKT on <b>transaction fees</b> on your behalf ending on{" "}
-              <FormattedDate value={expiration} year="numeric" month="2-digit" day="2-digit" hour="2-digit" minute="2-digit" />.
+              <LinkTo onClick={ev => handleDocClick(ev, "https://docs.cosmos.network/v0.46/modules/feegrant/")}>Authorized Fee Spend</LinkTo> allows users to
+              authorize spend of a set number of tokens on fees from a source wallet to a destination, funded wallet.
             </p>
           </Alert>
-        )}
 
-        {error && <Alert variant="warning">{error}</Alert>}
-      </form>
+          <div className="mb-2 mt-2 text-right">
+            <LinkTo onClick={() => onBalanceClick()}>
+              Balance: {denomData?.balance} {denomData?.label}
+            </LinkTo>
+          </div>
+
+          <div className="mb-4 w-full">
+            <FormField
+              control={control}
+              name="amount"
+              render={({ field }) => {
+                return (
+                  <FormInput
+                    {...field}
+                    type="number"
+                    label="Spending Limit"
+                    autoFocus
+                    min={0}
+                    step={0.000001}
+                    max={denomData?.inputMax}
+                    startIcon={<span className="text-xs pl-2">{denomData?.label}</span>}
+                  />
+                );
+              }}
+            />
+          </div>
+
+          <div className="mb-4 w-full">
+            <FormField
+              control={control}
+              name="granteeAddress"
+              render={({ field }) => {
+                return <FormInput {...field} type="text" label="Grantee Address" disabled={!!editingAllowance} />;
+              }}
+            />
+          </div>
+
+          <div className="mb-4 w-full">
+            <Controller
+              control={control}
+              name="expiration"
+              render={({ field }) => {
+                return <FormInput {...field} type="datetime-local" label="Expiration" />;
+              }}
+            />
+          </div>
+
+          {!!amount && granteeAddress && (
+            <Alert>
+              <p className="text-sm text-muted-foreground">
+                This address will be able to spend up to {amount} AKT on <b>transaction fees</b> on your behalf ending on{" "}
+                <FormattedDate value={expiration} year="numeric" month="2-digit" day="2-digit" hour="2-digit" minute="2-digit" />.
+              </p>
+            </Alert>
+          )}
+
+          {error && <Alert variant="warning">{error}</Alert>}
+        </form>
+      </Form>
     </Popup>
   );
 };
diff --git a/apps/deploy-web/src/components/authorizations/GrantModal.tsx b/apps/deploy-web/src/components/authorizations/GrantModal.tsx
index 21f98455b..f4c3749e4 100644
--- a/apps/deploy-web/src/components/authorizations/GrantModal.tsx
+++ b/apps/deploy-web/src/components/authorizations/GrantModal.tsx
@@ -1,15 +1,26 @@
 "use client";
 import { useRef, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
+import { useForm } from "react-hook-form";
 import { FormattedDate } from "react-intl";
-import { Alert, Popup } from "@akashnetwork/ui/components";
-import FormControl from "@mui/material/FormControl";
-import InputLabel from "@mui/material/InputLabel";
-import MenuItem from "@mui/material/MenuItem";
-import Select from "@mui/material/Select";
-import TextField from "@mui/material/TextField";
+import {
+  Alert,
+  Form,
+  FormField,
+  FormInput,
+  FormLabel,
+  FormMessage,
+  Popup,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { addYears, format } from "date-fns";
 import { event } from "nextjs-google-analytics";
+import { z } from "zod";
 
 import { LinkTo } from "@src/components/shared/LinkTo";
 import { useWallet } from "@src/context/WalletProvider";
@@ -22,13 +33,6 @@ import { denomToUdenom } from "@src/utils/mathHelpers";
 import { aktToUakt, coinToDenom } from "@src/utils/priceUtils";
 import { TransactionMessageData } from "@src/utils/TransactionMessageData";
 import { handleDocClick } from "@src/utils/urlUtils";
-type GrantFormValues = {
-  token: string;
-  amount: number;
-  expiration: string;
-  useDepositor: boolean;
-  granteeAddress: string;
-};
 
 type Props = {
   address: string;
@@ -41,20 +45,28 @@ const supportedTokens = [
   { id: "usdc", label: "USDC" }
 ];
 
+const formSchema = z.object({
+  token: z.string().min(1, "Token is required."),
+  amount: z.coerce.number().min(0, "Amount must be greater than 0."),
+  expiration: z.string().min(1, "Expiration is required."),
+  granteeAddress: z.string().min(1, "Grantee address is required.")
+});
+
 export const GrantModal: React.FunctionComponent<Props> = ({ editingGrant, address, onClose }) => {
   const formRef = useRef<HTMLFormElement>(null);
   const [error, setError] = useState("");
   const { signAndBroadcastTx } = useWallet();
   const usdcDenom = useUsdcDenom();
-  const { handleSubmit, control, watch, clearErrors, setValue } = useForm<GrantFormValues>({
+  const form = useForm<z.infer<typeof formSchema>>({
     defaultValues: {
       token: editingGrant ? (editingGrant.authorization.spend_limit.denom === usdcDenom ? "usdc" : "akt") : "akt",
       amount: editingGrant ? coinToDenom(editingGrant.authorization.spend_limit) : 0,
       expiration: format(addYears(new Date(), 1), "yyyy-MM-dd'T'HH:mm"),
-      useDepositor: false,
       granteeAddress: editingGrant?.grantee ?? ""
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control, watch, clearErrors, setValue } = form;
   const { amount, granteeAddress, expiration, token } = watch();
   const selectedToken = supportedTokens.find(x => x.id === token);
   const denom = token === "akt" ? uAktDenom : usdcDenom;
@@ -65,7 +77,7 @@ export const GrantModal: React.FunctionComponent<Props> = ({ editingGrant, addre
     formRef.current?.dispatchEvent(new Event("submit", { cancelable: true, bubbles: true }));
   };
 
-  const onSubmit = async ({ amount, expiration, granteeAddress }: GrantFormValues) => {
+  const onSubmit = async ({ amount, expiration, granteeAddress }: z.infer<typeof formSchema>) => {
     setError("");
     clearErrors();
     const spendLimit = token === "akt" ? aktToUakt(amount) : denomToUdenom(amount);
@@ -118,131 +130,104 @@ export const GrantModal: React.FunctionComponent<Props> = ({ editingGrant, addre
       enableCloseOnBackdropClick
       title="Authorize Spending"
     >
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-        <Alert
-          className="mb-4"
-          // severity="info"
-        >
-          <p className="text-sm text-muted-foreground">
-            <LinkTo onClick={ev => handleDocClick(ev, "https://akash.network/docs/network-features/authorized-spend/")}>Authorized Spend</LinkTo> allows users
-            to authorize spending of a set number of tokens from a source wallet to a destination, funded wallet. The authorized spend is restricted to Akash
-            deployment activities and the recipient of the tokens would not have access to those tokens for other operations.
-          </p>
-        </Alert>
-
-        <div className="mb-2 mt-2 text-right">
-          <LinkTo onClick={() => onBalanceClick()}>
-            Balance: {denomData?.balance} {denomData?.label}
-          </LinkTo>
-        </div>
-
-        <FormControl className="mb-4 flex flex-row items-center" fullWidth>
-          <InputLabel id="grant-token">Token</InputLabel>
-          <Controller
-            control={control}
-            name="token"
-            defaultValue=""
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              return (
-                <Select {...field} labelId="grant-token" label="Token" size="medium" error={!!fieldState.error}>
-                  {supportedTokens.map(token => (
-                    <MenuItem key={token.id} value={token.id}>
-                      {token.label}
-                    </MenuItem>
-                  ))}
-                </Select>
-              );
-            }}
-          />
-
-          <Controller
-            control={control}
-            name="amount"
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              const helperText = fieldState.error?.type === "validate" ? "Invalid amount." : "Amount is required.";
-
-              return (
-                <TextField
-                  {...field}
-                  type="number"
-                  variant="outlined"
-                  label="Spending Limit"
-                  autoFocus
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && helperText}
-                  inputProps={{ min: 0, step: 0.000001, max: denomData?.inputMax }}
-                  sx={{ flexGrow: 1, marginLeft: "1rem" }}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        <FormControl className="mb-4" fullWidth>
-          <Controller
-            control={control}
-            name="granteeAddress"
-            defaultValue=""
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              return (
-                <TextField
-                  {...field}
-                  type="text"
-                  variant="outlined"
-                  label="Grantee Address"
-                  disabled={!!editingGrant}
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && "Grantee address is required."}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        <FormControl className="mb-4" fullWidth>
-          <Controller
-            control={control}
-            name="expiration"
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              return (
-                <TextField
-                  {...field}
-                  type="datetime-local"
-                  variant="outlined"
-                  label="Expiration"
-                  error={!!fieldState.error}
-                  helperText={fieldState.error && "Expiration is required."}
-                />
-              );
-            }}
-          />
-        </FormControl>
-
-        {!!amount && granteeAddress && (
-          <Alert
-          // severity="info"
-          >
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+          <Alert className="mb-4">
             <p className="text-sm text-muted-foreground">
-              This address will be able to spend up to {amount} {selectedToken?.label} on your behalf ending on{" "}
-              <FormattedDate value={expiration} year="numeric" month="2-digit" day="2-digit" hour="2-digit" minute="2-digit" />.
+              <LinkTo onClick={ev => handleDocClick(ev, "https://akash.network/docs/network-features/authorized-spend/")}>Authorized Spend</LinkTo> allows users
+              to authorize spending of a set number of tokens from a source wallet to a destination, funded wallet. The authorized spend is restricted to Akash
+              deployment activities and the recipient of the tokens would not have access to those tokens for other operations.
             </p>
           </Alert>
-        )}
 
-        {error && <Alert variant="warning">{error}</Alert>}
-      </form>
+          <div className="mb-2 mt-2 text-right">
+            <LinkTo onClick={() => onBalanceClick()}>
+              Balance: {denomData?.balance} {denomData?.label}
+            </LinkTo>
+          </div>
+
+          <div className="mb-4 flex w-full flex-row items-center">
+            <FormField
+              control={control}
+              name="token"
+              render={({ field }) => {
+                return (
+                  <div>
+                    <FormLabel htmlFor="grant-address">Token</FormLabel>
+                    <Select value={field.value || ""} onValueChange={field.onChange}>
+                      <SelectTrigger id="grant-address">
+                        <SelectValue placeholder="Select grant token" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectGroup>
+                          {supportedTokens.map(token => (
+                            <SelectItem key={token.id} value={token.id}>
+                              {token.label}
+                            </SelectItem>
+                          ))}
+                        </SelectGroup>
+                      </SelectContent>
+                    </Select>
+
+                    <FormMessage />
+                  </div>
+                );
+              }}
+            />
+
+            <FormField
+              control={control}
+              name="amount"
+              render={({ field }) => {
+                return (
+                  <FormInput
+                    {...field}
+                    type="number"
+                    label="Spending Limit"
+                    autoFocus
+                    min={0}
+                    step={0.000001}
+                    max={denomData?.inputMax}
+                    startIcon={<span className="text-xs pl-2">{denomData?.label}</span>}
+                    className="ml-4 flex-grow"
+                  />
+                );
+              }}
+            />
+          </div>
+
+          <div className="mb-4 w-full">
+            <FormField
+              control={control}
+              name="granteeAddress"
+              render={({ field }) => {
+                return <FormInput {...field} type="text" label="Grantee Address" disabled={!!editingGrant} />;
+              }}
+            />
+          </div>
+
+          <div className="mb-4 w-full">
+            <FormField
+              control={control}
+              name="expiration"
+              render={({ field }) => {
+                return <FormInput {...field} type="datetime-local" label="Expiration" />;
+              }}
+            />
+          </div>
+
+          {!!amount && granteeAddress && (
+            <Alert>
+              <p className="text-sm text-muted-foreground">
+                This address will be able to spend up to {amount} {selectedToken?.label} on your behalf ending on{" "}
+                <FormattedDate value={expiration} year="numeric" month="2-digit" day="2-digit" hour="2-digit" minute="2-digit" />.
+              </p>
+            </Alert>
+          )}
+
+          {error && <Alert variant="warning">{error}</Alert>}
+        </form>
+      </Form>
     </Popup>
   );
 };
diff --git a/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx b/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
index 2d935458a..5e620c4cc 100644
--- a/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
+++ b/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
@@ -4,9 +4,12 @@ import { Controller, useForm } from "react-hook-form";
 import {
   Alert,
   CheckboxWithLabel,
+  Form,
+  FormField,
+  FormInput,
   FormItem,
-  InputWithIcon,
-  Label,
+  FormLabel,
+  FormMessage,
   Popup,
   Select,
   SelectContent,
@@ -16,9 +19,11 @@ import {
   SelectValue,
   Snackbar
 } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import compareAsc from "date-fns/compareAsc";
 import { event } from "nextjs-google-analytics";
 import { useSnackbar } from "notistack";
+import { z } from "zod";
 
 import { useSettings } from "@src/context/SettingsProvider";
 import { useWallet } from "@src/context/WalletProvider";
@@ -41,6 +46,27 @@ type Props = {
   children?: ReactNode;
 };
 
+const formSchema = z
+  .object({
+    amount: z.coerce
+      .number({
+        invalid_type_error: "Amount must be a number."
+      })
+      .min(0.000001, { message: "Amount is required." }),
+    useDepositor: z.boolean().optional(),
+    depositorAddress: z.string().optional()
+  })
+  .refine(
+    data => {
+      if (data.useDepositor && !data.depositorAddress) {
+        return false;
+      }
+
+      return true;
+    },
+    { message: "Depositor address is required.", path: ["depositorAddress"] }
+  );
+
 export const DeploymentDepositModal: React.FunctionComponent<Props> = ({ handleCancel, onDeploymentDeposit, disableMin, denom, infoText = null }) => {
   const formRef = useRef<HTMLFormElement>(null);
   const { settings } = useSettings();
@@ -50,13 +76,15 @@ export const DeploymentDepositModal: React.FunctionComponent<Props> = ({ handleC
   const { walletBalances, address } = useWallet();
   const { data: granteeGrants } = useGranteeGrants(address);
   const depositData = useDenomData(denom);
-  const { handleSubmit, control, watch, setValue, clearErrors, unregister } = useForm({
+  const form = useForm<z.infer<typeof formSchema>>({
     defaultValues: {
       amount: 0,
       useDepositor: false,
       depositorAddress: ""
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control, watch, setValue, clearErrors, unregister } = form;
   const { amount, useDepositor, depositorAddress } = watch();
   const usdcIbcDenom = useUsdcDenom();
   const validGrants = granteeGrants?.filter(x => compareAsc(new Date(), x.authorization.expiration) !== 1 && x.authorization.spend_limit.denom === denom) || [];
@@ -135,14 +163,14 @@ export const DeploymentDepositModal: React.FunctionComponent<Props> = ({ handleC
     formRef.current?.dispatchEvent(new Event("submit", { cancelable: true, bubbles: true }));
   };
 
-  const onSubmit = async ({ amount }) => {
+  const onSubmit = async ({ amount, depositorAddress }: z.infer<typeof formSchema>) => {
     setError("");
     clearErrors();
     const deposit = denomToUdenom(amount);
     const uaktBalance = walletBalances?.uakt || 0;
     const usdcBalance = walletBalances?.usdc || 0;
 
-    if (!disableMin && deposit < (depositData?.min || 0)) {
+    if (!disableMin && amount < (depositData?.min || 0)) {
       setError(`Deposit amount must be greater or equal than ${depositData?.min}.`);
       return;
     }
@@ -196,98 +224,85 @@ export const DeploymentDepositModal: React.FunctionComponent<Props> = ({ handleC
       enableCloseOnBackdropClick
       title="Deployment Deposit"
     >
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-        {infoText}
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+          {infoText}
 
-        <FormItem
-          className="w-full"
-          // error={!errors.amount} fullWidth
-        >
-          <Controller
-            control={control}
-            name="amount"
-            rules={{
-              required: true
-            }}
-            render={({ fieldState, field }) => {
-              const helperText = fieldState.error?.type === "validate" ? "Invalid amount." : "Amount is required.";
+          <div className="w-full">
+            <FormField
+              control={control}
+              name="amount"
+              render={({ field }) => {
+                return (
+                  <FormInput
+                    {...field}
+                    type="number"
+                    label={
+                      <div className="mb-1 flex items-center justify-between">
+                        <span>Amount</span>
+                        <LinkTo onClick={() => onBalanceClick()} className="text-xs">
+                          Balance: {depositData?.balance} {depositData?.label}
+                        </LinkTo>
+                      </div>
+                    }
+                    autoFocus
+                    min={!disableMin ? depositData?.min : 0}
+                    step={0.000001}
+                    max={depositData?.inputMax}
+                    startIcon={<div className="pl-2 text-xs">{depositData?.label}</div>}
+                  />
+                );
+              }}
+            />
+          </div>
 
-              return (
-                <InputWithIcon
-                  {...field}
-                  type="number"
-                  label={
-                    <div className="mb-1 flex items-center justify-between">
-                      <span>Amount</span>
-                      <LinkTo onClick={() => onBalanceClick()} className="text-xs">
-                        Balance: {depositData?.balance} {depositData?.label}
-                      </LinkTo>
-                    </div>
-                  }
-                  autoFocus
-                  error={fieldState.error && helperText}
-                  // helperText={fieldState.error && helperText}
-                  min={!disableMin ? depositData?.min : 0}
-                  step={0.000001}
-                  max={depositData?.inputMax}
-                  startIcon={depositData?.label}
-                />
-              );
-            }}
-          />
-        </FormItem>
+          <div className="my-4 flex items-center">
+            <Controller
+              control={control}
+              name="useDepositor"
+              render={({ field }) => {
+                return <CheckboxWithLabel label="Use another address to fund" checked={field.value} onCheckedChange={field.onChange} />;
+              }}
+            />
+          </div>
 
-        <FormItem className="my-4 flex items-center">
-          <Controller
-            control={control}
-            name="useDepositor"
-            render={({ field }) => {
-              return <CheckboxWithLabel label="Use another address to fund" checked={field.value} onCheckedChange={field.onChange} />;
-            }}
-          />
-        </FormItem>
+          {useDepositor && (
+            <FormField
+              control={control}
+              name="depositorAddress"
+              render={({ field }) => {
+                return (
+                  <FormItem className="mt-2 w-full">
+                    <FormLabel htmlFor="deposit-grantee-address">Address</FormLabel>
+                    <Select value={field.value || ""} onValueChange={field.onChange} disabled={validGrants.length === 0}>
+                      <SelectTrigger id="deposit-grantee-address">
+                        <SelectValue placeholder={validGrants.length === 0 ? "No available grants" : "Select address"} />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectGroup>
+                          {validGrants.map(grant => (
+                            <SelectItem key={grant.granter} value={grant.granter}>
+                              <GranteeDepositMenuItem grant={grant} />
+                            </SelectItem>
+                          ))}
+                        </SelectGroup>
+                      </SelectContent>
+                    </Select>
 
-        {useDepositor && (
-          <Controller
-            control={control}
-            name="depositorAddress"
-            defaultValue=""
-            rules={{
-              required: true
-            }}
-            render={({ field }) => {
-              return (
-                <FormItem
-                  className="mt-2 w-full"
-                  // error={fieldState.error}
-                >
-                  <Label htmlFor="deposit-grantee-address">Address</Label>
-                  <Select value={field.value || ""} onValueChange={field.onChange} disabled={validGrants.length === 0}>
-                    <SelectTrigger id="deposit-grantee-address">
-                      <SelectValue placeholder={validGrants.length === 0 ? "No available grants" : "Select address"} />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectGroup>
-                        {validGrants.map(grant => (
-                          <SelectItem key={grant.granter} value={grant.granter}>
-                            <GranteeDepositMenuItem grant={grant} />
-                          </SelectItem>
-                        ))}
-                      </SelectGroup>
-                    </SelectContent>
-                  </Select>
-                </FormItem>
-              );
-            }}
-          />
-        )}
+                    <FormMessage />
+                  </FormItem>
+                );
+              }}
+            />
+          )}
 
-        {error && (
-          <Alert variant="destructive" className="mt-4 text-sm">
-            {error}
-          </Alert>
-        )}
-      </form>
+          {error && (
+            <Alert variant="destructive" className="mt-4 text-sm">
+              {error}
+            </Alert>
+          )}
+        </form>
+      </Form>
     </Popup>
   );
 };
diff --git a/apps/deploy-web/src/components/deployments/DeploymentLeaseShell.tsx b/apps/deploy-web/src/components/deployments/DeploymentLeaseShell.tsx
index 0ba00e819..8b2f746c4 100644
--- a/apps/deploy-web/src/components/deployments/DeploymentLeaseShell.tsx
+++ b/apps/deploy-web/src/components/deployments/DeploymentLeaseShell.tsx
@@ -175,8 +175,6 @@ export const DeploymentLeaseShell: React.FunctionComponent<Props> = ({ leases })
 
   const onTerminalKey = useCallback(
     (event: { key: string; domEvent: KeyboardEvent }) => {
-      // console.log(event, event.key);
-
       const data = getEncodedData(event.key);
 
       sendJsonMessage({
diff --git a/apps/deploy-web/src/components/deployments/DeploymentList.tsx b/apps/deploy-web/src/components/deployments/DeploymentList.tsx
index 3584cd135..cb0eb4396 100644
--- a/apps/deploy-web/src/components/deployments/DeploymentList.tsx
+++ b/apps/deploy-web/src/components/deployments/DeploymentList.tsx
@@ -5,7 +5,7 @@ import {
   buttonVariants,
   CheckboxWithLabel,
   CustomPagination,
-  InputWithIcon,
+  Input,
   Spinner,
   Table,
   TableBody,
@@ -182,20 +182,22 @@ export const DeploymentList: React.FunctionComponent = () => {
 
       {((filteredDeployments?.length || 0) > 0 || !!search) && (
         <div className="flex items-center pb-4 pt-2">
-          <InputWithIcon
-            label="Search Deployments by name"
-            value={search}
-            onChange={onSearchChange}
-            className="w-full"
-            type="text"
-            endIcon={
-              !!search && (
-                <Button size="icon" variant="text" onClick={() => setSearch("")}>
-                  <Xmark className="text-xs" />
-                </Button>
-              )
-            }
-          />
+          <div className="flex-grow">
+            <Input
+              value={search}
+              onChange={onSearchChange}
+              label="Search Deployments by name"
+              className="w-full"
+              type="text"
+              endIcon={
+                !!search && (
+                  <Button size="icon" variant="text" onClick={() => setSearch("")}>
+                    <Xmark className="text-xs" />
+                  </Button>
+                )
+              }
+            />
+          </div>
         </div>
       )}
 
diff --git a/apps/deploy-web/src/components/deployments/ShellDownloadModal.tsx b/apps/deploy-web/src/components/deployments/ShellDownloadModal.tsx
index 3d7fbc671..d4419214c 100644
--- a/apps/deploy-web/src/components/deployments/ShellDownloadModal.tsx
+++ b/apps/deploy-web/src/components/deployments/ShellDownloadModal.tsx
@@ -1,24 +1,39 @@
 "use client";
 import { useRef } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { Alert, InputWithIcon, Popup } from "@akashnetwork/ui/components";
+import { useForm } from "react-hook-form";
+import { Alert, Form, FormField, FormInput, Popup } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { event } from "nextjs-google-analytics";
+import { z } from "zod";
 
 import { useBackgroundTask } from "@src/context/BackgroundTaskProvider";
 import { AnalyticsEvents } from "@src/utils/analytics";
 
+const formSchema = z.object({
+  filePath: z
+    .string()
+    .min(1, {
+      message: "File path is required."
+    })
+    .regex(/^(?!https?:).*/i, {
+      message: "Should be a valid path on the server, not a URL."
+    })
+});
+
 export const ShellDownloadModal = ({ selectedLease, onCloseClick, selectedService, providerInfo }) => {
   const formRef = useRef<HTMLFormElement | null>(null);
   const { downloadFileFromShell } = useBackgroundTask();
+  const form = useForm<z.infer<typeof formSchema>>({
+    defaultValues: {
+      filePath: ""
+    },
+    resolver: zodResolver(formSchema)
+  });
   const {
     handleSubmit,
     control,
     formState: { errors }
-  } = useForm({
-    defaultValues: {
-      filePath: ""
-    }
-  });
+  } = form;
 
   const onSubmit = async ({ filePath }) => {
     downloadFileFromShell(providerInfo.hostUri, selectedLease.dseq, selectedLease.gseq, selectedLease.oseq, selectedService, filePath);
@@ -67,33 +82,17 @@ export const ShellDownloadModal = ({ selectedLease, onCloseClick, selectedServic
         <p className="text-xs">This is an experimental feature and may not work reliably.</p>
       </Alert>
 
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-        <Controller
-          control={control}
-          name="filePath"
-          rules={{
-            required: "File path is required.",
-            pattern: {
-              value: /^(?!https?:).*/i,
-              message: "Should be a valid path on the server, not a URL."
-            }
-          }}
-          render={({ field, fieldState }) => {
-            return (
-              <InputWithIcon
-                {...field}
-                type="text"
-                label="File path"
-                // error={!!fieldState.error}
-                error={fieldState.error?.message}
-                // helperText={fieldState.error?.message}
-                autoFocus
-                placeholder="Example: /app/logs.txt"
-              />
-            );
-          }}
-        />
-      </form>
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+          <FormField
+            control={control}
+            name="filePath"
+            render={({ field }) => {
+              return <FormInput {...field} type="text" label="File path" autoFocus placeholder="Example: /app/logs.txt" />;
+            }}
+          />
+        </form>
+      </Form>
     </Popup>
   );
 };
diff --git a/apps/deploy-web/src/components/new-deployment/CreateLease.tsx b/apps/deploy-web/src/components/new-deployment/CreateLease.tsx
index 26210f55f..cee3d2419 100644
--- a/apps/deploy-web/src/components/new-deployment/CreateLease.tsx
+++ b/apps/deploy-web/src/components/new-deployment/CreateLease.tsx
@@ -8,7 +8,7 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuTrigger,
-  InputWithIcon,
+  Input,
   Snackbar,
   Spinner
 } from "@akashnetwork/ui/components";
@@ -217,22 +217,29 @@ export const CreateLease: React.FunctionComponent<Props> = ({ dseq }) => {
         {!isLoadingBids && (bids?.length || 0) > 0 && !allClosed && (
           <div className="flex flex-col items-end justify-between py-2 md:flex-row">
             <div className="flex w-full flex-grow items-end md:w-auto">
-              <InputWithIcon
-                label="Search provider"
-                placeholder="Search provider..."
-                disabled={bids?.length === 0 || isSendingManifest}
-                value={search}
-                onChange={onSearchChange}
-                type="text"
-                className="w-full"
-                endIcon={
-                  search && (
-                    <Button size="icon" variant="ghost" onClick={() => setSearch("")} className="text-muted-foreground hover:bg-transparent hover:text-current">
-                      <Xmark />
-                    </Button>
-                  )
-                }
-              />
+              <div className="flex-grow">
+                <Input
+                  placeholder="Search provider..."
+                  disabled={bids?.length === 0 || isSendingManifest}
+                  value={search}
+                  onChange={onSearchChange}
+                  type="text"
+                  className="w-full"
+                  label="Search provider"
+                  endIcon={
+                    search && (
+                      <Button
+                        size="icon"
+                        variant="ghost"
+                        onClick={() => setSearch("")}
+                        className="text-muted-foreground hover:bg-transparent hover:text-current"
+                      >
+                        <Xmark />
+                      </Button>
+                    )
+                  }
+                />
+              </div>
 
               <DropdownMenu modal={false}>
                 <DropdownMenuTrigger asChild>
diff --git a/apps/deploy-web/src/components/new-deployment/ManifestEdit.tsx b/apps/deploy-web/src/components/new-deployment/ManifestEdit.tsx
index f99a79c6a..7ef4bcc4d 100644
--- a/apps/deploy-web/src/components/new-deployment/ManifestEdit.tsx
+++ b/apps/deploy-web/src/components/new-deployment/ManifestEdit.tsx
@@ -1,7 +1,7 @@
 "use client";
 import { Dispatch, useEffect, useRef, useState } from "react";
 import { certificateManager } from "@akashnetwork/akashjs/build/certificates/certificate-manager";
-import { Alert, Button, CustomTooltip, InputWithIcon, Spinner } from "@akashnetwork/ui/components";
+import { Alert, Button, CustomTooltip, Input, Spinner } from "@akashnetwork/ui/components";
 import { EncodeObject } from "@cosmjs/proto-signing";
 import { useTheme as useMuiTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
@@ -283,10 +283,10 @@ export const ManifestEdit: React.FunctionComponent<Props> = ({ editedManifest, s
       <div className="mb-2 pt-4">
         <div className="mb-2 flex flex-col items-end justify-between md:flex-row">
           <div className="w-full flex-grow">
-            <InputWithIcon value={deploymentName} onChange={ev => setDeploymentName(ev.target.value)} label="Name your deployment (optional)" />
+            <Input value={deploymentName} onChange={ev => setDeploymentName(ev.target.value)} label="Name your deployment (optional)" />
           </div>
 
-          <div className="flex w-full min-w-0 items-center pt-2 md:w-auto md:pt-0">
+          <div className="flex w-full min-w-0 flex-shrink-0 items-center pt-2 md:w-auto md:pt-0">
             <CustomTooltip
               title={
                 <p>
@@ -326,17 +326,17 @@ export const ManifestEdit: React.FunctionComponent<Props> = ({ editedManifest, s
       </div>
 
       <div className="mb-2 flex gap-2">
-        <div className="flex items-center">
-          <Button
-            variant={selectedSdlEditMode === "builder" ? "default" : "outline"}
-            onClick={() => changeMode("builder")}
-            size="sm"
-            className={cn("flex-grow sm:flex-grow-0", { "rounded-e-none": hasComponent("yml-editor") })}
-            disabled={!!parsingError && selectedSdlEditMode === "yaml"}
-          >
-            Builder
-          </Button>
-          {hasComponent("yml-editor") && (
+        {hasComponent("yml-editor") && (
+          <div className="flex items-center">
+            <Button
+              variant={selectedSdlEditMode === "builder" ? "default" : "outline"}
+              onClick={() => changeMode("builder")}
+              size="sm"
+              className={cn("flex-grow sm:flex-grow-0", { "rounded-e-none": hasComponent("yml-editor") })}
+              disabled={!!parsingError && selectedSdlEditMode === "yaml"}
+            >
+              Builder
+            </Button>
             <Button
               variant={selectedSdlEditMode === "yaml" ? "default" : "outline"}
               color={selectedSdlEditMode === "yaml" ? "secondary" : "primary"}
@@ -346,8 +346,8 @@ export const ManifestEdit: React.FunctionComponent<Props> = ({ editedManifest, s
             >
               YAML
             </Button>
-          )}
-        </div>
+          </div>
+        )}
         {hasComponent("yml-uploader") && !templateId && (
           <>
             <input type="file" ref={fileUploadRef} onChange={propagateUploadedSdl} style={{ display: "none" }} accept=".yml,.yaml,.txt" />
diff --git a/apps/deploy-web/src/components/new-deployment/SdlBuilder.tsx b/apps/deploy-web/src/components/new-deployment/SdlBuilder.tsx
index f6e852b67..baeb2fdbe 100644
--- a/apps/deploy-web/src/components/new-deployment/SdlBuilder.tsx
+++ b/apps/deploy-web/src/components/new-deployment/SdlBuilder.tsx
@@ -1,13 +1,14 @@
 "use client";
 import React, { Dispatch, useEffect, useRef, useState } from "react";
 import { useFieldArray, useForm } from "react-hook-form";
-import { Alert, Button, Spinner } from "@akashnetwork/ui/components";
+import { Alert, Button, Form, Spinner } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import cloneDeep from "lodash/cloneDeep";
 import { nanoid } from "nanoid";
 
 import { useSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
 import { useGpuModels } from "@src/queries/useGpuQuery";
-import { SdlBuilderFormValues, Service } from "@src/types";
+import { SdlBuilderFormValuesSchema, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { defaultService, defaultSshVMService } from "@src/utils/sdl/data";
 import { generateSdl } from "@src/utils/sdl/sdlGenerator";
 import { importSimpleSdl } from "@src/utils/sdl/sdlImport";
@@ -28,12 +29,16 @@ export const SdlBuilder = React.forwardRef<SdlBuilderRefType, Props>(({ sdlStrin
   const [error, setError] = useState<string | null>(null);
   const formRef = useRef<HTMLFormElement>(null);
   const [isInit, setIsInit] = useState(false);
-  const { hasComponent } = useSdlBuilder();
-  const { control, trigger, watch, setValue } = useForm<SdlBuilderFormValues>({
+  const { hasComponent, imageList } = useSdlBuilder();
+  const form = useForm<SdlBuilderFormValuesType>({
     defaultValues: {
-      services: [cloneDeep(hasComponent("ssh") ? defaultSshVMService : defaultService)]
-    }
+      services: [cloneDeep(hasComponent("ssh") ? defaultSshVMService : defaultService)],
+      imageList: imageList,
+      hasSSHKey: hasComponent("ssh")
+    },
+    resolver: zodResolver(SdlBuilderFormValuesSchema)
   });
+  const { control, trigger, watch, setValue } = form;
   const {
     fields: services,
     remove: removeService,
@@ -56,14 +61,14 @@ export const SdlBuilder = React.forwardRef<SdlBuilderRefType, Props>(({ sdlStrin
 
   useEffect(() => {
     const { unsubscribe } = watch(data => {
-      const sdl = generateSdl(data.services as Service[]);
+      const sdl = generateSdl(data.services as ServiceType[]);
       setEditedManifest(sdl);
     });
 
     try {
       if (sdlString) {
         const services = createAndValidateSdl(sdlString);
-        setValue("services", services as Service[]);
+        setValue("services", services as ServiceType[]);
       }
     } catch (error) {
       setError("Error importing SDL");
@@ -122,40 +127,42 @@ export const SdlBuilder = React.forwardRef<SdlBuilderRefType, Props>(({ sdlStrin
           <Spinner size="large" />
         </div>
       ) : (
-        <form ref={formRef} autoComplete="off">
-          {_services &&
-            services.map((service, serviceIndex) => (
-              <SimpleServiceFormControl
-                key={service.id}
-                serviceIndex={serviceIndex}
-                gpuModels={gpuModels}
-                setValue={setValue}
-                _services={_services as Service[]}
-                control={control}
-                trigger={trigger}
-                onRemoveService={onRemoveService}
-                serviceCollapsed={serviceCollapsed}
-                setServiceCollapsed={setServiceCollapsed}
-                hasSecretOption={false}
-              />
-            ))}
-
-          {error && (
-            <Alert variant="destructive" className="mt-4">
-              {error}
-            </Alert>
-          )}
-
-          {!hasComponent("ssh") && (
-            <div className="flex items-center justify-end pt-4">
-              <div>
-                <Button variant="default" size="sm" type="button" onClick={onAddService}>
-                  Add Service
-                </Button>
+        <Form {...form}>
+          <form ref={formRef} autoComplete="off">
+            {_services &&
+              services.map((service, serviceIndex) => (
+                <SimpleServiceFormControl
+                  key={service.id}
+                  serviceIndex={serviceIndex}
+                  gpuModels={gpuModels}
+                  setValue={setValue}
+                  _services={_services as ServiceType[]}
+                  control={control}
+                  trigger={trigger}
+                  onRemoveService={onRemoveService}
+                  serviceCollapsed={serviceCollapsed}
+                  setServiceCollapsed={setServiceCollapsed}
+                  hasSecretOption={false}
+                />
+              ))}
+
+            {error && (
+              <Alert variant="destructive" className="mt-4">
+                {error}
+              </Alert>
+            )}
+
+            {!hasComponent("ssh") && (
+              <div className="flex items-center justify-end pt-4">
+                <div>
+                  <Button variant="default" size="sm" type="button" onClick={onAddService}>
+                    Add Service
+                  </Button>
+                </div>
               </div>
-            </div>
-          )}
-        </form>
+            )}
+          </form>
+        </Form>
       )}
     </div>
   );
diff --git a/apps/deploy-web/src/components/providers/EditProviderForm.tsx b/apps/deploy-web/src/components/providers/EditProviderForm.tsx
index 5ad1fef8d..fe4123223 100644
--- a/apps/deploy-web/src/components/providers/EditProviderForm.tsx
+++ b/apps/deploy-web/src/components/providers/EditProviderForm.tsx
@@ -1,14 +1,17 @@
 "use client";
 import { HTMLInputTypeAttribute, useEffect, useRef, useState } from "react";
-import { Control, Controller, FieldPath, RegisterOptions, useFieldArray, useForm } from "react-hook-form";
+import { Control, FieldPath, useFieldArray, useForm } from "react-hook-form";
 import {
   Alert,
   Button,
   CheckboxWithLabel,
   CustomTooltip,
+  Form,
+  FormField,
+  FormInput,
   FormItem,
-  InputWithIcon,
-  Label,
+  FormLabel,
+  FormMessage,
   MultipleSelector,
   MultiSelectorOption,
   Select,
@@ -18,13 +21,15 @@ import {
   SelectTrigger,
   SelectValue
 } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
+import { z } from "zod";
 
 import { FormPaper } from "@src/components/sdl/FormPaper";
 import { useWallet } from "@src/context/WalletProvider";
 import { ApiProviderDetail } from "@src/types/provider";
-import { ProviderAttributeSchemaDetailValue, ProviderAttributesFormValues, ProviderAttributesSchema } from "@src/types/providerAttributes";
+import { ProviderAttributeSchemaDetailValue, providerAttributesFormValuesSchema, ProviderAttributesSchema } from "@src/types/providerAttributes";
 import { defaultProviderAttributes } from "@src/utils/providerAttributes/data";
 import { getUnknownAttributes, mapFormValuesToAttributes } from "@src/utils/providerAttributes/helpers";
 import { cn } from "@src/utils/styleUtils";
@@ -40,11 +45,13 @@ export const EditProviderForm: React.FunctionComponent<Props> = ({ provider, pro
   const [error, setError] = useState(null);
   const formRef = useRef<HTMLFormElement>(null);
   const { signAndBroadcastTx } = useWallet();
-  const { handleSubmit, control, watch, setValue, formState } = useForm<ProviderAttributesFormValues>({
+  const form = useForm<z.infer<typeof providerAttributesFormValuesSchema>>({
     defaultValues: {
       ...defaultProviderAttributes
-    }
+    },
+    resolver: zodResolver(providerAttributesFormValuesSchema)
   });
+  const { handleSubmit, control, watch, setValue, formState } = form;
   const {
     fields: unknownAttributes,
     remove: removeUnkownAttribute,
@@ -54,9 +61,7 @@ export const EditProviderForm: React.FunctionComponent<Props> = ({ provider, pro
     name: "unknown-attributes",
     keyName: "id"
   });
-  const { "feat-persistent-storage": featPersistentStorage, "workload-support-chia": workloadSupportChia, "unknown-attributes": _unknownAttributes } = watch();
-
-  console.log(formState);
+  const { "unknown-attributes": _unknownAttributes } = watch();
 
   useEffect(() => {
     const getProviderAttributeTextValue = (key: string) => {
@@ -133,16 +138,15 @@ export const EditProviderForm: React.FunctionComponent<Props> = ({ provider, pro
     }
   }, [providerAttributesSchema, isInit]);
 
-  const onSubmit = async (data: ProviderAttributesFormValues) => {
+  const onSubmit = async (data: z.infer<typeof providerAttributesFormValuesSchema>) => {
     setError(null);
 
     try {
       const attributes = mapFormValuesToAttributes(data, providerAttributesSchema);
-      console.log(data, attributes);
 
       const message = TransactionMessageData.getUpdateProviderMsg(provider?.owner || "", data["host-uri"], attributes, {
         email: data.email,
-        website: data.website
+        website: data.website || ""
       });
       await signAndBroadcastTx([message]);
     } catch (error) {
@@ -151,428 +155,325 @@ export const EditProviderForm: React.FunctionComponent<Props> = ({ provider, pro
   };
 
   return (
-    <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
-      <FormPaper className="mb-4">
-        <p className="mb-8 text-lg text-primary">General info</p>
-
-        <Controller
-          control={control}
-          name="host-uri"
-          rules={{
-            required: "Host URI is required"
-          }}
-          render={({ field, fieldState }) => (
-            <InputWithIcon
-              type="text"
-              // variant="outlined"
-              label="Host URI"
-              color="secondary"
-              tabIndex={0}
-              error={fieldState.error?.message}
-              // helperText={fieldState.error?.message}
-              // fullWidth
-              value={field.value}
-              className="mb-4"
-              // size="small"
-              onChange={event => field.onChange(event.target.value || "")}
-              endIcon={
-                <CustomTooltip title="Host URI is the URI of the host that is running the provider. It is used to identify the provider.">
-                  <InfoCircle className="ml-2 text-xs text-muted-foreground" />
-                </CustomTooltip>
-              }
-            />
-          )}
-        />
+    <Form {...form}>
+      <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
+        <FormPaper className="mb-4">
+          <p className="mb-8 text-lg text-primary">General info</p>
+
+          <FormField
+            control={control}
+            name="host-uri"
+            render={({ field }) => (
+              <FormInput
+                type="text"
+                label="Host URI"
+                tabIndex={0}
+                value={field.value}
+                className="mb-4"
+                onChange={event => field.onChange(event.target.value || "")}
+                endIcon={
+                  <CustomTooltip title="Host URI is the URI of the host that is running the provider. It is used to identify the provider.">
+                    <InfoCircle className="ml-2 text-xs text-muted-foreground" />
+                  </CustomTooltip>
+                }
+              />
+            )}
+          />
 
-        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-          {/** LEFT COLUMN */}
-          <div>
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Host"
-              name="host"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Host is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Website"
-              name="website"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Website is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Status Page"
-              name="status-page"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Status page is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Country"
-              name="country"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Country is required."
-              rules={{
-                maxLength: { value: 2, message: "Country must be Country ISO 3166 Alpha-2 code." },
-                minLength: { value: 2, message: "Country must be Country ISO 3166 Alpha-2 code." }
-              }}
-              valueModifier={value => value?.toUpperCase()}
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="Timezone"
-              name="timezone"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Timezone is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Hosting Provider"
-              name="hosting-provider"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Hosting provider is required."
-            />
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+            {/** LEFT COLUMN */}
+            <div>
+              <ProviderTextField control={control} className="mb-4" label="Host" name="host" providerAttributesSchema={providerAttributesSchema} />
+
+              <ProviderTextField control={control} className="mb-4" label="Website" name="website" providerAttributesSchema={providerAttributesSchema} />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Status Page"
+                name="status-page"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Country"
+                name="country"
+                providerAttributesSchema={providerAttributesSchema}
+                valueModifier={value => value?.toUpperCase()}
+              />
+
+              <ProviderSelect control={control} className="mb-4" label="Timezone" name="timezone" providerAttributesSchema={providerAttributesSchema} />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Hosting Provider"
+                name="hosting-provider"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+            </div>
+            {/** RIGHT COLUMN */}
+            <div>
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Email"
+                name="email"
+                type="email"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Organization"
+                name="organization"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderSelect
+                control={control}
+                className="mb-4"
+                label="Location Region"
+                name="location-region"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="City"
+                name="city"
+                providerAttributesSchema={providerAttributesSchema}
+                valueModifier={value => value?.toUpperCase()}
+              />
+
+              <ProviderSelect
+                control={control}
+                className="mb-4"
+                label="Location type"
+                name="location-type"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderSelect control={control} className="mb-4" label="Tier" name="tier" providerAttributesSchema={providerAttributesSchema} />
+            </div>
           </div>
-          {/** RIGHT COLUMN */}
-          <div>
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Email"
-              name="email"
-              type="email"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Email is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Organization"
-              name="organization"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Organization is required."
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="Location Region"
-              name="location-region"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Location Region is required."
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="City"
-              name="city"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="City is required."
-              rules={{ maxLength: { value: 3, message: "City must be 3 letter code." }, minLength: { value: 3, message: "City must be 3 letter code." } }}
-              valueModifier={value => value?.toUpperCase()}
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="Location type"
-              name="location-type"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Location type is required."
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="Tier"
-              name="tier"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Tier is required."
-            />
+        </FormPaper>
+
+        <FormPaper className="mb-4">
+          <p className="mb-8 text-lg text-primary">Hardware specifications</p>
+
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+            {/** LEFT COLUMN */}
+            <div>
+              <ProviderSelect control={control} className="mb-4" label="GPU" name="hardware-gpu" providerAttributesSchema={providerAttributesSchema} />
+              <ProviderSelect control={control} className="mb-4" label="CPU" name="hardware-cpu" providerAttributesSchema={providerAttributesSchema} />
+
+              <ProviderSelect
+                control={control}
+                className="mb-4"
+                label="Memory (RAM)"
+                name="hardware-memory"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderCheckbox
+                control={control}
+                providerAttributesSchema={providerAttributesSchema}
+                className="mb-4"
+                label="Persistent storage"
+                name="feat-persistent-storage"
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Network Speed Download"
+                name="network-speed-down"
+                providerAttributesSchema={providerAttributesSchema}
+                type="number"
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Network Provider"
+                name="network-provider"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+            </div>
+
+            {/** RIGHT COLUMN */}
+            <div>
+              <ProviderMultiSelect
+                control={control}
+                className="mb-4"
+                label="GPU models"
+                name="hardware-gpu-model"
+                providerAttributesSchema={providerAttributesSchema}
+                optionName="hardware-gpu-model"
+              />
+
+              <ProviderSelect
+                control={control}
+                className="mb-4"
+                label="CPU architecture"
+                name="hardware-cpu-arch"
+                providerAttributesSchema={providerAttributesSchema}
+              />
+
+              <ProviderMultiSelect
+                control={control}
+                className="mb-4"
+                label="Disk Storage"
+                name="hardware-disk"
+                providerAttributesSchema={providerAttributesSchema}
+                optionName="hardware-disk"
+              />
+
+              <ProviderMultiSelect
+                control={control}
+                className="mb-4"
+                label="Persistent Disk Storage"
+                name="feat-persistent-storage-type"
+                providerAttributesSchema={providerAttributesSchema}
+                optionName="feat-persistent-storage-type"
+              />
+
+              <ProviderTextField
+                control={control}
+                className="mb-4"
+                label="Network Speed Upload"
+                name="network-speed-up"
+                providerAttributesSchema={providerAttributesSchema}
+                type="number"
+              />
+            </div>
           </div>
-        </div>
-      </FormPaper>
-
-      <FormPaper className="mb-4">
-        <p className="mb-8 text-lg text-primary">Hardware specifications</p>
-
-        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-          {/** LEFT COLUMN */}
-          <div>
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="GPU"
-              name="hardware-gpu"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="GPU is required."
-            />
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="CPU"
-              name="hardware-cpu"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="CPU is required."
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="Memory (RAM)"
-              name="hardware-memory"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Memory is required."
-            />
-
-            <ProviderCheckbox
-              control={control}
-              providerAttributesSchema={providerAttributesSchema}
-              className="mb-4"
-              label="Persistent storage"
-              name="feat-persistent-storage"
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Network Speed Download"
-              name="network-speed-down"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Network speed download is required."
-              type="number"
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Network Provider"
-              name="network-provider"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Network provider is required."
-            />
+        </FormPaper>
+
+        <FormPaper className="mb-4">
+          <p className="mb-8 text-lg text-primary">Features</p>
+
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+            {/** LEFT COLUMN */}
+            <div>
+              <ProviderCheckbox
+                control={control}
+                providerAttributesSchema={providerAttributesSchema}
+                className="mb-4"
+                label="IP Leasing"
+                name="feat-endpoint-ip"
+              />
+
+              <ProviderCheckbox
+                control={control}
+                providerAttributesSchema={providerAttributesSchema}
+                className="mb-4"
+                label="Chia support"
+                name="workload-support-chia"
+              />
+            </div>
+
+            {/** RIGHT COLUMN */}
+            <div>
+              <ProviderCheckbox
+                control={control}
+                providerAttributesSchema={providerAttributesSchema}
+                className="mb-4"
+                label="Custom Domain"
+                name="feat-endpoint-custom-domain"
+              />
+
+              <ProviderMultiSelect
+                control={control}
+                className="mb-4"
+                label="Chia capabilities"
+                name="workload-support-chia-capabilities"
+                providerAttributesSchema={providerAttributesSchema}
+                optionName="workload-support-chia-capabilities"
+              />
+            </div>
           </div>
+        </FormPaper>
 
-          {/** RIGHT COLUMN */}
-          <div>
-            <ProviderMultiSelect
-              control={control}
-              className="mb-4"
-              label="GPU models"
-              name="hardware-gpu-model"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="GPU models is required."
-              optionName="hardware-gpu-model"
-            />
-
-            <ProviderSelect
-              control={control}
-              className="mb-4"
-              label="CPU architecture"
-              name="hardware-cpu-arch"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="CPU architecture is required."
-            />
-
-            <ProviderMultiSelect
-              control={control}
-              className="mb-4"
-              label="Disk Storage"
-              name="hardware-disk"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="At least one disk storage is required."
-              optionName="hardware-disk"
-            />
-
-            <ProviderMultiSelect
-              control={control}
-              className="mb-4"
-              label="Persistent Disk Storage"
-              name="feat-persistent-storage-type"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="At least one persistent disk storage is required."
-              required={!!featPersistentStorage}
-              optionName="feat-persistent-storage-type"
-            />
-
-            <ProviderTextField
-              control={control}
-              className="mb-4"
-              label="Network Speed Upload"
-              name="network-speed-up"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="Network speed upload is required."
-              type="number"
-            />
-          </div>
-        </div>
-      </FormPaper>
+        <FormPaper className="mb-4">
+          <div className="mb-8 flex items-center">
+            <p className="text-lg text-primary">Unknown attributes</p>
 
-      <FormPaper className="mb-4">
-        <p className="mb-8 text-lg text-primary">Features</p>
-
-        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-          {/** LEFT COLUMN */}
-          <div>
-            <ProviderCheckbox
-              control={control}
-              providerAttributesSchema={providerAttributesSchema}
-              className="mb-4"
-              label="IP Leasing"
-              name="feat-endpoint-ip"
-            />
-
-            <ProviderCheckbox
-              control={control}
-              providerAttributesSchema={providerAttributesSchema}
-              className="mb-4"
-              label="Chia support"
-              name="workload-support-chia"
-            />
+            <Button size="sm" color="secondary" className="ml-4" onClick={() => appendUnkownAttribute({ id: nanoid(), key: "", value: "" })}>
+              Add attribute
+            </Button>
           </div>
 
-          {/** RIGHT COLUMN */}
           <div>
-            <ProviderCheckbox
-              control={control}
-              providerAttributesSchema={providerAttributesSchema}
-              className="mb-4"
-              label="Custom Domain"
-              name="feat-endpoint-custom-domain"
-            />
-
-            <ProviderMultiSelect
-              control={control}
-              className="mb-4"
-              label="Chia capabilities"
-              name="workload-support-chia-capabilities"
-              providerAttributesSchema={providerAttributesSchema}
-              requiredMessage="At least one chia capability is required."
-              required={!!workloadSupportChia}
-              optionName="workload-support-chia-capabilities"
-            />
-          </div>
-        </div>
-      </FormPaper>
-
-      <FormPaper className="mb-4">
-        <div className="mb-8 flex items-center">
-          <p className="text-lg text-primary">Unknown attributes</p>
-
-          <Button size="sm" color="secondary" className="ml-4" onClick={() => appendUnkownAttribute({ id: nanoid(), key: "", value: "" })}>
-            Add attribute
-          </Button>
-        </div>
-
-        <div>
-          {unknownAttributes.length > 0 ? (
-            unknownAttributes.map((att, attIndex) => {
-              return (
-                <div key={att.id} className={cn({ ["mb-4"]: attIndex + 1 !== _unknownAttributes?.length })}>
-                  <div className="flex">
-                    <div className="flex flex-grow items-center">
-                      <div className="basis-1/2">
-                        <Controller
-                          control={control}
-                          name={`unknown-attributes.${attIndex}.key`}
-                          rules={{ required: "Key is required." }}
-                          render={({ field, fieldState }) => (
-                            <InputWithIcon
-                              type="text"
-                              // variant="outlined"
-                              label="Key"
-                              color="secondary"
-                              className="w-full"
-                              value={field.value}
-                              error={fieldState.error?.message}
-                              // helperText={fieldState.error?.message}
-                              onChange={event => field.onChange(event.target.value)}
-                            />
-                          )}
-                        />
+            {unknownAttributes.length > 0 ? (
+              unknownAttributes.map((att, attIndex) => {
+                return (
+                  <div key={att.id} className={cn({ ["mb-4"]: attIndex + 1 !== _unknownAttributes?.length })}>
+                    <div className="flex">
+                      <div className="flex flex-grow items-center">
+                        <div className="basis-1/2">
+                          <FormField
+                            control={control}
+                            name={`unknown-attributes.${attIndex}.key`}
+                            render={({ field }) => <FormInput {...field} type="text" label="Key" className="w-full" />}
+                          />
+                        </div>
+
+                        <div className="ml-2 basis-1/2">
+                          <FormField
+                            control={control}
+                            name={`unknown-attributes.${attIndex}.value`}
+                            render={({ field }) => <FormInput {...field} type="text" label="Value" className="w-full" />}
+                          />
+                        </div>
                       </div>
 
-                      <div className="ml-2 basis-1/2">
-                        <Controller
-                          control={control}
-                          name={`unknown-attributes.${attIndex}.value`}
-                          rules={{ required: "Key is required." }}
-                          render={({ field, fieldState }) => (
-                            <InputWithIcon
-                              type="text"
-                              // variant="outlined"
-                              label="Value"
-                              color="secondary"
-                              className="w-full"
-                              value={field.value}
-                              error={fieldState.error?.message}
-                              // helperText={fieldState.error?.message}
-                              // size="small"
-                              onChange={event => field.onChange(event.target.value)}
-                            />
-                          )}
-                        />
+                      <div className="pl-2">
+                        <Button onClick={() => removeUnkownAttribute(attIndex)} size="icon">
+                          <Bin />
+                        </Button>
                       </div>
                     </div>
-
-                    <div className="pl-2">
-                      <Button onClick={() => removeUnkownAttribute(attIndex)} size="icon">
-                        <Bin />
-                      </Button>
-                    </div>
                   </div>
-                </div>
-              );
-            })
-          ) : (
-            <p className="text-sm text-muted-foreground">None</p>
-          )}
+                );
+              })
+            ) : (
+              <p className="text-sm text-muted-foreground">None</p>
+            )}
+          </div>
+        </FormPaper>
+
+        {error && <Alert variant="destructive">{error}</Alert>}
+        {formState.errors && (
+          <Alert variant="destructive">
+            {Object.entries(formState.errors).map(([key, value]) => {
+              return <div key={key}>{value.message}</div>;
+            })}
+          </Alert>
+        )}
+
+        <div className="flex justify-end pt-4">
+          <Button color="secondary" size="lg" variant="default" type="submit">
+            Save
+          </Button>
         </div>
-      </FormPaper>
-
-      {error && <Alert variant="destructive">{error}</Alert>}
-      {formState.errors && (
-        <Alert variant="destructive">
-          {Object.entries(formState.errors).map(([key, value]) => {
-            return <div key={key}>{value.message}</div>;
-          })}
-        </Alert>
-      )}
-
-      <div className="flex justify-end pt-4">
-        <Button color="secondary" size="lg" variant="default" type="submit">
-          Save
-        </Button>
-      </div>
-    </form>
+      </form>
+    </Form>
   );
 };
 
 type ProviderTextFieldProps = {
-  control: Control<ProviderAttributesFormValues, any>;
+  control: Control<z.infer<typeof providerAttributesFormValuesSchema>, any>;
   providerAttributesSchema: ProviderAttributesSchema;
-  name: keyof ProviderAttributesFormValues;
+  name: keyof z.infer<typeof providerAttributesFormValuesSchema>;
   className?: string;
-  requiredMessage: string;
   label: string;
   type?: HTMLInputTypeAttribute;
-  required?: boolean;
-  rules?: RegisterOptions<ProviderAttributesFormValues>;
   valueModifier?: (value: string) => string;
 };
 const ProviderTextField: React.FunctionComponent<ProviderTextFieldProps> = ({
@@ -580,31 +481,18 @@ const ProviderTextField: React.FunctionComponent<ProviderTextFieldProps> = ({
   providerAttributesSchema,
   name,
   className,
-  requiredMessage,
   label,
-  rules = {},
-  required = providerAttributesSchema[name].required,
   type = "text",
   valueModifier = value => value
 }) => {
   return (
-    <Controller
+    <FormField
       control={control}
       name={name}
-      rules={{
-        required: required ? requiredMessage : undefined,
-        ...rules
-      }}
-      render={({ field, fieldState }) => (
-        <InputWithIcon
+      render={({ field }) => (
+        <FormInput
           type={type}
-          // variant="outlined"
           label={label}
-          color="secondary"
-          tabIndex={0}
-          error={fieldState.error?.message}
-          // helperText={fieldState.error?.message}
-          // fullWidth
           value={field.value as string}
           className={className}
           onChange={event => field.onChange(valueModifier(event.target.value || ""))}
@@ -628,71 +516,60 @@ const ProviderTextField: React.FunctionComponent<ProviderTextFieldProps> = ({
 };
 
 type ProviderCheckboxProps = {
-  control: Control<ProviderAttributesFormValues, any>;
+  control: Control<z.infer<typeof providerAttributesFormValuesSchema>, any>;
   providerAttributesSchema: ProviderAttributesSchema;
-  name: keyof ProviderAttributesFormValues;
+  name: keyof z.infer<typeof providerAttributesFormValuesSchema>;
   className?: string;
   label: string;
 };
 const ProviderCheckbox: React.FunctionComponent<ProviderCheckboxProps> = ({ control, name, className, label, providerAttributesSchema }) => {
   return (
-    <Controller
+    <FormField
       control={control}
       name={name}
       render={({ field }) => (
-        <div className={cn(className, "flex h-[42px] items-center")}>
-          <CheckboxWithLabel label={label} checked={field.value as boolean} onCheckedChange={value => field.onChange(value)} />
-          <div className="mx-2 flex items-center">
-            <CustomTooltip
-              title={
-                <div>
-                  <div>{providerAttributesSchema[name].description}</div>
-
-                  <div>Attribute key: {providerAttributesSchema[name].key}</div>
-                </div>
-              }
-            >
-              <InfoCircle className="text-xs text-muted-foreground" />
-            </CustomTooltip>
+        <FormItem>
+          <div className={cn(className, "flex h-[42px] items-center")}>
+            <CheckboxWithLabel label={label} checked={field.value as boolean} onCheckedChange={value => field.onChange(value)} />
+            <div className="mx-2 flex items-center">
+              <CustomTooltip
+                title={
+                  <div>
+                    <div>{providerAttributesSchema[name].description}</div>
+
+                    <div>Attribute key: {providerAttributesSchema[name].key}</div>
+                  </div>
+                }
+              >
+                <InfoCircle className="text-xs text-muted-foreground" />
+              </CustomTooltip>
+            </div>
           </div>
-        </div>
+          <FormMessage />
+        </FormItem>
       )}
     />
   );
 };
 
 type ProviderSelectProps = {
-  control: Control<ProviderAttributesFormValues, any>;
+  control: Control<z.infer<typeof providerAttributesFormValuesSchema>, any>;
   providerAttributesSchema: ProviderAttributesSchema;
-  name: keyof ProviderAttributesFormValues;
+  name: keyof z.infer<typeof providerAttributesFormValuesSchema>;
   className?: string;
-  requiredMessage: string;
   label: string;
-  required?: boolean;
   placeholder?: string;
 };
-const ProviderSelect: React.FunctionComponent<ProviderSelectProps> = ({
-  control,
-  providerAttributesSchema,
-  name,
-  className,
-  requiredMessage,
-  label,
-  required = providerAttributesSchema[name].required,
-  placeholder
-}) => {
+const ProviderSelect: React.FunctionComponent<ProviderSelectProps> = ({ control, providerAttributesSchema, name, className, label, placeholder }) => {
   const options = (providerAttributesSchema[name].values || []) as ProviderAttributeSchemaDetailValue[];
 
   return (
-    <Controller
+    <FormField
       control={control}
       name={name}
-      rules={{
-        required: required ? requiredMessage : undefined
-      }}
       render={({ field }) => (
         <FormItem className={cn("w-full", className)}>
-          <Label className="flex items-center">
+          <FormLabel className="flex items-center">
             {label}
 
             <CustomTooltip
@@ -706,7 +583,7 @@ const ProviderSelect: React.FunctionComponent<ProviderSelectProps> = ({
             >
               <InfoCircle className="ml-2 text-xs text-muted-foreground" />
             </CustomTooltip>
-          </Label>
+          </FormLabel>
           <Select value={(field.value as string) || ""} onValueChange={field.onChange}>
             <SelectTrigger>
               <SelectValue placeholder={placeholder} />
@@ -726,6 +603,7 @@ const ProviderSelect: React.FunctionComponent<ProviderSelectProps> = ({
               </SelectGroup>
             </SelectContent>
           </Select>
+          <FormMessage />
         </FormItem>
       )}
     />
@@ -736,11 +614,9 @@ type ProviderMultiSelectProps = {
   control: Control<any, any>;
   providerAttributesSchema: ProviderAttributesSchema;
   optionName: keyof ProviderAttributesSchema;
-  name: FieldPath<ProviderAttributesFormValues>;
+  name: FieldPath<z.infer<typeof providerAttributesFormValuesSchema>>;
   className?: string;
-  requiredMessage?: string;
   label: string;
-  required?: boolean;
   disabled?: boolean;
   placeholder?: string;
   valueType?: "key" | "description ";
@@ -751,9 +627,7 @@ export const ProviderMultiSelect: React.FunctionComponent<ProviderMultiSelectPro
   optionName,
   name,
   className,
-  requiredMessage,
   label,
-  required = providerAttributesSchema[optionName || ""]?.required || false,
   placeholder,
   disabled,
   valueType = "description"
@@ -761,15 +635,12 @@ export const ProviderMultiSelect: React.FunctionComponent<ProviderMultiSelectPro
   const options: ProviderAttributeSchemaDetailValue[] = providerAttributesSchema[optionName || ""]?.values || [];
 
   return (
-    <Controller
+    <FormField
       control={control}
       name={name}
-      rules={{
-        required: required ? requiredMessage : undefined
-      }}
       render={({ field }) => (
-        <div className={cn(className)}>
-          <Label className="flex items-center">
+        <FormItem className={className}>
+          <FormLabel className="flex items-center">
             {label}
 
             <CustomTooltip
@@ -783,7 +654,7 @@ export const ProviderMultiSelect: React.FunctionComponent<ProviderMultiSelectPro
             >
               <InfoCircle className="ml-2 text-xs text-muted-foreground" />
             </CustomTooltip>
-          </Label>
+          </FormLabel>
           <MultipleSelector
             value={
               (field.value as ProviderAttributeSchemaDetailValue[]).map(v => ({
@@ -801,7 +672,8 @@ export const ProviderMultiSelect: React.FunctionComponent<ProviderMultiSelectPro
               field.onChange(newValue.map(v => ({ key: v.value, description: v.label })));
             }}
           />
-        </div>
+          <FormMessage />
+        </FormItem>
       )}
     />
   );
diff --git a/apps/deploy-web/src/components/providers/ProviderList.tsx b/apps/deploy-web/src/components/providers/ProviderList.tsx
index 9d6319cdd..adbab313a 100644
--- a/apps/deploy-web/src/components/providers/ProviderList.tsx
+++ b/apps/deploy-web/src/components/providers/ProviderList.tsx
@@ -4,7 +4,7 @@ import {
   Button,
   CheckboxWithLabel,
   CustomPagination,
-  InputWithIcon,
+  Input,
   Label,
   Select,
   SelectContent,
@@ -252,20 +252,22 @@ export const ProviderList: React.FunctionComponent = () => {
             </div>
 
             <div className="my-2 flex flex-col items-center space-y-2 md:flex-row md:space-x-2 md:space-y-0">
-              <InputWithIcon
-                label="Search Providers"
-                value={search}
-                onChange={onSearchChange}
-                className="w-full"
-                type="text"
-                endIcon={
-                  !!search && (
-                    <Button size="icon" variant="text" onClick={() => setSearch("")}>
-                      <Xmark />
-                    </Button>
-                  )
-                }
-              />
+              <div className="flex-grow">
+                <Input
+                  value={search}
+                  onChange={onSearchChange}
+                  className="w-full"
+                  label="Search Providers"
+                  type="text"
+                  endIcon={
+                    !!search && (
+                      <Button size="icon" variant="text" onClick={() => setSearch("")}>
+                        <Xmark />
+                      </Button>
+                    )
+                  }
+                />
+              </div>
 
               <div className="w-full min-w-[200px] md:w-auto">
                 <Label>Sort by</Label>
diff --git a/apps/deploy-web/src/components/sdl/AcceptFormControl.tsx b/apps/deploy-web/src/components/sdl/AcceptFormControl.tsx
index 386bdaec5..506fa32b8 100644
--- a/apps/deploy-web/src/components/sdl/AcceptFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/AcceptFormControl.tsx
@@ -1,20 +1,20 @@
 "use client";
 import { forwardRef, ReactNode, useImperativeHandle } from "react";
-import { Control, Controller, useFieldArray } from "react-hook-form";
-import { Button, CustomTooltip, FormInput } from "@akashnetwork/ui/components";
+import { Control, useFieldArray } from "react-hook-form";
+import { Button, CustomTooltip, FormField, FormInput } from "@akashnetwork/ui/components";
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { Accept, SdlBuilderFormValues } from "@src/types";
+import { AcceptType, SdlBuilderFormValuesType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   exposeIndex: number;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
-  accept: Accept[];
+  accept: AcceptType[];
 };
 
 export type AcceptRefType = {
@@ -57,7 +57,7 @@ export const AcceptFormControl = forwardRef<AcceptRefType, Props>(({ control, se
           <div key={acc.id} className={cn("w-full", { ["mb-2"]: accIndex + 1 !== accept.length })}>
             <div className="flex items-end">
               <div className="flex-grow">
-                <Controller
+                <FormField
                   control={control}
                   name={`services.${serviceIndex}.expose.${exposeIndex}.accept.${accIndex}.value`}
                   render={({ field }) => (
diff --git a/apps/deploy-web/src/components/sdl/AdvancedConfig.tsx b/apps/deploy-web/src/components/sdl/AdvancedConfig.tsx
index 360f3eecb..f523f2b6d 100644
--- a/apps/deploy-web/src/components/sdl/AdvancedConfig.tsx
+++ b/apps/deploy-web/src/components/sdl/AdvancedConfig.tsx
@@ -3,7 +3,7 @@ import { ReactNode, useState } from "react";
 import { Control } from "react-hook-form";
 import { Button, Card, CardContent, Collapsible, CollapsibleContent, CollapsibleTrigger } from "@akashnetwork/ui/components";
 
-import { RentGpusFormValues, Service } from "@src/types";
+import { RentGpusFormValuesType, ServiceType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { ExpandMore } from "../shared/ExpandMore";
 import { CommandFormModal } from "./CommandFormModal";
@@ -15,8 +15,8 @@ import { ExposeList } from "./ExposeList";
 import { PersistentStorage } from "./PersistentStorage";
 
 type Props = {
-  currentService: Service;
-  control: Control<RentGpusFormValues, any>;
+  currentService: ServiceType;
+  control: Control<RentGpusFormValuesType, any>;
   children?: ReactNode;
 };
 
diff --git a/apps/deploy-web/src/components/sdl/AttributesFormControl.tsx b/apps/deploy-web/src/components/sdl/AttributesFormControl.tsx
index 8a17e2e75..8746812eb 100644
--- a/apps/deploy-web/src/components/sdl/AttributesFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/AttributesFormControl.tsx
@@ -1,19 +1,19 @@
 "use client";
 import { forwardRef, ReactNode, useImperativeHandle } from "react";
-import { Control, Controller, useFieldArray } from "react-hook-form";
-import { Button, CustomTooltip, FormInput } from "@akashnetwork/ui/components";
+import { Control, useFieldArray } from "react-hook-form";
+import { Button, CustomTooltip, FormField, FormInput } from "@akashnetwork/ui/components";
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { PlacementAttribute, SdlBuilderFormValues } from "@src/types";
+import { PlacementAttributeType, SdlBuilderFormValuesType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
-  attributes: PlacementAttribute[];
+  attributes: PlacementAttributeType[];
 };
 
 export type AttributesRefType = {
@@ -65,35 +65,21 @@ export const AttributesFormControl = forwardRef<AttributesRefType, Props>(({ con
                 <div className="flex flex-grow items-center">
                   {/** TODO All list of attribute keys and values from pre-defined provider attributes */}
                   <div>
-                    <Controller
+                    <FormField
                       control={control}
                       name={`services.${serviceIndex}.placement.attributes.${attIndex}.key`}
                       render={({ field }) => (
-                        <FormInput
-                          type="text"
-                          label="Key"
-                          color="secondary"
-                          className="w-full"
-                          value={field.value}
-                          onChange={event => field.onChange(event.target.value)}
-                        />
+                        <FormInput type="text" label="Key" className="w-full" value={field.value} onChange={event => field.onChange(event.target.value)} />
                       )}
                     />
                   </div>
 
                   <div className="ml-2">
-                    <Controller
+                    <FormField
                       control={control}
                       name={`services.${serviceIndex}.placement.attributes.${attIndex}.value`}
                       render={({ field }) => (
-                        <FormInput
-                          type="text"
-                          label="Value"
-                          color="secondary"
-                          className="w-full"
-                          value={field.value}
-                          onChange={event => field.onChange(event.target.value)}
-                        />
+                        <FormInput type="text" label="Value" className="w-full" value={field.value} onChange={event => field.onChange(event.target.value)} />
                       )}
                     />
                   </div>
diff --git a/apps/deploy-web/src/components/sdl/CommandFormModal.tsx b/apps/deploy-web/src/components/sdl/CommandFormModal.tsx
index 81d971983..c01f149d7 100644
--- a/apps/deploy-web/src/components/sdl/CommandFormModal.tsx
+++ b/apps/deploy-web/src/components/sdl/CommandFormModal.tsx
@@ -1,15 +1,15 @@
 "use client";
 import { ReactNode } from "react";
-import { Control, Controller } from "react-hook-form";
-import { FormInput, Label, Popup, Textarea } from "@akashnetwork/ui/components";
+import { Control } from "react-hook-form";
+import { FormField, FormInput, FormItem, FormLabel, Popup, Textarea } from "@akashnetwork/ui/components";
 
-import { SdlBuilderFormValues } from "@src/types";
+import { SdlBuilderFormValuesType } from "@src/types";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   onClose: () => void;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
 };
 
@@ -34,7 +34,7 @@ export const CommandFormModal: React.FunctionComponent<Props> = ({ control, serv
       enableCloseOnBackdropClick
     >
       <FormPaper className="!bg-popover">
-        <Controller
+        <FormField
           control={control}
           name={`services.${serviceIndex}.command.command`}
           render={({ field }) => (
@@ -42,12 +42,12 @@ export const CommandFormModal: React.FunctionComponent<Props> = ({ control, serv
           )}
         />
 
-        <Controller
+        <FormField
           control={control}
           name={`services.${serviceIndex}.command.arg`}
           render={({ field }) => (
-            <div className="mt-2">
-              <Label>Arguments</Label>
+            <FormItem className="mt-2">
+              <FormLabel>Arguments</FormLabel>
               <Textarea
                 aria-label="Args"
                 placeholder="Example: apt-get update; apt-get install -y --no-install-recommends -- ssh;"
@@ -57,7 +57,7 @@ export const CommandFormModal: React.FunctionComponent<Props> = ({ control, serv
                 spellCheck={false}
                 onChange={field.onChange}
               />
-            </div>
+            </FormItem>
           )}
         />
       </FormPaper>
diff --git a/apps/deploy-web/src/components/sdl/CommandList.tsx b/apps/deploy-web/src/components/sdl/CommandList.tsx
index 205845a95..63c9794a9 100644
--- a/apps/deploy-web/src/components/sdl/CommandList.tsx
+++ b/apps/deploy-web/src/components/sdl/CommandList.tsx
@@ -3,11 +3,11 @@ import { Dispatch, ReactNode, SetStateAction } from "react";
 import { CustomTooltip } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
-import { Service } from "@src/types";
+import { ServiceType } from "@src/types";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
-  currentService: Service;
+  currentService: ServiceType;
   serviceIndex?: number;
   children?: ReactNode;
   setIsEditingCommands: Dispatch<SetStateAction<boolean | number>>;
@@ -40,7 +40,7 @@ export const CommandList: React.FunctionComponent<Props> = ({ currentService, se
         </span>
       </div>
 
-      {(currentService.command?.command.length || 0) > 0 ? (
+      {(currentService?.command?.command?.length || 0) > 0 ? (
         <div className="whitespace-pre-wrap text-xs">
           <div>{currentService.command?.command}</div>
           <div className="text-muted-foreground">{currentService.command?.arg}</div>
diff --git a/apps/deploy-web/src/components/sdl/CpuFormControl.tsx b/apps/deploy-web/src/components/sdl/CpuFormControl.tsx
index 38320f8cc..f80bcb5d3 100644
--- a/apps/deploy-web/src/components/sdl/CpuFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/CpuFormControl.tsx
@@ -1,11 +1,11 @@
 "use client";
 import { ReactNode } from "react";
-import { Control, Controller } from "react-hook-form";
+import { Control } from "react-hook-form";
 import { MdSpeed } from "react-icons/md";
-import { CustomTooltip, FormDescription, FormItem, Input, Slider } from "@akashnetwork/ui/components";
+import { CustomTooltip, FormField, FormItem, FormMessage, Input, Slider } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
-import { RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { validationConfig } from "@src/utils/akash/units";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
@@ -13,40 +13,18 @@ import { FormPaper } from "./FormPaper";
 type Props = {
   serviceIndex: number;
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
-  currentService: Service;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
+  currentService: ServiceType;
 };
 
-export const CpuFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex, currentService }) => {
+export const CpuFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex }) => {
   return (
-    <Controller
+    <FormField
       control={control}
       name={`services.${serviceIndex}.profile.cpu`}
-      rules={{
-        validate: v => {
-          if (!v) return "CPU amount is required.";
-
-          const _value = v || 0;
-
-          if (currentService.count === 1 && _value < 0.1) {
-            return "Minimum amount of CPU for a single service instance is 0.1.";
-          } else if (currentService.count === 1 && _value > validationConfig.maxCpuAmount) {
-            return `Maximum amount of CPU for a single service instance is ${validationConfig.maxCpuAmount}.`;
-          } else if (currentService.count > 1 && currentService.count * _value > validationConfig.maxGroupCpuCount) {
-            return `Maximum total amount of CPU for a single service instance group is ${validationConfig.maxGroupCpuCount}.`;
-          }
-
-          return true;
-        }
-      }}
       render={({ field, fieldState }) => (
-        <FormPaper className={cn({ ["border-b border-red-500"]: !!fieldState.error })}>
-          <FormItem
-          // className={cx(classes.formControl, classes.textField)}
-          // variant="standard"
-          // sx={{ marginBottom: "0 !important" }}
-          // error={!!fieldState.error}
-          >
+        <FormPaper>
+          <FormItem>
             <div className="flex items-center">
               <div className="flex items-center">
                 <MdSpeed className="mr-2 text-2xl text-muted-foreground" />
@@ -55,13 +33,13 @@ export const CpuFormControl: React.FunctionComponent<Props> = ({ control, servic
                 <CustomTooltip
                   title={
                     <>
-                      The amount of vCPU's required for this workload.
+                      The amount of vCPU&apos;s required for this workload.
                       <br />
                       <br />
-                      The maximum for a single instance is {validationConfig.maxCpuAmount} vCPU's.
+                      The maximum for a single instance is {validationConfig.maxCpuAmount} vCPU&apos;s.
                       <br />
                       <br />
-                      The maximum total multiplied by the count of instances is 512 vCPU's.
+                      The maximum total multiplied by the count of instances is 512 vCPU&apos;s.
                     </>
                   }
                 >
@@ -72,13 +50,13 @@ export const CpuFormControl: React.FunctionComponent<Props> = ({ control, servic
               <Input
                 type="number"
                 color="secondary"
-                // error={!!fieldState.error}
+                error={!!fieldState.error}
                 value={field.value || ""}
                 onChange={event => field.onChange(parseFloat(event.target.value))}
                 min={0.1}
                 step={0.1}
                 max={validationConfig.maxCpuAmount}
-                className="ml-4 w-[100px]"
+                inputClassName="ml-4 w-[100px]"
               />
             </div>
 
@@ -90,12 +68,11 @@ export const CpuFormControl: React.FunctionComponent<Props> = ({ control, servic
                 step={1}
                 color="secondary"
                 aria-label="CPU"
-                // valueLabelDisplay="auto"
                 onValueChange={newValue => field.onChange(newValue)}
               />
             </div>
 
-            {!!fieldState.error && <FormDescription>{fieldState.error.message}</FormDescription>}
+            <FormMessage className={cn({ "pt-2": !!fieldState.error })} />
           </FormItem>
         </FormPaper>
       )}
diff --git a/apps/deploy-web/src/components/sdl/EditDescriptionForm.tsx b/apps/deploy-web/src/components/sdl/EditDescriptionForm.tsx
index 3f6d59e32..820ac3b5e 100644
--- a/apps/deploy-web/src/components/sdl/EditDescriptionForm.tsx
+++ b/apps/deploy-web/src/components/sdl/EditDescriptionForm.tsx
@@ -1,9 +1,12 @@
 "use client";
 import { ReactNode, useRef, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { Button, Label, Snackbar, Spinner, Textarea } from "@akashnetwork/ui/components";
+import { useForm } from "react-hook-form";
+import { Button, Form, FormField, FormItem, FormMessage, Snackbar, Spinner, Textarea } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { FormLabel } from "@mui/material";
 import axios from "axios";
 import { useSnackbar } from "notistack";
+import { z } from "zod";
 
 import { FormPaper } from "./FormPaper";
 
@@ -15,21 +18,24 @@ type Props = {
   onSave: (description: string) => void;
 };
 
-type DescriptionFormValues = {
-  description: string;
-};
+const formSchema = z.object({
+  description: z.string().min(3, "Description must be at least 3 characters long")
+});
+type FormValues = z.infer<typeof formSchema>;
 
 export const EditDescriptionForm: React.FunctionComponent<Props> = ({ id, description, onCancel, onSave }) => {
   const formRef = useRef<HTMLFormElement>(null);
   const [isSaving, setIsSaving] = useState(false);
   const { enqueueSnackbar } = useSnackbar();
-  const { handleSubmit, control } = useForm<DescriptionFormValues>({
+  const form = useForm<FormValues>({
     defaultValues: {
       description: description || ""
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control } = form;
 
-  const onSubmit = async (data: DescriptionFormValues) => {
+  const onSubmit = async (data: FormValues) => {
     setIsSaving(true);
     await axios.post("/api/proxy/user/saveTemplateDesc", {
       id: id,
@@ -45,35 +51,38 @@ export const EditDescriptionForm: React.FunctionComponent<Props> = ({ id, descri
 
   return (
     <FormPaper className="mt-4">
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
-        <Controller
-          control={control}
-          name={`description`}
-          render={({ field }) => (
-            <div>
-              <Label>Description</Label>
-              <Textarea
-                aria-label="Description"
-                rows={10}
-                placeholder="Write your guide on how to use this template here!"
-                className="mt-2 w-full px-4 py-2 text-sm"
-                value={field.value}
-                spellCheck={false}
-                onChange={field.onChange}
-              />
-            </div>
-          )}
-        />
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
+          <FormField
+            control={control}
+            name={`description`}
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Description</FormLabel>
+                <Textarea
+                  aria-label="Description"
+                  rows={10}
+                  placeholder="Write your guide on how to use this template here!"
+                  className="mt-2 w-full px-4 py-2 text-sm"
+                  value={field.value}
+                  spellCheck={false}
+                  onChange={field.onChange}
+                />
+                <FormMessage />
+              </FormItem>
+            )}
+          />
 
-        <div className="mt-2 flex items-center justify-end space-x-4">
-          <Button onClick={onCancel} variant="ghost">
-            Cancel
-          </Button>
-          <Button color="secondary" variant="default" type="submit">
-            {isSaving ? <Spinner size="small" /> : "Save"}
-          </Button>
-        </div>
-      </form>
+          <div className="mt-2 flex items-center justify-end space-x-4">
+            <Button onClick={onCancel} variant="ghost">
+              Cancel
+            </Button>
+            <Button variant="default" type="submit">
+              {isSaving ? <Spinner size="small" /> : "Save"}
+            </Button>
+          </div>
+        </form>
+      </Form>
     </FormPaper>
   );
 };
diff --git a/apps/deploy-web/src/components/sdl/EnvFormModal.tsx b/apps/deploy-web/src/components/sdl/EnvFormModal.tsx
index 549aed63c..8636e1c12 100644
--- a/apps/deploy-web/src/components/sdl/EnvFormModal.tsx
+++ b/apps/deploy-web/src/components/sdl/EnvFormModal.tsx
@@ -1,19 +1,19 @@
 "use client";
 import { ReactNode, useEffect } from "react";
 import { Control, Controller, useFieldArray } from "react-hook-form";
-import { Button, CustomNoDivTooltip, FormInput, Popup, Switch } from "@akashnetwork/ui/components";
+import { Button, CustomNoDivTooltip, FormField, FormInput, Popup, Switch } from "@akashnetwork/ui/components";
 import { Bin } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { EnvironmentVariable, RentGpusFormValues, SdlBuilderFormValues } from "@src/types";
+import { EnvironmentVariableType, RentGpusFormValuesType,SdlBuilderFormValuesType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   onClose: () => void;
-  envs: EnvironmentVariable[];
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
+  envs: EnvironmentVariableType[];
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
   hasSecretOption?: boolean;
   children?: ReactNode;
 };
@@ -84,7 +84,7 @@ export const EnvFormModal: React.FunctionComponent<Props> = ({ control, serviceI
           return (
             <div key={env.id} className={cn("flex", { ["mb-2"]: envIndex + 1 !== envs.length })}>
               <div className="flex flex-grow flex-col items-end sm:flex-row">
-                <Controller
+                <FormField
                   control={control}
                   name={`services.${serviceIndex}.env.${envIndex}.key`}
                   render={({ field }) => (
@@ -101,7 +101,7 @@ export const EnvFormModal: React.FunctionComponent<Props> = ({ control, serviceI
                   )}
                 />
 
-                <Controller
+                <FormField
                   control={control}
                   name={`services.${serviceIndex}.env.${envIndex}.value`}
                   render={({ field }) => (
diff --git a/apps/deploy-web/src/components/sdl/EnvVarList.tsx b/apps/deploy-web/src/components/sdl/EnvVarList.tsx
index 7a6c2c52c..5b0b365e4 100644
--- a/apps/deploy-web/src/components/sdl/EnvVarList.tsx
+++ b/apps/deploy-web/src/components/sdl/EnvVarList.tsx
@@ -4,11 +4,11 @@ import { CustomTooltip } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
 import { useSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
-import { Service } from "@src/types";
+import { ServiceType } from "@src/types";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
-  currentService: Service;
+  currentService: ServiceType;
   serviceIndex?: number;
   children?: ReactNode;
   setIsEditingEnv: Dispatch<SetStateAction<boolean | number>>;
diff --git a/apps/deploy-web/src/components/sdl/ExposeFormModal.tsx b/apps/deploy-web/src/components/sdl/ExposeFormModal.tsx
index 9bb8661c7..a5b926723 100644
--- a/apps/deploy-web/src/components/sdl/ExposeFormModal.tsx
+++ b/apps/deploy-web/src/components/sdl/ExposeFormModal.tsx
@@ -5,9 +5,11 @@ import {
   Button,
   Checkbox,
   CustomTooltip,
+  FormField,
+  FormInput,
   FormItem,
-  InputWithIcon,
-  Label,
+  FormLabel,
+  FormMessage,
   Popup,
   Select,
   SelectContent,
@@ -19,8 +21,7 @@ import {
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { Expose, SdlBuilderFormValues, Service } from "@src/types";
-import { endpointNameValidationRegex } from "@src/utils/deploymentData/v1beta3";
+import { ExposeType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { protoTypes } from "@src/utils/sdl/data";
 import { cn } from "@src/utils/styleUtils";
 import { AcceptFormControl, AcceptRefType } from "./AcceptFormControl";
@@ -31,10 +32,10 @@ import { ToFormControl, ToRefType } from "./ToFormControl";
 type Props = {
   serviceIndex: number;
   onClose: () => void;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
-  services: Service[];
-  expose: Expose[];
+  services: ServiceType[];
+  expose: ExposeType[];
 };
 
 export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, serviceIndex, onClose, expose: _expose, services }) => {
@@ -133,12 +134,11 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
             <div className="flex-grow">
               <div className="mb-4 grid grid-cols-1 gap-2 sm:grid-cols-4">
                 <div>
-                  <Controller
+                  <FormField
                     control={control}
                     name={`services.${serviceIndex}.expose.${expIndex}.port`}
-                    rules={{ pattern: { value: /^[1-9]d*$/, message: "Port numbers don't allow decimals." } }}
-                    render={({ field, fieldState }) => (
-                      <InputWithIcon
+                    render={({ field }) => (
+                      <FormInput
                         type="number"
                         label={
                           <div className="inline-flex items-center">
@@ -152,19 +152,17 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
                         max={65535}
                         step={1}
                         value={field.value}
-                        error={fieldState.error?.message}
                         onChange={event => field.onChange(parseInt(event.target.value))}
                       />
                     )}
                   />
                 </div>
                 <div>
-                  <Controller
+                  <FormField
                     control={control}
                     name={`services.${serviceIndex}.expose.${expIndex}.as`}
-                    rules={{ pattern: { value: /^[1-9]d*$/, message: "Port numbers don't allow decimals." } }}
-                    render={({ field, fieldState }) => (
-                      <InputWithIcon
+                    render={({ field }) => (
+                      <FormInput
                         type="number"
                         label={
                           <div className="inline-flex items-center">
@@ -176,19 +174,18 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
                         }
                         color="secondary"
                         value={field.value}
-                        error={fieldState.error?.message}
                         onChange={event => field.onChange(parseInt(event.target.value))}
                       />
                     )}
                   />
                 </div>
                 <div>
-                  <Controller
+                  <FormField
                     control={control}
                     name={`services.${serviceIndex}.expose.${expIndex}.proto`}
                     render={({ field }) => (
                       <FormItem>
-                        <Label>Protocol</Label>
+                        <FormLabel>Protocol</FormLabel>
                         <Select value={field.value || ""} onValueChange={field.onChange}>
                           <SelectTrigger>
                             <SelectValue placeholder="Select protocol" />
@@ -205,6 +202,7 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
                             </SelectGroup>
                           </SelectContent>
                         </Select>
+                        <FormMessage />
                       </FormItem>
                     )}
                   />
@@ -252,29 +250,11 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
               </div>
 
               <div className="mb-4">
-                <Controller
+                <FormField
                   control={control}
                   name={`services.${serviceIndex}.expose.${expIndex}.ipName`}
-                  rules={{
-                    validate: value => {
-                      const _val = value || "";
-                      const hasValidChars = endpointNameValidationRegex.test(_val);
-                      const hasValidStartingChar = /^[a-z]/.test(_val);
-                      const hasValidEndingChar = !_val.endsWith("-");
-
-                      if (!hasValidChars) {
-                        return "Invalid ip name. It must only be lower case letters, numbers and dashes.";
-                      } else if (!hasValidStartingChar) {
-                        return "Invalid starting character. It can only start with a lowercase letter.";
-                      } else if (!hasValidEndingChar) {
-                        return "Invalid ending character. It can only end with a lowercase letter or number";
-                      }
-
-                      return true;
-                    }
-                  }}
-                  render={({ field, fieldState }) => (
-                    <InputWithIcon
+                  render={({ field }) => (
+                    <FormInput
                       type="text"
                       label={
                         <div className="inline-flex items-center">
@@ -300,7 +280,6 @@ export const ExposeFormModal: React.FunctionComponent<Props> = ({ control, servi
                       }
                       color="secondary"
                       value={field.value}
-                      error={fieldState.error?.message}
                       onChange={event => field.onChange(event.target.value)}
                     />
                   )}
diff --git a/apps/deploy-web/src/components/sdl/ExposeList.tsx b/apps/deploy-web/src/components/sdl/ExposeList.tsx
index 53814b83a..fab4bbbc9 100644
--- a/apps/deploy-web/src/components/sdl/ExposeList.tsx
+++ b/apps/deploy-web/src/components/sdl/ExposeList.tsx
@@ -4,12 +4,12 @@ import { CustomTooltip } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
 import { useSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
-import { Service } from "@src/types";
+import { ServiceType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
-  currentService: Service;
+  currentService: ServiceType;
   serviceIndex?: number;
   children?: ReactNode;
   setIsEditingExpose: Dispatch<SetStateAction<boolean | number>>;
diff --git a/apps/deploy-web/src/components/sdl/GpuFormControl.tsx b/apps/deploy-web/src/components/sdl/GpuFormControl.tsx
index 8074d4ca0..b3e459eb6 100644
--- a/apps/deploy-web/src/components/sdl/GpuFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/GpuFormControl.tsx
@@ -2,7 +2,8 @@
 import { ReactNode } from "react";
 import { Control, Controller, useFieldArray, UseFormSetValue } from "react-hook-form";
 import { MdSpeed } from "react-icons/md";
-import { Button, Checkbox, CustomTooltip, FormDescription, FormItem, Input, Slider, Spinner } from "@akashnetwork/ui/components";
+import { Button, Checkbox, CustomTooltip, FormField, FormItem, FormMessage, Input, Slider, Spinner } from "@akashnetwork/ui/components";
+import { cn } from "@akashnetwork/ui/utils";
 import FormControl from "@mui/material/FormControl";
 import IconButton from "@mui/material/IconButton";
 import InputLabel from "@mui/material/InputLabel";
@@ -10,7 +11,7 @@ import MenuItem from "@mui/material/MenuItem";
 import { default as MuiSelect } from "@mui/material/Select";
 import { Bin, InfoCircle, Xmark } from "iconoir-react";
 
-import { RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { GpuVendor } from "@src/types/gpu";
 import { gpuVendors } from "@src/utils/akash/gpu";
 import { validationConfig } from "@src/utils/akash/units";
@@ -21,10 +22,10 @@ type Props = {
   hasGpu: boolean;
   hideHasGpu?: boolean;
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
   gpuModels: GpuVendor[] | undefined;
-  currentService: Service;
-  setValue: UseFormSetValue<RentGpusFormValues | SdlBuilderFormValues>;
+  currentService: ServiceType;
+  setValue: UseFormSetValue<RentGpusFormValuesType | SdlBuilderFormValuesType>;
 };
 
 export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, control, serviceIndex, hasGpu, currentService, setValue, hideHasGpu }) => {
@@ -45,29 +46,11 @@ export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, cont
   return (
     <FormPaper>
       <div className="flex items-center">
-        <Controller
+        <FormField
           control={control}
           name={`services.${serviceIndex}.profile.gpu`}
-          rules={{
-            validate: v => {
-              if (!v) return "GPU amount is required.";
-
-              const _value = v || 0;
-
-              if (_value < 1) return "GPU amount must be greater than 0.";
-              else if (currentService.count === 1 && _value > validationConfig.maxGpuAmount) {
-                return `Maximum amount of GPU for a single service instance is ${validationConfig.maxGpuAmount}.`;
-              } else if (currentService.count > 1 && currentService.count * _value > validationConfig.maxGroupGpuCount) {
-                return `Maximum total amount of GPU for a single service instance group is ${validationConfig.maxGroupGpuCount}.`;
-              }
-              return true;
-            }
-          }}
           render={({ field, fieldState }) => (
-            <FormItem
-              className="w-full"
-              // variant="standard" error={!!fieldState.error} fullWidth
-            >
+            <FormItem className={cn("w-full")}>
               <div className="flex items-center">
                 <div className="flex items-center">
                   <div className="flex items-center">
@@ -120,12 +103,12 @@ export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, cont
                       type="number"
                       color="secondary"
                       value={field.value || ""}
-                      // error={!!fieldState.error}
+                      error={!!fieldState.error}
                       onChange={event => field.onChange(parseFloat(event.target.value))}
                       min={1}
                       step={1}
                       max={validationConfig.maxGpuAmount}
-                      className="w-[100px]"
+                      inputClassName="w-[100px]"
                     />
                   </div>
                 )}
@@ -139,11 +122,12 @@ export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, cont
                   step={1}
                   color="secondary"
                   aria-label="GPUs"
+                  className="pt-2"
                   onValueChange={newValue => field.onChange(newValue)}
                 />
               )}
 
-              {!!fieldState.error && <FormDescription>{fieldState.error.message}</FormDescription>}
+              <FormMessage className={cn({ "pt-2": !!fieldState.error })} />
             </FormItem>
           )}
         />
@@ -170,7 +154,6 @@ export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, cont
                     <Controller
                       control={control}
                       name={`services.${serviceIndex}.profile.gpuModels.${formGpuIndex}.vendor`}
-                      rules={{ required: "GPU vendor is required." }}
                       defaultValue=""
                       render={({ field }) => (
                         <FormControl fullWidth>
@@ -333,39 +316,6 @@ export const GpuFormControl: React.FunctionComponent<Props> = ({ gpuModels, cont
                                 ))}
                               </MuiSelect>
                             </FormControl>
-
-                            // <FormItem>
-                            //   <Label>Interface</Label>
-                            //   <Select value={(field.value as string) || ""} onValueChange={field.onChange}>
-                            //     <SelectTrigger className="flex items-center">
-                            //       <SelectValue placeholder="Select Interface" />
-
-                            //       {(field.value?.length || 0) > 0
-                            //         ? () => (
-                            //             <Button
-                            //               size="icon"
-                            //               onClick={e => {
-                            //                 field.onChange("");
-                            //               }}
-                            //             >
-                            //               <Xmark className="text-sm" />
-                            //             </Button>
-                            //           )
-                            //         : undefined}
-                            //     </SelectTrigger>
-                            //     <SelectContent>
-                            //       <SelectGroup>
-                            //         {interfaces.map(option => {
-                            //           return (
-                            //             <SelectItem key={option} value={option} className="px-2 py-1">
-                            //               {option}
-                            //             </SelectItem>
-                            //           );
-                            //         })}
-                            //       </SelectGroup>
-                            //     </SelectContent>
-                            //   </Select>
-                            // </FormItem>
                           )}
                         />
                       </div>
diff --git a/apps/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx b/apps/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx
index add3809d4..240bea5fa 100644
--- a/apps/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx
@@ -1,10 +1,10 @@
 "use client";
 import { ReactNode } from "react";
 import { Control, Controller } from "react-hook-form";
-import { Checkbox, CustomTooltip, FormItem, InputWithIcon, Label, MultipleSelector } from "@akashnetwork/ui/components";
+import { Checkbox, CustomTooltip, FormField, FormInput, FormItem, Label, MultipleSelector } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
-import { SdlBuilderFormValues, Service } from "@src/types";
+import { SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { nextCases } from "@src/utils/sdl/data";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
@@ -12,8 +12,8 @@ import { FormPaper } from "./FormPaper";
 type Props = {
   serviceIndex: number;
   exposeIndex: number;
-  services: Service[];
-  control: Control<SdlBuilderFormValues, any>;
+  services: ServiceType[];
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
 };
 
@@ -65,11 +65,11 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
 
       {currentService.expose[exposeIndex]?.hasCustomHttpOptions && (
         <>
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.maxBodySize`}
-            render={({ field, fieldState }) => (
-              <InputWithIcon
+            render={({ field }) => (
+              <FormInput
                 type="number"
                 label={
                   <div className="inline-flex items-center">
@@ -81,18 +81,17 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
                 }
                 className="mb-2 w-full"
                 value={field.value}
-                error={fieldState.error?.message}
                 onChange={event => field.onChange(parseInt(event.target.value))}
                 min={0}
               />
             )}
           />
 
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.readTimeout`}
-            render={({ field, fieldState }) => (
-              <InputWithIcon
+            render={({ field }) => (
+              <FormInput
                 type="number"
                 label={
                   <div className="inline-flex items-center">
@@ -104,18 +103,17 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
                 }
                 className="mb-2 w-full"
                 value={field.value}
-                error={fieldState.error?.message}
                 onChange={event => field.onChange(parseInt(event.target.value))}
                 min={0}
               />
             )}
           />
 
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.sendTimeout`}
-            render={({ field, fieldState }) => (
-              <InputWithIcon
+            render={({ field }) => (
+              <FormInput
                 type="number"
                 label={
                   <div className="inline-flex items-center">
@@ -127,18 +125,17 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
                 }
                 className="mb-2 w-full"
                 value={field.value}
-                error={fieldState.error?.message}
                 onChange={event => field.onChange(parseInt(event.target.value))}
                 min={0}
               />
             )}
           />
 
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.nextTries`}
-            render={({ field, fieldState }) => (
-              <InputWithIcon
+            render={({ field }) => (
+              <FormInput
                 type="number"
                 label={
                   <div className="inline-flex items-center">
@@ -150,18 +147,17 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
                 }
                 className="mb-2 w-full"
                 value={field.value}
-                error={fieldState.error?.message}
                 onChange={event => field.onChange(parseInt(event.target.value))}
                 min={0}
               />
             )}
           />
 
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.nextTimeout`}
-            render={({ field, fieldState }) => (
-              <InputWithIcon
+            render={({ field }) => (
+              <FormInput
                 type="number"
                 label={
                   <div className="inline-flex items-center">
@@ -173,14 +169,13 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
                 }
                 className="mb-2 w-full"
                 value={field.value}
-                error={fieldState.error?.message}
                 onChange={event => field.onChange(parseInt(event.target.value))}
                 min={0}
               />
             )}
           />
 
-          <Controller
+          <FormField
             control={control}
             name={`services.${serviceIndex}.expose.${exposeIndex}.httpOptions.nextCases`}
             defaultValue={[]}
diff --git a/apps/deploy-web/src/components/sdl/ImageSelect.tsx b/apps/deploy-web/src/components/sdl/ImageSelect.tsx
index 2368df724..6326fc4dd 100644
--- a/apps/deploy-web/src/components/sdl/ImageSelect.tsx
+++ b/apps/deploy-web/src/components/sdl/ImageSelect.tsx
@@ -12,13 +12,13 @@ import Image from "next/image";
 import Link from "next/link";
 
 import { useGpuTemplates } from "@src/hooks/useGpuTemplates";
-import { ApiTemplate, RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
+import { ApiTemplate, RentGpusFormValuesType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 
 type Props = {
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
-  currentService: Service;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
+  currentService: ServiceType;
   onSelectTemplate: (template: ApiTemplate) => void;
 };
 
@@ -116,18 +116,6 @@ export const ImageSelect: React.FunctionComponent<Props> = ({ control, currentSe
           <Controller
             control={control}
             name={`services.0.image`}
-            rules={{
-              required: "Docker image name is required.",
-              validate: value => {
-                const hasValidChars = /^[a-z0-9\-_/:.]+$/.test(value);
-
-                if (!hasValidChars) {
-                  return "Invalid docker image name.";
-                }
-
-                return true;
-              }
-            }}
             render={({ field, fieldState }) => (
               <TextField
                 type="text"
@@ -179,11 +167,11 @@ export const ImageSelect: React.FunctionComponent<Props> = ({ control, currentSe
             onResizeCapture={undefined}
           >
             <ul className="relative m-0 max-h-[40vh] list-none overflow-auto py-2">
-              {filteredGpuTemplates.map(template => (
+              {filteredGpuTemplates.map((template, i) => (
                 <li
                   className="MuiAutocomplete-option flex w-full cursor-pointer items-center justify-between px-4 py-2 text-sm hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-800"
                   ref={eleRefs[template.id as string]}
-                  key={template.id}
+                  key={`${template.id}-${i}`}
                   onClick={() => _onSelectTemplate(template)}
                   onMouseOver={() => {
                     setHoveredTemplate(template);
diff --git a/apps/deploy-web/src/components/sdl/ImportSdlModal.tsx b/apps/deploy-web/src/components/sdl/ImportSdlModal.tsx
index c3014e529..2880a3405 100644
--- a/apps/deploy-web/src/components/sdl/ImportSdlModal.tsx
+++ b/apps/deploy-web/src/components/sdl/ImportSdlModal.tsx
@@ -8,13 +8,13 @@ import { useTheme } from "next-themes";
 import { event } from "nextjs-google-analytics";
 import { useSnackbar } from "notistack";
 
-import { SdlBuilderFormValues, Service } from "@src/types";
+import { SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { AnalyticsEvents } from "@src/utils/analytics";
 import { importSimpleSdl } from "@src/utils/sdl/sdlImport";
 import { Timer } from "@src/utils/timer";
 
 type Props = {
-  setValue: UseFormSetValue<SdlBuilderFormValues>;
+  setValue: UseFormSetValue<SdlBuilderFormValuesType>;
   onClose: () => void;
   children?: ReactNode;
 };
@@ -64,11 +64,10 @@ export const ImportSdlModal: React.FunctionComponent<Props> = ({ onClose, setVal
 
   const onImport = () => {
     const result = createAndValidateSdl(sdl || "");
-    console.log(result);
 
     if (!result) return;
 
-    setValue("services", result as Service[]);
+    setValue("services", result as ServiceType[]);
 
     enqueueSnackbar(<Snackbar title="Import success!" iconVariant="success" />, {
       variant: "success",
diff --git a/apps/deploy-web/src/components/sdl/MemoryFormControl.tsx b/apps/deploy-web/src/components/sdl/MemoryFormControl.tsx
index 589c99b5a..a2fe7bd76 100644
--- a/apps/deploy-web/src/components/sdl/MemoryFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/MemoryFormControl.tsx
@@ -4,8 +4,9 @@ import { Control, Controller } from "react-hook-form";
 import { MdMemory } from "react-icons/md";
 import {
   CustomTooltip,
-  FormDescription,
+  FormField,
   FormItem,
+  FormMessage,
   Input,
   Select,
   SelectContent,
@@ -17,49 +18,25 @@ import {
 } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
-import { RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
-import { memoryUnits, validationConfig } from "@src/utils/akash/units";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType } from "@src/types";
+import { memoryUnits } from "@src/utils/akash/units";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
-  currentService: Service;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
 };
 
-export const MemoryFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex, currentService }) => {
+export const MemoryFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex }) => {
   return (
-    <Controller
+    <FormField
       control={control}
       name={`services.${serviceIndex}.profile.ram`}
-      rules={{
-        validate: v => {
-          if (!v) return "Memory amount is required.";
-
-          const currentUnit = memoryUnits.find(u => currentService.profile.ramUnit === u.suffix);
-          const _value = (v || 0) * (currentUnit?.value || 0);
-
-          if (currentService.count === 1 && _value < validationConfig.minMemory) {
-            return "Minimum amount of memory for a single service instance is 1 Mi.";
-          } else if (currentService.count === 1 && currentService.count * _value > validationConfig.maxMemory) {
-            return "Maximum amount of memory for a single service instance is 512 Gi.";
-          } else if (currentService.count > 1 && currentService.count * _value > validationConfig.maxGroupMemory) {
-            return "Maximum total amount of memory for a single service instance group is 1024 Gi.";
-          }
-
-          return true;
-        }
-      }}
       render={({ field, fieldState }) => (
-        <FormPaper className={cn({ ["border-b border-red-500"]: !!fieldState.error })}>
-          <FormItem
-          // className={cx(classes.formControl, classes.textField)}
-          // variant="standard"
-          // sx={{ marginBottom: "0 !important" }}
-          // error={!!fieldState.error}
-          >
+        <FormPaper>
+          <FormItem>
             <div className="flex flex-col items-start sm:flex-row sm:items-center">
               <div className="flex items-center">
                 <MdMemory className="mr-2 text-2xl text-muted-foreground" />
@@ -85,24 +62,23 @@ export const MemoryFormControl: React.FunctionComponent<Props> = ({ control, ser
               <div className="mt-2 flex items-center sm:ml-4 sm:mt-0">
                 <Input
                   type="number"
-                  // error={!!fieldState.error}
+                  error={!!fieldState.error}
                   color="secondary"
                   value={field.value || ""}
                   onChange={event => field.onChange(parseFloat(event.target.value))}
                   min={1}
                   step={1}
-                  className="w-[100px]"
+                  inputClassName="w-[100px]"
                 />
 
                 <Controller
                   control={control}
                   name={`services.${serviceIndex}.profile.ramUnit`}
-                  rules={{ required: "Ram unit is required." }}
                   defaultValue=""
                   render={({ field }) => (
                     <Select value={field.value || ""} onValueChange={field.onChange}>
-                      <SelectTrigger className="ml-1">
-                        <SelectValue placeholder="Select unit" className="w-[75px]" />
+                      <SelectTrigger className="ml-1 w-[75px]">
+                        <SelectValue placeholder="Select unit" />
                       </SelectTrigger>
                       <SelectContent>
                         <SelectGroup>
@@ -128,12 +104,11 @@ export const MemoryFormControl: React.FunctionComponent<Props> = ({ control, ser
               step={1}
               color="secondary"
               aria-label="RAM"
-              // valueLabelDisplay="auto"
               onValueChange={newValue => field.onChange(newValue)}
               className="pt-2"
             />
 
-            {!!fieldState.error && <FormDescription>{fieldState.error.message}</FormDescription>}
+            <FormMessage />
           </FormItem>
         </FormPaper>
       )}
diff --git a/apps/deploy-web/src/components/sdl/PersistentStorage.tsx b/apps/deploy-web/src/components/sdl/PersistentStorage.tsx
index f81f85aae..9b497206c 100644
--- a/apps/deploy-web/src/components/sdl/PersistentStorage.tsx
+++ b/apps/deploy-web/src/components/sdl/PersistentStorage.tsx
@@ -5,10 +5,12 @@ import { MdStorage } from "react-icons/md";
 import {
   Checkbox,
   CustomTooltip,
-  FormDescription,
+  FormField,
+  FormInput,
   FormItem,
+  FormLabel,
+  FormMessage,
   Input,
-  InputWithIcon,
   Label,
   Select,
   SelectContent,
@@ -18,40 +20,29 @@ import {
   SelectValue,
   Slider
 } from "@akashnetwork/ui/components";
+import { cn } from "@akashnetwork/ui/utils";
 import { InfoCircle } from "iconoir-react";
 
-import { RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { persistentStorageTypes, storageUnits } from "@src/utils/akash/units";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
-  currentService: Service;
+  currentService: ServiceType;
   serviceIndex: number;
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
 };
 
 export const PersistentStorage: React.FunctionComponent<Props> = ({ currentService, serviceIndex, control }) => {
   return (
     <FormPaper>
-      <Controller
+      <FormField
         control={control}
         name={`services.${serviceIndex}.profile.persistentStorage`}
-        rules={{
-          min: 1,
-          validate: v => {
-            if (!v) return "Storage amount is required.";
-            return true;
-          }
-        }}
         render={({ field, fieldState }) => (
-          <FormItem
-          // className={cx(classes.formControl, classes.textField)}
-          // variant="standard"
-          // sx={{ marginBottom: "0 !important" }}
-          // error={!!fieldState.error}
-          >
-            <div className="flex items-start justify-between sm:flex-row sm:items-center">
+          <FormItem>
+            <div className="flex flex-col items-start sm:flex-row sm:items-center">
               <div className="flex items-center">
                 <div className="flex items-center">
                   <MdStorage className="mr-2 text-2xl text-muted-foreground" />
@@ -84,27 +75,26 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
               </div>
 
               {currentService.profile.hasPersistentStorage && (
-                <div className="mt-2 flex items-center sm:mt-0">
+                <div className="mt-2 flex items-center sm:ml-4 sm:mt-0">
                   <Input
                     type="number"
                     color="secondary"
                     value={field.value || ""}
-                    // error={!!fieldState.error}
+                    error={!!fieldState.error}
                     onChange={event => field.onChange(parseFloat(event.target.value))}
                     min={1}
                     step={1}
-                    className="w-[100px]"
+                    inputClassName="w-[100px]"
                   />
 
                   <Controller
                     control={control}
                     name={`services.${serviceIndex}.profile.persistentStorageUnit`}
-                    rules={{ required: "Storage unit is required." }}
                     defaultValue=""
                     render={({ field }) => (
                       <Select value={field.value || ""} onValueChange={field.onChange}>
-                        <SelectTrigger className="ml-1">
-                          <SelectValue placeholder="Select unit" className="w-[75px]" />
+                        <SelectTrigger className="ml-1 w-[75px]">
+                          <SelectValue placeholder="Select unit" />
                         </SelectTrigger>
                         <SelectContent>
                           <SelectGroup>
@@ -125,18 +115,10 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
             </div>
 
             {currentService.profile.hasPersistentStorage && (
-              <Slider
-                value={[field.value || 0]}
-                min={1}
-                max={512}
-                step={1}
-                // valueLabelDisplay="auto"
-                onValueChange={newValue => field.onChange(newValue)}
-                className="pt-2"
-              />
+              <Slider value={[field.value || 0]} min={1} max={512} step={1} onValueChange={newValue => field.onChange(newValue)} className="pt-2" />
             )}
 
-            {!!fieldState.error && <FormDescription>{fieldState.error.message}</FormDescription>}
+            <FormMessage className={cn({ "pt-2": !!fieldState.error })} />
           </FormItem>
         )}
       />
@@ -144,31 +126,12 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
       {currentService.profile.hasPersistentStorage && (
         <div>
           <div className="mt-4 flex items-start">
-            <Controller
+            <FormField
               control={control}
               name={`services.${serviceIndex}.profile.persistentStorageParam.name`}
-              rules={{
-                required: "Name is required.",
-                validate: value => {
-                  const hasValidChars = /^[a-z0-9-]+$/.test(value);
-                  const hasValidStartingChar = /^[a-z]/.test(value);
-                  const hasValidEndingChar = !value.endsWith("-");
-
-                  if (!hasValidChars) {
-                    return "Invalid storage name. It must only be lower case letters, numbers and dashes.";
-                  } else if (!hasValidStartingChar) {
-                    return "Invalid starting character. It can only start with a lowercase letter.";
-                  } else if (!hasValidEndingChar) {
-                    return "Invalid ending character. It can only end with a lowercase letter or number";
-                  }
-
-                  return true;
-                }
-              }}
-              render={({ field, fieldState }) => (
-                <InputWithIcon
+              render={({ field }) => (
+                <FormInput
                   type="text"
-                  color="secondary"
                   label={
                     <div className="inline-flex items-center">
                       Name
@@ -187,8 +150,6 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
                     </div>
                   }
                   value={field.value}
-                  // error={!!fieldState.error}
-                  error={fieldState.error?.message}
                   onChange={event => field.onChange(event.target.value)}
                   className="flex-grow"
                 />
@@ -205,12 +166,12 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
             </div>
           </div>
           <div className="mt-4 flex items-start">
-            <Controller
+            <FormField
               control={control}
               name={`services.${serviceIndex}.profile.persistentStorageParam.type`}
               render={({ field }) => (
                 <FormItem className="w-full basis-[40%]">
-                  <Label htmlFor={`persistent-storage-type-${currentService.id}`}>Type</Label>
+                  <FormLabel htmlFor={`persistent-storage-type-${currentService.id}`}>Type</FormLabel>
                   <Select value={field.value || ""} onValueChange={field.onChange}>
                     <SelectTrigger id={`persistent-storage-type-${currentService.id}`}>
                       <SelectValue placeholder="Select token" />
@@ -227,18 +188,17 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
                       </SelectGroup>
                     </SelectContent>
                   </Select>
+                  <FormMessage />
                 </FormItem>
               )}
             />
 
-            <Controller
+            <FormField
               control={control}
               name={`services.${serviceIndex}.profile.persistentStorageParam.mount`}
-              rules={{ required: "Mount is required.", pattern: { value: /^\/.*$/, message: "Mount must be an absolute path." } }}
-              render={({ field, fieldState }) => (
-                <InputWithIcon
+              render={({ field }) => (
+                <FormInput
                   type="text"
-                  color="secondary"
                   label={
                     <div className="inline-flex items-center">
                       Mount
@@ -258,10 +218,8 @@ export const PersistentStorage: React.FunctionComponent<Props> = ({ currentServi
                   }
                   placeholder="Example: /mnt/data"
                   value={field.value}
-                  error={fieldState.error?.message}
                   onChange={event => field.onChange(event.target.value)}
                   className="ml-2 w-full"
-                  // helperText={!!fieldState.error && fieldState.error.message}
                 />
               )}
             />
diff --git a/apps/deploy-web/src/components/sdl/PlacementFormModal.tsx b/apps/deploy-web/src/components/sdl/PlacementFormModal.tsx
index 08053d061..8be7097d0 100644
--- a/apps/deploy-web/src/components/sdl/PlacementFormModal.tsx
+++ b/apps/deploy-web/src/components/sdl/PlacementFormModal.tsx
@@ -1,12 +1,12 @@
 "use client";
 import { ReactNode, useRef } from "react";
-import { Control, Controller } from "react-hook-form";
+import { Control } from "react-hook-form";
 import { FormattedNumber } from "react-intl";
-import { CustomTooltip, FormItem, InputWithIcon, Popup } from "@akashnetwork/ui/components";
+import { CustomTooltip, FormField, FormInput, Popup } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
 import { useSdlDenoms } from "@src/hooks/useDenom";
-import { Placement, SdlBuilderFormValues, Service } from "@src/types";
+import { PlacementType, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { uAktDenom } from "@src/utils/constants";
 import { udenomToDenom } from "@src/utils/mathHelpers";
 import { getAvgCostPerMonth, toReadableDenom, uaktToAKT } from "@src/utils/priceUtils";
@@ -18,11 +18,11 @@ import { SignedByFormControl, SignedByRefType } from "./SignedByFormControl";
 
 type Props = {
   serviceIndex: number;
-  services: Service[];
+  services: ServiceType[];
   onClose: () => void;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
-  placement: Placement;
+  placement: PlacementType;
 };
 
 export const PlacementFormModal: React.FunctionComponent<Props> = ({ control, services, serviceIndex, onClose, placement: _placement }) => {
@@ -85,29 +85,11 @@ export const PlacementFormModal: React.FunctionComponent<Props> = ({ control, se
         <div className="flex-grow">
           <div className="mb-4 grid gap-4 sm:grid-cols-2">
             <div>
-              <Controller
+              <FormField
                 control={control}
                 name={`services.${serviceIndex}.placement.name`}
-                rules={{
-                  required: "Placement name is required",
-                  validate: value => {
-                    const hasValidChars = /^[a-z0-9-]+$/.test(value);
-                    const hasValidStartingChar = /^[a-z]/.test(value);
-                    const hasValidEndingChar = !value.endsWith("-");
-
-                    if (!hasValidChars) {
-                      return "Invalid name. It must only be lower case letters, numbers and dashes.";
-                    } else if (!hasValidStartingChar) {
-                      return "Invalid starting character. It can only start with a lowercase letter.";
-                    } else if (!hasValidEndingChar) {
-                      return "Invalid ending character. It can only end with a lowercase letter or number";
-                    }
-
-                    return true;
-                  }
-                }}
-                render={({ field, fieldState }) => (
-                  <InputWithIcon
+                render={({ field }) => (
+                  <FormInput
                     type="text"
                     label={
                       <div className="flex items-center">
@@ -118,7 +100,6 @@ export const PlacementFormModal: React.FunctionComponent<Props> = ({ control, se
                       </div>
                     }
                     value={field.value}
-                    error={fieldState.error?.message}
                     onChange={event => field.onChange(event.target.value)}
                   />
                 )}
@@ -126,57 +107,52 @@ export const PlacementFormModal: React.FunctionComponent<Props> = ({ control, se
             </div>
 
             <div>
-              <FormItem>
-                <Controller
-                  control={control}
-                  name={`services.${serviceIndex}.placement.pricing.amount`}
-                  rules={{ required: "Pricing is required" }}
-                  render={({ field, fieldState }) => (
-                    <InputWithIcon
-                      type="number"
-                      label={
-                        <div className="flex items-center">
-                          Pricing, ${toReadableDenom(currentService.placement.pricing.denom)}
-                          <CustomTooltip
-                            title={
-                              <>
-                                The maximum amount of {selectedDenom?.label} you're willing to pay per block (~6 seconds).
-                                <br />
-                                <br />
-                                Akash will only show providers costing <strong>less</strong> than{" "}
-                                <strong>
-                                  {selectedDenom?.value === uAktDenom ? (
-                                    <>
-                                      ~<PriceValue denom={uAktDenom} value={getAvgCostPerMonth(uaktToAKT(_placement.pricing.amount))} />
-                                    </>
-                                  ) : (
-                                    <>
-                                      <span>
-                                        <FormattedNumber value={getAvgCostPerMonth(udenomToDenom(_placement.pricing.amount))} maximumFractionDigits={2} />
-                                      </span>
-                                      <USDLabel />
-                                    </>
-                                  )}
-                                </strong>
-                                &nbsp;per month
-                              </>
-                            }
-                          >
-                            <InfoCircle className="ml-2 text-sm text-muted-foreground" />
-                          </CustomTooltip>
-                        </div>
-                      }
-                      value={field.value}
-                      error={fieldState.error?.message}
-                      // description={fieldState.error?.message}
-                      min={1}
-                      step={1}
-                      max={10000000}
-                      onChange={event => field.onChange(parseFloat(event.target.value))}
-                    />
-                  )}
-                />
-              </FormItem>
+              <FormField
+                control={control}
+                name={`services.${serviceIndex}.placement.pricing.amount`}
+                render={({ field }) => (
+                  <FormInput
+                    type="number"
+                    label={
+                      <div className="flex items-center">
+                        Pricing, ${toReadableDenom(currentService.placement.pricing.denom)}
+                        <CustomTooltip
+                          title={
+                            <>
+                              The maximum amount of {selectedDenom?.label} you're willing to pay per block (~6 seconds).
+                              <br />
+                              <br />
+                              Akash will only show providers costing <strong>less</strong> than{" "}
+                              <strong>
+                                {selectedDenom?.value === uAktDenom ? (
+                                  <>
+                                    ~<PriceValue denom={uAktDenom} value={getAvgCostPerMonth(uaktToAKT(_placement.pricing.amount))} />
+                                  </>
+                                ) : (
+                                  <>
+                                    <span>
+                                      <FormattedNumber value={getAvgCostPerMonth(udenomToDenom(_placement.pricing.amount))} maximumFractionDigits={2} />
+                                    </span>
+                                    <USDLabel />
+                                  </>
+                                )}
+                              </strong>
+                              &nbsp;per month
+                            </>
+                          }
+                        >
+                          <InfoCircle className="ml-2 text-sm text-muted-foreground" />
+                        </CustomTooltip>
+                      </div>
+                    }
+                    value={field.value}
+                    min={1}
+                    step={1}
+                    max={10000000}
+                    onChange={event => field.onChange(parseFloat(event.target.value))}
+                  />
+                )}
+              />
             </div>
           </div>
 
diff --git a/apps/deploy-web/src/components/sdl/RegionSelect.tsx b/apps/deploy-web/src/components/sdl/RegionSelect.tsx
index 604fd932c..1e2e6903c 100644
--- a/apps/deploy-web/src/components/sdl/RegionSelect.tsx
+++ b/apps/deploy-web/src/components/sdl/RegionSelect.tsx
@@ -8,12 +8,12 @@ import TextField from "@mui/material/TextField";
 import { InfoCircle } from "iconoir-react";
 
 import { useProviderRegions } from "@src/queries/useProvidersQuery";
-import { RentGpusFormValues } from "@src/types";
+import { RentGpusFormValuesType } from "@src/types";
 import { ProviderAttributeSchemaDetailValue, ProviderRegionValue } from "@src/types/providerAttributes";
 import { cn } from "@src/utils/styleUtils";
 
 type RegionSelectProps = {
-  control: Control<RentGpusFormValues, any>;
+  control: Control<RentGpusFormValuesType, any>;
   className?: string;
 };
 
@@ -71,22 +71,13 @@ export const RegionSelect: React.FunctionComponent<RegionSelectProps> = ({ contr
                   {...props}
                   className={cn(
                     "flex w-full items-center px-2 py-1",
-                    { ["pointer-events-none cursor-default text-muted"]: option.key !== "any" && option.providers?.length === 0 },
+                    { ["pointer-events-none cursor-default text-muted-foreground/50"]: option.key !== "any" && option.providers?.length === 0 },
                     props.className
                   )}
                 >
                   <span>{option.key}</span>
                   {option.key !== "any" && (
-                    <small
-                      className={cn("ml-2", { ["font-bold text-primary"]: option.providers?.length > 0 })}
-                      // sx={{
-                      //   marginLeft: ".5rem",
-                      //   color: option.providers?.length === 0 ? "inherit" : theme.palette.secondary.main,
-                      //   fontWeight: option.providers?.length > 0 ? "bold" : "normal"
-                      // }}
-                    >
-                      ({option.providers.length})
-                    </small>
+                    <small className={cn("ml-2", { ["font-bold text-primary"]: option.providers?.length > 0 })}>({option.providers.length})</small>
                   )}
                   <CustomTooltip title={option.description}>
                     <InfoCircle className="ml-2 text-xs text-muted-foreground" />
diff --git a/apps/deploy-web/src/components/sdl/RentGpusForm.tsx b/apps/deploy-web/src/components/sdl/RentGpusForm.tsx
index edcfb6b35..8801f9af7 100644
--- a/apps/deploy-web/src/components/sdl/RentGpusForm.tsx
+++ b/apps/deploy-web/src/components/sdl/RentGpusForm.tsx
@@ -2,8 +2,9 @@
 import { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { certificateManager } from "@akashnetwork/akashjs/build/certificates/certificate-manager";
-import { Alert, Button, Spinner } from "@akashnetwork/ui/components";
+import { Alert, Button, Form, Spinner } from "@akashnetwork/ui/components";
 import { EncodeObject } from "@cosmjs/proto-signing";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { Rocket } from "iconoir-react";
 import { useAtom } from "jotai";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -15,7 +16,7 @@ import { useSettings } from "@src/context/SettingsProvider";
 import { useWallet } from "@src/context/WalletProvider";
 import { useGpuModels } from "@src/queries/useGpuQuery";
 import sdlStore from "@src/store/sdlStore";
-import { ApiTemplate, ProfileGpuModel, RentGpusFormValues, Service } from "@src/types";
+import { ApiTemplate, ProfileGpuModelType, RentGpusFormValuesSchema, RentGpusFormValuesType, ServiceType } from "@src/types";
 import { ProviderAttributeSchemaDetailValue } from "@src/types/providerAttributes";
 import { AnalyticsEvents } from "@src/utils/analytics";
 import { defaultInitialDeposit, RouteStepKeys } from "@src/utils/constants";
@@ -52,15 +53,17 @@ export const RentGpusForm: React.FunctionComponent = () => {
   const [, setDeploySdl] = useAtom(sdlStore.deploySdl);
   const [rentGpuSdl, setRentGpuSdl] = useAtom(sdlStore.rentGpuSdl);
   const { data: gpuModels } = useGpuModels();
-  const { handleSubmit, control, watch, setValue, trigger } = useForm<RentGpusFormValues>({
+  const form = useForm<RentGpusFormValuesType>({
     defaultValues: {
       services: [{ ...defaultRentGpuService }],
       region: { ...defaultAnyRegion }
-    }
+    },
+    resolver: zodResolver(RentGpusFormValuesSchema)
   });
+  const { handleSubmit, control, watch, setValue, trigger } = form;
   const { services: _services } = watch();
   const searchParams = useSearchParams();
-  const currentService: Service = (_services && _services[0]) || ({} as any);
+  const currentService: ServiceType = (_services && _services[0]) || ({} as any);
   const { settings } = useSettings();
   const { address, signAndBroadcastTx } = useWallet();
   const { loadValidCertificates, localCert, isLocalCertMatching, loadLocalCert, setSelectedCertificate } = useCertificate();
@@ -79,7 +82,7 @@ export const RentGpusForm: React.FunctionComponent = () => {
     }
 
     const subscription = watch(({ services, region }) => {
-      setRentGpuSdl({ services: services as Service[], region: region as ProviderAttributeSchemaDetailValue });
+      setRentGpuSdl({ services: services as ServiceType[], region: region as ProviderAttributeSchemaDetailValue });
     });
     return () => subscription.unsubscribe();
   }, []);
@@ -95,7 +98,7 @@ export const RentGpusForm: React.FunctionComponent = () => {
         const vramQuery = searchParams?.get("vram");
         const interfaceQuery = searchParams?.get("interface");
 
-        const model: ProfileGpuModel = {
+        const model: ProfileGpuModelType = {
           vendor: vendorQuery,
           name: gpuModel.name,
           memory: gpuModel.memory.find(x => x === vramQuery) || "",
@@ -163,7 +166,7 @@ export const RentGpusForm: React.FunctionComponent = () => {
       };
     });
 
-    setValue("services", result as Service[]);
+    setValue("services", result as ServiceType[]);
     setValue("services.0.profile.gpuModels", _gpuModels);
     trigger();
   };
@@ -178,7 +181,7 @@ export const RentGpusForm: React.FunctionComponent = () => {
     await handleCreateClick(deposit, depositorAddress);
   };
 
-  const onSubmit = async (data: RentGpusFormValues) => {
+  const onSubmit = async (data: RentGpusFormValuesType) => {
     setRentGpuSdl(data);
     setIsCheckingPrerequisites(true);
   };
@@ -273,73 +276,75 @@ export const RentGpusForm: React.FunctionComponent = () => {
       )}
       {isCheckingPrerequisites && <PrerequisiteList onClose={() => setIsCheckingPrerequisites(false)} onContinue={onPrerequisiteContinue} />}
 
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
-        <FormPaper className="mt-4 p-4">
-          <ImageSelect control={control as any} currentService={currentService} onSelectTemplate={onSelectTemplate} />
-
-          <div className="mt-4">
-            <GpuFormControl
-              control={control as any}
-              gpuModels={gpuModels}
-              serviceIndex={0}
-              hasGpu
-              currentService={currentService}
-              setValue={setValue}
-              hideHasGpu
-            />
-          </div>
-
-          <div className="mt-4">
-            <CpuFormControl control={control as any} currentService={currentService} serviceIndex={0} />
-          </div>
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
+          <FormPaper className="mt-4 md:p-4">
+            <ImageSelect control={control as any} currentService={currentService} onSelectTemplate={onSelectTemplate} />
+
+            <div className="mt-4">
+              <GpuFormControl
+                control={control as any}
+                gpuModels={gpuModels}
+                serviceIndex={0}
+                hasGpu
+                currentService={currentService}
+                setValue={setValue}
+                hideHasGpu
+              />
+            </div>
 
-          <div className="mt-4">
-            <MemoryFormControl control={control as any} currentService={currentService} serviceIndex={0} />
-          </div>
+            <div className="mt-4">
+              <CpuFormControl control={control as any} currentService={currentService} serviceIndex={0} />
+            </div>
 
-          <div className="mt-4">
-            <StorageFormControl control={control as any} currentService={currentService} serviceIndex={0} />
-          </div>
+            <div className="mt-4">
+              <MemoryFormControl control={control as any} serviceIndex={0} />
+            </div>
 
-          <div className="grid-col-2 mt-4 grid gap-2">
-            <div>
-              <RegionSelect control={control} />
+            <div className="mt-4">
+              <StorageFormControl control={control as any} serviceIndex={0} />
             </div>
-            <div>
-              <TokenFormControl control={control} name="services.0.placement.pricing.denom" />
+
+            <div className="grid-col-2 mt-4 grid gap-2">
+              <div>
+                <RegionSelect control={control} />
+              </div>
+              <div>
+                <TokenFormControl control={control} name="services.0.placement.pricing.denom" />
+              </div>
             </div>
+          </FormPaper>
+
+          <AdvancedConfig control={control} currentService={currentService} />
+
+          {error && (
+            <Alert variant="destructive" className="mt-4">
+              {error}
+            </Alert>
+          )}
+
+          {currentService?.env?.some(x => !!x.key && !x.value) && (
+            <Alert variant="warning" className="mt-4">
+              Some of the environment variables are empty. Please fill them in the advanced configuration before deploying.
+            </Alert>
+          )}
+
+          <div className="flex items-center justify-end pt-4">
+            <Button size="lg" variant="default" type="submit" disabled={isCreatingDeployment || !!error}>
+              {isCreatingDeployment ? (
+                <Spinner />
+              ) : (
+                <>
+                  Deploy{" "}
+                  <span className="ml-2 inline-flex items-center">
+                    <Rocket className="rotate-45 text-sm" />
+                  </span>
+                </>
+              )}
+            </Button>
           </div>
-        </FormPaper>
-
-        <AdvancedConfig control={control} currentService={currentService} />
-
-        {error && (
-          <Alert variant="destructive" className="mt-4">
-            {error}
-          </Alert>
-        )}
-
-        {currentService?.env?.some(x => !!x.key && !x.value) && (
-          <Alert variant="warning" className="mt-4">
-            Some of the environment variables are empty. Please fill them in the advanced configuration before deploying.
-          </Alert>
-        )}
-
-        <div className="flex items-center justify-end pt-4">
-          <Button size="lg" variant="default" type="submit" disabled={isCreatingDeployment || !!error}>
-            {isCreatingDeployment ? (
-              <Spinner />
-            ) : (
-              <>
-                Deploy{" "}
-                <span className="ml-2 inline-flex items-center">
-                  <Rocket className="rotate-45 text-sm" />
-                </span>
-              </>
-            )}
-          </Button>
-        </div>
-      </form>
+        </form>
+      </Form>
     </>
   );
 };
diff --git a/apps/deploy-web/src/components/sdl/SSHKeyFromControl.tsx b/apps/deploy-web/src/components/sdl/SSHKeyFromControl.tsx
index 4818b44e9..9345eb882 100644
--- a/apps/deploy-web/src/components/sdl/SSHKeyFromControl.tsx
+++ b/apps/deploy-web/src/components/sdl/SSHKeyFromControl.tsx
@@ -1,6 +1,6 @@
 import { FC, useCallback, useState } from "react";
-import { Control, Controller, UseFormSetValue } from "react-hook-form";
-import { Button, CustomTooltip, InputWithIcon } from "@akashnetwork/ui/components";
+import { Control, UseFormSetValue } from "react-hook-form";
+import { Button, CustomTooltip, FormField, FormInput } from "@akashnetwork/ui/components";
 import { saveAs } from "file-saver";
 import { InfoCircle, Key } from "iconoir-react";
 import JSZip from "jszip";
@@ -8,12 +8,12 @@ import forge from "node-forge";
 
 import { CodeSnippet } from "@src/components/shared/CodeSnippet";
 import { useSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
-import { SdlBuilderFormValues } from "@src/types";
+import { SdlBuilderFormValuesType } from "@src/types";
 
 interface SSHKeyInputProps {
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   serviceIndex: number;
-  setValue: UseFormSetValue<SdlBuilderFormValues>;
+  setValue: UseFormSetValue<SdlBuilderFormValuesType>;
 }
 
 export const SSHKeyFormControl: FC<SSHKeyInputProps> = ({ control, serviceIndex, setValue }) => {
@@ -38,14 +38,11 @@ export const SSHKeyFormControl: FC<SSHKeyInputProps> = ({ control, serviceIndex,
 
   return (
     <div>
-      <Controller
+      <FormField
         control={control}
         name={`services.${serviceIndex}.sshPubKey`}
-        rules={{
-          required: "SSH Public key is required."
-        }}
-        render={({ field, fieldState }) => (
-          <InputWithIcon
+        render={({ field }) => (
+          <FormInput
             type="text"
             label={
               <div className="inline-flex items-center">
@@ -65,14 +62,13 @@ export const SSHKeyFormControl: FC<SSHKeyInputProps> = ({ control, serviceIndex,
               </div>
             }
             placeholder="ssh-..."
-            color="secondary"
-            error={fieldState.error?.message}
             className="flex-grow"
+            inputClassName="pr-[100px]"
             value={field.value}
             onChange={event => field.onChange(event.target.value || "")}
             startIcon={<Key className="ml-2 text-xs text-muted-foreground" />}
             endIcon={
-              <Button onClick={generateSSHKeys} type="button" size="sm" className="-mr-2.5" data-testid="generate-ssh-keys-btn">
+              <Button onClick={generateSSHKeys} type="button" size="sm" className="h-full" data-testid="generate-ssh-keys-btn">
                 Generate
               </Button>
             }
diff --git a/apps/deploy-web/src/components/sdl/SaveTemplateModal.tsx b/apps/deploy-web/src/components/sdl/SaveTemplateModal.tsx
index b1954105d..55218cb2e 100644
--- a/apps/deploy-web/src/components/sdl/SaveTemplateModal.tsx
+++ b/apps/deploy-web/src/components/sdl/SaveTemplateModal.tsx
@@ -1,20 +1,21 @@
 "use client";
 import { Dispatch, ReactNode, SetStateAction, useEffect, useRef, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { Alert, Label, Popup, RadioGroup, RadioGroupItem, Snackbar } from "@akashnetwork/ui/components";
-import TextField from "@mui/material/TextField";
+import { useForm } from "react-hook-form";
+import { Alert, Form, FormField, FormInput, Label, Popup, RadioGroup, RadioGroupItem, Snackbar } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { event } from "nextjs-google-analytics";
 import { useSnackbar } from "notistack";
+import { z } from "zod";
 
 import { MustConnect } from "@src/components/shared/MustConnect";
 import { useCustomUser } from "@src/hooks/useCustomUser";
 import { getShortText } from "@src/hooks/useShortText";
 import { useSaveUserTemplate } from "@src/queries/useTemplateQuery";
-import { EnvironmentVariable, ITemplate, SdlSaveTemplateFormValues, Service } from "@src/types";
+import { EnvironmentVariableType, ITemplate, ServiceType } from "@src/types";
 import { AnalyticsEvents } from "@src/utils/analytics";
 
 type Props = {
-  services: Service[];
+  services: ServiceType[];
   templateMetadata: ITemplate;
   getTemplateData: () => Partial<ITemplate>;
   setTemplateMetadata: Dispatch<SetStateAction<ITemplate>>;
@@ -22,24 +23,32 @@ type Props = {
   children?: ReactNode;
 };
 
+const formSchema = z.object({
+  title: z.string().min(3, "Title must be at least 3 characters long"),
+  visibility: z.enum(["private", "public"])
+});
+type FormValues = z.infer<typeof formSchema>;
+
 export const SaveTemplateModal: React.FunctionComponent<Props> = ({ onClose, getTemplateData, templateMetadata, setTemplateMetadata, services }) => {
-  const [publicEnvs, setPublicEnvs] = useState<EnvironmentVariable[]>([]);
+  const [publicEnvs, setPublicEnvs] = useState<EnvironmentVariableType[]>([]);
   const { enqueueSnackbar } = useSnackbar();
   const formRef = useRef<HTMLFormElement>(null);
   const { user, isLoading: isLoadingUser } = useCustomUser();
   const isRestricted = !isLoadingUser && !user;
   const isCurrentUserTemplate = !isRestricted && user?.sub === templateMetadata?.userId;
   const { mutate: saveTemplate } = useSaveUserTemplate(!isCurrentUserTemplate);
-  const { handleSubmit, control, setValue } = useForm<SdlSaveTemplateFormValues>({
+  const form = useForm<FormValues>({
     defaultValues: {
       title: "",
       visibility: "private"
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control, setValue } = form;
 
   useEffect(() => {
     const envs = services.some(s => s.env?.some(e => !e.isSecret))
-      ? services.reduce((cur: EnvironmentVariable[], prev) => cur.concat([...(prev.env?.filter(e => !e.isSecret) as EnvironmentVariable[])]), [])
+      ? services.reduce((cur: EnvironmentVariableType[], prev) => cur.concat([...(prev.env?.filter(e => !e.isSecret) as EnvironmentVariableType[])]), [])
       : [];
     setPublicEnvs(envs);
 
@@ -49,7 +58,7 @@ export const SaveTemplateModal: React.FunctionComponent<Props> = ({ onClose, get
     }
   }, []);
 
-  const onSubmit = async (data: SdlSaveTemplateFormValues) => {
+  const onSubmit = async (data: FormValues) => {
     const template = getTemplateData();
 
     await saveTemplate({ ...template, title: data.title, isPublic: data.visibility !== "private" });
@@ -115,57 +124,53 @@ export const SaveTemplateModal: React.FunctionComponent<Props> = ({ onClose, get
         {isRestricted ? (
           <MustConnect message="To save a template" />
         ) : (
-          <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
-            <Controller
-              control={control}
-              rules={{ required: "Title is required." }}
-              name="title"
-              render={({ field, fieldState }) => (
-                <TextField
-                  type="text"
-                  variant="outlined"
-                  label="Title"
-                  error={!!fieldState.error}
-                  helperText={fieldState.error?.message}
-                  className="mb-4"
-                  fullWidth
-                  size="small"
-                  value={field.value || ""}
-                  onChange={event => field.onChange(event.target.value)}
-                />
-              )}
-            />
-
-            <Controller
-              control={control}
-              name={`visibility`}
-              render={({ field }) => (
-                <RadioGroup defaultValue="private" value={field.value} onValueChange={field.onChange} className="space-y-2">
-                  <div className="flex items-center space-x-2">
-                    <RadioGroupItem value="private" id="private" />
-                    <Label htmlFor="private">Private</Label>
-                  </div>
-                  <div className="flex items-center space-x-2">
-                    <RadioGroupItem value="public" id="public" />
-                    <Label htmlFor="public">Public</Label>
-                  </div>
-                </RadioGroup>
+          <Form {...form}>
+            <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
+              <FormField
+                control={control}
+                name="title"
+                render={({ field }) => (
+                  <FormInput
+                    type="text"
+                    label="Title"
+                    className="mb-4 w-full"
+                    value={field.value || ""}
+                    onChange={event => field.onChange(event.target.value)}
+                  />
+                )}
+              />
+
+              <FormField
+                control={control}
+                name={`visibility`}
+                render={({ field }) => (
+                  <RadioGroup defaultValue="private" value={field.value} onValueChange={field.onChange} className="space-y-2">
+                    <div className="flex items-center space-x-2">
+                      <RadioGroupItem value="private" id="private" />
+                      <Label htmlFor="private">Private</Label>
+                    </div>
+                    <div className="flex items-center space-x-2">
+                      <RadioGroupItem value="public" id="public" />
+                      <Label htmlFor="public">Public</Label>
+                    </div>
+                  </RadioGroup>
+                )}
+              />
+
+              {publicEnvs.length > 0 && (
+                <Alert variant="warning" className="mt-4 max-h-[150px] overflow-y-auto">
+                  You have {publicEnvs.length} public environment variables. Are you sure you don't need to hide them as secret?
+                  <ul className="break-all p-0">
+                    {publicEnvs.map((e, i) => (
+                      <li key={i}>
+                        {e.key}={getShortText(e.value, 30)}
+                      </li>
+                    ))}
+                  </ul>
+                </Alert>
               )}
-            />
-
-            {publicEnvs.length > 0 && (
-              <Alert variant="warning" className="mt-4 max-h-[150px] overflow-y-auto">
-                You have {publicEnvs.length} public environment variables. Are you sure you don't need to hide them as secret?
-                <ul className="break-all p-0">
-                  {publicEnvs.map((e, i) => (
-                    <li key={i}>
-                      {e.key}={getShortText(e.value, 30)}
-                    </li>
-                  ))}
-                </ul>
-              </Alert>
-            )}
-          </form>
+            </form>
+          </Form>
         )}
       </div>
     </Popup>
diff --git a/apps/deploy-web/src/components/sdl/SignedByFormControl.tsx b/apps/deploy-web/src/components/sdl/SignedByFormControl.tsx
index 88a8c8288..35ac1e208 100644
--- a/apps/deploy-web/src/components/sdl/SignedByFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/SignedByFormControl.tsx
@@ -1,20 +1,20 @@
 "use client";
 import { forwardRef, ReactNode, useImperativeHandle } from "react";
-import { Control, Controller, useFieldArray } from "react-hook-form";
-import { Button, CustomTooltip, FormInput } from "@akashnetwork/ui/components";
+import { Control, useFieldArray } from "react-hook-form";
+import { Button, CustomTooltip, FormField, FormInput } from "@akashnetwork/ui/components";
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { SdlBuilderFormValues, SignedBy } from "@src/types";
+import { SdlBuilderFormValuesType, SignedByType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
-  control: Control<SdlBuilderFormValues, any>;
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
-  signedByAnyOf: SignedBy[];
-  signedByAllOf: SignedBy[];
+  signedByAnyOf: SignedByType[];
+  signedByAllOf: SignedByType[];
 };
 
 export type SignedByRefType = {
@@ -84,10 +84,7 @@ export const SignedByFormControl = forwardRef<SignedByRefType, Props>(
           </CustomTooltip>
         </div>
 
-        <div
-          className={cn("flex items-start justify-between", { ["mb-4"]: !!_signedByAnyOf.length })}
-          // sx={{ marginBottom: _signedByAnyOf.length ? "1rem" : 0, display: "flex", alignItems: "flex-start", justifyContent: "space-between" }}
-        >
+        <div className={cn("flex items-start justify-between", { ["mb-4"]: !!_signedByAnyOf.length })}>
           <div className="flex items-center">
             <strong className="text-sm">Any of</strong>
             <CustomTooltip title={<>Filter providers that have been audited by ANY of these accounts.</>}>
@@ -104,28 +101,15 @@ export const SignedByFormControl = forwardRef<SignedByRefType, Props>(
           {signedByAnyOf.length > 0 ? (
             signedByAnyOf.map((anyOf, anyOfIndex) => {
               return (
-                <div
-                  key={anyOf.id}
-                  className={cn({ ["mb-4"]: anyOfIndex + 1 === _signedByAnyOf.length, ["mb-2"]: anyOfIndex + 1 !== _signedByAnyOf.length })}
-                  // sx={{ marginBottom: anyOfIndex + 1 === _signedByAnyOf.length ? "1rem" : ".5rem" }}
-                >
+                <div key={anyOf.id} className={cn({ ["mb-4"]: anyOfIndex + 1 === _signedByAnyOf.length, ["mb-2"]: anyOfIndex + 1 !== _signedByAnyOf.length })}>
                   <div className="flex items-end">
                     <div className="flex-grow">
                       {/** TODO Add list of auditors */}
-                      <Controller
+                      <FormField
                         control={control}
                         name={`services.${serviceIndex}.placement.signedBy.anyOf.${anyOfIndex}.value`}
                         render={({ field }) => (
-                          <FormInput
-                            type="text"
-                            // variant="outlined"
-                            label="Value"
-                            color="secondary"
-                            // fullWidth
-                            value={field.value}
-                            // size="small"
-                            onChange={event => field.onChange(event.target.value)}
-                          />
+                          <FormInput type="text" label="Value" value={field.value} className="w-full" onChange={event => field.onChange(event.target.value)} />
                         )}
                       />
                     </div>
@@ -164,11 +148,11 @@ export const SignedByFormControl = forwardRef<SignedByRefType, Props>(
                 <div className="flex items-end">
                   <div className="flex-grow">
                     {/** TODO Add list of auditors */}
-                    <Controller
+                    <FormField
                       control={control}
                       name={`services.${serviceIndex}.placement.signedBy.allOf.${allOfIndex}.value`}
                       render={({ field }) => (
-                        <FormInput type="text" label="Value" color="secondary" value={field.value} onChange={event => field.onChange(event.target.value)} />
+                        <FormInput type="text" label="Value" className="w-full" value={field.value} onChange={event => field.onChange(event.target.value)} />
                       )}
                     />
                   </div>
diff --git a/apps/deploy-web/src/components/sdl/SimpleSdlBuilderForm.tsx b/apps/deploy-web/src/components/sdl/SimpleSdlBuilderForm.tsx
index ba521555c..2c7567d5d 100644
--- a/apps/deploy-web/src/components/sdl/SimpleSdlBuilderForm.tsx
+++ b/apps/deploy-web/src/components/sdl/SimpleSdlBuilderForm.tsx
@@ -1,7 +1,8 @@
 "use client";
 import { useEffect, useRef, useState } from "react";
 import { useFieldArray, useForm } from "react-hook-form";
-import { Alert, Button, Snackbar, Spinner } from "@akashnetwork/ui/components";
+import { Alert, Button, Form, Snackbar, Spinner } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import axios from "axios";
 import { NavArrowRight } from "iconoir-react";
 import { useAtom } from "jotai";
@@ -15,7 +16,7 @@ import { SimpleServiceFormControl } from "@src/components/sdl/SimpleServiceFormC
 import useFormPersist from "@src/hooks/useFormPersist";
 import { useGpuModels } from "@src/queries/useGpuQuery";
 import sdlStore from "@src/store/sdlStore";
-import { ITemplate, SdlBuilderFormValues, Service } from "@src/types";
+import { ITemplate, SdlBuilderFormValuesSchema, SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { memoryUnits, storageUnits } from "@src/utils/akash/units";
 import { AnalyticsEvents } from "@src/utils/analytics";
 import { RouteStepKeys } from "@src/utils/constants";
@@ -45,7 +46,10 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
   const [sdlBuilderSdl, setSdlBuilderSdl] = useAtom(sdlStore.sdlBuilderSdl);
   const { data: gpuModels } = useGpuModels();
   const { enqueueSnackbar } = useSnackbar();
-  const { handleSubmit, reset, control, trigger, watch, setValue } = useForm<SdlBuilderFormValues>();
+  const form = useForm<SdlBuilderFormValuesType>({
+    resolver: zodResolver(SdlBuilderFormValuesSchema)
+  });
+  const { handleSubmit, reset, control, trigger, watch, setValue } = form;
   useFormPersist("sdl-builder-form", {
     watch,
     setValue,
@@ -85,7 +89,7 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
 
   useEffect(() => {
     if (_services) {
-      setSdlBuilderSdl({ services: _services as Service[] });
+      setSdlBuilderSdl({ services: _services as ServiceType[] });
     }
   }, [_services]);
 
@@ -100,7 +104,7 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
       setIsLoadingTemplate(false);
 
       reset();
-      setValue("services", services as Service[]);
+      setValue("services", services as ServiceType[]);
       setServiceCollapsed(services.map((x, i) => i));
       setTemplateMetadata(template);
     } catch (error) {
@@ -120,7 +124,7 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
     removeService(index);
   };
 
-  const onSubmit = async (data: SdlBuilderFormValues) => {
+  const onSubmit = async (data: SdlBuilderFormValuesType) => {
     setError(null);
 
     try {
@@ -157,7 +161,7 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
     setError(null);
 
     try {
-      const sdl = generateSdl(_services as Service[]);
+      const sdl = generateSdl(_services as ServiceType[]);
       setSdlResult(sdl);
       setIsPreviewingSdl(true);
 
@@ -171,7 +175,7 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
   };
 
   const getTemplateData = () => {
-    const sdl = generateSdl(_services as Service[]);
+    const sdl = generateSdl(_services as ServiceType[]);
     const template: Partial<ITemplate> = {
       id: templateMetadata?.id || undefined,
       sdl,
@@ -207,119 +211,121 @@ export const SimpleSDLBuilderForm: React.FunctionComponent = () => {
           getTemplateData={getTemplateData}
           templateMetadata={templateMetadata as ITemplate}
           setTemplateMetadata={setTemplateMetadata}
-          services={_services as Service[]}
+          services={_services as ServiceType[]}
         />
       )}
 
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
-        {templateMetadata && (
-          <div className="flex items-center">
-            <p>
-              {templateMetadata.title}&nbsp;by&nbsp;
-              {templateMetadata.username && (
-                <span
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef} autoComplete="off">
+          {templateMetadata && (
+            <div className="flex items-center">
+              <p>
+                {templateMetadata.title}&nbsp;by&nbsp;
+                {templateMetadata.username && (
+                  <span
+                    onClick={() => {
+                      event(AnalyticsEvents.CLICK_SDL_PROFILE, {
+                        category: "sdl_builder",
+                        label: "Click on SDL user profile"
+                      });
+                    }}
+                  >
+                    <Link href={UrlService.userProfile(templateMetadata.username)}>{templateMetadata.username}</Link>
+                  </span>
+                )}
+              </p>
+
+              <div className="ml-6">
+                <Link
+                  href={UrlService.template(templateQueryId as string)}
+                  className="inline-flex cursor-pointer items-center"
                   onClick={() => {
-                    event(AnalyticsEvents.CLICK_SDL_PROFILE, {
+                    event(AnalyticsEvents.CLICK_VIEW_TEMPLATE, {
                       category: "sdl_builder",
-                      label: "Click on SDL user profile"
+                      label: "Click on view SDL template"
                     });
                   }}
                 >
-                  <Link href={UrlService.userProfile(templateMetadata.username)}>{templateMetadata.username}</Link>
-                </span>
-              )}
-            </p>
-
-            <div className="ml-6">
-              <Link
-                href={UrlService.template(templateQueryId as string)}
-                className="inline-flex cursor-pointer items-center"
+                  View template <NavArrowRight className="ml-2 text-sm" />
+                </Link>
+              </div>
+            </div>
+          )}
+
+          <div className="flex items-center justify-between pt-4">
+            <div className="flex items-center">
+              <Button color="secondary" variant="default" type="submit">
+                Deploy
+              </Button>
+
+              <Button color="secondary" variant="text" onClick={onPreviewSdlClick} className="ml-4" type="button">
+                Preview
+              </Button>
+
+              <Button color="secondary" variant="text" onClick={() => setIsImportingSdl(true)} className="ml-4" type="button">
+                Import
+              </Button>
+
+              <Button
+                variant="text"
+                className="ml-4"
+                type="button"
                 onClick={() => {
-                  event(AnalyticsEvents.CLICK_VIEW_TEMPLATE, {
+                  event(AnalyticsEvents.RESET_SDL, {
                     category: "sdl_builder",
-                    label: "Click on view SDL template"
+                    label: "Reset SDL"
                   });
+
+                  setValue("services", [{ ...defaultService }]);
                 }}
               >
-                View template <NavArrowRight className="ml-2 text-sm" />
-              </Link>
+                Reset
+              </Button>
+
+              {isLoadingTemplate && (
+                <div className="ml-4">
+                  <Spinner size="small" />
+                </div>
+              )}
             </div>
-          </div>
-        )}
-
-        <div className="flex items-center justify-between pt-4">
-          <div className="flex items-center">
-            <Button color="secondary" variant="default" type="submit">
-              Deploy
-            </Button>
-
-            <Button color="secondary" variant="text" onClick={onPreviewSdlClick} className="ml-4" type="button">
-              Preview
-            </Button>
-
-            <Button color="secondary" variant="text" onClick={() => setIsImportingSdl(true)} className="ml-4" type="button">
-              Import
-            </Button>
-
-            <Button
-              variant="text"
-              className="ml-4"
-              type="button"
-              onClick={() => {
-                event(AnalyticsEvents.RESET_SDL, {
-                  category: "sdl_builder",
-                  label: "Reset SDL"
-                });
-
-                setValue("services", [{ ...defaultService }]);
-              }}
-            >
-              Reset
-            </Button>
-
-            {isLoadingTemplate && (
-              <div className="ml-4">
-                <Spinner size="small" />
-              </div>
-            )}
-          </div>
 
-          <div>
-            <Button color="secondary" variant="default" type="button" onClick={() => onSaveClick()}>
-              Save
-            </Button>
+            <div>
+              <Button color="secondary" variant="default" type="button" onClick={() => onSaveClick()}>
+                Save
+              </Button>
+            </div>
           </div>
-        </div>
-
-        {_services?.map((service, serviceIndex) => (
-          <SimpleServiceFormControl
-            key={service.id}
-            serviceIndex={serviceIndex}
-            _services={_services as Service[]}
-            setValue={setValue}
-            control={control}
-            trigger={trigger}
-            onRemoveService={onRemoveService}
-            serviceCollapsed={serviceCollapsed}
-            setServiceCollapsed={setServiceCollapsed}
-            gpuModels={gpuModels}
-          />
-        ))}
-
-        {error && (
-          <Alert variant="destructive" className="mt-4">
-            {error}
-          </Alert>
-        )}
-
-        <div className="flex items-center justify-end pt-4">
-          <div>
-            <Button color="secondary" variant="default" onClick={onAddService} type="button">
-              Add Service
-            </Button>
+
+          {_services?.map((service, serviceIndex) => (
+            <SimpleServiceFormControl
+              key={service.id}
+              serviceIndex={serviceIndex}
+              _services={_services as ServiceType[]}
+              setValue={setValue}
+              control={control}
+              trigger={trigger}
+              onRemoveService={onRemoveService}
+              serviceCollapsed={serviceCollapsed}
+              setServiceCollapsed={setServiceCollapsed}
+              gpuModels={gpuModels}
+            />
+          ))}
+
+          {error && (
+            <Alert variant="destructive" className="mt-4">
+              {error}
+            </Alert>
+          )}
+
+          <div className="flex items-center justify-end pt-4">
+            <div>
+              <Button color="secondary" variant="default" onClick={onAddService} type="button">
+                Add Service
+              </Button>
+            </div>
           </div>
-        </div>
-      </form>
+        </form>
+      </Form>
     </>
   );
 };
diff --git a/apps/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx b/apps/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx
index 6311492c0..bb5ced04a 100644
--- a/apps/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { Dispatch, SetStateAction, useState } from "react";
-import { Control, Controller, UseFormSetValue, UseFormTrigger } from "react-hook-form";
+import { Control, UseFormSetValue, UseFormTrigger } from "react-hook-form";
 import {
   Button,
   buttonVariants,
@@ -11,7 +11,11 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
   CustomTooltip,
-  InputWithIcon,
+  FormField,
+  FormInput,
+  FormItem,
+  FormMessage,
+  Input,
   Select,
   SelectContent,
   SelectGroup,
@@ -27,7 +31,7 @@ import Link from "next/link";
 
 import { SSHKeyFormControl } from "@src/components/sdl/SSHKeyFromControl";
 import { useSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
-import { SdlBuilderFormValues, Service } from "@src/types";
+import { SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { GpuVendor } from "@src/types/gpu";
 import { uAktDenom } from "@src/utils/constants";
 import { udenomToDenom } from "@src/utils/mathHelpers";
@@ -51,14 +55,14 @@ import { StorageFormControl } from "./StorageFormControl";
 import { TokenFormControl } from "./TokenFormControl";
 
 type Props = {
-  _services: Service[];
+  _services: ServiceType[];
   serviceIndex: number;
-  control: Control<SdlBuilderFormValues, any>;
-  trigger: UseFormTrigger<SdlBuilderFormValues>;
+  control: Control<SdlBuilderFormValuesType, any>;
+  trigger: UseFormTrigger<SdlBuilderFormValuesType>;
   onRemoveService: (index: number) => void;
   serviceCollapsed: number[];
   setServiceCollapsed: Dispatch<SetStateAction<number[]>>;
-  setValue: UseFormSetValue<SdlBuilderFormValues>;
+  setValue: UseFormSetValue<SdlBuilderFormValuesType>;
   gpuModels: GpuVendor[] | undefined;
   hasSecretOption?: boolean;
 };
@@ -82,7 +86,7 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
   const muiTheme = useMuiTheme();
   const isDesktop = useMediaQuery(muiTheme.breakpoints.up("sm"));
   const expanded = !serviceCollapsed.some(x => x === serviceIndex);
-  const currentService: Service = _services[serviceIndex];
+  const currentService: ServiceType = _services[serviceIndex];
   const _isEditingEnv = serviceIndex === isEditingEnv;
   const _isEditingCommands = serviceIndex === isEditingCommands;
   const _isEditingExpose = serviceIndex === isEditingExpose;
@@ -139,29 +143,11 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
           )}
 
           <div className={cn("flex items-end justify-between p-4", { ["border-b border-muted-foreground/20"]: expanded })}>
-            <Controller
+            <FormField
               control={control}
               name={`services.${serviceIndex}.title`}
-              rules={{
-                required: "Service name is required.",
-                validate: value => {
-                  const hasValidChars = /^[a-z0-9-]+$/.test(value);
-                  const hasValidStartingChar = /^[a-z]/.test(value);
-                  const hasValidEndingChar = !value.endsWith("-");
-
-                  if (!hasValidChars) {
-                    return "Invalid service name. It must only be lower case letters, numbers and dashes.";
-                  } else if (!hasValidStartingChar) {
-                    return "Invalid starting character. It can only start with a lowercase letter.";
-                  } else if (!hasValidEndingChar) {
-                    return "Invalid ending character. It can only end with a lowercase letter or number";
-                  }
-
-                  return true;
-                }
-              }}
-              render={({ field, fieldState }) => (
-                <InputWithIcon
+              render={({ field }) => (
+                <FormInput
                   type="text"
                   label={
                     <div className="inline-flex items-center">
@@ -182,10 +168,6 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                       </CustomTooltip>
                     </div>
                   }
-                  color="secondary"
-                  // errorMessage={!!fieldState.error}
-                  // helperText={fieldState.error?.message}
-                  error={fieldState.error?.message}
                   value={field.value}
                   className="flex-grow"
                   onChange={event => field.onChange((event.target.value || "").toLowerCase())}
@@ -225,96 +207,81 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                 <div>
                   <div className="grid gap-4">
                     <div className="flex items-end">
-                      <Controller
+                      <FormField
                         control={control}
                         name={`services.${serviceIndex}.image`}
-                        rules={{
-                          required: "Docker image name is required.",
-                          validate: value => {
-                            if (imageList) {
-                              return imageList.includes(value);
-                            }
-
-                            const hasValidChars = /^[a-z0-9\-_/:.]+$/.test(value);
-
-                            if (!hasValidChars) {
-                              return "Invalid docker image name.";
-                            }
-
-                            return true;
-                          }
-                        }}
-                        render={({ field, fieldState }) =>
-                          imageList?.length ? (
-                            <div className="flex flex-grow flex-col">
-                              <Select value={field.value} onValueChange={field.onChange}>
-                                <SelectTrigger className="ml-1" data-testid="ssh-image-select">
-                                  <Image alt="Docker Logo" src="/images/docker.png" layout="fixed" quality={100} width={24} height={18} priority />
-                                  <div className="flex-1 pl-2 text-left">
-                                    <SelectValue placeholder="Select image" />
+                        render={({ field, fieldState }) => (
+                          <FormItem className="w-full">
+                            {imageList?.length ? (
+                              <div className="flex flex-grow flex-col">
+                                <Select value={field.value} onValueChange={field.onChange}>
+                                  <SelectTrigger className={cn("ml-1", { "ring-2 ring-destructive": !!fieldState.error })} data-testid="ssh-image-select">
+                                    <Image alt="Docker Logo" src="/images/docker.png" layout="fixed" quality={100} width={24} height={18} priority />
+                                    <div className="flex-1 pl-2 text-left">
+                                      <SelectValue placeholder="Select image" />
+                                    </div>
+                                  </SelectTrigger>
+                                  <SelectContent>
+                                    <SelectGroup>
+                                      {imageList.map(image => {
+                                        return (
+                                          <SelectItem key={image} value={image} data-testid={`ssh-image-select-${image}`}>
+                                            {image}
+                                          </SelectItem>
+                                        );
+                                      })}
+                                    </SelectGroup>
+                                  </SelectContent>
+                                </Select>
+                              </div>
+                            ) : (
+                              <Input
+                                type="text"
+                                label={
+                                  <div className="inline-flex items-center">
+                                    Docker Image / OS
+                                    <CustomTooltip
+                                      title={
+                                        <>
+                                          Docker image of the container.
+                                          <br />
+                                          <br />
+                                          Best practices: avoid using :latest image tags as Akash Providers heavily cache images.
+                                        </>
+                                      }
+                                    >
+                                      <InfoCircle className="ml-2 text-xs text-muted-foreground" />
+                                    </CustomTooltip>
                                   </div>
-                                </SelectTrigger>
-                                <SelectContent>
-                                  <SelectGroup>
-                                    {imageList.map(image => {
-                                      return (
-                                        <SelectItem key={image} value={image} data-testid={`ssh-image-select-${image}`}>
-                                          {image}
-                                        </SelectItem>
-                                      );
-                                    })}
-                                  </SelectGroup>
-                                </SelectContent>
-                              </Select>
-                              {fieldState.error?.message && <p className="mt-2 text-sm text-red-600">{fieldState.error.message}</p>}
-                            </div>
-                          ) : (
-                            <InputWithIcon
-                              type="text"
-                              label={
-                                <div className="inline-flex items-center">
-                                  Docker Image / OS
-                                  <CustomTooltip
-                                    title={
-                                      <>
-                                        Docker image of the container.
-                                        <br />
-                                        <br />
-                                        Best practices: avoid using :latest image tags as Akash Providers heavily cache images.
-                                      </>
-                                    }
+                                }
+                                placeholder="Example: mydockerimage:1.01"
+                                value={field.value}
+                                error={!!fieldState.error}
+                                onChange={event => field.onChange((event.target.value || "").toLowerCase())}
+                                startIconClassName="pl-2"
+                                startIcon={<Image alt="Docker Logo" src="/images/docker.png" layout="fixed" quality={100} width={24} height={18} priority />}
+                                endIcon={
+                                  <Link
+                                    href={`https://hub.docker.com/search?q=${currentService.image?.split(":")[0]}&type=image`}
+                                    className={cn(
+                                      buttonVariants({
+                                        variant: "text",
+                                        size: "icon"
+                                      }),
+                                      "text-muted-foreground"
+                                    )}
+                                    target="_blank"
                                   >
-                                    <InfoCircle className="ml-2 text-xs text-muted-foreground" />
-                                  </CustomTooltip>
-                                </div>
-                              }
-                              placeholder="Example: mydockerimage:1.01"
-                              color="secondary"
-                              // error={!!fieldState.error}
-                              error={fieldState.error?.message}
-                              className="flex-grow"
-                              value={field.value}
-                              onChange={event => field.onChange((event.target.value || "").toLowerCase())}
-                              startIcon={<Image alt="Docker Logo" src="/images/docker.png" layout="fixed" quality={100} width={24} height={18} priority />}
-                              endIcon={
-                                <Link
-                                  href={`https://hub.docker.com/search?q=${currentService.image?.split(":")[0]}&type=image`}
-                                  className={cn(
-                                    buttonVariants({
-                                      variant: "text",
-                                      size: "icon"
-                                    }),
-                                    "text-muted-foreground"
-                                  )}
-                                  target="_blank"
-                                >
-                                  <OpenInWindow />
-                                </Link>
-                              }
-                              data-testid="image-name-input"
-                            />
-                          )
-                        }
+                                    <OpenInWindow />
+                                  </Link>
+                                }
+                                data-testid="image-name-input"
+                              />
+                            )}
+
+                            <FormMessage />
+                          </FormItem>
+                        )}
                       />
                     </div>
 
@@ -329,16 +296,16 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                         hasGpu={!!currentService.profile.hasGpu}
                         currentService={currentService}
                         gpuModels={gpuModels}
-                        setValue={setValue}
+                        setValue={setValue as any}
                       />
                     </div>
 
                     <div>
-                      <MemoryFormControl control={control as any} currentService={currentService} serviceIndex={serviceIndex} />
+                      <MemoryFormControl control={control as any} serviceIndex={serviceIndex} />
                     </div>
 
                     <div>
-                      <StorageFormControl control={control as any} currentService={currentService} serviceIndex={serviceIndex} />
+                      <StorageFormControl control={control as any} serviceIndex={serviceIndex} />
                     </div>
 
                     <div>
@@ -354,7 +321,10 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                         {hasComponent("ssh-toggle") && (
                           <CheckboxWithLabel
                             checked={hasComponent("ssh")}
-                            onCheckedChange={() => toggleCmp("ssh")}
+                            onCheckedChange={checked => {
+                              toggleCmp("ssh");
+                              setValue("hasSSHKey", !!checked);
+                            }}
                             className="ml-4"
                             label="Expose SSH"
                             data-testid="ssh-toggle"
@@ -381,18 +351,11 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
 
                   {hasComponent("service-count") && (
                     <div className="mt-4">
-                      <Controller
+                      <FormField
                         control={control}
                         name={`services.${serviceIndex}.count`}
-                        rules={{
-                          min: 1,
-                          validate: v => {
-                            if (!v) return "Service count is required.";
-                            return true;
-                          }
-                        }}
-                        render={({ field, fieldState }) => (
-                          <InputWithIcon
+                        render={({ field }) => (
+                          <FormInput
                             type="number"
                             label={
                               <div className="inline-flex items-center">
@@ -418,8 +381,6 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                               </div>
                             }
                             value={field.value || ""}
-                            // error={!!fieldState.error}
-                            error={fieldState.error?.message}
                             onChange={event => {
                               const newValue = parseInt(event.target.value);
                               field.onChange(newValue);
diff --git a/apps/deploy-web/src/components/sdl/StorageFormControl.tsx b/apps/deploy-web/src/components/sdl/StorageFormControl.tsx
index b8f05332e..73c627462 100644
--- a/apps/deploy-web/src/components/sdl/StorageFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/StorageFormControl.tsx
@@ -4,8 +4,9 @@ import { Control, Controller } from "react-hook-form";
 import { MdStorage } from "react-icons/md";
 import {
   CustomTooltip,
-  FormDescription,
+  FormField,
   FormItem,
+  FormMessage,
   Input,
   Select,
   SelectContent,
@@ -17,47 +18,25 @@ import {
 } from "@akashnetwork/ui/components";
 import { InfoCircle } from "iconoir-react";
 
-import { RentGpusFormValues, SdlBuilderFormValues, Service } from "@src/types";
-import { storageUnits, validationConfig } from "@src/utils/akash/units";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType } from "@src/types";
+import { storageUnits } from "@src/utils/akash/units";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   children?: ReactNode;
-  control: Control<SdlBuilderFormValues | RentGpusFormValues, any>;
-  currentService: Service;
+  control: Control<SdlBuilderFormValuesType | RentGpusFormValuesType, any>;
 };
 
-export const StorageFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex, currentService }) => {
+export const StorageFormControl: React.FunctionComponent<Props> = ({ control, serviceIndex }) => {
   return (
-    <Controller
+    <FormField
       control={control}
-      rules={{
-        validate: v => {
-          if (!v) return "Storage amount is required.";
-
-          const currentUnit = storageUnits.find(u => currentService.profile.storageUnit === u.suffix);
-          const _value = (v || 0) * (currentUnit?.value || 0);
-
-          if (currentService.count * _value < validationConfig.minStorage) {
-            return "Minimum amount of storage for a single service instance is 5 Mi.";
-          } else if (currentService.count * _value > validationConfig.maxStorage) {
-            return "Maximum amount of storage for a single service instance is 32 Ti.";
-          }
-
-          return true;
-        }
-      }}
       name={`services.${serviceIndex}.profile.storage`}
       render={({ field, fieldState }) => (
-        <FormPaper className={cn({ ["border-b border-red-500"]: !!fieldState.error })}>
-          <FormItem
-          // className={cx(classes.formControl, classes.textField)}
-          // variant="standard"
-          // sx={{ marginBottom: "0 !important" }}
-          // error={!!fieldState.error}
-          >
+        <FormPaper>
+          <FormItem>
             <div className="flex flex-col items-start sm:flex-row sm:items-center">
               <div className="flex items-center">
                 <MdStorage className="mr-2 text-2xl text-muted-foreground" />
@@ -88,22 +67,21 @@ export const StorageFormControl: React.FunctionComponent<Props> = ({ control, se
                   type="number"
                   color="secondary"
                   value={field.value || ""}
-                  // error={!!fieldState.error}
+                  error={!!fieldState.error}
                   onChange={event => field.onChange(parseFloat(event.target.value))}
                   min={1}
                   step={1}
-                  className="w-[100px]"
+                  inputClassName="w-[100px]"
                 />
 
                 <Controller
                   control={control}
                   name={`services.${serviceIndex}.profile.storageUnit`}
-                  rules={{ required: "Storage unit is required." }}
                   defaultValue=""
                   render={({ field }) => (
                     <Select value={field.value || ""} onValueChange={field.onChange}>
-                      <SelectTrigger className="ml-1">
-                        <SelectValue placeholder="Select unit" className="w-[75px]" />
+                      <SelectTrigger className="ml-1 w-[75px]">
+                        <SelectValue placeholder="Select unit" />
                       </SelectTrigger>
                       <SelectContent>
                         <SelectGroup>
@@ -129,12 +107,11 @@ export const StorageFormControl: React.FunctionComponent<Props> = ({ control, se
               step={1}
               color="secondary"
               aria-label="Storage"
-              // valueLabelDisplay="auto"
               onValueChange={newValue => field.onChange(newValue)}
               className="pt-2"
             />
 
-            {!!fieldState.error && <FormDescription>{fieldState.error.message}</FormDescription>}
+            <FormMessage />
           </FormItem>
         </FormPaper>
       )}
diff --git a/apps/deploy-web/src/components/sdl/ToFormControl.tsx b/apps/deploy-web/src/components/sdl/ToFormControl.tsx
index 96ca4d3f0..a09178048 100644
--- a/apps/deploy-web/src/components/sdl/ToFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/ToFormControl.tsx
@@ -5,15 +5,15 @@ import { Button, CustomTooltip, Select, SelectContent, SelectGroup, SelectItem,
 import { Bin, InfoCircle } from "iconoir-react";
 import { nanoid } from "nanoid";
 
-import { SdlBuilderFormValues, Service } from "@src/types";
+import { SdlBuilderFormValuesType, ServiceType } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { FormPaper } from "./FormPaper";
 
 type Props = {
   serviceIndex: number;
   exposeIndex: number;
-  services: Service[];
-  control: Control<SdlBuilderFormValues, any>;
+  services: ServiceType[];
+  control: Control<SdlBuilderFormValuesType, any>;
   children?: ReactNode;
 };
 
diff --git a/apps/deploy-web/src/components/sdl/TokenFormControl.tsx b/apps/deploy-web/src/components/sdl/TokenFormControl.tsx
index cb6cd024d..ab7e4137e 100644
--- a/apps/deploy-web/src/components/sdl/TokenFormControl.tsx
+++ b/apps/deploy-web/src/components/sdl/TokenFormControl.tsx
@@ -1,13 +1,24 @@
 "use client";
 import { ReactElement } from "react";
-import { Control, Controller, FieldPathValue, FieldValues, Path } from "react-hook-form";
-import { FormItem, Label, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "@akashnetwork/ui/components";
+import { Control, FieldPathValue, FieldValues, Path } from "react-hook-form";
+import {
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@akashnetwork/ui/components";
 
 import { useSdlDenoms } from "@src/hooks/useDenom";
-import { Service } from "@src/types";
+import { ServiceType } from "@src/types";
 
 interface ServicesFieldValues extends FieldValues {
-  services: Service[];
+  services: ServiceType[];
 }
 
 interface Props<TFieldValues extends ServicesFieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> {
@@ -20,20 +31,14 @@ export const TokenFormControl = <F extends ServicesFieldValues>({ control, name,
   const supportedSdlDenoms = useSdlDenoms();
 
   return (
-    <Controller
+    <FormField
       control={control}
       name={name}
       defaultValue={defaultValue}
-      rules={{
-        required: true
-      }}
       render={({ field }) => {
         return (
-          <FormItem
-          // TODO
-          // error={!!fieldState.error}
-          >
-            <Label>Token</Label>
+          <FormItem>
+            <FormLabel>Token</FormLabel>
             <Select value={field.value || ""} onValueChange={field.onChange}>
               <SelectTrigger>
                 <SelectValue placeholder="Select token" />
@@ -50,6 +55,7 @@ export const TokenFormControl = <F extends ServicesFieldValues>({ control, name,
                 </SelectGroup>
               </SelectContent>
             </Select>
+            <FormMessage />
           </FormItem>
         );
       }}
diff --git a/apps/deploy-web/src/components/settings/SettingsForm.tsx b/apps/deploy-web/src/components/settings/SettingsForm.tsx
index 2d8e6c08c..1caec2f8e 100644
--- a/apps/deploy-web/src/components/settings/SettingsForm.tsx
+++ b/apps/deploy-web/src/components/settings/SettingsForm.tsx
@@ -1,7 +1,8 @@
 "use client";
 import { useRef, useState } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { Button, Label, Spinner, SwitchWithLabel } from "@akashnetwork/ui/components";
+import { useForm } from "react-hook-form";
+import { Button, Form, FormField, FormInput, Label, Spinner, SwitchWithLabel } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import Autocomplete from "@mui/material/Autocomplete";
 import ClickAwayListener from "@mui/material/ClickAwayListener";
 import FormControl from "@mui/material/FormControl";
@@ -9,22 +10,34 @@ import FormGroup from "@mui/material/FormGroup";
 import InputAdornment from "@mui/material/InputAdornment";
 import TextField from "@mui/material/TextField";
 import { NavArrowDown, Refresh } from "iconoir-react";
+import { z } from "zod";
 
 import { NodeStatus } from "@src/components/shared/NodeStatus";
 import { BlockchainNode, useSettings } from "@src/context/SettingsProvider/SettingsProviderContext";
-import { isUrl } from "@src/utils/stringUtils";
 import { cn } from "@src/utils/styleUtils";
 
+const formSchema = z.object({
+  apiEndpoint: z
+    .string()
+    .min(1, {
+      message: "Api endpoint is required."
+    })
+    .url({
+      message: "Url is invalid."
+    }),
+  rpcEndpoint: z.string().min(1, "Rpc endpoint is required.").url({
+    message: "Url is invalid."
+  })
+});
+
 export const SettingsForm: React.FunctionComponent = () => {
   const [isEditing, setIsEditing] = useState(false);
   const [isNodesOpen, setIsNodesOpen] = useState(false);
   const { settings, setSettings, refreshNodeStatuses, isRefreshingNodeStatus } = useSettings();
-  const {
-    handleSubmit,
-    control,
-    reset,
-    formState: { errors }
-  } = useForm();
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema)
+  });
+  const { control, handleSubmit, reset } = form;
   const formRef = useRef<HTMLFormElement>(null);
   const { selectedNode, nodes } = settings;
 
@@ -55,11 +68,11 @@ export const SettingsForm: React.FunctionComponent = () => {
    *  Update the custom settings
    * @param {Object} data {apiEndpoint: string, rpcEndpoint: string}
    */
-  const onSubmit = data => {
+  const onSubmit = (data: z.infer<typeof formSchema>) => {
     const customNodeUrl = new URL(data.apiEndpoint);
     setIsEditing(false);
 
-    const newSettings = { ...settings, ...data, customNode: { ...settings.customNode, id: customNodeUrl.hostname } };
+    const newSettings = { ...settings, ...data, customNode: { ...(settings.customNode as BlockchainNode), id: customNodeUrl.hostname } };
     setSettings(newSettings);
     refreshNodeStatuses(newSettings);
   };
@@ -71,103 +84,69 @@ export const SettingsForm: React.FunctionComponent = () => {
       </div>
 
       {settings.isCustomNode && (
-        <form className="pt-4" onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-          <div className="mb-2 flex items-center">
-            <Label className="min-w-[150px] basis-[20%] pr-4">Api Endpoint:</Label>
+        <Form {...form}>
+          <form className="pt-4" onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+            <div className="mb-2 flex items-center">
+              <Label className="min-w-[150px] basis-[20%] pr-4">Api Endpoint:</Label>
 
-            {isEditing ? (
-              <FormControl error={!errors.apiEndpoint} className="w-full">
-                <Controller
+              {isEditing ? (
+                <FormField
                   control={control}
                   name="apiEndpoint"
-                  rules={{
-                    required: true,
-                    validate: v => isUrl(v)
-                  }}
                   defaultValue={settings.apiEndpoint}
-                  render={({ fieldState, field }) => {
-                    const helperText = fieldState.error?.type === "validate" ? "Url is invalid." : "Api endpoint is required.";
-
-                    return (
-                      <TextField
-                        {...field}
-                        type="text"
-                        variant="outlined"
-                        error={!!fieldState.error}
-                        helperText={fieldState.error && helperText}
-                        className="flex-1"
-                        size="small"
-                      />
-                    );
+                  render={({ field }) => {
+                    return <FormInput {...field} type="text" className="flex-1" />;
                   }}
                 />
-              </FormControl>
-            ) : (
-              <p className="flex-grow">{settings.apiEndpoint}</p>
-            )}
-          </div>
+              ) : (
+                <p className="flex-grow">{settings.apiEndpoint}</p>
+              )}
+            </div>
 
-          <div className="mb-2 flex items-center">
-            <Label className="min-w-[150px] basis-[20%] pr-4">Rpc Endpoint:</Label>
+            <div className="mb-2 flex items-center">
+              <Label className="min-w-[150px] basis-[20%] pr-4">Rpc Endpoint:</Label>
 
-            {isEditing ? (
-              <FormControl error={!errors.apiEndpoint} className="w-full">
-                <Controller
+              {isEditing ? (
+                <FormField
                   control={control}
                   name="rpcEndpoint"
-                  rules={{
-                    required: true,
-                    validate: v => isUrl(v)
-                  }}
                   defaultValue={settings.rpcEndpoint}
-                  render={({ fieldState, field }) => {
-                    const helperText = fieldState.error?.type === "validate" ? "Url is invalid." : "Rpc endpoint is required.";
-
-                    return (
-                      <TextField
-                        {...field}
-                        type="text"
-                        variant="outlined"
-                        error={!!fieldState.error}
-                        helperText={fieldState.error && helperText}
-                        className="flex-1"
-                        size="small"
-                      />
-                    );
+                  render={({ field }) => {
+                    return <FormInput {...field} type="text" className="flex-1" />;
                   }}
                 />
-              </FormControl>
-            ) : (
-              <p className="flex-grow">{settings.rpcEndpoint}</p>
-            )}
-          </div>
-
-          <div className="pt-4">
-            {!isEditing && (
-              <Button variant="default" onClick={() => setIsEditing(!isEditing)} size="sm">
-                Edit
-              </Button>
-            )}
-
-            {isEditing && (
-              <>
-                <Button
-                  variant="text"
-                  onClick={() => {
-                    reset({}, { keepDefaultValues: true });
-                    setIsEditing(false);
-                  }}
-                  size="sm"
-                >
-                  Cancel
-                </Button>
-                <Button variant="default" type="submit" className="ml-4" onClick={() => formRef.current?.dispatchEvent(new Event("submit"))} size="sm">
-                  Submit
+              ) : (
+                <p className="flex-grow">{settings.rpcEndpoint}</p>
+              )}
+            </div>
+
+            <div className="pt-4">
+              {!isEditing && (
+                <Button variant="default" onClick={() => setIsEditing(!isEditing)} size="sm">
+                  Edit
                 </Button>
-              </>
-            )}
-          </div>
-        </form>
+              )}
+
+              {isEditing && (
+                <>
+                  <Button
+                    variant="text"
+                    onClick={() => {
+                      reset({}, { keepDefaultValues: true });
+                      setIsEditing(false);
+                    }}
+                    size="sm"
+                  >
+                    Cancel
+                  </Button>
+                  <Button variant="default" type="submit" className="ml-4" onClick={() => formRef.current?.dispatchEvent(new Event("submit"))} size="sm">
+                    Submit
+                  </Button>
+                </>
+              )}
+            </div>
+          </form>
+        </Form>
       )}
 
       {!settings.isCustomNode && (
diff --git a/apps/deploy-web/src/components/user/UserSettingsForm.tsx b/apps/deploy-web/src/components/user/UserSettingsForm.tsx
index d50f907a7..835a2fa98 100644
--- a/apps/deploy-web/src/components/user/UserSettingsForm.tsx
+++ b/apps/deploy-web/src/components/user/UserSettingsForm.tsx
@@ -1,11 +1,12 @@
 import { useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { MdHighlightOff } from "react-icons/md";
-import { Alert, Button, Input, InputWithIcon, Spinner, Switch, Textarea } from "@akashnetwork/ui/components";
+import { Alert, Button, Form, FormField, FormInput, Spinner, Switch, Textarea } from "@akashnetwork/ui/components";
 import axios from "axios";
 import { CheckCircle } from "iconoir-react";
 import { NextSeo } from "next-seo";
 import { event } from "nextjs-google-analytics";
+import { z } from "zod";
 
 import { FormPaper } from "@src/components/sdl/FormPaper";
 import { LabelValue } from "@src/components/shared/LabelValue";
@@ -16,18 +17,23 @@ import type { UserSettings } from "@src/types/user";
 import { AnalyticsEvents } from "@src/utils/analytics";
 import Layout from "../layout/Layout";
 
+const formSchema = z.object({
+  username: z
+    .string()
+    .min(3, "Username must be at least 3 characters long")
+    .max(40, "Username must be at most 40 characters long")
+    .regex(/^[a-zA-Z0-9_-]*$/, "Username can only contain letters, numbers, dashes and underscores"),
+  subscribedToNewsletter: z.boolean().optional(),
+  bio: z.string().optional(),
+  youtubeUsername: z.string().optional(),
+  twitterUsername: z.string().optional(),
+  githubUsername: z.string().optional()
+});
+
 export const UserSettingsForm: RequiredUserConsumer = ({ user }) => {
   const [isCheckingAvailability, setIsCheckingAvailability] = useState<boolean>(false);
   const [isAvailable, setIsAvailable] = useState<boolean | null>(null);
-  const {
-    getValues,
-    register,
-    handleSubmit,
-    setValue,
-    control,
-    watch,
-    formState: { isDirty, errors }
-  } = useForm<UserSettings>({
+  const form = useForm<z.infer<typeof formSchema>>({
     defaultValues: {
       username: "",
       subscribedToNewsletter: false,
@@ -37,6 +43,15 @@ export const UserSettingsForm: RequiredUserConsumer = ({ user }) => {
       githubUsername: ""
     }
   });
+  const {
+    getValues,
+    register,
+    handleSubmit,
+    setValue,
+    control,
+    watch,
+    formState: { isDirty, errors }
+  } = form;
   const { mutate: saveSettings, isLoading: isSaving } = useSaveSettings();
   const { username } = watch();
 
@@ -45,7 +60,7 @@ export const UserSettingsForm: RequiredUserConsumer = ({ user }) => {
 
   useEffect(() => {
     if (user) {
-      setValue("username", user.username);
+      setValue("username", user.username || "");
       setValue("subscribedToNewsletter", user.subscribedToNewsletter);
       setValue("bio", user.bio);
       setValue("youtubeUsername", user.youtubeUsername);
@@ -71,7 +86,7 @@ export const UserSettingsForm: RequiredUserConsumer = ({ user }) => {
   }, [user?.username, username]);
 
   async function onSubmit() {
-    saveSettings(getValues());
+    saveSettings(getValues() as UserSettings);
 
     event(AnalyticsEvents.USER_SETTINGS_SAVE, {
       category: "settings",
@@ -85,88 +100,97 @@ export const UserSettingsForm: RequiredUserConsumer = ({ user }) => {
       {user?.username && user?.bio && (
         <UserProfileLayout page="settings" username={user.username} bio={user.bio}>
           <FormPaper>
-            <form onSubmit={handleSubmit(onSubmit)}>
-              <LabelValue label="Email" value={user.email} />
-              <LabelValue
-                label="Username"
-                value={
-                  <>
+            <Form {...form}>
+              <form onSubmit={handleSubmit(onSubmit)}>
+                <LabelValue label="Email" value={user.email} />
+                <LabelValue
+                  label="Username"
+                  value={
+                    <>
+                      <div className="flex items-center">
+                        <FormField
+                          name="username"
+                          control={control}
+                          render={({ field }) => {
+                            return <FormInput {...field} autoFocus className="mr-2" disabled={isFormDisabled} />;
+                          }}
+                        />
+                        {isCheckingAvailability && <Spinner size="small" />}
+                        <span className="flex flex-shrink-0 items-center whitespace-nowrap text-xs">
+                          {!isCheckingAvailability && isAvailable && (
+                            <>
+                              <CheckCircle className="text-green-600" />
+                              &nbsp;Username is available
+                            </>
+                          )}
+                          {!isCheckingAvailability && isAvailable === false && (
+                            <>
+                              <MdHighlightOff className="text-destructive" />
+                              &nbsp;Username is not available
+                            </>
+                          )}
+                        </span>
+                      </div>
+                      {errors.username && (
+                        <Alert className="mt-2" variant="destructive">
+                          {errors.username.message}
+                        </Alert>
+                      )}
+                    </>
+                  }
+                />
+                <LabelValue
+                  label="Subscribed to newsletter"
+                  value={
                     <div className="flex items-center">
-                      <Input
-                        className="mr-2"
-                        disabled={isFormDisabled}
-                        // error={!!errors.username}
-                        {...register("username", {
-                          required: "Username is required",
-                          minLength: { value: 3, message: "Username must be at least 3 characters long" },
-                          maxLength: { value: 40, message: "Username must be at most 40 characters long" },
-                          pattern: { value: /^[a-zA-Z0-9_-]*$/, message: "Username can only contain letters, numbers, dashes and underscores" }
-                        })}
+                      <Controller
+                        name="subscribedToNewsletter"
+                        control={control}
+                        render={({ field }) => <Switch checked={field.value} onCheckedChange={field.onChange} />}
                       />
-                      {isCheckingAvailability && <Spinner size="small" />}
-                      <span className="flex flex-shrink-0 items-center whitespace-nowrap text-xs">
-                        {!isCheckingAvailability && isAvailable && (
-                          <>
-                            <CheckCircle className="text-green-600" />
-                            &nbsp;Username is available
-                          </>
-                        )}
-                        {!isCheckingAvailability && isAvailable === false && (
-                          <>
-                            <MdHighlightOff className="text-destructive" />
-                            &nbsp;Username is not available
-                          </>
-                        )}
-                      </span>
                     </div>
-                    {errors.username && (
-                      <Alert className="mt-2" variant="destructive">
-                        {errors.username.message}
-                      </Alert>
-                    )}
-                  </>
-                }
-              />
-              <LabelValue
-                label="Subscribed to newsletter"
-                value={
-                  <div className="flex items-center">
-                    <Controller
-                      name="subscribedToNewsletter"
+                  }
+                />
+                <LabelValue label="Bio" value={<Textarea disabled={isFormDisabled} rows={4} className="w-full" {...register("bio")} />} />
+
+                <LabelValue
+                  label="Youtube"
+                  value={
+                    <FormField
+                      name="youtubeUsername"
                       control={control}
-                      render={({ field }) => <Switch checked={field.value} onCheckedChange={field.onChange} />}
+                      render={({ field }) => (
+                        <FormInput {...field} disabled={isFormDisabled} className="w-full" startIcon={<div>https://www.youtube.com/c/</div>} />
+                      )}
                     />
-                  </div>
-                }
-              />
-              <LabelValue label="Bio" value={<Textarea disabled={isFormDisabled} rows={4} className="w-full" {...register("bio")} />} />
-
-              <LabelValue
-                label="Youtube"
-                value={
-                  <InputWithIcon
-                    disabled={isFormDisabled}
-                    className="w-full"
-                    {...register("youtubeUsername")}
-                    startIcon={<div>https://www.youtube.com/c/</div>}
-                  />
-                }
-              />
-              <LabelValue
-                label="X"
-                value={<InputWithIcon disabled={isFormDisabled} className="w-full" {...register("twitterUsername")} startIcon={<div>https://x.com/</div>} />}
-              />
-              <LabelValue
-                label="Github"
-                value={
-                  <InputWithIcon disabled={isFormDisabled} className="w-full" {...register("githubUsername")} startIcon={<div>https://github.com/</div>} />
-                }
-              />
+                  }
+                />
+                <LabelValue
+                  label="X"
+                  value={
+                    <FormField
+                      name="twitterUsername"
+                      control={control}
+                      render={({ field }) => <FormInput {...field} disabled={isFormDisabled} className="w-full" startIcon={<div>https://x.com/</div>} />}
+                    />
+                  }
+                />
+                <LabelValue
+                  label="Github"
+                  value={
+                    <FormField
+                      name="githubUsername"
+                      control={control}
+                      render={({ field }) => <FormInput {...field} disabled={isFormDisabled} className="w-full" startIcon={<div>https://github.com/</div>} />}
+                    />
+                  }
+                />
 
-              <Button type="submit" disabled={!canSave || isSaving}>
-                {isSaving ? <Spinner size="small" /> : "Save"}
-              </Button>
-            </form>
+                <Button type="submit" disabled={!canSave || isSaving}>
+                  {isSaving ? <Spinner size="small" /> : "Save"}
+                </Button>
+              </form>
+            </Form>
           </FormPaper>
         </UserProfileLayout>
       )}
diff --git a/apps/deploy-web/src/context/AddressBookProvider/EditAddressBookmarkModal.tsx b/apps/deploy-web/src/context/AddressBookProvider/EditAddressBookmarkModal.tsx
index 3853caedb..48beba4ec 100644
--- a/apps/deploy-web/src/context/AddressBookProvider/EditAddressBookmarkModal.tsx
+++ b/apps/deploy-web/src/context/AddressBookProvider/EditAddressBookmarkModal.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { ReactNode, useEffect, useState } from "react";
-import { InputWithIcon, Popup, Snackbar } from "@akashnetwork/ui/components";
+import { Input, Popup, Snackbar } from "@akashnetwork/ui/components";
 import { Bin, Check } from "iconoir-react";
 import { event } from "nextjs-google-analytics";
 import { useSnackbar } from "notistack";
@@ -107,9 +107,9 @@ export const EditAddressBookmarkModal: React.FunctionComponent<Props> = ({ open,
     >
       <FormPaper contentClassName="flex items-center p-4 flex-col space-y-2">
         <div className="w-full">
-          <InputWithIcon
-            label="Address"
+          <Input
             placeholder="Address"
+            label="Address"
             value={_address}
             onChange={ev => setAddress(ev.target.value)}
             // Disabled if saving, deleting or if there is an address
@@ -119,9 +119,9 @@ export const EditAddressBookmarkModal: React.FunctionComponent<Props> = ({ open,
         </div>
 
         <div className="w-full">
-          <InputWithIcon
-            label="Custom name"
+          <Input
             placeholder="Your custom name"
+            label="Custom name"
             value={customName}
             onChange={ev => setCustomName(ev.target.value)}
             disabled={isSaving || isDeleting}
diff --git a/apps/deploy-web/src/context/LocalNoteProvider/DeploymentNameModal.tsx b/apps/deploy-web/src/context/LocalNoteProvider/DeploymentNameModal.tsx
index 1e285a539..a9d048f43 100644
--- a/apps/deploy-web/src/context/LocalNoteProvider/DeploymentNameModal.tsx
+++ b/apps/deploy-web/src/context/LocalNoteProvider/DeploymentNameModal.tsx
@@ -1,19 +1,27 @@
 "use client";
 import { useEffect, useRef } from "react";
-import { Controller, useForm } from "react-hook-form";
-import { InputWithIcon, Popup, Snackbar } from "@akashnetwork/ui/components";
+import { useForm } from "react-hook-form";
+import { Form, FormField, FormInput, Popup, Snackbar } from "@akashnetwork/ui/components";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useSnackbar } from "notistack";
+import { z } from "zod";
 
 import { updateDeploymentLocalData } from "@src/utils/deploymentLocalDataUtils";
 
+const formSchema = z.object({
+  name: z.string()
+});
+
 export const DeploymentNameModal = ({ dseq, onClose, onSaved, getDeploymentName }) => {
   const formRef = useRef<HTMLFormElement | null>(null);
   const { enqueueSnackbar } = useSnackbar();
-  const { handleSubmit, control, setValue } = useForm({
+  const form = useForm<z.infer<typeof formSchema>>({
     defaultValues: {
       name: ""
-    }
+    },
+    resolver: zodResolver(formSchema)
   });
+  const { handleSubmit, control, setValue } = form;
 
   useEffect(() => {
     if (dseq) {
@@ -61,15 +69,17 @@ export const DeploymentNameModal = ({ dseq, onClose, onSaved, getDeploymentName
       onClose={onClose}
       maxWidth="xs"
     >
-      <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
-        <Controller
-          control={control}
-          name="name"
-          render={({ field }) => {
-            return <InputWithIcon {...field} label="Name" autoFocus type="text" />;
-          }}
-        />
-      </form>
+      <Form {...form}>
+        <form onSubmit={handleSubmit(onSubmit)} ref={formRef}>
+          <FormField
+            control={control}
+            name="name"
+            render={({ field }) => {
+              return <FormInput {...field} label="Name" autoFocus type="text" />;
+            }}
+          />
+        </form>
+      </Form>
     </Popup>
   );
 };
diff --git a/apps/deploy-web/src/context/SdlBuilderProvider/index.ts b/apps/deploy-web/src/context/SdlBuilderProvider/index.ts
new file mode 100644
index 000000000..1d2a1fcaf
--- /dev/null
+++ b/apps/deploy-web/src/context/SdlBuilderProvider/index.ts
@@ -0,0 +1 @@
+export * from "./SdlBuilderProvider";
diff --git a/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx b/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
index 3bbbb6217..f718e46ea 100644
--- a/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
+++ b/apps/deploy-web/src/context/SettingsProvider/SettingsProviderContext.tsx
@@ -26,8 +26,8 @@ export type Settings = {
   rpcEndpoint: string;
   isCustomNode: boolean;
   nodes: Array<BlockchainNode>;
-  selectedNode: BlockchainNode | null;
-  customNode: BlockchainNode | null;
+  selectedNode: BlockchainNode | null | undefined;
+  customNode: BlockchainNode | null | undefined;
 };
 
 type ContextType = {
@@ -229,7 +229,7 @@ export const SettingsProvider: FC<{ children: ReactNode }> = ({ children }) => {
    * @returns
    */
   const refreshNodeStatuses = useCallback(
-    async (settingsOverride?) => {
+    async (settingsOverride?: Settings) => {
       if (isRefreshingNodeStatus) return;
 
       setIsRefreshingNodeStatus(true);
@@ -247,7 +247,9 @@ export const SettingsProvider: FC<{ children: ReactNode }> = ({ children }) => {
           status: nodeStatus.status,
           latency: nodeStatus.latency,
           nodeInfo: nodeStatus.nodeInfo,
-          id: customNodeUrl.hostname
+          id: customNodeUrl.hostname,
+          api: _apiEndpoint,
+          rpc: _rpcEndpoint
         };
       } else {
         _nodes = await Promise.all(
diff --git a/apps/deploy-web/src/pages/rent-gpu/index.tsx b/apps/deploy-web/src/pages/rent-gpu/index.tsx
index 41ae82d25..ce1081395 100644
--- a/apps/deploy-web/src/pages/rent-gpu/index.tsx
+++ b/apps/deploy-web/src/pages/rent-gpu/index.tsx
@@ -4,6 +4,7 @@ import Layout from "@src/components/layout/Layout";
 import { RentGpusForm } from "@src/components/sdl/RentGpusForm";
 import { CustomNextSeo } from "@src/components/shared/CustomNextSeo";
 import { Title } from "@src/components/shared/Title";
+import { withSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
 import { domainName, UrlService } from "@src/utils/urlUtils";
 
 function RentGpuPage() {
@@ -27,4 +28,4 @@ function RentGpuPage() {
   );
 }
 
-export default RentGpuPage;
+export default withSdlBuilder()(RentGpuPage);
diff --git a/apps/deploy-web/src/pages/sdl-builder/index.tsx b/apps/deploy-web/src/pages/sdl-builder/index.tsx
index ab729f7c1..57c83c899 100644
--- a/apps/deploy-web/src/pages/sdl-builder/index.tsx
+++ b/apps/deploy-web/src/pages/sdl-builder/index.tsx
@@ -4,7 +4,7 @@ import Layout from "@src/components/layout/Layout";
 import { SimpleSDLBuilderForm } from "@src/components/sdl/SimpleSdlBuilderForm";
 import { CustomNextSeo } from "@src/components/shared/CustomNextSeo";
 import { Title } from "@src/components/shared/Title";
-import { withSdlBuilder } from "@src/context/SdlBuilderProvider/SdlBuilderProvider";
+import { withSdlBuilder } from "@src/context/SdlBuilderProvider";
 import { domainName, UrlService } from "@src/utils/urlUtils";
 
 function SDLBuilderPage() {
diff --git a/apps/deploy-web/src/store/sdlStore.ts b/apps/deploy-web/src/store/sdlStore.ts
index 9895ac4ff..4342bb149 100644
--- a/apps/deploy-web/src/store/sdlStore.ts
+++ b/apps/deploy-web/src/store/sdlStore.ts
@@ -1,10 +1,10 @@
 import { atom } from "jotai";
 
-import { RentGpusFormValues, SdlBuilderFormValues, TemplateCreation } from "@src/types";
+import { RentGpusFormValuesType, SdlBuilderFormValuesType, TemplateCreation } from "@src/types";
 
 const deploySdl = atom<TemplateCreation | null>(null);
-const sdlBuilderSdl = atom<SdlBuilderFormValues | null>(null);
-const rentGpuSdl = atom<RentGpusFormValues | null>(null);
+const sdlBuilderSdl = atom<SdlBuilderFormValuesType | null>(null);
+const rentGpuSdl = atom<RentGpusFormValuesType | null>(null);
 const selectedSdlEditMode = atom<"yaml" | "builder">("yaml");
 
 export default {
diff --git a/apps/deploy-web/src/types/providerAttributes.ts b/apps/deploy-web/src/types/providerAttributes.ts
index 563a5bf16..799b30022 100644
--- a/apps/deploy-web/src/types/providerAttributes.ts
+++ b/apps/deploy-web/src/types/providerAttributes.ts
@@ -1,36 +1,50 @@
-export type ProviderAttributesFormValues = {
-  "host-uri": string;
-  host: string;
-  email: string;
-  organization: string;
-  website: string;
-  tier: string;
-  "status-page": string;
-  "location-region": string;
-  country: string;
-  city: string;
-  timezone: string;
-  "location-type": string;
-  "hosting-provider": string;
-  "hardware-cpu": string;
-  "hardware-cpu-arch": string;
-  "hardware-gpu": string;
-  "hardware-gpu-model": ProviderAttributeSchemaDetailValue[];
-  "hardware-disk": ProviderAttributeSchemaDetailValue[];
-  "hardware-memory": string;
-  "network-provider": string;
-  "network-speed-up": number;
-  "network-speed-down": number;
-  "feat-persistent-storage": boolean;
-  "feat-persistent-storage-type": ProviderAttributeSchemaDetailValue[];
-  "workload-support-chia": boolean;
-  "workload-support-chia-capabilities": ProviderAttributeSchemaDetailValue[];
-  "feat-endpoint-ip": boolean;
-  "feat-endpoint-custom-domain": boolean;
+import { z } from "zod";
 
-  // Unknown attributes
-  "unknown-attributes": { id: string; key: string; value: string }[];
-};
+export const providerAttributeSchemaDetailValueSchema = z.object({
+  key: z.string(),
+  description: z.string(),
+  value: z.any().optional()
+});
+
+export const providerAttributesFormValuesSchema = z.object({
+  "host-uri": z.string().min(1, { message: "Host URI is required." }),
+  host: z.string().min(1, { message: "Host is required." }),
+  email: z.string().min(1, { message: "Email is required." }),
+  organization: z.string().min(1, { message: "Organization is required." }),
+  website: z.string().optional(),
+  tier: z.string().optional(),
+  "status-page": z.string().optional(),
+  "location-region": z.string().min(1, { message: "Location region is required." }),
+  country: z.string().min(2, { message: "Country must be 2 letter code." }).max(2, { message: "Country must be 2 letter code." }),
+  city: z.string().max(3, { message: "City must be 3 letter code." }).min(3, { message: "City must be 3 letter code." }),
+  timezone: z.string().optional(),
+  "location-type": z.string().optional(),
+  "hosting-provider": z.string().optional(),
+  "hardware-cpu": z.string().min(1, { message: "Hardware CPU is required." }),
+  "hardware-cpu-arch": z.string().optional(),
+  "hardware-gpu": z.string().optional(),
+  "hardware-gpu-model": z.array(providerAttributeSchemaDetailValueSchema),
+  "hardware-disk": z.array(providerAttributeSchemaDetailValueSchema).min(1, { message: "Hardware disk is required." }),
+  "hardware-memory": z.string().min(1, { message: "Hardware memory is required." }),
+  "network-provider": z.string().optional(),
+  "network-speed-up": z.number().optional(),
+  "network-speed-down": z.number().optional(),
+  "feat-persistent-storage": z.boolean().optional(),
+  "feat-persistent-storage-type": z.array(providerAttributeSchemaDetailValueSchema).optional(),
+  "workload-support-chia": z.boolean().optional(),
+  "workload-support-chia-capabilities": z.array(providerAttributeSchemaDetailValueSchema).optional(),
+  "feat-endpoint-ip": z.boolean().optional(),
+  "feat-endpoint-custom-domain": z.boolean().optional(),
+  "unknown-attributes": z
+    .array(
+      z.object({
+        id: z.string(),
+        key: z.string().min(1, { message: "Key is required." }),
+        value: z.string().min(1, { message: "Value is required." })
+      })
+    )
+    .optional()
+});
 
 export type ProviderAttributesSchema = {
   host: ProviderAttributeSchemaDetail;
@@ -75,6 +89,7 @@ export interface ProviderAttributeSchemaDetailValue {
   description: string;
   value?: any;
 }
+
 export interface ProviderRegionValue extends ProviderAttributeSchemaDetailValue {
   providers: string[];
 }
diff --git a/apps/deploy-web/src/types/sdlBuilder.ts b/apps/deploy-web/src/types/sdlBuilder.ts
index 6ca654ab4..96b9dcb24 100644
--- a/apps/deploy-web/src/types/sdlBuilder.ts
+++ b/apps/deploy-web/src/types/sdlBuilder.ts
@@ -1,156 +1,405 @@
-import { ProviderRegionValue } from "./providerAttributes";
-
-export type Service = {
-  id: string;
-  title: string;
-  image: string;
-  profile: Profile;
-  expose: Expose[];
-  command?: Command;
-  env?: EnvironmentVariable[];
-  placement: Placement;
-  count: number;
-  sshPubKey?: string;
-};
+import { z } from "zod";
 
-export type ImportService = {
-  id: string;
-  title?: string;
-  image?: string;
-  profile?: Profile;
-  expose?: Expose[];
-  command?: Command;
-  env?: EnvironmentVariable[];
-  placement?: Placement;
-  count?: number;
-};
+import { memoryUnits, validationConfig } from "@src/utils/akash/units";
+import { endpointNameValidationRegex } from "@src/utils/deploymentData/v1beta3";
 
-export type Profile = {
-  cpu: number;
-  hasGpu?: boolean;
-  gpu?: number;
-  gpuModels?: ProfileGpuModel[];
-  ram: number;
-  ramUnit: string;
-  storage: number;
-  storageUnit: string;
-  hasPersistentStorage?: boolean;
-  persistentStorage?: number;
-  persistentStorageUnit?: string;
-  persistentStorageParam?: ServicePersistentStorage;
-};
+const VALID_IMAGE_NAME = /^[a-z0-9\-_/:.]+$/;
 
-export type ProfileGpuModel = {
-  vendor: string;
-  name?: string;
-  memory?: string;
-  interface?: string;
-};
+export const ProfileGpuModelSchema = z.object({
+  vendor: z.string().min(1, { message: "Vendor is required." }),
+  name: z.string().optional(),
+  memory: z.string().optional(),
+  interface: z.string().optional()
+});
 
-export type ServicePersistentStorage = {
-  name: string;
-  type: string;
-  mount: string;
-  readOnly?: boolean;
-};
+export const ServicePersistentStorageSchema = z.object({
+  name: z
+    .string()
+    .regex(/^[a-z0-9-]+$/, { message: "Invalid storage name. It must only be lower case letters, numbers and dashes." })
+    .regex(/^[a-z]/, { message: "Invalid starting character. It can only start with a lowercase letter." })
+    .regex(/[^-]$/, { message: "Invalid ending character. It can only end with a lowercase letter or number" })
+    .optional()
+    .or(z.literal("")),
+  type: z.string().optional(),
+  mount: z
+    .string()
+    .regex(/^\/.*$/, { message: "Mount must be an absolute path." })
+    .optional()
+    .or(z.literal("")),
+  readOnly: z.boolean().optional()
+});
 
-export type Command = {
-  command: string;
-  arg: string;
-};
+export const CommandSchema = z.object({
+  command: z.string().optional(),
+  arg: z.string().optional()
+});
 
-export type EnvironmentVariable = {
-  id: string;
-  key: string;
-  value: string;
-  isSecret: boolean;
-};
+export const EnvironmentVariableSchema = z.object({
+  id: z.string().optional(),
+  key: z.string().min(1, { message: "Key is required." }),
+  value: z.string().optional(),
+  isSecret: z.boolean().optional()
+});
 
-export type Expose = {
-  id: string;
-  port: number;
-  as: number;
-  proto?: "http" | "https" | "tcp";
-  to?: To[];
-  global?: boolean;
-  accept?: Accept[];
-  hasCustomHttpOptions?: boolean;
-  httpOptions?: ServiceExposeHTTPOptions;
-  ipName?: string;
-};
+export const ToSchema = z.object({
+  id: z.string().optional(),
+  value: z.string().min(1, { message: "Value is required." })
+});
 
-export type To = {
-  id: string;
-  value: string;
-};
+export const AcceptSchema = z.object({
+  id: z.string().optional(),
+  value: z.string().min(1, { message: "Value is required." })
+});
 
-export type Accept = {
-  id: string;
-  value: string;
-};
+export const ServiceExposeHTTPOptionsSchema = z.object({
+  maxBodySize: z.number().min(1, { message: "Max body size is required." }),
+  readTimeout: z.number().min(1, { message: "Read timeout is required." }),
+  sendTimeout: z.number().min(1, { message: "Send timeout is required." }),
+  nextTries: z.number().min(1, { message: "Next tries is required." }),
+  nextTimeout: z.number().min(1, { message: "Next timeout is required." }),
+  nextCases: z.array(z.string()).min(1, { message: "Next cases is required." })
+});
 
-export type ServiceExposeHTTPOptions = {
-  maxBodySize: number;
-  readTimeout: number;
-  sendTimeout: number;
-  nextTries: number;
-  nextTimeout: number;
-  nextCases: string[];
-};
+export const PlacementAttributeSchema = z.object({
+  id: z.string().optional(),
+  key: z.string().min(1, { message: "Key is required." }),
+  value: z.string().min(1, { message: "Value is required." })
+});
 
-export type SdlBuilderFormValues = {
-  services: Service[];
-};
+export const SignedBySchema = z.object({
+  id: z.string().optional(),
+  value: z.string().min(1, { message: "Value is required." })
+});
 
-export type SdlBuilderCommandFormValues = {
-  commands: Command[];
-};
+export const ProfileSchema = z
+  .object({
+    cpu: z.number({ invalid_type_error: "CPU count is required." }).min(0.1, { message: "CPU count is required." }),
+    hasGpu: z.boolean().optional(),
+    gpu: z.number({ invalid_type_error: "GPU amount is required." }).optional(),
+    gpuModels: z.array(ProfileGpuModelSchema).optional(),
+    ram: z.number().min(1, { message: "RAM is required." }),
+    ramUnit: z.string().min(1, { message: "RAM unit is required." }),
+    storage: z.number().min(1, { message: "Storage is required." }),
+    storageUnit: z.string().min(1, { message: "Storage unit is required." }),
+    hasPersistentStorage: z.boolean().optional(),
+    persistentStorage: z.number({ invalid_type_error: "Persistent storage amount is required." }).optional(),
+    persistentStorageUnit: z.string().optional(),
+    persistentStorageParam: ServicePersistentStorageSchema.optional()
+  })
+  .superRefine((data, ctx) => {
+    if (data.hasGpu && !data.gpu) {
+      ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Gpu amount is required.", path: ["gpu"], fatal: true });
+      return z.NEVER;
+    }
 
-export type Placement = {
-  name: string;
-  attributes?: PlacementAttribute[];
-  signedBy?: {
-    allOf: SignedBy[];
-    anyOf: SignedBy[];
-  };
-  pricing: {
-    // profile: string;
-    amount: number;
-    denom: string;
-  };
-};
+    if (data.hasPersistentStorage) {
+      if (!data.persistentStorage || data.persistentStorage < 1) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Persistent storage amount is required", path: ["persistentStorage"], fatal: true });
+        return z.NEVER;
+      }
 
-export type PlacementAttribute = {
-  id: string;
-  key: string;
-  value: string;
-};
+      if (!data.persistentStorageUnit) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Persistent storage unit is required", path: ["persistentStorageUnit"], fatal: true });
+        return z.NEVER;
+      }
+
+      if (!data.persistentStorageParam?.name) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Persistent storage name is required", path: ["persistentStorageParam", "name"], fatal: true });
+        return z.NEVER;
+      }
 
-export type SignedBy = {
-  id: string;
-  value: string;
+      if (!data.persistentStorageParam?.type) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Persistent storage type is required", path: ["persistentStorageParam", "type"], fatal: true });
+        return z.NEVER;
+      }
+
+      if (!data.persistentStorageParam?.mount) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: "Persistent storage mount is required", path: ["persistentStorageParam", "mount"], fatal: true });
+        return z.NEVER;
+      }
+    }
+  });
+
+const Port = z
+  .number()
+  .multipleOf(1, { message: "Port numbers don't allow decimals." })
+  .min(1, { message: "Port number must be at least 1." })
+  .max(65535, { message: "Port number must be at most 65535." });
+
+export const ExposeSchema = z.object({
+  id: z.string().optional(),
+  port: Port,
+  as: Port,
+  to: z.array(ToSchema).optional(),
+  proto: z.enum(["http", "tcp"]).optional(),
+  global: z.boolean().optional(),
+  accept: z.array(AcceptSchema).optional(),
+  hasCustomHttpOptions: z.boolean().optional(),
+  httpOptions: ServiceExposeHTTPOptionsSchema.optional(),
+  ipName: z
+    .string()
+    .regex(endpointNameValidationRegex, {
+      message: "Invalid ip name. It must only be lower case letters, numbers and dashes."
+    })
+    .regex(/^[a-z]/, { message: "Invalid starting character. It can only start with a lowercase letter." })
+    .regex(/[^-]$/, { message: "Invalid ending character. It can only end with a lowercase letter or number" })
+    .optional()
+    .or(z.literal(""))
+});
+
+export const PlacementSchema = z.object({
+  name: z
+    .string()
+    .min(1, { message: "Placement name is required." })
+    .regex(/^[a-z0-9-]+$/, { message: "Invalid placement name. It must only be lower case letters, numbers and dashes." })
+    .regex(/^[a-z]/, { message: "Invalid starting character. It can only start with a lowercase letter." })
+    .regex(/[^-]$/, { message: "Invalid ending character. It can only end with a lowercase letter or number" }),
+  attributes: z.array(PlacementAttributeSchema).optional(),
+  signedBy: z
+    .object({
+      allOf: z.array(SignedBySchema),
+      anyOf: z.array(SignedBySchema)
+    })
+    .optional(),
+  pricing: z.object({
+    amount: z.number().min(1, { message: "Pricing amount is required." }),
+    denom: z.string().min(1, { message: "Pricing denom is required." })
+  })
+});
+
+const validateCpuAmount = (value: number, serviceCount: number, context: z.RefinementCtx) => {
+  if (serviceCount === 1 && value < 0.1) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Minimum amount of CPU for a single service instance is 0.1.",
+      path: ["profile", "cpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount === 1 && value > validationConfig.maxCpuAmount) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum amount of CPU for a single service instance is ${validationConfig.maxCpuAmount}.`,
+      path: ["profile", "cpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount > 1 && serviceCount * value > validationConfig.maxGroupCpuCount) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum total amount of CPU for a single service instance group is ${validationConfig.maxGroupCpuCount}.`,
+      path: ["profile", "cpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  }
+
+  return true;
 };
 
-export type ITemplate = {
-  id: string;
-  userId: string;
-  username: string;
-  title: string;
-  description: string;
-  isPublic: boolean;
-  cpu: number;
-  ram: number;
-  storage: number;
-  sdl: string;
-  isFavorite: boolean;
+const validateGpuAmount = (value: number, serviceCount: number, context: z.RefinementCtx) => {
+  if (value < 1) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "GPU amount must be greater than 0.",
+      path: ["profile", "gpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount === 1 && value > validationConfig.maxGpuAmount) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum amount of GPU for a single service instance is ${validationConfig.maxGpuAmount}.`,
+      path: ["profile", "gpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount > 1 && serviceCount * value > validationConfig.maxGroupGpuCount) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum total amount of GPU for a single service instance group is ${validationConfig.maxGroupGpuCount}.`,
+      path: ["profile", "gpu"],
+      fatal: true
+    });
+    return z.NEVER;
+  }
 };
 
-export type SdlSaveTemplateFormValues = {
-  title: string;
-  visibility: string;
+const validateMemoryAmount = (value: number, ramUnit: string, serviceCount: number, context: z.RefinementCtx) => {
+  const currentUnit = memoryUnits.find(u => ramUnit === u.suffix);
+  const _value = (value || 0) * (currentUnit?.value || 0);
+  if (serviceCount === 1 && _value < validationConfig.minMemory) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Minimum amount of memory for a single service instance is 1 Mi.",
+      path: ["profile", "ram"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount === 1 && _value > validationConfig.maxMemory) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum amount of memory for a single service instance is 512 Gi.`,
+      path: ["profile", "ram"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount > 1 && serviceCount * _value > validationConfig.maxGroupMemory) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum total amount of memory for a single service instance group is 1024 Gi.`,
+      path: ["profile", "ram"],
+      fatal: true
+    });
+    return z.NEVER;
+  }
 };
 
-export type RentGpusFormValues = {
-  services: Service[];
-  region?: Partial<ProviderRegionValue>;
+const validateStorageAmount = (value: number, storageUnit: string, serviceCount: number, context: z.RefinementCtx) => {
+  const currentUnit = memoryUnits.find(u => storageUnit === u.suffix);
+  const _value = (value || 0) * (currentUnit?.value || 0);
+
+  if (serviceCount === 1 && _value < validationConfig.minStorage) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Minimum amount of storage for a single service instance is 5 Mi.",
+      path: ["profile", "storage"],
+      fatal: true
+    });
+    return z.NEVER;
+  } else if (serviceCount === 1 && _value > validationConfig.maxStorage) {
+    context.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: `Maximum amount of storage for a single service instance is 32 Ti.`,
+      path: ["profile", "storage"],
+      fatal: true
+    });
+    return z.NEVER;
+  }
 };
+
+export const ServiceSchema = z
+  .object({
+    id: z.string().optional(),
+    title: z
+      .string()
+      .min(1, { message: "Service name is required." })
+      .regex(/^[a-z0-9-]+$/, { message: "Invalid service name. It must only be lower case letters, numbers and dashes." })
+      .regex(/^[a-z]/, { message: "Invalid starting character. It can only start with a lowercase letter." })
+      .regex(/[^-]$/, { message: "Invalid ending character. It can only end with a lowercase letter or number" }),
+    image: z.string().min(1, { message: "Docker image name is required." }),
+    profile: ProfileSchema,
+    expose: z.array(ExposeSchema),
+    command: CommandSchema.optional(),
+    env: z.array(EnvironmentVariableSchema).optional(),
+    placement: PlacementSchema,
+    count: z.number().min(1, { message: "Service count is required." }),
+    sshPubKey: z.string().optional()
+  })
+  .superRefine((data, ctx) => {
+    validateCpuAmount(data.profile.cpu, data.count, ctx);
+    validateMemoryAmount(data.profile.ram, data.profile.ramUnit, data.count, ctx);
+    validateStorageAmount(data.profile.storage, data.profile.storageUnit, data.count, ctx);
+    if (data.profile.hasGpu) {
+      validateGpuAmount(data.profile.gpu as number, data.count, ctx);
+    }
+  });
+
+const ImageList = z.object({
+  imageList: z.array(z.string()).optional()
+});
+
+const SSHKey = z.object({
+  hasSSHKey: z.boolean().optional()
+});
+
+export const SdlBuilderFormValuesSchema = z
+  .object({ services: z.array(ServiceSchema) })
+  .merge(ImageList)
+  .merge(SSHKey)
+  .superRefine((data, ctx) => {
+    // Docker image name validation
+    // Image list is set when we deploy a linux instance
+    if (data.imageList && data.imageList.length > 0) {
+      for (let i = 0; i < data.services.length; i++) {
+        if (!data.imageList.includes(data.services[i].image)) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: "Docker image is not in the valid image list.",
+            path: ["services", i, "image"],
+            fatal: true
+          });
+          return z.NEVER;
+        }
+      }
+    } else {
+      for (let i = 0; i < data.services.length; i++) {
+        if (!VALID_IMAGE_NAME.test(data.services[i].image)) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: "Invalid docker image name.",
+            path: ["services", i, "image"],
+            fatal: true
+          });
+          return z.NEVER;
+        }
+      }
+    }
+
+    // SSH key validation
+    if (data.hasSSHKey) {
+      for (let i = 0; i < data.services.length; i++) {
+        if (!data.services[i].sshPubKey) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: "SSH Public key is required.",
+            path: ["services", i, "sshPubKey"],
+            fatal: true
+          });
+          return z.NEVER;
+        }
+      }
+    }
+  });
+
+export const ProviderRegionValueSchema = z.object({
+  key: z.string().optional(),
+  description: z.string().optional(),
+  providers: z.array(z.string()).optional(),
+  value: z.any().optional()
+});
+
+export const RentGpusFormValuesSchema = z.object({
+  services: z.array(ServiceSchema),
+  region: ProviderRegionValueSchema.optional()
+});
+
+export const ImportServiceSchema = z.object({
+  id: z.string().optional(),
+  title: z.string().optional(),
+  image: z.string().optional(),
+  profile: ProfileSchema.optional(),
+  expose: z.array(ExposeSchema).optional(),
+  command: CommandSchema.optional(),
+  env: z.array(EnvironmentVariableSchema).optional(),
+  placement: PlacementSchema.optional(),
+  count: z.number().optional()
+});
+
+export type ServiceType = z.infer<typeof ServiceSchema>;
+export type SdlBuilderFormValuesType = z.infer<typeof SdlBuilderFormValuesSchema>;
+export type ProfileGpuModelType = z.infer<typeof ProfileGpuModelSchema>;
+export type ServicePersistentStorageType = z.infer<typeof ServicePersistentStorageSchema>;
+export type CommandType = z.infer<typeof CommandSchema>;
+export type EnvironmentVariableType = z.infer<typeof EnvironmentVariableSchema>;
+export type ToType = z.infer<typeof ToSchema>;
+export type AcceptType = z.infer<typeof AcceptSchema>;
+export type ServiceExposeHTTPOptionsType = z.infer<typeof ServiceExposeHTTPOptionsSchema>;
+export type PlacementAttributeType = z.infer<typeof PlacementAttributeSchema>;
+export type SignedByType = z.infer<typeof SignedBySchema>;
+export type ProfileType = z.infer<typeof ProfileSchema>;
+export type ExposeType = z.infer<typeof ExposeSchema>;
+export type PlacementType = z.infer<typeof PlacementSchema>;
+export type ProviderRegionValueType = z.infer<typeof ProviderRegionValueSchema>;
+export type RentGpusFormValuesType = z.infer<typeof RentGpusFormValuesSchema>;
+export type ImportServiceType = z.infer<typeof ImportServiceSchema>;
\ No newline at end of file
diff --git a/apps/deploy-web/src/types/templates.ts b/apps/deploy-web/src/types/templates.ts
index 2a2b153fd..cb2fc2952 100644
--- a/apps/deploy-web/src/types/templates.ts
+++ b/apps/deploy-web/src/types/templates.ts
@@ -39,3 +39,17 @@ export type ApiTemplateCategory = {
   templateSources: TemplateSource[];
   templates: ApiTemplate[];
 };
+
+export type ITemplate = {
+  id: string;
+  userId: string;
+  username: string;
+  title: string;
+  description: string;
+  isPublic: boolean;
+  cpu: number;
+  ram: number;
+  storage: number;
+  sdl: string;
+  isFavorite: boolean;
+};
diff --git a/apps/deploy-web/src/utils/providerAttributes/data.ts b/apps/deploy-web/src/utils/providerAttributes/data.ts
index a483a71cc..9b0897132 100644
--- a/apps/deploy-web/src/utils/providerAttributes/data.ts
+++ b/apps/deploy-web/src/utils/providerAttributes/data.ts
@@ -1,6 +1,8 @@
-import { ProviderAttributesFormValues } from "@src/types/providerAttributes";
+import { z } from "zod";
 
-export const defaultProviderAttributes: ProviderAttributesFormValues = {
+import { providerAttributesFormValuesSchema } from "@src/types/providerAttributes";
+
+export const defaultProviderAttributes: z.infer<typeof providerAttributesFormValuesSchema> = {
   "host-uri": "",
   email: "",
   host: "",
diff --git a/apps/deploy-web/src/utils/providerAttributes/helpers.ts b/apps/deploy-web/src/utils/providerAttributes/helpers.ts
index be6ba4292..65aac42c3 100644
--- a/apps/deploy-web/src/utils/providerAttributes/helpers.ts
+++ b/apps/deploy-web/src/utils/providerAttributes/helpers.ts
@@ -1,9 +1,10 @@
 import { nanoid } from "nanoid";
+import { z } from "zod";
 
 import {
   ProviderAttributeSchemaDetail,
   ProviderAttributeSchemaDetailValue,
-  ProviderAttributesFormValues,
+  providerAttributesFormValuesSchema,
   ProviderAttributesSchema
 } from "@src/types/providerAttributes";
 
@@ -13,7 +14,7 @@ import {
  * @param providerAttributesSchema
  * @returns
  */
-export const mapFormValuesToAttributes = (data: ProviderAttributesFormValues, providerAttributesSchema: ProviderAttributesSchema) => {
+export const mapFormValuesToAttributes = (data: z.infer<typeof providerAttributesFormValuesSchema>, providerAttributesSchema: ProviderAttributesSchema) => {
   const attributes: { key: string; value: string }[] = [];
 
   Object.keys(data).forEach(key => {
diff --git a/apps/deploy-web/src/utils/sdl/data.ts b/apps/deploy-web/src/utils/sdl/data.ts
index 01db110f7..8a4fa1867 100644
--- a/apps/deploy-web/src/utils/sdl/data.ts
+++ b/apps/deploy-web/src/utils/sdl/data.ts
@@ -1,6 +1,6 @@
 import { nanoid } from "nanoid";
 
-import { Service } from "@src/types";
+import { ProviderRegionValueType, ServiceType } from "@src/types";
 
 export const protoTypes = [
   { id: 1, name: "http" },
@@ -17,7 +17,7 @@ export const defaultHttpOptions = {
   nextTimeout: 60000
 };
 
-export const defaultService: Service = {
+export const defaultService: ServiceType = {
   id: nanoid(),
   title: "service-1",
   image: "",
@@ -92,12 +92,12 @@ export const SSH_EXPOSE = {
   to: []
 };
 
-export const defaultSshVMService: Service = {
+export const defaultSshVMService: ServiceType = {
   ...defaultService,
   expose: []
 };
 
-export const defaultRentGpuService: Service = {
+export const defaultRentGpuService: ServiceType = {
   id: nanoid(),
   title: "service-1",
   image: "",
@@ -156,7 +156,7 @@ export const defaultRentGpuService: Service = {
   count: 1
 };
 
-export const defaultAnyRegion = {
+export const defaultAnyRegion: ProviderRegionValueType = {
   key: "any",
   value: "any",
   description: "Any region"
diff --git a/apps/deploy-web/src/utils/sdl/sdlGenerator.ts b/apps/deploy-web/src/utils/sdl/sdlGenerator.ts
index 33b02bb24..c2326c655 100644
--- a/apps/deploy-web/src/utils/sdl/sdlGenerator.ts
+++ b/apps/deploy-web/src/utils/sdl/sdlGenerator.ts
@@ -1,9 +1,9 @@
 import yaml from "js-yaml";
 
-import { Expose, ProfileGpuModel, Service } from "@src/types";
+import { ExposeType, ProfileGpuModelType, ServiceType } from "@src/types";
 import { defaultHttpOptions } from "./data";
 
-export const generateSdl = (services: Service[], region?: string) => {
+export const generateSdl = (services: ServiceType[], region?: string) => {
   const sdl = { version: "2.0", services: {}, profiles: { compute: {}, placement: {} }, deployment: {} };
 
   services.forEach(service => {
@@ -101,7 +101,7 @@ export const generateSdl = (services: Service[], region?: string) => {
         group[vendor] = group[vendor] ?? [];
         group[vendor].push(model);
         return group;
-      }, {}) as { [key: string]: ProfileGpuModel[] };
+      }, {}) as { [key: string]: ProfileGpuModelType[] };
 
       for (const [vendor, models] of Object.entries(vendors)) {
         const mappedModels = models
@@ -218,8 +218,8 @@ export const generateSdl = (services: Service[], region?: string) => {
 ${result}`;
 };
 
-const getProto = (expose: Expose) => {
-  if (expose.proto && (expose.proto === "http" || expose.proto === "https")) {
+const getProto = (expose: ExposeType) => {
+  if (expose.proto && expose.proto === "http") {
     return null;
   } else {
     return expose.proto;
diff --git a/apps/deploy-web/src/utils/sdl/sdlImport.ts b/apps/deploy-web/src/utils/sdl/sdlImport.ts
index 7e795aa87..dc803cc7b 100644
--- a/apps/deploy-web/src/utils/sdl/sdlImport.ts
+++ b/apps/deploy-web/src/utils/sdl/sdlImport.ts
@@ -1,7 +1,7 @@
 import yaml from "js-yaml";
 import { nanoid } from "nanoid";
 
-import { Expose, ImportService, ProfileGpuModel } from "@src/types";
+import { ExposeType, ImportServiceType, ProfileGpuModelType } from "@src/types";
 import { CustomValidationError } from "../deploymentData";
 import { capitalizeFirstLetter } from "../stringUtils";
 import { defaultHttpOptions } from "./data";
@@ -9,13 +9,13 @@ import { defaultHttpOptions } from "./data";
 export const importSimpleSdl = (yamlStr: string) => {
   try {
     const yamlJson = yaml.load(yamlStr) as any;
-    const services: ImportService[] = [];
+    const services: ImportServiceType[] = [];
 
     const sortedServicesNames = Object.keys(yamlJson.services).sort();
     sortedServicesNames.forEach(svcName => {
       const svc = yamlJson.services[svcName];
 
-      const service: ImportService = {
+      const service: ImportServiceType = {
         id: nanoid(),
         title: svcName,
         image: svc.image
@@ -64,10 +64,10 @@ export const importSimpleSdl = (yamlStr: string) => {
       svc.expose?.forEach(expose => {
         const isGlobal = expose.to.find(t => t.global);
 
-        const _expose: Expose = {
+        const _expose: ExposeType = {
           id: nanoid(),
           port: expose.port,
-          as: expose.as,
+          as: expose.as || 80,
           proto: expose.proto === "tcp" ? expose.proto : "http",
           global: !!isGlobal,
           to: expose.to.filter(t => t.global === undefined).map(t => ({ id: nanoid(), value: t.service })),
@@ -146,8 +146,8 @@ const getResourceUnit = (size: string): string => {
   return match ? capitalizeFirstLetter(match[0]) : "";
 };
 
-const getGpuModels = (vendor: { [key: string]: { model: string; ram: string; interface: string }[] }): ProfileGpuModel[] => {
-  const models: ProfileGpuModel[] = [];
+const getGpuModels = (vendor: { [key: string]: { model: string; ram: string; interface: string }[] }): ProfileGpuModelType[] => {
+  const models: ProfileGpuModelType[] = [];
 
   for (const [vendorName, vendorModels] of Object.entries(vendor)) {
     if (vendorModels) {
diff --git a/apps/deploy-web/src/utils/sdl/transformCustomSdlFields.ts b/apps/deploy-web/src/utils/sdl/transformCustomSdlFields.ts
index e6e6a63d2..f38b40336 100644
--- a/apps/deploy-web/src/utils/sdl/transformCustomSdlFields.ts
+++ b/apps/deploy-web/src/utils/sdl/transformCustomSdlFields.ts
@@ -2,7 +2,7 @@ import cloneDeep from "lodash/cloneDeep";
 import flow from "lodash/flow";
 import isMatch from "lodash/isMatch";
 
-import { Service } from "@src/types";
+import { ServiceType } from "@src/types";
 import { SSH_EXPOSE, SSH_VM_IMAGES } from "@src/utils/sdl/data";
 
 interface TransformOptions {
@@ -11,7 +11,7 @@ interface TransformOptions {
 
 export class TransformError extends Error {}
 
-export const transformCustomSdlFields = (services: Service[], options?: TransformOptions) => {
+export const transformCustomSdlFields = (services: ServiceType[], options?: TransformOptions) => {
   const pipeline = [addSshPubKey, ensureServiceCount];
 
   if (options?.withSSH) {
@@ -24,7 +24,7 @@ export const transformCustomSdlFields = (services: Service[], options?: Transfor
   return services.map(service => transform(service));
 };
 
-function addSshPubKey(input: Service) {
+function addSshPubKey(input: ServiceType) {
   const { sshPubKey } = input;
   if (!sshPubKey) {
     return input;
@@ -49,7 +49,7 @@ function addSshPubKey(input: Service) {
   return output;
 }
 
-function ensureSSHExpose(service: Service) {
+function ensureSSHExpose(service: ServiceType) {
   if (service.expose.some(exp => isMatch(exp, SSH_EXPOSE))) {
     return service;
   }
@@ -72,7 +72,7 @@ function ensureSSHExpose(service: Service) {
   return output;
 }
 
-function ensureServiceCount(input: Service) {
+function ensureServiceCount(input: ServiceType) {
   if (input.count === 1) {
     return input;
   }
@@ -83,7 +83,7 @@ function ensureServiceCount(input: Service) {
   return output;
 }
 
-function mapImage(input: Service) {
+function mapImage(input: ServiceType) {
   const image = SSH_VM_IMAGES[input.image];
 
   if (!image) {
diff --git a/apps/provider-console/src/components/home/HomeContainer.tsx b/apps/provider-console/src/components/home/HomeContainer.tsx
index 5fec7cf31..0a973785d 100644
--- a/apps/provider-console/src/components/home/HomeContainer.tsx
+++ b/apps/provider-console/src/components/home/HomeContainer.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+
 import { Footer } from "@src/components/layout/Footer";
 import Layout from "../layout/Layout";
 
diff --git a/apps/provider-console/src/components/layout/Layout.tsx b/apps/provider-console/src/components/layout/Layout.tsx
index d49e275c5..f6f604a1b 100644
--- a/apps/provider-console/src/components/layout/Layout.tsx
+++ b/apps/provider-console/src/components/layout/Layout.tsx
@@ -2,6 +2,7 @@
 import React, { ReactNode, useEffect, useState } from "react";
 import { IntlProvider } from "react-intl";
 import { useMediaQuery, useTheme as useMuiTheme } from "@mui/material";
+
 import { accountBarHeight } from "@src/utils/constants";
 import { cn } from "@src/utils/styleUtils";
 import Spinner from "../shared/Spinner";
diff --git a/apps/provider-console/src/components/layout/ModeToggle.tsx b/apps/provider-console/src/components/layout/ModeToggle.tsx
index 393e6917a..cfd3bd04b 100644
--- a/apps/provider-console/src/components/layout/ModeToggle.tsx
+++ b/apps/provider-console/src/components/layout/ModeToggle.tsx
@@ -1,11 +1,11 @@
 "use client";
 import * as React from "react";
 import { useEffect, useState } from "react";
+import { Button } from "@akashnetwork/ui/components";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@akashnetwork/ui/components";
 import { HalfMoon, SunLight } from "iconoir-react";
 import { useTheme } from "next-themes";
 
-import { Button } from "@akashnetwork/ui/components";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@akashnetwork/ui/components";
 import { cn } from "@src/utils/styleUtils";
 
 export function ModeToggle() {
diff --git a/apps/provider-console/src/components/layout/Nav.tsx b/apps/provider-console/src/components/layout/Nav.tsx
index bde7a7758..323e3f315 100644
--- a/apps/provider-console/src/components/layout/Nav.tsx
+++ b/apps/provider-console/src/components/layout/Nav.tsx
@@ -1,11 +1,12 @@
 "use client";
+import { Button } from "@akashnetwork/ui/components";
 import { Menu, Xmark } from "iconoir-react";
 import Link from "next/link";
+
 import useCookieTheme from "@src/hooks/useTheme";
 import { accountBarHeight } from "@src/utils/constants";
 import { UrlService } from "@src/utils/urlUtils";
 import { AkashConsoleBetaLogoDark, AkashConsoleBetaLogoLight } from "../icons/AkashConsoleLogo";
-import { Button } from "@akashnetwork/ui/components";
 
 export const Nav = ({
   isMobileOpen,
diff --git a/apps/provider-console/src/components/layout/Sidebar.tsx b/apps/provider-console/src/components/layout/Sidebar.tsx
index 10aa5256e..84f583a19 100644
--- a/apps/provider-console/src/components/layout/Sidebar.tsx
+++ b/apps/provider-console/src/components/layout/Sidebar.tsx
@@ -1,11 +1,11 @@
 "use client";
 import React, { ReactNode, useState } from "react";
+import { Button, buttonVariants } from "@akashnetwork/ui/components";
 import Drawer from "@mui/material/Drawer";
 import { useTheme as useMuiTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { Discord, Github, Menu, MenuScale, Rocket, X as TwitterX, Youtube } from "iconoir-react";
 import { Home, OpenInWindow } from "iconoir-react";
-
 import getConfig from "next/config";
 import Image from "next/image";
 import Link from "next/link";
@@ -14,7 +14,6 @@ import { ISidebarGroupMenu } from "@src/types";
 import { closedDrawerWidth, drawerWidth } from "@src/utils/constants";
 import { cn } from "@src/utils/styleUtils";
 import { UrlService } from "@src/utils/urlUtils";
-import { Button, buttonVariants } from "@akashnetwork/ui/components";
 import { ModeToggle } from "./ModeToggle";
 import { SidebarGroupMenu } from "./SidebarGroupMenu";
 
diff --git a/apps/provider-console/src/components/layout/SidebarGroupMenu.tsx b/apps/provider-console/src/components/layout/SidebarGroupMenu.tsx
index d72615ab5..e349f7993 100644
--- a/apps/provider-console/src/components/layout/SidebarGroupMenu.tsx
+++ b/apps/provider-console/src/components/layout/SidebarGroupMenu.tsx
@@ -1,9 +1,9 @@
 "use client";
 import { ReactNode } from "react";
+import { Separator } from "@akashnetwork/ui/components";
 
 import { ISidebarGroupMenu } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
-import { Separator } from "@akashnetwork/ui/components";
 import { SidebarRouteButton } from "./SidebarRouteButton";
 
 type Props = {
diff --git a/apps/provider-console/src/components/layout/SidebarRouteButton.tsx b/apps/provider-console/src/components/layout/SidebarRouteButton.tsx
index 41879295b..681be8099 100644
--- a/apps/provider-console/src/components/layout/SidebarRouteButton.tsx
+++ b/apps/provider-console/src/components/layout/SidebarRouteButton.tsx
@@ -1,12 +1,12 @@
 "use client";
 import { ReactNode } from "react";
+import { buttonVariants } from "@akashnetwork/ui/components";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
 import { ISidebarRoute } from "@src/types";
 import { cn } from "@src/utils/styleUtils";
 import { UrlService } from "@src/utils/urlUtils";
-import { buttonVariants } from "@akashnetwork/ui/components";
 
 type Props = {
   children?: ReactNode;
diff --git a/apps/provider-console/src/components/shared/ErrorFallback.tsx b/apps/provider-console/src/components/shared/ErrorFallback.tsx
index f152d6b47..56e32c621 100644
--- a/apps/provider-console/src/components/shared/ErrorFallback.tsx
+++ b/apps/provider-console/src/components/shared/ErrorFallback.tsx
@@ -1,7 +1,6 @@
 "use client";
 import { ReactNode } from "react";
 import { FallbackProps } from "react-error-boundary";
-
 // import { Alert, AlertTitle } from "../ui/alert";
 import { Button } from "@akashnetwork/ui/components";
 
diff --git a/apps/provider-console/src/pages/_app.tsx b/apps/provider-console/src/pages/_app.tsx
index 316a26409..5f222b547 100644
--- a/apps/provider-console/src/pages/_app.tsx
+++ b/apps/provider-console/src/pages/_app.tsx
@@ -1,9 +1,10 @@
+import "@akashnetwork/ui/styles";
+import "../styles/index.css";
+
+import { GeistSans } from "geist/font/sans";
 import type { AppProps } from "next/app";
 import { ThemeProvider } from "next-themes";
-import { GeistSans } from "geist/font/sans";
 
-import "@akashnetwork/ui/styles";
-import "../styles/index.css";
 import { ColorModeProvider } from "@src/context/CustomThemeContext";
 import { cn } from "@src/utils/styleUtils";
 
diff --git a/apps/provider-console/src/pages/_document.tsx b/apps/provider-console/src/pages/_document.tsx
index b2fff8b42..ffc3f3ccc 100644
--- a/apps/provider-console/src/pages/_document.tsx
+++ b/apps/provider-console/src/pages/_document.tsx
@@ -1,4 +1,4 @@
-import { Html, Head, Main, NextScript } from "next/document";
+import { Head, Html, Main, NextScript } from "next/document";
 
 export default function Document() {
   return (
diff --git a/apps/stats-web/src/app/layout.tsx b/apps/stats-web/src/app/layout.tsx
index 035b24dda..e92fd7eec 100644
--- a/apps/stats-web/src/app/layout.tsx
+++ b/apps/stats-web/src/app/layout.tsx
@@ -1,12 +1,12 @@
+import "@akashnetwork/ui/styles";
+import "../styles/index.css";
+
 import { cn } from "@akashnetwork/ui/utils";
 import { GeistSans } from "geist/font/sans";
 import type { Metadata, Viewport } from "next";
 import getConfig from "next/config";
 import { cookies } from "next/headers";
 
-import "@akashnetwork/ui/styles";
-import "../styles/index.css";
-
 import GoogleAnalytics from "@/components/layout/CustomGoogleAnalytics";
 import Providers from "@/components/layout/CustomProviders";
 import { Footer } from "@/components/layout/Footer";
diff --git a/apps/stats-web/src/components/layout/MobileNav.tsx b/apps/stats-web/src/components/layout/MobileNav.tsx
index 0cc3dbb15..335ed1884 100644
--- a/apps/stats-web/src/components/layout/MobileNav.tsx
+++ b/apps/stats-web/src/components/layout/MobileNav.tsx
@@ -1,3 +1,5 @@
+import "react-modern-drawer/dist/index.css";
+
 import { useState } from "react";
 import Drawer from "react-modern-drawer";
 import { Button } from "@akashnetwork/ui/components";
@@ -9,8 +11,6 @@ import { AkashConsoleDarkLogo, AkashConsoleLightLogo } from "../icons/AkashConso
 import { ModeToggle } from "../ModeToggle";
 import { NavLinks } from "../NavLinks";
 
-import "react-modern-drawer/dist/index.css";
-
 import useCookieTheme from "@/hooks/useTheme";
 
 const NetworkSelect = dynamic(() => import("./NetworkSelect"), {
diff --git a/package-lock.json b/package-lock.json
index 255ec2488..f1ab1d768 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -292,7 +292,7 @@
         "@emotion/react": "^11.11.0",
         "@emotion/server": "^11.4.0",
         "@emotion/styled": "^11.8.1",
-        "@hookform/resolvers": "^3.3.4",
+        "@hookform/resolvers": "^3.9.0",
         "@leapwallet/elements": "^1.3.4",
         "@leapwallet/name-matcha": "^1.7.1",
         "@monaco-editor/react": "^4.6.0",
@@ -6492,6 +6492,7 @@
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.0.tgz",
       "integrity": "sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==",
+      "license": "MIT",
       "peerDependencies": {
         "react-hook-form": "^7.0.0"
       }
diff --git a/packages/dev-config/.eslintrc.next.js b/packages/dev-config/.eslintrc.next.js
index 055935bf0..553aedde4 100644
--- a/packages/dev-config/.eslintrc.next.js
+++ b/packages/dev-config/.eslintrc.next.js
@@ -10,7 +10,7 @@ module.exports = {
         "react/no-unescaped-entities": "warn",
         "react-hooks/exhaustive-deps": "warn",
         "import/no-anonymous-default-export": "warn",
-        "react/display-name": "warn"
+        "react/display-name": "off"
       }
     }
   ],
diff --git a/packages/ui/components/custom/popup.tsx b/packages/ui/components/custom/popup.tsx
index e5300d802..721e881db 100644
--- a/packages/ui/components/custom/popup.tsx
+++ b/packages/ui/components/custom/popup.tsx
@@ -13,7 +13,8 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle as _DialogTitle,
-  InputWithIcon,
+  Input,
+  Label,
   ScrollArea,
   ScrollBar,
   Select,
@@ -22,8 +23,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-  Spinner
-} from "../index";
+  Spinner } from "../index";
 import { ErrorFallback } from "./error-fallback";
 
 type MessageProps = {
@@ -167,13 +167,15 @@ export function Popup(props: React.PropsWithChildren<PopupProps>) {
       <ScrollArea key="dialog-content" className="-mx-4 max-h-[75vh]">
         <div className="p-4">
           {props.variant === "prompt" ? (
-            <InputWithIcon
-              label={props.message}
-              value={promptInput}
-              // eslint-disable-next-line no-void
-              onChange={_ => void setPromptInput(_.target.value)}
-              className="w-full"
-            />
+            <div>
+              <Label>{props.message}</Label>
+              <Input
+                value={promptInput}
+                // eslint-disable-next-line no-void
+                onChange={_ => void setPromptInput(_.target.value)}
+                className="w-full"
+              />
+            </div>
           ) : (
             props.children
           )}
diff --git a/packages/ui/components/form.tsx b/packages/ui/components/form.tsx
index c9cc68112..bc61e05d7 100644
--- a/packages/ui/components/form.tsx
+++ b/packages/ui/components/form.tsx
@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from "react-hook-form";
+import { Controller, ControllerProps, FieldError, FieldErrorsImpl, FieldPath, FieldValues, FormProvider, Merge, useFormContext } from "react-hook-form";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 
@@ -25,17 +25,34 @@ const FormField = <TFieldValues extends FieldValues = FieldValues, TName extends
   );
 };
 
-const useFormField = () => {
+interface FormFieldProps {
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>>;
+}
+
+const useFormField = (): FormFieldProps => {
+  const formContext = useFormContext();
   const fieldContext = React.useContext(FormFieldContext);
   const itemContext = React.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
 
-  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!formContext) {
+    return {} as FormFieldProps;
+  }
 
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
   }
 
+  const { getFieldState, formState } = formContext;
+  const fieldState = getFieldState(fieldContext.name, formState);
   const { id } = itemContext;
 
   return {
@@ -59,7 +76,7 @@ const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivEl
 
   return (
     <FormItemContext.Provider value={{ id }}>
-      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+      <div ref={ref} className={cn("space-y-1", className)} {...props} />
     </FormItemContext.Provider>
   );
 });
@@ -105,7 +122,7 @@ const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<
   }
 
   return (
-    <p ref={ref} id={formMessageId} className={cn("text-destructive text-sm font-medium", className)} {...props}>
+    <p ref={ref} id={formMessageId} className={cn("text-destructive text-xs font-medium", className)} {...props}>
       {body}
     </p>
   );
diff --git a/packages/ui/components/input.tsx b/packages/ui/components/input.tsx
index 17281268d..83629b5d4 100644
--- a/packages/ui/components/input.tsx
+++ b/packages/ui/components/input.tsx
@@ -3,93 +3,71 @@ import * as React from "react";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 
 import { cn } from "../utils";
-import { FormDescription, FormItem } from "./form";
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, useFormField } from "./form";
 import { Label } from "./label";
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
-  return (
-    <input
-      type={type}
-      className={cn(
-        "border-input bg-popover ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});
-Input.displayName = "Input";
-
-export interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  label: string;
+export interface FormInputProps extends InputProps {
+  label?: string | React.ReactNode;
   description?: string;
+  inputClassName?: string;
 }
 
-const FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(({ className, type, label, description, ...props }, ref) => {
+const FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(({ className, inputClassName, type, label, description, ...props }, ref) => {
+  const { error } = useFormField();
   return (
-    <FormItem>
-      <Label>{label}</Label>
-      <input
-        type={type}
-        className={cn(
-          "border-input bg-popover ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
+    <FormItem className={className}>
+      <FormControl>
+        <Input type={type} inputClassName={inputClassName} ref={ref} error={!!error} label={label} {...props} />
+      </FormControl>
       {description && <FormDescription>{description}</FormDescription>}
+      <FormMessage />
     </FormItem>
   );
 });
 FormInput.displayName = "FormInput";
 
-export interface InputWithIconProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  label?: string | React.ReactNode;
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   startIcon?: React.ReactNode;
+  startIconClassName?: string;
   endIcon?: React.ReactNode;
-  error?: string;
+  endIconClassName?: string;
+  error?: boolean;
   inputClassName?: string;
+  description?: string;
+  label?: string | React.ReactNode;
+  isForm?: boolean;
 }
 
 // TODO Variants
 
-const InputWithIcon = React.forwardRef<HTMLInputElement, InputWithIconProps>(
-  ({ className, inputClassName, type, label, startIcon, endIcon, error, ...props }, ref) => {
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, startIconClassName, endIconClassName, inputClassName, type, startIcon, endIcon, error, label, isForm, ...props }, ref) => {
     const id = React.useId();
+    const formField = useFormField();
 
     return (
-      <div className={className}>
-        {label && <Label htmlFor={`${id}-input`}>{label}</Label>}
-        <div className="border-input bg-popover ring-offset-background focus:ring-ring flex h-10 w-full items-center rounded-md border px-3 py-2 text-sm shadow-sm focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50">
-          {startIcon && <div className="inset-y-0 left-0 flex items-center">{startIcon}</div>}
+      <div className={cn("space-y-1", className)}>
+        {label && (formField.id ? <FormLabel>{label}</FormLabel> : <Label htmlFor={`${id}-input`}>{label}</Label>)}
+        <div className="relative flex items-center">
+          {startIcon && <div className={cn("absolute inset-y-0 left-0 flex items-center", startIconClassName)}>{startIcon}</div>}
           <input
             id={`${id}-input`}
             type={type}
             className={cn(
-              "placeholder:text-muted-foreground flex-grow file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none",
-              // "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-              inputClassName,
-              { ["pl-4"]: !!startIcon, ["pr-4"]: !!endIcon }
+              "border-input bg-popover ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              { ["pl-10"]: !!startIcon, ["pr-10"]: !!endIcon, "ring-destructive ring-2 ring-offset-1": !!error },
+              inputClassName
             )}
             ref={ref}
             {...props}
           />
-          {endIcon && <div className="inset-y-0 right-0 flex items-center">{endIcon}</div>}
+          {endIcon && <div className={cn("absolute inset-y-0 right-0 flex items-center", endIconClassName)}>{endIcon}</div>}
         </div>
-        {error && (
-          <p className="mt-2 text-sm text-red-600" id={`${id}-error`}>
-            {error}
-          </p>
-        )}
       </div>
     );
   }
 );
-InputWithIcon.displayName = "InputWithIcon";
+Input.displayName = "Input";
 
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 
@@ -123,4 +101,4 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ classNa
 });
 Textarea.displayName = "Textarea";
 
-export { FormInput, Input, InputWithIcon, Textarea };
+export { FormInput, Input, Textarea };
diff --git a/packages/ui/components/label.tsx b/packages/ui/components/label.tsx
index 7fdc582d0..318d095b1 100644
--- a/packages/ui/components/label.tsx
+++ b/packages/ui/components/label.tsx
@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "../utils";
 
-const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const labelVariants = cva("text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,