react-server-dom-webpack 18.3.0-next-b72ed698f-20230303 → 18.3.0-next-49f741046-20230305

package/cjs/react-server-dom-webpack-server.edge.development.js

@@ -207,7 +207,7 @@ function processImportChunk(request, id, clientReferenceMetadata) {
 var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function getClientReferenceKey(reference) {
-  return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
 }
 function isClientReference(reference) {
   return reference.$$typeof === CLIENT_REFERENCE_TAG;
@@ -216,9 +216,9 @@ function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
 }
 function resolveClientReferenceMetadata(config, clientReference) {
-  var resolvedModuleData = config[clientReference.filepath][clientReference.name];
+  var resolvedModuleData = config[clientReference.$$id];
 
-  if (clientReference.async) {
+  if (clientReference.$$async) {
     return {
       id: resolvedModuleData.id,
       chunks: resolvedModuleData.chunks,
@@ -231,8 +231,7 @@ function resolveClientReferenceMetadata(config, clientReference) {
 }
 function resolveServerReferenceMetadata(config, serverReference) {
   return {
-    id: serverReference.$$filepath,
-    name: serverReference.$$name,
+    id: serverReference.$$id,
     bound: Promise.resolve(serverReference.$$bound)
   };
 }
@@ -252,6 +251,21 @@ var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
 var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
 
 // It is handled by React separately and shouldn't be written to the DOM.
 
@@ -553,7 +567,7 @@ function isArray(a) {
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
-var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(p,q,w){function r(l){this.s=l}for(var t=$RC,m=$RM,u=new Map,n=new Map,g=document,h,e,f=g.querySelectorAll("template[data-precedence]"),c=0;e=f[c++];){for(var b=e.content.firstChild;b;b=b.nextSibling)u.set(b.getAttribute("data-href"),b);e.parentNode.removeChild(e)}f=g.querySelectorAll("link[data-precedence],style[data-precedence]");for(c=0;e=f[c++];)m.set(e.getAttribute("STYLE"===e.nodeName?"data-href":"href"),e),n.set(e.dataset.precedence,h=e);e=0;f=[];for(var d,\nv,a;d=w[e++];){var k=0;b=d[k++];if(!(a=m.get(b))){if(a=u.get(b))c=a.getAttribute("data-precedence");else{a=g.createElement("link");a.href=b;a.rel="stylesheet";for(a.dataset.precedence=c=d[k++];v=d[k++];)a.setAttribute(v,d[k++]);d=a._p=new Promise(function(l,x){a.onload=l;a.onerror=x});d.then(r.bind(d,"l"),r.bind(d,"e"))}m.set(b,a);b=n.get(c)||h;b===h&&(h=a);n.set(c,a);b?b.parentNode.insertBefore(a,b.nextSibling):(c=g.head,c.insertBefore(a,c.firstChild))}d=a._p;c=a.getAttribute("media");!d||"l"===\nd.s||c&&!matchMedia(c).matches||f.push(d)}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};';
+var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(t,u,y){function v(n){this.s=n}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=y[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var e=f[m++];if(a=p.get(e)){var d=a._p;c=!0}else{a=r.createElement("link");a.href=e;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];d=f[m++];)a.setAttribute(d,f[m++]);d=a._p=new Promise(function(n,z){a.onload=n;a.onerror=z});d.then(v.bind(d,"l"),v.bind(d,"e"));p.set(e,a)}e=a.getAttribute("media");!d||"l"===d.s||e&&!matchMedia(e).matches||h.push(d);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};';
 var completeSegment = '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};';
 
 stringToPrecomputedChunk('"></template>');
@@ -653,11 +667,16 @@ stringToPrecomputedChunk('" data-dgst="');
 stringToPrecomputedChunk('" data-msg="');
 stringToPrecomputedChunk('" data-stck="');
 
-stringToPrecomputedChunk('<template data-precedence="">');
-stringToPrecomputedChunk('</template>'); // Tracks whether we wrote any late style tags. We use this to determine
-stringToPrecomputedChunk('<style data-precedence="');
-stringToPrecomputedChunk('"></style>');
+stringToPrecomputedChunk('<style media="not all" data-precedence="');
+stringToPrecomputedChunk('" data-href="');
+stringToPrecomputedChunk('">');
+stringToPrecomputedChunk('</style>'); // Tracks whether the boundary currently flushing is flushign style tags or has any
 
+stringToPrecomputedChunk('<style data-precedence="');
+stringToPrecomputedChunk('" data-href="');
+stringToPrecomputedChunk(' ');
+stringToPrecomputedChunk('">');
+stringToPrecomputedChunk('</style>');
 stringToPrecomputedChunk('[');
 stringToPrecomputedChunk(',[');
 stringToPrecomputedChunk(',');
@@ -1279,7 +1298,8 @@ function serializeThenable(request, thenable) {
     newTask.model = value;
     pingTask(request, newTask);
   }, function (reason) {
-    // TODO: Is it safe to directly emit these without being inside a retry?
+    newTask.status = ERRORED; // TODO: We should ideally do this inside performWork so it's scheduled
+
     var digest = logRecoverableError(request, reason);
 
     {
@@ -1289,6 +1309,10 @@ function serializeThenable(request, thenable) {
 
       emitErrorChunkDev(request, newTask.id, digest, _message, _stack);
     }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
   });
   return newTask.id;
 }
@@ -2042,6 +2066,14 @@ function resolveModelToJSON(request, parent, key, value) {
       return undefined;
     }
 
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
     {
       if (value !== null && !isArray(value)) {
         // Verify that this is a simple plain object.

package/cjs/react-server-dom-webpack-server.edge.production.min.js

@@ -9,7 +9,7 @@
  */
 'use strict';var aa=require("react"),f="function"===typeof AsyncLocalStorage,ba=f?new AsyncLocalStorage:null,m=null,n=0;function p(a,b){if(0!==b.length)if(512<b.length)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var c=m.length-n;c<b.length&&(0===c?a.enqueue(m):(m.set(b.subarray(0,c),n),a.enqueue(m),b=b.subarray(c)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.length}return!0}var q=new TextEncoder;function r(a){return q.encode(a)}
 function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}var t=JSON.stringify;function da(a,b,c){a=t(c,a.toJSON);b=b.toString(16)+":"+a+"\n";return q.encode(b)}function u(a,b,c){a=t(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-var w=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference"),y=Symbol.for("react.element"),ia=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel");
+var w=Symbol.for("react.client.reference"),ea=Symbol.for("react.server.reference"),y=Symbol.for("react.element"),fa=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel"),ra=Symbol.iterator;
 function A(a,b,c,d,e,g,h){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=g;this.removeEmptyString=h}"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){new A(a,0,!1,a,null,!1,!1)});
 [["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new A(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new A(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new A(a,2,!1,a,null,!1,!1)});
 "allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new A(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new A(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new A(a,4,!1,a,null,!1,!1)});
@@ -18,44 +18,45 @@ function A(a,b,c,d,e,g,h){this.acceptsBooleans=2===b||3===b||4===b;this.attribut
 C);new A(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(B,C);new A(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(B,C);new A(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!1,!1)});
 new A("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!0,!0)});
 var D={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,tabSize:!0,widows:!0,zIndex:!0,
-zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ra=["Webkit","ms","Moz","O"];Object.keys(D).forEach(function(a){ra.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);D[b]=D[a]})});var sa=Array.isArray;r('"></template>');r("<script>");r("\x3c/script>");r('<script src="');r('<script type="module" src="');r('" integrity="');r('" async="">\x3c/script>');r("\x3c!-- --\x3e");r(' style="');r(":");
+zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},sa=["Webkit","ms","Moz","O"];Object.keys(D).forEach(function(a){sa.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);D[b]=D[a]})});var E=Array.isArray;r('"></template>');r("<script>");r("\x3c/script>");r('<script src="');r('<script type="module" src="');r('" integrity="');r('" async="">\x3c/script>');r("\x3c!-- --\x3e");r(' style="');r(":");
 r(";");r(" ");r('="');r('"');r('=""');r(">");r("/>");r(' selected=""');r("\n");r("<!DOCTYPE html>");r("</");r(">");r('<template id="');r('"></template>');r("\x3c!--$--\x3e");r('\x3c!--$?--\x3e<template id="');r('"></template>');r("\x3c!--$!--\x3e");r("\x3c!--/$--\x3e");r("<template");r('"');r(' data-dgst="');r(' data-msg="');r(' data-stck="');r("></template>");r('<div hidden id="');r('">');r("</div>");r('<svg aria-hidden="true" style="display:none" id="');r('">');r("</svg>");r('<math aria-hidden="true" style="display:none" id="');
 r('">');r("</math>");r('<table hidden id="');r('">');r("</table>");r('<table hidden><tbody id="');r('">');r("</tbody></table>");r('<table hidden><tr id="');r('">');r("</tr></table>");r('<table hidden><colgroup id="');r('">');r("</colgroup></table>");r('$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};;$RS("');r('$RS("');r('","');r('")\x3c/script>');r('<template data-rsi="" data-sid="');
 r('" data-pid="');r('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("');
-r('$RC("');r('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(p,q,w){function r(l){this.s=l}for(var t=$RC,m=$RM,u=new Map,n=new Map,g=document,h,e,f=g.querySelectorAll("template[data-precedence]"),c=0;e=f[c++];){for(var b=e.content.firstChild;b;b=b.nextSibling)u.set(b.getAttribute("data-href"),b);e.parentNode.removeChild(e)}f=g.querySelectorAll("link[data-precedence],style[data-precedence]");for(c=0;e=f[c++];)m.set(e.getAttribute("STYLE"===e.nodeName?"data-href":"href"),e),n.set(e.dataset.precedence,h=e);e=0;f=[];for(var d,\nv,a;d=w[e++];){var k=0;b=d[k++];if(!(a=m.get(b))){if(a=u.get(b))c=a.getAttribute("data-precedence");else{a=g.createElement("link");a.href=b;a.rel="stylesheet";for(a.dataset.precedence=c=d[k++];v=d[k++];)a.setAttribute(v,d[k++]);d=a._p=new Promise(function(l,x){a.onload=l;a.onerror=x});d.then(r.bind(d,"l"),r.bind(d,"e"))}m.set(b,a);b=n.get(c)||h;b===h&&(h=a);n.set(c,a);b?b.parentNode.insertBefore(a,b.nextSibling):(c=g.head,c.insertBefore(a,c.firstChild))}d=a._p;c=a.getAttribute("media");!d||"l"===\nd.s||c&&!matchMedia(c).matches||f.push(d)}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};$RR("');
-r('$RM=new Map;\n$RR=function(p,q,w){function r(l){this.s=l}for(var t=$RC,m=$RM,u=new Map,n=new Map,g=document,h,e,f=g.querySelectorAll("template[data-precedence]"),c=0;e=f[c++];){for(var b=e.content.firstChild;b;b=b.nextSibling)u.set(b.getAttribute("data-href"),b);e.parentNode.removeChild(e)}f=g.querySelectorAll("link[data-precedence],style[data-precedence]");for(c=0;e=f[c++];)m.set(e.getAttribute("STYLE"===e.nodeName?"data-href":"href"),e),n.set(e.dataset.precedence,h=e);e=0;f=[];for(var d,\nv,a;d=w[e++];){var k=0;b=d[k++];if(!(a=m.get(b))){if(a=u.get(b))c=a.getAttribute("data-precedence");else{a=g.createElement("link");a.href=b;a.rel="stylesheet";for(a.dataset.precedence=c=d[k++];v=d[k++];)a.setAttribute(v,d[k++]);d=a._p=new Promise(function(l,x){a.onload=l;a.onerror=x});d.then(r.bind(d,"l"),r.bind(d,"e"))}m.set(b,a);b=n.get(c)||h;b===h&&(h=a);n.set(c,a);b?b.parentNode.insertBefore(a,b.nextSibling):(c=g.head,c.insertBefore(a,c.firstChild))}d=a._p;c=a.getAttribute("media");!d||"l"===\nd.s||c&&!matchMedia(c).matches||f.push(d)}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};$RR("');
-r('$RR("');r('","');r('",');r('"');r(")\x3c/script>");r('<template data-rci="" data-bid="');r('<template data-rri="" data-bid="');r('" data-sid="');r('" data-sty="');r('$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("');r('$RX("');r('"');r(",");r(")\x3c/script>");r('<template data-rxi="" data-bid="');r('" data-dgst="');r('" data-msg="');r('" data-stck="');r('<template data-precedence="">');
-r("</template>");r('<style data-precedence="');r('"></style>');r("[");r(",[");r(",");r("]");var E=null;function G(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");G(a,c);b.context._currentValue=b.value}}}
-function ta(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ta(a)}function ua(a){var b=a.parent;null!==b&&ua(b);a.context._currentValue=a.value}function va(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?G(a,b):va(a,b)}
-function wa(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?G(a,c):wa(a,c);b.context._currentValue=b.value}function H(a){var b=E;b!==a&&(null===b?ua(a):null===a?ta(b):b.depth===a.depth?G(b,a):b.depth>a.depth?va(b,a):wa(b,a),E=a)}function xa(a,b){var c=a._currentValue;a._currentValue=b;var d=E;return E=a={parent:d,depth:null===d?0:d.depth+1,context:a,parentValue:c,value:b}}var I=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function ya(){}function za(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ya,ya),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}J=b;throw I;}}var J=null;
-function Aa(){if(null===J)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=J;J=null;return a}var K=null,M=0,N=null;function Ba(){var a=N;N=null;return a}function Ca(a){return a._currentValue}
-var Ga={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:O,useTransition:O,readContext:Ca,useContext:Ca,useReducer:O,useRef:O,useState:O,useInsertionEffect:O,useLayoutEffect:O,useImperativeHandle:O,useEffect:O,useId:Da,useMutableSource:O,useSyncExternalStore:O,useCacheRefresh:function(){return Ea},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=qa;return b},use:Fa};
-function O(){throw Error("This Hook is not supported in Server Components.");}function Ea(){throw Error("Refreshing the cache is not supported in Server Components.");}function Da(){if(null===K)throw Error("useId can only be used while React is rendering");var a=K.identifierCount++;return":"+K.identifierPrefix+"S"+a.toString(32)+":"}
-function Fa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=M;M+=1;null===N&&(N=[]);return za(N,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function P(){return(new AbortController).signal}function Ha(){if(Q)return Q;if(f){var a=ba.getStore();if(a)return a}return new Map}
-var Ia={getCacheSignal:function(){var a=Ha(),b=a.get(P);void 0===b&&(b=P(),a.set(P,b));return b},getCacheForType:function(a){var b=Ha(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Q=null,R=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=R.ContextRegistry,T=R.ReactCurrentDispatcher,U=R.ReactCurrentCache;function Ja(a){console.error(a)}
-function Ka(a,b,c,d,e){if(null!==U.current&&U.current!==Ia)throw Error("Currently React only supports one RSC renderer at a time.");U.current=Ia;var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||
-"",identifierCount:1,onError:void 0===c?Ja:c,toJSON:function(l,v){return La(k,this,l,v)}};k.pendingChunks++;b=Ma(d);a=Na(k,a,b,g);h.push(a);return k}var Oa={};
-function Pa(a,b){a.pendingChunks++;var c=Na(a,null,E,a.abortableTasks);switch(b.status){case "fulfilled":return c.model=b.value,Qa(a,c),c.id;case "rejected":var d=V(a,b.reason);W(a,c.id,d);return c.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){c.model=e;Qa(a,c)},function(e){e=V(a,e);W(a,c.id,e)});return c.id}
-function Ra(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function Sa(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:z,_payload:a,_init:Ra}}
-function X(a,b,c,d,e,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===w)return[y,b,c,e];M=0;N=g;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Sa(e):e}if("string"===typeof b)return[y,b,c,e];if("symbol"===typeof b)return b===ia?e.children:[y,b,c,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===w)return[y,b,c,e];switch(b.$$typeof){case z:var h=
-b._init;b=h(b._payload);return X(a,b,c,d,e,g);case la:return a=b.render,M=0,N=g,a(e,void 0);case oa:return X(a,b.type,c,d,e,g);case ja:return xa(b._context,e.value),[y,b,c,{value:e.value,children:e.children,__pop:Oa}]}}throw Error("Unsupported Server Component type: "+Ta(b));}function Qa(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&Ua(a)}function Na(a,b,c,d){var e={id:a.nextChunkId++,status:0,model:b,context:c,ping:function(){return Qa(a,e)},thenableState:null};d.add(e);return e}
-function Va(a,b,c,d){var e=d.filepath+"#"+d.name+(d.async?"#async":""),g=a.writtenClientReferences,h=g.get(e);if(void 0!==h)return b[0]===y&&"1"===c?"$L"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[d.filepath][d.name];var l=d.async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var v=a.nextChunkId++,ea=t(l),x=v.toString(16)+":I"+ea+"\n";var L=q.encode(x);a.completedImportChunks.push(L);g.set(e,v);return b[0]===y&&"1"===c?"$L"+v.toString(16):"$"+v.toString(16)}catch(fa){return a.pendingChunks++,
-b=a.nextChunkId++,c=V(a,fa),W(a,b,c),"$"+b.toString(16)}}function Wa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}function Ta(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(sa(a))return"[...]";a=Wa(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+r('$RC("');r('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this.s=n}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=y[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var e=f[m++];if(a=p.get(e)){var d=a._p;c=!0}else{a=r.createElement("link");a.href=e;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];d=f[m++];)a.setAttribute(d,f[m++]);d=a._p=new Promise(function(n,z){a.onload=n;a.onerror=z});d.then(v.bind(d,"l"),v.bind(d,"e"));p.set(e,a)}e=a.getAttribute("media");!d||"l"===d.s||e&&!matchMedia(e).matches||h.push(d);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("');
+r('$RM=new Map;\n$RR=function(t,u,y){function v(n){this.s=n}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=y[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var e=f[m++];if(a=p.get(e)){var d=a._p;c=!0}else{a=r.createElement("link");a.href=e;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];d=f[m++];)a.setAttribute(d,f[m++]);d=a._p=new Promise(function(n,z){a.onload=n;a.onerror=z});d.then(v.bind(d,"l"),v.bind(d,"e"));p.set(e,a)}e=a.getAttribute("media");!d||"l"===d.s||e&&!matchMedia(e).matches||h.push(d);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("');
+r('$RR("');r('","');r('",');r('"');r(")\x3c/script>");r('<template data-rci="" data-bid="');r('<template data-rri="" data-bid="');r('" data-sid="');r('" data-sty="');r('$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("');r('$RX("');r('"');r(",");r(")\x3c/script>");r('<template data-rxi="" data-bid="');r('" data-dgst="');r('" data-msg="');r('" data-stck="');r('<style media="not all" data-precedence="');
+r('" data-href="');r('">');r("</style>");r('<style data-precedence="');r('" data-href="');r(" ");r('">');r("</style>");r("[");r(",[");r(",");r("]");var G=null;
+function H(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");H(a,c);b.context._currentValue=b.value}}}function ta(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ta(a)}
+function ua(a){var b=a.parent;null!==b&&ua(b);a.context._currentValue=a.value}function va(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?H(a,b):va(a,b)}
+function wa(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?H(a,c):wa(a,c);b.context._currentValue=b.value}function I(a){var b=G;b!==a&&(null===b?ua(a):null===a?ta(b):b.depth===a.depth?H(b,a):b.depth>a.depth?va(b,a):wa(b,a),G=a)}function xa(a,b){var c=a._currentValue;a._currentValue=b;var d=G;return G=a={parent:d,depth:null===d?0:d.depth+1,context:a,parentValue:c,value:b}}var J=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function ya(){}function za(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ya,ya),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}K=b;throw J;}}var K=null;
+function Aa(){if(null===K)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=K;K=null;return a}var L=null,N=0,O=null;function Ba(){var a=O;O=null;return a}function Ca(a){return a._currentValue}
+var Ga={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:P,useTransition:P,readContext:Ca,useContext:Ca,useReducer:P,useRef:P,useState:P,useInsertionEffect:P,useLayoutEffect:P,useImperativeHandle:P,useEffect:P,useId:Da,useMutableSource:P,useSyncExternalStore:P,useCacheRefresh:function(){return Ea},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=qa;return b},use:Fa};
+function P(){throw Error("This Hook is not supported in Server Components.");}function Ea(){throw Error("Refreshing the cache is not supported in Server Components.");}function Da(){if(null===L)throw Error("useId can only be used while React is rendering");var a=L.identifierCount++;return":"+L.identifierPrefix+"S"+a.toString(32)+":"}
+function Fa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=N;N+=1;null===O&&(O=[]);return za(O,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Q(){return(new AbortController).signal}function Ha(){if(R)return R;if(f){var a=ba.getStore();if(a)return a}return new Map}
+var Ia={getCacheSignal:function(){var a=Ha(),b=a.get(Q);void 0===b&&(b=Q(),a.set(Q,b));return b},getCacheForType:function(a){var b=Ha(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},R=null,S=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,T=S.ContextRegistry,Ja=S.ReactCurrentDispatcher,Ka=S.ReactCurrentCache;function La(a){console.error(a)}
+function Ma(a,b,c,d,e){if(null!==Ka.current&&Ka.current!==Ia)throw Error("Currently React only supports one RSC renderer at a time.");Ka.current=Ia;var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||
+"",identifierCount:1,onError:void 0===c?La:c,toJSON:function(l,v){return Na(k,this,l,v)}};k.pendingChunks++;b=Oa(d);a=Pa(k,a,b,g);h.push(a);return k}var Qa={};
+function Ra(a,b){a.pendingChunks++;var c=Pa(a,null,G,a.abortableTasks);switch(b.status){case "fulfilled":return c.model=b.value,Sa(a,c),c.id;case "rejected":var d=U(a,b.reason);V(a,c.id,d);return c.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){c.model=e;Sa(a,c)},function(e){c.status=4;e=U(a,e);V(a,c.id,e);null!==a.destination&&
+W(a,a.destination)});return c.id}function Ta(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function Ua(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:z,_payload:a,_init:Ta}}
+function X(a,b,c,d,e,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===w)return[y,b,c,e];N=0;O=g;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Ua(e):e}if("string"===typeof b)return[y,b,c,e];if("symbol"===typeof b)return b===fa?e.children:[y,b,c,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===w)return[y,b,c,e];switch(b.$$typeof){case z:var h=
+b._init;b=h(b._payload);return X(a,b,c,d,e,g);case la:return a=b.render,N=0,O=g,a(e,void 0);case oa:return X(a,b.type,c,d,e,g);case ja:return xa(b._context,e.value),[y,b,c,{value:e.value,children:e.children,__pop:Qa}]}}throw Error("Unsupported Server Component type: "+Va(b));}function Sa(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&Wa(a)}function Pa(a,b,c,d){var e={id:a.nextChunkId++,status:0,model:b,context:c,ping:function(){return Sa(a,e)},thenableState:null};d.add(e);return e}
+function Xa(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,g=a.writtenClientReferences,h=g.get(e);if(void 0!==h)return b[0]===y&&"1"===c?"$L"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[d.$$id];var l=d.$$async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var v=a.nextChunkId++,ha=t(l),x=v.toString(16)+":I"+ha+"\n";var M=q.encode(x);a.completedImportChunks.push(M);g.set(e,v);return b[0]===y&&"1"===c?"$L"+v.toString(16):"$"+v.toString(16)}catch(ia){return a.pendingChunks++,
+b=a.nextChunkId++,c=U(a,ia),V(a,b,c),"$"+b.toString(16)}}function Ya(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}function Va(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(E(a))return"[...]";a=Ya(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
 function Y(a){if("string"===typeof a)return a;switch(a){case ma:return"Suspense";case na:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case la:return Y(a.render);case oa:return Y(a.type);case z:var b=a._payload;a=a._init;try{return Y(a(b))}catch(c){}}return""}
-function Z(a,b){var c=Wa(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(sa(a)){var e="[";for(var g=0;g<a.length;g++){0<g&&(e+=", ");var h=a[g];h="object"===typeof h&&null!==h?Z(h):Ta(h);""+g===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+Y(a.type)+"/>";else{e="{";g=Object.keys(a);for(h=0;h<g.length;h++){0<h&&(e+=", ");var k=g[h],l=JSON.stringify(k);e+=('"'+k+'"'===l?k:l)+": ";l=a[k];l="object"===typeof l&&null!==l?Z(l):
-Ta(l);k===b?(c=e.length,d=l.length,e+=l):e=10>l.length&&40>e.length+l.length?e+l:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}
-function La(a,b,c,d){switch(d){case y:return"$"}for(;"object"===typeof d&&null!==d&&(d.$$typeof===y||d.$$typeof===z);)try{switch(d.$$typeof){case y:var e=d;d=X(a,e.type,e.key,e.ref,e.props,null);break;case z:var g=d._init;d=g(d._payload)}}catch(h){c=h===I?Aa():h;if("object"===typeof c&&null!==c&&"function"===typeof c.then)return a.pendingChunks++,a=Na(a,d,E,a.abortableTasks),d=a.ping,c.then(d,d),a.thenableState=Ba(),"$L"+a.id.toString(16);a.pendingChunks++;d=a.nextChunkId++;c=V(a,c);W(a,d,c);return"$L"+
-d.toString(16)}if(null===d)return null;if("object"===typeof d){if(d.$$typeof===w)return Va(a,b,c,d);if("function"===typeof d.then)return"$@"+Pa(a,d).toString(16);if(d.$$typeof===ja)return d=d._context._globalName,b=a.writtenProviders,c=b.get(c),void 0===c&&(a.pendingChunks++,c=a.nextChunkId++,b.set(d,c),d=u(a,c,"$P"+d),a.completedJSONChunks.push(d)),"$"+c.toString(16);if(d===Oa){a=E;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");d=a.parentValue;a.context._currentValue=
-d===pa?a.context._defaultValue:d;E=a.parent;return}return d}if("string"===typeof d)return a="$"===d[0]?"$"+d:d,a;if("boolean"===typeof d||"number"===typeof d||"undefined"===typeof d)return d;if("function"===typeof d){if(d.$$typeof===w)return Va(a,b,c,d);if(d.$$typeof===ha)return c=a.writtenServerReferences,b=c.get(d),void 0!==b?a="$F"+b.toString(16):(e={id:d.$$filepath,name:d.$$name,bound:Promise.resolve(d.$$bound)},a.pendingChunks++,b=a.nextChunkId++,e=da(a,b,e),a.completedJSONChunks.push(e),c.set(d,
-b),a="$F"+b.toString(16)),a;if(/^on[A-Z]/.test(c))throw Error("Event handlers cannot be passed to Client Component props."+Z(b,c)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+Z(b,c));}if("symbol"===typeof d){e=a.writtenSymbols;g=e.get(d);if(void 0!==g)return"$"+g.toString(16);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+
-(d.description+") cannot be found among global symbols.")+Z(b,c));a.pendingChunks++;c=a.nextChunkId++;b=u(a,c,"$S"+g);a.completedImportChunks.push(b);e.set(d,c);return"$"+c.toString(16)}if("bigint"===typeof d)throw Error("BigInt ("+d+") is not yet supported in Client Component props."+Z(b,c));throw Error("Type "+typeof d+" is not supported in Client Component props."+Z(b,c));}
-function V(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function Xa(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
-function W(a,b,c){c={digest:c};b=b.toString(16)+":E"+t(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function Ua(a){var b=T.current,c=Q;T.current=Ga;Q=a.cache;K=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++){var g=d[e];var h=a;if(0===g.status){H(g.context);try{var k=g.model;if("object"===typeof k&&null!==k&&k.$$typeof===y){var l=k,v=g.thenableState;g.model=k;k=X(h,l.type,l.key,l.ref,l.props,v);for(g.thenableState=null;"object"===typeof k&&null!==k&&k.$$typeof===y;)l=k,g.model=k,k=X(h,l.type,l.key,l.ref,l.props,null)}var ea=da(h,g.id,k);h.completedJSONChunks.push(ea);h.abortableTasks.delete(g);
-g.status=1}catch(F){var x=F===I?Aa():F;if("object"===typeof x&&null!==x&&"function"===typeof x.then){var L=g.ping;x.then(L,L);g.thenableState=Ba()}else{h.abortableTasks.delete(g);g.status=4;var fa=V(h,x);W(h,g.id,fa)}}}}null!==a.destination&&Ya(a,a.destination)}catch(F){V(a,F),Xa(a,F)}finally{T.current=b,Q=c,K=null}}
-function Ya(a,b){m=new Uint8Array(512);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedJSONChunks;for(d=0;d<e.length;d++)a.pendingChunks--,p(b,e[d]);e.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d)}finally{m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&b.close()}
-function Za(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=V(a,void 0===b?Error("The render was aborted by the server without a reason."):b);a.pendingChunks++;var e=a.nextChunkId++;W(a,e,d);c.forEach(function(g){g.status=3;var h="$"+e.toString(16);g=u(a,g.id,h);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&Ya(a,a.destination)}catch(g){V(a,g),Xa(a,g)}}
-function Ma(a){if(a){var b=E;H(null);for(var c=0;c<a.length;c++){var d=a[c],e=d[0];d=d[1];S[e]||(S[e]=aa.createServerContext(e,pa));xa(S[e],d)}a=E;H(b);return a}return null}
-exports.renderToReadableStream=function(a,b,c){var d=Ka(a,b,c?c.onError:void 0,c?c.context:void 0,c?c.identifierPrefix:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)Za(d,e.reason);else{var g=function(){Za(d,e.reason);e.removeEventListener("abort",g)};e.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){f?ba.run(d.cache,Ua,d):Ua(d)},pull:function(h){if(1===d.status)d.status=2,ca(h,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=h;try{Ya(d,
-h)}catch(k){V(d,k),Xa(d,k)}}},cancel:function(){}},{highWaterMark:0})};
+function Z(a,b){var c=Ya(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(E(a)){var e="[";for(var g=0;g<a.length;g++){0<g&&(e+=", ");var h=a[g];h="object"===typeof h&&null!==h?Z(h):Va(h);""+g===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+Y(a.type)+"/>";else{e="{";g=Object.keys(a);for(h=0;h<g.length;h++){0<h&&(e+=", ");var k=g[h],l=JSON.stringify(k);e+=('"'+k+'"'===l?k:l)+": ";l=a[k];l="object"===typeof l&&null!==l?Z(l):
+Va(l);k===b?(c=e.length,d=l.length,e+=l):e=10>l.length&&40>e.length+l.length?e+l:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}
+function Na(a,b,c,d){switch(d){case y:return"$"}for(;"object"===typeof d&&null!==d&&(d.$$typeof===y||d.$$typeof===z);)try{switch(d.$$typeof){case y:var e=d;d=X(a,e.type,e.key,e.ref,e.props,null);break;case z:var g=d._init;d=g(d._payload)}}catch(h){c=h===J?Aa():h;if("object"===typeof c&&null!==c&&"function"===typeof c.then)return a.pendingChunks++,a=Pa(a,d,G,a.abortableTasks),d=a.ping,c.then(d,d),a.thenableState=Ba(),"$L"+a.id.toString(16);a.pendingChunks++;d=a.nextChunkId++;c=U(a,c);V(a,d,c);return"$L"+
+d.toString(16)}if(null===d)return null;if("object"===typeof d){if(d.$$typeof===w)return Xa(a,b,c,d);if("function"===typeof d.then)return"$@"+Ra(a,d).toString(16);if(d.$$typeof===ja)return d=d._context._globalName,b=a.writtenProviders,c=b.get(c),void 0===c&&(a.pendingChunks++,c=a.nextChunkId++,b.set(d,c),d=u(a,c,"$P"+d),a.completedJSONChunks.push(d)),"$"+c.toString(16);if(d===Qa){a=G;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");d=a.parentValue;a.context._currentValue=
+d===pa?a.context._defaultValue:d;G=a.parent;return}return!E(d)&&(null===d||"object"!==typeof d?a=null:(a=ra&&d[ra]||d["@@iterator"],a="function"===typeof a?a:null),a)?Array.from(d):d}if("string"===typeof d)return a="$"===d[0]?"$"+d:d,a;if("boolean"===typeof d||"number"===typeof d||"undefined"===typeof d)return d;if("function"===typeof d){if(d.$$typeof===w)return Xa(a,b,c,d);if(d.$$typeof===ea)return c=a.writtenServerReferences,b=c.get(d),void 0!==b?a="$F"+b.toString(16):(e={id:d.$$id,bound:Promise.resolve(d.$$bound)},
+a.pendingChunks++,b=a.nextChunkId++,e=da(a,b,e),a.completedJSONChunks.push(e),c.set(d,b),a="$F"+b.toString(16)),a;if(/^on[A-Z]/.test(c))throw Error("Event handlers cannot be passed to Client Component props."+Z(b,c)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+Z(b,c));}if("symbol"===typeof d){e=a.writtenSymbols;g=e.get(d);
+if(void 0!==g)return"$"+g.toString(16);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+Z(b,c));a.pendingChunks++;c=a.nextChunkId++;b=u(a,c,"$S"+g);a.completedImportChunks.push(b);e.set(d,c);return"$"+c.toString(16)}if("bigint"===typeof d)throw Error("BigInt ("+d+") is not yet supported in Client Component props."+Z(b,c));throw Error("Type "+
+typeof d+" is not supported in Client Component props."+Z(b,c));}function U(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function Za(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
+function V(a,b,c){c={digest:c};b=b.toString(16)+":E"+t(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
+function Wa(a){var b=Ja.current,c=R;Ja.current=Ga;R=a.cache;L=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++){var g=d[e];var h=a;if(0===g.status){I(g.context);try{var k=g.model;if("object"===typeof k&&null!==k&&k.$$typeof===y){var l=k,v=g.thenableState;g.model=k;k=X(h,l.type,l.key,l.ref,l.props,v);for(g.thenableState=null;"object"===typeof k&&null!==k&&k.$$typeof===y;)l=k,g.model=k,k=X(h,l.type,l.key,l.ref,l.props,null)}var ha=da(h,g.id,k);h.completedJSONChunks.push(ha);h.abortableTasks.delete(g);
+g.status=1}catch(F){var x=F===J?Aa():F;if("object"===typeof x&&null!==x&&"function"===typeof x.then){var M=g.ping;x.then(M,M);g.thenableState=Ba()}else{h.abortableTasks.delete(g);g.status=4;var ia=U(h,x);V(h,g.id,ia)}}}}null!==a.destination&&W(a,a.destination)}catch(F){U(a,F),Za(a,F)}finally{Ja.current=b,R=c,L=null}}
+function W(a,b){m=new Uint8Array(512);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedJSONChunks;for(d=0;d<e.length;d++)a.pendingChunks--,p(b,e[d]);e.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d)}finally{m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&b.close()}
+function $a(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=U(a,void 0===b?Error("The render was aborted by the server without a reason."):b);a.pendingChunks++;var e=a.nextChunkId++;V(a,e,d);c.forEach(function(g){g.status=3;var h="$"+e.toString(16);g=u(a,g.id,h);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&W(a,a.destination)}catch(g){U(a,g),Za(a,g)}}
+function Oa(a){if(a){var b=G;I(null);for(var c=0;c<a.length;c++){var d=a[c],e=d[0];d=d[1];T[e]||(T[e]=aa.createServerContext(e,pa));xa(T[e],d)}a=G;I(b);return a}return null}
+exports.renderToReadableStream=function(a,b,c){var d=Ma(a,b,c?c.onError:void 0,c?c.context:void 0,c?c.identifierPrefix:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)$a(d,e.reason);else{var g=function(){$a(d,e.reason);e.removeEventListener("abort",g)};e.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){f?ba.run(d.cache,Wa,d):Wa(d)},pull:function(h){if(1===d.status)d.status=2,ca(h,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=h;try{W(d,
+h)}catch(k){U(d,k),Za(d,k)}}},cancel:function(){}},{highWaterMark:0})};

package/cjs/react-server-dom-webpack-server.node.development.js

@@ -273,7 +273,7 @@ function processImportChunk(request, id, clientReferenceMetadata) {
 var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function getClientReferenceKey(reference) {
-  return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
 }
 function isClientReference(reference) {
   return reference.$$typeof === CLIENT_REFERENCE_TAG;
@@ -282,9 +282,9 @@ function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
 }
 function resolveClientReferenceMetadata(config, clientReference) {
-  var resolvedModuleData = config[clientReference.filepath][clientReference.name];
+  var resolvedModuleData = config[clientReference.$$id];
 
-  if (clientReference.async) {
+  if (clientReference.$$async) {
     return {
       id: resolvedModuleData.id,
       chunks: resolvedModuleData.chunks,
@@ -297,8 +297,7 @@ function resolveClientReferenceMetadata(config, clientReference) {
 }
 function resolveServerReferenceMetadata(config, serverReference) {
   return {
-    id: serverReference.$$filepath,
-    name: serverReference.$$name,
+    id: serverReference.$$id,
     bound: Promise.resolve(serverReference.$$bound)
   };
 }
@@ -318,6 +317,21 @@ var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
 var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
 
 // It is handled by React separately and shouldn't be written to the DOM.
 
@@ -619,7 +633,7 @@ function isArray(a) {
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
-var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(p,q,w){function r(l){this.s=l}for(var t=$RC,m=$RM,u=new Map,n=new Map,g=document,h,e,f=g.querySelectorAll("template[data-precedence]"),c=0;e=f[c++];){for(var b=e.content.firstChild;b;b=b.nextSibling)u.set(b.getAttribute("data-href"),b);e.parentNode.removeChild(e)}f=g.querySelectorAll("link[data-precedence],style[data-precedence]");for(c=0;e=f[c++];)m.set(e.getAttribute("STYLE"===e.nodeName?"data-href":"href"),e),n.set(e.dataset.precedence,h=e);e=0;f=[];for(var d,\nv,a;d=w[e++];){var k=0;b=d[k++];if(!(a=m.get(b))){if(a=u.get(b))c=a.getAttribute("data-precedence");else{a=g.createElement("link");a.href=b;a.rel="stylesheet";for(a.dataset.precedence=c=d[k++];v=d[k++];)a.setAttribute(v,d[k++]);d=a._p=new Promise(function(l,x){a.onload=l;a.onerror=x});d.then(r.bind(d,"l"),r.bind(d,"e"))}m.set(b,a);b=n.get(c)||h;b===h&&(h=a);n.set(c,a);b?b.parentNode.insertBefore(a,b.nextSibling):(c=g.head,c.insertBefore(a,c.firstChild))}d=a._p;c=a.getAttribute("media");!d||"l"===\nd.s||c&&!matchMedia(c).matches||f.push(d)}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};';
+var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(t,u,y){function v(n){this.s=n}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=y[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var e=f[m++];if(a=p.get(e)){var d=a._p;c=!0}else{a=r.createElement("link");a.href=e;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];d=f[m++];)a.setAttribute(d,f[m++]);d=a._p=new Promise(function(n,z){a.onload=n;a.onerror=z});d.then(v.bind(d,"l"),v.bind(d,"e"));p.set(e,a)}e=a.getAttribute("media");!d||"l"===d.s||e&&!matchMedia(e).matches||h.push(d);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};';
 var completeSegment = '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};';
 
 stringToPrecomputedChunk('"></template>');
@@ -719,11 +733,16 @@ stringToPrecomputedChunk('" data-dgst="');
 stringToPrecomputedChunk('" data-msg="');
 stringToPrecomputedChunk('" data-stck="');
 
-stringToPrecomputedChunk('<template data-precedence="">');
-stringToPrecomputedChunk('</template>'); // Tracks whether we wrote any late style tags. We use this to determine
-stringToPrecomputedChunk('<style data-precedence="');
-stringToPrecomputedChunk('"></style>');
+stringToPrecomputedChunk('<style media="not all" data-precedence="');
+stringToPrecomputedChunk('" data-href="');
+stringToPrecomputedChunk('">');
+stringToPrecomputedChunk('</style>'); // Tracks whether the boundary currently flushing is flushign style tags or has any
 
+stringToPrecomputedChunk('<style data-precedence="');
+stringToPrecomputedChunk('" data-href="');
+stringToPrecomputedChunk(' ');
+stringToPrecomputedChunk('">');
+stringToPrecomputedChunk('</style>');
 stringToPrecomputedChunk('[');
 stringToPrecomputedChunk(',[');
 stringToPrecomputedChunk(',');
@@ -1345,7 +1364,8 @@ function serializeThenable(request, thenable) {
     newTask.model = value;
     pingTask(request, newTask);
   }, function (reason) {
-    // TODO: Is it safe to directly emit these without being inside a retry?
+    newTask.status = ERRORED; // TODO: We should ideally do this inside performWork so it's scheduled
+
     var digest = logRecoverableError(request, reason);
 
     {
@@ -1355,6 +1375,10 @@ function serializeThenable(request, thenable) {
 
       emitErrorChunkDev(request, newTask.id, digest, _message, _stack);
     }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
   });
   return newTask.id;
 }
@@ -2108,6 +2132,14 @@ function resolveModelToJSON(request, parent, key, value) {
       return undefined;
     }
 
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
     {
       if (value !== null && !isArray(value)) {
         // Verify that this is a simple plain object.