@ovotech/element-native 5.4.3 → 5.5.0

package/dist/esm/components/Cards/BalanceCard/BalanceCardErrorFallback.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading2 } from '../../Heading';
+import { ErrorContainer, PayGText, PayMText } from './BalanceCard.styles';
+import { OuterBalanceCard } from './Components';
+export const BalanceCardErrorFallback = ({ image = 'home', errorHeading, errorBodyText, ctaBanner }) => {
+    return (_jsxs(OuterBalanceCard, { image: image, ctaBanner: ctaBanner, children: [_jsx(ErrorContainer, { children: _jsx(Heading2, { children: errorHeading ? errorHeading : 'We couldn’t load your balance' }) }), image !== 'home' ? (_jsx(PayGText, { children: errorBodyText
+                    ? errorBodyText
+                    : 'We’re fixing it and it’ll be back soon.' })) : (_jsx(PayMText, { children: errorBodyText
+                    ? errorBodyText
+                    : 'We’re fixing it and it’ll be back soon.' }))] }));
+};

package/dist/esm/components/Cards/BalanceCard/BalanceCardImages.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { ClipPath, Defs, G, Mask, Path, Rect } from 'react-native-svg';
+import { useTheme } from '../../../styled.native';
+export const Home = () => {
+    const theme = useTheme();
+    return (_jsxs(Svg, { width: theme.space[2400], height: theme.space[2400], viewBox: "0 0 120 120", fill: "none", children: [_jsx(Path, { d: "M69.4336 62.9744L104.761 59.1016C106.11 58.9538 107.431 59.5643 108.201 60.6939L115.744 71.7389C117.162 73.8152 116.178 76.685 113.794 77.4295L66.1479 92.3101C65.5512 92.4963 64.9145 92.5111 64.3104 92.3516L26.5509 82.4043C23.281 81.5427 23.1779 76.8881 26.4067 75.8798L67.5971 63.0159C68.1938 62.8297 68.8305 62.8149 69.4346 62.9744H69.4336Z", fill: theme.color.neutral[80], fillOpacity: "0.2" }), _jsx(Path, { d: "M4.79933 53.3611L45.0847 40.8141V37.8625L5.09717 51.121L4.79933 53.3611Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M48.9333 97.7465L85.39 86.3749C88.7314 85.3325 91.0193 82.2234 91.0467 78.6899L91.2951 52.6782L54.0807 57.789L48.9333 97.7465Z", fill: theme.color.green[80] }), _jsx(Path, { d: "M32.7483 34.9746L11.1296 47.9332L10.8728 83.2328C10.8507 86.2111 12.8229 88.8287 15.6697 89.5999L45.7035 97.7337C49.7942 98.842 53.8176 95.7457 53.8502 91.4655L54.0786 61.4799L32.7462 34.9746H32.7483Z", fill: theme.color.green[40] }), _jsx(Path, { d: "M11.1305 47.9332L31.3074 35.8383L38.4659 42.0767L54.0816 61.4789L53.9732 71.4996L36.399 51.8549C33.9605 49.1298 29.974 48.4895 26.8199 50.3158L11.0474 59.4505L11.1316 47.9321L11.1305 47.9332Z", fill: theme.color.green[50] }), _jsx(Path, { d: "M41.9516 66.1462L23.1965 61.0673L22.8903 91.6315L41.6464 96.7115L41.9516 66.1462Z", fill: "white" }), _jsx(Path, { d: "M24.7551 63.1403L24.4804 91.9059L40.0877 96.1329L40.3613 67.3673L24.7551 63.1403Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M63.6377 80.3152L81.3056 74.8044L81.4445 63.0159L63.7766 68.5267L63.6377 80.3152Z", fill: "white" }), _jsx(Path, { d: "M62.5664 73.1174L82.3602 66.944L82.516 65.7888L62.7222 71.9623L62.5664 73.1174Z", fill: theme.color.green[80] }), _jsx(Path, { d: "M54.0807 61.4789L91.2951 49.8712L69.9627 25.2805L32.7483 36.8892L54.0807 61.4789Z", fill: "#A2D99C" }), _jsx(Path, { d: "M54.6039 65.2719L94.9976 52.6782L69.0777 22.8L28.684 35.3937L54.6039 65.2719Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M34.9403 79.5558L37.5282 81.197L36.7852 84.3986L34.1973 82.7574L34.9403 79.5558Z", fill: "white" }), _jsx(Path, { d: "M54.7122 68.1172L94.9975 55.5235V52.6782L54.7122 65.2719V68.1172Z", fill: theme.color.neutral[80], fillOpacity: "0.2" }), _jsx(Path, { d: "M54.7122 68.1172L28.6839 38.2241V35.3799L54.7122 65.2719V68.1172Z", fill: "white" }), _jsx(Path, { d: "M4.79928 53.361L28.6838 38.2241V35.3799L4.79928 50.5158V53.361Z", fill: theme.color.neutral[80], fillOpacity: "0.2" })] }));
+};
+export const Electricity = () => {
+    const theme = useTheme();
+    return (_jsxs(Svg, { width: theme.space[3000], height: theme.space[3000], viewBox: "0 0 120 120", fill: "none", children: [_jsx(Path, { d: "M91.434 92.8779L103.05 95.7148L39.0954 114.885L57.6192 100.083L46.0553 97.2568L84.2214 78.8534L108.592 84.604L91.434 92.8779Z", fill: theme.color.neutral[80], fillOpacity: "0.2" }), _jsx(Path, { d: "M43.0861 7.21989L50.6414 4.82573L51.1957 33.0261L43.6403 35.4203L43.0861 7.21989Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M11.26 14.507L18.8154 12.1128L50.6414 4.82574L43.0861 7.21991L11.26 14.507Z", fill: theme.color.green[80] }), _jsx(Path, { d: "M43.6403 35.4203L58.9936 32.0882L39.3146 114.955L27.7796 71.6753L12.4942 76.111L11.26 14.507L43.0861 7.21989L43.6403 35.4203ZM39.1165 108.032L56.5052 34.6827L41.9977 37.8923L41.4435 9.72308L12.9883 16.4728L14.1346 73.6378L28.8224 69.2879L39.1154 108.029", fill: "white" }), _jsx(Path, { d: "M58.9936 32.0883L66.5489 29.6941L46.8699 112.561L39.3146 114.955L58.9936 32.0883Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M43.6403 35.4203L51.1956 33.0261L66.5489 29.6941L58.9936 32.0883L43.6403 35.4203Z", fill: theme.color.green[80] }), _jsx(Path, { d: "M39.1165 108.032L56.5052 34.6827L41.9977 37.8923L41.4435 9.72308L12.9883 16.4728L14.1357 73.639L28.8235 69.289L39.1165 108.032Z", fill: theme.color.green[40] }), _jsx(Mask, { id: "mask0_24813_23263", maskType: "luminance", maskUnits: "userSpaceOnUse", x: "12", y: "9", width: "45", height: "100", children: _jsx(Path, { d: "M39.1165 108.032L56.5052 34.6827L41.9977 37.8923L41.4435 9.72308L12.9883 16.4728L14.1357 73.639L28.8235 69.289L39.1165 108.032Z", fill: "white" }) }), _jsx(G, { mask: "url(#mask0_24813_23263)", children: _jsx(Path, { d: "M54.2616 102.35C54.2616 69.0231 36.45 39.8548 9.82553 26.0639L10.1683 -18.3315L64.2931 12.4833L63.4417 122.902L53.0007 117.579C53.8298 112.626 54.2627 107.539 54.2627 102.351L54.2616 102.35Z", fill: theme.color.green[50] }) })] }));
+};
+export const Gas = () => {
+    const theme = useTheme();
+    return (_jsxs(Svg, { width: theme.space[3000], height: theme.space[3000], viewBox: "0 0 120 120", fill: "none", children: [_jsxs(G, { clipPath: "url(#clip0_24813_23248)", children: [_jsx(Path, { d: "M105.524 75.666C107.413 79.7508 106.169 83.2583 104.963 85.431C103.587 87.9077 102.07 90.638 96.3448 93.6884C91.5058 96.2668 85.8499 97.9069 82.3527 98.7926C83.7209 98.9984 86.4767 99.3138 90.2729 99.1115C95.3674 98.8395 99.1865 97.7995 100.588 97.3846C99.9875 98.5824 98.6239 100.502 95.2138 102.651C87.5595 107.478 75.6884 109.619 73.5915 109.985C72.7527 110.131 54.2241 113.239 40.1175 109.75C37.5977 109.123 29.6752 107.02 28.7975 102.643C27.7548 97.4429 37.6195 93.0427 39.9983 91.8918C55.4559 84.4127 90.761 81.2777 105.524 75.666Z", fill: theme.color.neutral[80], fillOpacity: "0.2" }), _jsx(Path, { d: "M64.9322 54.9155C64.9322 54.863 64.9322 54.8104 64.931 54.7578C64.9242 54.4355 64.915 54.1121 64.9012 53.7875C64.8898 53.488 64.8737 53.1909 64.8566 52.896C64.8508 52.7977 64.8439 52.7006 64.8371 52.6034C64.8245 52.4069 64.8119 52.2114 64.797 52.0171C64.7878 51.9028 64.7775 51.7886 64.7683 51.6743C64.7534 51.4994 64.7385 51.3234 64.7225 51.1497C64.711 51.0297 64.6984 50.9108 64.687 50.7919C64.6698 50.6251 64.6526 50.4582 64.6343 50.2936C64.6285 50.2422 64.6239 50.1908 64.6182 50.1393C64.6056 50.0273 64.5907 49.9165 64.577 49.8045C64.5701 49.7462 64.5632 49.6879 64.5552 49.6296C64.5254 49.3942 64.4945 49.1599 64.4612 48.9279C64.4544 48.8799 64.4475 48.8319 64.4406 48.7827C64.4131 48.5941 64.3856 48.4067 64.3558 48.2204C64.3455 48.1507 64.334 48.0821 64.3226 48.0124C64.2928 47.8238 64.2607 47.6353 64.2286 47.449C64.2217 47.4055 64.2137 47.3632 64.2069 47.3198C64.1667 47.0935 64.1266 46.8695 64.0842 46.6455C64.0739 46.5883 64.0625 46.5312 64.051 46.4741C64.0178 46.3015 63.9834 46.13 63.949 45.9586C63.9353 45.8935 63.9227 45.8283 63.9089 45.7632C63.8998 45.7186 63.8906 45.674 63.8814 45.6306C63.8723 45.586 63.8619 45.5437 63.8528 45.4992C63.7852 45.1803 63.7141 44.8637 63.6419 44.5494C63.6328 44.5106 63.6248 44.4717 63.6156 44.4328C63.5365 44.0945 63.454 43.7608 63.3692 43.4282C63.3509 43.3539 63.3314 43.2808 63.3119 43.2065C63.226 42.8762 63.1389 42.5482 63.0484 42.2225C63.0404 42.1916 63.0312 42.1619 63.022 42.131C62.9361 41.8247 62.849 41.5219 62.7596 41.2213C62.7482 41.1824 62.7379 41.1436 62.7264 41.1047C62.7172 41.0739 62.7069 41.043 62.6978 41.0121C62.6301 40.787 62.5614 40.563 62.4915 40.3401C62.48 40.3047 62.4697 40.2692 62.4594 40.235C62.3781 39.9778 62.2967 39.7218 62.2131 39.4681C62.189 39.3938 62.1638 39.3206 62.1397 39.2464C62.079 39.0646 62.0194 38.8829 61.9575 38.7023C61.9277 38.6155 61.8991 38.5298 61.8693 38.444C61.8086 38.268 61.7478 38.092 61.6871 37.9183C61.6608 37.8429 61.6344 37.7674 61.608 37.6932C61.521 37.4474 61.4339 37.204 61.3456 36.9617C61.3433 36.956 61.3422 36.9514 61.3399 36.9457C61.2528 36.7068 61.1657 36.4702 61.0775 36.2348C61.0489 36.1582 61.0202 36.0828 60.9916 36.0062C60.9285 35.8382 60.8655 35.6714 60.8025 35.5045C60.7716 35.4234 60.7406 35.3411 60.7097 35.2599C60.6432 35.0873 60.5779 34.9159 60.5115 34.7456C60.4931 34.6999 60.4759 34.653 60.4576 34.6073C60.4507 34.589 60.4438 34.5719 60.4358 34.5536C60.343 34.317 60.2513 34.0804 60.1585 33.8461C60.139 33.7981 60.1207 33.7501 60.1012 33.7021C60.0256 33.5124 59.9511 33.3238 59.8755 33.1353C59.8434 33.0541 59.8113 32.9741 59.7792 32.893C59.7128 32.7272 59.6475 32.5627 59.581 32.3981C59.5524 32.3261 59.5226 32.2529 59.4939 32.1809C59.4057 31.9615 59.3175 31.7432 59.2304 31.5261C59.031 31.0312 58.8282 30.5397 58.6208 30.0494C58.6047 30.0106 58.5887 29.9706 58.5715 29.9317C58.3733 29.4643 58.1716 28.9991 57.9676 28.5351C57.9413 28.4757 57.9149 28.4151 57.8886 28.3556C57.6881 27.9042 57.4852 27.455 57.2778 27.0082C57.2458 26.9385 57.2137 26.8687 57.1816 26.799C56.9765 26.3579 56.7679 25.9178 56.5571 25.4801C56.5227 25.4081 56.4872 25.3361 56.4528 25.2641C56.4047 25.1635 56.3566 25.0641 56.3073 24.9635C56.132 24.6046 55.9532 24.2469 55.7733 23.8915C55.7538 23.8538 55.7344 23.816 55.716 23.7795C55.5098 23.3715 55.2989 22.9646 55.087 22.56C55.0239 22.4411 54.9621 22.3211 54.899 22.2023C54.6905 21.8091 54.4808 21.4171 54.2665 21.0274C54.2402 20.9794 54.2138 20.9302 54.1875 20.8822C53.9503 20.4502 53.7085 20.0216 53.4656 19.5942C53.4014 19.481 53.3361 19.369 53.2719 19.257C53.0691 18.9039 52.864 18.553 52.6577 18.2033C52.6062 18.1164 52.5546 18.0284 52.503 17.9404C52.283 17.5701 52.0596 17.2021 51.835 16.8352C51.8064 16.7883 51.7766 16.7415 51.7468 16.6935C51.6734 16.5735 51.5978 16.4558 51.5245 16.3358C51.3285 16.0215 51.1314 15.7094 50.9332 15.3974C50.8438 15.258 50.7556 15.1197 50.6651 14.9803C50.46 14.6637 50.2537 14.3471 50.0452 14.0328C49.973 13.9242 49.9019 13.8157 49.8297 13.7071C49.5513 13.2911 49.2706 12.8773 48.9864 12.467C48.928 12.3836 48.8695 12.3002 48.8111 12.2167C48.5808 11.8864 48.3493 11.5573 48.1144 11.2304C48.0193 11.0978 47.9242 10.9664 47.8291 10.835C47.6182 10.5435 47.4051 10.2532 47.1908 9.96408C47.1003 9.84179 47.0098 9.71836 46.9181 9.59607C46.6179 9.19491 46.3154 8.79604 46.0094 8.4006L44.8682 6.92511L36.775 9.41663L37.9162 10.8921C38.2222 11.2876 38.5247 11.6864 38.8249 12.0876C38.9166 12.2099 39.0071 12.3333 39.0976 12.4556C39.3119 12.7448 39.525 13.0351 39.7359 13.3265C39.831 13.4579 39.9261 13.5905 40.0212 13.7219C40.2549 14.0488 40.4864 14.3768 40.7167 14.7071C40.7752 14.7906 40.8347 14.874 40.892 14.9574C41.1762 15.3689 41.4581 15.7815 41.7354 16.1975C41.8076 16.3049 41.8786 16.4146 41.9508 16.5232C42.1594 16.8375 42.3668 17.1529 42.5719 17.4707C42.6612 17.6089 42.7506 17.7484 42.84 17.8878C43.0394 18.1987 43.2353 18.5118 43.4313 18.825C43.5057 18.9439 43.5802 19.0627 43.6547 19.1827C43.9102 19.5965 44.1623 20.0113 44.411 20.4296C44.4625 20.5165 44.5141 20.6045 44.5657 20.6914C44.7731 21.0422 44.9782 21.3931 45.181 21.7474C45.2452 21.8594 45.3093 21.9714 45.3735 22.0834C45.6176 22.5109 45.8582 22.9406 46.0954 23.3726C46.1217 23.4206 46.1481 23.4697 46.1745 23.5177C46.3876 23.9075 46.5984 24.2995 46.807 24.6938C46.87 24.8127 46.933 24.9315 46.9949 25.0504C47.2069 25.4561 47.4177 25.8618 47.6251 26.271C47.6434 26.3087 47.6629 26.3453 47.6824 26.3819C47.9127 26.8379 48.1385 27.295 48.3619 27.7545C48.3963 27.8265 48.4318 27.8985 48.4662 27.9705C48.677 28.4082 48.8856 28.8482 49.0907 29.2894C49.1227 29.3591 49.1548 29.4277 49.1869 29.4974C49.3932 29.9454 49.5971 30.3946 49.7977 30.8449C49.824 30.9043 49.8504 30.9649 49.8767 31.0243C50.0807 31.4883 50.2835 31.9535 50.4806 32.4209C50.4966 32.4598 50.5138 32.4998 50.5299 32.5387C50.7361 33.029 50.9401 33.5204 51.1383 34.0153C51.2265 34.2336 51.3148 34.453 51.403 34.6725C51.4317 34.7433 51.4603 34.8142 51.4878 34.885C51.5543 35.0508 51.6207 35.2165 51.6872 35.3822C51.7193 35.4622 51.7514 35.5422 51.7834 35.6222C51.8591 35.8108 51.9335 36.0005 52.0092 36.1914C52.0286 36.2394 52.047 36.2862 52.0665 36.3342C52.1593 36.5685 52.2509 36.804 52.3438 37.0417C52.369 37.1057 52.393 37.1697 52.4182 37.2348C52.4847 37.4051 52.5512 37.5766 52.6165 37.7492C52.6474 37.8303 52.6784 37.9114 52.7093 37.9937C52.7723 38.1606 52.8353 38.3275 52.8984 38.4955C52.927 38.572 52.9557 38.6475 52.9843 38.724C53.0725 38.9595 53.1596 39.1961 53.2467 39.4349C53.249 39.4406 53.2501 39.4452 53.2524 39.4509C53.3407 39.6932 53.4277 39.9367 53.5148 40.1824C53.5412 40.2567 53.5675 40.3321 53.5939 40.4075C53.6558 40.5824 53.7165 40.7573 53.7761 40.9344C53.8059 41.0201 53.8345 41.107 53.8643 41.1927C53.925 41.3733 53.9858 41.5539 54.0465 41.7367C54.0706 41.811 54.0958 41.8853 54.1198 41.9596C54.2023 42.2133 54.2848 42.4682 54.3662 42.7253C54.3777 42.7619 54.3891 42.7985 54.3994 42.8351C54.4682 43.0568 54.5369 43.2797 54.6045 43.5037C54.6252 43.5734 54.6458 43.6442 54.6676 43.714C54.7569 44.0145 54.844 44.3163 54.93 44.6214C54.9391 44.6523 54.9483 44.6831 54.9563 44.7151C55.0468 45.0397 55.1339 45.3677 55.2199 45.698C55.2394 45.7712 55.2577 45.8455 55.2772 45.9198C55.362 46.2523 55.4445 46.5861 55.5235 46.9244C55.5327 46.9632 55.5407 47.0021 55.5499 47.0409C55.6232 47.3541 55.6931 47.6707 55.7607 47.9895C55.7791 48.0776 55.7985 48.1656 55.8169 48.2536C55.8306 48.3187 55.8432 48.3839 55.857 48.449C55.8913 48.6204 55.9257 48.7919 55.9589 48.9644C55.9704 49.0216 55.9807 49.0787 55.9922 49.1359C56.0346 49.3599 56.0758 49.5839 56.1148 49.8102C56.1228 49.8525 56.1297 49.8959 56.1366 49.9393C56.1686 50.1268 56.1996 50.3142 56.2305 50.5028C56.242 50.5714 56.2523 50.6411 56.2637 50.7108C56.2924 50.8971 56.321 51.0845 56.3485 51.272C56.3554 51.32 56.3634 51.368 56.3703 51.4171C56.4035 51.6491 56.4345 51.8834 56.4643 52.1189C56.4711 52.1771 56.478 52.2354 56.486 52.2937C56.5055 52.456 56.525 52.6194 56.5433 52.7829C56.5617 52.9486 56.58 53.1143 56.596 53.2812C56.6087 53.4 56.6201 53.5189 56.6316 53.6389C56.6476 53.8126 56.6625 53.9875 56.6774 54.1635C56.6866 54.2778 56.6969 54.3909 56.7061 54.5064C56.7209 54.7007 56.7336 54.8972 56.7462 55.0927C56.753 55.1898 56.7599 55.287 56.7656 55.3853C56.7828 55.6801 56.7977 55.9773 56.8103 56.2767C56.8229 56.6013 56.8332 56.9247 56.8401 57.247C56.8401 57.2996 56.8401 57.3522 56.8413 57.4048C56.8458 57.6745 56.8493 57.9431 56.8493 58.2117C56.8493 58.2139 56.8493 58.2162 56.8493 58.2185C56.8493 58.518 56.8458 58.8174 56.8413 59.1146C56.839 59.2128 56.8355 59.31 56.8332 59.4083C56.8287 59.6106 56.8229 59.8129 56.8149 60.014C56.8103 60.1294 56.8046 60.2437 56.8 60.358C56.792 60.542 56.7828 60.7272 56.7725 60.91C56.7656 61.03 56.7576 61.1489 56.7507 61.2689C56.7393 61.4484 56.7267 61.6278 56.7129 61.8061C56.7038 61.9249 56.6946 62.0449 56.6843 62.1638C56.6694 62.3455 56.6522 62.5261 56.6339 62.7078C56.6224 62.821 56.6121 62.9341 56.6006 63.0473C56.58 63.2439 56.5571 63.4404 56.5342 63.6359C56.5227 63.7307 56.5124 63.8267 56.5009 63.9216C56.4643 64.2119 56.4265 64.4999 56.3841 64.7879C56.3841 64.7902 56.3841 64.7925 56.3841 64.7948C56.3428 65.0805 56.297 65.3651 56.25 65.6485C56.234 65.7422 56.2168 65.836 56.2007 65.9297C56.1675 66.1217 56.1331 66.3137 56.0976 66.5045C56.077 66.6143 56.0552 66.724 56.0334 66.8326C55.9991 67.0074 55.9647 67.1823 55.928 67.356C55.9039 67.4703 55.8799 67.5834 55.8547 67.6966C55.818 67.8669 55.779 68.036 55.7401 68.2052C55.7137 68.3183 55.6874 68.4315 55.661 68.5435C55.6198 68.7161 55.5774 68.8875 55.5338 69.0589C55.5063 69.1664 55.48 69.2727 55.4525 69.3801C55.4032 69.5664 55.3528 69.7515 55.3012 69.9378C55.276 70.0281 55.252 70.1173 55.2267 70.2075C55.1488 70.4818 55.0686 70.7539 54.985 71.0259C55.0858 71.0133 55.1889 70.9973 55.2932 70.9813C55.3241 70.9767 55.3539 70.971 55.3849 70.9653C55.4628 70.9516 55.5419 70.9367 55.6221 70.9207C55.653 70.9139 55.6851 70.9081 55.716 70.9013C55.8226 70.8784 55.9314 70.8533 56.0403 70.8259C56.0403 70.8259 56.0415 70.8259 56.0426 70.8259C56.1652 70.7939 56.2901 70.7596 56.415 70.7207L64.5082 68.2292C64.3833 68.268 64.2584 68.3023 64.1358 68.3343C64.0258 68.3629 63.9169 68.388 63.8092 68.4109C63.7772 68.4178 63.7462 68.4235 63.7153 68.4303C63.6362 68.4463 63.5571 68.4612 63.4781 68.4749C63.4471 68.4806 63.4162 68.4863 63.3853 68.4909C63.281 68.5081 63.1779 68.5229 63.077 68.5355C63.1607 68.2635 63.2409 67.9915 63.3188 67.7172C63.344 67.628 63.3681 67.5377 63.3933 67.4474C63.4449 67.2623 63.4953 67.076 63.5445 66.8897C63.572 66.7834 63.5995 66.676 63.6259 66.5685C63.6694 66.3971 63.7118 66.2257 63.7531 66.0531C63.7806 65.94 63.8069 65.8268 63.8322 65.7148C63.8711 65.5457 63.9089 65.3754 63.9467 65.2062C63.9719 65.0931 63.996 64.9788 64.0201 64.8656C64.0567 64.6919 64.0911 64.517 64.1255 64.3422C64.1473 64.2325 64.169 64.1239 64.1897 64.0142C64.2252 63.8233 64.2596 63.6313 64.2928 63.4393C64.3088 63.3456 64.326 63.253 64.3421 63.1593C64.389 62.8758 64.4337 62.5913 64.4761 62.3055C64.4761 62.3032 64.4761 62.301 64.4761 62.2987C64.5185 62.0107 64.5563 61.7215 64.593 61.4324C64.6045 61.3375 64.6148 61.2415 64.6262 61.1466C64.6492 60.9512 64.6721 60.7546 64.6927 60.558C64.7042 60.4449 64.7156 60.3317 64.7259 60.2186C64.7431 60.038 64.7603 59.8563 64.7763 59.6746C64.7867 59.5557 64.7958 59.4368 64.805 59.3168C64.8187 59.1385 64.8313 58.9591 64.8428 58.7797C64.8508 58.6597 64.8577 58.5408 64.8646 58.4208C64.8749 58.2368 64.8841 58.0528 64.8921 57.8688C64.8978 57.7545 64.9024 57.6391 64.907 57.5248C64.915 57.3236 64.9196 57.1213 64.9253 56.919C64.9276 56.8207 64.931 56.7236 64.9333 56.6253C64.9391 56.327 64.9425 56.0287 64.9413 55.7293C64.9413 55.727 64.9413 55.7247 64.9413 55.7224C64.9413 55.4538 64.9379 55.1853 64.9333 54.9155H64.9322Z", fill: theme.color.green[70] }), _jsx(Path, { d: "M72.0127 98.8578C72.0218 98.8418 72.0322 98.8247 72.0413 98.8087C72.0562 98.7835 72.0711 98.7584 72.086 98.7321C72.0963 98.715 72.1066 98.6967 72.1169 98.6795C72.133 98.6521 72.1479 98.6247 72.1639 98.5972C72.1742 98.5789 72.1845 98.5618 72.1949 98.5435C72.2121 98.5138 72.2292 98.4829 72.2464 98.4521C72.2567 98.4338 72.2659 98.4167 72.2762 98.3984C72.2968 98.3607 72.3186 98.3218 72.3404 98.2818C72.3473 98.2704 72.353 98.2578 72.3599 98.2464C72.3885 98.1949 72.4172 98.1412 72.447 98.0864C72.455 98.0715 72.463 98.0555 72.471 98.0406C72.4928 98.0006 72.5146 97.9595 72.5363 97.9172C72.5478 97.8966 72.5581 97.8749 72.5696 97.8543C72.589 97.8166 72.6085 97.7801 72.6291 97.7412C72.6417 97.7172 72.6544 97.6921 72.667 97.6681C72.6864 97.6315 72.7048 97.5938 72.7242 97.5561C72.7369 97.5309 72.7506 97.5046 72.7632 97.4783C72.7827 97.4383 72.8033 97.3983 72.8239 97.3583C72.8365 97.3332 72.8491 97.308 72.8618 97.2829C72.8847 97.2372 72.9076 97.1915 72.9305 97.1446C72.9408 97.1229 72.9523 97.1012 72.9626 97.0795C72.9958 97.0109 73.0302 96.9412 73.0646 96.8692C73.0692 96.8589 73.0737 96.8486 73.0783 96.8394C73.1081 96.7777 73.1368 96.716 73.1666 96.652C73.1792 96.6257 73.1918 96.5983 73.2044 96.5709C73.2273 96.5229 73.2491 96.4737 73.272 96.4246C73.2857 96.3937 73.3006 96.3629 73.3144 96.332C73.3361 96.2851 73.3568 96.2371 73.3785 96.1891C73.3934 96.1571 73.4072 96.1251 73.4221 96.092C73.4438 96.0429 73.4656 95.9926 73.4885 95.9434C73.5023 95.9114 73.5172 95.8783 73.5321 95.8451C73.555 95.7914 73.5791 95.7377 73.602 95.684C73.6146 95.6531 73.6283 95.6234 73.6409 95.5925C73.6707 95.5217 73.7005 95.4508 73.7315 95.3788C73.7383 95.364 73.7441 95.3491 73.7509 95.3331C73.7876 95.2462 73.8243 95.1571 73.8598 95.0668C73.8713 95.0394 73.8827 95.0108 73.8942 94.9822C73.9194 94.9194 73.9446 94.8565 73.9698 94.7925C73.9836 94.7559 73.9984 94.7194 74.0133 94.6828C74.0363 94.6257 74.058 94.5674 74.0809 94.5091C74.0958 94.4702 74.1107 94.4314 74.1256 94.3925C74.1474 94.3342 74.1703 94.2748 74.1921 94.2165C74.207 94.1776 74.2219 94.1376 74.2368 94.0976C74.2597 94.0359 74.2826 93.9731 74.3055 93.9102C74.3193 93.8725 74.333 93.8348 74.3468 93.797C74.3731 93.725 74.3995 93.6519 74.4247 93.5788C74.435 93.549 74.4465 93.5193 74.4568 93.4896C74.4935 93.3867 74.529 93.2827 74.5657 93.1765C74.5737 93.1525 74.5817 93.1273 74.5897 93.1033C74.6172 93.021 74.6459 92.9376 74.6734 92.8542C74.686 92.8153 74.6986 92.7753 74.7123 92.7364C74.7352 92.6667 74.7581 92.5959 74.7811 92.525C74.7948 92.4804 74.8097 92.4359 74.8235 92.3913C74.8452 92.3227 74.867 92.2541 74.8876 92.1856C74.9014 92.1398 74.9163 92.0941 74.93 92.0484C74.9518 91.9787 74.9736 91.9078 74.9942 91.8358C75.008 91.7901 75.0217 91.7455 75.0354 91.6987C75.0584 91.6221 75.0813 91.5444 75.1031 91.4655C75.1145 91.4255 75.1271 91.3855 75.1386 91.3444C75.1707 91.2312 75.2027 91.1181 75.2348 91.0027C75.236 90.9969 75.2383 90.9912 75.2394 90.9844C75.2726 90.8632 75.3059 90.7421 75.338 90.6186C75.3483 90.5786 75.3597 90.5363 75.37 90.4963C75.3918 90.4129 75.4136 90.3283 75.4354 90.2438C75.448 90.1958 75.4594 90.1478 75.472 90.0986C75.4915 90.0198 75.5121 89.9398 75.5316 89.8598C75.5442 89.8083 75.5568 89.7569 75.5683 89.7055C75.5878 89.6266 75.6061 89.5466 75.6244 89.4666C75.637 89.414 75.6485 89.3626 75.6611 89.31C75.6806 89.2266 75.6989 89.142 75.7184 89.0586C75.7287 89.0094 75.7402 88.9614 75.7516 88.9111C75.7734 88.8094 75.7952 88.7066 75.8169 88.6037C75.8238 88.5717 75.8307 88.5397 75.8376 88.5066C75.8662 88.3706 75.8937 88.2345 75.9201 88.0963C75.9269 88.0597 75.9338 88.0231 75.9407 87.9865C75.9602 87.8848 75.9808 87.782 75.9991 87.678C76.0083 87.6265 76.0186 87.574 76.0278 87.5225C76.0438 87.4322 76.061 87.3419 76.0759 87.2517C76.0862 87.1957 76.0954 87.1385 76.1057 87.0814C76.1206 86.9934 76.1355 86.9054 76.1504 86.8162C76.1595 86.7579 76.1698 86.6996 76.179 86.6413C76.1939 86.5511 76.2077 86.4596 76.2214 86.3682C76.2306 86.3122 76.2386 86.255 76.2478 86.199C76.2627 86.0973 76.2776 85.9945 76.2925 85.8905C76.2993 85.8436 76.3062 85.7979 76.3119 85.751C76.3326 85.6013 76.3532 85.4493 76.3715 85.2973C76.3738 85.2801 76.3761 85.263 76.3773 85.2459C76.3944 85.1099 76.4105 84.9739 76.4265 84.8367C76.4323 84.7841 76.438 84.7316 76.4437 84.679C76.4552 84.5761 76.4666 84.4733 76.4769 84.3693C76.4838 84.3087 76.4895 84.247 76.4953 84.1864C76.5044 84.0892 76.5148 83.9921 76.5239 83.8938C76.5297 83.8298 76.5354 83.7658 76.5411 83.7018C76.5503 83.6035 76.5583 83.5052 76.5663 83.4069C76.572 83.3429 76.5766 83.2801 76.5812 83.2161C76.5892 83.1109 76.5973 83.0046 76.6041 82.8983C76.6076 82.8412 76.6122 82.7841 76.6156 82.7269C76.6248 82.5909 76.6328 82.4549 76.6408 82.3177C76.6419 82.2892 76.6442 82.2606 76.6454 82.232C76.6545 82.0663 76.6626 81.8994 76.6694 81.7314C76.6717 81.6823 76.6729 81.6331 76.6752 81.5829C76.6798 81.464 76.6843 81.344 76.6878 81.224C76.6901 81.16 76.6912 81.096 76.6935 81.032C76.6958 80.9246 76.6992 80.8171 76.7015 80.7085C76.7027 80.64 76.7038 80.5714 76.705 80.5028C76.7061 80.3965 76.7073 80.2891 76.7084 80.1817C76.7084 80.1131 76.7084 80.0445 76.7084 79.9748C76.7084 79.9371 76.7084 79.8994 76.7084 79.8617C76.7084 79.8079 76.7084 79.7542 76.7084 79.7005C76.7084 79.5908 76.7084 79.4811 76.7061 79.3702C76.7061 79.2822 76.7038 79.1953 76.7027 79.1073C76.7004 78.9965 76.6981 78.8856 76.6958 78.7748C76.6935 78.6856 76.6912 78.5965 76.6889 78.5073C76.6855 78.3953 76.6821 78.2822 76.6775 78.1702C76.674 78.081 76.6706 77.9919 76.6672 77.9016C76.6626 77.7873 76.6568 77.6719 76.6511 77.5564C76.6465 77.4673 76.6419 77.3781 76.6374 77.289C76.6305 77.1701 76.6225 77.0501 76.6156 76.9301C76.6099 76.8433 76.6041 76.7564 76.5984 76.6695C76.5892 76.5438 76.5801 76.4181 76.5698 76.2912C76.5629 76.2078 76.5571 76.1255 76.5503 76.0421C76.5388 75.9015 76.5251 75.7609 76.5125 75.6203C76.5056 75.5495 76.4999 75.4798 76.493 75.4089C76.4724 75.1963 76.4506 74.9826 76.4265 74.7677C76.4174 74.6832 76.4082 74.5997 76.3979 74.5152C76.3738 74.3083 76.3486 74.1026 76.3222 73.8957C76.3177 73.858 76.3119 73.8203 76.3074 73.7814C76.2753 73.5391 76.242 73.2968 76.2065 73.0545C76.1996 73.0065 76.1928 72.9585 76.1859 72.9105C76.1469 72.6488 76.1057 72.3871 76.0621 72.1254C76.053 72.0694 76.0438 72.0145 76.0335 71.9585C75.99 71.6991 75.9441 71.4396 75.896 71.1802C75.8937 71.1688 75.8926 71.1585 75.8903 71.147C75.841 70.8807 75.7883 70.6144 75.7344 70.3481C75.723 70.2899 75.7115 70.2327 75.6989 70.1744C75.6874 70.1207 75.6771 70.067 75.6657 70.0133C75.6473 69.9276 75.6279 69.843 75.6095 69.7573C75.566 69.5527 75.5202 69.3481 75.4743 69.1447C75.4445 69.0155 75.4147 68.8864 75.3838 68.7572C75.3368 68.5584 75.2887 68.3606 75.2394 68.1629C75.2073 68.0338 75.1752 67.9046 75.142 67.7766C75.0893 67.5743 75.0355 67.3709 74.9805 67.1686C74.9472 67.0474 74.9151 66.9252 74.8819 66.804C74.8189 66.5777 74.7536 66.3514 74.6871 66.1251C74.6642 66.0463 74.6424 65.9663 74.6184 65.8874C74.6138 65.8714 74.608 65.8554 74.6035 65.8383C74.5072 65.5182 74.4087 65.1982 74.3067 64.8782C74.2929 64.8348 74.2769 64.7902 74.2631 64.7468C74.1738 64.4713 74.0832 64.1971 73.9893 63.9216C73.9515 63.8119 73.9125 63.7033 73.8747 63.5936C73.8014 63.3844 73.728 63.1753 73.6524 62.9661C73.6077 62.8427 73.5619 62.7193 73.516 62.5958C73.4438 62.4004 73.3705 62.205 73.2949 62.0107C73.2708 61.9501 73.2491 61.8884 73.2261 61.8267C73.1872 61.725 73.1459 61.6244 73.1058 61.5227C73.0749 61.4438 73.0439 61.3649 73.0119 61.2849C72.9064 61.0221 72.7999 60.7592 72.6899 60.4975L71.7274 58.2037L63.6341 60.6952L64.5967 62.989C64.7067 63.2507 64.8132 63.5136 64.9187 63.7765C64.9507 63.8553 64.9817 63.9342 65.0126 64.013C65.0768 64.1753 65.1398 64.3376 65.2028 64.4999C65.2773 64.6954 65.3518 64.8896 65.424 65.0851C65.4698 65.2085 65.5156 65.332 65.5603 65.4554C65.636 65.6645 65.7104 65.8737 65.7826 66.0828C65.8204 66.1926 65.8594 66.3011 65.8972 66.4108C65.99 66.684 66.0817 66.9583 66.1699 67.2315C66.1848 67.2772 66.1997 67.3217 66.2146 67.3675C66.3166 67.6863 66.4151 68.0063 66.5114 68.3264C66.54 68.4224 66.5675 68.5195 66.595 68.6155C66.6615 68.8407 66.7268 69.067 66.7898 69.2932C66.8231 69.4144 66.8563 69.5355 66.8884 69.6567C66.9434 69.8601 66.9972 70.0624 67.05 70.2659C67.0832 70.3939 67.1153 70.523 67.1474 70.651C67.1966 70.8499 67.2447 71.0487 67.2929 71.2476C67.3238 71.3756 67.3536 71.5048 67.3834 71.6328C67.4304 71.8373 67.4751 72.0419 67.5186 72.2465C67.5484 72.3859 67.5793 72.5242 67.608 72.6637C67.6194 72.7208 67.632 72.7791 67.6435 72.8362C67.6974 73.1025 67.7501 73.3688 67.7993 73.6351C67.8016 73.6466 67.8039 73.658 67.8051 73.6706C67.8532 73.9289 67.899 74.1883 67.9426 74.4466C67.9517 74.5026 67.9621 74.5575 67.9712 74.6135C68.0148 74.8752 68.056 75.1369 68.095 75.3986C68.1019 75.4466 68.1087 75.4946 68.1156 75.5426C68.1511 75.7849 68.1855 76.0284 68.2164 76.2707C68.221 76.3084 68.2268 76.3461 68.2313 76.3827C68.2691 76.673 68.3035 76.9644 68.3368 77.2558C68.3608 77.4707 68.3826 77.6844 68.4032 77.897C68.4101 77.9679 68.4158 78.0376 68.4227 78.1084C68.4353 78.249 68.449 78.3907 68.4605 78.5302C68.4674 78.6136 68.4731 78.6959 68.48 78.7793C68.4903 78.9062 68.4995 79.0319 68.5086 79.1576C68.5144 79.2445 68.5201 79.3313 68.5258 79.4194C68.5338 79.5394 68.5407 79.6594 68.5476 79.7782C68.5522 79.8674 68.5568 79.9565 68.5613 80.0457C68.5671 80.1611 68.5728 80.2765 68.5774 80.3908C68.5808 80.48 68.5843 80.5702 68.5877 80.6594C68.5923 80.7725 68.5957 80.8845 68.5992 80.9966C68.6014 81.0857 68.6037 81.1748 68.606 81.264C68.6083 81.3749 68.6106 81.4857 68.6129 81.5966C68.614 81.6846 68.6152 81.7726 68.6163 81.8594C68.6175 81.9703 68.6186 82.08 68.6186 82.1897C68.6186 82.2812 68.6186 82.3738 68.6186 82.464C68.6186 82.5326 68.6186 82.6023 68.6175 82.6709C68.6175 82.7783 68.6152 82.8846 68.6141 82.9921C68.6141 83.0606 68.6118 83.1292 68.6106 83.1978C68.6083 83.3064 68.606 83.4138 68.6026 83.5212C68.6014 83.5852 68.5992 83.6492 68.5969 83.7132C68.5934 83.8332 68.5888 83.9532 68.5843 84.0721C68.582 84.1212 68.5808 84.1715 68.5785 84.2207C68.5717 84.3887 68.5636 84.5556 68.5545 84.7213C68.5533 84.7498 68.551 84.7784 68.5499 84.807C68.5419 84.9441 68.5338 85.0801 68.5247 85.2161C68.5212 85.2733 68.5167 85.3304 68.5132 85.3876C68.5063 85.4939 68.4983 85.6002 68.4903 85.7053C68.4857 85.7693 68.48 85.8322 68.4754 85.8962C68.4674 85.9945 68.4594 86.0928 68.4502 86.191C68.4445 86.255 68.4387 86.319 68.433 86.383C68.4238 86.4813 68.4147 86.5785 68.4044 86.6768C68.3986 86.7373 68.3918 86.7979 68.386 86.8585C68.3746 86.9625 68.3643 87.0665 68.3516 87.1705C68.3459 87.2219 68.3402 87.2745 68.3345 87.3259C68.3184 87.4631 68.3024 87.5991 68.2852 87.7351C68.2829 87.7522 68.2806 87.7694 68.2795 87.7865C68.26 87.9385 68.2405 88.0894 68.2199 88.2403C68.213 88.286 68.2073 88.3317 68.2004 88.3774C68.1855 88.4814 68.1706 88.5854 68.1557 88.6883C68.1477 88.7443 68.1385 88.8003 68.1305 88.8563C68.1167 88.9477 68.1019 89.0392 68.0881 89.1306C68.0789 89.1889 68.0698 89.2472 68.0595 89.3054C68.0446 89.3946 68.0297 89.4826 68.0148 89.5706C68.0056 89.6277 67.9953 89.6837 67.985 89.7409C67.9689 89.8323 67.9529 89.9226 67.9357 90.0129C67.9265 90.0643 67.9174 90.1158 67.9071 90.1672C67.8876 90.2723 67.8681 90.3763 67.8475 90.4792C67.8406 90.5146 67.8337 90.5501 67.8268 90.5855C67.7993 90.7238 67.7718 90.8609 67.7432 90.9969C67.7363 91.0289 67.7294 91.0598 67.7237 91.0907C67.7019 91.1947 67.6802 91.2987 67.6573 91.4015C67.6469 91.4495 67.6355 91.4975 67.6252 91.5455C67.6057 91.6301 67.5874 91.7158 67.5679 91.7993C67.5564 91.8518 67.5438 91.9033 67.5312 91.9547C67.5129 92.0347 67.4934 92.1147 67.4751 92.1947C67.4625 92.2461 67.4499 92.2976 67.4384 92.3478C67.4189 92.4279 67.3994 92.5079 67.3788 92.5867C67.3662 92.6347 67.3548 92.6827 67.3421 92.7307C67.3204 92.8164 67.2986 92.901 67.2757 92.9856C67.2654 93.0256 67.2551 93.0656 67.2448 93.1056C67.2115 93.229 67.1794 93.3513 67.1462 93.4725C67.1451 93.4782 67.1428 93.4839 67.1416 93.4896C67.1095 93.605 67.0775 93.7193 67.0454 93.8336C67.0339 93.8736 67.0225 93.9125 67.011 93.9513C66.9881 94.0302 66.9652 94.1091 66.9422 94.1868C66.9285 94.2325 66.9159 94.2771 66.9021 94.3216C66.8804 94.3936 66.8586 94.4656 66.8368 94.5365C66.8231 94.5811 66.8093 94.6268 66.7956 94.6714C66.7738 94.7411 66.752 94.8108 66.7303 94.8805C66.7165 94.924 66.7028 94.9685 66.6879 95.012C66.6649 95.084 66.642 95.1548 66.618 95.2257C66.6054 95.2645 66.5928 95.3034 66.5801 95.3411C66.5515 95.428 66.5229 95.5125 66.4942 95.5983C66.4873 95.62 66.4793 95.6417 66.4724 95.6634C66.4358 95.7697 66.4003 95.8737 66.3636 95.9777C66.3533 96.0074 66.343 96.036 66.3326 96.0657C66.3063 96.14 66.2799 96.2131 66.2536 96.2863C66.2398 96.324 66.2261 96.3606 66.2123 96.3983C66.1894 96.4623 66.1653 96.5252 66.1424 96.588C66.1275 96.6269 66.1138 96.6657 66.0989 96.7046C66.076 96.7652 66.0531 96.8246 66.0313 96.884C66.0164 96.9217 66.0026 96.9606 65.9877 96.9983C65.9648 97.0577 65.9419 97.1172 65.9178 97.1766C65.9041 97.212 65.8903 97.2475 65.8766 97.2818C65.8502 97.3469 65.825 97.4109 65.7987 97.4749C65.7872 97.5023 65.7769 97.5298 65.7654 97.5561C65.7288 97.6463 65.6921 97.7343 65.6554 97.8223C65.6497 97.8372 65.6428 97.8509 65.6371 97.8658C65.6062 97.9389 65.5764 98.0121 65.5454 98.0829C65.5328 98.1115 65.5214 98.1401 65.5088 98.1686C65.4847 98.2246 65.4606 98.2807 65.4366 98.3355C65.4228 98.3675 65.4091 98.3995 65.3953 98.4304C65.3724 98.4818 65.3506 98.5321 65.3277 98.5824C65.314 98.6144 65.2991 98.6452 65.2853 98.6761C65.2636 98.7252 65.2406 98.7744 65.2189 98.8224C65.2051 98.8521 65.1914 98.883 65.1776 98.9115C65.1547 98.9618 65.1318 99.0121 65.1077 99.0613C65.0963 99.0864 65.0837 99.1127 65.0722 99.1378C65.0413 99.203 65.0115 99.267 64.9817 99.3298C64.9771 99.3378 64.9737 99.347 64.9691 99.355C64.9347 99.427 64.9015 99.4967 64.8671 99.5653C64.8568 99.587 64.8465 99.6064 64.8362 99.6281C64.8132 99.6761 64.7892 99.723 64.7663 99.7699C64.7537 99.795 64.7422 99.819 64.7296 99.843C64.709 99.8841 64.6883 99.9253 64.6677 99.9641C64.6551 99.9904 64.6414 100.016 64.6288 100.041C64.6093 100.078 64.5898 100.116 64.5703 100.154C64.5577 100.178 64.5451 100.203 64.5325 100.226C64.513 100.264 64.4924 100.301 64.4729 100.339C64.4615 100.36 64.4511 100.381 64.4397 100.402C64.4179 100.444 64.3961 100.484 64.3744 100.525C64.3663 100.54 64.3583 100.556 64.3503 100.571C64.3205 100.626 64.2919 100.678 64.2632 100.731C64.2563 100.744 64.2506 100.755 64.2437 100.766C64.222 100.806 64.2002 100.845 64.1796 100.883C64.1693 100.901 64.1589 100.918 64.1498 100.937C64.1326 100.968 64.1154 100.998 64.0982 101.028C64.0879 101.046 64.0776 101.064 64.0673 101.082C64.0512 101.11 64.0352 101.138 64.0192 101.165C64.0088 101.182 63.9985 101.201 63.9894 101.218C63.9745 101.244 63.9584 101.27 63.9435 101.296C63.9344 101.312 63.9252 101.328 63.916 101.342C63.9 101.37 63.8851 101.395 63.869 101.421C63.861 101.434 63.8542 101.448 63.8461 101.459C63.8244 101.497 63.8026 101.532 63.7808 101.566C63.6891 101.717 61.5028 105.276 57.4293 108.249C55.4516 109.691 53.3581 110.757 51.1913 111.424L59.2845 108.932C61.4513 108.265 63.5448 107.2 65.5225 105.758C69.5961 102.785 71.7824 99.2258 71.874 99.075C71.8946 99.0407 71.9164 99.0041 71.9393 98.9675C71.9474 98.955 71.9554 98.9412 71.9634 98.9275C71.9783 98.9024 71.9932 98.8772 72.0081 98.851L72.0127 98.8578Z", fill: theme.color.green[80] }), _jsx(Path, { d: "M14.9339 68.9492C14.9568 63.269 16.2264 57.3579 18.8138 50.8765C21.078 45.2066 24.0469 39.7961 26.9196 34.5628C31.3907 26.4173 35.6144 18.7233 36.5482 11.2384L36.7751 9.42465L37.9164 10.9001C43.3283 17.8924 47.7754 25.6721 51.1373 34.0222C53.625 40.2018 56.445 47.2067 56.8082 56.2802C57.0156 61.4678 56.4014 66.42 54.9805 71.0293C56.1413 70.883 57.4991 70.4727 58.8249 69.5184C61.4753 67.6097 62.6177 64.5136 63.0634 62.837L63.6318 60.6986L64.5943 62.9924C66.5423 67.6337 67.8016 72.4328 68.3355 77.2593C69.7977 90.4552 65.2211 99.2052 63.783 101.571C63.6914 101.722 61.5051 105.281 57.4315 108.254C55.1421 109.923 52.6968 111.088 50.1634 111.714C47.0088 112.494 43.7064 112.438 40.2826 111.531C33.2195 109.643 27.0502 105.002 22.4404 98.1081C14.746 86.5933 14.8835 73.7494 14.9293 69.5298C14.9304 69.3115 14.9327 69.1184 14.9339 68.9481V68.9492ZM23.6172 96.8234C27.9107 103.244 33.6779 107.572 40.3628 109.359C43.507 110.191 46.5986 110.243 49.5526 109.513C51.9383 108.924 54.2449 107.825 56.4071 106.248C60.263 103.434 62.3622 100.017 62.3828 99.9824C63.7326 97.7583 68.0319 89.5409 66.6591 77.153C66.2409 73.3768 65.3494 69.6155 64.0019 65.9423C63.2571 67.7812 61.9806 69.9927 59.8436 71.5299C58.0686 72.8077 55.9534 73.4271 53.7281 73.322L52.2099 73.2488L52.816 71.5745C54.5612 66.7469 55.3346 61.4941 55.1123 55.9636C54.7709 47.425 52.1778 40.9824 49.6683 34.7502C46.641 27.2288 42.7015 20.1839 37.945 13.7814C36.5861 21.0971 32.5801 28.3957 28.3565 36.0897C22.6146 46.5529 16.6756 57.3716 16.6275 69.3915C16.6263 69.5664 16.624 69.7675 16.6217 69.9916C16.5793 73.9768 16.4487 86.1042 23.6149 96.8234", fill: "white" }), _jsx(Path, { d: "M23.6169 96.8235C27.9104 103.244 33.6776 107.572 40.3625 109.359C43.5067 110.191 46.5983 110.243 49.5523 109.513C51.938 108.924 54.2446 107.825 56.4068 106.248C60.2626 103.434 62.3619 100.017 62.3825 99.9824C63.7323 97.7583 68.0316 89.5409 66.6588 77.153C66.2406 73.3768 65.3491 69.6155 64.0016 65.9423C63.2568 67.7812 61.9803 69.9927 59.8433 71.5299C58.0683 72.8077 55.9531 73.4271 53.7278 73.322L52.2095 73.2488L52.8157 71.5745C54.5609 66.7469 55.3343 61.4941 55.112 55.9636C54.7705 47.425 52.1775 40.9824 49.668 34.7502C46.6407 27.2288 42.7012 20.1839 37.9447 13.7814C36.5857 21.0971 32.5798 28.3957 28.3562 36.0897C22.6143 46.5529 16.6753 57.3716 16.6272 69.3915C16.626 69.5664 16.6237 69.7676 16.6214 69.9916C16.579 73.9769 16.4484 86.1042 23.6146 96.8235", fill: theme.color.green[40] }), _jsx(Mask, { id: "mask0_24813_23248", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "16", y: "13", width: "51", height: "98", children: _jsx(Path, { d: "M23.6169 96.8235C27.9104 103.244 33.6776 107.572 40.3625 109.359C43.5067 110.191 46.5983 110.243 49.5523 109.513C51.938 108.924 54.2446 107.825 56.4068 106.248C60.2626 103.434 62.3619 100.017 62.3825 99.9824C63.7323 97.7583 68.0316 89.5409 66.6588 77.153C66.2406 73.3768 65.3491 69.6155 64.0016 65.9423C63.2568 67.7812 61.9803 69.9927 59.8433 71.5299C58.0683 72.8077 55.9531 73.4271 53.7278 73.322L52.2095 73.2488L52.8157 71.5745C54.5609 66.7469 55.3343 61.4941 55.112 55.9636C54.7705 47.425 52.1775 40.9824 49.668 34.7502C46.6407 27.2288 42.7012 20.1839 37.9447 13.7814C36.5857 21.0971 32.5798 28.3957 28.3562 36.0897C22.6143 46.5529 16.6753 57.3716 16.6272 69.3915C16.626 69.5664 16.6237 69.7676 16.6214 69.9916C16.579 73.9769 16.4484 86.1042 23.6146 96.8235", fill: "white" }) }), _jsx(G, { mask: "url(#mask0_24813_23248)", children: _jsx(Path, { d: "M64.0809 123.693C64.0809 89.4564 45.7414 59.4918 18.3279 43.0386L18.6796 -2.56888L74.4085 32.5159L73.532 145.949L62.7815 139.338C63.6352 134.25 64.0809 129.024 64.0809 123.694V123.693Z", fill: theme.color.green[50] }) })] }), _jsx(Defs, { children: _jsx(ClipPath, { id: "clip0_24813_23248", children: _jsx(Rect, { width: theme.space[3000], height: theme.space[3000], fill: "white", transform: "matrix(-1 0 0 1 120 0)" }) }) })] }));
+};

