@relayprotocol/relay-kit-ui 4.0.19 → 5.0.0

package/_cjs/src/styles.css

@@ -8,11 +8,11 @@
 
   @keyframes pulse-shadow {
     0% {
-      box-shadow: 0 0 0 0px currentColor;
+      box-shadow: 0 0 0 0px var(--relay-colors-primary4);
 }
 
     100% {
-      box-shadow: 0 0 0 6px currentColor;
+      box-shadow: 0 0 0 6px var(--relay-colors-primary4);
 }
 }
 
@@ -1320,6 +1320,26 @@
     text-align: right;
 }
 
+.relay-fill_currentColor:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: currentColor;
+}
+
+.relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 100px;
+}
+
+.relay-p_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 8px;
+}
+
+.relay-w_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 32px;
+}
+
+.relay-h_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 32px;
+}
+
 .relay-z_1000:not(#\#):not(#\#):not(#\#):not(#\#) {
     z-index: 1000;
 }
@@ -1422,8 +1442,8 @@
     color: var(--relay-colors-primary-button-color);
 }
 
-.relay-text_secondary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-secondary-button-color);
+.relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary12);
 }
 
 .relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1602,10 +1622,6 @@
     background: var(--relay-colors-primary3);
 }
 
-.relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-primary12);
-}
-
 .relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
     border-radius: 25px;
 }
@@ -1916,10 +1932,6 @@
     --borderColor: var(--relay-colors-gray5);
 }
 
-.relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    border-radius: 100px;
-}
-
 .relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-primary11);
 }
@@ -2148,10 +2160,6 @@
     fill: var(--relay-colors-gray9);
 }
 
-.relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-inline: var(--relay-spacing-4);
-}
-
 .relay-fill_button-disabled-color:not(#\#):not(#\#):not(#\#):not(#\#) {
     fill: var(--relay-colors-button-disabled-color);
 }
@@ -2164,36 +2172,36 @@
     color: var(--relay-colors-red9);
 }
 
-.relay-text_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-primary6);
+.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: gray;
 }
 
 .relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-green11);
 }
 
-.relay-animation_pulse-shadow_1s_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
-    animation: pulse-shadow 1s infinite;
+.relay-animation_pulse-shadow_1s_infinite_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: pulse-shadow 1s infinite alternate-reverse;
 }
 
 .relay-animation_none:not(#\#):not(#\#):not(#\#):not(#\#) {
     animation: none;
 }
 
-.relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding: 0 12px;
+.relay-h_30:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 30px;
 }
 
-.relay-rounded_100:not(#\#):not(#\#):not(#\#):not(#\#) {
-    border-radius: 100px;
+.relay-w_30:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 30px;
 }
 
-.relay-opacity_1:not(#\#):not(#\#):not(#\#):not(#\#) {
-    opacity: 1;
+.relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 0 12px;
 }
 
-.relay-opacity_0\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
-    opacity: 0.6;
+.relay-text_slate10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: slate10;
 }
 
 .relay-h_80:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2208,44 +2216,24 @@
     border-radius: 999999px;
 }
 
-.relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
-    width: 80px;
-}
-
-.relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
-    --borderColor: var(--relay-colors-green10);
-}
-
-.relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
-    border: 6px solid var(--borderColor);
+.relay---borderColor_white:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: white;
 }
 
-.relay-w_50:not(#\#):not(#\#):not(#\#):not(#\#) {
-    width: 50px;
-}
-
-.relay-text_primary-color:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: var(--relay-colors-primary-color);
+.relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 2px solid var(--borderColor);
 }
 
-.relay-border_3px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
-    border: 3px solid var(--borderColor);
+.relay---borderColor_colors\.slate\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-slate-5);
 }
 
 .relay-bg_primary2:not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--relay-colors-primary2);
 }
 
-.relay-w_29:not(#\#):not(#\#):not(#\#):not(#\#) {
-    width: 29px;
-}
-
-.relay-h_27:not(#\#):not(#\#):not(#\#):not(#\#) {
-    height: 27px;
-}
-
-.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: gray;
+.relay-my_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-block: 12px;
 }
 
 .relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2320,6 +2308,10 @@
     height: calc(100% - 24px);
 }
 
+.relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-4);
+}
+
 .relay-indent_-36px:not(#\#):not(#\#):not(#\#):not(#\#) {
     text-indent: -36px;
 }
