npm - @tap-payments/os-micro-frontend-shared - Versions diffs - 0.0.1 - Mend

@tap-payments/os-micro-frontend-shared 0.0.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.

Files changed (1645) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2025 Tap Payments
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,12 @@
+# os-micro-frontend-shared
+## Publishing Workflow
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/assets/svg/noInternet.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4838_500791)">
+<path d="M12.6359 1.34444L12.6359 1.34444L1.84425 12.1361L1.84324 12.1371L1.84323 12.1371C1.80796 12.171 1.7798 12.2115 1.76041 12.2564C1.74101 12.3013 1.73076 12.3496 1.73026 12.3985C1.72977 12.4474 1.73903 12.4959 1.75751 12.5411C1.77599 12.5864 1.80332 12.6275 1.8379 12.6621C1.87247 12.6967 1.9136 12.724 1.95886 12.7425C2.00413 12.761 2.05263 12.7702 2.10153 12.7697C2.15042 12.7693 2.19872 12.759 2.2436 12.7396C2.28849 12.7202 2.32905 12.692 2.36291 12.6568L2.3639 12.6558L2.36391 12.6558L6.87107 8.1486L6.88649 8.13318L6.90794 8.12925C7.83177 7.95978 8.82148 8.22837 9.53582 8.94271C9.60683 9.01372 9.70218 9.05038 9.79508 9.05038C9.88808 9.05038 9.98396 9.01366 10.0549 8.94271L10.0553 8.94229C10.1993 8.80078 10.1999 8.5686 10.0549 8.42362C9.42924 7.79795 8.63373 7.44893 7.81425 7.36712L7.66723 7.35244L7.7717 7.24797L9.21295 5.80672L9.24408 5.77559L9.28562 5.79017C10.0624 6.06276 10.7767 6.50589 11.3758 7.10498C11.4471 7.17626 11.5402 7.21322 11.6357 7.21322C11.7275 7.21322 11.8209 7.17675 11.8957 7.10478C12.0374 6.95995 12.0372 6.72746 11.8952 6.58281C11.3154 6.00304 10.6422 5.55399 9.91133 5.24449L9.81569 5.20398L9.88914 5.13053L11.1806 3.83911L11.217 3.80262L11.2627 3.82668C11.9646 4.19662 12.6233 4.67474 13.2136 5.26497C13.2845 5.33592 13.3804 5.37265 13.4734 5.37265C13.569 5.37265 13.6615 5.33616 13.7326 5.26497C13.8776 5.11999 13.877 4.88724 13.7331 4.74574L13.7325 4.74522C13.1559 4.16612 12.5156 3.69094 11.8371 3.30814L11.7568 3.26285L11.822 3.19767L13.1556 1.8641L13.1562 1.86344C13.2093 1.81181 13.2454 1.74537 13.2601 1.67282C13.2747 1.60028 13.2671 1.525 13.2383 1.45685C13.2094 1.3887 13.1606 1.33084 13.0984 1.29086C13.0361 1.25088 12.9632 1.23062 12.8892 1.23275L12.6359 1.34444ZM12.6359 1.34444L12.6366 1.34377M12.6359 1.34444L12.6366 1.34377M12.6366 1.34377C12.7032 1.27535 12.7938 1.23554 12.8892 1.23275L12.6366 1.34377ZM1.15567 4.74574L1.1561 4.74532C2.82333 3.07809 4.99232 2.21114 7.18124 2.14706C8.13805 2.11905 9.09854 2.24422 10.0224 2.52326L9.42386 3.12232C6.7366 2.45348 3.77167 3.16849 1.67518 5.26497L1.67477 5.2654C1.53326 5.40934 1.30108 5.40996 1.1561 5.26497C1.01112 5.11999 1.01173 4.88724 1.15567 4.74574ZM2.99668 6.58304C4.18518 5.39454 5.76276 4.74246 7.44465 4.74246C7.56138 4.74246 7.67793 4.74531 7.7943 4.7519L7.05489 5.49131C5.71805 5.58262 4.47253 6.1454 3.51594 7.10481C3.37084 7.24718 3.13819 7.2465 2.99668 7.10498C2.85193 6.96023 2.85193 6.72779 2.99668 6.58304ZM6.72445 10.308C6.93012 10.1023 7.20906 9.98677 7.49991 9.98677C7.79077 9.98677 8.06971 10.1023 8.27537 10.308C8.48104 10.5136 8.59658 10.7926 8.59658 11.0834C8.59658 11.3743 8.48104 11.6532 8.27537 11.8589C8.06971 12.0646 7.79077 12.1801 7.49991 12.1801C7.20906 12.1801 6.93012 12.0646 6.72445 11.8589C6.51879 11.6532 6.40325 11.3743 6.40325 11.0834C6.40325 10.7926 6.51879 10.5136 6.72445 10.308Z" fill="#20232B" stroke="#20232B" stroke-width="0.14"/>
+</g>
+<defs>
+<clipPath id="clip0_4838_500791">
+<rect width="14" height="14" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/build/assets/svg/tapLogo.svg ADDED Viewed