package/dist/esm/components/Cards/BalanceCard/Components.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { Display3, Display4, Heading1, Heading3, Icon, P, SkeletonHeading, SkeletonText, Stack, Strong, } from '../..';
+import { useBreakpoint } from '../../../hooks';
+import { useTheme } from '../../../styled.native';
+import { CardWithBalance, CardWrapper, CreditContainer, CtaBar, CtaBarContainer, ImageWrapper, LoadingTextContainer, StyledDisplay4, StyledHeading1, } from './BalanceCard.styles';
+import { Electricity, Gas, Home } from './BalanceCardImages';
+export const IMAGE_SOURCES = {
+    home: _jsx(Home, {}),
+    gas: _jsx(Gas, {}),
+    electricity: _jsx(Electricity, {}),
+};
+export const OuterBalanceCard = ({ image = 'home', ctaBanner, children, }) => {
+    const theme = useTheme();
+    const { largeAndUp } = useBreakpoint();
+    const wholeCardIsPressable = Boolean(ctaBanner);
+    const isUtility = image !== 'home';
+    const imageSource = IMAGE_SOURCES[image];
+    return (_jsxs(View, { children: [_jsx(ImageWrapper, { pointerEvents: wholeCardIsPressable ? 'none' : 'auto', isUtility: isUtility, children: imageSource }), _jsx(CardWrapper, { hasNoCta: !wholeCardIsPressable, children: _jsx(CardWithBalance, { onPress: wholeCardIsPressable ? ctaBanner === null || ctaBanner === void 0 ? void 0 : ctaBanner.onPress : undefined, hasCta: wholeCardIsPressable, children: children }) }), wholeCardIsPressable && (_jsx(CtaBarContainer, { children: _jsxs(CtaBar, { onPress: ctaBanner.onPress, largeAndUp: largeAndUp, children: [_jsx(P, { inverted: true, size: "md", children: _jsx(Strong, { children: ctaBanner === null || ctaBanner === void 0 ? void 0 : ctaBanner.text }) }), _jsx(Icon, { name: "chevron-right", color: theme.color.brand.onBrand })] }) }))] }));
+};
+const splitAmount = (totalPence) => {
+    const isNegative = totalPence < 0;
+    const absolute = Math.abs(totalPence);
+    const pounds = Math.floor(absolute / 100);
+    const rawPence = absolute % 100;
+    const pence = rawPence.toString().padStart(2, '0');
+    return { isNegative, pounds, pence };
+};
+export const BalanceDisplay = ({ amountInPence, isPayM, }) => {
+    const underFiveNumbers = String(Math.abs(amountInPence)).length > 5;
+    const [Credit, Currency, Pounds, Pence] = underFiveNumbers
+        ? [Heading3, StyledHeading1, Display4, StyledHeading1]
+        : [Heading1, StyledDisplay4, Display3, StyledDisplay4];
+    const { isNegative, pounds, pence } = splitAmount(amountInPence);
+    const showCredit = isNegative ? '-' : isPayM ? '+' : null;
+    return (_jsxs(_Fragment, { children: [_jsx(CreditContainer, { children: showCredit && amountInPence !== 0 && _jsx(Credit, { children: showCredit }) }), _jsx(Currency, { children: "\u00A3" }), _jsx(Pounds, { children: pounds }), _jsxs(Pence, { children: [".", pence] })] }));
+};
+export const LoadingDisplay = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(LoadingTextContainer, { children: _jsx(SkeletonHeading, { headingComponent: Display3, size: "40%" }) }), _jsxs(Stack, { spaceBetween: 3, children: [_jsx(SkeletonHeading, { headingComponent: Display3, size: "60%" }), _jsx(SkeletonText, { size: "80%" })] })] }));
+};

