@relayprotocol/relay-kit-ui 7.1.3 → 7.1.4

package/_cjs/src/components/common/ErrorWell.js

@@ -20,7 +20,7 @@ const ErrorWell = ({ error, hasTxHashes, fromChain }) => {
         }
         if (!hasTxHashes ||
             error?.message?.includes('Deposit transaction with hash')) {
-            return 'Oops, something went wrong while initiating the swap. Your request was not submitted. Please try again.';
+            return 'Oops, something went wrong while initiating the swap. Your request was not submitted. Please try again, and make sure your wallet is unlocked.';
         }
         else if (error?.message?.includes('solver status check')) {
             return 'This transaction is taking longer than usual to process. Please visit the transaction page for more details.';
@@ -33,11 +33,35 @@ const ErrorWell = ({ error, hasTxHashes, fromChain }) => {
         }
         return error?.message;
     }, [error?.message, hasTxHashes]);
+    const shouldScrollErrorMessage = typeof renderedErrorMessage === 'string' &&
+        renderedErrorMessage.length > 280;
+    const scrollStyles = shouldScrollErrorMessage
+        ? {
+            maxHeight: 'min(36vh, 220px)',
+            overflowY: 'auto',
+            px: '1',
+            scrollbarWidth: 'thin',
+            scrollbarColor: 'var(--relay-colors-gray5) transparent',
+            '&::-webkit-scrollbar': {
+                width: '6px',
+                background: 'transparent'
+            },
+            '&::-webkit-scrollbar-track': {
+                background: 'transparent'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                backgroundColor: 'var(--relay-colors-gray5)',
+                borderRadius: '999px'
+            }
+        }
+        : {};
     return ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: {
             my: '4',
             textAlign: 'center',
             width: '100%',
-            wordBreak: 'break-word'
+            wordBreak: 'break-word',
+            overflowWrap: 'anywhere',
+            ...scrollStyles
         }, children: renderedErrorMessage }));
 };
 exports.default = ErrorWell;

package/_cjs/src/components/common/ErrorWell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWell.js","sourceRoot":"","sources":["../../../../src/components/common/ErrorWell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAC9B,qDAA6C;AAU7C,MAAM,SAAS,GAAoB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAoB,EAAE;QAC/D,IAAI,KAAK,IAAM,KAAoB,CAAC,QAAQ,EAAE,IAAY,EAAE,OAAO,EAAE,CAAC;YACpE,OAAQ,KAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAA;QAC/C,CAAC;QACD,IACE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,iCAAiC,CAAC;YAC3D,CAAC,KAAK,EAAE,OAAO,EACf,CAAC;YACD,OAAO,+DAA+D,CAAA;QACxE,CAAC;aAAM,IACL,KAAK,EAAE,IAAI;YACX,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,wBAAwB,CAAC;gBACjD,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,EACnD,CAAC;YACD,OAAO,gCAAgC,SAAS,EAAE,WAAW,IAAI,YAAY,EAAE,CAAA;QACjF,CAAC;QACD,IACE,CAAC,WAAW;YACZ,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,+BAA+B,CAAC,EACzD,CAAC;YACD,OAAO,yGAAyG,CAAA;QAClH,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;YAC3D,OAAO,8GAA8G,CAAA;QACvH,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACrD,OAAO,iGAAiG,CAAA;QAC1G,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;YACzD,OAAO,yEAAyE,CAAA;QAClF,CAAC;QACD,OAAO,KAAK,EAAE,OAAO,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjC,OAAO,CACL,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE;YACH,EAAE,EAAE,GAAG;YACP,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;SACxB,YAEA,oBAAoB,GAChB,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"ErrorWell.js","sourceRoot":"","sources":["../../../../src/components/common/ErrorWell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAC9B,qDAA6C;AAU7C,MAAM,SAAS,GAAoB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAoB,EAAE;QAC/D,IAAI,KAAK,IAAM,KAAoB,CAAC,QAAQ,EAAE,IAAY,EAAE,OAAO,EAAE,CAAC;YACpE,OAAQ,KAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAA;QAC/C,CAAC;QACD,IACE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,iCAAiC,CAAC;YAC3D,CAAC,KAAK,EAAE,OAAO,EACf,CAAC;YACD,OAAO,+DAA+D,CAAA;QACxE,CAAC;aAAM,IACL,KAAK,EAAE,IAAI;YACX,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,wBAAwB,CAAC;gBACjD,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,EACnD,CAAC;YACD,OAAO,gCAAgC,SAAS,EAAE,WAAW,IAAI,YAAY,EAAE,CAAA;QACjF,CAAC;QACD,IACE,CAAC,WAAW;YACZ,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,+BAA+B,CAAC,EACzD,CAAC;YACD,OAAO,gJAAgJ,CAAA;QACzJ,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;YAC3D,OAAO,8GAA8G,CAAA;QACvH,CAAC;aAAM,IAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACrD,OAAO,iGAAiG,CAAA;QAC1G,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;YACzD,OAAO,yEAAyE,CAAA;QAClF,CAAC;QACD,OAAO,KAAK,EAAE,OAAO,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjC,MAAM,wBAAwB,GAC5B,OAAO,oBAAoB,KAAK,QAAQ;QACxC,oBAAoB,CAAC,MAAM,GAAG,GAAG,CAAA;IAGnC,MAAM,YAAY,GAAG,wBAAwB;QAC3C,CAAC,CAAC;YACE,SAAS,EAAE,kBAAkB;YAC7B,SAAS,EAAE,MAAM;YACjB,EAAE,EAAE,GAAG;YACP,cAAc,EAAE,MAAe;YAC/B,cAAc,EAAE,uCAAuC;YACvD,sBAAsB,EAAE;gBACtB,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,aAAa;aAC1B;YACD,4BAA4B,EAAE;gBAC5B,UAAU,EAAE,aAAa;aAC1B;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,2BAA2B;gBAC5C,YAAY,EAAE,OAAO;aACtB;SACF;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE;YACH,EAAE,EAAE,GAAG;YACP,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,UAAU;YACxB,GAAG,YAAY;SAChB,YAEA,oBAAoB,GAChB,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

package/_cjs/src/styles.css

@@ -1236,6 +1236,26 @@
     word-break: break-word;
 }
 