@@ -0,0 +1,14 @@
+<svg width="161" height="68" viewBox="0 0 161 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_459_2)">
+<path d="M75.7471 4.6864H70.7246V14.7313H70.7129V19.0151H70.7246V38.7024C70.7246 40.6215 70.7911 42.138 70.9239 43.2559C71.0568 44.3737 71.3813 45.4759 71.8933 46.5703C73.0307 48.8255 74.9615 50.2795 77.6857 50.9401C80.41 51.6006 83.4547 51.5811 86.8278 50.8893V46.5039C84.0371 46.9494 81.8092 47.0081 80.1481 46.6719C78.487 46.3358 77.2636 45.4564 76.4819 44.0259C76.1262 43.4005 75.9073 42.7048 75.8292 41.9348C75.751 41.1648 75.7236 40.0548 75.7471 38.6047V19.019H86.8278V14.7353C86.8278 14.7353 79.5004 14.8504 75.7471 14.8504C74.8732 14.8504 74.8456 14.8504 74.4439 14.8504C74.0918 14.8504 73.4898 14.8981 73.4898 14.755C73.4898 14.0872 75.7471 14.5642 75.7471 13.7055C75.7471 12.8469 75.7471 4.6864 75.7471 4.6864Z" fill="#1F222A"/>
+<path d="M121.015 24.2875C120.859 23.0485 120.57 21.9267 120.143 20.9222C119.182 18.6006 117.556 16.8222 115.254 15.5832C112.956 14.3442 110.142 13.7266 106.815 13.7266C102.84 13.7266 99.6002 14.6139 97.0909 16.3883C94.5816 18.1628 92.901 20.6799 92.0528 23.9396L96.9424 25.378C97.5912 23.0133 98.756 21.2662 100.441 20.1366C102.125 19.011 104.216 18.4442 106.718 18.4442C109.082 18.4442 110.974 18.8195 112.393 19.566C113.812 20.3125 114.824 21.4538 115.438 22.982C115.981 24.3344 116.262 26.019 116.294 28.0436C115.832 28.1061 115.363 28.1648 114.886 28.2234C111.115 28.7159 108.133 29.1224 105.948 29.4468C103.759 29.7712 101.73 30.1659 99.8543 30.635C96.9737 31.3932 94.7263 32.6322 93.1081 34.352C91.49 36.0717 90.6809 38.3465 90.6809 41.1802C90.6809 43.1462 91.1499 44.9402 92.088 46.5701C93.026 48.2 94.4253 49.4937 96.2897 50.4552C98.154 51.4128 100.401 51.8935 103.036 51.8935C105.424 51.8935 107.593 51.5378 109.547 50.8226C111.502 50.1073 113.19 49.0442 114.621 47.6254C115.43 46.8241 116.141 45.9174 116.763 44.909L117.562 43.4566C118.664 43.7108 116.763 45.0942 116.763 48.1315C116.763 51.1688 116.763 50.889 116.763 50.889H121.25V28.4579C121.25 26.9179 121.171 25.5265 121.015 24.2914V24.2875ZM116.161 35.3526C116.094 36.3571 115.961 37.2951 115.758 38.1667C115.422 39.9959 114.73 41.6219 113.683 43.0368C112.635 44.4556 111.248 45.5578 109.532 46.3512C107.812 47.1446 105.85 47.5394 103.638 47.5394C101.809 47.5394 100.3 47.2384 99.1194 46.6365C97.9352 46.0346 97.0714 45.2529 96.5242 44.2914C95.977 43.3338 95.7034 42.2941 95.7034 41.1763C95.7034 39.3901 96.2818 37.9908 97.4427 36.9746C98.6035 35.9584 100.089 35.1962 101.895 34.6803C103.614 34.2113 105.561 33.8204 107.738 33.5077C109.915 33.1951 112.62 32.8511 115.856 32.4681L116.254 32.4173C116.247 33.5117 116.215 34.4966 116.157 35.3487L116.161 35.3526Z" fill="#1F222A"/>
+<path d="M158.684 23.0171C157.402 20.1287 155.558 17.8578 153.162 16.2045C150.762 14.5512 147.944 13.7265 144.707 13.7265C141.471 13.7265 138.575 14.5434 136.218 16.1693C132.751 18.6186 132.737 20.5745 132.117 20.5745C131.497 20.5745 132.759 19.0479 132.759 17.8553C132.751 17.2352 132.751 14.731 132.751 14.731H128.233V67.2227H133.287V49.1489C133.287 46.716 132.092 46.0005 132.689 45.8097C133.287 45.6189 134.014 47.8555 136.183 49.3998C138.516 51.0609 141.299 51.8934 144.535 51.8934C147.772 51.8934 150.699 51.0687 153.122 49.4154C155.546 47.7621 157.398 45.4873 158.68 42.5872C159.962 39.687 160.607 36.4156 160.607 32.7767C160.607 29.1379 159.966 25.9094 158.68 23.0171H158.684ZM153.982 40.2108C153.134 42.3996 151.868 44.1154 150.183 45.3661C148.499 46.6169 146.439 47.2422 144.008 47.2422C141.577 47.2422 139.482 46.6286 137.797 45.4013C136.113 44.174 134.85 42.4699 134.014 40.2968C133.177 38.1197 132.759 35.6143 132.759 32.7806C132.759 29.9469 133.173 27.3908 133.998 25.2489C134.823 23.107 136.073 21.4263 137.746 20.2108C139.419 18.9952 141.475 18.3855 143.906 18.3855C146.337 18.3855 148.503 19.003 150.199 20.242C151.895 21.481 153.162 23.1891 153.998 25.3661C154.834 27.5432 155.253 30.0134 155.253 32.7806C155.253 35.5479 154.827 38.0259 153.982 40.2147V40.2108Z" fill="#1F222A"/>
+<path d="M27.7194 4.68656C40.6489 4.68656 51.1707 15.2083 51.1707 28.1378C51.1707 41.0672 40.6489 51.589 27.7194 51.589C14.79 51.589 4.26816 41.0672 4.26816 28.1378C4.26816 15.2083 14.79 4.68656 27.7194 4.68656ZM27.7194 0.778015C12.609 0.778015 0.359619 13.0274 0.359619 28.1378C0.359619 43.2482 12.609 55.4976 27.7194 55.4976C42.8298 55.4976 55.0792 43.2482 55.0792 28.1378C55.0792 13.0274 42.8298 0.778015 27.7194 0.778015Z" fill="#1F222A"/>
+<path d="M27.719 12.5033C36.3412 12.5033 43.3531 19.5152 43.3531 28.1375C43.3531 36.7597 36.3412 43.7717 27.719 43.7717C19.0967 43.7717 12.0848 36.7597 12.0848 28.1375C12.0848 19.5152 19.0967 12.5033 27.719 12.5033ZM27.719 8.59479C16.9275 8.59479 8.17627 17.346 8.17627 28.1375C8.17627 38.929 16.9275 47.6802 27.719 47.6802C38.5104 47.6802 47.2617 38.929 47.2617 28.1375C47.2617 17.346 38.5104 8.59479 27.719 8.59479Z" fill="#1F222A"/>
+</g>
+<defs>
+<clipPath id="clip0_459_2">
+<rect width="160.25" height="66.4452" fill="white" transform="translate(0.359619 0.777405)"/>
+</clipPath>
+</defs>
+</svg>

package/build/assets/svg/tapLogo2.svg ADDED Viewed