package/dist/esm/components/Cards/BalanceCard/index.js

@@ -1 +1,2 @@
-export * from './BalanceCard';
+export { BalanceCard } from './BalanceCard';
+export { BalanceCardErrorFallback } from './BalanceCardErrorFallback';

package/dist/esm/components/Cards/IconDataCard/IconDataCard.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading2, Icon, P, Strong } from '../..';
+import { Heading2, Heading4, Icon, P, Strong } from '../..';
 import { useTheme } from '../../../styled.native';
-import { CardWithIconData, HeadingContainer, IconContainer, Metric, MetricsContainer, StyledP, SubMetric, SubMetricsContainer, ValueContainer, ValuesWrapper, } from './IconDataCard.styles';
+import { CardWithMinHeight, ContainerWithGap, HeadingContainer, WrappedContainer, } from '../shared.styles';
+import { checkIsSmall } from '../utils';
+import { IconContainer, Metric, SubMetricsContainer, ValueContainer, } from './IconDataCard.styles';
 const ValueBlock = ({ data, isSmall }) => {
+    var _a;
     const theme = useTheme();
-    const resolvedColor = data.iconColor ?? theme.color.brand.brand;
-    return (_jsxs(ValueContainer, { isSmall: isSmall, children: [_jsx(IconContainer, { children: _jsx(Icon, { name: data.icon, size: 16, color: resolvedColor }) }), _jsxs(MetricsContainer, { children: [_jsx(Metric, { children: data.metric }), data.metric2 && _jsx(Heading2, { children: data.metric2 }), data.subMetric && (_jsx(SubMetricsContainer, { children: _jsx(SubMetric, { children: data.subMetric }) }))] }), data.subtext && _jsx(P, { children: data.subtext })] }));
+    const resolvedIconColor = (_a = data.iconColor) !== null && _a !== void 0 ? _a : theme.color.brand.brand;
+    return (_jsxs(ValueContainer, { isSmall: isSmall, children: [_jsx(IconContainer, { children: _jsx(Icon, { name: data.icon, size: 16, color: resolvedIconColor }) }), _jsxs(WrappedContainer, { children: [_jsx(Metric, { children: data.metric }), data.metric2 && _jsx(Heading2, { children: data.metric2 }), data.subMetric && (_jsx(SubMetricsContainer, { children: _jsx(Heading4, { children: data.subMetric }) }))] }), data.subtext && _jsx(P, { children: data.subtext })] }));
 };
 export const IconDataCard = ({ heading, timeframe, value, value2, size, }) => {
-    const isSmall = size === 'small';
-    return (_jsxs(CardWithIconData, { isSmall: isSmall, accessible: true, children: [_jsxs(HeadingContainer, { children: [_jsx(StyledP, { children: _jsx(Strong, { children: heading }) }), _jsx(P, { size: "sm", children: timeframe })] }), _jsxs(ValuesWrapper, { children: [_jsx(ValueBlock, { data: value, isSmall: isSmall }), value2 && !isSmall && _jsx(ValueBlock, { data: value2, isSmall: isSmall })] })] }));
+    return (_jsxs(CardWithMinHeight, { isSmall: checkIsSmall(size), accessible: true, children: [_jsxs(HeadingContainer, { children: [_jsx(P, { children: _jsx(Strong, { children: heading }) }), _jsx(P, { size: "sm", children: timeframe })] }), _jsxs(ContainerWithGap, { children: [_jsx(ValueBlock, { data: value, isSmall: checkIsSmall(size) }), value2 && !checkIsSmall(size) && (_jsx(ValueBlock, { data: value2, isSmall: checkIsSmall(size) }))] })] }));
 };

