idmission-web-sdk 2.3.203 → 2.3.204

package/dist/components/submission/SubmissionErrorOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionErrorOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/submission/SubmissionErrorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAKxD,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,eAAe,GAAG,YAAY,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,sBAAsB,wBAGhC,2BAA2B,KAAG,YAkBhC,CAAA"}
+{"version":3,"file":"SubmissionErrorOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/submission/SubmissionErrorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAMxD,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,eAAe,GAAG,YAAY,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,sBAAsB,wBAGhC,2BAA2B,KAAG,YAkBhC,CAAA"}

package/dist/components/submission/SubmissionSuccess.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionSuccess.d.ts","sourceRoot":"","sources":["../../../src/components/submission/SubmissionSuccess.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAiC,MAAM,OAAO,CAAA;AAyC1E,eAAO,MAAM,iBAAiB,QAAO,YAoNpC,CAAA"}
+{"version":3,"file":"SubmissionSuccess.d.ts","sourceRoot":"","sources":["../../../src/components/submission/SubmissionSuccess.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,YAAY,EAKb,MAAM,OAAO,CAAA;AAgEd,eAAO,MAAM,iBAAiB,QAAO,YA+apC,CAAA"}

package/dist/components/submission/jsonHighlight.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const deepParseJsonStrings: (value: unknown) => unknown;
+export declare const syntaxColors: {
+    key: string;
+    string: string;
+    number: string;
+    boolean: string;
+    null: string;
+    punctuation: string;
+};
+export declare const highlightJson: (str: string) => React.ReactNode;
+//# sourceMappingURL=jsonHighlight.d.ts.map

package/dist/components/submission/jsonHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonHighlight.d.ts","sourceRoot":"","sources":["../../../src/components/submission/jsonHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,oBAAoB,UAAW,OAAO,KAAG,OAoBrD,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,eAAO,MAAM,aAAa,QAAS,MAAM,KAAG,KAAK,CAAC,SA6EjD,CAAA"}

package/dist/sdk2.cjs.development.js

@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.203';
+var webSdkVersion = '2.3.204';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -661,22 +661,32 @@ var SessionValidationFailedError = /** @class */function (_super) {
   return SessionValidationFailedError;
 }(Error);
 
-var SubmissionErrorOverlay = function SubmissionErrorOverlay(_a) {
-  var error = _a.error,
-    onRetry = _a.onRetry;
-  return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, null, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
-    style: {
-      justifyContent: 'center',
-      alignItems: 'center',
-      display: 'flex'
+var looksLikeJson = function looksLikeJson(value) {
+  var trimmed = value.trim();
+  if (trimmed.length < 2) return false;
+  var first = trimmed[0];
+  var last = trimmed[trimmed.length - 1];
+  return first === '{' && last === '}' || first === '[' && last === ']';
+};
+var _deepParseJsonStrings = function deepParseJsonStrings(value) {
+  if (typeof value === 'string' && looksLikeJson(value)) {
+    try {
+      return _deepParseJsonStrings(JSON.parse(value));
+    } catch (_a) {
+      return value;
     }
-  }, error instanceof NetworkError ? (/*#__PURE__*/React__namespace.default.createElement(NetworkErrorContent, {
-    error: error,
-    onRetry: onRetry
-  })) : (/*#__PURE__*/React__namespace.default.createElement(SubmissionErrorContent, {
-    error: error,
-    onRetry: onRetry
-  }))));
+  }
+  if (Array.isArray(value)) {
+    return value.map(_deepParseJsonStrings);
+  }
+  if (value && typeof value === 'object') {
+    return Object.fromEntries(Object.entries(value).map(function (_a) {
+      var k = _a[0],
+        v = _a[1];
+      return [k, _deepParseJsonStrings(v)];
+    }));
+  }
+  return value;
 };
 var syntaxColors = {
   key: '#7dd3fc',
@@ -701,12 +711,10 @@ var highlightJson = function highlightJson(str) {
   }
   var elements = [];
   var i = 0;
-  // Regex to match JSON tokens
   var tokenRegex = /("(?:[^"\\]|\\.)*")\s*:|("(?:[^"\\]|\\.)*")|(-?\d+\.?\d*(?:[eE][+-]?\d+)?)|(\btrue\b|\bfalse\b)|(\bnull\b)|([{}[\],:])/g;
   var lastIndex = 0;
-  var match;
-  while ((match = tokenRegex.exec(json)) !== null) {
-    // Add any whitespace/text before this match
+  var match = tokenRegex.exec(json);
+  while (match !== null) {
     if (match.index > lastIndex) {
       elements.push(json.slice(lastIndex, match.index));
     }
@@ -717,7 +725,6 @@ var highlightJson = function highlightJson(str) {
       nullVal = match[5],
       punctuation = match[6];
     if (key) {
-      // It's a key (string followed by colon) - key includes quotes but not the colon
       elements.push(/*#__PURE__*/React__namespace.default.createElement("span", {
         key: i++,
         style: {
@@ -767,13 +774,31 @@ var highlightJson = function highlightJson(str) {
       }, punctuation));
     }
     lastIndex = tokenRegex.lastIndex;
+    match = tokenRegex.exec(json);
   }
-  // Add any remaining text
   if (lastIndex < json.length) {
     elements.push(json.slice(lastIndex));
   }
   return elements;
 };
+
+var SubmissionErrorOverlay = function SubmissionErrorOverlay(_a) {
+  var error = _a.error,
+    onRetry = _a.onRetry;
+  return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, null, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
+    style: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      display: 'flex'
+    }
+  }, error instanceof NetworkError ? (/*#__PURE__*/React__namespace.default.createElement(NetworkErrorContent, {
+    error: error,
+    onRetry: onRetry
+  })) : (/*#__PURE__*/React__namespace.default.createElement(SubmissionErrorContent, {
+    error: error,
+    onRetry: onRetry
+  }))));
+};
 var SubmissionErrorContent = function SubmissionErrorContent(_a) {
   var error = _a.error,
     onRetry = _a.onRetry;
@@ -798,7 +823,7 @@ var SubmissionErrorContent = function SubmissionErrorContent(_a) {
       }, 2000);
     });
   }, [error.status.statusCode, error.message, error.status.errorData]);