@@ -0,0 +1,19 @@
+<svg width="136" height="57" viewBox="0 0 136 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5275_627767)">
+<g clip-path="url(#clip1_5275_627767)">
+<path d="M63.8867 3.85205H59.6875V12.2503H59.6777V15.8318H59.6875V32.2917C59.6875 33.8962 59.7431 35.1641 59.8542 36.0987C59.9653 37.0332 60.2365 37.9548 60.6646 38.8697C61.6155 40.7553 63.2298 41.9709 65.5075 42.5231C67.7851 43.0754 70.3307 43.0591 73.1509 42.4807V38.8142C70.8176 39.1867 68.955 39.2357 67.5662 38.9547C66.1774 38.6737 65.1546 37.9384 64.501 36.7424C64.2036 36.2196 64.0206 35.6379 63.9553 34.9941C63.8899 34.3504 63.867 33.4223 63.8867 32.21V15.8351H73.1509V12.2536H63.8867V3.85205Z" fill="white"/>
+<path d="M101.734 20.24C101.604 19.2041 101.362 18.2662 101.006 17.4264C100.202 15.4853 98.8424 13.9985 96.9177 12.9626C94.9962 11.9267 92.6434 11.4104 89.8625 11.4104C86.5392 11.4104 83.8302 12.1522 81.7322 13.6358C79.6343 15.1193 78.2292 17.2238 77.52 19.9492L81.6081 21.1517C82.1505 19.1747 83.1243 17.714 84.5327 16.7696C85.9412 15.8285 87.6894 15.3546 89.7808 15.3546C91.7578 15.3546 93.3394 15.6683 94.5257 16.2925C95.7119 16.9166 96.5582 17.8708 97.0713 19.1485C97.5255 20.2792 97.7608 21.6876 97.7869 23.3803C97.4013 23.4326 97.0092 23.4816 96.6105 23.5307C93.4571 23.9424 90.9638 24.2822 89.1371 24.5535C87.3071 24.8247 85.6111 25.1547 84.0426 25.5469C81.6342 26.1808 79.7552 27.2167 78.4023 28.6546C77.0495 30.0924 76.373 31.9942 76.373 34.3634C76.373 36.0071 76.7652 37.507 77.5495 38.8697C78.3337 40.2324 79.5036 41.314 81.0623 42.1179C82.6211 42.9185 84.5001 43.3204 86.7026 43.3204C88.6992 43.3204 90.5128 43.0231 92.1467 42.425C93.7806 41.827 95.1923 40.9382 96.3883 39.752C97.0647 39.0821 97.6595 38.324 98.179 37.4809V42.4806H101.93V23.7267C101.93 22.4392 101.865 21.2759 101.734 20.2433V20.24ZM97.6758 29.4911C97.6203 30.3309 97.5091 31.1152 97.3392 31.8439C97.0582 33.3733 96.4798 34.7327 95.604 35.9156C94.7283 37.1018 93.5682 38.0233 92.1336 38.6867C90.6958 39.3501 89.0554 39.6801 87.2058 39.6801C85.6765 39.6801 84.4151 39.4285 83.4282 38.9252C82.4381 38.422 81.7159 37.7684 81.2584 36.9646C80.8009 36.164 80.5722 35.2947 80.5722 34.3601C80.5722 32.8667 81.0558 31.6969 82.0263 30.8472C82.9969 29.9976 84.2386 29.3604 85.7484 28.9291C87.1862 28.5369 88.8135 28.2101 90.6337 27.9487C92.4539 27.6873 94.7152 27.3997 97.4209 27.0795L97.7542 27.037C97.7477 27.952 97.7216 28.7755 97.6725 29.4878L97.6758 29.4911Z" fill="white"/>
+<path d="M133.225 19.178C132.153 16.763 130.611 14.8645 128.608 13.4822C126.601 12.0999 124.245 11.4104 121.539 11.4104C118.834 11.4104 116.412 12.0934 114.442 13.4528C113.314 14.2305 112.354 15.188 111.543 16.3056V12.2502H107.766V56.1367H111.991V38.9416C112.693 39.8173 113.501 40.5853 114.412 41.2356C116.363 42.6244 118.69 43.3204 121.396 43.3204C124.101 43.3204 126.549 42.6309 128.575 41.2486C130.601 39.8664 132.15 37.9645 133.222 35.5398C134.294 33.1151 134.833 30.38 134.833 27.3376C134.833 24.2953 134.297 21.5961 133.222 19.178H133.225ZM129.294 33.553C128.585 35.3829 127.526 36.8175 126.118 37.8632C124.709 38.9089 122.987 39.4317 120.954 39.4317C118.922 39.4317 117.17 38.9187 115.762 37.8926C114.354 36.8665 113.298 35.4418 112.599 33.6249C111.899 31.8047 111.55 29.7101 111.55 27.3409C111.55 24.9718 111.896 22.8346 112.586 21.0439C113.275 19.2531 114.321 17.848 115.719 16.8317C117.118 15.8154 118.837 15.3056 120.869 15.3056C122.902 15.3056 124.712 15.8219 126.131 16.8578C127.549 17.8937 128.608 19.3217 129.307 21.1419C130.006 22.9621 130.356 25.0273 130.356 27.3409C130.356 29.6545 130 31.7263 129.294 33.5563V33.553Z" fill="white"/>
+<path d="M23.732 3.85202C34.5419 3.85202 43.3388 12.6489 43.3388 23.4588C43.3388 34.2687 34.5419 43.0656 23.732 43.0656C12.9221 43.0656 4.12522 34.2687 4.12522 23.4588C4.12522 12.6489 12.9221 3.85202 23.732 3.85202ZM23.732 0.584229C11.0987 0.584229 0.857422 10.8255 0.857422 23.4588C0.857422 36.0921 11.0987 46.3334 23.732 46.3334C36.3653 46.3334 46.6066 36.0921 46.6066 23.4588C46.6066 10.8255 36.3653 0.584229 23.732 0.584229Z" fill="white"/>
+<path d="M23.7316 10.3877C30.9403 10.3877 36.8027 16.2501 36.8027 23.4588C36.8027 30.6676 30.9403 36.53 23.7316 36.53C16.5228 36.53 10.6604 30.6676 10.6604 23.4588C10.6604 16.2501 16.5228 10.3877 23.7316 10.3877ZM23.7316 7.11987C14.7092 7.11987 7.39258 14.4365 7.39258 23.4588C7.39258 32.4812 14.7092 39.7978 23.7316 39.7978C32.7539 39.7978 40.0705 32.4812 40.0705 23.4588C40.0705 14.4365 32.7539 7.11987 23.7316 7.11987Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_5275_627767">
+<rect width="134.287" height="55.6798" fill="white" transform="translate(0.857422 0.584229)"/>
+</clipPath>
+<clipPath id="clip1_5275_627767">
+<rect width="133.98" height="55.5525" fill="white" transform="translate(0.857422 0.584229)"/>
+</clipPath>
+</defs>
+</svg>

