@hyperlane-xyz/widgets 1.0.0-beta2 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/icons/ChainLogo.d.ts.map +1 -1
- package/dist/cjs/icons/ChainLogo.js +3 -6
- package/dist/cjs/icons/ChainLogo.js.map +1 -1
- package/dist/cjs/icons/Shield.js +1 -1
- package/dist/cjs/icons/Shield.js.map +1 -1
- package/dist/cjs/icons/WideChevron.js +3 -3
- package/dist/cjs/icons/WideChevron.js.map +1 -1
- package/dist/cjs/messages/MessageTimeline.d.ts +2 -1
- package/dist/cjs/messages/MessageTimeline.d.ts.map +1 -1
- package/dist/cjs/messages/MessageTimeline.js +62 -50
- package/dist/cjs/messages/MessageTimeline.js.map +1 -1
- package/dist/esm/icons/ChainLogo.d.ts.map +1 -1
- package/dist/esm/icons/ChainLogo.js +3 -6
- package/dist/esm/icons/ChainLogo.js.map +1 -1
- package/dist/esm/icons/Shield.js +1 -1
- package/dist/esm/icons/Shield.js.map +1 -1
- package/dist/esm/icons/WideChevron.js +3 -3
- package/dist/esm/icons/WideChevron.js.map +1 -1
- package/dist/esm/messages/MessageTimeline.d.ts +2 -1
- package/dist/esm/messages/MessageTimeline.d.ts.map +1 -1
- package/dist/esm/messages/MessageTimeline.js +62 -50
- package/dist/esm/messages/MessageTimeline.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AA4CpC,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AA4CpC,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,eAyBhB;AAQD,eAAO,MAAM,SAAS,8CAAmB,CAAC"}
|
|
@@ -73,15 +73,12 @@ function _ChainLogo({ chainId, size = 32, color = true, background = false, cust
|
|
|
73
73
|
? ((_a = customLogos[chainId]) === null || _a === void 0 ? void 0 : _a[colorType]) || ((_b = CHAIN_TO_LOGO[chainId]) === null || _b === void 0 ? void 0 : _b[colorType])
|
|
74
74
|
: null;
|
|
75
75
|
const title = getChainDisplayName(chainId);
|
|
76
|
-
if (background) {
|
|
76
|
+
if (background || !ImageSrc) {
|
|
77
77
|
const iconSize = Math.floor(size / 1.8);
|
|
78
|
-
return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: "flex items-center justify-center rounded-full bg-gray-100 transition-all", title: title }, ImageSrc ? (react_1.default.createElement(ImageSrc, { width: iconSize, height: iconSize })) : (react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize }))));
|
|
79
|
-
}
|
|
80
|
-
else if (ImageSrc) {
|
|
81
|
-
return react_1.default.createElement(ImageSrc, { width: size, height: size, title: title });
|
|
78
|
+
return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: "htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-gray-100 htw-transition-all", title: title }, ImageSrc ? (react_1.default.createElement(ImageSrc, { width: iconSize, height: iconSize })) : (react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize }))));
|
|
82
79
|
}
|
|
83
80
|
else {
|
|
84
|
-
return react_1.default.createElement(
|
|
81
|
+
return react_1.default.createElement(ImageSrc, { width: size, height: size, title: title });
|
|
85
82
|
}
|
|
86
83
|
}
|
|
87
84
|
function getChainDisplayName(chainId, shortName = false) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/icons/Shield.js
CHANGED
|
@@ -29,7 +29,7 @@ const color_1 = require("../color");
|
|
|
29
29
|
// Shield with checkmark
|
|
30
30
|
function _ShieldIcon({ width, height, color, classes }) {
|
|
31
31
|
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
|
|
32
|
-
react_1.default.createElement("path", {
|
|
32
|
+
react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || color_1.Color.Blue })));
|
|
33
33
|
}
|
|
34
34
|
exports.ShieldIcon = (0, react_1.memo)(_ShieldIcon);
|
|
35
35
|
//# sourceMappingURL=Shield.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,
|
|
1
|
+
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,YAAI,EAAC,WAAW,CAAC,CAAC"}
|
|
@@ -30,16 +30,16 @@ function _WideChevron({ width, height, direction, color, rounded, classes }) {
|
|
|
30
30
|
let directionClass;
|
|
31
31
|
switch (direction) {
|
|
32
32
|
case 'n':
|
|
33
|
-
directionClass = '
|
|
33
|
+
directionClass = 'htw--rotate-90';
|
|
34
34
|
break;
|
|
35
35
|
case 'e':
|
|
36
36
|
directionClass = '';
|
|
37
37
|
break;
|
|
38
38
|
case 's':
|
|
39
|
-
directionClass = 'rotate-90';
|
|
39
|
+
directionClass = 'htw-rotate-90';
|
|
40
40
|
break;
|
|
41
41
|
case 'w':
|
|
42
|
-
directionClass = 'rotate-180';
|
|
42
|
+
directionClass = 'htw-rotate-180';
|
|
43
43
|
break;
|
|
44
44
|
default:
|
|
45
45
|
throw new Error(`Invalid chevron direction ${direction}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,
|
|
1
|
+
{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,EACzB,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,sDAAsD,EAAC,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GAAI,CACxF,CACP,CAAC;KACH;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,YAAY,CAAC,CAAC"}
|
|
@@ -5,7 +5,8 @@ interface Props {
|
|
|
5
5
|
stage: Stage;
|
|
6
6
|
timings: StageTimings;
|
|
7
7
|
timestampSent?: number;
|
|
8
|
+
hideDescriptions?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare function MessageTimeline({ status, stage: _stage, timings, timestampSent }: Props): JSX.Element;
|
|
10
|
+
export declare function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDescriptions, }: Props): JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=MessageTimeline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageTimeline.d.ts","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7E,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageTimeline.d.ts","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7E,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,EACP,aAAa,EACb,gBAAgB,GACjB,EAAE,KAAK,eAoGP"}
|
|
@@ -12,69 +12,71 @@ const Lock_1 = require("../icons/Lock");
|
|
|
12
12
|
const Shield_1 = require("../icons/Shield");
|
|
13
13
|
const WideChevron_1 = require("../icons/WideChevron");
|
|
14
14
|
const types_1 = require("./types");
|
|
15
|
-
function MessageTimeline({ status, stage: _stage, timings, timestampSent }) {
|
|
15
|
+
function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDescriptions, }) {
|
|
16
16
|
// Ignore stage value if status shows as delivered
|
|
17
17
|
const stage = status === types_1.MessageStatus.Delivered ? types_1.MessageStage.Relayed : _stage;
|
|
18
18
|
const timeSent = timestampSent ? new Date(timestampSent) : null;
|
|
19
19
|
const timeSentStr = timeSent
|
|
20
20
|
? `${timeSent.toLocaleDateString()} ${timeSent.toLocaleTimeString()}`
|
|
21
21
|
: null;
|
|
22
|
-
return (react_1.default.createElement("div", { className: "
|
|
23
|
-
react_1.default.createElement("div", { className:
|
|
24
|
-
react_1.default.createElement("div", { className:
|
|
25
|
-
react_1.default.createElement("div", { className:
|
|
26
|
-
react_1.default.createElement("div", { className:
|
|
22
|
+
return (react_1.default.createElement("div", { className: "htw-w-full htw-pt-14 htw-pb-1 htw-flex" },
|
|
23
|
+
react_1.default.createElement("div", { className: styles.stageContainer },
|
|
24
|
+
react_1.default.createElement("div", { className: `${styles.stageBar} htw-rounded-l ${getStageOpacityClass(types_1.MessageStage.Sent, stage, status)}` },
|
|
25
|
+
react_1.default.createElement("div", { className: styles.stageHole }),
|
|
26
|
+
react_1.default.createElement("div", { className: styles.stageIconContainer },
|
|
27
27
|
react_1.default.createElement(StageIcon, { Icon: Airplane_1.AirplaneIcon }),
|
|
28
|
-
react_1.default.createElement("div", { className:
|
|
29
|
-
react_1.default.createElement(
|
|
30
|
-
|
|
31
|
-
react_1.default.createElement("
|
|
32
|
-
react_1.default.createElement("p", { className: "mt-1 sm:px-4 text-xs text-gray-500 text-center" }, timeSentStr
|
|
28
|
+
react_1.default.createElement("div", { className: styles.stageIconCircle })),
|
|
29
|
+
react_1.default.createElement(ChevronBlue, null)),
|
|
30
|
+
react_1.default.createElement("h4", { className: styles.stageHeader }, getStageHeader(types_1.MessageStage.Sent, stage, timings, status)),
|
|
31
|
+
!hideDescriptions && (react_1.default.createElement("p", { className: styles.stageDesc }, timeSentStr
|
|
33
32
|
? `Origin transaction sent at ${timeSentStr}`
|
|
34
|
-
: 'Waiting for origin transaction')),
|
|
35
|
-
react_1.default.createElement("div", { className:
|
|
36
|
-
react_1.default.createElement("div", { className:
|
|
37
|
-
react_1.default.createElement("div", { className:
|
|
38
|
-
react_1.default.createElement("div", { className:
|
|
39
|
-
react_1.default.createElement("div", { className:
|
|
33
|
+
: 'Waiting for origin transaction'))),
|
|
34
|
+
react_1.default.createElement("div", { className: styles.stageSpacer }),
|
|
35
|
+
react_1.default.createElement("div", { className: styles.stageContainer },
|
|
36
|
+
react_1.default.createElement("div", { className: `${styles.stageBar} ${getStageOpacityClass(types_1.MessageStage.Finalized, stage, status)}` },
|
|
37
|
+
react_1.default.createElement("div", { className: styles.stageHole }),
|
|
38
|
+
react_1.default.createElement("div", { className: styles.stageIconContainer },
|
|
40
39
|
react_1.default.createElement(StageIcon, { Icon: Lock_1.LockIcon, size: 14 }),
|
|
41
|
-
react_1.default.createElement("div", { className:
|
|
42
|
-
react_1.default.createElement(
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
react_1.default.createElement("div", { className: "w-3 h-3 rounded-full bg-white" }),
|
|
52
|
-
react_1.default.createElement("div", { className: "absolute -top-12 flex flex-col items-center" },
|
|
40
|
+
react_1.default.createElement("div", { className: styles.stageIconCircle })),
|
|
41
|
+
react_1.default.createElement(ChevronWhite, null),
|
|
42
|
+
react_1.default.createElement(ChevronBlue, null)),
|
|
43
|
+
react_1.default.createElement("h4", { className: styles.stageHeader }, getStageHeader(types_1.MessageStage.Finalized, stage, timings, status)),
|
|
44
|
+
!hideDescriptions && (react_1.default.createElement("p", { className: styles.stageDesc }, "Origin transaction has sufficient confirmations"))),
|
|
45
|
+
react_1.default.createElement("div", { className: styles.stageSpacer }),
|
|
46
|
+
react_1.default.createElement("div", { className: styles.stageContainer },
|
|
47
|
+
react_1.default.createElement("div", { className: `${styles.stageBar} ${getStageOpacityClass(types_1.MessageStage.Validated, stage, status)}` },
|
|
48
|
+
react_1.default.createElement("div", { className: styles.stageHole }),
|
|
49
|
+
react_1.default.createElement("div", { className: styles.stageIconContainer },
|
|
53
50
|
react_1.default.createElement(StageIcon, { Icon: Shield_1.ShieldIcon }),
|
|
54
|
-
react_1.default.createElement("div", { className:
|
|
55
|
-
react_1.default.createElement(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
react_1.default.createElement("div", { className: "w-3 h-3 rounded-full bg-white" }),
|
|
65
|
-
react_1.default.createElement("div", { className: "absolute -top-12 flex flex-col items-center" },
|
|
51
|
+
react_1.default.createElement("div", { className: styles.stageIconCircle })),
|
|
52
|
+
react_1.default.createElement(ChevronWhite, null),
|
|
53
|
+
react_1.default.createElement(ChevronBlue, null)),
|
|
54
|
+
react_1.default.createElement("h4", { className: styles.stageHeader }, getStageHeader(types_1.MessageStage.Validated, stage, timings, status)),
|
|
55
|
+
!hideDescriptions && (react_1.default.createElement("p", { className: styles.stageDesc }, "Validators have signed the message bundle"))),
|
|
56
|
+
react_1.default.createElement("div", { className: styles.stageSpacer }),
|
|
57
|
+
react_1.default.createElement("div", { className: styles.stageContainer },
|
|
58
|
+
react_1.default.createElement("div", { className: `${styles.stageBar} htw-rounded-r ${getStageOpacityClass(types_1.MessageStage.Relayed, stage, status)}` },
|
|
59
|
+
react_1.default.createElement("div", { className: styles.stageHole }),
|
|
60
|
+
react_1.default.createElement("div", { className: styles.stageIconContainer },
|
|
66
61
|
react_1.default.createElement(StageIcon, { Icon: Envelope_1.EnvelopeIcon }),
|
|
67
|
-
react_1.default.createElement("div", { className:
|
|
68
|
-
react_1.default.createElement(
|
|
69
|
-
|
|
70
|
-
react_1.default.createElement("
|
|
71
|
-
react_1.default.createElement("p", { className: "mt-1 sm:px-4 text-xs text-gray-500 text-center" }, "Destination transaction has been confirmed"))));
|
|
62
|
+
react_1.default.createElement("div", { className: styles.stageIconCircle })),
|
|
63
|
+
react_1.default.createElement(ChevronWhite, null)),
|
|
64
|
+
react_1.default.createElement("h4", { className: styles.stageHeader }, getStageHeader(types_1.MessageStage.Relayed, stage, timings, status)),
|
|
65
|
+
!hideDescriptions && (react_1.default.createElement("p", { className: styles.stageDesc }, "Destination transaction has been confirmed")))));
|
|
72
66
|
}
|
|
73
67
|
exports.MessageTimeline = MessageTimeline;
|
|
74
68
|
function StageIcon({ Icon, size }) {
|
|
75
|
-
return (react_1.default.createElement("div", { className: "h-9 w-9 flex items-center justify-center rounded-full bg-blue-500" },
|
|
69
|
+
return (react_1.default.createElement("div", { className: "htw-h-9 htw-w-9 htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-blue-500" },
|
|
76
70
|
react_1.default.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: color_1.Color.White })));
|
|
77
71
|
}
|
|
72
|
+
function ChevronWhite() {
|
|
73
|
+
return (react_1.default.createElement("div", { className: "htw-absolute htw--left-3 htw-top-0 htw-h-6" },
|
|
74
|
+
react_1.default.createElement(WideChevron_1.WideChevron, { direction: "e", height: "100%", width: "auto", color: "#ffffff" })));
|
|
75
|
+
}
|
|
76
|
+
function ChevronBlue() {
|
|
77
|
+
return (react_1.default.createElement("div", { className: "htw-absolute htw--right-3 htw-top-0 htw-h-6" },
|
|
78
|
+
react_1.default.createElement(WideChevron_1.WideChevron, { direction: "e", height: "100%", width: "auto" })));
|
|
79
|
+
}
|
|
78
80
|
function getStageHeader(targetStage, currentStage, timings, status) {
|
|
79
81
|
let label = '';
|
|
80
82
|
if (targetStage === types_1.MessageStage.Finalized) {
|
|
@@ -101,11 +103,21 @@ function getStageHeader(targetStage, currentStage, timings, status) {
|
|
|
101
103
|
else
|
|
102
104
|
return label;
|
|
103
105
|
}
|
|
104
|
-
function
|
|
106
|
+
function getStageOpacityClass(targetStage, currentStage, messageStatus) {
|
|
105
107
|
if (currentStage >= targetStage)
|
|
106
108
|
return '';
|
|
107
109
|
if (currentStage === targetStage - 1 && messageStatus !== types_1.MessageStatus.Failing)
|
|
108
|
-
return 'animate-pulse-slow';
|
|
109
|
-
return 'opacity-50';
|
|
110
|
+
return 'htw-animate-pulse-slow';
|
|
111
|
+
return 'htw-opacity-50';
|
|
110
112
|
}
|
|
113
|
+
const styles = {
|
|
114
|
+
stageContainer: 'htw-flex-1 htw-flex htw-flex-col htw-items-center',
|
|
115
|
+
stageSpacer: 'htw-flex-0 htw-w-1 xs:htw-w-2 sm:htw-w-3',
|
|
116
|
+
stageBar: 'htw-w-full htw-h-6 htw-flex htw-items-center htw-justify-center htw-bg-blue-500 htw-relative',
|
|
117
|
+
stageHole: 'htw-w-3 htw-h-3 htw-rounded-full htw-bg-white',
|
|
118
|
+
stageIconContainer: 'htw-absolute htw--top-12 htw-flex htw-flex-col htw-items-center',
|
|
119
|
+
stageIconCircle: 'htw-w-0.5 htw-h-4 htw-bg-blue-500',
|
|
120
|
+
stageHeader: 'htw-mt-2.5 htw-text-gray-700 htw-text-xs xs:htw-text-sm sm:htw-text-base',
|
|
121
|
+
stageDesc: 'htw-mt-1 sm:htw-px-4 htw-text-xs htw-text-gray-500 htw-text-center',
|
|
122
|
+
};
|
|
111
123
|
//# sourceMappingURL=MessageTimeline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAiC;AACjC,gDAAiD;AACjD,gDAAiD;AACjD,wCAAyC;AACzC,4CAA6C;AAC7C,sDAAmD;AAEnD,mCAA6E;
|
|
1
|
+
{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AA4CpC,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AA4CpC,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,eAyBhB;AAQD,eAAO,MAAM,SAAS,8CAAmB,CAAC"}
|
|
@@ -44,15 +44,12 @@ function _ChainLogo({ chainId, size = 32, color = true, background = false, cust
|
|
|
44
44
|
? ((_a = customLogos[chainId]) === null || _a === void 0 ? void 0 : _a[colorType]) || ((_b = CHAIN_TO_LOGO[chainId]) === null || _b === void 0 ? void 0 : _b[colorType])
|
|
45
45
|
: null;
|
|
46
46
|
const title = getChainDisplayName(chainId);
|
|
47
|
-
if (background) {
|
|
47
|
+
if (background || !ImageSrc) {
|
|
48
48
|
const iconSize = Math.floor(size / 1.8);
|
|
49
|
-
return (React.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: "flex items-center justify-center rounded-full bg-gray-100 transition-all", title: title }, ImageSrc ? (React.createElement(ImageSrc, { width: iconSize, height: iconSize })) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
|
|
50
|
-
}
|
|
51
|
-
else if (ImageSrc) {
|
|
52
|
-
return React.createElement(ImageSrc, { width: size, height: size, title: title });
|
|
49
|
+
return (React.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: "htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-gray-100 htw-transition-all", title: title }, ImageSrc ? (React.createElement(ImageSrc, { width: iconSize, height: iconSize })) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
|
|
53
50
|
}
|
|
54
51
|
else {
|
|
55
|
-
return React.createElement(
|
|
52
|
+
return React.createElement(ImageSrc, { width: size, height: size, title: title });
|
|
56
53
|
}
|
|
57
54
|
}
|
|
58
55
|
function getChainDisplayName(chainId, shortName = false) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/icons/Shield.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Color } from '../color';
|
|
|
3
3
|
// Shield with checkmark
|
|
4
4
|
function _ShieldIcon({ width, height, color, classes }) {
|
|
5
5
|
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
|
|
6
|
-
React.createElement("path", {
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || Color.Blue })));
|
|
7
7
|
}
|
|
8
8
|
export const ShieldIcon = memo(_ShieldIcon);
|
|
9
9
|
//# sourceMappingURL=Shield.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,
|
|
1
|
+
{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC"}
|
|
@@ -4,16 +4,16 @@ function _WideChevron({ width, height, direction, color, rounded, classes }) {
|
|
|
4
4
|
let directionClass;
|
|
5
5
|
switch (direction) {
|
|
6
6
|
case 'n':
|
|
7
|
-
directionClass = '
|
|
7
|
+
directionClass = 'htw--rotate-90';
|
|
8
8
|
break;
|
|
9
9
|
case 'e':
|
|
10
10
|
directionClass = '';
|
|
11
11
|
break;
|
|
12
12
|
case 's':
|
|
13
|
-
directionClass = 'rotate-90';
|
|
13
|
+
directionClass = 'htw-rotate-90';
|
|
14
14
|
break;
|
|
15
15
|
case 'w':
|
|
16
|
-
directionClass = 'rotate-180';
|
|
16
|
+
directionClass = 'htw-rotate-180';
|
|
17
17
|
break;
|
|
18
18
|
default:
|
|
19
19
|
throw new Error(`Invalid chevron direction ${direction}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,
|
|
1
|
+
{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EACzB,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,sDAAsD,EAAC,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GAAI,CACxF,CACP,CAAC;KACH;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -5,7 +5,8 @@ interface Props {
|
|
|
5
5
|
stage: Stage;
|
|
6
6
|
timings: StageTimings;
|
|
7
7
|
timestampSent?: number;
|
|
8
|
+
hideDescriptions?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare function MessageTimeline({ status, stage: _stage, timings, timestampSent }: Props): JSX.Element;
|
|
10
|
+
export declare function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDescriptions, }: Props): JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=MessageTimeline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageTimeline.d.ts","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7E,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageTimeline.d.ts","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,aAAa,EAAE,YAAY,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7E,UAAU,KAAK;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,EACP,aAAa,EACb,gBAAgB,GACjB,EAAE,KAAK,eAoGP"}
|
|
@@ -6,68 +6,70 @@ import { LockIcon } from '../icons/Lock';
|
|
|
6
6
|
import { ShieldIcon } from '../icons/Shield';
|
|
7
7
|
import { WideChevron } from '../icons/WideChevron';
|
|
8
8
|
import { MessageStatus, MessageStage as Stage } from './types';
|
|
9
|
-
export function MessageTimeline({ status, stage: _stage, timings, timestampSent }) {
|
|
9
|
+
export function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDescriptions, }) {
|
|
10
10
|
// Ignore stage value if status shows as delivered
|
|
11
11
|
const stage = status === MessageStatus.Delivered ? Stage.Relayed : _stage;
|
|
12
12
|
const timeSent = timestampSent ? new Date(timestampSent) : null;
|
|
13
13
|
const timeSentStr = timeSent
|
|
14
14
|
? `${timeSent.toLocaleDateString()} ${timeSent.toLocaleTimeString()}`
|
|
15
15
|
: null;
|
|
16
|
-
return (React.createElement("div", { className: "
|
|
17
|
-
React.createElement("div", { className:
|
|
18
|
-
React.createElement("div", { className:
|
|
19
|
-
React.createElement("div", { className:
|
|
20
|
-
React.createElement("div", { className:
|
|
16
|
+
return (React.createElement("div", { className: "htw-w-full htw-pt-14 htw-pb-1 htw-flex" },
|
|
17
|
+
React.createElement("div", { className: styles.stageContainer },
|
|
18
|
+
React.createElement("div", { className: `${styles.stageBar} htw-rounded-l ${getStageOpacityClass(Stage.Sent, stage, status)}` },
|
|
19
|
+
React.createElement("div", { className: styles.stageHole }),
|
|
20
|
+
React.createElement("div", { className: styles.stageIconContainer },
|
|
21
21
|
React.createElement(StageIcon, { Icon: AirplaneIcon }),
|
|
22
|
-
React.createElement("div", { className:
|
|
23
|
-
React.createElement(
|
|
24
|
-
|
|
25
|
-
React.createElement("
|
|
26
|
-
React.createElement("p", { className: "mt-1 sm:px-4 text-xs text-gray-500 text-center" }, timeSentStr
|
|
22
|
+
React.createElement("div", { className: styles.stageIconCircle })),
|
|
23
|
+
React.createElement(ChevronBlue, null)),
|
|
24
|
+
React.createElement("h4", { className: styles.stageHeader }, getStageHeader(Stage.Sent, stage, timings, status)),
|
|
25
|
+
!hideDescriptions && (React.createElement("p", { className: styles.stageDesc }, timeSentStr
|
|
27
26
|
? `Origin transaction sent at ${timeSentStr}`
|
|
28
|
-
: 'Waiting for origin transaction')),
|
|
29
|
-
React.createElement("div", { className:
|
|
30
|
-
React.createElement("div", { className:
|
|
31
|
-
React.createElement("div", { className:
|
|
32
|
-
React.createElement("div", { className:
|
|
33
|
-
React.createElement("div", { className:
|
|
27
|
+
: 'Waiting for origin transaction'))),
|
|
28
|
+
React.createElement("div", { className: styles.stageSpacer }),
|
|
29
|
+
React.createElement("div", { className: styles.stageContainer },
|
|
30
|
+
React.createElement("div", { className: `${styles.stageBar} ${getStageOpacityClass(Stage.Finalized, stage, status)}` },
|
|
31
|
+
React.createElement("div", { className: styles.stageHole }),
|
|
32
|
+
React.createElement("div", { className: styles.stageIconContainer },
|
|
34
33
|
React.createElement(StageIcon, { Icon: LockIcon, size: 14 }),
|
|
35
|
-
React.createElement("div", { className:
|
|
36
|
-
React.createElement(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
React.createElement("div", { className: "w-3 h-3 rounded-full bg-white" }),
|
|
46
|
-
React.createElement("div", { className: "absolute -top-12 flex flex-col items-center" },
|
|
34
|
+
React.createElement("div", { className: styles.stageIconCircle })),
|
|
35
|
+
React.createElement(ChevronWhite, null),
|
|
36
|
+
React.createElement(ChevronBlue, null)),
|
|
37
|
+
React.createElement("h4", { className: styles.stageHeader }, getStageHeader(Stage.Finalized, stage, timings, status)),
|
|
38
|
+
!hideDescriptions && (React.createElement("p", { className: styles.stageDesc }, "Origin transaction has sufficient confirmations"))),
|
|
39
|
+
React.createElement("div", { className: styles.stageSpacer }),
|
|
40
|
+
React.createElement("div", { className: styles.stageContainer },
|
|
41
|
+
React.createElement("div", { className: `${styles.stageBar} ${getStageOpacityClass(Stage.Validated, stage, status)}` },
|
|
42
|
+
React.createElement("div", { className: styles.stageHole }),
|
|
43
|
+
React.createElement("div", { className: styles.stageIconContainer },
|
|
47
44
|
React.createElement(StageIcon, { Icon: ShieldIcon }),
|
|
48
|
-
React.createElement("div", { className:
|
|
49
|
-
React.createElement(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
React.createElement("div", { className: "w-3 h-3 rounded-full bg-white" }),
|
|
59
|
-
React.createElement("div", { className: "absolute -top-12 flex flex-col items-center" },
|
|
45
|
+
React.createElement("div", { className: styles.stageIconCircle })),
|
|
46
|
+
React.createElement(ChevronWhite, null),
|
|
47
|
+
React.createElement(ChevronBlue, null)),
|
|
48
|
+
React.createElement("h4", { className: styles.stageHeader }, getStageHeader(Stage.Validated, stage, timings, status)),
|
|
49
|
+
!hideDescriptions && (React.createElement("p", { className: styles.stageDesc }, "Validators have signed the message bundle"))),
|
|
50
|
+
React.createElement("div", { className: styles.stageSpacer }),
|
|
51
|
+
React.createElement("div", { className: styles.stageContainer },
|
|
52
|
+
React.createElement("div", { className: `${styles.stageBar} htw-rounded-r ${getStageOpacityClass(Stage.Relayed, stage, status)}` },
|
|
53
|
+
React.createElement("div", { className: styles.stageHole }),
|
|
54
|
+
React.createElement("div", { className: styles.stageIconContainer },
|
|
60
55
|
React.createElement(StageIcon, { Icon: EnvelopeIcon }),
|
|
61
|
-
React.createElement("div", { className:
|
|
62
|
-
React.createElement(
|
|
63
|
-
|
|
64
|
-
React.createElement("
|
|
65
|
-
React.createElement("p", { className: "mt-1 sm:px-4 text-xs text-gray-500 text-center" }, "Destination transaction has been confirmed"))));
|
|
56
|
+
React.createElement("div", { className: styles.stageIconCircle })),
|
|
57
|
+
React.createElement(ChevronWhite, null)),
|
|
58
|
+
React.createElement("h4", { className: styles.stageHeader }, getStageHeader(Stage.Relayed, stage, timings, status)),
|
|
59
|
+
!hideDescriptions && (React.createElement("p", { className: styles.stageDesc }, "Destination transaction has been confirmed")))));
|
|
66
60
|
}
|
|
67
61
|
function StageIcon({ Icon, size }) {
|
|
68
|
-
return (React.createElement("div", { className: "h-9 w-9 flex items-center justify-center rounded-full bg-blue-500" },
|
|
62
|
+
return (React.createElement("div", { className: "htw-h-9 htw-w-9 htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-blue-500" },
|
|
69
63
|
React.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: Color.White })));
|
|
70
64
|
}
|
|
65
|
+
function ChevronWhite() {
|
|
66
|
+
return (React.createElement("div", { className: "htw-absolute htw--left-3 htw-top-0 htw-h-6" },
|
|
67
|
+
React.createElement(WideChevron, { direction: "e", height: "100%", width: "auto", color: "#ffffff" })));
|
|
68
|
+
}
|
|
69
|
+
function ChevronBlue() {
|
|
70
|
+
return (React.createElement("div", { className: "htw-absolute htw--right-3 htw-top-0 htw-h-6" },
|
|
71
|
+
React.createElement(WideChevron, { direction: "e", height: "100%", width: "auto" })));
|
|
72
|
+
}
|
|
71
73
|
function getStageHeader(targetStage, currentStage, timings, status) {
|
|
72
74
|
let label = '';
|
|
73
75
|
if (targetStage === Stage.Finalized) {
|
|
@@ -94,11 +96,21 @@ function getStageHeader(targetStage, currentStage, timings, status) {
|
|
|
94
96
|
else
|
|
95
97
|
return label;
|
|
96
98
|
}
|
|
97
|
-
function
|
|
99
|
+
function getStageOpacityClass(targetStage, currentStage, messageStatus) {
|
|
98
100
|
if (currentStage >= targetStage)
|
|
99
101
|
return '';
|
|
100
102
|
if (currentStage === targetStage - 1 && messageStatus !== MessageStatus.Failing)
|
|
101
|
-
return 'animate-pulse-slow';
|
|
102
|
-
return 'opacity-50';
|
|
103
|
+
return 'htw-animate-pulse-slow';
|
|
104
|
+
return 'htw-opacity-50';
|
|
103
105
|
}
|
|
106
|
+
const styles = {
|
|
107
|
+
stageContainer: 'htw-flex-1 htw-flex htw-flex-col htw-items-center',
|
|
108
|
+
stageSpacer: 'htw-flex-0 htw-w-1 xs:htw-w-2 sm:htw-w-3',
|
|
109
|
+
stageBar: 'htw-w-full htw-h-6 htw-flex htw-items-center htw-justify-center htw-bg-blue-500 htw-relative',
|
|
110
|
+
stageHole: 'htw-w-3 htw-h-3 htw-rounded-full htw-bg-white',
|
|
111
|
+
stageIconContainer: 'htw-absolute htw--top-12 htw-flex htw-flex-col htw-items-center',
|
|
112
|
+
stageIconCircle: 'htw-w-0.5 htw-h-4 htw-bg-blue-500',
|
|
113
|
+
stageHeader: 'htw-mt-2.5 htw-text-gray-700 htw-text-xs xs:htw-text-sm sm:htw-text-base',
|
|
114
|
+
stageDesc: 'htw-mt-1 sm:htw-px-4 htw-text-xs htw-text-gray-500 htw-text-center',
|
|
115
|
+
};
|
|
104
116
|
//# sourceMappingURL=MessageTimeline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,YAAY,IAAI,KAAK,EAAgB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica,Arial,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#025aa180;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}
|
|
1
|
+
/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica,Arial,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#025aa180;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-absolute{position:absolute}.htw-relative{position:relative}.htw--left-3{left:-.75rem}.htw-top-0{top:0}.htw--right-3{right:-.75rem}.htw--top-12{top:-3rem}.htw-mt-2\.5{margin-top:.625rem}.htw-mt-2{margin-top:.5rem}.htw-mt-1{margin-top:.25rem}.htw-flex{display:flex}.htw-h-9{height:2.25rem}.htw-h-6{height:1.5rem}.htw-h-3{height:.75rem}.htw-h-4{height:1rem}.htw-w-full{width:100%}.htw-w-9{width:2.25rem}.htw-w-1{width:.25rem}.htw-w-3{width:.75rem}.htw-w-0\.5{width:.125rem}.htw-w-0{width:0}.htw-flex-1{flex:1 1 0%}.htw--rotate-90{--tw-rotate:-90deg}.htw--rotate-90,.htw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.htw-rotate-90{--tw-rotate:90deg}.htw-rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes htw-pulse{50%{opacity:.5}}.htw-animate-pulse-slow{animation:htw-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.htw-flex-col{flex-direction:column}.htw-items-center{align-items:center}.htw-justify-center{justify-content:center}.htw-rounded-full{border-radius:9999px}.htw-rounded-l{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.htw-rounded-r{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.htw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.htw-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(2 90 161/var(--tw-bg-opacity))}.htw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.htw-pt-14{padding-top:3.5rem}.htw-pb-1{padding-bottom:.25rem}.htw-text-center{text-align:center}.htw-text-xs{font-size:.75rem;line-height:1rem}.htw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.htw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.htw-opacity-50{opacity:.5}.htw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:480px){.xs\:htw-w-2{width:.5rem}.xs\:htw-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:htw-w-3{width:.75rem}.sm\:htw-px-4{padding-left:1rem;padding-right:1rem}.sm\:htw-text-base{font-size:1rem;line-height:1.5rem}}
|