-  return /*#__PURE__*/React__namespace.default.createElement(ErrorContainer, null, /*#__PURE__*/React__namespace.default.createElement(ErrorIcon, null, "!"), /*#__PURE__*/React__namespace.default.createElement(Heading$b, null, headingText), error.status.statusCode && (/*#__PURE__*/React__namespace.default.createElement(StatusBadge$1, null, /*#__PURE__*/React__namespace.default.createElement(StatusLabel, null, "Status"), /*#__PURE__*/React__namespace.default.createElement(StatusValue, null, error.status.statusCode))), /*#__PURE__*/React__namespace.default.createElement(DetailsSection, null, /*#__PURE__*/React__namespace.default.createElement(DetailsHeader, null, /*#__PURE__*/React__namespace.default.createElement(DetailsLabel, null, "Error Details"), /*#__PURE__*/React__namespace.default.createElement(CopyButton, {
+  return /*#__PURE__*/React__namespace.default.createElement(ErrorContainer, null, /*#__PURE__*/React__namespace.default.createElement(ErrorIcon, null, "!"), /*#__PURE__*/React__namespace.default.createElement(Heading$b, null, headingText), error.status.statusCode && (/*#__PURE__*/React__namespace.default.createElement(StatusBadge$1, null, /*#__PURE__*/React__namespace.default.createElement(StatusLabel, null, "Status"), /*#__PURE__*/React__namespace.default.createElement(StatusValue, null, error.status.statusCode))), /*#__PURE__*/React__namespace.default.createElement(DetailsSection, null, /*#__PURE__*/React__namespace.default.createElement(DetailsHeader, null, /*#__PURE__*/React__namespace.default.createElement(DetailsLabel, null, "Error Details"), /*#__PURE__*/React__namespace.default.createElement(CopyButton$1, {
     onClick: copyToClipboard,
     type: "button"
   }, copied ? 'Copied!' : 'Copy')), /*#__PURE__*/React__namespace.default.createElement(CodeBlock, null, /*#__PURE__*/React__namespace.default.createElement("code", null, highlightJson(error.message)))), error.status.errorData && (/*#__PURE__*/React__namespace.default.createElement(DetailsSection, null, /*#__PURE__*/React__namespace.default.createElement(DetailsLabel, null, "Additional Data"), /*#__PURE__*/React__namespace.default.createElement(CodeBlock, null, /*#__PURE__*/React__namespace.default.createElement("code", null, highlightJson(error.status.errorData))))), onRetry && (/*#__PURE__*/React__namespace.default.createElement(RetryContainer, null, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
@@ -829,7 +854,7 @@ var StatusValue = styled__default.default.span(templateObject_7$8 || (templateOb
 var DetailsSection = styled__default.default.div(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n  width: 100%;\n  margin-bottom: 16px;\n"], ["\n  width: 100%;\n  margin-bottom: 16px;\n"])));
 var DetailsHeader = styled__default.default.div(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n"])));
 var DetailsLabel = styled__default.default.span(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #6b7280;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #6b7280;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n"])));
-var CopyButton = styled__default.default.button(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"], ["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"])));
+var CopyButton$1 = styled__default.default.button(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"], ["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"])));
 var CodeBlock = styled__default.default.pre(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n  background-color: #1f2937;\n  border-radius: 8px;\n  padding: 16px;\n  margin: 0;\n  overflow-x: auto;\n  max-height: 300px;\n  overflow-y: auto;\n  text-align: left;\n\n  code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 0.8125rem;\n    line-height: 1.6;\n    color: #e5e7eb;\n    white-space: pre-wrap;\n    word-break: break-word;\n    display: block;\n    text-align: left;\n  }\n"], ["\n  background-color: #1f2937;\n  border-radius: 8px;\n  padding: 16px;\n  margin: 0;\n  overflow-x: auto;\n  max-height: 300px;\n  overflow-y: auto;\n  text-align: left;\n\n  code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 0.8125rem;\n    line-height: 1.6;\n    color: #e5e7eb;\n    white-space: pre-wrap;\n    word-break: break-word;\n    display: block;\n    text-align: left;\n  }\n"])));
 var RetryContainer = styled__default.default.div(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n  margin-top: 24px;\n"], ["\n  margin-top: 24px;\n"])));
 var templateObject_1$Q, templateObject_2$L, templateObject_3$y, templateObject_4$r, templateObject_5$k, templateObject_6$c, templateObject_7$8, templateObject_8$7, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$3;
@@ -11348,13 +11373,13 @@ var BarcodeComparisonScoreLabel = styled__default.default.span(templateObject_23
 });
 // Native barcode result styles
 var NativeBarcodeResultCard = styled__default.default.div(templateObject_24$1 || (templateObject_24$1 = __makeTemplateObject(["\n  margin-top: 0.75rem;\n  margin-bottom: 1rem;\n  padding: 0.75rem;\n  background: #cce5ff;\n  border-radius: 8px;\n  border: 1px solid #b8daff;\n  text-align: left;\n"], ["\n  margin-top: 0.75rem;\n  margin-bottom: 1rem;\n  padding: 0.75rem;\n  background: #cce5ff;\n  border-radius: 8px;\n  border: 1px solid #b8daff;\n  text-align: left;\n"])));
-var NativeBarcodeHeader = styled__default.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: #004085;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: #004085;\n"])));
-var NativeBarcodeRow = styled__default.default.div(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0.375rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0.375rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
-var NativeBarcodeLabel = styled__default.default.span(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  margin-bottom: 0.125rem;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  margin-bottom: 0.125rem;\n"])));
-var NativeBarcodeData = styled__default.default.pre(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  font-size: 0.6875rem;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  color: #004085;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 150px;\n  overflow-y: auto;\n"], ["\n  font-size: 0.6875rem;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  color: #004085;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 150px;\n  overflow-y: auto;\n"])));
-var NativeBarcodeFieldsTable = styled__default.default.table(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  display: block;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  border-collapse: collapse;\n\n  tbody {\n    display: table;\n    width: 100%;\n  }\n"], ["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  display: block;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  border-collapse: collapse;\n\n  tbody {\n    display: table;\n    width: 100%;\n  }\n"])));
-var NativeBarcodeFieldTableRow = styled__default.default.tr(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  border-bottom: 1px solid rgba(0, 64, 133, 0.1);\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  @media (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    padding: 0.375rem 0;\n  }\n"], ["\n  border-bottom: 1px solid rgba(0, 64, 133, 0.1);\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  @media (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    padding: 0.375rem 0;\n  }\n"])));
-var NativeBarcodeFieldLabelCell = styled__default.default.td(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  padding: 0.375rem 0.75rem 0.375rem 0;\n  white-space: nowrap;\n  vertical-align: top;\n\n  @media (max-width: 480px) {\n    padding: 0 0 0.125rem 0;\n    white-space: normal;\n  }\n"], ["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  padding: 0.375rem 0.75rem 0.375rem 0;\n  white-space: nowrap;\n  vertical-align: top;\n\n  @media (max-width: 480px) {\n    padding: 0 0 0.125rem 0;\n    white-space: normal;\n  }\n"])));
+var NativeBarcodeHeader = styled__default.default.div(templateObject_25$1 || (templateObject_25$1 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: #004085;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: #004085;\n"])));
+var NativeBarcodeRow = styled__default.default.div(templateObject_26$1 || (templateObject_26$1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0.375rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0.375rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var NativeBarcodeLabel = styled__default.default.span(templateObject_27$1 || (templateObject_27$1 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  margin-bottom: 0.125rem;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  margin-bottom: 0.125rem;\n"])));
+var NativeBarcodeData = styled__default.default.pre(templateObject_28$1 || (templateObject_28$1 = __makeTemplateObject(["\n  font-size: 0.6875rem;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  color: #004085;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 150px;\n  overflow-y: auto;\n"], ["\n  font-size: 0.6875rem;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  color: #004085;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 150px;\n  overflow-y: auto;\n"])));
+var NativeBarcodeFieldsTable = styled__default.default.table(templateObject_29$1 || (templateObject_29$1 = __makeTemplateObject(["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  display: block;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  border-collapse: collapse;\n\n  tbody {\n    display: table;\n    width: 100%;\n  }\n"], ["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  display: block;\n  background: rgba(255, 255, 255, 0.5);\n  padding: 0.5rem;\n  border-radius: 4px;\n  border-collapse: collapse;\n\n  tbody {\n    display: table;\n    width: 100%;\n  }\n"])));
+var NativeBarcodeFieldTableRow = styled__default.default.tr(templateObject_30$1 || (templateObject_30$1 = __makeTemplateObject(["\n  border-bottom: 1px solid rgba(0, 64, 133, 0.1);\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  @media (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    padding: 0.375rem 0;\n  }\n"], ["\n  border-bottom: 1px solid rgba(0, 64, 133, 0.1);\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  @media (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    padding: 0.375rem 0;\n  }\n"])));
+var NativeBarcodeFieldLabelCell = styled__default.default.td(templateObject_31$1 || (templateObject_31$1 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  padding: 0.375rem 0.75rem 0.375rem 0;\n  white-space: nowrap;\n  vertical-align: top;\n\n  @media (max-width: 480px) {\n    padding: 0 0 0.125rem 0;\n    white-space: normal;\n  }\n"], ["\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #004085;\n  padding: 0.375rem 0.75rem 0.375rem 0;\n  white-space: nowrap;\n  vertical-align: top;\n\n  @media (max-width: 480px) {\n    padding: 0 0 0.125rem 0;\n    white-space: normal;\n  }\n"])));
 var NativeBarcodeFieldValueCell = styled__default.default.td(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  color: #004085;\n  padding: 0.375rem 0;\n  word-break: break-word;\n\n  @media (max-width: 480px) {\n    padding: 0;\n  }\n"], ["\n  font-size: 0.75rem;\n  color: #004085;\n  padding: 0.375rem 0;\n  word-break: break-word;\n\n  @media (max-width: 480px) {\n    padding: 0;\n  }\n"
 // Container for barcode decode results section
 ])));
@@ -11402,7 +11427,7 @@ var DiagnosticsBadge = styled__default.default.span(templateObject_51 || (templa
     $highlight = _a.$highlight;
   return $highlight ? '#b8daff' : $ok ? '#c3e6cb' : '#f5c6cb';
 });
-var templateObject_1$F, templateObject_2$B, templateObject_3$r, templateObject_4$l, templateObject_5$g, templateObject_6$a, templateObject_7$6, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51;
+var templateObject_1$F, templateObject_2$B, templateObject_3$r, templateObject_4$l, templateObject_5$g, templateObject_6$a, templateObject_7$6, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26$1, templateObject_27$1, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51;
 
 function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
   var _this = this;
@@ -17922,6 +17947,19 @@ function FaceLivenessWizardWithProviders(_a) {
   }, /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
 }
 
+var toDataUrl = function toDataUrl(value) {
+  return value.startsWith('data:') ? value : "data:image/jpeg;base64,".concat(value);
+};
+var readDocumentId = function readDocumentId(submissionRequest, path) {
+  var node = submissionRequest;
+  for (var _i = 0, path_1 = path; _i < path_1.length; _i++) {
+    var segment = path_1[_i];
+    if (!node || typeof node !== 'object') return null;
+    node = node[segment];
+  }
+  if (typeof node !== 'string') return null;
+  return node.startsWith('urn:documentsv1:') ? node : null;
+};
 var quickFactConfig = [{
   key: 'uniqueRequestId',
   label: 'Unique Request ID'
@@ -17961,7 +17999,18 @@ var SubmissionSuccess = function SubmissionSuccess() {
   var _a;
   var _b = React.useContext(SubmissionContext),
     submissionRequest = _b.submissionRequest,
-    submissionResponse = _b.submissionResponse;
+    submissionResponse = _b.submissionResponse,
+    idFrontImage = _b.idFrontImage,
+    idBackImage = _b.idBackImage,
+    passportImage = _b.passportImage,
+    idBarcodeImage = _b.idBarcodeImage,
+    idFrontIrImage = _b.idFrontIrImage,
+    idBackIrImage = _b.idBackIrImage,
+    idFrontUvImage = _b.idFrontUvImage,
+    idBackUvImage = _b.idBackUvImage,
+    idCaptureVideoIdFrontImage = _b.idCaptureVideoIdFrontImage,
+    idCaptureVideoIdBackImage = _b.idCaptureVideoIdBackImage,
+    selfieImage = _b.selfieImage;
   var _c = React.useState(false),
     showRequestBody = _c[0],
     setShowRequestBody = _c[1];
@@ -17971,6 +18020,36 @@ var SubmissionSuccess = function SubmissionSuccess() {
   var _e = React.useState(true),
     truncateImages = _e[0],
     setTruncateImages = _e[1];
+  var _f = React.useState(false),
+    requestCopied = _f[0],
+    setRequestCopied = _f[1];
+  var _g = React.useState(false),
+    responseCopied = _g[0],
+    setResponseCopied = _g[1];
+  var _h = React.useState(true),
+    expandEmbeddedJson = _h[0],
+    setExpandEmbeddedJson = _h[1];
+  var _j = React.useState(null),
+    copiedAssetKey = _j[0],
+    setCopiedAssetKey = _j[1];
+  var copyText = React.useCallback(function (text, setCopied) {
+    navigator.clipboard.writeText(text).then(function () {
+      setCopied(true);
+      setTimeout(function () {
+        return setCopied(false);
+      }, 2000);
+    });
+  }, []);
+  var copyAssetId = React.useCallback(function (assetKey, documentId) {
+    navigator.clipboard.writeText(documentId).then(function () {
+      setCopiedAssetKey(assetKey);
+      setTimeout(function () {
+        return setCopiedAssetKey(function (current) {
+          return current === assetKey ? null : current;
+        });
+      }, 2000);
+    });
+  }, []);
   var status = submissionResponse === null || submissionResponse === void 0 ? void 0 : submissionResponse.status;
   var resultData = React.useMemo(function () {
     var _a;
@@ -17985,12 +18064,84 @@ var SubmissionSuccess = function SubmissionSuccess() {
       if ((_d = (_c = body === null || body === void 0 ? void 0 : body.customerData) === null || _c === void 0 ? void 0 : _c.idData) === null || _d === void 0 ? void 0 : _d.idImageBack) body.customerData.idData.idImageBack = truncate(body.customerData.idData.idImageBack, 200);
       if ((_f = (_e = body === null || body === void 0 ? void 0 : body.customerData) === null || _e === void 0 ? void 0 : _e.biometricData) === null || _f === void 0 ? void 0 : _f.selfie) body.customerData.biometricData.selfie = truncate(body.customerData.biometricData.selfie, 200);
     }
-    return JSON.stringify(body, null, 2);
-  }, [submissionRequest, truncateImages]);
+    return JSON.stringify(expandEmbeddedJson ? _deepParseJsonStrings(body) : body, null, 2);
+  }, [submissionRequest, truncateImages, expandEmbeddedJson]);
   var responseBodyDisplay = React.useMemo(function () {
     if (!submissionResponse) return 'No response payload yet.';
-    return JSON.stringify(submissionResponse, null, 2);
-  }, [submissionResponse]);
+    return JSON.stringify(expandEmbeddedJson ? _deepParseJsonStrings(submissionResponse) : submissionResponse, null, 2);
+  }, [submissionResponse, expandEmbeddedJson]);
+  var capturedAssets = React.useMemo(function () {
+    var entries = [{
+      key: 'idFrontImage',
+      label: 'ID Front',
+      value: idFrontImage,
+      requestPath: ['customerData', 'idData', 'idImageFront']
+    }, {
+      key: 'idBackImage',
+      label: 'ID Back',
+      value: idBackImage,
+      requestPath: ['customerData', 'idData', 'idImageBack']
+    }, {
+      key: 'passportImage',
+      label: 'Passport',
+      value: passportImage,
+      requestPath: ['customerData', 'idData', 'idImageFront']
+    }, {
+      key: 'idCaptureVideoIdFrontImage',
+      label: 'Video ID Front',
+      value: idCaptureVideoIdFrontImage,
+      requestPath: ['customerData', 'idData', 'videoIdImageFront']
+    }, {
+      key: 'idCaptureVideoIdBackImage',
+      label: 'Video ID Back',
+      value: idCaptureVideoIdBackImage,
+      requestPath: ['customerData', 'idData', 'videoIdImageBack']
+    }, {
+      key: 'idBarcodeImage',
+      label: 'Barcode',
+      value: idBarcodeImage,
+      requestPath: ['customerData', 'idData', 'idBarcodeImage']
+    }, {
+      key: 'idFrontIrImage',
+      label: 'IR Front',
+      value: idFrontIrImage,
+      requestPath: ['customerData', 'idData', 'idFrontIrImage']
+    }, {
+      key: 'idBackIrImage',
+      label: 'IR Back',
+      value: idBackIrImage,
+      requestPath: ['customerData', 'idData', 'idBackIrImage']
+    }, {
+      key: 'idFrontUvImage',
+      label: 'UV Front',
+      value: idFrontUvImage,
+      requestPath: ['customerData', 'idData', 'idFrontUvImage']
+    }, {
+      key: 'idBackUvImage',
+      label: 'UV Back',
+      value: idBackUvImage,
+      requestPath: ['customerData', 'idData', 'idBackUvImage']
+    }, {
+      key: 'selfieImage',
+      label: 'Selfie',
+      value: selfieImage,
+      requestPath: ['customerData', 'biometricData', 'selfie']
+    }];
+    return entries.filter(function (entry) {
+      return Boolean(entry.value);
+    }).map(function (_a) {
+      var key = _a.key,
+        label = _a.label,
+        value = _a.value,
+        requestPath = _a.requestPath;
+      return {
+        key: key,
+        label: label,
+        src: toDataUrl(value),
+        documentId: readDocumentId(submissionRequest, requestPath)
+      };
+    });
+  }, [submissionRequest, idFrontImage, idBackImage, passportImage, idBarcodeImage, idFrontIrImage, idBackIrImage, idFrontUvImage, idBackUvImage, idCaptureVideoIdFrontImage, idCaptureVideoIdBackImage, selfieImage]);
   var quickFacts = React.useMemo(function () {
     return quickFactConfig.map(function (field) {
       var value = resultData[field.key];
@@ -18056,28 +18207,58 @@ var SubmissionSuccess = function SubmissionSuccess() {
     return /*#__PURE__*/React__namespace.default.createElement(DetailItem, {
       key: detail.label
     }, /*#__PURE__*/React__namespace.default.createElement(SummaryLabel, null, detail.label), /*#__PURE__*/React__namespace.default.createElement(SummaryValue, null, detail.value));
-  })))), /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Raw payloads"), /*#__PURE__*/React__namespace.default.createElement(SectionDescription, null, "Need to dig deeper? Expand the payloads below to inspect the full JSON."), /*#__PURE__*/React__namespace.default.createElement(JsonControls, null, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
+  })))), capturedAssets.length > 0 && (/*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Captured assets"), /*#__PURE__*/React__namespace.default.createElement(SectionDescription, null, "Images that were uploaded with this submission."), /*#__PURE__*/React__namespace.default.createElement(AssetGrid, null, capturedAssets.map(function (asset) {
+    return /*#__PURE__*/React__namespace.default.createElement(AssetCard, {
+      key: asset.key
+    }, /*#__PURE__*/React__namespace.default.createElement(AssetThumb, null, /*#__PURE__*/React__namespace.default.createElement("img", {
+      src: asset.src,
+      alt: asset.label
+    })), /*#__PURE__*/React__namespace.default.createElement(SummaryLabel, null, asset.label), asset.documentId && (/*#__PURE__*/React__namespace.default.createElement(AssetIdButton, {
+      type: "button",
+      onClick: function onClick() {
+        return copyAssetId(asset.key, asset.documentId);
+      },
+      title: asset.documentId
+    }, copiedAssetKey === asset.key ? 'Copied!' : 'Copy ID')));
+  })))), /*#__PURE__*/React__namespace.default.createElement(Section, null, /*#__PURE__*/React__namespace.default.createElement(SectionTitle, null, "Raw payloads"), /*#__PURE__*/React__namespace.default.createElement(SectionDescription, null, "Need to dig deeper? Expand the payloads below to inspect the full JSON."), /*#__PURE__*/React__namespace.default.createElement(JsonControls, null, /*#__PURE__*/React__namespace.default.createElement(ToggleButton, {
+    type: "button",
     onClick: function onClick() {
       return setShowRequestBody(function (prev) {
         return !prev;
       });
     }
-  }, showRequestBody ? 'Hide request JSON' : 'Show request JSON'), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
+  }, showRequestBody ? 'Hide request JSON' : 'Show request JSON'), /*#__PURE__*/React__namespace.default.createElement(ToggleButton, {
+    type: "button",
     onClick: function onClick() {
       return setShowResponseBody(function (prev) {
         return !prev;
       });
     }
-  }, showResponseBody ? 'Hide response JSON' : 'Show response JSON')), showRequestBody && (/*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
-    style: {
-      marginLeft: 'auto'
-    },
+  }, showResponseBody ? 'Hide response JSON' : 'Show response JSON'), (showRequestBody || showResponseBody) && (/*#__PURE__*/React__namespace.default.createElement(ToggleButton, {
+    type: "button",
+    onClick: function onClick() {
+      return setExpandEmbeddedJson(function (prev) {
+        return !prev;
+      });
+    }
+  }, expandEmbeddedJson ? 'Show embedded JSON as strings' : 'Expand embedded JSON'))), showRequestBody && (/*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Request Body"), /*#__PURE__*/React__namespace.default.createElement(JsonBlockActions, null, /*#__PURE__*/React__namespace.default.createElement(CopyButton, {
+    type: "button",
     onClick: function onClick() {
       return setTruncateImages(function (prev) {
         return !prev;
       });
     }
-  }, truncateImages ? 'Display full images' : 'Truncate images')), /*#__PURE__*/React__namespace.default.createElement("pre", null, requestBodyDisplay))), showResponseBody && (/*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Response Body")), /*#__PURE__*/React__namespace.default.createElement("pre", null, responseBodyDisplay)))));
+  }, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__namespace.default.createElement(CopyButton, {
+    type: "button",
+    onClick: function onClick() {
+      return copyText(requestBodyDisplay, setRequestCopied);
+    }
+  }, requestCopied ? 'Copied!' : 'Copy'))), /*#__PURE__*/React__namespace.default.createElement("pre", null, /*#__PURE__*/React__namespace.default.createElement("code", null, highlightJson(requestBodyDisplay))))), showResponseBody && (/*#__PURE__*/React__namespace.default.createElement(JsonBlock, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockHeader, null, /*#__PURE__*/React__namespace.default.createElement(JsonBlockTitle, null, "Response Body"), /*#__PURE__*/React__namespace.default.createElement(JsonBlockActions, null, /*#__PURE__*/React__namespace.default.createElement(CopyButton, {
+    type: "button",
+    onClick: function onClick() {
+      return copyText(responseBodyDisplay, setResponseCopied);
+    }
+  }, responseCopied ? 'Copied!' : 'Copy'))), /*#__PURE__*/React__namespace.default.createElement("pre", null, /*#__PURE__*/React__namespace.default.createElement("code", null, highlightJson(responseBodyDisplay)))))));
 };
 var Container$5 = styled__default.default.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  padding: 24px;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  background: #f6f7fb;\n"], ["\n  padding: 24px;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  background: #f6f7fb;\n"])));
 var Hero = styled__default.default.div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n"])));
@@ -18100,15 +18281,22 @@ var DecisionCode = styled__default.default.span(templateObject_18 || (templateOb
 var DetailGrid = styled__default.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n"])));
 var DetailItem = styled__default.default(SummaryCard)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  min-height: 110px;\n"], ["\n  min-height: 110px;\n"])));
 var JsonControls = styled__default.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n"])));
-var JsonBlock = styled__default.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  background: #0f172a;\n  color: #e2e8f0;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n  pre {\n    margin: 0;\n    max-height: 300px;\n    overflow: auto;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n"], ["\n  background: #0f172a;\n  color: #e2e8f0;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n  pre {\n    margin: 0;\n    max-height: 300px;\n    overflow: auto;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n"])));
-var JsonBlockHeader = styled__default.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: 12px;\n"])));
-var JsonBlockTitle = styled__default.default.h6(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n"], ["\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n"])));
+var ToggleButton = styled__default.default.button(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  background-color: #fff;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 6px 12px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #f3f4f6;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #e5e7eb;\n  }\n"], ["\n  background-color: #fff;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 6px 12px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #f3f4f6;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #e5e7eb;\n  }\n"])));
+var JsonBlock = styled__default.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  background: #0f172a;\n  color: #e2e8f0;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n  pre {\n    margin: 0;\n    max-height: 300px;\n    overflow: auto;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n"], ["\n  background: #0f172a;\n  color: #e2e8f0;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 8px 30px rgba(3, 7, 18, 0.4);\n\n  pre {\n    margin: 0;\n    max-height: 300px;\n    overflow: auto;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n"])));
+var JsonBlockHeader = styled__default.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: 12px;\n"])));
+var JsonBlockActions = styled__default.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var CopyButton = styled__default.default.button(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  background-color: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #e2e8f0;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.15);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  &:active {\n    background-color: rgba(255, 255, 255, 0.22);\n  }\n"], ["\n  background-color: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #e2e8f0;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.15);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  &:active {\n    background-color: rgba(255, 255, 255, 0.22);\n  }\n"])));
+var AssetGrid = styled__default.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n  gap: 16px;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n  gap: 16px;\n"])));
+var AssetCard = styled__default.default.div(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  background: #fff;\n  border-radius: 12px;\n  padding: 12px;\n  box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n"], ["\n  background: #fff;\n  border-radius: 12px;\n  padding: 12px;\n  box-shadow: 0 4px 24px rgba(16, 24, 64, 0.08);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n"])));
+var AssetIdButton = styled__default.default.button(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"], ["\n  background-color: #f3f4f6;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 4px 10px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n  cursor: pointer;\n  transition: all 0.15s ease;\n\n  &:hover {\n    background-color: #e5e7eb;\n    border-color: #9ca3af;\n  }\n\n  &:active {\n    background-color: #d1d5db;\n  }\n"])));
+var AssetThumb = styled__default.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  background: #0f172a;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n"], ["\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  background: #0f172a;\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n"])));
+var JsonBlockTitle = styled__default.default.h6(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n"], ["\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n"])));
 function truncate(str, maxChars) {
   var truncated = str.split('').splice(0, maxChars).join('');
   if (truncated.length < str.length) truncated += '...';
   return truncated;
 }
-var templateObject_1$g, templateObject_2$f, templateObject_3$d, templateObject_4$9, templateObject_5$6, templateObject_6$3, templateObject_7$2, templateObject_8$2, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+var templateObject_1$g, templateObject_2$f, templateObject_3$d, templateObject_4$9, templateObject_5$6, templateObject_6$3, templateObject_7$2, templateObject_8$2, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31;
 
 var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
   var document = _a.document,