package/build/assets/svg/tapOs.svg ADDED Viewed

@@ -0,0 +1,31 @@
+<svg width="289" height="210" viewBox="0 0 289 210" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_di_46_16849)">
+<rect x="123" y="40" width="121.36" height="121.36" rx="32" fill="url(#paint0_linear_46_16849)"/>
+</g>
+<path d="M165.45 124.938C161.073 124.938 157.342 123.958 154.257 121.999C151.172 120.019 148.837 117.267 147.253 113.744C145.669 110.222 144.877 106.136 144.877 101.488C144.877 96.8397 145.669 92.7541 147.253 89.2314C148.837 85.7087 151.172 82.9677 154.257 81.0083C157.342 79.0281 161.073 78.038 165.45 78.038C169.849 78.038 173.59 79.0281 176.675 81.0083C179.76 82.9677 182.095 85.7087 183.679 89.2314C185.263 92.7541 186.055 96.8397 186.055 101.488C186.055 106.136 185.263 110.222 183.679 113.744C182.095 117.267 179.76 120.019 176.675 121.999C173.59 123.958 169.849 124.938 165.45 124.938ZM165.45 121.03C168.994 121.03 171.985 120.217 174.424 118.591C176.863 116.944 178.687 114.662 179.896 111.743C181.125 108.804 181.74 105.386 181.74 101.488C181.74 97.5901 181.125 94.182 179.896 91.2638C178.687 88.3247 176.863 86.0422 174.424 84.4164C171.985 82.7905 168.994 81.9671 165.45 81.9463C161.949 81.9463 158.978 82.7697 156.539 84.4164C154.101 86.0422 152.266 88.3143 151.036 91.2325C149.828 94.1507 149.213 97.5692 149.192 101.488C149.15 105.365 149.744 108.773 150.974 111.712C152.204 114.651 154.038 116.934 156.477 118.56C158.937 120.185 161.928 121.009 165.45 121.03Z" fill="white"/>
+<path d="M205.269 124.938C202.163 124.938 199.359 124.417 196.858 123.375C194.356 122.332 192.293 120.863 190.667 118.966C189.062 117.048 187.999 114.787 187.478 112.181L191.605 111.493C192.105 113.453 193.002 115.151 194.294 116.59C195.586 118.028 197.181 119.133 199.078 119.904C200.995 120.654 203.101 121.03 205.394 121.03C207.728 121.03 209.802 120.665 211.616 119.935C213.429 119.185 214.847 118.132 215.868 116.777C216.889 115.402 217.4 113.807 217.4 111.994C217.4 110.43 217.035 109.138 216.306 108.116C215.576 107.095 214.701 106.313 213.679 105.771C212.658 105.209 211.47 104.719 210.115 104.302L198.765 100.925C196.722 100.321 195.003 99.5494 193.606 98.6114C192.209 97.6734 191.126 96.5061 190.354 95.1096C189.604 93.713 189.229 92.0975 189.229 90.2632C189.229 87.8453 189.875 85.7087 191.167 83.8536C192.46 81.9984 194.263 80.5706 196.576 79.57C198.89 78.5487 201.506 78.038 204.424 78.038C207.384 78.0588 210.052 78.6112 212.429 79.6951C214.805 80.7582 216.754 82.2798 218.275 84.26C219.797 86.2194 220.787 88.5331 221.246 91.2012L217.056 91.9516C216.743 89.9714 216.003 88.2309 214.836 86.7301C213.69 85.2085 212.21 84.0412 210.396 83.2282C208.583 82.3945 206.582 81.9671 204.393 81.9463C202.309 81.9463 200.433 82.3007 198.765 83.0094C197.118 83.7181 195.826 84.6978 194.888 85.9484C193.971 87.1783 193.512 88.5644 193.512 90.1069C193.512 91.5869 193.919 92.8167 194.732 93.7964C195.545 94.7761 196.524 95.5369 197.671 96.0788C198.838 96.5999 200.214 97.0898 201.798 97.5484L210.74 100.175C212.533 100.696 214.18 101.332 215.68 102.082C217.181 102.812 218.526 103.979 219.714 105.584C220.902 107.189 221.496 109.284 221.496 111.868C221.496 114.557 220.798 116.882 219.401 118.841C218.025 120.8 216.108 122.312 213.648 123.375C211.209 124.417 208.416 124.938 205.269 124.938Z" fill="white"/>
+<path d="M18.7164 123.645C14.7917 124.452 11.2433 124.465 8.07124 123.685C4.89919 122.906 2.65457 121.172 1.33737 118.484C0.719086 117.194 0.329301 115.89 0.168011 114.573C0.0336023 113.255 -0.0201611 111.468 0.00672029 109.21V108.202V68H5.28898V108.04V109.331C5.2621 111.078 5.28898 112.409 5.36962 113.323C5.47715 114.237 5.74597 115.083 6.17608 115.863C7.09005 117.61 8.55511 118.699 10.5712 119.129C12.5874 119.559 15.3024 119.492 18.7164 118.927V123.645ZM0.00656226 80.0968H18.7164V84.7339H0.00656226V80.0968Z" fill="#20232B"/>
+<path d="M39.7251 124.855C36.5262 124.855 33.7977 124.277 31.5396 123.121C29.2815 121.965 27.588 120.419 26.459 118.484C25.3299 116.522 24.7654 114.358 24.7654 111.992C24.7654 108.524 25.7735 105.769 27.7896 103.726C29.8326 101.683 32.588 100.231 36.0557 99.371C38.3676 98.8333 40.8273 98.3763 43.4348 98C46.0692 97.6237 49.6176 97.1398 54.0799 96.5484C55.424 96.414 56.7009 96.2527 57.9106 96.0645L56.0154 97.2339C56.0692 94.1694 55.7063 91.6694 54.9267 89.7339C54.174 87.7715 52.8971 86.3199 51.0961 85.379C49.3219 84.4113 46.9428 83.9274 43.959 83.9274C40.76 83.9274 38.1122 84.6532 36.0154 86.1048C33.9455 87.5296 32.5074 89.7204 31.7009 92.6774L26.4186 91.1855C27.4401 87.2339 29.4563 84.1962 32.467 82.0726C35.4778 79.9489 39.3488 78.8871 44.0799 78.8871C48.0853 78.8871 51.459 79.6532 54.2009 81.1855C56.9697 82.7177 58.9052 84.8817 60.0074 87.6774C60.4643 88.8333 60.7869 90.164 60.9751 91.6694C61.1633 93.1747 61.2574 94.8011 61.2574 96.5484V123.645H56.4993V112.435L58.0316 112.96C57.0907 115.513 55.7466 117.677 53.9993 119.452C52.252 121.226 50.1686 122.57 47.7493 123.484C45.3299 124.398 42.6552 124.855 39.7251 124.855ZM40.1686 120.137C42.9643 120.137 45.4375 119.64 47.588 118.645C49.7654 117.624 51.5127 116.199 52.8299 114.371C54.174 112.543 55.0477 110.419 55.4509 108C55.6928 106.925 55.8407 105.796 55.8945 104.613C55.9482 103.403 55.9751 101.965 55.9751 100.298V99.5726L58.1122 100.782L55.5316 101.105C51.5799 101.535 48.2197 101.938 45.4509 102.315C42.6821 102.691 40.209 103.161 38.0315 103.726C35.7466 104.371 33.8514 105.339 32.3461 106.629C30.8676 107.919 30.1283 109.707 30.1283 111.992C30.1283 113.39 30.4643 114.707 31.1364 115.944C31.8084 117.18 32.8971 118.188 34.4025 118.968C35.9079 119.747 37.8299 120.137 40.1686 120.137Z" fill="#20232B"/>
+<path d="M91.0746 124.855C87.2306 124.855 83.9107 123.86 81.115 121.871C78.3462 119.855 76.2359 117.113 74.7843 113.645C73.3596 110.151 72.6472 106.199 72.6472 101.79C72.6472 97.3548 73.3596 93.4167 74.7843 89.9758C76.2359 86.5081 78.373 83.793 81.1956 81.8306C84.0451 79.8683 87.4591 78.8871 91.4376 78.8871C95.2816 78.8871 98.6284 79.8817 101.478 81.871C104.327 83.8602 106.505 86.6021 108.01 90.0968C109.542 93.5645 110.309 97.4624 110.309 101.79C110.309 106.199 109.542 110.151 108.01 113.645C106.505 117.14 104.3 119.882 101.397 121.871C98.494 123.86 95.0531 124.855 91.0746 124.855ZM71.7601 80.0968H76.5182V113.242H77.0424V143H71.7601V80.0968ZM90.6311 119.855C93.6687 119.855 96.2359 119.075 98.3327 117.516C100.456 115.957 102.042 113.82 103.091 111.105C104.166 108.39 104.704 105.285 104.704 101.79C104.704 98.3226 104.179 95.2446 103.131 92.5565C102.083 89.8414 100.497 87.7177 98.373 86.1855C96.2494 84.6263 93.6419 83.8468 90.5505 83.8468C87.5128 83.8468 84.9322 84.6129 82.8085 86.1452C80.7117 87.6505 79.1392 89.7473 78.0908 92.4355C77.0424 95.1237 76.5182 98.2419 76.5182 101.79C76.5182 105.339 77.0424 108.47 78.0908 111.185C79.166 113.901 80.7521 116.024 82.8488 117.556C84.9725 119.089 87.5666 119.855 90.6311 119.855Z" fill="#20232B"/>
+<defs>
+<filter id="filter0_di_46_16849" x="79" y="0" width="209.359" height="209.36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="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 dy="4"/>
+<feGaussianBlur stdDeviation="22"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_46_16849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_46_16849" result="shape"/>
+<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 dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_46_16849"/>
+</filter>
+<linearGradient id="paint0_linear_46_16849" x1="123" y1="100.68" x2="244.36" y2="100.68" gradientUnits="userSpaceOnUse">
+<stop stop-color="#42464F"/>
+<stop offset="1" stop-color="#272B34"/>
+</linearGradient>
+</defs>
+</svg>

