@paykka/card-checkout-ui 0.13.2 → 0.13.7

package/dist/es/components/internal/icons/IconPix.js

@@ -0,0 +1,75 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+const IconPix = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 40 40",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u("g", { xmlns: "http://www.w3.org/2000/svg", id: "PIX", children: /* @__PURE__ */ u("g", { id: "234234", "clip-path": "url(#clip0_1066_2050)", children: [
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M1.58249 18.4171L3.11048 16.8891H4.21772C4.28838 16.8891 4.35428 16.9002 4.41123 16.9224C4.46132 16.9419 4.50561 16.9698 4.5404 17.0051C4.5404 17.0115 6.51182 18.9845 6.72114 19.1938C6.91676 19.3894 7.17564 19.4869 7.43452 19.4869C7.69288 19.4869 7.95124 19.3889 8.14685 19.1938C8.87552 18.4651 9.60735 17.7386 10.3318 17.0051C10.3666 16.9693 10.4109 16.9419 10.461 16.9224C10.5179 16.9002 10.5838 16.8891 10.6545 16.8891H11.7586L13.2866 18.4171C14.0632 19.1938 14.0632 20.465 13.2866 21.2417L11.7586 22.7697H10.6545C10.5838 22.7697 10.5179 22.7586 10.461 22.7364C10.4109 22.7169 10.3666 22.689 10.3318 22.6537C9.60735 21.9202 8.87552 21.1942 8.14685 20.465C7.95124 20.2694 7.69288 20.1719 7.43452 20.1719C7.17564 20.1719 6.91676 20.2694 6.72114 20.465C6.51182 20.6743 4.5404 22.6473 4.5404 22.6537C4.50561 22.6895 4.46132 22.7169 4.41123 22.7364C4.35428 22.7586 4.28838 22.7697 4.21772 22.7697H3.11048L1.58249 21.2417C0.805837 20.465 0.805837 19.1938 1.58249 18.4171ZM3.79433 16.2053L6.022 13.9776C6.79865 13.201 8.06987 13.201 8.84652 13.9776L11.0747 16.2058H10.6545C10.3555 16.2058 10.055 16.3144 9.84356 16.5301C9.83987 16.5264 7.84895 18.5284 7.66546 18.7119C7.60166 18.7751 7.51836 18.8068 7.43452 18.8068C7.35069 18.8068 7.26844 18.7751 7.20464 18.7114C7.00217 18.5089 5.02865 16.5296 5.02865 16.5301C4.81722 16.3144 4.51668 16.2058 4.21772 16.2058H3.79433V16.2053ZM11.0747 23.454L8.84652 25.6817C8.06987 26.4583 6.79865 26.4583 6.022 25.6817L3.79381 23.454H4.2172C4.51615 23.454 4.81669 23.3454 5.02812 23.1298C5.02812 23.1298 7.00217 21.151 7.20411 20.9485C7.26791 20.8847 7.35122 20.8531 7.434 20.8531C7.51677 20.8531 7.60114 20.8847 7.66493 20.948C7.84895 21.132 9.83935 23.1335 9.84304 23.1298C10.0545 23.3454 10.355 23.454 10.654 23.454H11.0742H11.0747Z",
+              fill: "#32BCA9"
+            }
+          ),
+          /* @__PURE__ */ u("g", { id: "Group", children: [
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_2",
+                d: "M34.445 19.1943C34.2494 19.39 33.9911 19.4875 33.7327 19.4875C33.4744 19.4875 33.216 19.3894 33.0204 19.1943C32.2917 18.4657 31.5599 17.7391 30.8354 17.0057C30.8006 16.9698 30.7563 16.9424 30.7062 16.9229C30.6493 16.9008 30.5834 16.8897 30.5127 16.8897H28.8076C28.6188 16.8897 28.4654 16.7368 28.4654 16.5475C28.4654 16.3582 28.6183 16.2053 28.8076 16.2053H30.5127C30.8117 16.2053 31.1122 16.3139 31.3237 16.5296C31.3274 16.5259 33.3183 18.5279 33.5018 18.7114C33.5656 18.7746 33.6489 18.8063 33.7327 18.8063C33.8165 18.8063 33.8998 18.7746 33.9636 18.7114C34.1477 18.5274 36.1381 16.5259 36.1417 16.5296C36.3532 16.3139 36.6537 16.2053 36.9527 16.2053H38.6578C38.8466 16.2053 39 16.3582 39 16.5475C39 16.7368 38.8471 16.8897 38.6578 16.8897H36.9527C36.882 16.8897 36.8161 16.9008 36.7592 16.9229C36.7091 16.9424 36.6648 16.9704 36.63 17.0057C35.9055 17.7391 35.1737 18.4651 34.445 19.1943ZM24.6597 16.8897C24.4709 16.8897 24.3175 16.7368 24.3175 16.5475C24.3175 16.3582 24.4704 16.2053 24.6597 16.2053C25.3472 16.2053 25.972 16.4864 26.4244 16.9393C26.8773 17.3922 27.1583 18.017 27.1583 18.704V23.1113C27.1583 23.3001 27.0054 23.4535 26.8161 23.4535C26.6269 23.4535 26.4739 23.3006 26.4739 23.1113V18.704C26.4739 18.2052 26.2699 17.7518 25.9404 17.4228C25.6114 17.0938 25.1574 16.8892 24.6591 16.8892L24.6597 16.8897ZM18.2023 23.4541C18.0136 23.4541 17.8601 23.3012 17.8601 23.1119C17.8601 22.9226 18.013 22.7697 18.2023 22.7697H21.4676C21.9664 22.7697 22.4199 22.5656 22.7489 22.2361C23.0779 21.9071 23.2825 21.4531 23.2825 20.9549V18.704C23.2825 18.2052 23.0784 17.7518 22.7489 17.4228C22.4199 17.0938 21.9659 16.8892 21.4676 16.8892H18.2023C17.7035 16.8892 17.2501 17.0932 16.9211 17.4228C16.5921 17.7518 16.3875 18.2057 16.3875 18.704V26.2628C16.3875 26.4515 16.2346 26.605 16.0453 26.605C15.856 26.605 15.7031 26.4521 15.7031 26.2628V18.704C15.7031 18.0165 15.9842 17.3917 16.4371 16.9393C16.89 16.4864 17.5148 16.2053 18.2018 16.2053H21.4671C22.1547 16.2053 22.7795 16.4864 23.2318 16.9393C23.6842 17.3922 23.9658 18.017 23.9658 18.704V20.9549C23.9658 21.6424 23.6848 22.2672 23.2318 22.7196C22.7789 23.1725 22.1541 23.4535 21.4671 23.4535H18.2018L18.2023 23.4541ZM38.6578 23.4541C38.8466 23.4541 39 23.3012 39 23.1119C39 22.9226 38.8471 22.7697 38.6578 22.7697H36.9527C36.882 22.7697 36.8161 22.7586 36.7592 22.7365C36.7091 22.717 36.6648 22.689 36.63 22.6537C35.9055 21.9203 35.1737 21.1942 34.445 20.465C34.2494 20.2694 33.9911 20.1719 33.7327 20.1719C33.4744 20.1719 33.216 20.27 33.0204 20.465C32.2917 21.1937 31.5599 21.9203 30.8354 22.6537C30.8006 22.6895 30.7563 22.717 30.7062 22.7365C30.6493 22.7586 30.5834 22.7697 30.5127 22.7697H28.8076C28.6188 22.7697 28.4654 22.9226 28.4654 23.1119C28.4654 23.3012 28.6183 23.4541 28.8076 23.4541H30.5127C30.8117 23.4541 31.1122 23.3454 31.3237 23.1298C31.3274 23.1335 33.3183 21.1315 33.5018 20.948C33.5656 20.8847 33.6489 20.8531 33.7327 20.8531C33.8165 20.8531 33.8998 20.8847 33.9636 20.948C34.1477 21.132 36.1381 23.1335 36.1417 23.1298C36.3532 23.3454 36.6537 23.4541 36.9527 23.4541H38.6578Z",
+                fill: "#606062"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_3",
+                d: "M18.2053 24.7548C18.2928 24.7548 18.365 24.7685 18.423 24.7959C18.481 24.8233 18.5242 24.8608 18.5527 24.9077C18.5812 24.9551 18.5954 25.0094 18.5954 25.0717C18.5954 25.1376 18.5807 25.1961 18.5506 25.2478C18.5211 25.2989 18.4757 25.339 18.4156 25.368C18.3555 25.397 18.2822 25.4112 18.1963 25.4112H18.0698V25.7418H17.8594V24.7548H18.2053ZM25.7767 25.2219C25.8194 25.233 25.8552 25.2504 25.8842 25.2746C25.9132 25.2984 25.9343 25.3258 25.948 25.3564C25.9617 25.387 25.9686 25.4186 25.9686 25.4523C25.9686 25.5446 25.9359 25.6163 25.8711 25.6664C25.8062 25.7165 25.7134 25.7418 25.5921 25.7418H25.2051V24.7548H25.5663C25.6443 24.7548 25.7108 24.7658 25.7651 24.7875C25.8194 24.8091 25.8605 24.8397 25.8879 24.8787C25.9153 24.9177 25.9291 24.9636 25.9291 25.0163C25.9291 25.0601 25.9164 25.1001 25.8911 25.1376C25.8658 25.1745 25.8278 25.2029 25.7767 25.2219ZM25.416 24.9251V25.155H25.5378C25.6507 25.155 25.7071 25.1149 25.7071 25.0347C25.7071 24.9994 25.6944 24.972 25.6691 24.953C25.6438 24.934 25.6074 24.9251 25.5594 24.9251H25.416ZM25.571 25.5678C25.6343 25.5678 25.6791 25.5562 25.706 25.5335C25.7329 25.5109 25.7466 25.4798 25.7466 25.4413C25.7466 25.4028 25.7329 25.3738 25.705 25.3516C25.677 25.3295 25.6348 25.3179 25.5779 25.3179H25.4166V25.5678H25.5716H25.571ZM26.9161 24.7548V24.7669L26.5507 25.3305V25.7418H26.3403V25.3369L25.9839 24.7674V24.7553H26.2275L26.45 25.136L26.6815 24.7553H26.9161V24.7548ZM18.1752 25.2372C18.2385 25.2372 18.287 25.2251 18.3213 25.2014C18.3555 25.1776 18.3724 25.136 18.3724 25.0775C18.3724 25.0279 18.3571 24.9905 18.3265 24.9657C18.2959 24.9409 18.2532 24.9282 18.1984 24.9282H18.0692V25.2372H18.1747H18.1752ZM19.177 25.7629C19.0715 25.7629 18.9819 25.7413 18.9081 25.6975C18.8343 25.6537 18.7789 25.5931 18.7415 25.5156C18.704 25.4381 18.6851 25.3479 18.6851 25.2451C18.6851 25.1312 18.7077 25.0363 18.7536 24.9593C18.7995 24.8829 18.8601 24.826 18.9355 24.7885C19.0109 24.7516 19.0953 24.7332 19.1875 24.7332C19.293 24.7332 19.3826 24.7548 19.4564 24.7985C19.5303 24.8423 19.5856 24.9029 19.6225 24.9804C19.6594 25.0579 19.6779 25.1481 19.6779 25.2509C19.6779 25.3648 19.6552 25.4597 19.6099 25.5367C19.5645 25.6131 19.5044 25.6701 19.4285 25.7075C19.3531 25.7444 19.2687 25.7629 19.1765 25.7629H19.177ZM19.177 25.5863C19.2371 25.5863 19.2877 25.5725 19.3299 25.5457C19.3721 25.5188 19.4037 25.4803 19.4243 25.4297C19.4448 25.3796 19.4554 25.3205 19.4554 25.252C19.4554 25.1444 19.4327 25.0606 19.3868 24.9999C19.341 24.9393 19.2745 24.9093 19.1875 24.9093C19.1005 24.9093 19.0267 24.9388 18.9787 24.9984C18.9313 25.0579 18.907 25.1391 18.907 25.243C18.907 25.3469 18.9297 25.4349 18.9756 25.495C19.0215 25.5557 19.0884 25.5857 19.1765 25.5857L19.177 25.5863ZM21.0962 24.7548V24.7669L20.8431 25.7418H20.5753L20.4535 25.2008C20.4392 25.1407 20.4266 25.0685 20.4155 24.9831C20.4044 25.0685 20.3918 25.1413 20.3776 25.2008L20.2589 25.7418H19.9911L19.7369 24.7669V24.7548H19.9579L20.0844 25.2894C20.0913 25.3179 20.0992 25.3553 20.1071 25.4022C20.115 25.4492 20.1224 25.495 20.1282 25.5409C20.1445 25.4365 20.1598 25.3527 20.174 25.2894L20.299 24.7548H20.5442L20.666 25.2789C20.6844 25.3611 20.7008 25.4492 20.7145 25.5425C20.7208 25.4998 20.7282 25.4544 20.7366 25.407C20.7451 25.359 20.7535 25.3168 20.7619 25.2789L20.879 24.7548H21.0967H21.0962ZM21.4389 25.5646H21.8961V25.7413H21.2291V24.7542H21.8887V24.9293H21.4395V25.1518H21.828L21.8033 25.3253H21.4395V25.5646H21.4389ZM22.8541 25.7291V25.7413H22.6126L22.3648 25.3817H22.282V25.7413H22.0716V24.7542H22.4022C22.4898 24.7542 22.5625 24.768 22.621 24.7948C22.6796 24.8217 22.7228 24.8581 22.7513 24.9045C22.7797 24.9509 22.794 25.0031 22.794 25.0622C22.794 25.1312 22.7766 25.1908 22.7423 25.2409C22.708 25.291 22.6569 25.3284 22.5899 25.3527L22.8551 25.7291H22.8541ZM22.281 25.2193H22.3759C22.4381 25.2193 22.4861 25.2077 22.5198 25.1845C22.5536 25.1613 22.5704 25.1228 22.5704 25.0685C22.5704 25.0216 22.5557 24.9868 22.5251 24.9636C22.495 24.9404 22.4528 24.9288 22.3991 24.9288H22.281V25.2198V25.2193ZM23.1968 25.5646H23.6539V25.7413H22.987V24.7542H23.6466V24.9293H23.1973V25.1518H23.5859L23.5611 25.3253H23.1973V25.5646H23.1968ZM24.1575 24.7548C24.3283 24.7548 24.4606 24.7922 24.555 24.8666C24.6494 24.9414 24.6969 25.0685 24.6969 25.2483C24.6969 25.358 24.6721 25.4497 24.622 25.524C24.5724 25.5984 24.506 25.6532 24.4232 25.6885C24.3404 25.7239 24.2492 25.7418 24.1496 25.7418H23.8279V24.7548H24.1569H24.1575ZM24.109 25.5557C24.196 25.5557 24.265 25.5472 24.3172 25.5304C24.3694 25.5135 24.4084 25.4829 24.4348 25.4381C24.4617 25.3933 24.4749 25.33 24.4749 25.2478C24.4749 25.1718 24.4628 25.1112 24.439 25.0664C24.4153 25.0216 24.38 24.9894 24.3336 24.9699C24.2866 24.9499 24.2281 24.9404 24.1569 24.9404H24.0394V25.5557H24.1095H24.109Z",
+                fill: "#606062"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_4",
+              d: "M33.1359 25.7629C32.9704 25.7629 32.8491 25.717 32.7727 25.6253C32.6962 25.5335 32.6577 25.4102 32.6577 25.2557C32.6577 25.1307 32.6788 25.0295 32.7215 24.952C32.7642 24.8745 32.8206 24.8186 32.8913 24.7843C32.9619 24.75 33.0416 24.7332 33.1296 24.7332C33.1913 24.7332 33.2482 24.7405 33.3004 24.7553C33.3521 24.7701 33.4038 24.7927 33.456 24.8233L33.3748 24.9831C33.3026 24.9361 33.224 24.9129 33.1391 24.9129C32.9667 24.9129 32.8802 25.0231 32.8802 25.2435C32.8802 25.3532 32.9045 25.4365 32.9525 25.4935C33.0004 25.5504 33.0684 25.5789 33.156 25.5789C33.2008 25.5789 33.2398 25.5731 33.2736 25.5615C33.3073 25.5499 33.3426 25.5335 33.379 25.5119L33.4634 25.6643C33.4085 25.697 33.3548 25.7212 33.3026 25.7381C33.2504 25.755 33.1945 25.7634 33.1359 25.7634V25.7629ZM27.9583 25.2219C28.001 25.233 28.0368 25.2504 28.0658 25.2746C28.0948 25.2984 28.1159 25.3258 28.1296 25.3564C28.1433 25.387 28.1502 25.4186 28.1502 25.4523C28.1502 25.5446 28.1175 25.6163 28.0526 25.6664C27.9878 25.7165 27.895 25.7418 27.7737 25.7418H27.3867V24.7548H27.7479C27.8259 24.7548 27.8924 24.7658 27.9467 24.7875C28.001 24.8091 28.0421 24.8397 28.0695 24.8787C28.0969 24.9177 28.1106 24.9636 28.1106 25.0163C28.1106 25.0601 28.098 25.1001 28.0727 25.1376C28.0474 25.1745 28.0094 25.2029 27.9583 25.2219ZM27.5976 24.9251V25.155H27.7194C27.8323 25.155 27.8887 25.1149 27.8887 25.0347C27.8887 24.9994 27.876 24.972 27.8507 24.953C27.8254 24.934 27.789 24.9251 27.741 24.9251H27.5976ZM27.7526 25.5678C27.8159 25.5678 27.8607 25.5562 27.8876 25.5335C27.9145 25.5109 27.9282 25.4798 27.9282 25.4413C27.9282 25.4028 27.9145 25.3738 27.8866 25.3516C27.8586 25.3295 27.8164 25.3179 27.7595 25.3179H27.5981V25.5678H27.7532H27.7526ZM28.8282 24.7548L29.1831 25.7297V25.7418H28.9532L28.8741 25.5056H28.5087L28.4312 25.7418H28.2045V25.7297L28.5593 24.7548H28.8288H28.8282ZM28.5662 25.3316H28.8161L28.6896 24.9551L28.5662 25.3316ZM30.187 24.7548V25.7418H29.9524L29.6423 25.282C29.6154 25.2414 29.5933 25.2061 29.5748 25.1761C29.5564 25.146 29.5385 25.1123 29.5211 25.0748V25.7418H29.3107V24.7548H29.5421L29.8801 25.2604C29.8843 25.2667 29.8933 25.2804 29.9075 25.3021C29.9218 25.3237 29.935 25.3442 29.9466 25.3638C29.9582 25.3833 29.9682 25.4017 29.9761 25.4202V24.7548H30.1865H30.187ZM30.8297 25.7629C30.6642 25.7629 30.5429 25.717 30.4664 25.6253C30.39 25.5335 30.3515 25.4102 30.3515 25.2557C30.3515 25.1307 30.3726 25.0295 30.4153 24.952C30.458 24.8745 30.5144 24.8186 30.5851 24.7843C30.6557 24.75 30.7353 24.7332 30.8234 24.7332C30.8851 24.7332 30.942 24.7405 30.9942 24.7553C31.0459 24.7701 31.0976 24.7927 31.1498 24.8233L31.0686 24.9831C30.9963 24.9361 30.9178 24.9129 30.8329 24.9129C30.6605 24.9129 30.574 25.0231 30.574 25.2435C30.574 25.3532 30.5982 25.4365 30.6462 25.4935C30.6942 25.5504 30.7622 25.5789 30.8497 25.5789C30.8946 25.5789 30.9336 25.5731 30.9673 25.5615C31.0011 25.5499 31.0364 25.5335 31.0728 25.5119L31.1571 25.6643C31.1023 25.697 31.0485 25.7212 30.9963 25.7381C30.9441 25.755 30.8882 25.7634 30.8297 25.7634V25.7629ZM31.7007 25.7629C31.5953 25.7629 31.5057 25.7413 31.4318 25.6975C31.358 25.6537 31.3027 25.5931 31.2652 25.5156C31.2278 25.4381 31.2088 25.3479 31.2088 25.2451C31.2088 25.1312 31.2315 25.0363 31.2774 24.9593C31.3232 24.8829 31.3839 24.826 31.4593 24.7885C31.5347 24.7516 31.619 24.7332 31.7113 24.7332C31.8167 24.7332 31.9064 24.7548 31.9802 24.7985C32.054 24.8423 32.1094 24.9029 32.1463 24.9804C32.1832 25.0579 32.2016 25.1481 32.2016 25.2509C32.2016 25.3648 32.179 25.4597 32.1336 25.5367C32.0883 25.6131 32.0282 25.6701 31.9522 25.7075C31.8768 25.7444 31.7925 25.7629 31.7002 25.7629H31.7007ZM31.7007 25.5863C31.7608 25.5863 31.8115 25.5725 31.8536 25.5457C31.8958 25.5188 31.9275 25.4803 31.948 25.4297C31.9686 25.3796 31.9791 25.3205 31.9791 25.252C31.9791 25.1444 31.9565 25.0606 31.9106 24.9999C31.8647 24.9393 31.7983 24.9093 31.7113 24.9093C31.6243 24.9093 31.5505 24.9388 31.5025 24.9984C31.455 25.0579 31.4308 25.1391 31.4308 25.243C31.4308 25.3469 31.4535 25.4349 31.4993 25.495C31.5452 25.5557 31.6122 25.5857 31.7002 25.5857L31.7007 25.5863ZM33.7998 25.5646H34.2569V25.7413H33.5899V24.7542H34.2495V24.9293H33.8003V25.1518H34.1889L34.1641 25.3253H33.8003V25.5646H33.7998ZM35.3077 24.7548V25.7418H35.0731L34.7631 25.282C34.7362 25.2414 34.714 25.2061 34.6956 25.1761C34.6771 25.146 34.6592 25.1123 34.6418 25.0748V25.7418H34.4314V24.7548H34.6629L35.0008 25.2604C35.0051 25.2667 35.014 25.2804 35.0283 25.3021C35.0425 25.3237 35.0557 25.3442 35.0673 25.3638C35.0789 25.3833 35.0889 25.4017 35.0968 25.4202V24.7548H35.3072H35.3077ZM36.2752 24.7548V24.9393H35.9615V25.7418H35.7511V24.9393H35.4358V24.7548H36.2752ZM37.1858 25.7291V25.7413H36.9443L36.6965 25.3817H36.6137V25.7413H36.4034V24.7542H36.7339C36.8215 24.7542 36.8942 24.768 36.9528 24.7948C37.0113 24.8217 37.0545 24.8581 37.083 24.9045C37.1115 24.9509 37.1257 25.0031 37.1257 25.0622C37.1257 25.1312 37.1083 25.1908 37.074 25.2409C37.0398 25.291 36.9886 25.3284 36.9216 25.3527L37.1869 25.7291H37.1858ZM36.6132 25.2193H36.7081C36.7703 25.2193 36.8183 25.2077 36.852 25.1845C36.8858 25.1613 36.9027 25.1228 36.9027 25.0685C36.9027 25.0216 36.8879 24.9868 36.8573 24.9636C36.8273 24.9404 36.7851 24.9288 36.7313 24.9288H36.6132V25.2198V25.2193ZM37.8533 24.7548L38.2082 25.7297V25.7418H37.9783L37.8992 25.5056H37.5338L37.4563 25.7418H37.2296V25.7297L37.5844 24.7548H37.8538H37.8533ZM37.5913 25.3316H37.8412L37.7146 24.9551L37.5913 25.3316ZM38.5461 25.5557H39.0001V25.7413H38.3358V24.7542H38.5461V25.5557Z",
+              fill: "#32BCA9"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_5",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M25.8852 13.9887C26.1119 13.762 26.1831 13.6908 26.4098 13.4641C26.5016 13.3723 26.6518 13.3723 26.7436 13.4641C26.9703 13.6908 27.0415 13.762 27.2682 13.9887C27.36 14.0804 27.36 14.2307 27.2682 14.3224C27.0415 14.5492 26.9703 14.6203 26.7436 14.8471C26.6518 14.9388 26.5016 14.9388 26.4098 14.8471C26.1831 14.6203 26.1119 14.5492 25.8852 14.3224C25.7935 14.2307 25.7935 14.0804 25.8852 13.9887Z",
+              fill: "#32BCA9"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ u("defs", { xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("clipPath", { id: "clip0_1066_2050", children: /* @__PURE__ */ u("rect", { width: "38", height: "13.2099", fill: "white", transform: "translate(1 13.395)" }) }) })
+      ]
+    }
+  );
+};
+export {
+  IconPix
+};

