@thecb/components 7.13.1-beta.0 → 7.13.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "7.13.1-beta.0",
+  "version": "7.13.2-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/icons/AutopayOnIcon.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { SEA_GREEN } from "../../../constants/colors";
 
-const AutopayOnIcon = () => (
+const AutopayOnIcon = ({ color = SEA_GREEN }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="12"
@@ -11,7 +11,7 @@ const AutopayOnIcon = () => (
     <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
       <path
         className="autopayIcon"
-        fill={SEA_GREEN}
+        fill={color}
         fillRule="nonzero"
         d="M1.898 5.75c.079 0 .141-.02.188-.059a.281.281 0 00.094-.152 3.825 3.825 0 011.394-2.144A3.838 3.838 0 016 2.563c.5 0 .98.09 1.441.27.461.179.88.44 1.254.784l-.984.985A.542.542 0 007.547 5c0 .156.055.29.164.398.11.11.242.165.398.165h3.141c.156 0 .289-.055.398-.165A.542.542 0 0011.812 5V1.86a.542.542 0 00-.164-.399.542.542 0 00-.398-.164.542.542 0 00-.398.164l-.844.844A5.699 5.699 0 006 .688c-.938 0-1.809.207-2.613.62-.805.415-1.48.981-2.028 1.7A5.726 5.726 0 00.281 5.422a.265.265 0 00.059.223c.055.07.129.105.222.105h1.336zM6 12.312c.937 0 1.809-.207 2.613-.62a5.919 5.919 0 002.028-1.7 5.726 5.726 0 001.078-2.414.265.265 0 00-.059-.223.267.267 0 00-.223-.105h-1.335c-.079 0-.141.02-.188.059a.281.281 0 00-.094.152 3.825 3.825 0 01-1.394 2.144c-.711.555-1.52.833-2.426.833-.5 0-.98-.09-1.441-.27a3.985 3.985 0 01-1.254-.785l.984-.985A.542.542 0 004.453 8a.542.542 0 00-.164-.398.542.542 0 00-.398-.164H.75a.542.542 0 00-.398.164A.542.542 0 00.187 8v3.14c0 .157.055.29.165.4.109.108.242.163.398.163.156 0 .29-.055.398-.164l.844-.844A5.699 5.699 0 006 12.312z"
       ></path>

package/src/components/atoms/icons/GenericErrorIcon.js

@@ -0,0 +1,131 @@
+import React from "react";
+
+const GenericErrorIcon = () => (
+  <svg
+    width="474"
+    height="308"
+    viewBox="0 0 474 308"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M101 99H355V73H101V99Z"
+      fill="#CACED8"
+    />
+    <path
+      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"
+      fill="#292A33"
+    />
+    <path
+      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"
+      fill="#292A33"
+    />
+    <path
+      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"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M352 102H104V96H352V102Z"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#CACED8"
+      stroke="#292A33"
+      strokeWidth="3"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#CACED8"
+      stroke="#292A33"
+      strokeWidth="3"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#F6F6F9"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#F6F6F9"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="#3B5BDB"
+      fillOpacity="0.2"
+    />
+  </svg>
+);
+
+export default GenericErrorIcon;

package/src/components/atoms/icons/KioskImage.d.ts

@@ -0,0 +1 @@
+export const KioskImage: JSX.Element;

package/src/components/atoms/icons/KioskImage.js

@@ -0,0 +1,380 @@
+import React from "react";
+
+const KioskImage = () => (
+  <svg
+    width={191}
+    height={96}
+    viewBox="0 0 191 96"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.4433 28.1096C12.4164 28.11 12.3894 28.1102 12.3624 28.1102C9.63896 28.1102 7.43115 25.9085 7.43115 23.1926C7.43115 20.4766 9.63896 18.2749 12.3624 18.2749C13.4748 18.2749 14.5012 18.6422 15.3263 19.2619C16.1831 16.4509 18.8028 14.4053 21.9017 14.4053C25.4863 14.4053 28.4299 17.1426 28.7452 20.6355C29.4629 20.0662 30.3716 19.726 31.3599 19.726C33.6816 19.726 35.5636 21.6029 35.5636 23.9181C35.5636 26.2334 33.6816 28.1102 31.3599 28.1102C31.3058 28.1102 31.2519 28.1092 31.1983 28.1072V28.1105H12.4433V28.1096Z"
+      fill="#3B5BDB"
+      fillOpacity={0.3}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17.077 59.7212C17.0639 59.7214 17.0507 59.7215 17.0375 59.7215C15.7078 59.7215 14.6299 58.6466 14.6299 57.3205C14.6299 55.9945 15.7078 54.9196 17.0375 54.9196C17.5806 54.9196 18.0817 55.0989 18.4845 55.4014C18.9029 54.029 20.1819 53.0303 21.6949 53.0303C23.4451 53.0303 24.8824 54.3669 25.0362 56.0724C25.3866 55.7944 25.8302 55.6283 26.3128 55.6283C27.4463 55.6283 28.3652 56.5447 28.3652 57.6751C28.3652 58.8054 27.4463 59.7218 26.3128 59.7218C26.2864 59.7218 26.26 59.7213 26.2339 59.7203V59.7217H17.077V59.7212Z"
+      fill="#3B5BDB"
+      fillOpacity={0.3}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M51.8554 45.6714C51.8755 45.6718 51.8958 45.6719 51.916 45.6719C53.9561 45.6719 55.6099 43.9769 55.6099 41.886C55.6099 39.7952 53.9561 38.1002 51.916 38.1002C51.0827 38.1002 50.3139 38.383 49.6959 38.86C49.0541 36.6959 47.0917 35.1211 44.7705 35.1211C42.0852 35.1211 39.8802 37.2286 39.6442 39.9179C39.1066 39.4796 38.4259 39.2177 37.6855 39.2177C35.9465 39.2177 34.5367 40.6626 34.5367 42.445C34.5367 44.2274 35.9465 45.6723 37.6855 45.6723C37.7261 45.6723 37.7665 45.6715 37.8066 45.67V45.6721H51.8554V45.6714Z"
+      fill="#3B5BDB"
+      fillOpacity={0.3}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M150.742 16.4655C150.66 16.4725 150.577 16.476 150.493 16.476C148.894 16.476 147.597 15.183 147.597 13.588C147.597 11.993 148.894 10.7 150.493 10.7C150.688 10.7 150.878 10.7192 151.062 10.7558C151.584 8.82245 153.354 7.39941 155.457 7.39941C157.417 7.39941 159.087 8.63418 159.728 10.366C159.937 10.263 160.173 10.2052 160.422 10.2052C161.008 10.2052 161.518 10.5242 161.789 10.9973C162.175 10.807 162.61 10.7 163.07 10.7C164.669 10.7 165.966 11.993 165.966 13.588C165.966 15.183 164.669 16.476 163.07 16.476C163.042 16.476 163.015 16.4756 162.987 16.4748V16.476H150.742V16.4655Z"
+      fill="#3B5BDB"
+      fillOpacity={0.3}
+    />
+    <path
+      d="M115.317 86.6337C115.317 88.8967 104.441 90.7313 91.0246 90.7313C77.6081 90.7313 66.7319 88.8967 66.7319 86.6337C66.7319 84.3707 77.6081 82.5361 91.0246 82.5361C104.441 82.5361 115.317 84.3707 115.317 86.6337Z"
+      fill="#3B5BDB"
+      fillOpacity={0.3}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M67.656 5.85669C66.0341 5.85669 64.3904 5.64884 64.3904 8.59922V75.4381C64.3904 78.3885 65.9995 78.4389 67.6214 78.4389H115.307C116.929 78.4389 118.244 78.3885 118.244 75.4381L118.209 8.85746C118.209 5.90708 116.271 5.85669 114.649 5.85669H67.656Z"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M118.209 8.85746C118.209 5.90708 116.271 5.85669 114.649 5.85669H67.656C67.5556 5.85669 67.455 5.85589 67.3548 5.85509C65.8368 5.84305 64.3904 5.83158 64.3904 8.59922V75.4381C64.3904 78.3885 65.9995 78.4389 67.6214 78.4389H115.307C116.929 78.4389 118.244 78.3885 118.244 75.4381L118.209 8.85746ZM115.903 75.4381L115.868 8.85746C115.868 8.55226 115.836 8.36846 115.811 8.27076C115.764 8.25927 115.696 8.24597 115.602 8.23432C115.354 8.20357 115.063 8.19815 114.649 8.19815H67.656C67.5462 8.19815 67.4378 8.19729 67.3401 8.19651L67.3335 8.19646C67.2309 8.19565 67.1397 8.19495 67.051 8.19498C66.9336 8.19503 66.8349 8.19644 66.7493 8.19961C66.7392 8.30204 66.7318 8.43357 66.7318 8.59922V75.4381C66.7318 75.7386 66.7553 75.9409 66.7793 76.0687C66.9759 76.092 67.2256 76.0974 67.6214 76.0974H115.307C115.552 76.0974 115.729 76.0952 115.866 76.0889C115.886 75.9395 115.903 75.7279 115.903 75.4381Z"
+      fill="#292A33"
+    />
+    <path
+      d="M70.8725 12.8778C70.8727 12.5547 71.1347 12.293 71.4578 12.293H105.366C105.689 12.293 105.951 12.555 105.951 12.8783V63.8052C105.951 64.1285 105.689 64.3905 105.366 64.3905H71.4152C71.0917 64.3905 70.8296 64.1282 70.8298 63.8047L70.8725 12.8778Z"
+      fill="#EBEFFB"
+    />
+    <rect
+      x={162.573}
+      y={70.0283}
+      width={12.5769}
+      height={2.64072}
+      rx={1.32036}
+      fill="#292A33"
+    />
+    <path
+      d="M117.073 70.2441H157.463C158.11 70.2441 158.634 70.7683 158.634 71.4149V71.4149C158.634 72.0614 158.11 72.5856 157.463 72.5856H117.073V70.2441Z"
+      fill="#292A33"
+    />
+    <path
+      d="M28.6829 71.4149C28.6829 70.7683 29.207 70.2441 29.8536 70.2441H66.1463V72.5856H29.8536C29.207 72.5856 28.6829 72.0614 28.6829 71.4149V71.4149Z"
+      fill="#292A33"
+    />
+    <rect
+      x={17.4429}
+      y={70.0283}
+      width={8.10877}
+      height={2.64072}
+      rx={1.32036}
+      fill="#292A33"
+    />
+    <rect
+      x={93.0732}
+      y={70.2441}
+      width={8.10877}
+      height={2.64072}
+      rx={1.32036}
+      fill="#292A33"
+    />
+    <rect
+      x={112.689}
+      y={56.1953}
+      width={8.10877}
+      height={2.64072}
+      rx={1.32036}
+      transform="rotate(90 112.689 56.1953)"
+      fill="#292A33"
+    />
+    <rect
+      x={104.781}
+      y={70.2441}
+      width={8.10877}
+      height={2.64072}
+      rx={1.32036}
+      fill="#292A33"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M96.4624 31.5838C95.8425 31.5838 95.2796 32.0356 95.1249 32.7055C95.0174 33.1711 94.5519 33.4615 94.0853 33.3542C93.6187 33.2469 93.3276 32.7825 93.4352 32.3169C93.7555 30.9299 94.9667 29.8535 96.4624 29.8535C97.9582 29.8535 99.1694 30.9299 99.4897 32.3169C99.5972 32.7825 99.3062 33.2469 98.8396 33.3542C98.3729 33.4615 97.9075 33.1711 97.8 32.7055C97.6452 32.0356 97.0824 31.5838 96.4624 31.5838Z"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M80.3179 31.5838C79.6979 31.5838 79.1351 32.0356 78.9804 32.7055C78.8728 33.1711 78.4074 33.4615 77.9408 33.3542C77.4742 33.2469 77.1831 32.7825 77.2907 32.3169C77.611 30.9299 78.8221 29.8535 80.3179 29.8535C81.8137 29.8535 83.0248 30.9299 83.3452 32.3169C83.4527 32.7825 83.1616 33.2469 82.695 33.3542C82.2284 33.4615 81.763 33.1711 81.6554 32.7055C81.5007 32.0356 80.9379 31.5838 80.3179 31.5838Z"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M82.8702 42.6553C83.349 42.6553 83.7372 43.0426 83.7372 43.5204C83.7372 44.2447 84.3256 44.8319 85.0514 44.8319H91.7293C92.4551 44.8319 93.0435 44.2447 93.0435 43.5204C93.0435 43.0426 93.4317 42.6553 93.9105 42.6553C94.3894 42.6553 94.7775 43.0426 94.7775 43.5204C94.7775 45.2003 93.4128 46.5622 91.7293 46.5622H85.0514C83.3679 46.5622 82.0032 45.2003 82.0032 43.5204C82.0032 43.0426 82.3914 42.6553 82.8702 42.6553Z"
+      fill="#3B5BDB"
+    />
+    <g filter="url(#filter0_d_4997_39198)">
+      <path
+        d="M118.244 20.1895H151.308C153.794 20.1895 155.809 22.2045 155.809 24.6903V24.9302C155.809 27.416 153.794 29.4311 151.308 29.4311H118.244V20.1895Z"
+        fill="white"
+      />
+      <rect
+        x={144.722}
+        y={23.8203}
+        width={7.44683}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <rect
+        x={137.606}
+        y={23.8203}
+        width={4.4681}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <rect
+        x={124.367}
+        y={23.8203}
+        width={10.5911}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <path
+        d="M118.244 23.8203H120.729C121.276 23.8203 121.719 24.2637 121.719 24.8106V24.8106C121.719 25.3575 121.276 25.8009 120.729 25.8009H118.244V23.8203Z"
+        fill="#959CA8"
+      />
+    </g>
+    <g filter="url(#filter1_d_4997_39198)">
+      <rect
+        x={125.836}
+        y={28.1113}
+        width={53.2862}
+        height={9.2416}
+        rx={4.5008}
+        fill="white"
+      />
+      <rect
+        x={164.229}
+        y={31.7422}
+        width={11.253}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <rect
+        x={147.68}
+        y={31.7422}
+        width={13.9008}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <rect
+        x={140.233}
+        y={31.7422}
+        width={4.79907}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+      <rect
+        x={129.477}
+        y={31.7422}
+        width={8.10877}
+        height={1.98054}
+        rx={0.990269}
+        fill="#959CA8"
+      />
+    </g>
+    <path
+      d="M118.244 57.6594V60.7877L126.495 65.2624C127.195 65.6421 128.062 65.5138 128.622 64.9478L139.261 54.1865H135.62L127.589 62.5156C127.446 62.6637 127.22 62.6953 127.042 62.5919L118.244 57.6594Z"
+      fill="#3B5BDB"
+    />
+    <path
+      d="M131.708 52.8663C131.708 52.137 132.3 51.5459 133.031 51.5459H143.954C144.685 51.5459 145.277 52.137 145.277 52.8663V52.8663C145.277 53.5955 144.685 54.1866 143.954 54.1866H133.031C132.3 54.1866 131.708 53.5955 131.708 52.8663V52.8663Z"
+      fill="#3B5BDB"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M83.3283 63.4473C84.1249 63.5441 84.692 64.267 84.595 65.0618C84.5327 65.5717 84.5006 66.0914 84.5006 66.6193C84.5006 68.5554 84.9326 70.3868 85.7044 72.0265C86.0456 72.7512 85.7333 73.6147 85.007 73.9551C84.2807 74.2955 83.4154 73.984 83.0742 73.2592C82.1247 71.2419 81.5947 68.9903 81.5947 66.6193C81.5947 65.974 81.634 65.3372 81.7104 64.7112C81.8074 63.9164 82.5318 63.3505 83.3283 63.4473Z"
+      fill="#3B5BDB"
+    />
+    <path
+      d="M64.683 55.0245V58.244L63.1895 58.9406C69.4503 61.6998 83.3787 67.841 83.3787 67.841V70.8672L60.092 60.5667C58.8353 60.0108 58.7888 58.1134 60.0167 57.4871L64.683 55.0245Z"
+      fill="#3B5BDB"
+    />
+    <g filter="url(#filter2_d_4997_39198)">
+      <rect
+        x={128.195}
+        y={30.5869}
+        width={18.5343}
+        height={18.4832}
+        rx={8.439}
+        fill="#3B5BDB"
+      />
+    </g>
+    <path
+      d="M138.41 45.0735V44.0862C139.872 43.8932 140.787 43.0549 140.787 41.8526C140.787 40.6557 140.19 39.7843 138.75 39.4369L137.474 39.1225C136.614 38.8964 136.362 38.6647 136.362 38.2015C136.362 37.6223 136.899 37.2252 137.77 37.2252C138.613 37.2252 138.93 37.6554 139.029 38.3614L140.644 38.3338C140.661 37.1922 139.823 36.2435 138.443 36.0009V34.9033H137.058V35.9953C135.645 36.2104 134.637 37.0874 134.648 38.389C134.665 39.6134 135.442 40.3248 136.652 40.573L137.95 40.8543C138.722 41.0308 139.089 41.2735 139.089 41.8636C139.089 42.4317 138.525 42.8563 137.737 42.8563C136.861 42.8563 136.247 42.4703 136.078 41.7423L134.413 41.7753C134.561 43.1707 135.53 43.9208 137.03 44.0918V45.0735H138.41Z"
+      fill="white"
+    />
+    <mask
+      id="mask0_4997_39198"
+      style={{
+        maskType: "luminance"
+      }}
+      maskUnits="userSpaceOnUse"
+      x={134}
+      y={34}
+      width={7}
+      height={12}
+    >
+      <path
+        d="M138.41 45.0735V44.0862C139.872 43.8932 140.787 43.0549 140.787 41.8526C140.787 40.6557 140.19 39.7843 138.75 39.4369L137.474 39.1225C136.614 38.8964 136.362 38.6647 136.362 38.2015C136.362 37.6223 136.899 37.2252 137.77 37.2252C138.613 37.2252 138.93 37.6554 139.029 38.3614L140.644 38.3338C140.661 37.1922 139.823 36.2435 138.443 36.0009V34.9033H137.058V35.9953C135.645 36.2104 134.637 37.0874 134.648 38.389C134.665 39.6134 135.442 40.3248 136.652 40.573L137.95 40.8543C138.722 41.0308 139.089 41.2735 139.089 41.8636C139.089 42.4317 138.525 42.8563 137.737 42.8563C136.861 42.8563 136.247 42.4703 136.078 41.7423L134.413 41.7753C134.561 43.1707 135.53 43.9208 137.03 44.0918V45.0735H138.41Z"
+        fill="white"
+      />
+    </mask>
+    <g mask="url(#mask0_4997_39198)">
+      <rect
+        x={129.951}
+        y={32.2012}
+        width={15.2974}
+        height={15.2552}
+        fill="white"
+      />
+    </g>
+    <path
+      d="M73.1709 76.0977H108.878V86.0489C108.878 86.6955 108.354 87.2196 107.707 87.2196H74.3416C73.6951 87.2196 73.1709 86.6955 73.1709 86.0489V76.0977Z"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M106.537 78.4391H75.5124V84.8781H106.537V78.4391ZM73.1709 76.0977V86.0489C73.1709 86.6955 73.6951 87.2196 74.3416 87.2196H107.707C108.354 87.2196 108.878 86.6955 108.878 86.0489V76.0977H73.1709Z"
+      fill="#292A33"
+    />
+    <defs>
+      <filter
+        id="filter0_d_4997_39198"
+        x={107.093}
+        y={9.03814}
+        width={59.8678}
+        height={31.5438}
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={5.57566} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_4997_39198"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_4997_39198"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="filter1_d_4997_39198"
+        x={114.685}
+        y={16.96}
+        width={75.5888}
+        height={31.5438}
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={5.57566} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_4997_39198"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_4997_39198"
+          result="shape"
+        />
+      </filter>
+      <filter
+        id="filter2_d_4997_39198"
+        x={113.195}
+        y={15.5869}
+        width={48.5344}
+        height={48.4834}
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          result="hardAlpha"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={7.5} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0.0823529 0 0 0 0 0.454902 0 0 0 0 0.615686 0 0 0 0.2 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_4997_39198"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_dropShadow_4997_39198"
+          result="shape"
+        />
+      </filter>
+    </defs>
+  </svg>
+);
+
+export default KioskImage;

package/src/components/atoms/icons/PointOfSaleImage.d.ts

@@ -0,0 +1 @@
+export const PointOfSaleImage: JSX.Element;