package/build/components/AccordionAdapter/AccordionAdapter.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type AccordionProps, type SxProps } from '@mui/material';
+interface AccordionAdapterProps extends AccordionProps {
+    Header: React.ReactNode;
+    summarySx?: SxProps;
+    Footer?: React.ReactNode;
+}
+declare function AccordionAdapter({ Header, Footer, summarySx, ...props }: AccordionAdapterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionAdapter {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof AccordionAdapter>;
+export default _default;

package/build/components/AccordionAdapter/AccordionAdapter.js ADDED Viewed

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { AccordionDetails } from '@mui/material';
+import Icon from '../Icon';
+import { downArrowIcon } from '../../constants/index.js';
+import { AccordionActionsStyled, AccordionStyled, AccordionSummaryStyled } from './style';
+function AccordionAdapter(_a) {
+    var { Header, Footer, summarySx } = _a, props = __rest(_a, ["Header", "Footer", "summarySx"]);
+    return (_jsxs(AccordionStyled, Object.assign({ component: "section", "data-testid": "AccordionAdapter" }, props, { children: [_jsx(AccordionSummaryStyled, Object.assign({ expandIcon: _jsx(Icon, { src: downArrowIcon }), "aria-controls": "panel3-content", id: "panel3-header", sx: summarySx }, { children: Header })), _jsx(AccordionDetails, Object.assign({ sx: { padding: 0 } }, { children: props.children })), Footer && _jsx(AccordionActionsStyled, { children: Footer })] })));
+}
+AccordionAdapter.displayName = 'AccordionAdapter';
+export default React.memo(AccordionAdapter);

package/build/components/AccordionAdapter/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import AccordionAdapter from './AccordionAdapter';
2	+ export default AccordionAdapter;

package/build/components/AccordionAdapter/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import AccordionAdapter from './AccordionAdapter';
2	+ export default AccordionAdapter;

package/build/components/AccordionAdapter/style.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const AccordionStyled: import("@emotion/styled").StyledComponent<{
+    children: NonNullable<import("react").ReactNode>;
+    classes?: Partial<import("@mui/material").AccordionClasses> | undefined;
+    defaultExpanded?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    expanded?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
+        children?: import("react").ReactElement<any, any> | undefined;
+    }> | undefined;
+    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
+} & import("@mui/material/Accordion/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "onChange" | "expanded" | "disabled" | "square" | "elevation" | "variant" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion/Accordion").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const AccordionSummaryStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionSummary/AccordionSummary").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const AccordionSummaryHeaderSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const AccordionActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionActions/AccordionActions").AccordionActionsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/AccordionAdapter/style.js ADDED Viewed