package/dist/es/components/internal/icons/IconVietqr.js

@@ -0,0 +1,45 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+const IconVietqr = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { xmlns: "http://www.w3.org/2000/svg", id: "VietQR ", children: [
+        /* @__PURE__ */ u("rect", { width: "24", height: "24", rx: "4.8", fill: "white" }),
+        /* @__PURE__ */ u("g", { id: "g2", children: [
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "path1",
+              d: "M11.1125 19.5132C10.7461 19.3913 10.5049 19.2619 10.2169 19.021C9.95575 18.8256 9.73863 18.5315 9.57118 18.2603C8.18349 15.8121 6.75184 13.3891 5.3592 10.9435C5.1943 10.6608 4.47978 9.42297 4.15888 8.88045C3.84609 8.35097 3.78976 8.21376 3.6981 7.89805C3.66178 7.77295 3.60348 7.59156 3.60162 7.19741C3.5999 6.8305 3.63424 6.63101 3.68024 6.44243C3.883 5.61116 4.49674 4.89722 5.30587 4.55141C5.66546 4.39773 6.05361 4.33432 6.53074 4.35132C6.77634 4.36007 6.88778 4.37341 7.04621 4.41302C7.69879 4.57618 8.23044 4.8906 8.54848 5.30146C9.53263 6.86723 10.4312 8.48679 11.3564 10.0883C11.7852 10.8322 12.0151 11.2204 12.0208 11.2102C12.1168 11.038 12.2267 10.8604 12.3274 10.6866C12.5217 10.3524 12.9871 9.54774 13.696 8.32079C15.3116 5.52427 15.2778 5.58146 15.4248 5.39061C15.6718 5.06993 16.0609 4.76485 16.4452 4.59062C17.0163 4.33163 17.4778 4.34534 17.7136 4.35267C18.0742 4.36387 18.2751 4.39824 18.5632 4.49795C19.1402 4.6977 19.6254 5.13618 19.8669 5.45957C19.9827 5.61472 20.0992 5.82108 20.191 6.03381C20.3427 6.38524 20.4011 6.68916 20.4016 7.12965C20.4023 7.76138 20.2811 8.14496 19.852 8.86944C18.0718 11.9601 16.2635 15.0348 14.5133 18.1426C14.1827 18.7475 13.8057 19.0905 13.2713 19.3536C12.8652 19.5535 12.5523 19.6522 12.0024 19.6516C11.5055 19.651 11.3643 19.597 11.1125 19.5132Z",
+              fill: "#E7222D"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "path3",
+              d: "M9.55496 12.4501C9.02439 12.3681 8.68735 12.2356 8.33217 11.9693C8.16106 11.841 7.79817 11.4434 7.61513 11.1836C6.84529 9.99822 6.1676 8.75404 5.46547 7.52774C5.14583 6.95042 5.09996 6.80866 5.1016 6.40305C5.10288 6.0861 5.13774 5.90351 5.2588 5.62466C5.36359 5.38327 5.46537 5.23364 5.67424 5.02889C5.93891 4.76944 6.08291 4.70817 6.41534 4.60434C6.60163 4.54615 6.76265 4.53563 6.98249 4.53726C7.22176 4.53904 7.54408 4.50843 8.05359 4.84403C8.47018 5.11842 8.59465 5.28216 9.09018 6.14126C9.96259 7.64837 10.8322 9.15707 11.7058 10.6635L12.0173 11.2009L11.9624 11.3131C11.9321 11.3749 11.8489 11.4899 11.7775 11.5687C11.4995 11.8751 11.2629 12.0473 10.8096 12.2733C10.6683 12.3438 10.3989 12.4102 10.1602 12.4503C10.0326 12.4717 9.67919 12.4692 9.55496 12.4501Z",
+              fill: "#9E2D1F"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  IconVietqr
+};

package/dist/es/components/internal/icons/IconVietqrComplete.js

@@ -0,0 +1,49 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+const IconVietqrComplete = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      height: computedSize,
+      viewBox: "0 0 77 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style,
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { xmlns: "http://www.w3.org/2000/svg", id: "logo-VietQR", children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "path1",
+            d: "M10.798 21.8011C10.2713 21.6258 9.92445 21.4398 9.51047 21.0935C9.13497 20.8125 8.82283 20.3898 8.58211 19.9999C6.58712 16.4803 4.52893 12.9969 2.52683 9.4811C2.28976 9.07466 1.26256 7.29508 0.801223 6.51513C0.351537 5.75394 0.270564 5.55668 0.138788 5.10282C0.0865695 4.92296 0.00275196 4.66219 8.93571e-05 4.09555C-0.00238938 3.56806 0.046983 3.28128 0.113112 3.01017C0.4046 1.81511 1.28694 0.788727 2.45017 0.291579C2.96712 0.0706408 3.52514 -0.0205173 4.21107 0.00391868C4.56416 0.0164973 4.72437 0.0356746 4.95213 0.092622C5.89029 0.327189 6.65462 0.779213 7.11183 1.36988C8.52669 3.62088 9.81845 5.9492 11.1486 8.25161C11.765 9.32109 12.0955 9.87917 12.1037 9.86442C12.2418 9.61696 12.3997 9.36151 12.5446 9.11171C12.8238 8.63128 13.493 7.47445 14.512 5.71056C16.8347 1.6902 16.7861 1.77241 16.9975 1.49804C17.3525 1.03702 17.9119 0.598431 18.4643 0.347953C19.2855 -0.0243857 19.9489 -0.00467975 20.2879 0.00586032C20.8063 0.0219726 21.0952 0.0713712 21.5093 0.214722C22.3388 0.501889 23.0363 1.13226 23.3835 1.59717C23.55 1.82022 23.7175 2.11689 23.8495 2.42272C24.0675 2.92795 24.1515 3.36487 24.1522 3.99813C24.1532 4.90633 23.979 5.45778 23.3622 6.49931C20.8029 10.9425 18.2032 15.3628 15.687 19.8308C15.2117 20.7003 14.6698 21.1934 13.9016 21.5716C13.3177 21.859 12.8678 22.0009 12.0772 22.0001C11.3629 21.9993 11.16 21.9216 10.798 21.8011ZM25.527 21.8387C25.204 21.7478 24.9584 21.5724 24.7903 21.3125C24.5815 20.9898 24.5975 21.51 24.5987 15.0703C24.5997 9.45742 24.6014 9.27379 24.6525 9.13928C24.7348 8.92285 24.8333 8.77278 24.9878 8.6284C25.1402 8.48603 25.3775 8.35971 25.4935 8.35927C25.5326 8.35913 25.579 8.34469 25.5965 8.32721C25.6457 8.27805 26.2019 8.28727 26.3786 8.34018C26.7373 8.44757 27.0554 8.69809 27.2019 8.98856C27.3702 9.32243 27.3617 8.99639 27.3612 15.0971C27.3607 21.1969 27.3697 20.8636 27.1949 21.2096C27.0465 21.5034 26.8029 21.6996 26.4436 21.8148C26.254 21.8756 25.7085 21.8898 25.527 21.8387ZM43.7925 21.8085C43.328 21.659 43.0049 21.2714 42.9342 20.7788C42.9167 20.6565 42.9027 18.7965 42.8967 15.7963C42.8915 13.1632 42.8817 11.004 42.8749 10.998C42.8681 10.992 42.3143 10.9794 41.6444 10.97C40.2763 10.9508 40.2604 10.9485 39.9986 10.736C39.7255 10.5144 39.5839 10.212 39.5627 9.80499C39.5286 9.15071 39.8164 8.69 40.4001 8.46418C40.5448 8.4082 40.5882 8.40762 44.2717 8.41249C46.777 8.4158 48.0333 8.42704 48.1081 8.44679C48.3815 8.51903 48.7011 8.75713 48.838 8.99048C49.0625 9.37323 49.0776 9.97117 48.8729 10.372C48.7843 10.5455 48.5612 10.7655 48.3877 10.8504C48.1275 10.9777 48.0031 10.9871 46.8209 10.9688C45.8419 10.9537 45.7268 10.9565 45.7117 10.9959C45.7024 11.0201 45.6948 13.2254 45.6948 15.8965C45.6948 21.1876 45.7035 20.8912 45.5392 21.2151C45.4332 21.4241 45.2388 21.6176 45.0415 21.7105C44.6581 21.891 44.1684 21.9294 43.7925 21.8085ZM30.2153 21.727C29.9918 21.6646 29.7952 21.5541 29.6306 21.3986C29.4405 21.219 29.3279 21.0218 29.2582 20.7461C29.2039 20.5317 29.2031 20.4285 29.2101 14.8546L29.2173 9.18141L29.2916 9.02319C29.437 8.71317 29.734 8.4799 30.0563 8.4225C30.1328 8.40887 31.9419 8.40189 34.1285 8.40679C37.6102 8.41459 38.0805 8.42066 38.2156 8.45956C38.7771 8.62124 39.0825 9.05159 39.0808 9.67873C39.08 9.97948 39.0509 10.1232 38.9482 10.3326C38.7881 10.6593 38.4909 10.8851 38.1327 10.9523C37.9821 10.9805 34.3735 10.9695 33.037 10.9368C32.6756 10.9279 32.4194 10.9331 32.3745 10.9502C32.3336 10.9657 32.2744 10.968 32.2404 10.9554C32.2016 10.9411 32.1506 10.9473 32.1003 10.9724L32.0212 11.0118L32.0284 12.3687L32.0357 13.7256L34.9796 13.7397C38.2297 13.7553 38.0303 13.7437 38.3258 13.9332C38.7611 14.2123 38.9674 14.6802 38.8888 15.2102C38.8105 15.7376 38.4425 16.1561 37.9528 16.2745C37.8494 16.2995 37.0973 16.3064 34.9505 16.3018C33.3751 16.2984 32.0717 16.3046 32.054 16.3156C32.0302 16.3302 32.0217 16.7147 32.0217 17.7691V19.2027L35.1973 19.2102L38.3729 19.2176L38.5828 19.3213C38.8427 19.4496 39.0495 19.6596 39.1735 19.9213C39.2592 20.102 39.2629 20.1239 39.2629 20.4582C39.2629 20.8024 39.2616 20.8093 39.1599 21.0222C39.0448 21.2629 38.8586 21.4794 38.6734 21.5878C38.6057 21.6275 38.4469 21.6861 38.3206 21.7182C38.0957 21.7753 38.0614 21.776 36.6957 21.7522C35.2349 21.7267 33.7253 21.7268 31.6171 21.7525C30.5655 21.7653 30.3377 21.7612 30.2153 21.727ZM31.3799 8.70622C31.3799 8.70115 31.3557 8.69883 31.326 8.70106C31.2964 8.70329 31.278 8.7145 31.2851 8.72598C31.2969 8.74504 31.3799 8.72774 31.3799 8.70622ZM31.7985 8.71046C31.7985 8.70443 31.779 8.69203 31.7552 8.6829C31.7303 8.67338 31.7191 8.67805 31.7289 8.69385C31.7453 8.72034 31.7985 8.73304 31.7985 8.71046Z",
+            fill: "#E7222D"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "path2",
+            d: "M55.1925 21.92C53.8843 21.7615 52.6378 21.2664 51.6259 20.5033C51.0596 20.0763 50.3657 19.3185 50.0018 18.7297C49.3431 17.664 49.0164 16.459 49.0156 15.0914C49.0148 13.8128 49.3317 12.6021 49.9277 11.6057C50.7628 10.2098 52.011 9.20998 53.6295 8.64053C55.0053 8.15652 56.9498 8.08879 58.4191 8.47369C60.3524 8.98013 61.9394 10.215 62.8254 11.9022C63.1681 12.5548 63.3805 13.205 63.5031 13.9765C63.5564 14.3126 63.565 14.4751 63.5646 15.1473C63.5642 15.8695 63.5587 15.9582 63.4905 16.3322C63.2817 17.4773 62.8774 18.4001 62.1908 19.2988C62.0732 19.4528 61.8921 19.6654 61.7885 19.7713C61.6072 19.9566 61.5712 20.0188 61.6256 20.0524C61.6396 20.0611 61.7037 20.1638 61.7679 20.2808C61.8322 20.3977 62.0404 20.7617 62.2308 21.0896C62.4211 21.4175 62.5768 21.7013 62.5768 21.7202C62.5768 21.747 62.2641 21.7534 61.1478 21.7496L59.7188 21.7446L59.5759 21.4987C59.4973 21.3634 59.1973 20.845 58.9092 20.3466C58.6211 19.8483 58.2752 19.2524 58.1405 19.0224C57.9022 18.6154 57.3307 17.6229 56.4889 16.1538C56.2613 15.7567 56.0751 15.4306 56.0751 15.429C56.0751 15.4274 56.7248 15.4281 57.5189 15.4304C58.6954 15.434 58.9667 15.4417 58.9845 15.4723C58.9966 15.4929 59.1804 15.8108 59.393 16.1788C59.9347 17.1167 59.9375 17.1213 59.9749 17.1337C60.0445 17.1569 60.2761 16.5173 60.3711 16.0395C60.7339 14.2145 60.0272 12.4194 58.5808 11.4918C57.7968 10.989 56.7589 10.7563 55.8101 10.8705C54.5528 11.0219 53.5085 11.6432 52.8623 12.6244C52.4492 13.2516 52.2436 13.8512 52.1557 14.6854C52.0513 15.6769 52.3057 16.7396 52.8448 17.5648C53.3753 18.3765 54.2187 18.9722 55.1857 19.2182C55.5582 19.3129 55.7949 19.3425 56.2014 19.345C56.5457 19.3471 56.5516 19.3482 56.599 19.4196C56.6255 19.4594 56.9493 20.0136 57.3185 20.6511L57.9898 21.8103L57.8487 21.8442C57.3598 21.9618 55.8849 22.0039 55.1925 21.92ZM64.9975 21.7528C64.986 21.741 64.9766 18.7476 64.9766 15.1009V8.47049L68.2344 8.47074C71.6501 8.47102 71.7734 8.47473 72.4299 8.59758C73.7077 8.83668 74.8707 9.48307 75.5587 10.3365C76.2858 11.2385 76.58 12.286 76.5004 13.6892C76.4711 14.2054 76.3972 14.5742 76.2363 15.0082C76.0165 15.6012 75.7694 15.978 75.2746 16.4747C74.871 16.8798 74.5141 17.1414 74.0525 17.3702C73.9259 17.4329 73.8223 17.4958 73.8223 17.5099C73.8223 17.524 73.8643 17.5878 73.9157 17.6517C73.9671 17.7156 74.1391 17.9561 74.2979 18.1861C74.7976 18.9097 75.2065 19.4954 76.3609 21.1412C76.5653 21.4325 76.7376 21.6897 76.7438 21.7127C76.7538 21.7496 76.5594 21.7539 75.1003 21.749L73.4456 21.7436L71.5429 19.003C70.4964 17.4957 69.5192 16.0868 69.3714 15.8722C69.2235 15.6575 68.9458 15.2561 68.7543 14.9801C68.5627 14.7041 68.3953 14.4594 68.3823 14.4364C68.3613 14.3995 68.5499 14.3946 70.0086 14.3946H71.6586L71.9522 14.8189C72.1136 15.0522 72.2613 15.2435 72.2805 15.244C72.3977 15.2471 72.8814 14.8124 73.055 14.548C73.3028 14.1707 73.3833 13.8593 73.3869 13.2656C73.3892 12.8922 73.3808 12.8032 73.3251 12.6108C73.0637 11.7068 72.4545 11.2211 71.3253 11.016C71.0255 10.9615 68.1464 10.931 68.0854 10.9817C68.0518 11.0095 68.0461 11.7988 68.0461 16.3774V21.7406H66.6968C65.9547 21.7406 65.2735 21.7482 65.183 21.7574C65.0925 21.7667 65.009 21.7646 64.9975 21.7528Z",
+            fill: "#22447B"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "path3",
+            d: "M8.56249 11.6472C7.79974 11.5294 7.31519 11.3389 6.80457 10.9561C6.55858 10.7717 6.03688 10.2 5.77374 9.82653C4.66699 8.12241 3.69272 6.33375 2.68332 4.57079C2.22379 3.74081 2.15786 3.537 2.16022 2.95389C2.16206 2.49824 2.21217 2.23574 2.3862 1.83486C2.53686 1.48783 2.68318 1.27272 2.98345 0.978366C3.36395 0.605367 3.57096 0.51728 4.04888 0.368012C4.31669 0.284365 4.54819 0.26924 4.86424 0.271585C5.20822 0.274133 5.67159 0.230133 6.40409 0.7126C7.00298 1.10707 7.18193 1.34246 7.89432 2.57754C9.14851 4.74421 10.3988 6.91316 11.6546 9.07889L12.1025 9.85141L12.0235 10.0128C11.98 10.1015 11.8604 10.2668 11.7576 10.3801C11.358 10.8206 11.0179 11.0683 10.3661 11.3932C10.163 11.4944 9.77574 11.59 9.43258 11.6476C9.2492 11.6783 8.74109 11.6748 8.56249 11.6472Z",
+            fill: "#9E2D1F"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  IconVietqrComplete
+};

package/dist/es/components/wallets/GCash/GCash.js

@@ -12,6 +12,7 @@ import { getBrowserParams } from "../../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../../constant.js";
 import { getGcashPayInfo, gcashPay } from "../../../api/modules/gcash/index.js";
 import { PayKKaError } from "../../../core/error.js";
+import "../../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useRetry } from "../../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";

package/dist/es/components/wallets/OpayWallet/OpayWallet.js

@@ -0,0 +1,347 @@
+import { w, F, A, h, y, q, u, b } from "../../../core.js";
+import { useBEM } from "../../../hooks/useBEM.js";
+import { CoreContext } from "../../../core/context.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { redirectToPayment } from "../../../utils/redirect.js";
+import { formatPaymentResult } from "../../../utils/payment.js";
+import { isTimeoutError } from "../../../api/http.js";
+import { getBrowserParams } from "../../../api/modules/get-browser-params.js";
+import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../../constant.js";
+import { getOpayWalletPayInfo, opayWalletPay } from "../../../api/modules/opay-wallet/index.js";
+import { PayKKaError } from "../../../core/error.js";
+import "../../../out/worldpay-jsc-origin.js";
+import { usePayState } from "../../../hooks/usePayState.js";
+import { useRetry } from "../../../hooks/useRetry.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
+import { SubmitButton } from "../../SubmitButton/index.js";
+import { GuideCard } from "../../GuideCard/index.js";
+import { AddressField } from "../../AddressField/index.js";
+import { Info } from "../../internal/Info/Info.js";
+import "../../internal/Form/type.js";
+import "../../internal/Form/context.js";
+import "../../internal/Form/FormItem.js";
+import { Form } from "../../internal/Form/Form.js";
+import "./opay-wallet.js";
+const { bem } = useBEM("opay-wallet");
+const fieldClassNames = bem("field");
+const OpayWallet = w((props, ref) => {
+  const {
+    session,
+    showEmail = false,
+    showAddress = false,
+    core,
+    redirectMode = "auto",
+    autoQuery = true,
+    showGuideCard = true,
+    hidePaymentButton = false
+  } = props;
+  F(ref, () => ({
+    stopRetry: () => {
+      setSubmitButtonStatus("unSubmit");
+      stopReFetchPayInfo();
+    },
+    startRetry: (timeout) => {
+      setSubmitButtonStatus("loading");
+      startReFetchPayInfo({ timeout });
+    },
+    updateAddress: () => {
+      var _a;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.address.show))
+        return;
+      const newForm = Object.assign(form, { address: addressCore.getAddressState() });
+      setForm(newForm);
+      (_a = addressFieldRef.current) == null ? void 0 : _a.update(addressCore.getAddressState());
+      validateForm();
+    },
+    updateEmail: () => {
+      var _a;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
+        return;
+      const newForm = Object.assign(form, { email: emailState.email });
+      setForm(newForm);
+      (_a = emailFieldRef.current) == null ? void 0 : _a.update(emailState.email);
+      validateForm();
+    },
+    payment: () => {
+      hidePaymentButton && onSubmit();
+    }
+  }));
+  const addressCore = core.getAddressCore();
+  const emailState = createEmailCore();
+  const addressFieldRef = A(null);
+  const emailFieldRef = A(null);
+  const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
+  const formRef = A(null);
+  const [form, setForm] = h({
+    email: "",
+    address: {
+      country: void 0,
+      province: void 0,
+      city: void 0,
+      area: void 0,
+      postCode: void 0,
+      address1: void 0,
+      address2: void 0
+    }
+  });
+  const [validated, setValidated] = h(false);
+  const [fieldStatus, setFieldStatus] = h();
+  const initFieldStatus = () => {
+    const { field, sessionMode } = session.checkout;
+    const { email, address } = field;
+    if (sessionMode === SessionMode.COMPONENT) {
+      if (email.disabled) {
+        email.show = showEmail;
+      }
+      if (showAddress && !(address == null ? void 0 : address.show)) {
+        address.show = true;
+      }
+    }
+    setFieldStatus({ ...field });
+  };
+  const processOnSuccess = (res) => {
+    var _a, _b;
+    setSubmitButtonStatus("success");
+    (_b = props.onSuccess) == null ? void 0 : _b.call(props, formatPaymentResult({
+      ...res,
+      returnUrl: (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.returnUrl
+    }));
+  };
+  y(() => {
+    if (!sessionReady) {
+      return;
+    }
+    const { bill = {}, supportMethods = [], country } = (session == null ? void 0 : session.checkout) || {};
+    if (!supportMethods.includes(PaymentMethod.OPAY_WALLET)) {
+      return;
+    }
+    initFieldStatus();
+    setIsCheckoutEnabled(true);
+    country && addressCore.setCountry(country);
+    form.email = bill.email ?? "";
+    form.address.country = country;
+    if (autoQuery && core.processingPaymentMethod === PaymentMethod.OPAY_WALLET) {
+      setSubmitButtonStatus("loading");
+      startReFetchPayInfo();
+    }
+  }, [sessionReady]);
+  const processOnError = (error) => {
+    var _a;
+    (_a = props.onError) == null ? void 0 : _a.call(props, error);
+    core.resetEnablePaymentMethod();
+  };
+  const onTimeout = q(
+    (message) => {
+      var _a;
+      setErrorMsg(message || i18n.get("common.payTimeout"));
+      setSubmitButtonStatus("unSubmit");
+      (_a = props.onTimeout) == null ? void 0 : _a.call(props);
+      core.resetEnablePaymentMethod();
+    },
+    [i18n, props.onTimeout]
+  );
+  const { start: startReFetchPayInfo, stop: stopReFetchPayInfo } = useRetry(
+    (timeout) => pay(true, timeout),
+    { onTimeout: () => onTimeout(i18n.get("common.queryTimeout")) }
+  );
+  const getPaymentParams = async () => {
+    return {
+      sessionId: session.sessionId,
+      clientKey: session.clientKey,
+      payment: {
+        paymentMethod: PaymentMethod.OPAY_WALLET
+      },
+      bill: {
+        email: form.email,
+        addressLine1: form.address.address1,
+        addressLine2: form.address.address2,
+        postalCode: form.address.postCode,
+        country: form.address.country,
+        district: form.address.area,
+        state: form.address.province ? addressCore.getLabel(form.address.province, addressCore.getProvinceOption()) ?? form.address.province : void 0,
+        city: form.address.city ? addressCore.getLabel(form.address.city, addressCore.getCityOptions()) ?? form.address.city : void 0
+      },
+      browser: await getBrowserParams()
+    };
+  };
+  const pay = async (search = false, timeout) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    try {
+      const requestOptions = { locale: i18n.locale, timeout };
+      let res = null;
+      if (search) {
+        const extraParams = (_b = (_a = core.config)._getExtraParams) == null ? void 0 : _b.call(_a, "query", PaymentMethod.OPAY_WALLET);
+        res = await getOpayWalletPayInfo(
+          {
+            sessionId: session.sessionId,
+            clientKey: session.clientKey,
+            paymentMethod: PaymentMethod.OPAY_WALLET
+          },
+          extraParams,
+          requestOptions
+        );
+      } else {
+        const extraParams = (_d = (_c = core.config)._getExtraParams) == null ? void 0 : _d.call(_c, "payment", PaymentMethod.OPAY_WALLET);
+        res = await opayWalletPay(await getPaymentParams(), extraParams, requestOptions);
+      }
+      !search && ((_e = props.onSubmitResponse) == null ? void 0 : _e.call(props, res));
+      const { status, orderStatus, errorMessage, errorCode, payInfo, sessionId } = res;
+      sessionId && (session.sessionId = sessionId);
+      if (status === "PROCESSING") {
+        if (!orderStatus) {
+          setSubmitButtonStatus("unSubmit");
+          return { end: true };
+        } else if (orderStatus === "SUCCESS") {
+          processOnSuccess(res);
+          return { end: true };
+        } else if (orderStatus === "FAILURE") {
+          errorMessage && setErrorMsg(errorMessage);
+          setSubmitButtonStatus("unSubmit");
+          processOnError(new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
+          return { end: true };
+        } else if (orderStatus === "PROCESSING") {
+          if (!search) {
+            if (redirectMode === "auto" && payInfo) {
+              redirectToPayment(payInfo);
+              return { end: true };
+            } else {
+              startReFetchPayInfo();
+            }
+          }
+          return { end: false };
+        } else if (orderStatus === "CANCELED") {
+          setSubmitButtonStatus("unSubmit");
+          (_f = props.onTimeout) == null ? void 0 : _f.call(props);
+          core.resetEnablePaymentMethod();
+          return { end: true };
+        }
+      } else if (status === "SUCCESS") {
+        processOnSuccess(res);
+        return { end: true };
+      } else if (status === "EXPIRED") {
+        setSubmitButtonStatus("unSubmit");
+        (_g = props.onExpired) == null ? void 0 : _g.call(props);
+        return { end: true };
+      }
+      setSubmitButtonStatus("unSubmit");
+      return { end: true };
+    } catch (error) {
+      if (isTimeoutError(error)) {
+        if (search) {
+          return { end: false };
+        } else {
+          onTimeout();
+          return { end: true };
+        }
+      } else {
+        const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
+        message && setErrorMsg(message);
+        processOnError(new PayKKaError("API_ERROR", message, { code: error.code, cause: error }));
+        setSubmitButtonStatus("unSubmit");
+        return { end: true };
+      }
+    }
+  };
+  const validateForm = () => {
+    var _a;
+    (_a = formRef.current) == null ? void 0 : _a.validate(void 0, false).then(() => {
+      setValidated(true);
+    }).catch(() => {
+      setValidated(false);
+    });
+  };
+  y(() => {
+    validateForm();
+  }, [form]);
+  const onSubmit = async () => {
+    var _a;
+    setErrorMsg("");
+    (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
+      var _a2;
+      (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
+      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors);
+      if (errors) {
+        setSubmitButtonStatus("unSubmit");
+        return;
+      }
+      setErrorMsg("");
+      setSubmitButtonStatus("loading");
+      await pay();
+    });
+  };
+  const setFormRef = (dom) => {
+    formRef.current = dom;
+    dom && validateForm();
+  };
+  const Button = () => {
+    var _a;
+    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
+    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
+    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
+    return /* @__PURE__ */ u(
+      SubmitButton,
+      {
+        className: bem("button"),
+        status: submitButtonStatus,
+        text,
+        loadingText: i18n.get("common.payProcessing"),
+        successText: i18n.get("common.paySuccess"),
+        onClick: onSubmit,
+        verified: validated
+      }
+    );
+  };
+  const Email = () => {
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+      EmailField,
+      {
+        ref: emailFieldRef,
+        value: form.email,
+        disabled: fieldStatus == null ? void 0 : fieldStatus.email.disabled
+      }
+    ) }) });
+  };
+  const ErrorMessage = () => {
+    return /* @__PURE__ */ u(b, { children: !!errorMsg && /* @__PURE__ */ u(Info, { content: errorMsg }) });
+  };
+  const Address = () => {
+    var _a, _b;
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+      AddressField,
+      {
+        ref: addressFieldRef,
+        value: form.address,
+        country: ((_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.country) || ((_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.bill.country),
+        onAddressChange: (value) => setForm(Object.assign(form, { address: value }))
+      }
+    ) }) });
+  };
+  return /* @__PURE__ */ u(
+    CoreContext.Provider,
+    {
+      value: {
+        i18n,
+        session,
+        core
+      },
+      children: isCheckoutEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
+        showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.OPAY_WALLET }),
+        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+          Email(),
+          Address(),
+          /* @__PURE__ */ u("div", { className: bem("footer-wrapper"), children: [
+            ErrorMessage(),
+            !hidePaymentButton && Button()
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+});
+export {
+  OpayWallet
+};

package/dist/es/components/wallets/OpayWallet/index.js

@@ -0,0 +1 @@
+import "./OpayWallet.js";

package/dist/es/components/wallets/OpayWallet/opay-wallet.js

@@ -0,0 +1 @@
+

package/dist/es/components/wallets/OpayWallet/type.js

@@ -0,0 +1 @@
+