@thecb/components 7.13.2-beta.1 → 7.13.3-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -13900,114 +13900,6 @@ var GenericCard = function GenericCard() {
13900
13900
  }));
13901
13901
  };
13902
13902
 
13903
- var GenericErrorIcon = function GenericErrorIcon() {
13904
- return /*#__PURE__*/React.createElement("svg", {
13905
- width: "474",
13906
- height: "308",
13907
- viewBox: "0 0 474 308",
13908
- fill: "none",
13909
- xmlns: "http://www.w3.org/2000/svg"
13910
- }, /*#__PURE__*/React.createElement("path", {
13911
- fillRule: "evenodd",
13912
- clipRule: "evenodd",
13913
- d: "M107.968 73H347.689C351.538 73 354.658 76.12 354.658 79.968V258.366C354.658 262.214 351.538 265.334 347.689 265.334H107.968C104.119 265.334 101 262.214 101 258.366V79.968C101 76.12 104.119 73 107.968 73",
13914
- fill: "white"
13915
- }), /*#__PURE__*/React.createElement("path", {
13916
- fillRule: "evenodd",
13917
- clipRule: "evenodd",
13918
- d: "M200.435 148.429C201.244 146.174 203.256 144.701 205.477 144.701C207.698 144.701 209.71 146.174 210.518 148.429C211.038 149.878 212.634 150.632 214.083 150.112C215.532 149.593 216.286 147.997 215.766 146.547C214.239 142.287 210.267 139.126 205.477 139.126C200.687 139.126 196.715 142.286 195.187 146.547C194.668 147.997 195.422 149.593 196.871 150.112C198.32 150.632 199.916 149.878 200.435 148.429ZM246.435 148.429C247.244 146.174 249.256 144.701 251.477 144.701C253.698 144.701 255.71 146.174 256.518 148.429C257.038 149.878 258.634 150.632 260.083 150.112C261.532 149.593 262.286 147.997 261.766 146.547C260.239 142.287 256.267 139.126 251.477 139.126C246.687 139.126 242.715 142.286 241.187 146.547C240.668 147.997 241.422 149.593 242.871 150.112C244.32 150.632 245.916 149.878 246.435 148.429ZM208 195.674C209.54 195.674 210.788 194.426 210.788 192.886C210.788 190.622 212.623 188.788 214.885 188.788H241.305C243.569 188.788 245.404 190.623 245.404 192.886C245.404 194.426 246.652 195.674 248.191 195.674C249.731 195.674 250.979 194.426 250.979 192.886C250.979 187.544 246.648 183.213 241.305 183.213H214.885C209.543 183.213 205.213 187.544 205.213 192.886C205.213 194.426 206.461 195.674 208 195.674ZM31.6619 247.285C31.7125 249.493 29.9631 251.325 27.7546 251.375L12.5756 251.723C10.367 251.774 8.53559 250.024 8.48496 247.816C8.43432 245.607 10.1837 243.776 12.3922 243.725L27.5712 243.377C29.7798 243.327 31.6112 245.076 31.6619 247.285ZM99.6215 251.376C101.831 251.361 103.609 249.559 103.595 247.35C103.58 245.141 101.777 243.362 99.5683 243.376L47.1963 243.724C44.9872 243.739 43.2083 245.542 43.223 247.751C43.2377 249.96 45.0404 251.739 47.2495 251.724L99.6215 251.376ZM423.796 247.354C423.808 249.563 422.027 251.364 419.818 251.376L356.062 251.724C353.853 251.736 352.052 249.955 352.04 247.746C352.028 245.537 353.809 243.736 356.018 243.724L419.774 243.376C421.984 243.364 423.784 245.145 423.796 247.354ZM473.424 247.33C473.45 249.539 471.68 251.35 469.471 251.376L439.636 251.724C437.427 251.75 435.615 249.98 435.589 247.771C435.564 245.562 437.333 243.75 439.542 243.724L469.377 243.376C471.586 243.351 473.398 245.121 473.424 247.33Z",
13919
- fill: "#292A33"
13920
- }), /*#__PURE__*/React.createElement("path", {
13921
- fillRule: "evenodd",
13922
- clipRule: "evenodd",
13923
- d: "M101 99H355V73H101V99Z",
13924
- fill: "#CACED8"
13925
- }), /*#__PURE__*/React.createElement("path", {
13926
- d: "M117 86C117 87.6569 115.657 89 114 89C112.343 89 111 87.6569 111 86C111 84.3431 112.343 83 114 83C115.657 83 117 84.3431 117 86Z",
13927
- fill: "#292A33"
13928
- }), /*#__PURE__*/React.createElement("path", {
13929
- d: "M127 86C127 87.6569 125.657 89 124 89C122.343 89 121 87.6569 121 86C121 84.3431 122.343 83 124 83C125.657 83 127 84.3431 127 86Z",
13930
- fill: "#292A33"
13931
- }), /*#__PURE__*/React.createElement("path", {
13932
- d: "M137 86C137 87.6569 135.657 89 134 89C132.343 89 131 87.6569 131 86C131 84.3431 132.343 83 134 83C135.657 83 137 84.3431 137 86Z",
13933
- fill: "#292A33"
13934
- }), /*#__PURE__*/React.createElement("path", {
13935
- fillRule: "evenodd",
13936
- clipRule: "evenodd",
13937
- d: "M352 102H104V96H352V102Z",
13938
- fill: "#292A33"
13939
- }), /*#__PURE__*/React.createElement("path", {
13940
- fillRule: "evenodd",
13941
- clipRule: "evenodd",
13942
- d: "M223.998 268C223.998 265.691 222.126 263.819 219.817 263.819C217.508 263.819 215.636 265.691 215.636 268V288.614H204C201.691 288.614 199.819 290.486 199.819 292.795C199.819 295.104 201.691 296.976 204 296.976H219.817C222.126 296.976 223.998 295.104 223.998 292.795V268ZM239.491 268C239.491 265.691 237.619 263.819 235.31 263.819C233.001 263.819 231.129 265.691 231.129 268V293.574C231.129 295.883 233.001 297.755 235.31 297.755H251.127C253.436 297.755 255.308 295.883 255.308 293.574C255.308 291.265 253.436 289.393 251.127 289.393H239.491V268Z",
13943
- fill: "#3B5BDB"
13944
- }), /*#__PURE__*/React.createElement("path", {
13945
- fillRule: "evenodd",
13946
- clipRule: "evenodd",
13947
- d: "M102.461 202.558C103.91 204.226 103.732 206.753 102.064 208.201L79.804 227.532C78.136 228.981 75.6096 228.803 74.1611 227.135C72.7126 225.467 72.8905 222.94 74.5585 221.492L96.8185 202.161C98.4864 200.712 101.013 200.89 102.461 202.558Z",
13948
- fill: "#3B5BDB"
13949
- }), /*#__PURE__*/React.createElement("path", {
13950
- fillRule: "evenodd",
13951
- clipRule: "evenodd",
13952
- d: "M396.5 185.5C394.291 185.5 392.5 187.291 392.5 189.5C392.5 191.709 394.291 193.5 396.5 193.5H404.869L380.696 219.39L358.454 202.109C356.71 200.754 354.197 201.069 352.842 202.814C351.486 204.558 351.802 207.071 353.546 208.427L378.673 227.949C380.307 229.218 382.639 229.032 384.051 227.52L415.814 193.5H429.5C431.709 193.5 433.5 191.709 433.5 189.5C433.5 187.291 431.709 185.5 429.5 185.5H396.5Z",
13953
- fill: "#3B5BDB"
13954
- }), /*#__PURE__*/React.createElement("path", {
13955
- fillRule: "evenodd",
13956
- clipRule: "evenodd",
13957
- d: "M107.969 76C105.777 76 104 77.7769 104 79.969V258.366C104 260.557 105.777 262.334 107.969 262.334H347.69C349.881 262.334 351.658 260.557 351.658 258.366V79.969C351.658 77.7766 349.881 76 347.69 76H107.969ZM98 79.969C98 74.4631 102.463 70 107.969 70H347.69C353.195 70 357.658 74.4634 357.658 79.969V258.366C357.658 263.871 353.195 268.334 347.69 268.334H107.969C102.463 268.334 98 263.871 98 258.366V79.969Z",
13958
- fill: "#292A33"
13959
- }), /*#__PURE__*/React.createElement("path", {
13960
- fillRule: "evenodd",
13961
- clipRule: "evenodd",
13962
- d: "M78.0922 220.617C75.9411 220.114 73.7895 221.45 73.2864 223.601C72.7833 225.752 74.1193 227.904 76.2704 228.407L125.537 239.929C126.148 245.765 131.082 250.314 137.079 250.314H143.723C145.932 250.314 147.723 248.523 147.723 246.314C147.723 244.105 145.932 242.314 143.723 242.314H137.079C135.088 242.314 133.474 240.7 133.474 238.708C133.474 236.717 135.088 235.103 137.079 235.103C139.288 235.103 141.079 233.312 141.079 231.103C141.079 228.894 139.288 227.103 137.079 227.103C133.095 227.103 129.579 229.111 127.49 232.17L78.0922 220.617Z",
13963
- fill: "#3B5BDB"
13964
- }), /*#__PURE__*/React.createElement("path", {
13965
- fillRule: "evenodd",
13966
- clipRule: "evenodd",
13967
- d: "M452.68 155.302C450.663 157.996 448.259 160.384 445.551 162.382C444.575 163.102 443.215 162.995 442.358 162.138L439.438 159.218C438.636 158.416 437.423 158.218 436.397 158.698C435.931 158.916 435.458 159.12 434.979 159.312C434.678 159.431 434.375 159.545 434.071 159.655C432.987 160.039 432.245 161.041 432.245 162.192L432.244 166.276C432.244 167.493 431.354 168.533 430.15 168.706C428.54 168.939 426.895 169.059 425.221 169.059C423.513 169.059 421.835 168.934 420.195 168.693C418.992 168.516 418.104 167.478 418.104 166.262V162.151C418.104 161.024 417.395 160.02 416.333 159.641C415.469 159.331 414.625 158.979 413.805 158.584C412.782 158.093 411.564 158.298 410.761 159.1L407.877 161.985C407.015 162.847 405.646 162.949 404.67 162.218C402.004 160.218 399.64 157.839 397.656 155.16C396.934 154.185 397.039 152.823 397.897 151.966L400.811 149.05C401.609 148.251 401.814 147.041 401.332 146.021C400.973 145.257 400.649 144.474 400.362 143.672C399.981 142.609 398.979 141.896 397.849 141.897H393.739C392.523 141.897 391.485 141.008 391.308 139.806C391.067 138.165 390.942 136.487 390.942 134.78C390.942 133.072 391.067 131.394 391.308 129.753C391.485 128.551 392.523 127.662 393.738 127.662H397.849C398.979 127.662 399.982 126.949 400.363 125.885C400.642 125.103 400.958 124.337 401.308 123.59C401.786 122.569 401.581 121.361 400.784 120.564L397.862 117.643C397.004 116.785 396.898 115.426 397.617 114.45C399.617 111.741 402.004 109.337 404.698 107.32C405.673 106.59 407.042 106.693 407.904 107.554L410.792 110.444C411.594 111.245 412.811 111.45 413.833 110.961C414.645 110.572 415.479 110.224 416.333 109.918C417.396 109.539 418.104 108.535 418.104 107.407V103.297C418.104 102.082 418.992 101.043 420.195 100.866C421.835 100.625 423.513 100.5 425.221 100.5C426.92 100.5 428.59 100.624 430.223 100.863C431.436 101.04 432.327 102.095 432.314 103.322L432.267 107.351C432.254 108.494 432.97 109.514 434.047 109.897C434.889 110.195 435.71 110.535 436.51 110.914C437.538 111.401 438.76 111.189 439.558 110.377L442.406 107.481C443.262 106.61 444.634 106.497 445.616 107.225C448.288 109.206 450.662 111.568 452.659 114.229C453.391 115.204 453.288 116.573 452.426 117.435L449.541 120.32C448.74 121.122 448.534 122.34 449.026 123.364C449.42 124.184 449.773 125.028 450.082 125.893C450.462 126.954 451.465 127.662 452.593 127.662H456.703C457.918 127.662 458.957 128.551 459.134 129.753C459.375 131.394 459.5 133.072 459.5 134.78C459.5 136.49 459.374 138.171 459.133 139.815C458.956 141.013 457.924 141.9 456.713 141.906L452.572 141.923C451.449 141.928 450.452 142.635 450.073 143.692C449.77 144.537 449.425 145.363 449.04 146.165C448.55 147.189 448.754 148.406 449.557 149.208L452.447 152.096C453.308 152.958 453.41 154.326 452.68 155.302Z",
13968
- fill: "#CACED8",
13969
- stroke: "#292A33",
13970
- strokeWidth: "3",
13971
- strokeLinecap: "round",
13972
- strokeLinejoin: "round"
13973
- }), /*#__PURE__*/React.createElement("path", {
13974
- fillRule: "evenodd",
13975
- clipRule: "evenodd",
13976
- d: "M382.155 168.156C380.905 169.826 379.414 171.306 377.734 172.546C377.13 172.992 376.287 172.927 375.755 172.395L373.944 170.584C373.447 170.087 372.695 169.964 372.058 170.261C371.77 170.396 371.476 170.523 371.178 170.642C370.993 170.717 370.805 170.787 370.616 170.854C369.944 171.094 369.484 171.715 369.484 172.427V174.961C369.484 175.715 368.931 176.36 368.184 176.468C367.186 176.611 366.166 176.685 365.129 176.685C364.07 176.685 363.029 176.608 362.011 176.459C361.266 176.349 360.716 175.706 360.716 174.952L360.715 172.402C360.715 171.704 360.276 171.081 359.618 170.846C359.082 170.654 358.558 170.435 358.05 170.191C357.415 169.886 356.66 170.013 356.162 170.51L354.374 172.3C353.84 172.834 352.99 172.898 352.385 172.444C350.732 171.204 349.266 169.728 348.036 168.068C347.588 167.463 347.653 166.619 348.185 166.087L349.992 164.279C350.487 163.784 350.614 163.034 350.316 162.4C350.092 161.927 349.891 161.441 349.714 160.944C349.477 160.285 348.856 159.843 348.155 159.843H345.606C344.853 159.843 344.209 159.293 344.099 158.547C343.95 157.529 343.873 156.489 343.873 155.43C343.873 154.371 343.95 153.331 344.099 152.313C344.209 151.568 344.853 151.017 345.606 151.017H348.155C348.856 151.017 349.478 150.575 349.714 149.915C349.887 149.429 350.084 148.955 350.301 148.492C350.597 147.858 350.469 147.109 349.975 146.615L348.164 144.803C347.632 144.272 347.566 143.429 348.012 142.824C349.252 141.144 350.732 139.654 352.402 138.403C353.008 137.95 353.856 138.013 354.39 138.549L356.181 140.34C356.678 140.837 357.433 140.964 358.067 140.66C358.57 140.42 359.088 140.204 359.617 140.014C360.276 139.779 360.716 139.156 360.716 138.457V135.908C360.716 135.155 361.266 134.51 362.011 134.401C363.029 134.252 364.07 134.175 365.129 134.175C366.182 134.175 367.217 134.251 368.23 134.399C368.982 134.509 369.535 135.164 369.526 135.924L369.498 138.423C369.489 139.131 369.933 139.763 370.601 140.001C371.123 140.185 371.633 140.396 372.129 140.632C372.766 140.933 373.523 140.802 374.018 140.299L375.785 138.503C376.315 137.963 377.167 137.892 377.775 138.344C379.432 139.573 380.904 141.037 382.142 142.687C382.596 143.292 382.533 144.14 381.998 144.676L380.209 146.464C379.712 146.962 379.585 147.717 379.889 148.351C380.134 148.86 380.352 149.384 380.545 149.92C380.78 150.578 381.402 151.017 382.101 151.017L384.65 151.016C385.404 151.016 386.048 151.568 386.157 152.313C386.306 153.331 386.384 154.371 386.384 155.43C386.384 156.491 386.306 157.533 386.156 158.552C386.047 159.295 385.407 159.845 384.656 159.848L382.088 159.86C381.391 159.863 380.774 160.302 380.539 160.957C380.35 161.48 380.136 161.992 379.898 162.49C379.594 163.125 379.721 163.88 380.218 164.377L382.01 166.168C382.545 166.702 382.608 167.551 382.155 168.156Z",
13977
- fill: "#CACED8",
13978
- stroke: "#292A33",
13979
- strokeWidth: "3",
13980
- strokeLinecap: "round",
13981
- strokeLinejoin: "round"
13982
- }), /*#__PURE__*/React.createElement("path", {
13983
- fillRule: "evenodd",
13984
- clipRule: "evenodd",
13985
- d: "M415.001 134.779C415.001 140.424 419.577 145 425.222 145C430.866 145 435.442 140.424 435.442 134.779C435.442 129.134 430.866 124.558 425.222 124.558C419.577 124.558 415.001 129.134 415.001 134.779Z",
13986
- fill: "#F6F6F9"
13987
- }), /*#__PURE__*/React.createElement("path", {
13988
- fillRule: "evenodd",
13989
- clipRule: "evenodd",
13990
- d: "M425.222 126.058C430.037 126.058 433.942 129.963 433.942 134.779C433.942 139.596 430.037 143.5 425.222 143.5C420.405 143.5 416.501 139.596 416.501 134.779C416.501 129.963 420.405 126.058 425.222 126.058ZM436.942 134.779C436.942 128.306 431.694 123.058 425.222 123.058C418.748 123.058 413.501 128.306 413.501 134.779C413.501 141.253 418.748 146.5 425.222 146.5C431.694 146.5 436.942 141.253 436.942 134.779Z",
13991
- fill: "#292A33"
13992
- }), /*#__PURE__*/React.createElement("path", {
13993
- fillRule: "evenodd",
13994
- clipRule: "evenodd",
13995
- d: "M358.791 155.431C358.791 158.931 361.628 161.768 365.129 161.768C368.629 161.768 371.467 158.931 371.467 155.431C371.467 151.93 368.629 149.093 365.129 149.093C361.628 149.093 358.791 151.93 358.791 155.431Z",
13996
- fill: "#F6F6F9"
13997
- }), /*#__PURE__*/React.createElement("path", {
13998
- fillRule: "evenodd",
13999
- clipRule: "evenodd",
14000
- d: "M365.129 150.593C367.8 150.593 369.967 152.758 369.967 155.431C369.967 158.102 367.8 160.268 365.129 160.268C362.456 160.268 360.291 158.102 360.291 155.431C360.291 152.758 362.456 150.593 365.129 150.593ZM372.967 155.431C372.967 151.101 369.457 147.593 365.129 147.593C360.799 147.593 357.291 151.101 357.291 155.431C357.291 159.759 360.799 163.268 365.129 163.268C369.457 163.268 372.967 159.759 372.967 155.431Z",
14001
- fill: "#292A33"
14002
- }), /*#__PURE__*/React.createElement("path", {
14003
- fillRule: "evenodd",
14004
- clipRule: "evenodd",
14005
- d: "M159.146 27.899C161.226 26.41 163.766 25.524 166.518 25.524C173.522 25.524 179.201 31.203 179.201 38.208C179.201 45.212 173.522 50.891 166.518 50.891H109.108C100.911 50.891 94.2649 44.245 94.2649 36.047C94.2649 27.85 100.911 21.204 109.108 21.204C112.441 21.204 115.506 22.316 117.984 24.17C120.469 15.329 128.583 8.84497 138.219 8.84497C149.165 8.84497 158.154 17.212 159.146 27.899ZM415.354 42.963C417.095 41.716 419.223 40.973 421.529 40.973C427.397 40.973 432.154 45.73 432.154 51.598C432.154 57.467 427.397 62.223 421.529 62.223H373.435C366.567 62.223 361 56.657 361 49.789C361 42.921 366.567 37.354 373.435 37.354C376.226 37.354 378.795 38.285 380.87 39.838C382.952 32.432 389.75 27 397.822 27C406.992 27 414.522 34.01 415.354 42.963ZM69.491 141.356C68.241 141.356 67.056 141.631 65.985 142.113C64.929 140.771 63.293 139.906 61.453 139.906C60.912 139.906 60.391 139.985 59.894 140.125C57.947 135.058 53.048 131.456 47.296 131.456C41.027 131.456 35.77 135.733 34.247 141.525C33.701 141.415 33.136 141.356 32.557 141.356C27.831 141.356 24 145.187 24 149.913C24 154.639 27.831 158.47 32.557 158.47H69.491C74.217 158.47 78.048 154.639 78.048 149.913C78.048 145.187 74.217 141.356 69.491 141.356ZM228.163 307.832C260.286 307.832 286.327 302.049 286.327 294.916C286.327 287.783 260.286 282 228.163 282C196.04 282 170 287.783 170 294.916C170 302.049 196.04 307.832 228.163 307.832Z",
14006
- fill: "#3B5BDB",
14007
- fillOpacity: "0.2"
14008
- }));
14009
- };
14010
-
14011
13903
  var IconAdd = function IconAdd() {
14012
13904
  return /*#__PURE__*/React.createElement("svg", {
14013
13905
  xmlns: "http://www.w3.org/2000/svg",
@@ -18571,7 +18463,63 @@ var fallbackValues$4 = {
18571
18463
  link: link
18572
18464
  };
18573
18465
 
18466
+ /*
18467
+
18468
+ A utility function that can generate box-shadow values for components
18469
+ Takes a string representing an rgb color value and returns an object
18470
+ with values for standard, inset, and overlay shadows.
18471
+
18472
+ The objects for standard and inset shadows contain versions approiate
18473
+ for base, hover, and active interaction states.
18474
+
18475
+ */
18476
+
18477
+ /*
18478
+ Function to convert string representing rgb color to rgba value with provided opacity
18479
+ ("rgb(41, 42, 51)", "0.1") => "rgba(41, 42, 51, 0.1)"
18480
+
18481
+ */
18482
+ var rgbToRgba = function rgbToRgba() {
18483
+ var rgbValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
18484
+ var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
18485
+
18486
+ if (typeof rgbValue !== "string" || typeof opacity !== "string" || rgbValue.charAt(0) === "#") {
18487
+ return "";
18488
+ }
18489
+
18490
+ return "".concat(rgbValue.slice(0, 3), "a").concat(rgbValue.slice(3, -1), ", ").concat(opacity).concat(rgbValue.slice(-1));
18491
+ };
18492
+
18493
+ var generateShadows = function generateShadows() {
18494
+ var baseColorRGB = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(41, 42, 51)";
18495
+ var colorTen = rgbToRgba(baseColorRGB, "0.1") || "rgba(41, 42, 51, 0.1)";
18496
+ var colorTwenty = rgbToRgba(baseColorRGB, "0.2") || "rgba(41, 42, 51, 0.2)";
18497
+ var colorTwentyFive = rgbToRgba(baseColorRGB, "0.25") || "rgba(41, 42, 51, 0.25)";
18498
+ var colorThirty = rgbToRgba(baseColorRGB, "0.3") || "rgba(41, 42, 51, 0.3)";
18499
+ var blackTwentyFive = "rgba(0, 0, 0, 0.25)";
18500
+ var standard = {
18501
+ base: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 6px 0px ").concat(colorTwenty, ", inset 0px 1px 0px 0px ").concat(colorTen),
18502
+ hover: "0px 1px 2px 0px ".concat(colorTwenty, ", 0px 4px 8px 0px ").concat(blackTwentyFive, ", 0px 6px 12px 0px ").concat(colorTen),
18503
+ active: "0px 2px 8px 0px ".concat(colorTwenty, ", 0px 4px 8px 0px ").concat(colorThirty, ", 0px 6px 12px 0px ").concat(colorTwentyFive)
18504
+ };
18505
+ var inset = {
18506
+ base: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 4px 0px ").concat(colorTwenty, ", inset 0px 1px 0px 0px ").concat(colorTen),
18507
+ hover: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 4px 0px ").concat(colorTwentyFive, ", 0px 4px 8px 0px ").concat(colorTen),
18508
+ active: "0px 1px 2px 2px ".concat(colorTwenty, ", 0px 3px 6px 0px ").concat(colorThirty, ", 0px 4px 8px 0px ").concat(colorTwenty)
18509
+ };
18510
+ var overlay = {
18511
+ base: "0px 7px 32px 0px ".concat(colorTwenty, ", 0px 1px 4px 0px ").concat(colorTwenty, ", 0px 1px 8px -1px ").concat(colorThirty)
18512
+ };
18513
+ return {
18514
+ standard: standard,
18515
+ inset: inset,
18516
+ overlay: overlay
18517
+ };
18518
+ };
18519
+
18574
18520
  var Alert = function Alert(_ref) {
18521
+ var _generateShadows, _generateShadows$inse;
18522
+
18575
18523
  var heading = _ref.heading,
18576
18524
  text = _ref.text,
18577
18525
  textOverride = _ref.textOverride,
@@ -18585,13 +18533,26 @@ var Alert = function Alert(_ref) {
18585
18533
  showQuitLink = _ref$showQuitLink === void 0 ? true : _ref$showQuitLink,
18586
18534
  themeValues = _ref.themeValues,
18587
18535
  extraStyles = _ref.extraStyles,
18588
- maxContentWidth = _ref.maxContentWidth;
18536
+ maxContentWidth = _ref.maxContentWidth,
18537
+ _ref$noBorder = _ref.noBorder,
18538
+ noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
18539
+ _ref$enableBoxShadow = _ref.enableBoxShadow,
18540
+ enableBoxShadow = _ref$enableBoxShadow === void 0 ? false : _ref$enableBoxShadow,
18541
+ _ref$enableSmallText = _ref.enableSmallText,
18542
+ enableSmallText = _ref$enableSmallText === void 0 ? false : _ref$enableSmallText,
18543
+ _ref$innerContentPadd = _ref.innerContentPadding,
18544
+ innerContentPadding = _ref$innerContentPadd === void 0 ? "1rem" : _ref$innerContentPadd,
18545
+ _ref$iconPadding = _ref.iconPadding,
18546
+ iconPadding = _ref$iconPadding === void 0 ? "0 0 0 1rem" : _ref$iconPadding,
18547
+ _ref$contentFullHeigh = _ref.contentFullHeight,
18548
+ contentFullHeight = _ref$contentFullHeigh === void 0 ? false : _ref$contentFullHeigh;
18589
18549
  var Icon = AlertIcons[variant];
18550
+ var contentPadding = maxContentWidth ? "".concat(padding, " 1rem") : innerContentPadding;
18590
18551
  var content = /*#__PURE__*/React.createElement(Sidebar, {
18591
18552
  width: "24px",
18592
18553
  childGap: "0rem"
18593
18554
  }, /*#__PURE__*/React.createElement(Box, {
18594
- padding: "0 0 0 1rem",
18555
+ padding: iconPadding,
18595
18556
  minHeight: "100%"
18596
18557
  }, /*#__PURE__*/React.createElement(Cover, {
18597
18558
  minHeight: "100%",
@@ -18605,17 +18566,18 @@ var Alert = function Alert(_ref) {
18605
18566
  }, /*#__PURE__*/React.createElement(Sidebar, {
18606
18567
  sidebarOnRight: true,
18607
18568
  width: "24px",
18608
- childGap: "0rem"
18569
+ childGap: "0rem",
18570
+ fullHeight: contentFullHeight
18609
18571
  }, /*#__PURE__*/React.createElement(Box, {
18610
- padding: maxContentWidth ? "".concat(padding, " 1rem") : "1rem"
18572
+ padding: contentPadding
18611
18573
  }, /*#__PURE__*/React.createElement(Cluster, {
18612
18574
  justify: "flex-start",
18613
18575
  align: "center"
18614
18576
  }, textOverride ? textOverride : /*#__PURE__*/React.createElement(Stack, {
18615
18577
  fullHeight: true,
18616
- childGap: "0.25rem"
18578
+ childGap: "0"
18617
18579
  }, /*#__PURE__*/React.createElement(Text$1, {
18618
- variant: "p",
18580
+ variant: enableSmallText ? "pS" : "p",
18619
18581
  color: themeValues.text,
18620
18582
  weight: "600"
18621
18583
  }, heading), /*#__PURE__*/React.createElement(Text$1, {
@@ -18637,7 +18599,8 @@ var Alert = function Alert(_ref) {
18637
18599
  background: themeValues.background,
18638
18600
  borderRadius: "4px",
18639
18601
  borderColor: themeValues.border,
18640
- borderSize: "1px",
18602
+ borderSize: noBorder ? "0px" : "1px",
18603
+ boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
18641
18604
  extraStyles: extraStyles
18642
18605
  }, maxContentWidth ? /*#__PURE__*/React.createElement(Center, {
18643
18606
  maxWidth: maxContentWidth
@@ -18791,14 +18754,12 @@ function _extends$1() {
18791
18754
  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
18792
18755
  for (var i = 1; i < arguments.length; i++) {
18793
18756
  var source = arguments[i];
18794
-
18795
18757
  for (var key in source) {
18796
18758
  if (Object.prototype.hasOwnProperty.call(source, key)) {
18797
18759
  target[key] = source[key];
18798
18760
  }
18799
18761
  }
18800
18762
  }
18801
-
18802
18763
  return target;
18803
18764
  };
18804
18765
  return _extends$1.apply(this, arguments);
@@ -18808,7 +18769,6 @@ function _assertThisInitialized(self) {
18808
18769
  if (self === void 0) {
18809
18770
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
18810
18771
  }
18811
-
18812
18772
  return self;
18813
18773
  }
18814
18774
 
@@ -18841,7 +18801,6 @@ function _isNativeReflectConstruct() {
18841
18801
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
18842
18802
  if (Reflect.construct.sham) return false;
18843
18803
  if (typeof Proxy === "function") return true;
18844
-
18845
18804
  try {
18846
18805
  Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
18847
18806
  return true;
@@ -18863,30 +18822,23 @@ function _construct(Parent, args, Class) {
18863
18822
  return instance;
18864
18823
  };
18865
18824
  }
18866
-
18867
18825
  return _construct.apply(null, arguments);
18868
18826
  }
18869
18827
 
18870
18828
  function _wrapNativeSuper(Class) {
18871
18829
  var _cache = typeof Map === "function" ? new Map() : undefined;
18872
-
18873
18830
  _wrapNativeSuper = function _wrapNativeSuper(Class) {
18874
18831
  if (Class === null || !_isNativeFunction(Class)) return Class;
18875
-
18876
18832
  if (typeof Class !== "function") {
18877
18833
  throw new TypeError("Super expression must either be null or a function");
18878
18834
  }
18879
-
18880
18835
  if (typeof _cache !== "undefined") {
18881
18836
  if (_cache.has(Class)) return _cache.get(Class);
18882
-
18883
18837
  _cache.set(Class, Wrapper);
18884
18838
  }
18885
-
18886
18839
  function Wrapper() {
18887
18840
  return _construct(Class, arguments, _getPrototypeOf(this).constructor);
18888
18841
  }
18889
-
18890
18842
  Wrapper.prototype = Object.create(Class.prototype, {
18891
18843
  constructor: {
18892
18844
  value: Wrapper,
@@ -18897,7 +18849,6 @@ function _wrapNativeSuper(Class) {
18897
18849
  });
18898
18850
  return _setPrototypeOf(Wrapper, Class);
18899
18851
  };
18900
-
18901
18852
  return _wrapNativeSuper(Class);
18902
18853
  }
18903
18854
 
@@ -22180,7 +22131,7 @@ var check = function (it) {
22180
22131
 
22181
22132
  // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
22182
22133
  var global_1 =
22183
- // eslint-disable-next-line es-x/no-global-this -- safe
22134
+ // eslint-disable-next-line es/no-global-this -- safe
22184
22135
  check(typeof globalThis == 'object' && globalThis) ||
22185
22136
  check(typeof window == 'object' && window) ||
22186
22137
  // eslint-disable-next-line no-restricted-globals -- safe
@@ -22199,12 +22150,12 @@ var fails = function (exec) {
22199
22150
 
22200
22151
  // Detect IE8's incomplete defineProperty implementation
22201
22152
  var descriptors = !fails(function () {
22202
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22153
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22203
22154
  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
22204
22155
  });
22205
22156
 
22206
22157
  var functionBindNative = !fails(function () {
22207
- // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
22158
+ // eslint-disable-next-line es/no-function-prototype-bind -- safe
22208
22159
  var test = (function () { /* empty */ }).bind();
22209
22160
  // eslint-disable-next-line no-prototype-builtins -- safe
22210
22161
  return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -22217,7 +22168,7 @@ var functionCall = functionBindNative ? call.bind(call) : function () {
22217
22168
  };
22218
22169
 
22219
22170
  var $propertyIsEnumerable = {}.propertyIsEnumerable;
22220
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22171
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22221
22172
  var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
22222
22173
 
22223
22174
  // Nashorn ~ JDK8 bug
@@ -22244,14 +22195,11 @@ var createPropertyDescriptor = function (bitmap, value) {
22244
22195
  };
22245
22196
 
22246
22197
  var FunctionPrototype = Function.prototype;
22247
- var bind$1 = FunctionPrototype.bind;
22248
22198
  var call$1 = FunctionPrototype.call;
22249
- var uncurryThis = functionBindNative && bind$1.bind(call$1, call$1);
22199
+ var uncurryThisWithBind = functionBindNative && FunctionPrototype.bind.bind(call$1, call$1);
22250
22200
 
22251
- var functionUncurryThis = functionBindNative ? function (fn) {
22252
- return fn && uncurryThis(fn);
22253
- } : function (fn) {
22254
- return fn && function () {
22201
+ var functionUncurryThis = functionBindNative ? uncurryThisWithBind : function (fn) {
22202
+ return function () {
22255
22203
  return call$1.apply(fn, arguments);
22256
22204
  };
22257
22205
  };
@@ -22275,12 +22223,18 @@ var indexedObject = fails(function () {
22275
22223
  return classofRaw(it) == 'String' ? split(it, '') : $Object(it);
22276
22224
  } : $Object;
22277
22225
 
22226
+ // we can't use just `it == null` since of `document.all` special case
22227
+ // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
22228
+ var isNullOrUndefined = function (it) {
22229
+ return it === null || it === undefined;
22230
+ };
22231
+
22278
22232
  var $TypeError = TypeError;
22279
22233
 
22280
22234
  // `RequireObjectCoercible` abstract operation
22281
22235
  // https://tc39.es/ecma262/#sec-requireobjectcoercible
22282
22236
  var requireObjectCoercible = function (it) {
22283
- if (it == undefined) throw $TypeError("Can't call method on " + it);
22237
+ if (isNullOrUndefined(it)) throw $TypeError("Can't call method on " + it);
22284
22238
  return it;
22285
22239
  };
22286
22240
 
@@ -22292,13 +22246,32 @@ var toIndexedObject = function (it) {
22292
22246
  return indexedObject(requireObjectCoercible(it));
22293
22247
  };
22294
22248
 
22249
+ var documentAll = typeof document == 'object' && document.all;
22250
+
22251
+ // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
22252
+ // eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
22253
+ var IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;
22254
+
22255
+ var documentAll_1 = {
22256
+ all: documentAll,
22257
+ IS_HTMLDDA: IS_HTMLDDA
22258
+ };
22259
+
22260
+ var documentAll$1 = documentAll_1.all;
22261
+
22295
22262
  // `IsCallable` abstract operation
22296
22263
  // https://tc39.es/ecma262/#sec-iscallable
22297
- var isCallable = function (argument) {
22264
+ var isCallable = documentAll_1.IS_HTMLDDA ? function (argument) {
22265
+ return typeof argument == 'function' || argument === documentAll$1;
22266
+ } : function (argument) {
22298
22267
  return typeof argument == 'function';
22299
22268
  };
22300
22269
 
22301
- var isObject = function (it) {
22270
+ var documentAll$2 = documentAll_1.all;
22271
+
22272
+ var isObject = documentAll_1.IS_HTMLDDA ? function (it) {
22273
+ return typeof it == 'object' ? it !== null : isCallable(it) || it === documentAll$2;
22274
+ } : function (it) {
22302
22275
  return typeof it == 'object' ? it !== null : isCallable(it);
22303
22276
  };
22304
22277
 
@@ -22312,7 +22285,7 @@ var getBuiltIn = function (namespace, method) {
22312
22285
 
22313
22286
  var objectIsPrototypeOf = functionUncurryThis({}.isPrototypeOf);
22314
22287
 
22315
- var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
22288
+ var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
22316
22289
 
22317
22290
  var process$1 = global_1.process;
22318
22291
  var Deno = global_1.Deno;
@@ -22339,12 +22312,12 @@ if (!version && engineUserAgent) {
22339
22312
 
22340
22313
  var engineV8Version = version;
22341
22314
 
22342
- /* eslint-disable es-x/no-symbol -- required for testing */
22315
+ /* eslint-disable es/no-symbol -- required for testing */
22343
22316
 
22344
22317
 
22345
22318
 
22346
- // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
22347
- var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
22319
+ // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
22320
+ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails(function () {
22348
22321
  var symbol = Symbol();
22349
22322
  // Chrome 38 Symbol has incorrect toString conversion
22350
22323
  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -22353,10 +22326,10 @@ var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
22353
22326
  !Symbol.sham && engineV8Version && engineV8Version < 41;
22354
22327
  });
22355
22328
 
22356
- /* eslint-disable es-x/no-symbol -- required for testing */
22329
+ /* eslint-disable es/no-symbol -- required for testing */
22357
22330
 
22358
22331
 
22359
- var useSymbolAsUid = nativeSymbol
22332
+ var useSymbolAsUid = symbolConstructorDetection
22360
22333
  && !Symbol.sham
22361
22334
  && typeof Symbol.iterator == 'symbol';
22362
22335
 
@@ -22391,7 +22364,7 @@ var aCallable = function (argument) {
22391
22364
  // https://tc39.es/ecma262/#sec-getmethod
22392
22365
  var getMethod = function (V, P) {
22393
22366
  var func = V[P];
22394
- return func == null ? undefined : aCallable(func);
22367
+ return isNullOrUndefined(func) ? undefined : aCallable(func);
22395
22368
  };
22396
22369
 
22397
22370
  var $TypeError$2 = TypeError;
@@ -22406,7 +22379,7 @@ var ordinaryToPrimitive = function (input, pref) {
22406
22379
  throw $TypeError$2("Can't convert object to primitive value");
22407
22380
  };
22408
22381
 
22409
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22382
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22410
22383
  var defineProperty = Object.defineProperty;
22411
22384
 
22412
22385
  var defineGlobalProperty = function (key, value) {
@@ -22426,10 +22399,10 @@ var shared = createCommonjsModule(function (module) {
22426
22399
  (module.exports = function (key, value) {
22427
22400
  return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
22428
22401
  })('versions', []).push({
22429
- version: '3.24.1',
22402
+ version: '3.29.0',
22430
22403
  mode: 'global',
22431
- copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
22432
- license: 'https://github.com/zloirock/core-js/blob/v3.24.1/LICENSE',
22404
+ copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
22405
+ license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',
22433
22406
  source: 'https://github.com/zloirock/core-js'
22434
22407
  });
22435
22408
  });
@@ -22446,7 +22419,7 @@ var hasOwnProperty = functionUncurryThis({}.hasOwnProperty);
22446
22419
 
22447
22420
  // `HasOwnProperty` abstract operation
22448
22421
  // https://tc39.es/ecma262/#sec-hasownproperty
22449
- // eslint-disable-next-line es-x/no-object-hasown -- safe
22422
+ // eslint-disable-next-line es/no-object-hasown -- safe
22450
22423
  var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
22451
22424
  return hasOwnProperty(toObject(it), key);
22452
22425
  };
@@ -22459,21 +22432,15 @@ var uid = function (key) {
22459
22432
  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
22460
22433
  };
22461
22434
 
22462
- var WellKnownSymbolsStore = shared('wks');
22463
22435
  var Symbol$1 = global_1.Symbol;
22464
- var symbolFor = Symbol$1 && Symbol$1['for'];
22465
- var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
22436
+ var WellKnownSymbolsStore = shared('wks');
22437
+ var createWellKnownSymbol = useSymbolAsUid ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
22466
22438
 
22467
22439
  var wellKnownSymbol = function (name) {
22468
- if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
22469
- var description = 'Symbol.' + name;
22470
- if (nativeSymbol && hasOwnProperty_1(Symbol$1, name)) {
22471
- WellKnownSymbolsStore[name] = Symbol$1[name];
22472
- } else if (useSymbolAsUid && symbolFor) {
22473
- WellKnownSymbolsStore[name] = symbolFor(description);
22474
- } else {
22475
- WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
22476
- }
22440
+ if (!hasOwnProperty_1(WellKnownSymbolsStore, name)) {
22441
+ WellKnownSymbolsStore[name] = symbolConstructorDetection && hasOwnProperty_1(Symbol$1, name)
22442
+ ? Symbol$1[name]
22443
+ : createWellKnownSymbol('Symbol.' + name);
22477
22444
  } return WellKnownSymbolsStore[name];
22478
22445
  };
22479
22446
 
@@ -22513,13 +22480,13 @@ var documentCreateElement = function (it) {
22513
22480
 
22514
22481
  // Thanks to IE8 for its funny defineProperty
22515
22482
  var ie8DomDefine = !descriptors && !fails(function () {
22516
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22483
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22517
22484
  return Object.defineProperty(documentCreateElement('div'), 'a', {
22518
22485
  get: function () { return 7; }
22519
22486
  }).a != 7;
22520
22487
  });
22521
22488
 
22522
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22489
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22523
22490
  var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
22524
22491
 
22525
22492
  // `Object.getOwnPropertyDescriptor` method
@@ -22540,7 +22507,7 @@ var objectGetOwnPropertyDescriptor = {
22540
22507
  // V8 ~ Chrome 36-
22541
22508
  // https://bugs.chromium.org/p/v8/issues/detail?id=3334
22542
22509
  var v8PrototypeDefineBug = descriptors && fails(function () {
22543
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22510
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22544
22511
  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
22545
22512
  value: 42,
22546
22513
  writable: false
@@ -22557,9 +22524,9 @@ var anObject = function (argument) {
22557
22524
  };
22558
22525
 
22559
22526
  var $TypeError$5 = TypeError;
22560
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22527
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22561
22528
  var $defineProperty = Object.defineProperty;
22562
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22529
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22563
22530
  var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
22564
22531
  var ENUMERABLE = 'enumerable';
22565
22532
  var CONFIGURABLE = 'configurable';
@@ -22606,7 +22573,7 @@ var createNonEnumerableProperty = descriptors ? function (object, key, value) {
22606
22573
  };
22607
22574
 
22608
22575
  var FunctionPrototype$1 = Function.prototype;
22609
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22576
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22610
22577
  var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
22611
22578
 
22612
22579
  var EXISTS$1 = hasOwnProperty_1(FunctionPrototype$1, 'name');
@@ -22633,7 +22600,7 @@ var inspectSource = sharedStore.inspectSource;
22633
22600
 
22634
22601
  var WeakMap$1 = global_1.WeakMap;
22635
22602
 
22636
- var nativeWeakMap = isCallable(WeakMap$1) && /native code/.test(inspectSource(WeakMap$1));
22603
+ var weakMapBasicDetection = isCallable(WeakMap$1) && /native code/.test(String(WeakMap$1));
22637
22604
 
22638
22605
  var keys$1 = shared('keys');
22639
22606
 
@@ -22661,28 +22628,30 @@ var getterFor = function (TYPE) {
22661
22628
  };
22662
22629
  };
22663
22630
 
22664
- if (nativeWeakMap || sharedStore.state) {
22631
+ if (weakMapBasicDetection || sharedStore.state) {
22665
22632
  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$2());
22666
- var wmget = functionUncurryThis(store$1.get);
22667
- var wmhas = functionUncurryThis(store$1.has);
22668
- var wmset = functionUncurryThis(store$1.set);
22633
+ /* eslint-disable no-self-assign -- prototype methods protection */
22634
+ store$1.get = store$1.get;
22635
+ store$1.has = store$1.has;
22636
+ store$1.set = store$1.set;
22637
+ /* eslint-enable no-self-assign -- prototype methods protection */
22669
22638
  set = function (it, metadata) {
22670
- if (wmhas(store$1, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
22639
+ if (store$1.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
22671
22640
  metadata.facade = it;
22672
- wmset(store$1, it, metadata);
22641
+ store$1.set(it, metadata);
22673
22642
  return metadata;
22674
22643
  };
22675
22644
  get = function (it) {
22676
- return wmget(store$1, it) || {};
22645
+ return store$1.get(it) || {};
22677
22646
  };
22678
22647
  has = function (it) {
22679
- return wmhas(store$1, it);
22648
+ return store$1.has(it);
22680
22649
  };
22681
22650
  } else {
22682
22651
  var STATE = sharedKey('state');
22683
22652
  hiddenKeys[STATE] = true;
22684
22653
  set = function (it, metadata) {
22685
- if (hasOwnProperty_1(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
22654
+ if (hasOwnProperty_1(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
22686
22655
  metadata.facade = it;
22687
22656
  createNonEnumerableProperty(it, STATE, metadata);
22688
22657
  return metadata;
@@ -22710,8 +22679,12 @@ var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
22710
22679
 
22711
22680
  var enforceInternalState = internalState.enforce;
22712
22681
  var getInternalState = internalState.get;
22713
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22682
+ var $String = String;
22683
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22714
22684
  var defineProperty = Object.defineProperty;
22685
+ var stringSlice = functionUncurryThis(''.slice);
22686
+ var replace = functionUncurryThis(''.replace);
22687
+ var join = functionUncurryThis([].join);
22715
22688
 
22716
22689
  var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
22717
22690
  return defineProperty(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
@@ -22720,8 +22693,8 @@ var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
22720
22693
  var TEMPLATE = String(String).split('String');
22721
22694
 
22722
22695
  var makeBuiltIn = module.exports = function (value, name, options) {
22723
- if (String(name).slice(0, 7) === 'Symbol(') {
22724
- name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
22696
+ if (stringSlice($String(name), 0, 7) === 'Symbol(') {
22697
+ name = '[' + replace($String(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
22725
22698
  }
22726
22699
  if (options && options.getter) name = 'get ' + name;
22727
22700
  if (options && options.setter) name = 'set ' + name;
@@ -22740,7 +22713,7 @@ var makeBuiltIn = module.exports = function (value, name, options) {
22740
22713
  } catch (error) { /* empty */ }
22741
22714
  var state = enforceInternalState(value);
22742
22715
  if (!hasOwnProperty_1(state, 'source')) {
22743
- state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
22716
+ state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
22744
22717
  } return value;
22745
22718
  };
22746
22719
 
@@ -22779,7 +22752,7 @@ var floor = Math.floor;
22779
22752
 
22780
22753
  // `Math.trunc` method
22781
22754
  // https://tc39.es/ecma262/#sec-math.trunc
22782
- // eslint-disable-next-line es-x/no-math-trunc -- safe
22755
+ // eslint-disable-next-line es/no-math-trunc -- safe
22783
22756
  var mathTrunc = Math.trunc || function trunc(x) {
22784
22757
  var n = +x;
22785
22758
  return (n > 0 ? floor : ceil)(n);
@@ -22880,7 +22853,7 @@ var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
22880
22853
 
22881
22854
  // `Object.getOwnPropertyNames` method
22882
22855
  // https://tc39.es/ecma262/#sec-object.getownpropertynames
22883
- // eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
22856
+ // eslint-disable-next-line es/no-object-getownpropertynames -- safe
22884
22857
  var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
22885
22858
  return objectKeysInternal(O, hiddenKeys$1);
22886
22859
  };
@@ -22889,7 +22862,7 @@ var objectGetOwnPropertyNames = {
22889
22862
  f: f$3
22890
22863
  };
22891
22864
 
22892
- // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
22865
+ // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
22893
22866
  var f$4 = Object.getOwnPropertySymbols;
22894
22867
 
22895
22868
  var objectGetOwnPropertySymbols = {
@@ -23033,7 +23006,7 @@ var toString_1 = function (argument) {
23033
23006
  var charAt = functionUncurryThis(''.charAt);
23034
23007
 
23035
23008
  var FORCED = fails(function () {
23036
- // eslint-disable-next-line es-x/no-array-string-prototype-at -- safe
23009
+ // eslint-disable-next-line es/no-array-string-prototype-at -- safe
23037
23010
  return '𠮷'.at(-2) !== '\uD842';
23038
23011
  });
23039
23012
 
@@ -23051,14 +23024,14 @@ _export({ target: 'String', proto: true, forced: FORCED }, {
23051
23024
 
23052
23025
  // `Object.keys` method
23053
23026
  // https://tc39.es/ecma262/#sec-object.keys
23054
- // eslint-disable-next-line es-x/no-object-keys -- safe
23027
+ // eslint-disable-next-line es/no-object-keys -- safe
23055
23028
  var objectKeys = Object.keys || function keys(O) {
23056
23029
  return objectKeysInternal(O, enumBugKeys);
23057
23030
  };
23058
23031
 
23059
23032
  // `Object.defineProperties` method
23060
23033
  // https://tc39.es/ecma262/#sec-object.defineproperties
23061
- // eslint-disable-next-line es-x/no-object-defineproperties -- safe
23034
+ // eslint-disable-next-line es/no-object-defineproperties -- safe
23062
23035
  var f$5 = descriptors && !v8PrototypeDefineBug ? Object.defineProperties : function defineProperties(O, Properties) {
23063
23036
  anObject(O);
23064
23037
  var props = toIndexedObject(Properties);
@@ -23147,7 +23120,7 @@ hiddenKeys[IE_PROTO] = true;
23147
23120
 
23148
23121
  // `Object.create` method
23149
23122
  // https://tc39.es/ecma262/#sec-object.create
23150
- // eslint-disable-next-line es-x/no-object-create -- safe
23123
+ // eslint-disable-next-line es/no-object-create -- safe
23151
23124
  var objectCreate = Object.create || function create(O, Properties) {
23152
23125
  var result;
23153
23126
  if (O !== null) {
@@ -23193,13 +23166,19 @@ _export({ target: 'Array', proto: true }, {
23193
23166
 
23194
23167
  addToUnscopables('at');
23195
23168
 
23196
- // eslint-disable-next-line es-x/no-typed-arrays -- safe
23197
- var arrayBufferNative = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
23169
+ // eslint-disable-next-line es/no-typed-arrays -- safe
23170
+ var arrayBufferBasicDetection = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
23171
+
23172
+ var defineBuiltInAccessor = function (target, name, descriptor) {
23173
+ if (descriptor.get) makeBuiltIn_1(descriptor.get, name, { getter: true });
23174
+ if (descriptor.set) makeBuiltIn_1(descriptor.set, name, { setter: true });
23175
+ return objectDefineProperty.f(target, name, descriptor);
23176
+ };
23198
23177
 
23199
23178
  var correctPrototypeGetter = !fails(function () {
23200
23179
  function F() { /* empty */ }
23201
23180
  F.prototype.constructor = null;
23202
- // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
23181
+ // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
23203
23182
  return Object.getPrototypeOf(new F()) !== F.prototype;
23204
23183
  });
23205
23184
 
@@ -23209,7 +23188,7 @@ var ObjectPrototype = $Object$4.prototype;
23209
23188
 
23210
23189
  // `Object.getPrototypeOf` method
23211
23190
  // https://tc39.es/ecma262/#sec-object.getprototypeof
23212
- // eslint-disable-next-line es-x/no-object-getprototypeof -- safe
23191
+ // eslint-disable-next-line es/no-object-getprototypeof -- safe
23213
23192
  var objectGetPrototypeOf = correctPrototypeGetter ? $Object$4.getPrototypeOf : function (O) {
23214
23193
  var object = toObject(O);
23215
23194
  if (hasOwnProperty_1(object, IE_PROTO$1)) return object[IE_PROTO$1];
@@ -23219,6 +23198,13 @@ var objectGetPrototypeOf = correctPrototypeGetter ? $Object$4.getPrototypeOf : f
23219
23198
  } return object instanceof $Object$4 ? ObjectPrototype : null;
23220
23199
  };
23221
23200
 
23201
+ var functionUncurryThisAccessor = function (object, key, method) {
23202
+ try {
23203
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
23204
+ return functionUncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
23205
+ } catch (error) { /* empty */ }
23206
+ };
23207
+
23222
23208
  var $String$3 = String;
23223
23209
  var $TypeError$6 = TypeError;
23224
23210
 
@@ -23235,14 +23221,13 @@ var aPossiblePrototype = function (argument) {
23235
23221
  // `Object.setPrototypeOf` method
23236
23222
  // https://tc39.es/ecma262/#sec-object.setprototypeof
23237
23223
  // Works with __proto__ only. Old v8 can't work with null proto objects.
23238
- // eslint-disable-next-line es-x/no-object-setprototypeof -- safe
23224
+ // eslint-disable-next-line es/no-object-setprototypeof -- safe
23239
23225
  var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
23240
23226
  var CORRECT_SETTER = false;
23241
23227
  var test = {};
23242
23228
  var setter;
23243
23229
  try {
23244
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
23245
- setter = functionUncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
23230
+ setter = functionUncurryThisAccessor(Object.prototype, '__proto__', 'set');
23246
23231
  setter(test, []);
23247
23232
  CORRECT_SETTER = test instanceof Array;
23248
23233
  } catch (error) { /* empty */ }
@@ -23255,14 +23240,6 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
23255
23240
  };
23256
23241
  }() : undefined);
23257
23242
 
23258
- var defineProperty$2 = objectDefineProperty.f;
23259
-
23260
-
23261
-
23262
-
23263
-
23264
-
23265
-
23266
23243
  var enforceInternalState = internalState.enforce;
23267
23244
  var getInternalState = internalState.get;
23268
23245
  var Int8Array = global_1.Int8Array;
@@ -23278,7 +23255,7 @@ var TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');
23278
23255
  var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
23279
23256
  var TYPED_ARRAY_CONSTRUCTOR = 'TypedArrayConstructor';
23280
23257
  // Fixing native typed arrays in Opera Presto crashes the browser, see #595
23281
- var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferNative && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
23258
+ var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferBasicDetection && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
23282
23259
  var TYPED_ARRAY_TAG_REQUIRED = false;
23283
23260
  var NAME, Constructor, Prototype;
23284
23261
 
@@ -23413,9 +23390,12 @@ if (NATIVE_ARRAY_BUFFER_VIEWS && objectGetPrototypeOf(Uint8ClampedArrayPrototype
23413
23390
 
23414
23391
  if (descriptors && !hasOwnProperty_1(TypedArrayPrototype, TO_STRING_TAG$2)) {
23415
23392
  TYPED_ARRAY_TAG_REQUIRED = true;
23416
- defineProperty$2(TypedArrayPrototype, TO_STRING_TAG$2, { get: function () {
23417
- return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
23418
- } });
23393
+ defineBuiltInAccessor(TypedArrayPrototype, TO_STRING_TAG$2, {
23394
+ configurable: true,
23395
+ get: function () {
23396
+ return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
23397
+ }
23398
+ });
23419
23399
  for (NAME in TypedArrayConstructorsList) if (global_1[NAME]) {
23420
23400
  createNonEnumerableProperty(global_1[NAME], TYPED_ARRAY_TAG, NAME);
23421
23401
  }
@@ -26382,7 +26362,7 @@ var fallbackValues$q = {
26382
26362
  var SpinnerSvgAnimation = styled.svg.withConfig({
26383
26363
  displayName: "Spinner__SpinnerSvgAnimation",
26384
26364
  componentId: "sc-vhupl9-0"
26385
- })(["animation:rotate 2s linear infinite;margin:-25px 0 0 -25px;width:", "px;height:", "px;& .path{stroke:", ";stroke-linecap:round;animation:dash 1.5s ease-in-out infinite;}@keyframes rotate{100%{transform:rotate(360deg);}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}"], function (_ref) {
26365
+ })(["animation:rotate 2s linear infinite;margin:-25px 0 0 -25px;width:", "px;height:", "px;& .path{stroke:", ";stroke-linecap:round;animation:dash 1.5s ease-in-out infinite;}@keyframes rotate{100%{transform:rotate(360deg);}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}", ""], function (_ref) {
26386
26366
  var size = _ref.size;
26387
26367
  return size;
26388
26368
  }, function (_ref2) {
@@ -26391,19 +26371,36 @@ var SpinnerSvgAnimation = styled.svg.withConfig({
26391
26371
  }, function (_ref3) {
26392
26372
  var color = _ref3.color;
26393
26373
  return color;
26374
+ }, function (_ref4) {
26375
+ var centerSpinner = _ref4.centerSpinner;
26376
+ return centerSpinner ? css(["margin:0;"]) : "";
26394
26377
  });
26395
26378
  var SpinnerContainer$2 = styled.div.withConfig({
26396
26379
  displayName: "Spinner__SpinnerContainer",
26397
26380
  componentId: "sc-vhupl9-1"
26398
- })(["width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1;"]);
26381
+ })(["width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1;", ""], function (_ref5) {
26382
+ var centerSpinner = _ref5.centerSpinner,
26383
+ size = _ref5.size;
26384
+ return centerSpinner ? css(["width:", "px;height:", "px;"], size, size) : "";
26385
+ });
26386
+ /*
26387
+ `centerSpinner` prop alters existing styling of spinner to allow it to properly center itself within
26388
+ containers. Default is false to preserve legacy behavior for past uses.
26389
+ */
26399
26390
 
26400
- var Spinner$1 = function Spinner(_ref4) {
26401
- var _ref4$size = _ref4.size,
26402
- size = _ref4$size === void 0 ? "24" : _ref4$size,
26403
- themeValues = _ref4.themeValues;
26404
- return /*#__PURE__*/React.createElement(SpinnerContainer$2, null, /*#__PURE__*/React.createElement(SpinnerSvgAnimation, {
26391
+ var Spinner$1 = function Spinner(_ref6) {
26392
+ var _ref6$size = _ref6.size,
26393
+ size = _ref6$size === void 0 ? "24" : _ref6$size,
26394
+ _ref6$centerSpinner = _ref6.centerSpinner,
26395
+ centerSpinner = _ref6$centerSpinner === void 0 ? false : _ref6$centerSpinner,
26396
+ themeValues = _ref6.themeValues;
26397
+ return /*#__PURE__*/React.createElement(SpinnerContainer$2, {
26398
+ centerSpinner: centerSpinner,
26399
+ size: size
26400
+ }, /*#__PURE__*/React.createElement(SpinnerSvgAnimation, {
26405
26401
  size: size,
26406
- color: themeValues.color
26402
+ color: themeValues.color,
26403
+ centerSpinner: centerSpinner
26407
26404
  }, /*#__PURE__*/React.createElement("circle", {
26408
26405
  className: "path",
26409
26406
  cx: "50",
@@ -40395,7 +40392,9 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40395
40392
  _ref$name = _ref.name,
40396
40393
  name = _ref$name === void 0 ? "" : _ref$name,
40397
40394
  _ref$index = _ref.index,
40398
- index = _ref$index === void 0 ? 1 : _ref$index;
40395
+ index = _ref$index === void 0 ? 1 : _ref$index,
40396
+ _ref$headerEl = _ref.headerEl,
40397
+ headerEl = _ref$headerEl === void 0 ? null : _ref$headerEl;
40399
40398
 
40400
40399
  var handleKeyDown = function handleKeyDown(e) {
40401
40400
  if (e.keyCode === 13) {
@@ -40465,16 +40464,20 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
40465
40464
  align: "center"
40466
40465
  }, customTitle ? /*#__PURE__*/React.createElement(Box, {
40467
40466
  width: "calc(100% - 36px)",
40468
- padding: "0px"
40469
- }, title) : /*#__PURE__*/React.createElement(Title$1, {
40467
+ padding: "0px",
40468
+ id: "cristin"
40469
+ }, headerEl ? headerEl : title) : /*#__PURE__*/React.createElement(Title$1, {
40470
40470
  weight: FONT_WEIGHT_SEMIBOLD,
40471
40471
  color: themeValues.titleColor,
40472
40472
  as: "h6",
40473
- variant: "small"
40474
- }, title), /*#__PURE__*/React.createElement(Motion, {
40473
+ variant: "small",
40474
+ id: "cristin"
40475
+ }, headerEl ? headerEl : title), /*#__PURE__*/React.createElement(Motion, {
40475
40476
  variants: icon,
40476
40477
  extraStyles: "display: flex; align-items: center;"
40477
- }, /*#__PURE__*/React.createElement(ChevronIcon$1, null))))), /*#__PURE__*/React.createElement(AnimatePresence, {
40478
+ }, /*#__PURE__*/React.createElement(ChevronIcon$1, {
40479
+ color: iconColor ? iconColor : null
40480
+ }))))), /*#__PURE__*/React.createElement(AnimatePresence, {
40478
40481
  initial: false
40479
40482
  }, isOpen && /*#__PURE__*/React.createElement(Motion, {
40480
40483
  padding: "0",
@@ -47761,7 +47764,7 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
47761
47764
  },
47762
47765
  text: "Void",
47763
47766
  padding: "0",
47764
- extraStyles: "\n min-width: 65px; \n margin: 0px;\n min-height: 0px;\n ",
47767
+ extraStyles: "\n min-width: 65px;\n margin: 0px;\n min-height: 0px;\n ",
47765
47768
  textExtraStyles: "font-weight: ".concat(FONT_WEIGHT_REGULAR, "; font-size: 14px;")
47766
47769
  })), /*#__PURE__*/React.createElement(Box, {
47767
47770
  padding: "0",
@@ -47789,12 +47792,69 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
47789
47792
  }));
47790
47793
  };
47791
47794
 
47795
+ var LoadingDetails = function LoadingDetails() {
47796
+ return /*#__PURE__*/React.createElement(Box, {
47797
+ padding: "0",
47798
+ background: GRECIAN_GREY,
47799
+ borderRadius: "4px",
47800
+ minHeight: "196px"
47801
+ }, /*#__PURE__*/React.createElement(Cover, {
47802
+ minHeight: "196px",
47803
+ singleChild: true,
47804
+ fillCenter: true
47805
+ }, /*#__PURE__*/React.createElement(Center, {
47806
+ intrinsic: true
47807
+ }, /*#__PURE__*/React.createElement(Box, {
47808
+ padding: "0",
47809
+ extraStyles: "flex-grow: 1; display: flex; justify-content: center; align-items: center;"
47810
+ }, /*#__PURE__*/React.createElement(Spinner$2, {
47811
+ size: "100",
47812
+ centerSpinner: true
47813
+ })))));
47814
+ };
47815
+
47816
+ var ErrorDetails = function ErrorDetails() {
47817
+ return /*#__PURE__*/React.createElement(Box, {
47818
+ padding: "0"
47819
+ }, /*#__PURE__*/React.createElement(Alert$1, {
47820
+ variant: "error",
47821
+ heading: "Error Loading Payment",
47822
+ text: "Please go back and try again.",
47823
+ showQuitLink: false,
47824
+ noBorder: true,
47825
+ enableBoxShadow: true,
47826
+ enableSmallText: true,
47827
+ innerContentPadding: "0 0 0 0.75rem",
47828
+ iconPadding: "0 0 0 0",
47829
+ height: "67px",
47830
+ minHeight: "67px",
47831
+ padding: "0.75rem"
47832
+ }));
47833
+ };
47834
+
47835
+ var getLoadingOrErrorContent = function getLoadingOrErrorContent() {
47836
+ var isLoading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
47837
+ var isError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
47838
+
47839
+ if (isLoading) {
47840
+ return /*#__PURE__*/React.createElement(LoadingDetails, null);
47841
+ } else if (isError) {
47842
+ return /*#__PURE__*/React.createElement(ErrorDetails, null);
47843
+ }
47844
+
47845
+ return /*#__PURE__*/React.createElement(Fragment$1, null);
47846
+ };
47847
+
47792
47848
  var Collapsible = function Collapsible(_ref2) {
47793
47849
  var content = _ref2.content,
47794
47850
  title = _ref2.title,
47795
47851
  supportsTouch = _ref2.supportsTouch,
47796
47852
  isOpen = _ref2.isOpen,
47797
- setIsOpen = _ref2.setIsOpen;
47853
+ setIsOpen = _ref2.setIsOpen,
47854
+ _ref2$isLoading = _ref2.isLoading,
47855
+ isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
47856
+ _ref2$isError = _ref2.isError,
47857
+ isError = _ref2$isError === void 0 ? false : _ref2$isError;
47798
47858
  return /*#__PURE__*/React.createElement(CollapsibleSection$1, {
47799
47859
  isMobile: true,
47800
47860
  supportsTouch: supportsTouch,
@@ -47817,13 +47877,17 @@ var Collapsible = function Collapsible(_ref2) {
47817
47877
  },
47818
47878
  positionTransition: true,
47819
47879
  initial: "closed"
47820
- }, content));
47880
+ }, isLoading || isError ? getLoadingOrErrorContent(isLoading, isError) : content));
47821
47881
  };
47822
47882
 
47823
47883
  var NonCollapsible = function NonCollapsible(_ref3) {
47824
47884
  var title = _ref3.title,
47825
- content = _ref3.content;
47826
- return /*#__PURE__*/React.createElement(Stack, null, title, content);
47885
+ content = _ref3.content,
47886
+ _ref3$isLoading = _ref3.isLoading,
47887
+ isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
47888
+ _ref3$isError = _ref3.isError,
47889
+ isError = _ref3$isError === void 0 ? false : _ref3$isError;
47890
+ return /*#__PURE__*/React.createElement(Stack, null, title, isLoading || isError ? getLoadingOrErrorContent(isLoading, isError) : content);
47827
47891
  };
47828
47892
 
47829
47893
  var PaymentDetails = function PaymentDetails(_ref4) {
@@ -47853,7 +47917,11 @@ var PaymentDetails = function PaymentDetails(_ref4) {
47853
47917
  _ref4$voidableAmountP = _ref4.voidableAmountPaid,
47854
47918
  voidableAmountPaid = _ref4$voidableAmountP === void 0 ? 0 : _ref4$voidableAmountP,
47855
47919
  _ref4$remainingBalanc = _ref4.remainingBalance,
47856
- remainingBalance = _ref4$remainingBalanc === void 0 ? false : _ref4$remainingBalanc;
47920
+ remainingBalance = _ref4$remainingBalanc === void 0 ? false : _ref4$remainingBalanc,
47921
+ _ref4$isLoading = _ref4.isLoading,
47922
+ isLoading = _ref4$isLoading === void 0 ? false : _ref4$isLoading,
47923
+ _ref4$isError = _ref4.isError,
47924
+ isError = _ref4$isError === void 0 ? false : _ref4$isError;
47857
47925
 
47858
47926
  var _useState = useState(initiallyOpen),
47859
47927
  _useState2 = _slicedToArray(_useState, 2),
@@ -47956,10 +48024,14 @@ var PaymentDetails = function PaymentDetails(_ref4) {
47956
48024
  isOpen: isOpen,
47957
48025
  setIsOpen: setIsOpen,
47958
48026
  isMobile: isMobile,
47959
- supportsTouch: supportsTouch
48027
+ supportsTouch: supportsTouch,
48028
+ isLoading: isLoading,
48029
+ isError: isError
47960
48030
  }) : /*#__PURE__*/React.createElement(NonCollapsible, {
47961
48031
  title: title,
47962
- content: content
48032
+ content: content,
48033
+ isLoading: isLoading,
48034
+ isError: isError
47963
48035
  });
47964
48036
  };
47965
48037
 
@@ -48170,59 +48242,6 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
48170
48242
  })))));
48171
48243
  };
48172
48244
 
48173
- /*
48174
-
48175
- A utility function that can generate box-shadow values for components
48176
- Takes a string representing an rgb color value and returns an object
48177
- with values for standard, inset, and overlay shadows.
48178
-
48179
- The objects for standard and inset shadows contain versions approiate
48180
- for base, hover, and active interaction states.
48181
-
48182
- */
48183
-
48184
- /*
48185
- Function to convert string representing rgb color to rgba value with provided opacity
48186
- ("rgb(41, 42, 51)", "0.1") => "rgba(41, 42, 51, 0.1)"
48187
-
48188
- */
48189
- var rgbToRgba = function rgbToRgba() {
48190
- var rgbValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
48191
- var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
48192
-
48193
- if (typeof rgbValue !== "string" || typeof opacity !== "string" || rgbValue.charAt(0) === "#") {
48194
- return "";
48195
- }
48196
-
48197
- return "".concat(rgbValue.slice(0, 3), "a").concat(rgbValue.slice(3, -1), ", ").concat(opacity).concat(rgbValue.slice(-1));
48198
- };
48199
-
48200
- var generateShadows = function generateShadows(baseColorRGB) {
48201
- var colorTen = rgbToRgba(baseColorRGB, "0.1") || "rgba(41, 42, 51, 0.1)";
48202
- var colorTwenty = rgbToRgba(baseColorRGB, "0.2") || "rgba(41, 42, 51, 0.2)";
48203
- var colorTwentyFive = rgbToRgba(baseColorRGB, "0.25") || "rgba(41, 42, 51, 0.25)";
48204
- var colorThirty = rgbToRgba(baseColorRGB, "0.3") || "rgba(41, 42, 51, 0.3)";
48205
- var blackTwentyFive = "rgba(0, 0, 0, 0.25)";
48206
- var standard = {
48207
- base: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 6px 0px ").concat(colorTwenty, ", inset 0px 1px 0px 0px ").concat(colorTen),
48208
- hover: "0px 1px 2px 0px ".concat(colorTwenty, ", 0px 4px 8px 0px ").concat(blackTwentyFive, ", 0px 6px 12px 0px ").concat(colorTen),
48209
- active: "0px 2px 8px 0px ".concat(colorTwenty, ", 0px 4px 8px 0px ").concat(colorThirty, ", 0px 6px 12px 0px ").concat(colorTwentyFive)
48210
- };
48211
- var inset = {
48212
- base: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 4px 0px ").concat(colorTwenty, ", inset 0px 1px 0px 0px ").concat(colorTen),
48213
- hover: "0px 1px 2px 0px ".concat(colorTen, ", 0px 2px 4px 0px ").concat(colorTwentyFive, ", 0px 4px 8px 0px ").concat(colorTen),
48214
- active: "0px 1px 2px 2px ".concat(colorTwenty, ", 0px 3px 6px 0px ").concat(colorThirty, ", 0px 4px 8px 0px ").concat(colorTwenty)
48215
- };
48216
- var overlay = {
48217
- base: "0px 7px 32px 0px ".concat(colorTwenty, ", 0px 1px 4px 0px ").concat(colorTwenty, ", 0px 1px 8px -1px ").concat(colorThirty)
48218
- };
48219
- return {
48220
- standard: standard,
48221
- inset: inset,
48222
- overlay: overlay
48223
- };
48224
- };
48225
-
48226
48245
  /*
48227
48246
  Hook that takes an ID selector for an element on the screen
48228
48247
  And optionally values for top position, left position, smooth behavior
@@ -50023,5 +50042,5 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
50023
50042
 
50024
50043
  var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$R));
50025
50044
 
50026
- export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowUpCircleIconSmall, AutopayOnIcon, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
50045
+ export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowUpCircleIconSmall, AutopayOnIcon, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PointOfSaleImage, Popover$1 as Popover, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$5 as constants, createPartialAmountFormState, index$4 as util, withWindowSize };
50027
50046
  //# sourceMappingURL=index.esm.js.map