@@ -0,0 +1,38 @@
+import Accordion from '@mui/material/Accordion/Accordion';
+import AccordionActions from '@mui/material/AccordionActions/AccordionActions';
+import AccordionSummary from '@mui/material/AccordionSummary/AccordionSummary';
+import { styled } from '@mui/material/styles';
+export const AccordionStyled = styled(Accordion)(({ theme }) => ({
+    overflow: 'hidden',
+    border: '1px solid transparent',
+    background: '#ffffff',
+    borderRadius: '0px 0px 3px 3px',
+    margin: 0,
+    '&:before': {
+        content: 'unset',
+    },
+    '&.Mui-expanded': {
+        margin: 0,
+        border: `1px solid ${theme.palette.divider}`,
+    },
+}));
+export const AccordionSummaryStyled = styled(AccordionSummary)(() => ({
+    background: '#FBFBFB',
+    '&.Mui-expanded': {
+        minHeight: 'unset',
+    },
+    '& .MuiAccordionSummary-content': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    '.MuiAccordionSummary-content.Mui-expanded': {
+        margin: '12px 0',
+    },
+}));
+export const AccordionSummaryHeaderSection = styled('section')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+}));
+export const AccordionActionsStyled = styled(AccordionActions)(({ theme }) => ({
+    borderTop: `1px solid ${theme.palette.divider}`,
+}));

package/build/components/ActionMenu/ActionMenu.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ActionMenuProps } from './type';
+export type Timers = 'days' | 'hours' | 'minutes';
+declare function ActionMenu({ anchorEl, initialAmount, options, onConfirm, handleClose, currency, isCheckMarkHighlighted }: ActionMenuProps): import("react").ReactPortal;
+export default ActionMenu;

