@artaio/arta-browser 2.11.0 → 2.12.0-color-fixes1e62d279800a90b258bb6b27be7e06e513e5ca65
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/README.md +97 -24
- package/dist/bundle.js +1 -1
- package/dist/components/DrawerFooter/index.js +1 -1
- package/dist/components/DrawerInsurance/index.js +1 -1
- package/dist/components/Modal/index.css +12 -16
- package/dist/components/PackageEvents/index.js +1 -1
- package/dist/components/Timeline/EmptyStep.d.ts +2 -1
- package/dist/components/Timeline/EmptyStep.js +2 -2
- package/dist/components/Timeline/SecondaryStep.js +1 -1
- package/dist/components/Timeline/TimelineDefault.js +3 -3
- package/dist/components/TrackingDrawer/index.css +16 -7
- package/dist/trackingConfig.js +1 -1
- package/package.json +1 -1
|
@@ -14,6 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.DrawerFooter = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("preact/jsx-runtime");
|
|
16
16
|
var DrawerFooter = function () {
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__footer__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__footer__wrapper" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: "https://arta.io/" }, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ class: "artajs__tracking__footer__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__footer__powered__by__text" }, { children: "Powered by" })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__footer__powered__by__logo" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__footer__powered__by__logo" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "50", height: "16", viewBox: "0 0 50 16", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M9.47431 10.2038C9.3445 10.2073 9.2089 10.2084 9.06867 10.2107C7.86333 10.2256 6.68118 10.3312 5.51641 10.6571C4.51157 10.9383 3.66668 11.4087 3.03388 12.2476C2.98173 12.3187 2.92957 12.3945 2.87974 12.4714C2.85424 12.5104 2.8299 12.5482 2.80556 12.5861C2.48453 13.0968 2.22491 13.643 2.22491 13.643C1.96994 14.2512 1.50171 14.973 0.918749 15.3987C0.769241 15.5066 0.846892 15.7384 1.03117 15.7384H3.51601C3.68522 15.7384 3.77562 15.533 3.65277 15.4182C3.35492 15.1394 3.24945 14.81 3.16948 14.3349C3.05126 13.6361 3.43604 12.9005 3.87993 12.3841C4.39799 11.7805 5.07831 11.4638 5.83976 11.2642C5.88496 11.2527 5.93016 11.2412 5.97536 11.2297C6.99642 10.9796 8.02791 10.8981 9.07562 10.8866C9.21818 10.8843 9.35609 10.8832 9.48938 10.8797C9.67829 10.8751 9.82664 10.7202 9.822 10.5332C9.81737 10.3461 9.66206 10.1992 9.47199 10.2038H9.47431Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.0679 15.7384H11.3322C11.1618 15.7384 11.0749 15.533 11.1977 15.4171C11.4886 15.1485 11.6428 14.7308 11.6428 14.2317C11.6428 13.7325 11.484 13.0187 11.1421 12.1202L10.6889 10.905L10.4166 10.2084H10.4154C10.3864 10.112 9.42913 7.0619 8.36635 4.33651C7.71037 2.6462 6.92111 0.662124 6.49113 0.39934C6.44708 0.3718 6.41 0.340816 6.38102 0.307538C6.27324 0.187047 6.36248 0 6.52474 0H10.8025C10.901 0 10.9845 0.0757369 10.9903 0.175572C11.0239 0.728681 11.2116 1.42064 11.6196 2.49588L12.3474 4.33537L15.3445 11.9137C16.0492 13.7176 16.558 14.8639 17.1873 15.4033C17.3218 15.5192 17.2441 15.7361 17.0668 15.7361L17.0679 15.7384Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M26.1566 4.79778C24.862 4.79778 24.038 5.36351 23.5767 5.83285C23.4562 5.95449 23.5895 6.15186 23.7506 6.09219C23.9708 6.00957 24.2269 5.95564 24.483 5.99121C25.2271 6.09449 25.139 6.63842 25.3175 7.18579C25.5296 7.83299 26.0326 8.30233 26.8671 8.30233C27.7757 8.30233 28.5128 7.58283 28.5128 6.67284C28.5128 5.86154 27.8696 4.79663 26.1578 4.79663L26.1566 4.79778Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M24.1203 15.3838C23.8711 15.2254 23.1746 14.6229 23.1746 12.8489V6.82777C23.1746 5.78352 22.3193 4.93665 21.2646 4.93665H19.6351H18.7855C18.6847 4.93665 18.6024 5.01812 18.6024 5.11795V5.12943C18.6024 5.19254 18.636 5.24992 18.6893 5.28435C18.9385 5.44271 19.6351 6.04516 19.6351 7.81924V12.85C19.6351 14.6229 18.9374 15.2254 18.6893 15.3849C18.636 15.4193 18.6024 15.4767 18.6024 15.5398V15.5513C18.6024 15.6511 18.6847 15.7326 18.7855 15.7326H19.6351H23.1746H24.0241C24.1249 15.7326 24.2072 15.6511 24.2072 15.5513V15.5398C24.2072 15.4767 24.1736 15.4193 24.1203 15.3849V15.3838Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M36.5723 4.93205H34.223V4.80008V1.73618C34.223 1.56979 34.0051 1.50438 33.9124 1.64323C33.2646 2.60945 31.6849 4.68418 29.9476 4.91254C29.7691 4.93549 29.6393 5.09156 29.6393 5.27057C29.6393 5.47024 29.8027 5.63319 30.0055 5.63319H30.6835C30.6835 7.40498 30.6835 11.4638 30.6835 12.9579C30.6835 14.8938 31.8587 16 33.5786 16C34.9022 16 35.8259 15.238 36.3011 14.7205C36.4147 14.5965 36.3092 14.398 36.1423 14.4221C35.2962 14.5495 34.223 14.1169 34.223 12.6721V5.6309H36.5978C36.7855 5.6309 36.9385 5.47942 36.9385 5.29352C36.9385 5.09385 36.7751 4.9309 36.5723 4.9309V4.93205Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M43.9341 9.52567C44.1022 9.39256 43.9515 9.13092 43.751 9.20551C41.797 9.93534 38.2853 11.5453 38.2853 13.6832C38.2853 15.5433 39.9229 15.9977 40.9567 15.9977C42.869 15.9977 43.8113 15.0005 44.1659 14.4945C44.2447 14.382 44.1624 14.2305 44.0257 14.234C43.3952 14.2546 42.0369 14.1055 42.0369 12.4312C42.0369 11.2688 43.0811 10.2016 43.9341 9.52453V9.52567Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M49.0741 15.3677C48.825 15.2093 48.1284 14.6069 48.1284 12.8328V8.46643C48.1284 6.49612 46.3923 4.76794 43.474 4.76794C39.8846 4.76794 38.7848 6.26662 38.4069 6.94137C37.569 8.43889 38.2087 9.49462 38.9227 9.89052C39.6366 10.2864 40.7191 10.042 41.1595 9.25479C41.5536 8.5502 41.3635 7.68382 40.7492 7.19612C40.7492 7.19612 40.7492 7.19382 40.7469 7.19267C40.5823 7.063 39.9739 6.50186 40.3077 6.00154C40.5974 5.56777 41.1977 5.31073 42.0936 5.31073C43.9712 5.31073 44.5878 7.45546 44.5878 9.0138V13.822C44.5878 14.8662 45.4431 15.7131 46.4977 15.7131H48.1273H48.9768C49.0776 15.7131 49.1599 15.6316 49.1599 15.5318V15.5203C49.1599 15.4572 49.1263 15.3998 49.073 15.3654L49.0741 15.3677Z", fill: "currentColor" })] })) })) }))] })) })) })));
|
|
18
18
|
};
|
|
19
19
|
exports.DrawerFooter = DrawerFooter;
|
|
@@ -14,6 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.DrawerInsurance = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("preact/jsx-runtime");
|
|
16
16
|
var DrawerInsurance = function () {
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__title" }, { children: "Protected with" })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__body" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__body__icon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "20", viewBox: "0 0 18 20", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4585 3.17259L12.4584 3.17258C12.0502 2.95409 11.5803 2.70261 11.0381 2.44955C10.1881 2.05287 9.45319 1.80278 9.00011 1.80278L9.00011 0.00291653C9.89693 0.00291653 10.9619 0.427777 11.7992 0.818545C12.3701 1.08495 12.9716 1.40556 13.4117 1.64019C13.6166 1.7494 13.7865 1.83998 13.9022 1.89779C14.003 1.9482 14.1124 2.00373 14.2286 2.06266L14.2288 2.06278C14.6645 2.28384 15.1945 2.55273 15.717 2.77861C16.0461 2.92087 16.3449 3.03378 16.5901 3.10205C16.7893 3.15752 16.8906 3.16514 16.9202 3.16737C16.932 3.16826 16.9324 3.16829 16.923 3.17016C17.1861 3.11754 17.459 3.18506 17.6672 3.35431C17.8754 3.52356 17.9972 3.77688 17.9994 4.04518C18.0188 6.39014 17.5547 9.79083 16.2436 12.6406C14.9324 15.4907 12.6555 18.0016 9.00007 18.0016L9.00007 16.2017C11.6443 16.2017 13.4356 14.4379 14.6085 11.8884C15.6437 9.63826 16.1048 6.94108 16.1866 4.85739C16.1595 4.8503 16.1331 4.84313 16.1073 4.83596C15.7495 4.73633 15.3661 4.58777 15.0028 4.43072C14.4231 4.18013 13.8253 3.8766 13.3886 3.6549L13.3885 3.65486C13.2807 3.60012 13.1827 3.55037 13.0973 3.50764C12.9029 3.41049 12.6907 3.29688 12.4585 3.17259ZM4.90275 3.5057C5.09706 3.40855 5.30934 3.29493 5.54157 3.17064C5.94979 2.95215 6.41965 2.70067 6.96192 2.44761C7.81192 2.05093 8.54681 1.80084 8.99989 1.80084L8.99989 0.000976169C8.10307 0.000976169 7.03812 0.425837 6.20077 0.816605C5.62991 1.08301 5.02844 1.40362 4.58827 1.63825C4.38339 1.74746 4.21346 1.83804 4.09782 1.89585C3.99694 1.94629 3.88742 2.00186 3.77119 2.06083C3.33549 2.2819 2.80554 2.55079 2.28302 2.77667C1.95394 2.91893 1.65506 3.03184 1.40987 3.10011C1.21066 3.15558 1.1094 3.1632 1.0798 3.16543C1.06797 3.16632 1.06759 3.16634 1.07697 3.16822C0.813873 3.1156 0.541015 3.18312 0.332817 3.35237C0.124618 3.52162 0.00279792 3.77494 0.000579657 4.04324C-0.0188067 6.3882 0.445274 9.78889 1.75635 12.6387C3.06757 15.4888 5.34455 17.9997 8.99993 17.9997L8.99993 16.1998C6.35574 16.1998 4.5644 14.436 3.39148 11.8865C2.35629 9.63632 1.8952 6.93914 1.81336 4.85545C1.84046 4.84836 1.86692 4.84119 1.89268 4.83402C2.25046 4.73439 2.63391 4.58583 2.99721 4.42878C3.57689 4.17819 4.17474 3.87466 4.61142 3.65296C4.71926 3.5982 4.81727 3.54844 4.90275 3.5057Z", fill: "
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__title" }, { children: "Protected with" })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__body" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__body__icon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "20", viewBox: "0 0 18 20", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4585 3.17259L12.4584 3.17258C12.0502 2.95409 11.5803 2.70261 11.0381 2.44955C10.1881 2.05287 9.45319 1.80278 9.00011 1.80278L9.00011 0.00291653C9.89693 0.00291653 10.9619 0.427777 11.7992 0.818545C12.3701 1.08495 12.9716 1.40556 13.4117 1.64019C13.6166 1.7494 13.7865 1.83998 13.9022 1.89779C14.003 1.9482 14.1124 2.00373 14.2286 2.06266L14.2288 2.06278C14.6645 2.28384 15.1945 2.55273 15.717 2.77861C16.0461 2.92087 16.3449 3.03378 16.5901 3.10205C16.7893 3.15752 16.8906 3.16514 16.9202 3.16737C16.932 3.16826 16.9324 3.16829 16.923 3.17016C17.1861 3.11754 17.459 3.18506 17.6672 3.35431C17.8754 3.52356 17.9972 3.77688 17.9994 4.04518C18.0188 6.39014 17.5547 9.79083 16.2436 12.6406C14.9324 15.4907 12.6555 18.0016 9.00007 18.0016L9.00007 16.2017C11.6443 16.2017 13.4356 14.4379 14.6085 11.8884C15.6437 9.63826 16.1048 6.94108 16.1866 4.85739C16.1595 4.8503 16.1331 4.84313 16.1073 4.83596C15.7495 4.73633 15.3661 4.58777 15.0028 4.43072C14.4231 4.18013 13.8253 3.8766 13.3886 3.6549L13.3885 3.65486C13.2807 3.60012 13.1827 3.55037 13.0973 3.50764C12.9029 3.41049 12.6907 3.29688 12.4585 3.17259ZM4.90275 3.5057C5.09706 3.40855 5.30934 3.29493 5.54157 3.17064C5.94979 2.95215 6.41965 2.70067 6.96192 2.44761C7.81192 2.05093 8.54681 1.80084 8.99989 1.80084L8.99989 0.000976169C8.10307 0.000976169 7.03812 0.425837 6.20077 0.816605C5.62991 1.08301 5.02844 1.40362 4.58827 1.63825C4.38339 1.74746 4.21346 1.83804 4.09782 1.89585C3.99694 1.94629 3.88742 2.00186 3.77119 2.06083C3.33549 2.2819 2.80554 2.55079 2.28302 2.77667C1.95394 2.91893 1.65506 3.03184 1.40987 3.10011C1.21066 3.15558 1.1094 3.1632 1.0798 3.16543C1.06797 3.16632 1.06759 3.16634 1.07697 3.16822C0.813873 3.1156 0.541015 3.18312 0.332817 3.35237C0.124618 3.52162 0.00279792 3.77494 0.000579657 4.04324C-0.0188067 6.3882 0.445274 9.78889 1.75635 12.6387C3.06757 15.4888 5.34455 17.9997 8.99993 17.9997L8.99993 16.1998C6.35574 16.1998 4.5644 14.436 3.39148 11.8865C2.35629 9.63632 1.8952 6.93914 1.81336 4.85545C1.84046 4.84836 1.86692 4.84119 1.89268 4.83402C2.25046 4.73439 2.63391 4.58583 2.99721 4.42878C3.57689 4.17819 4.17474 3.87466 4.61142 3.65296C4.71926 3.5982 4.81727 3.54844 4.90275 3.5057Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.649 5.55151C13.0625 5.8272 13.1743 6.38595 12.8986 6.79949L9.29884 12.1991C9.03238 12.5988 8.49896 12.7187 8.08704 12.4716L5.8372 11.1217C5.41101 10.866 5.27281 10.3132 5.52853 9.88699C5.78424 9.4608 6.33704 9.3226 6.76323 9.57831L8.27725 10.4867L11.401 5.8011C11.6767 5.38756 12.2354 5.27581 12.649 5.55151Z", fill: "currentColor" })] })) })), (0, jsx_runtime_1.jsx)("a", __assign({ href: "https://www.arta.io/insurance", target: "_blank", class: "artajs__tracking__insurance__body__icon__text" }, { children: "Arta Transit Insurance" }))] }))] })) })));
|
|
18
18
|
};
|
|
19
19
|
exports.DrawerInsurance = DrawerInsurance;
|
|
@@ -399,6 +399,12 @@
|
|
|
399
399
|
.artajs__modal .artajs__modal__footer__link {
|
|
400
400
|
display: inline-flex;
|
|
401
401
|
text-decoration: none;
|
|
402
|
+
padding: 6px 10px;
|
|
403
|
+
background: #FFFFFF;
|
|
404
|
+
border-radius: 12px;
|
|
405
|
+
align-items: center;
|
|
406
|
+
justify-content: center;
|
|
407
|
+
gap: 6px;
|
|
402
408
|
}
|
|
403
409
|
|
|
404
410
|
.artajs__modal .artajs__modal__footer__link p {
|
|
@@ -406,20 +412,6 @@
|
|
|
406
412
|
font-family: 'helvetica';
|
|
407
413
|
color: #6F6C65;
|
|
408
414
|
padding-top: 2px;
|
|
409
|
-
margin-top: 2px;
|
|
410
|
-
margin-right: 5px;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
.artajs__modal .artajs__modal__footer button {
|
|
414
|
-
background: #FFFFFF;
|
|
415
|
-
border-radius: 16px;
|
|
416
|
-
width: 180px;
|
|
417
|
-
height: 22px;
|
|
418
|
-
justify-content: center;
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
.artajs__modal .artajs__modal__footer__link svg {
|
|
422
|
-
margin-top: 2px;
|
|
423
415
|
}
|
|
424
416
|
|
|
425
417
|
.artajs__modal .artajs__modal__footer__link path {
|
|
@@ -427,7 +419,11 @@
|
|
|
427
419
|
}
|
|
428
420
|
|
|
429
421
|
.artajs__modal .artajs__modal__footer__link:hover path {
|
|
430
|
-
fill: #
|
|
422
|
+
fill: #000;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.artajs__modal .artajs__modal__footer__link:hover p {
|
|
426
|
+
color: #000;
|
|
431
427
|
}
|
|
432
428
|
|
|
433
429
|
.artajs__modal .artajs__modal__footer__link:hover {
|
|
@@ -767,4 +763,4 @@
|
|
|
767
763
|
100% {
|
|
768
764
|
transform: rotate(360deg);
|
|
769
765
|
}
|
|
770
|
-
}
|
|
766
|
+
}
|
|
@@ -119,7 +119,7 @@ var PackageEvents = function (_a) {
|
|
|
119
119
|
var _a;
|
|
120
120
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: idx === 0 && idx2 === 0
|
|
121
121
|
? 'artajs__tracking__events__group__number__primary'
|
|
122
|
-
: 'artajs__tracking__events__group__number__secondary' }, { children: counter-- })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__round" }, { children: idx === 0 && idx2 === 0 ? ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7.5", fill:
|
|
122
|
+
: 'artajs__tracking__events__group__number__secondary' }, { children: counter-- })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__round" }, { children: idx === 0 && idx2 === 0 ? ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7.5", fill: config.style.color.iconPrimary }) }))) : ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7", fill: "none", stroke: config.style.color.iconTertiary, "stroke-width": "2" }) }))) })), (0, jsx_runtime_1.jsx)("hr", { class: "artajs__tracking__events__vertical", width: "1", style: "0 auto" })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__summary" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: idx === 0 && idx2 === 0
|
|
123
123
|
? 'artajs__tracking__events__group__location'
|
|
124
124
|
: 'artajs__tracking__events__group__location__secondary' }, { children: (_a = cleanLocationString(event.location)) !== null && _a !== void 0 ? _a : config.text.unknownLocation })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__group__time" }, { children: new Date(event.datetime).toLocaleTimeString([], {
|
|
125
125
|
hour: 'numeric',
|
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.EmptyStep = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("preact/jsx-runtime");
|
|
16
16
|
var EmptyStep = function (_a) {
|
|
17
|
-
var text = _a.text;
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__step" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5.5", fill: "
|
|
17
|
+
var stroke = _a.stroke, text = _a.text;
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__step" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5.5", fill: "none", stroke: stroke, "stroke-width": "2" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__step__text__secondary" }, { children: text }))] })));
|
|
19
19
|
};
|
|
20
20
|
exports.EmptyStep = EmptyStep;
|
|
@@ -15,6 +15,6 @@ exports.SecondaryStep = void 0;
|
|
|
15
15
|
var jsx_runtime_1 = require("preact/jsx-runtime");
|
|
16
16
|
var SecondaryStep = function (_a) {
|
|
17
17
|
var config = _a.config;
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__minimal__secondary__step" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8 4C8 6.20914 6.20914 8 4 8C1.79086 8 0 6.20914 0 4C0 1.79086 1.79086 0 4 0C6.20914 0 8 1.79086 8 4Z", fill:
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__minimal__secondary__step" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8 4C8 6.20914 6.20914 8 4 8C1.79086 8 0 6.20914 0 4C0 1.79086 1.79086 0 4 0C6.20914 0 8 1.79086 8 4Z", fill: config.style.color.iconSecondary }) })) })));
|
|
19
19
|
};
|
|
20
20
|
exports.SecondaryStep = SecondaryStep;
|
|
@@ -36,9 +36,9 @@ var isSmaller = function (a, b) {
|
|
|
36
36
|
var TimelineDefault = function (_a) {
|
|
37
37
|
var config = _a.config, shipment = _a.shipment;
|
|
38
38
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__default__wrapper" }, { children: shipment.status === 'cancelled' || shipment.status === 'pending' ? (shipment.status === 'pending' ? ((0, jsx_runtime_1.jsx)(PendingIcon_1.PendingIcon, { config: config })) : ((0, jsx_runtime_1.jsx)(CancelledIcon_1.CancelledIcon, { config: config }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__steps" }, { children: [shipment.status === 'confirmed' ? ((0, jsx_runtime_1.jsx)(ConfirmedIcon_1.ConfirmedIcon, { config: config, shipment: shipment })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.confirmedLabel, date: shipment.confirmed_at, config: config })), shipment.status === 'confirmed' ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config })), shipment.quote_type !== 'self_ship' &&
|
|
39
|
-
(shipment.status === 'collected' ? ((0, jsx_runtime_1.jsx)(CollectedIcon_1.CollectedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.collectedLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.collectedLabel, date: shipment.collected_at, config: config }))), shipment.quote_type !== 'self_ship' &&
|
|
39
|
+
(shipment.status === 'collected' ? ((0, jsx_runtime_1.jsx)(CollectedIcon_1.CollectedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.collectedLabel, stroke: config.style.color.iconTertiary })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.collectedLabel, date: shipment.collected_at, config: config }))), shipment.quote_type !== 'self_ship' &&
|
|
40
40
|
(shipment.status === 'collected' ||
|
|
41
|
-
isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config }))), shipment.status === 'in_transit' ? ((0, jsx_runtime_1.jsx)(InTransitIcon_1.InTransitIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.inTransitLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.inTransitLabel, date: shipment.in_transit_at, config: config })), shipment.status === 'in_transit' ||
|
|
42
|
-
isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config })), shipment.status === 'completed' ? ((0, jsx_runtime_1.jsx)(CompletedIcon_1.CompletedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'completed') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.completedLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.completedLabel, date: shipment.completed_at, config: config }))] }))) })));
|
|
41
|
+
isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config }))), shipment.status === 'in_transit' ? ((0, jsx_runtime_1.jsx)(InTransitIcon_1.InTransitIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.inTransitLabel, stroke: config.style.color.iconTertiary })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.inTransitLabel, date: shipment.in_transit_at, config: config })), shipment.status === 'in_transit' ||
|
|
42
|
+
isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config })), shipment.status === 'completed' ? ((0, jsx_runtime_1.jsx)(CompletedIcon_1.CompletedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'completed') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.completedLabel, stroke: config.style.color.iconTertiary })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.completedLabel, date: shipment.completed_at, config: config }))] }))) })));
|
|
43
43
|
};
|
|
44
44
|
exports.TimelineDefault = TimelineDefault;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--background: #FFFFFF;
|
|
5
5
|
--text-primary: #110F10;
|
|
6
6
|
--text-secondary: #6F6C65;
|
|
7
|
-
--border: #
|
|
7
|
+
--border: #E7E7E7;
|
|
8
8
|
--width: 540px;
|
|
9
9
|
--font-family: "Neue Haas Grotesk Text Pro, Helvetica, sans-serif, Arial";
|
|
10
10
|
--font-size: 14px;
|
|
@@ -516,6 +516,7 @@
|
|
|
516
516
|
}
|
|
517
517
|
|
|
518
518
|
.artajs__drawer .artajas__tracking__top__date__and {
|
|
519
|
+
color: var(--text-primary);
|
|
519
520
|
justify-content: flex-end;
|
|
520
521
|
display: flex;
|
|
521
522
|
flex-direction: column;
|
|
@@ -693,11 +694,14 @@
|
|
|
693
694
|
|
|
694
695
|
.artajs__drawer .artajs__tracking__footer__content {
|
|
695
696
|
display: flex;
|
|
696
|
-
|
|
697
|
-
padding: 24px 32px 0px 32px;
|
|
697
|
+
margin-top: 24px;
|
|
698
698
|
justify-content: center;
|
|
699
699
|
align-items: center;
|
|
700
|
-
gap:
|
|
700
|
+
gap: 6px;
|
|
701
|
+
cursor: pointer;
|
|
702
|
+
padding: 6px 10px;
|
|
703
|
+
background: #FFFFFF;
|
|
704
|
+
border-radius: 12px;
|
|
701
705
|
}
|
|
702
706
|
|
|
703
707
|
.artajs__drawer .artajs__tracking__footer__powered__by__text {
|
|
@@ -708,16 +712,20 @@
|
|
|
708
712
|
font-style: normal;
|
|
709
713
|
font-weight: 400;
|
|
710
714
|
line-height: 150%;
|
|
711
|
-
|
|
715
|
+
padding-top: 2px;
|
|
712
716
|
}
|
|
713
717
|
|
|
714
718
|
.artajs__drawer .artajs__tracking__footer__powered__by__logo {
|
|
715
719
|
display: flex;
|
|
716
|
-
width: 48.32px;
|
|
717
|
-
height: 16px;
|
|
718
720
|
justify-content: center;
|
|
719
721
|
align-items: center;
|
|
720
722
|
flex-shrink: 0;
|
|
723
|
+
color: #379464;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.artajs__drawer .artajs__tracking__footer__content:hover .artajs__tracking__footer__powered__by__text,
|
|
727
|
+
.artajs__drawer .artajs__tracking__footer__content:hover .artajs__tracking__footer__powered__by__logo {
|
|
728
|
+
color: #000;
|
|
721
729
|
}
|
|
722
730
|
|
|
723
731
|
/* Insurance box */
|
|
@@ -756,6 +764,7 @@
|
|
|
756
764
|
}
|
|
757
765
|
|
|
758
766
|
.artajs__drawer .artajs__tracking__insurance__body__icon {
|
|
767
|
+
color: var(--text-primary);
|
|
759
768
|
display: flex;
|
|
760
769
|
width: 18px;
|
|
761
770
|
height: 20px;
|
package/dist/trackingConfig.js
CHANGED