@ututrust/web-components 1.1.28 → 1.2.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/index.js +10 -8
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -45788,7 +45788,7 @@
|
|
|
45788
45788
|
onClick: onStop
|
|
45789
45789
|
}, h$2("div", {
|
|
45790
45790
|
className: "btn-stop-icon btn-stop-icon-".concat(envCondition)
|
|
45791
|
-
})), isReady && h$2("button", {
|
|
45791
|
+
})), isReady && !publishedVideoUrl && h$2("button", {
|
|
45792
45792
|
type: "button",
|
|
45793
45793
|
className: "m-1 btn-round-stop btn-round-stop-".concat(envCondition, " btn-round btn-round-").concat(envCondition),
|
|
45794
45794
|
onClick: function onClick() {
|
|
@@ -45953,7 +45953,7 @@
|
|
|
45953
45953
|
}
|
|
45954
45954
|
});
|
|
45955
45955
|
|
|
45956
|
-
var css_248z$7 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-avatar {\n width: 2rem;\n}\n\n.endorsement-body {\n display: flex;\n}\n\n.endor-text {\n width: 100%;\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 1rem;\n align-items: center;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-section {\n width: 100%;\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n align-items: center;\n}\n.endor-text-stakes-item {\n font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n color: black;\n}\n.endor-text-stakes-item-dark {\n color: white;\n}\n.endor-text-stakes-item-2 {\n font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n color: black;\n}\n.endor-text-stakes-item-2-dark {\n color: white;\n}\n.endor-text-contacts-section {\n align-items: center;\n margin-top: 1rem;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 0.7rem;\n}\n.endor-text-contacts-section-light {\n color: black;\n}\n.endor-text-contacts-section-dark {\n color: white;\n}\n.endor-text-contacts-body {\n font-size: 1rem;\n text-align: start;\n margin-bottom: 0;\n}\n.endor-text-image-item {\n margin-left: -15px;\n height: 4rem;\n border-radius: 50%;\n}\n.endor-text-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
|
|
45956
|
+
var css_248z$7 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-avatar {\n width: 2rem;\n}\n\n.endorsement-body {\n display: flex;\n}\n\n.truncate-text {\n display: inline-block;\n width: 5rem;\n margin: -5px 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.endor-text {\n width: 100%;\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 1rem;\n align-items: center;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-section {\n width: 100%;\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n align-items: center;\n}\n.endor-text-stakes-item {\n font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n color: black;\n}\n.endor-text-stakes-item-dark {\n color: white;\n}\n.endor-text-stakes-item-2 {\n font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n color: black;\n}\n.endor-text-stakes-item-2-dark {\n color: white;\n}\n.endor-text-contacts-section {\n align-items: center;\n margin-top: 1rem;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 0.7rem;\n}\n.endor-text-contacts-section-light {\n color: black;\n}\n.endor-text-contacts-section-dark {\n color: white;\n}\n.endor-text-contacts-body {\n font-size: 1rem;\n text-align: start;\n margin-bottom: 0;\n}\n.endor-text-image-item {\n margin-left: -15px;\n height: 4rem;\n border-radius: 50%;\n}\n.endor-text-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
|
|
45957
45957
|
styleInject(css_248z$7);
|
|
45958
45958
|
|
|
45959
45959
|
// const minLength = 5;
|
|
@@ -46013,7 +46013,7 @@
|
|
|
46013
46013
|
|
|
46014
46014
|
return (_i$source3 = i.source) === null || _i$source3 === void 0 ? void 0 : _i$source3.name.slice(-3);
|
|
46015
46015
|
});
|
|
46016
|
-
|
|
46016
|
+
nameFirst === null || nameFirst === void 0 ? void 0 : nameFirst.concat(nameSec); // stake
|
|
46017
46017
|
// const endorStk = endorsements.map(i => i.endorsement?.value)
|
|
46018
46018
|
|
|
46019
46019
|
return h$2(BaseComponent, {
|
|
@@ -46026,7 +46026,7 @@
|
|
|
46026
46026
|
}, h$2("div", {
|
|
46027
46027
|
className: "endor-text endor-text-".concat(envCondition)
|
|
46028
46028
|
}, endorsements.map(function (i) {
|
|
46029
|
-
var _i$endorsement, _i$endorsement2;
|
|
46029
|
+
var _i$source4, _i$endorsement, _i$endorsement2;
|
|
46030
46030
|
|
|
46031
46031
|
return h$2("div", {
|
|
46032
46032
|
className: "py-3 px-5 endorsement-body"
|
|
@@ -46035,10 +46035,12 @@
|
|
|
46035
46035
|
}, endorImg()), h$2("div", {
|
|
46036
46036
|
className: "endor-text-contacts-section"
|
|
46037
46037
|
}, h$2("p", {
|
|
46038
|
-
className: "endor-text-contacts-body"
|
|
46039
|
-
}, "Your connection ", h$2("
|
|
46040
|
-
className: "
|
|
46041
|
-
},
|
|
46038
|
+
className: "endor-text-contacts-body "
|
|
46039
|
+
}, "Your connection ", h$2("span", {
|
|
46040
|
+
className: "truncate-text"
|
|
46041
|
+
}, h$2("b", {
|
|
46042
|
+
className: ""
|
|
46043
|
+
}, (_i$source4 = i.source) === null || _i$source4 === void 0 ? void 0 : _i$source4.name)), "has endorsed ", h$2("b", {
|
|
46042
46044
|
className: "mx-1"
|
|
46043
46045
|
}, (_i$endorsement = i.endorsement) === null || _i$endorsement === void 0 ? void 0 : _i$endorsement.value, " UTT "), " ")), h$2("div", {
|
|
46044
46046
|
className: "endor-text-stakes"
|