package/build/components/ActionMenu/ActionMenu.js ADDED Viewed

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { createPortal } from 'react-dom';
+import { blueCheckIcon, greyCheckIcon, greyCrossIcon, redCloseIcon, warningInfoIcon } from '../../constants/index.js';
+import { currencyConfig, formatCurrencyWithInput, intlCurrency } from '../../utils/index.js';
+import { CurrencyCodes } from '../../types/index.js';
+import ActionMenuDropDown from './ActionMenuDropDown';
+import ActionMenuItem from './ActionMenuItem';
+import { StyledPopover, Container, FirstContainer, StyledRowOfFirstContainer, StyledSecondRowOfFirstContainer, StyledWarning, StyledWarningInfoIcon, SecondContainer, IconContainer, StyledIcons, } from './style';
+function ActionMenu({ anchorEl, initialAmount, options, onConfirm, handleClose, currency, isCheckMarkHighlighted }) {
+    var _a;
+    const { t } = useTranslation();
+    const [amount, setAmount] = useState(initialAmount === null || initialAmount === void 0 ? void 0 : initialAmount.toString());
+    const [menuAnchor, setMenuAnchor] = useState();
+    const [warningMessage, setWarningMessage] = useState('');
+    const actionMenuRef = useRef(null);
+    const [showDropDown, setShowDropDown] = useState(false);
+    const [selectedCurrency, setSelectedCurrency] = useState(currency);
+    const isRefundInProcess = false;
+    const [focusInput, setFocusInput] = useState(false);
+    const [crossIcon, setCrossIcon] = useState(greyCrossIcon);
+    const [tickIcon, setTickIcon] = useState(greyCheckIcon);
+    const inputFocusRef = useRef();
+    const closeDropdown = () => {
+        setMenuAnchor(undefined);
+        setShowDropDown(false);
+    };
+    useEffect(() => {
+        var _a;
+        (_a = inputFocusRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [focusInput]);
+    const closeDropDownWhenOptionSelected = () => {
+        closeDropdown();
+        setFocusInput((prev) => !prev);
+    };
+    const open = Boolean(anchorEl);
+    const toggleDropDown = (event) => {
+        setShowDropDown((prev) => !prev);
+        setMenuAnchor(event.currentTarget);
+    };
+    const selectedAmount = (_a = options === null || options === void 0 ? void 0 : options.find((option) => option.currency === selectedCurrency)) === null || _a === void 0 ? void 0 : _a.value;
+    const formattedCharge = intlCurrency(selectedAmount || 0, selectedCurrency);
+    const maxErrorMessage = `${t('maxAllowed')} ${formattedCharge}`;
+    const minErrorMessage = `${t('minAllowed')} ${formatCurrencyWithInput(0.1, selectedCurrency || CurrencyCodes.KWD)}`;
+    const onAmountChange = (value) => {
+        if (Number.isNaN(Number(value))) {
+            setAmount('0');
+        }
+        if (parseFloat(value || '0') > initialAmount) {
+            setWarningMessage(maxErrorMessage);
+        }
+        else if (parseFloat(value || '0') < 0.1 && value !== undefined) {
+            setWarningMessage(minErrorMessage);
+        }
+        else {
+            setWarningMessage('');
+        }
+        setAmount(value);
+    };
+    const handleSelectOption = (optionCharge, optionCurrency) => {
+        const chargeString = formatCurrencyWithInput(optionCharge || 0, optionCurrency || CurrencyCodes.KWD);
+        setAmount(chargeString);
+        setSelectedCurrency(optionCurrency || selectedCurrency);
+    };
+    const closeAllActions = (e) => {
+        setMenuAnchor(undefined);
+        setShowDropDown(false);
+        handleClose(e);
+    };
+    const handleHoveringCheckIcons = () => {
+        setTickIcon(blueCheckIcon);
+    };
+    const handleUnHoveringCheckIcons = () => {
+        setTickIcon(greyCheckIcon);
+    };
+    const handleCloseMenu = (e) => {
+        closeAllActions(e);
+    };
+    const handleCloseAllExceptOptionMenu = () => {
+        closeAllActions();
+    };
+    const handleHoveringCrossIcons = () => {
+        setCrossIcon(redCloseIcon);
+    };
+    const handleUnHoveringCrossIcons = () => {
+        setCrossIcon(greyCrossIcon);
+    };
+    const handleAction = () => {
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(Number(amount), selectedCurrency);
+        handleCloseMenu();
+    };
+    const isCheckButtonDisabled = !!warningMessage || !amount;
+    return createPortal(_jsx(StyledPopover, Object.assign({ id: "styled-popover", open: open, anchorEl: anchorEl, style: { backgroundColor: 'transparent', zIndex: 3000 }, "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", anchorOrigin: {
+            vertical: 'top',
+            horizontal: -234,
+        }, ref: actionMenuRef, onClose: (e) => {
+            handleCloseMenu(e);
+        } }, { children: _jsxs(Container, Object.assign({ showWarning: !!warningMessage }, { children: [_jsxs(FirstContainer, { children: [_jsxs(StyledRowOfFirstContainer, Object.assign({ showWarning: !!warningMessage, showDropDown: showDropDown }, { children: [_jsx(ActionMenuItem, { showWarning: !!warningMessage, selectedCurrency: selectedCurrency, onAmountChange: onAmountChange, amount: amount, currencyConfig: currencyConfig, toggleDropDown: toggleDropDown, showDropDown: !showDropDown, showDropdownIcon: ((options === null || options === void 0 ? void 0 : options.length) || 0) > 1 }), _jsx(ActionMenuDropDown, { showDropDown: showDropDown, menuAnchor: menuAnchor, selectedCurrency: selectedCurrency, closeDropdown: closeDropDownWhenOptionSelected, options: options !== null && options !== void 0 ? options : [], handleSelectOption: handleSelectOption })] })), !!warningMessage && (_jsxs(StyledSecondRowOfFirstContainer, { children: [_jsx(StyledWarningInfoIcon, { src: warningInfoIcon, alt: "info" }), _jsx(StyledWarning, { children: warningMessage })] }))] }), _jsxs(SecondContainer, { children: [_jsx(IconContainer, Object.assign({ onMouseLeave: handleUnHoveringCrossIcons, onMouseEnter: handleHoveringCrossIcons, warning: true, role: "button", onClick: handleCloseAllExceptOptionMenu }, { children: _jsx(StyledIcons, { isRefundInProcess: isRefundInProcess, src: crossIcon, alt: "Cross icon" }) })), _jsx(IconContainer, Object.assign({ onMouseLeave: handleUnHoveringCheckIcons, onMouseEnter: handleHoveringCheckIcons, isRefundInProcess: isRefundInProcess, disabled: isCheckButtonDisabled, role: "button", onClick: handleAction, isHighlighted: isCheckMarkHighlighted }, { children: _jsx(StyledIcons, { src: tickIcon, alt: "Check icon" }) }))] })] })) })), document.body);
+}
+export default ActionMenu;

package/build/components/ActionMenu/ActionMenuDropDown.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { CurrencyCodes } from '../../types/index.js';
+interface IOptions {
+    name: string;
+    value?: number;
+    currency?: string;
+}
+interface ActionMenuDropDownProps {
+    menuAnchor: (EventTarget & Element) | undefined;
+    showDropDown: boolean;
+    selectedCurrency: CurrencyCodes;
+    options: IOptions[];
+    closeDropdown: () => void;
+    handleSelectOption?: (optionCharge?: number, optionCurrency?: CurrencyCodes) => void;
+}
+declare function ActionMenuDropDown({ menuAnchor, showDropDown, selectedCurrency, options, closeDropdown, handleSelectOption }: ActionMenuDropDownProps): import("react/jsx-runtime").JSX.Element | null;
+export default ActionMenuDropDown;

package/build/components/ActionMenu/ActionMenuDropDown.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { getCurrencyCodeFlag, intlCurrency } from '../../utils/index.js';
+import { EnglishAmount, StyledCurrency, StyledIconRowContainer, StyledDropDownContainer, StyledDropdown, StyledFlag, StyledMenuItem, StyledTextAmount, DropDownChargeGapColumn, } from './style';
+const Menu = ({ selectedCurrency, option, closeDropdown, handleSelectOption }) => {
+    var _a, _b, _c;
+    const { t } = useTranslation();
+    return (_jsxs(StyledMenuItem, Object.assign({ onClick: () => {
+            if (handleSelectOption) {
+                handleSelectOption(option.value, option === null || option === void 0 ? void 0 : option.currency);
+            }
+            closeDropdown();
+        } }, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: false }, { children: t(option.name) })), _jsxs(DropDownChargeGapColumn, { children: [_jsxs(StyledIconRowContainer, Object.assign({ marginRightAuto: true }, { children: [_jsx(StyledFlag, { src: getCurrencyCodeFlag((_a = option === null || option === void 0 ? void 0 : option.currency) !== null && _a !== void 0 ? _a : selectedCurrency), alt: `${option === null || option === void 0 ? void 0 : option.currency} flag` }), _jsx(StyledCurrency, { children: (_b = option === null || option === void 0 ? void 0 : option.currency) !== null && _b !== void 0 ? _b : selectedCurrency })] })), _jsx(StyledTextAmount, Object.assign({ showWarning: false }, { children: intlCurrency(option.value || 0, (_c = option === null || option === void 0 ? void 0 : option.currency) !== null && _c !== void 0 ? _c : selectedCurrency) }))] })] })));
+};
+function ActionMenuDropDown({ menuAnchor, showDropDown, selectedCurrency, options, closeDropdown, handleSelectOption }) {
+    if (options.length <= 1)
+        return null;
+    return (_jsx(StyledDropdown, Object.assign({ open: showDropDown, anchorEl: menuAnchor, anchorOrigin: {
+            vertical: 18,
+            horizontal: -76,
+        }, style: { backgroundColor: 'transparent', zIndex: 4000, padding: 0, margin: 0 }, onClose: closeDropdown }, { children: _jsx(StyledDropDownContainer, { children: options.map((option) => (_jsx(_Fragment, { children: Menu({ selectedCurrency, option, closeDropdown, handleSelectOption }) }))) }) })));
+}
+export default ActionMenuDropDown;