package/dist/esm/components/Cards/IconDataCard/IconDataCard.styles.js

@@ -1,27 +1,12 @@
 import { View } from 'react-native';
 import styled from '../../../styled.native';
-import { Card } from '../../Card';
-import { Heading2, Heading4 } from '../../Heading';
-import { P } from '../../P';
-import { SmallCardHeight } from '../shared';
-export const CardWithIconData = styled(Card)(({ isSmall }) => ({
-    minHeight: isSmall ? SmallCardHeight : undefined,
-}));
-export const HeadingContainer = styled(View)(({ theme }) => ({
-    marginBottom: theme.space[350],
-}));
-export const ValuesWrapper = styled(View)(({ theme }) => ({
-    flexDirection: 'row',
-    gap: theme.space[300],
-}));
+import { Heading2 } from '../../Heading';
 export const ValueContainer = styled(View)(({ isSmall, theme }) => ({
     width: isSmall ? undefined : '50%',
     gap: theme.space[100],
 }));
-export const MetricsContainer = styled(View)(({ theme }) => ({
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: theme.space[100],
+export const Metric = styled(Heading2)(({ theme }) => ({
+    color: theme.color.surface.onSurface,
 }));
 export const SubMetricsContainer = styled(View)(({ theme }) => ({
     flexDirection: 'row',
@@ -39,12 +24,3 @@ export const IconContainer = styled(View)(({ theme }) => ({
     flexShrink: 0,
     justifyContent: 'center',
 }));
-export const Metric = styled(Heading2)(({ theme }) => ({
-    color: theme.color.surface.onSurface,
-}));
-export const SubMetric = styled(Heading4)(({ theme }) => ({
-    lineHeight: theme.font.lineHeight['3xl'].mediaQuery.sm,
-}));
-export const StyledP = styled(P)(({ theme }) => ({
-    lineHeight: theme.font.lineHeight.md.mediaQuery.sm,
-}));

package/dist/esm/components/Cards/IconTextCard/IconTextCard.js

@@ -2,24 +2,22 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useTheme } from '../../../styled.native';
 import { Heading2, Heading4 } from '../../Heading';
 import { Icon } from '../../Icon';
-import { resolveColor } from '../shared';
-import { CardWithIconText, Subtitle, TextContainer, TitleContainer, } from './IconTextCard.styles';
-export const IconTextCard = ({ icon, title, subTitle, size = 'default', }) => {
-    const isSmall = size === 'small';
+import { P } from '../../P';
+import { checkIsSmall, resolveColor } from '../utils';
+import { CardWithIconText, SubHeading, TextContainer, TitleContainer, } from './IconTextCard.styles';
+const ResponsiveHeading = ({ heading, size = 'default' }) => {
     const theme = useTheme();
-    const titleLineHeight = theme.font.lineHeight[isSmall ? 'lg' : '3xl'].mediaQuery.sm;
-    const renderTitle = () => {
-        if (!title)
-            return null;
-        const HeadingComponent = isSmall ? Heading4 : Heading2;
-        if (typeof title === 'string') {
-            return (_jsx(HeadingComponent, { style: { lineHeight: titleLineHeight }, children: title }));
-        }
-        return (_jsx(_Fragment, { children: title.map(segment => (_jsx(HeadingComponent, { style: {
-                    color: resolveColor(segment.color),
-                    lineHeight: titleLineHeight,
-                    marginRight: isSmall ? 3 : 4,
-                }, children: segment.text }, segment.text))) }));
-    };
-    return (_jsxs(CardWithIconText, { isSmall: isSmall, children: [_jsx(Icon, { name: icon, size: 24 }), _jsxs(TextContainer, { isSmall: isSmall, children: [_jsx(TitleContainer, { children: renderTitle() }), !isSmall && subTitle && _jsx(Subtitle, { children: subTitle })] })] }));
+    const HeadingComponent = checkIsSmall(size) ? Heading4 : Heading2;
+    const lineHeight = theme.font.lineHeight[checkIsSmall(size) ? 'lg' : '3xl'].mediaQuery.sm;
+    if (typeof heading === 'string') {
+        return (_jsx(HeadingComponent, { style: { lineHeight }, children: heading }));
+    }
+    return (_jsx(_Fragment, { children: heading.map(segment => (_jsx(HeadingComponent, { style: {
+                color: resolveColor(segment.color),
+                lineHeight,
+                marginRight: theme.space[100],
+            }, children: segment.text }, segment.text))) }));
+};
+export const IconTextCard = ({ icon, heading, subHeading, size = 'default', }) => {
+    return (_jsxs(CardWithIconText, { isSmall: checkIsSmall(size), children: [_jsx(Icon, { name: icon, size: 24 }), _jsxs(TextContainer, { isSmall: checkIsSmall(size), children: [_jsx(TitleContainer, { children: _jsx(ResponsiveHeading, { heading: heading, size: size }) }), !checkIsSmall(size) && subHeading && (_jsx(SubHeading, { children: _jsx(P, { children: subHeading }) }))] })] }));
 };

package/dist/esm/components/Cards/IconTextCard/IconTextCard.styles.js

@@ -1,10 +1,7 @@
 import { View } from 'react-native';
 import styled from '../../../styled.native';
-import { Card } from '../../Card/Card';
-import { P } from '../../P';
-import { SmallCardHeight } from '../shared';
-export const CardWithIconText = styled(Card)(({ isSmall, theme }) => ({
-    minHeight: isSmall ? SmallCardHeight : undefined,
+import { CardWithMinHeight } from '../shared.styles';
+export const CardWithIconText = styled(CardWithMinHeight)(({ theme }) => ({
     gap: theme.space[600],
 }));
 export const TextContainer = styled(View)(({ isSmall }) => ({
@@ -16,10 +13,6 @@ export const TitleContainer = styled(View)(({ theme }) => ({
     flexDirection: 'row',
     flexWrap: 'wrap',
 }));
-export const Subtitle = styled(P)(({ theme }) => ({
-    color: theme.color.surface.onSurface,
-    fontSize: theme.font.size.md.mediaQuery.lg,
-    lineHeight: theme.font.lineHeight.md.mediaQuery.lg,
-    fontWeight: 450,
-    marginTop: '8px',
+export const SubHeading = styled(View)(({ theme }) => ({
+    marginTop: theme.space[200],
 }));

package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Image, View } from 'react-native';
-import { Strong } from '../..';
-import { CardBadge, CardWithLinkText, ImageContent, Subtitle, TextContent, Title, } from './LinkTextCard.styles';
-export const LinkTextCard = ({ image, badge, title, subtitle, size, onPress, }) => {
-    const isSmall = size === 'small';
+import { View } from 'react-native';
+import { P, Strong } from '../..';
+import { CardBadge } from '../shared.styles';
+import { checkIsSmall } from '../utils';
+import { CardImage, CardWithLinkText, Heading, ImageContent, TextContent, } from './LinkTextCard.styles';
+export const LinkTextCard = ({ image, badge, heading, subHeading, size, onPress, }) => {
     const hasBadge = !!badge;
-    const CardContent = (_jsxs(CardWithLinkText, { isSmall: isSmall, hasBadge: hasBadge, onPress: onPress, children: [_jsxs(TextContent, { isSmall: isSmall, children: [_jsx(View, { children: _jsx(Title, { isSmall: isSmall, children: _jsx(Strong, { children: title }) }) }), !isSmall && (_jsx(View, { children: _jsx(Subtitle, { children: subtitle }) }))] }), _jsx(ImageContent, { children: _jsx(Image, { source: image
+    const CardContent = (_jsxs(CardWithLinkText, { isSmall: checkIsSmall(size), hasBadge: hasBadge, onPress: onPress, children: [_jsxs(TextContent, { isSmall: checkIsSmall(size), children: [_jsx(View, { children: _jsx(Heading, { isSmall: checkIsSmall(size), children: _jsx(Strong, { children: heading }) }) }), !checkIsSmall(size) && (_jsx(View, { children: _jsx(P, { children: subHeading }) }))] }), _jsx(ImageContent, { children: _jsx(CardImage, { source: image
                         ? image
                         : {
                             uri: 'https://www.ovobyus.com/transform/eed55bf8-f059-4acb-a043-2d0a6d12537f/homepage-supporting-house-image',
-                        }, resizeMode: "contain", style: { width: '100%', height: '100%' } }) })] }));
+                        }, resizeMode: "contain" }) })] }));
     if (!hasBadge) {
         return CardContent;
     }

package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.styles.js

@@ -1,27 +1,12 @@
-import { View } from 'react-native';
+import { Image, View } from 'react-native';
 import styled from '../../../styled.native';
-import { Badge } from '../../Badge';
 import { Card } from '../../Card';
 import { Heading3 } from '../../Heading';
-import { P } from '../../P';
 export const CardWithLinkText = styled(Card)(({ theme, isSmall, hasBadge }) => ({
     paddingTop: hasBadge ? theme.space[800] : theme.space[400],
     display: 'flex',
     flexDirection: isSmall ? 'column-reverse' : 'row',
 }));
-export const CardBadge = styled(Badge)(({ theme }) => ({
-    position: 'absolute',
-    top: 4,
-    left: theme.space[500],
-    borderWidth: 0,
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderBottomLeftRadius: theme.border.radius.md,
-    borderBottomRightRadius: theme.border.radius.md,
-    paddingBottom: theme.space[50],
-    paddingTop: 0,
-    zIndex: 1,
-}));
 export const TextContent = styled(View)(({ isSmall }) => ({
     flex: isSmall ? undefined : 1,
     paddingRight: isSmall ? 0 : 5,
@@ -32,16 +17,14 @@ export const ImageContent = styled(View)({
     justifyContent: 'center',
     alignItems: 'center',
 });
-export const Title = styled(Heading3)(({ theme, isSmall }) => ({
+export const CardImage = styled(Image)({
+    width: '100%',
+    height: '100%',
+});
+export const Heading = styled(Heading3)(({ theme, isSmall }) => ({
     color: theme.color.surface.onSurface,
     fontSize: isSmall
         ? theme.font.size.lg.mediaQuery.lg
         : theme.font.size['2xl'].mediaQuery.sm,
-    fontWeight: 700,
-    marginBottom: isSmall ? 0 : '8px',
-}));
-export const Subtitle = styled(P)(({ theme }) => ({
-    color: theme.color.surface.onSurface,
-    fontSize: theme.font.size.md.mediaQuery.lg,
-    fontWeight: 450,
+    marginBottom: isSmall ? 0 : theme.space[200],
 }));

package/dist/esm/components/Cards/ProgressBarCard/ProgressBar/ValueBar.js

@@ -6,7 +6,7 @@ const clampToNonNegative = (n) => Math.max(0, n);
 export const ValueBar = ({ value1, value2 }) => {
     const theme = useTheme();
     const hasSecond = !!value2;
-    const value1Flex = clampToNonNegative(value1 ?? 0);
+    const value1Flex = clampToNonNegative(value1 !== null && value1 !== void 0 ? value1 : 0);
     const value2Flex = hasSecond ? clampToNonNegative(value2) : 0;
     if (hasSecond && value1Flex + value2Flex > 0) {
         return (_jsx(ProgressBarWrapper, { children: _jsxs(ProgressBarContainer, { children: [_jsx(View, { style: {

package/dist/esm/components/Cards/ProgressBarCard/ProgressBarCard.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React from 'react';
 import { View } from 'react-native';
 import { Heading2, Heading4, P, Strong } from '../..';
-import { useTheme } from '../../../styled.native';
-import { resolveColor } from '../shared';
+import { ContainerWithGap, HeadingContainer, WrappedContainer, } from '../shared.styles';
+import { checkIsSmall, resolveColor } from '../utils';
 import { EPCBar } from './ProgressBar/EPCBar';
 import { Marker1, Marker2 } from './ProgressBar/EPCMarkers';
 import { ValueBar } from './ProgressBar/ValueBar';
-import { CardWithProgressBar, HeadingContainer, StyledP, ValueBlockWrapper, ValuesContainer, ValueTextContainer, ValueWrapper, } from './ProgressBarCard.styles';
+import { CardWithProgressBar, MarkerContainer, ValueTextContainer, ValueWrapper, } from './ProgressBarCard.styles';
 const ValueText1 = ({ text }) => {
     if (!text)
         return null;
@@ -27,18 +27,11 @@ const ValueText2 = ({ text2, hasEPCBar }) => {
 };
 const ValueBlockComponent = ({ value, value2, size, hasEPCBar, markerType, }) => {
     const showMarker = value.subtext && hasEPCBar;
-    const isSmall = size === 'small';
-    const theme = useTheme();
-    return (_jsxs(ValueWrapper, { isSmall: isSmall, hasValue2: !!value2, children: [_jsxs(ValuesContainer, { children: [_jsx(ValueText1, { text: value.text }), _jsx(ValueText2, { text2: value.text2, hasEPCBar: hasEPCBar })] }), _jsxs(View, { style: {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: theme.space[150],
-                }, children: [showMarker && markerType === 'marker1' && _jsx(Marker1, {}), showMarker && markerType === 'marker2' && _jsx(Marker2, {}), value.subtext && _jsx(P, { children: value.subtext })] })] }));
+    return (_jsxs(ValueWrapper, { isSmall: checkIsSmall(size), hasValue2: !!value2, children: [_jsxs(WrappedContainer, { children: [_jsx(ValueText1, { text: value.text }), _jsx(ValueText2, { text2: value.text2, hasEPCBar: hasEPCBar })] }), _jsxs(MarkerContainer, { children: [showMarker && markerType === 'marker1' && _jsx(Marker1, {}), showMarker && markerType === 'marker2' && _jsx(Marker2, {}), value.subtext && _jsx(P, { children: value.subtext })] })] }));
 };
 const ValueBlock = React.memo(ValueBlockComponent);
-export const ProgressBarCard = ({ heading, subheading, progressBar, value, value2, size, }) => {
-    const isSmall = size === 'small';
+export const ProgressBarCard = ({ heading, subHeading, progressBar, value, value2, size, }) => {
     const isEpc = progressBar.variant === 'epc';
     const isValueBar = progressBar.variant === 'value';
-    return (_jsxs(CardWithProgressBar, { isSmall: isSmall, children: [_jsxs(HeadingContainer, { children: [_jsx(StyledP, { children: _jsx(Strong, { children: heading }) }), _jsx(P, { size: "sm", children: subheading })] }), _jsxs(View, { children: [isEpc && (_jsx(EPCBar, { marker1: { value: progressBar.data }, marker2: progressBar.data2 ? { value: progressBar.data2 } : undefined })), isValueBar && (_jsx(ValueBar, { value1: progressBar.data, value2: progressBar.data2 })), _jsxs(ValueBlockWrapper, { children: [_jsx(ValueBlock, { value: value, value2: value2, hasEPCBar: isEpc, markerType: "marker1", size: size }), value2 && !isSmall && (_jsx(ValueBlock, { value: value2, hasEPCBar: isEpc, markerType: "marker2" }))] })] })] }));
+    return (_jsxs(CardWithProgressBar, { isSmall: checkIsSmall(size), children: [_jsxs(HeadingContainer, { children: [_jsx(P, { children: _jsx(Strong, { children: heading }) }), _jsx(P, { size: "sm", children: subHeading })] }), _jsxs(View, { children: [isEpc && (_jsx(EPCBar, { marker1: { value: progressBar.data }, marker2: progressBar.data2 ? { value: progressBar.data2 } : undefined })), isValueBar && (_jsx(ValueBar, { value1: progressBar.data, value2: progressBar.data2 })), _jsxs(ContainerWithGap, { children: [_jsx(ValueBlock, { value: value, value2: value2, hasEPCBar: isEpc, markerType: "marker1", size: size }), value2 && !checkIsSmall(size) && (_jsx(ValueBlock, { value: value2, hasEPCBar: isEpc, markerType: "marker2" }))] })] })] }));
 };

package/dist/esm/components/Cards/ProgressBarCard/ProgressBarCard.styles.js

@@ -1,36 +1,23 @@
 import { View } from 'react-native';
-import { Card } from '../..';
 import styled from '../../../styled.native';
-import { P } from '../../P';
-import { SmallCardHeight } from '../shared';
-export const CardWithProgressBar = styled(Card)(({ isSmall }) => ({
-    minHeight: isSmall ? SmallCardHeight : undefined,
+import { CardWithMinHeight } from '../shared.styles';
+export const CardWithProgressBar = styled(CardWithMinHeight)({
     justifyContent: 'space-between',
-}));
-export const HeadingContainer = styled(View)(({ theme }) => ({
-    marginBottom: theme.space[350],
-}));
-export const ValueBlockWrapper = styled(View)(({ theme }) => ({
+});
+export const MarkerContainer = styled(View)(({ theme }) => ({
     flexDirection: 'row',
-    gap: theme.space[300],
+    alignItems: 'center',
+    gap: theme.space[150],
 }));
 export const ValueWrapper = styled(View)(({ isSmall, hasValue2, theme }) => ({
     width: isSmall || !hasValue2 ? undefined : '50%',
     gap: theme.space[100],
 }));
-export const ValuesContainer = styled(View)(({ theme }) => ({
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: theme.space[100],
-}));
 export const ValueTextContainer = styled(View)(({ theme }) => ({
     flexDirection: 'row',
     alignItems: 'flex-end',
     marginBottom: theme.space[25],
 }));
-export const StyledP = styled(P)(({ theme }) => ({
-    lineHeight: theme.font.lineHeight.md.mediaQuery.sm,
-}));
 // EPC/Value Bar styles
 export const ProgressBarWrapper = styled(View)(({ theme }) => ({
     width: '100%',

package/dist/esm/components/Cards/index.js

@@ -1,5 +1,5 @@
 export { AccountCard } from './AccountCard';
-export { BalanceCard } from './BalanceCard';
+export { BalanceCard, BalanceCardErrorFallback } from './BalanceCard';
 export { IconDataCard } from './IconDataCard';
 export { IconTextCard } from './IconTextCard';
 export { LinkTextCard } from './LinkTextCard';

package/dist/esm/components/Cards/shared.styles.js

@@ -0,0 +1,33 @@
+import { View } from 'react-native';
+import styled from '../../styled.native';
+import { Badge } from '../Badge';
+import { Card } from '../Card';
+export const SMALL_CARD_HEIGHT = 172;
+export const CardBadge = styled(Badge)(({ theme }) => ({
+    position: 'absolute',
+    top: theme.space[100],
+    left: theme.space[500],
+    borderWidth: 0,
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderBottomLeftRadius: theme.border.radius.md,
+    borderBottomRightRadius: theme.border.radius.md,
+    paddingBottom: theme.space[50],
+    paddingTop: 0,
+    zIndex: 1,
+}));
+export const CardWithMinHeight = styled(Card)(({ isSmall }) => ({
+    minHeight: isSmall ? SMALL_CARD_HEIGHT : undefined,
+}));
+export const HeadingContainer = styled(View)(({ theme }) => ({
+    marginBottom: theme.space[350],
+}));
+export const ContainerWithGap = styled(View)(({ theme }) => ({
+    flexDirection: 'row',
+    gap: theme.space[300],
+}));
+export const WrappedContainer = styled(View)(({ theme }) => ({
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: theme.space[100],
+}));

package/dist/{components/Cards/shared.js → esm/components/Cards/utils.js}

@@ -1,5 +1,5 @@
 import { useTheme } from '../../styled.native';
-export const SmallCardHeight = 172;
+export const checkIsSmall = (size) => size === 'small';
 export const resolveColor = (colorKey = 'default') => {
     const theme = useTheme();
     if (colorKey === 'default' || !colorKey) {

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { numToPx } from '@ovotech/element-core';
 import { TouchableOpacity, View, } from 'react-native';
@@ -32,7 +43,7 @@ const StyledCheckboxInput = styled.View(({ theme, invalid, checked }) => {
     `;
 });
 const CheckboxCheck = (props) => {
-    return _jsx(Icon, { name: "check", size: 16, ...props });
+    return _jsx(Icon, Object.assign({ name: "check", size: 16 }, props));
 };
 const StyledCheckboxInputCheck = styled(CheckboxCheck)(({ theme, checked, }) => {
     return `
@@ -42,8 +53,9 @@ const StyledCheckboxInputCheck = styled(CheckboxCheck)(({ theme, checked, }) =>
       opacity: ${checked ? 1 : 0};
     `;
 });
-const Input = ({ checked, invalid, testID, ...rest }) => {
-    return (_jsx(StyledCheckboxInputWrapper, { ...rest, children: _jsx(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID, children: _jsx(StyledCheckboxInputCheck, { checked: checked }) }) }));
+const Input = (_a) => {
+    var { checked, invalid, testID } = _a, rest = __rest(_a, ["checked", "invalid", "testID"]);
+    return (_jsx(StyledCheckboxInputWrapper, Object.assign({}, rest, { children: _jsx(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID, children: _jsx(StyledCheckboxInputCheck, { checked: checked }) }) })));
 };
 const CheckLabelText = styled(LabelText)(({ theme }) => `
     padding-top: ${numToPx(theme.space[300])};
@@ -51,8 +63,9 @@ const CheckLabelText = styled(LabelText)(({ theme }) => `
 const StyledWrapper = styled.View `
   flex-direction: row;
 `;
-const Checkbox = ({ label, hint, error, checked, optional, invalid, activeOpacity = 0.8, testID, ref, ...rest }) => {
+const Checkbox = (_a) => {
+    var { label, hint, error, checked, optional, invalid, activeOpacity = 0.8, testID, ref } = _a, rest = __rest(_a, ["label", "hint", "error", "checked", "optional", "invalid", "activeOpacity", "testID", "ref"]);
     const hasError = !!error;
-    return (_jsx(FormGroup, { error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [error ? _jsx(ErrorText, { children: error }) : null, _jsx(TouchableOpacity, { ref: ref, accessible: true, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked }, ...rest, children: _jsxs(StyledWrapper, { children: [_jsx(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), _jsxs(View, { style: { flexShrink: 1 }, children: [_jsxs(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null] })] }) })] }) }));
+    return (_jsx(FormGroup, { error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [error ? _jsx(ErrorText, { children: error }) : null, _jsx(TouchableOpacity, Object.assign({ ref: ref, accessible: true, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked } }, rest, { children: _jsxs(StyledWrapper, { children: [_jsx(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), _jsxs(View, { style: { flexShrink: 1 }, children: [_jsxs(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null] })] }) }))] }) }));
 };
 export { Checkbox };

package/dist/esm/components/Checkbox/CheckboxField.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Children, cloneElement, } from 'react';
 import { View } from 'react-native';
@@ -7,11 +18,12 @@ import { FormGroup } from '../FormGroup';
 import { HintText } from '../HintText';
 import { LabelText } from '../LabelText';
 import { Stack } from '../Stack';
-const CheckboxField = ({ label, hint, error, children, optional = false, ...rest }) => {
+const CheckboxField = (_a) => {
+    var { label, hint, error, children, optional = false } = _a, rest = __rest(_a, ["label", "hint", "error", "children", "optional"]);
     const hasError = !!error;
     const validChildren = getValidChildren(children);
-    return (_jsx(FormGroup, { ...rest, error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [_jsxs(View, { children: [_jsxs(LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null, error ? _jsx(ErrorText, { children: error }) : null] }), _jsx(View, { children: Children.map(validChildren, (child) => cloneElement(child, {
+    return (_jsx(FormGroup, Object.assign({}, rest, { error: hasError, children: _jsxs(Stack, { spaceBetween: 1, children: [_jsxs(View, { children: [_jsxs(LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? _jsx(HintText, { children: hint }) : null, error ? _jsx(ErrorText, { children: error }) : null] }), _jsx(View, { children: Children.map(validChildren, (child) => cloneElement(child, {
                         invalid: hasError ? true : child.props.invalid,
-                    })) })] }) }));
+                    })) })] }) })));
 };
 export { CheckboxField };