+.relay-overflow-wrap_anywhere:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-wrap: anywhere;
+}
+
+.relay-max-h_min\(36vh\,_220px\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-height: min(36vh, 220px);
+}
+
+.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-1);
+}
+
+.relay-scrollbar-width_thin:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scrollbar-width: thin;
+}
+
+.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scrollbar-color: var(--relay-colors-gray5) transparent;
+}
+
 .relay-animation_spin_1s_linear_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
     animation: spin 1s linear infinite;
 }
@@ -1344,10 +1364,6 @@
     flex: none;
 }
 
-.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-inline: var(--relay-spacing-1);
-}
-
 .relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
     border: none;
 }
@@ -1972,10 +1988,6 @@
     max-height: 290px;
 }
 
-.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
-    scrollbar-color: var(--relay-colors-gray5) transparent;
-}
-
 .relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
     padding-inline: var(--relay-spacing-2);
 }
@@ -2576,6 +2588,10 @@
     top: var(--relay-spacing-3);
 }
 
+.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-y: auto;
+}
+
 .relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#) {
     top: 0;
 }
@@ -2736,10 +2752,6 @@
     top: 100%;
 }
 
-.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
-    overflow-y: auto;
-}
-
 .relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
     align-items: flex-start;
 }
@@ -3196,6 +3208,18 @@
     color: var(--relay-colors-gray12);
 }
 
+.\[\&\:\:-webkit-scrollbar\]\:relay-w_6px:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
+    width: 6px;
+}
+
+.\[\&\:\:-webkit-scrollbar\]\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar,.\[\&\:\:-webkit-scrollbar-track\]\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.\[\&\:\:-webkit-scrollbar-thumb\]\:relay-rounded_999px:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb {
+    border-radius: 999px;
+}
+
 .disabled\:relay-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
     cursor: not-allowed;
 }
@@ -3308,6 +3332,10 @@
     color: var(--relay-colors-text-default);
 }
 
+.\[\&\:\:-webkit-scrollbar-thumb\]\:relay-bg_var\(--relay-colors-gray5\):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb {
+    background-color: var(--relay-colors-gray5);
+}
+
 .disabled\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-button-disabled-background);
 }

package/_cjs/src/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UI_VERSION = void 0;
-exports.UI_VERSION = '7.1.3';
+exports.UI_VERSION = '7.1.4';
 //# sourceMappingURL=version.js.map