package/build/components/ActionMenu/ActionMenuItem.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { SyntheticEvent } from 'react';
+import { CurrencyCodes } from '../../types/index.js';
+interface ActionMenuItemProps {
+    showWarning?: boolean;
+    selectedCurrency: CurrencyCodes;
+    onAmountChange: (value?: string) => void;
+    amount: string | undefined;
+    currencyConfig: Record<string, number>;
+    toggleDropDown: (event: SyntheticEvent) => void;
+    showDropDown: boolean;
+    showDropdownIcon: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+}
+declare function ActionMenuItem({ showWarning, selectedCurrency, onAmountChange, amount, currencyConfig, toggleDropDown, showDropDown, showDropdownIcon, disabled, isLoading, }: ActionMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export default ActionMenuItem;

package/build/components/ActionMenu/ActionMenuItem.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { blueDropdownArrowIcon, greyDropdownIcon } from '../../constants/index.js';
+import { getCurrencyCodeFlag } from '../../utils/index.js';
+import { EnglishAmount, Charge, StyledIconRowContainer, StyledFlag, StyledCurrency, StyledDropDownIcon, StyledAmount, StyledMissingDiv, } from './style';
+import Skeleton from '../Skeleton';
+import CurrencyIcon from '../CurrencyIcon';
+function ActionMenuItem({ showWarning, selectedCurrency, onAmountChange, amount, currencyConfig, toggleDropDown, showDropDown, showDropdownIcon, disabled, isLoading, }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const iconRef = useRef(null);
+    const onClickMissingDiv = () => {
+        if (iconRef.current) {
+            iconRef.current.click();
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Charge, { children: [_jsx(EnglishAmount, Object.assign({ showBottomPadding: true, showWarning: showWarning }, { children: t('amount') })), _jsxs(StyledIconRowContainer, Object.assign({ limited: true, paddingTop: true, onClick: onClickMissingDiv }, { children: [_jsx(StyledFlag, { src: getCurrencyCodeFlag(selectedCurrency), alt: `${selectedCurrency} flag` }), _jsx(StyledCurrency, { children: _jsx(CurrencyIcon, { currency: selectedCurrency }) }), !showWarning && showDropdownIcon && (_jsx(StyledDropDownIcon, { src: !showDropDown ? blueDropdownArrowIcon : greyDropdownIcon, alt: "drop-down icon", currencyPadding: true }))] }))] }), _jsx(StyledMissingDiv, { ref: iconRef, onClick: toggleDropDown }), isLoading ? (_jsx(Skeleton, { variant: "text", width: "100%", height: "100%" })) : (_jsx(StyledAmount, { disabled: disabled, placeholder: currencyConfig[selectedCurrency] ? '0.000' : '0.00', onValueChange: onAmountChange, value: amount, decimalsLimit: (_a = currencyConfig[selectedCurrency]) !== null && _a !== void 0 ? _a : 2, showWarning: showWarning || false, decimalScale: (_b = currencyConfig[selectedCurrency]) !== null && _b !== void 0 ? _b : 2, autoFocus: true }))] }));
+}
+export default ActionMenuItem;

package/build/components/ActionMenu/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import ActionMenu from './ActionMenu';
+export { default as ActionMenuItem } from './ActionMenuItem';
+export { default as ActionMenuDropDown } from './ActionMenuDropDown';
+export type { ActionMenuProps } from './type';
+export default ActionMenu;

package/build/components/ActionMenu/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import ActionMenu from './ActionMenu';
+export { default as ActionMenuItem } from './ActionMenuItem';
+export { default as ActionMenuDropDown } from './ActionMenuDropDown';
+export default ActionMenu;

package/build/components/ActionMenu/style.d.ts ADDED Viewed

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showWarning: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SecondContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledRowOfFirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showWarning: boolean;
+    showDropDown: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSecondRowOfFirstContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledWarning: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledWarningInfoIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const Charge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropDownChargeGapColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledAmount: import("@emotion/styled").StyledComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, "width" | "height" | "hidden" | "type" | "style" | "color" | "content" | "translate" | "children" | "ref" | "form" | "slot" | "title" | "pattern" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "value" | "src" | "alt" | "size" | "multiple" | "accept" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "min" | "minLength" | "name" | "readOnly" | "required"> & {
+    allowDecimals?: boolean | undefined;
+    allowNegativeValue?: boolean | undefined;
+    id?: string | undefined;
+    maxLength?: number | undefined;
+    className?: string | undefined;
+    customInput?: import("react").ElementType | undefined;
+    decimalsLimit?: number | undefined;
+    decimalScale?: number | undefined;
+    defaultValue?: string | number | undefined;
+    disabled?: boolean | undefined;
+    fixedDecimalLength?: number | undefined;
+    onValueChange?: ((value: string | undefined, name?: string | undefined, values?: import("react-currency-input-field").CurrencyInputOnChangeValues | undefined) => void) | undefined;
+    placeholder?: string | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    step?: number | undefined;
+    decimalSeparator?: string | undefined;
+    groupSeparator?: string | undefined;
+    disableGroupSeparators?: boolean | undefined;
+    disableAbbreviations?: boolean | undefined;
+    intlConfig?: import("react-currency-input-field").IntlConfig | undefined;
+    transformRawValue?: ((rawValue: string) => string) | undefined;
+    formatValueOnBlur?: boolean | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showWarning: boolean;
+}, {}, {}>;
+export declare const StyledTextAmount: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showWarning: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const EnglishAmount: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showWarning?: boolean | undefined;
+    showBottomPadding?: boolean | undefined;
+    autoMargin?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const FlexContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    limited?: boolean | undefined;
+    paddingTop?: boolean | undefined;
+    marginRightAuto?: boolean | undefined;
+}, {}, {}>;
+export declare const StyledCurrency: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledMissingDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledFlag: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    disabled?: boolean | undefined;
+    isRefundInProcess?: boolean | undefined;
+    warning?: boolean | undefined;
+    isHighlighted?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIcons: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isRefundInProcess?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledDropDownContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showDaysMenu?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropDownIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    spaceFromBottom?: boolean | undefined;
+    currencyPadding?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;