@paykka/card-checkout-ui 0.8.0 → 0.9.2

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

@@ -0,0 +1,255 @@
+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 IconNinePay = ({ 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",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u("g", { id: "9pay", children: [
+          /* @__PURE__ */ u("rect", { width: "24", height: "24", rx: "4.8", fill: "white" }),
+          /* @__PURE__ */ u("g", { id: "Logo 9Pay 1", "clip-path": "url(#clip0_3458_32180)", children: [
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector",
+                d: "M11.1713 12.4583C11.8846 12.4201 12.4578 11.8596 12.5215 11.1718C12.5215 11.1336 12.5215 11.0827 12.5215 11.0444V10.5477C12.5215 9.75797 11.8846 9.12109 11.0949 9.12109H10.9675C10.6746 9.33763 10.4708 9.69428 10.4453 10.0891V13.1716C10.4453 12.7895 10.7383 12.4838 11.1204 12.471C11.1459 12.4583 11.1586 12.4583 11.1713 12.4583Z",
+                fill: "url(#paint0_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_2",
+                d: "M7.19955 10.7131C7.19955 8.8916 5.72201 7.41406 3.90056 7.41406C2.0791 7.41406 0.601562 8.8916 0.601562 10.7131C0.601562 12.5345 2.0791 14.0121 3.90056 14.0121C5.72201 14.0121 7.19955 12.5345 7.19955 10.7131ZM3.90056 11.299C3.58212 11.299 3.31464 11.0442 3.31464 10.7131C3.31464 10.3946 3.56938 10.1271 3.90056 10.1271C4.21899 10.1271 4.48648 10.3819 4.48648 10.7131C4.48648 11.0315 4.21899 11.299 3.90056 11.299Z",
+                fill: "url(#paint1_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_3",
+                d: "M3.89687 7.41406C3.65486 7.41406 3.42559 7.43954 3.20905 7.49049C4.0752 7.9363 4.66112 8.84065 4.66112 9.88512C4.66112 10.3564 4.53375 10.8022 4.32995 11.1843L3.0562 13.8974L2.71229 14.6362C2.63587 14.8018 2.59766 14.9801 2.59766 15.1712C2.59766 15.8972 3.18358 16.4704 3.90961 16.4704C4.3809 16.4704 4.80123 16.2156 5.03051 15.8335L6.80101 12.3307L6.95386 12.025V12.0123C7.13218 11.6174 7.22134 11.1716 7.22134 10.7003C7.19587 8.8916 5.71833 7.41406 3.89687 7.41406Z",
+                fill: "url(#paint2_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_4",
+                d: "M20.9415 14.6509C20.9797 14.5236 21.0051 14.3962 21.0051 14.2561C21.0051 13.9631 20.916 13.6956 20.7631 13.4791L20.7122 13.4027L20.0881 12.5492L19.9862 12.4219C20.0116 12.4728 20.0371 12.5238 20.0371 12.5875C20.0371 12.6257 20.0244 12.6639 20.0116 12.7021C20.0116 12.7148 19.9989 12.7276 19.9989 12.7403L19.9225 12.9059L19.7059 13.3517C19.4767 13.8357 19.6677 14.4089 20.1517 14.6382C20.4065 14.7528 20.6994 14.7528 20.9415 14.6509Z",
+                fill: "url(#paint3_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_5",
+                d: "M23.0825 10.8035L23.2353 10.4978C23.4646 10.0137 23.2735 9.44055 22.7895 9.21127C22.6749 9.14759 22.5475 9.12211 22.4201 9.10938C22.4074 9.10938 22.3947 9.10938 22.3819 9.10938C22.3692 9.10938 22.3564 9.10938 22.3437 9.10938C21.9871 9.10938 21.6559 9.31317 21.4903 9.64435L21.1846 10.2685C21.1591 10.3322 21.0954 10.3831 21.019 10.3831C20.9681 10.3831 20.9171 10.3576 20.8789 10.3194L21.0445 10.5614C21.0445 10.5614 21.0445 10.5742 21.0572 10.5742C21.312 10.9181 21.7196 11.1346 22.1781 11.1346C22.522 11.1346 22.8405 11.0073 23.0825 10.8035Z",
+                fill: "url(#paint4_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_6",
+                d: "M16.0479 13.6577C16.43 13.6577 16.7739 13.8487 16.965 14.1417L16.9777 14.1672C17.0032 14.2054 17.0287 14.2563 17.0414 14.2945C17.3089 14.6767 17.8311 14.8295 18.2642 14.613C18.7482 14.3837 18.9393 13.7978 18.71 13.3265L17.9076 11.6834L16.9141 9.63263C16.7485 9.30146 16.4173 9.09766 16.0606 9.09766C16.0479 9.09766 16.0352 9.09766 16.0224 9.09766C16.0097 9.09766 15.997 9.09766 15.9842 9.09766C15.6276 9.09766 15.2964 9.30146 15.1308 9.63263L14.1373 11.6834L13.3348 13.3265C13.1056 13.8105 13.2966 14.3837 13.7806 14.613C14.2137 14.8295 14.736 14.6767 15.0034 14.2945C15.0289 14.2563 15.0544 14.2181 15.0799 14.1672L15.0926 14.1417C15.3346 13.8487 15.6658 13.6577 16.0479 13.6577Z",
+                fill: "url(#paint5_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_7",
+                d: "M16.7114 13.6174C16.7623 13.6939 16.8005 13.783 16.8515 13.8722C16.877 13.9231 16.9024 13.9741 16.9152 14.025L16.9789 14.1524L16.9916 14.1779C17.0171 14.2161 17.0425 14.267 17.0553 14.3053C17.3228 14.6874 17.845 14.8402 18.2781 14.6237C18.7621 14.3944 18.9532 13.8085 18.7239 13.3372L17.9214 11.6941L17.0935 10C16.9406 10.5732 16.4184 11.0063 15.7815 11.0063C15.7051 11.0063 15.6414 11.0063 15.5777 10.9935C15.4758 10.9808 15.3612 10.968 15.2593 10.968C14.9663 10.968 14.6734 11.0317 14.4314 11.1591L14.1639 11.7068L13.6289 12.8022C13.9601 12.6239 14.3295 12.522 14.7243 12.522C15.1064 12.522 15.4758 12.6112 15.7943 12.7768C16.1764 12.9551 16.4948 13.2481 16.7114 13.6174Z",
+                fill: "url(#paint6_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_8",
+                d: "M20.7492 13.4669C20.762 13.4669 20.762 13.4669 20.7492 13.4669C20.9021 13.6962 20.9912 13.9637 20.9912 14.2567C20.9912 14.3968 20.9658 14.5241 20.9275 14.6515C21.0931 14.5878 21.246 14.4732 21.3479 14.3076C21.3606 14.2949 21.3606 14.2949 21.3606 14.2821C21.3734 14.2567 21.3988 14.2184 21.4116 14.193L21.4243 14.1675L22.3032 12.3588L22.3414 12.2824L22.3923 12.1677L23.042 10.8303C22.7999 11.0341 22.4815 11.1615 22.1376 11.1615C21.6791 11.1615 21.2715 10.9449 21.0167 10.601L21.004 10.5883L20.8384 10.3463L20.8256 10.3335L20.3544 9.68392C20.1633 9.42917 19.8703 9.28906 19.5774 9.28906C19.5264 9.28906 19.4755 9.28906 19.4245 9.3018C19.4118 9.3018 19.3991 9.3018 19.3863 9.3018C19.3736 9.3018 19.3608 9.3018 19.3481 9.31454C19.2207 9.34001 19.1061 9.39096 19.0042 9.46739C18.5711 9.78582 18.4692 10.3845 18.7877 10.8176L19.8576 12.2951L19.934 12.397C19.9468 12.4097 19.9468 12.4225 19.9595 12.4225L20.0614 12.5498L20.6855 13.4033C20.7237 13.416 20.7365 13.4415 20.7492 13.4669Z",
+                fill: "url(#paint7_linear_3458_32180)"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_9",
+                d: "M9.49148 14.7128C10.0265 14.7128 10.4595 14.2798 10.4595 13.7448V10.2165C10.4595 10.191 10.4595 10.1656 10.4595 10.1528C10.4595 10.1401 10.4595 10.1146 10.4595 10.0891C10.485 9.69428 10.6761 9.35037 10.9818 9.12109H9.51696C9.50422 9.12109 9.49148 9.12109 9.49148 9.12109C8.95651 9.12109 8.52344 9.55417 8.52344 10.0891V13.7703C8.52344 14.2925 8.95651 14.7128 9.49148 14.7128Z",
+                fill: "url(#paint8_linear_3458_32180)"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ u("defs", { children: [
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint0_linear_3458_32180",
+              x1: "11.8782",
+              y1: "12.3446",
+              x2: "10.1814",
+              y2: "9.32182",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#4778BB" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint1_linear_3458_32180",
+              x1: "4.8853",
+              y1: "11.5712",
+              x2: "0.519652",
+              y2: "7.77454",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "0.1859", "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "0.4106", "stop-color": "#44788E" }),
+                /* @__PURE__ */ u("stop", { offset: "0.7897", "stop-color": "#6FC387" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#6FC387" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint2_linear_3458_32180",
+              x1: "4.88173",
+              y1: "14.6809",
+              x2: "4.88173",
+              y2: "9.50722",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#4A96D1" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#6FC387" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint3_linear_3458_32180",
+              x1: "20.6961",
+              y1: "14.238",
+              x2: "19.7317",
+              y2: "13.2153",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "0.9838", "stop-color": "#4778BB" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#4778BB" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint4_linear_3458_32180",
+              x1: "22.7249",
+              y1: "10.7649",
+              x2: "21.1124",
+              y2: "8.91884",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "0.9838", "stop-color": "#4778BB" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#4778BB" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint5_linear_3458_32180",
+              x1: "16.469",
+              y1: "13.7013",
+              x2: "14.4434",
+              y2: "10.9459",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#30548B" }),
+                /* @__PURE__ */ u("stop", { offset: "0.9838", "stop-color": "#4778BB" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#4778BB" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint6_linear_3458_32180",
+              x1: "18.0054",
+              y1: "13.9031",
+              x2: "14.2544",
+              y2: "10.3183",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#4896D2" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#52BDD0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint7_linear_3458_32180",
+              x1: "22.3146",
+              y1: "13.0485",
+              x2: "18.8963",
+              y2: "9.35731",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#4896D2" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#52BDD0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "paint8_linear_3458_32180",
+              x1: "9.75617",
+              y1: "14.265",
+              x2: "9.75617",
+              y2: "9.92381",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ u("stop", { "stop-color": "#4896D2" }),
+                /* @__PURE__ */ u("stop", { offset: "1", "stop-color": "#52BDD0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u("clipPath", { id: "clip0_3458_32180", children: /* @__PURE__ */ u(
+            "rect",
+            {
+              width: "22.8",
+              height: "9.17095",
+              fill: "white",
+              transform: "translate(0.601562 7.41406)"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  IconNinePay
+};

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

@@ -0,0 +1,114 @@
+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 IconPaymaya = ({ 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",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u("g", { id: "Paymaya", children: [
+          /* @__PURE__ */ u("rect", { width: "24", height: "24", rx: "4.8", fill: "white" }),
+          /* @__PURE__ */ u("g", { id: "Paymaya_logo 1", "clip-path": "url(#clip0_914_2845)", children: [
+            /* @__PURE__ */ u("g", { id: "#91c83eff", children: /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector",
+                d: "M3.51094 9.63928C3.94853 9.54029 4.39568 9.72081 4.73593 9.98993C5.23757 10.3855 5.56118 10.9574 5.80868 11.536C5.95343 11.9033 6.08612 12.2773 6.17305 12.6629C6.19343 12.7356 6.2055 12.8613 6.10192 12.8712C5.49505 12.9095 4.88068 12.88 4.28379 12.7577C3.71726 12.625 3.14116 12.3746 2.77845 11.9008C2.54177 11.5797 2.38412 11.1783 2.44152 10.774C2.4956 10.4433 2.65657 10.1201 2.92112 9.90799C3.09249 9.77197 3.30005 9.69044 3.51094 9.63928Z",
+                fill: "#91C83E"
+              }
+            ) }),
+            /* @__PURE__ */ u("g", { id: "#0284ccff", children: /* @__PURE__ */ u(
+              "path",
+              {
+                id: "Vector_2",
+                d: "M0.777714 11.2611C1.00566 10.6247 1.66994 10.2204 2.33255 10.2117C2.24312 10.4729 2.12707 10.737 2.15369 11.0207C2.20402 11.5976 2.52847 12.1392 2.99101 12.4832C3.59123 12.9212 4.34328 13.0834 5.07161 13.1412C5.16479 13.16 5.30663 13.1292 5.34406 13.2448C5.44098 13.5314 5.53332 13.8197 5.60944 14.1125C5.63024 14.1953 5.66518 14.2847 5.62899 14.3683C5.44555 14.3995 5.25796 14.3783 5.07286 14.382C4.22764 14.3521 3.36661 14.2868 2.56965 13.9831C1.92076 13.7473 1.29558 13.3488 0.945344 12.7369C0.683292 12.3006 0.573896 11.7432 0.777714 11.2611Z",
+                fill: "#0284CC"
+              }
+            ) }),
+            /* @__PURE__ */ u("g", { id: "#00324dff", children: [
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_3",
+                  d: "M7.34075 10.4481C7.70929 10.4423 8.07824 10.4439 8.44677 10.446C8.68803 10.4464 8.93552 10.5138 9.11688 10.6785C9.52701 11.0404 9.48208 11.8008 8.99958 12.0803C8.68095 12.2916 8.28205 12.24 7.91976 12.2488C7.91685 12.5071 7.92101 12.7658 7.91602 13.0241C7.72551 13.0195 7.53251 13.0449 7.34408 13.0112C7.33534 12.1573 7.34325 11.3025 7.34075 10.4481ZM7.92017 10.9597C7.91768 11.2205 7.91643 11.4817 7.92184 11.743C8.14853 11.7301 8.39145 11.7841 8.60608 11.691C8.86273 11.5795 8.89559 11.1606 8.64269 11.0284C8.42223 10.9086 8.15976 10.9726 7.92017 10.9597Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_4",
+                  d: "M14.1278 10.4469C14.3137 10.4465 14.4996 10.4386 14.6856 10.4469C14.7442 10.4365 14.7692 10.4968 14.7979 10.5343C15.0038 10.8658 15.2055 11.2002 15.4176 11.528C15.6398 11.1657 15.8644 10.8046 16.0906 10.4448C16.2949 10.4444 16.4995 10.4432 16.7038 10.4486C16.7013 11.3075 16.7125 12.1669 16.6979 13.0258C16.5141 13.0279 16.3307 13.0262 16.1472 13.0229C16.1393 12.4659 16.1497 11.909 16.1414 11.352C15.8885 11.7114 15.6639 12.0908 15.406 12.4472C15.1681 12.0866 14.9347 11.7231 14.6905 11.367C14.6776 11.9173 14.7093 12.4701 14.6752 13.0188C14.4934 13.0346 14.3104 13.0254 14.1282 13.0237C14.1236 12.1648 14.1244 11.3059 14.1278 10.4469Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_5",
+                  d: "M9.78918 11.1815C10.1074 11.0313 10.4705 10.9989 10.8162 11.0471C11.0424 11.0771 11.2625 11.2176 11.3523 11.4327C11.473 11.6952 11.438 11.9905 11.4426 12.2704C11.4372 12.5179 11.4551 12.7662 11.433 13.0133C11.3103 13.0316 11.186 13.0295 11.0624 13.0283C11.0079 13.0171 10.9297 13.0483 10.8952 12.9904C10.894 12.9505 10.891 12.8702 10.8898 12.8299C10.6236 13.0807 10.1956 13.1473 9.87985 12.9513C9.53004 12.7467 9.52296 12.1631 9.86779 11.9506C10.1785 11.7634 10.5645 11.7958 10.901 11.8869C10.8923 11.7688 10.8736 11.6353 10.7567 11.5737C10.4988 11.4169 10.1935 11.5421 9.92478 11.5957C9.86654 11.4622 9.83285 11.32 9.78918 11.1815ZM10.2434 12.238C10.0995 12.3428 10.1394 12.6015 10.3158 12.6469C10.4884 12.6876 10.703 12.6768 10.8278 12.5337C10.9143 12.4543 10.8906 12.3257 10.9089 12.2213C10.6955 12.1565 10.441 12.1028 10.2434 12.238Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_6",
+                  d: "M17.3821 11.181C17.7315 11.02 18.1346 10.9875 18.5089 11.0678C18.8246 11.1448 19.0247 11.4605 19.0297 11.7749C19.0322 12.1917 19.0351 12.6089 19.0268 13.0257C18.8458 13.0278 18.6653 13.0257 18.4848 13.0224C18.4844 12.9563 18.4844 12.8901 18.4848 12.8236C18.2119 13.0931 17.7515 13.1505 17.4341 12.9267C17.1928 12.7599 17.1542 12.4097 17.2694 12.1568C17.3779 11.9476 17.6179 11.8473 17.8417 11.8228C18.0618 11.7937 18.2822 11.8353 18.4964 11.8852C18.4781 11.7558 18.4474 11.6065 18.3126 11.5507C18.0559 11.4405 17.7718 11.527 17.5189 11.6057C17.4665 11.4663 17.4212 11.3245 17.3821 11.181ZM17.9228 12.1897C17.8309 12.2154 17.7639 12.3003 17.7506 12.3935C17.7248 12.5241 17.8392 12.6559 17.9703 12.6597C18.1221 12.6784 18.3005 12.6663 18.4095 12.5445C18.496 12.4609 18.4894 12.3332 18.5014 12.2229C18.3163 12.1639 18.1113 12.1198 17.9228 12.1897Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_7",
+                  d: "M21.6845 11.1817C22.0015 11.0307 22.3646 10.9995 22.7094 11.0465C22.929 11.0748 23.1408 11.2067 23.2377 11.4097C23.3109 11.5453 23.3333 11.7013 23.33 11.8539C23.3288 12.2441 23.33 12.6342 23.3288 13.0244C23.1483 13.0265 22.9677 13.0265 22.7872 13.0248C22.7876 12.9583 22.7889 12.8921 22.7909 12.826C22.6587 12.9312 22.5114 13.0302 22.34 13.0531C22.0655 13.1005 21.7398 13.0128 21.5884 12.7632C21.4865 12.5731 21.4878 12.3314 21.5826 12.1388C21.6932 11.9408 21.9241 11.8531 22.1379 11.824C22.3617 11.789 22.5859 11.8369 22.8047 11.8818C22.7789 11.7612 22.7581 11.6143 22.63 11.5586C22.3746 11.4371 22.0813 11.5224 21.8272 11.6068C21.7702 11.4683 21.7215 11.3265 21.6845 11.1817ZM22.1629 12.2212C21.9998 12.3148 22.0256 12.596 22.2107 12.6467C22.3841 12.6875 22.5996 12.6767 22.7244 12.5327C22.8005 12.4487 22.7918 12.3285 22.8084 12.2241C22.6017 12.1596 22.3617 12.1064 22.1629 12.2212Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_8",
+                  d: "M11.6797 11.0528C11.8773 11.0462 12.0748 11.0474 12.2724 11.0495C12.4176 11.4913 12.5694 11.9309 12.7142 12.3727C12.8743 11.9384 13.0066 11.4933 13.143 11.0508C13.3381 11.047 13.5328 11.0462 13.7278 11.0524C13.4845 11.7379 13.2187 12.4155 12.9658 13.0977C12.8918 13.2886 12.7886 13.4991 12.5869 13.5798C12.3352 13.6804 12.0549 13.6126 11.824 13.4912C11.886 13.3568 11.9463 13.2216 12.01 13.0881C12.0944 13.1152 12.178 13.1526 12.2678 13.1584C12.3506 13.1647 12.3989 13.0865 12.4563 13.0411C12.1938 12.3797 11.9313 11.7184 11.6797 11.0528Z",
+                  fill: "#00324D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_9",
+                  d: "M19.2695 11.0507C19.465 11.0474 19.6609 11.0482 19.8569 11.0474C20.0074 11.4899 20.1522 11.935 20.3053 12.3772C20.4562 11.9363 20.5914 11.4904 20.737 11.0478C20.9296 11.0478 21.1226 11.0474 21.3152 11.0515C21.0947 11.68 20.8468 12.299 20.6181 12.925C20.5344 13.1313 20.4708 13.3651 20.2911 13.5119C20.0316 13.7016 19.6768 13.6346 19.4114 13.4919C19.4709 13.3572 19.5316 13.2228 19.5956 13.0901C19.7 13.1176 19.8094 13.182 19.9188 13.1463C19.9704 13.1188 20.0524 13.0681 20.0216 12.9986C19.7774 12.3468 19.5054 11.7054 19.2695 11.0507Z",
+                  fill: "#00324D"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_914_2845", children: /* @__PURE__ */ u(
+          "rect",
+          {
+            width: "22.8",
+            height: "4.86667",
+            fill: "white",
+            transform: "translate(0.601562 9.56665)"
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  IconPaymaya
+};

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

@@ -0,0 +1,58 @@
+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 IconRedirect = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 36 36",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { id: "icon-toAlipay+", children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Subtract",
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M3 9C3 7.34315 4.34315 6 6 6H30C31.6569 6 33 7.34315 33 9V27C33 28.6569 31.6569 30 30 30H6C4.34315 30 3 28.6569 3 27V9ZM4.5 12C4.5 10.8954 5.39543 10 6.5 10H29.5C30.6046 10 31.5 10.8954 31.5 12V26.5C31.5 27.6046 30.6046 28.5 29.5 28.5H6.5C5.39543 28.5 4.5 27.6046 4.5 26.5V12ZM6.5457 8.70005C6.9323 8.70005 7.2457 8.38665 7.2457 8.00005C7.2457 7.61345 6.9323 7.30005 6.5457 7.30005C6.1591 7.30005 5.8457 7.61345 5.8457 8.00005C5.8457 8.38665 6.1591 8.70005 6.5457 8.70005ZM9.2457 8.00005C9.2457 8.38665 8.9323 8.70005 8.5457 8.70005C8.1591 8.70005 7.8457 8.38665 7.8457 8.00005C7.8457 7.61345 8.1591 7.30005 8.5457 7.30005C8.9323 7.30005 9.2457 7.61345 9.2457 8.00005ZM10.5457 8.70005C10.9323 8.70005 11.2457 8.38665 11.2457 8.00005C11.2457 7.61345 10.9323 7.30005 10.5457 7.30005C10.1591 7.30005 9.8457 7.61345 9.8457 8.00005C9.8457 8.38665 10.1591 8.70005 10.5457 8.70005Z",
+            fill: "#A3A3A7"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector",
+            d: "M19 15L23.0002 19.0002L19 23.0005",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_2",
+            d: "M12 18.9294L22 18.9294",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  IconRedirect
+};

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

@@ -0,0 +1,102 @@
+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 IconScan = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 36 36",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { id: "icon-toWechatPay", children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Subtract",
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M10 2C8.89543 2 8 2.89543 8 4V32C8 33.1046 8.89543 34 10 34H26C27.1046 34 28 33.1046 28 32V4C28 2.89543 27.1046 2 26 2H10ZM11.5 6C10.3954 6 9.5 6.89543 9.5 8V30.5C9.5 31.6046 10.3954 32.5 11.5 32.5H24.5C25.6046 32.5 26.5 31.6046 26.5 30.5V8C26.5 6.89543 25.6046 6 24.5 6H11.5ZM14.7559 4.00005C14.7559 3.61345 15.0693 3.30005 15.4559 3.30005H18.4559C18.8425 3.30005 19.1559 3.61345 19.1559 4.00005C19.1559 4.38665 18.8425 4.70005 18.4559 4.70005H15.4559C15.0693 4.70005 14.7559 4.38665 14.7559 4.00005ZM20.5457 4.70005C20.9323 4.70005 21.2457 4.38665 21.2457 4.00005C21.2457 3.61345 20.9323 3.30005 20.5457 3.30005C20.1591 3.30005 19.8457 3.61345 19.8457 4.00005C19.8457 4.38665 20.1591 4.70005 20.5457 4.70005Z",
+            fill: "#A3A3A7"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector",
+            d: "M15.5 30H20.5",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_2",
+            d: "M13 15V12H16",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_3",
+            d: "M16 22H13V19",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_4",
+            d: "M23 19V22H20",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_5",
+            d: "M20 12H23V15",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector_6",
+            d: "M15 17H21",
+            stroke: "#A3A3A7",
+            "stroke-width": "1.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  IconScan
+};

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

@@ -0,0 +1,108 @@
+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 IconShopeePay = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 22 22",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u("g", { id: "ShopeePay online", children: [
+          /* @__PURE__ */ u("rect", { width: "22", height: "22", rx: "4.4", fill: "white" }),
+          /* @__PURE__ */ u("g", { id: "ShopeePay  1 Payment Method For Ecommerce 1", "clip-path": "url(#clip0_888_4017)", children: /* @__PURE__ */ u("g", { id: "Clip path group", children: [
+            /* @__PURE__ */ u(
+              "mask",
+              {
+                id: "mask0_888_4017",
+                style: "mask-type:luminance",
+                maskUnits: "userSpaceOnUse",
+                x: "0",
+                y: "6",
+                width: "22",
+                height: "10",
+                children: /* @__PURE__ */ u("g", { id: "clip0_33356_42067", children: /* @__PURE__ */ u(
+                  "path",
+                  {
+                    id: "Vector",
+                    d: "M21.3809 6.74493H0.550781V15.2551H21.3809V6.74493Z",
+                    fill: "white"
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ u("g", { mask: "url(#mask0_888_4017)", children: /* @__PURE__ */ u("g", { id: "Group", children: [
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_2",
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M9.85742 13.3913V8.36891C9.85742 8.26471 9.94177 8.18036 10.046 8.18036H11.7419C12.6965 8.19276 13.4732 8.97025 13.4732 9.91346C13.4732 10.8567 12.6962 11.6342 11.7411 11.6466H10.5143V13.3911C10.5143 13.4953 10.43 13.5796 10.3258 13.5796H10.046C9.94177 13.5796 9.85742 13.4953 9.85742 13.3911V13.3913ZM10.5141 10.9641H11.7339C12.0197 10.9641 12.2884 10.8534 12.4903 10.6522C12.6923 10.4513 12.8034 10.1844 12.8034 9.90055C12.8034 9.31409 12.3248 8.83728 11.7369 8.83728H10.5141V10.9641Z",
+                  fill: "#EE4D2D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_3",
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M17.7977 15.0852L19.0815 12.8795L17.5442 10.363C17.498 10.2875 17.5523 10.191 17.6407 10.191H18.263L19.4995 12.1963L20.6936 10.191H21.2679C21.3554 10.191 21.4098 10.2863 21.3651 10.3617L18.4717 15.2554H17.8955C17.8081 15.2554 17.7538 15.1608 17.7977 15.0854V15.0852Z",
+                  fill: "#EE4D2D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_4",
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M16.3534 13.3655V13.0755L16.2579 13.1549C15.9488 13.4121 15.5535 13.5538 15.1458 13.5538C14.2038 13.5538 13.4375 12.7994 13.4375 11.8723C13.4375 10.9452 14.2038 10.2166 15.1458 10.2166C15.5538 10.2166 15.9488 10.3583 16.2579 10.6158L16.3534 10.6952V10.4052C16.3534 10.301 16.4377 10.2166 16.542 10.2166H16.9329V13.5538H16.542C16.4377 13.5538 16.3534 13.4695 16.3534 13.3653V13.3655ZM15.141 10.8428C14.5491 10.8428 14.0674 11.3054 14.0674 11.8743C14.0674 12.4432 14.5591 12.9311 15.141 12.9311C15.723 12.9311 16.2147 12.4471 16.2147 11.8743C16.2147 11.3015 15.733 10.8428 15.141 10.8428Z",
+                  fill: "#EE4D2D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_5",
+                  d: "M7.32339 8.1704H1.63936C1.4662 8.1704 1.32579 8.02998 1.32579 7.85683C1.32579 7.77818 1.38954 7.71443 1.46819 7.71443H6.56203C6.64068 7.71443 6.70444 7.65067 6.70444 7.57203V7.0585C6.70444 6.87442 6.54665 6.73004 6.36332 6.74616L1.20175 7.20189C0.833593 7.23389 0.550781 7.54226 0.550781 7.9119V12.8733C0.550781 13.2667 0.869814 13.5858 1.26327 13.5858H7.32316C7.7166 13.5858 8.03565 13.2667 8.03565 12.8733V8.88314C8.03565 8.48968 7.7166 8.17065 7.32316 8.17065",
+                  fill: "#EE4D2D"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector_6",
+                  d: "M5.56617 11.8981C5.52127 12.2655 5.29725 12.5597 4.94993 12.7071C4.75668 12.7892 4.49768 12.8331 4.29227 12.8192C3.97299 12.807 3.6728 12.7299 3.3962 12.5887C3.29548 12.5374 3.14786 12.4359 3.03673 12.3431C3.01143 12.322 2.99827 12.3032 3.02284 12.269C3.04888 12.23 3.15159 12.0814 3.16796 12.0568C3.1898 12.0236 3.22577 12.0219 3.25876 12.0477C3.26323 12.0511 3.29672 12.0772 3.30341 12.0821C3.56961 12.2893 3.91295 12.4448 4.29475 12.4592C4.77602 12.4528 5.12508 12.2384 5.18734 11.9065C5.25606 11.5408 4.96432 11.227 4.40216 11.0521C4.22355 10.9965 3.77428 10.8177 3.69116 10.7695C3.2997 10.5413 3.1171 10.2421 3.14316 9.87372C3.18286 9.36318 3.65941 8.98063 4.26424 8.97815C4.55127 8.97765 4.82044 9.04066 5.06033 9.14113C5.14864 9.1781 5.31313 9.26617 5.37167 9.30959C5.4126 9.33936 5.40938 9.37285 5.39325 9.39889C5.36943 9.43859 5.29824 9.54924 5.26971 9.59513C5.24886 9.62664 5.22307 9.63036 5.1861 9.60728C4.87674 9.40088 4.55871 9.33092 4.27242 9.32522C3.85936 9.3334 3.54778 9.57702 3.52743 9.91143C3.52197 10.2133 3.75294 10.4324 4.2434 10.5999C5.25581 10.9229 5.63911 11.3027 5.56642 11.8978",
+                  fill: "white"
+                }
+              )
+            ] }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_888_4017", children: /* @__PURE__ */ u(
+          "rect",
+          {
+            width: "20.9",
+            height: "8.51018",
+            fill: "white",
+            transform: "translate(0.550781 6.74493)"
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  IconShopeePay
+};