@@ -2348,14 +2340,22 @@
     border-radius: 100%;
 }
 
-.relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
-    border: 2px solid var(--borderColor);
-}
-
 .relay-filter_grayscale\(1\):not(#\#):not(#\#):not(#\#):not(#\#) {
     filter: grayscale(1);
 }
 
+.relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 80px;
+}
+
+.relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-green10);
+}
+
+.relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 6px solid var(--borderColor);
+}
+
 .relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: transparent;
 }
@@ -2484,8 +2484,8 @@
     background-color: var(--relay-colors-primary-button-background);
 }
 
-.relay-bg_secondary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-secondary-button-background);
+.relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary4);
 }
 
 .relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2512,10 +2512,6 @@
     line-height: 12px;
 }
 
-.relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-primary4);
-}
-
 .relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-modal-background);
 }
@@ -2892,6 +2888,10 @@
     margin-right: $2;
 }
 
+.relay-mb_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 16px;
+}
+
 .relay-bg_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-primary6);
 }
@@ -2900,36 +2900,16 @@
     background-color: var(--relay-colors-green3);
 }
 
-.relay-animation-direction_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
-    animation-direction: alternate-reverse;
-}
-
-.relay-fs_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    font-size: 10px;
-}
-
 .relay-pl_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
     padding-left: 12px;
 }
 
-.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-primary3);
-}
-
-.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-green2);
-}
-
-.relay-right_-40:not(#\#):not(#\#):not(#\#):not(#\#) {
-    right: -40px;
-}
-
-.relay-bottom_-12:not(#\#):not(#\#):not(#\#):not(#\#) {
-    bottom: -12px;
+.relay-bg_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-green9);
 }
 
-.relay-mb_20:not(#\#):not(#\#):not(#\#):not(#\#) {
-    margin-bottom: 20px;
+.relay-ml_-8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: -8px;
 }
 
 .relay-justify-items_space-between:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2996,6 +2976,10 @@
     margin-bottom: 6px;
 }
 
+.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-green2);
+}
+
 .placeholder\:relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray12[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
     color: var(--relay-colors-gray12);
 }
@@ -3064,6 +3048,18 @@
     color: var(--relay-colors-gray10);
 }
 
+.\[\&_\>_\*\]\:relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) > * {
+    color: var(--relay-colors-primary11);
+}
+
+.\[\&_\>_\*\]\:relay-text_gray9:not(#\#):not(#\#):not(#\#):not(#\#) > * {
+    color: var(--relay-colors-gray9);
+}
+
+.\[\&_\>_\*\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) > *,.\[\&_\.green-time\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) .green-time {
+    color: var(--relay-colors-green11);
+}
+
 .before\:relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#)::before {
     position: absolute;
 }

package/_cjs/src/utils/relayTransaction.js

@@ -15,9 +15,7 @@ exports.extractToChain = extractToChain;
 const calculateFillTime = (transaction) => {
     let fillTime = '-';
     let seconds = 0;
-    if (transaction?.status !== 'pending' &&
-        transaction?.status !== 'waiting' &&
-        transaction?.status !== 'delayed') {
+    if (transaction?.status !== 'pending' && transaction?.status !== 'waiting') {
         const inTxTimestamps = transaction?.data?.inTxs?.map((tx) => tx.timestamp) ?? null;
         const txStartTimestamp = inTxTimestamps ? Math.min(...inTxTimestamps) : null;
         const outTxTimestamps = transaction?.data?.outTxs
@@ -28,7 +26,11 @@ const calculateFillTime = (transaction) => {
             : null;
         if (txStartTimestamp && txEndTimestamp) {
             seconds = txEndTimestamp - txStartTimestamp;
-            if (seconds > 60) {
+            if (seconds < 0) {
+                fillTime = '-';
+                seconds = 0;
+            }
+            else if (seconds > 60) {
                 fillTime = `${(0, time_js_1.relativeTime)(txEndTimestamp * 1000, txStartTimestamp * 1000, true)}`;
             }
             else {

package/_cjs/src/utils/relayTransaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"relayTransaction.js","sourceRoot":"","sources":["../../../src/utils/relayTransaction.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"relayTransaction.js","sourceRoot":"","sources":["../../../src/utils/relayTransaction.ts"],"names":[],"mappings":"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"}