paymob-pixel-alpha 1.1.20 → 1.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-pixel-alpha",
-  "version": "1.1.20",
+  "version": "1.1.21",
   "keywords": ["paymob","pixel","paymob-pixel"],
   "main": "./main.js",
   "license": "MIT",

package/styles.css

@@ -19,6 +19,17 @@
   src: url('Gotham-Bold.otf') format('opentype');
 }
 
+@font-face {
+  font-family: 'SAR-Symbol';
+  font-style: normal;
+  font-weight: 400;
+  src: url('Inter-Regular.ttf') format('truetype');
+}
+
+.currency-sar-symbol {
+    font-family: 'SAR-Symbol', sans-serif;
+}
+
 /*
 ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 */
@@ -636,6 +647,10 @@ video {
   top: -0.75rem;
 }
 
+.left-0 {
+  left: 0px;
+}
+
 .left-1\/2 {
   left: 50%;
 }
@@ -656,6 +671,18 @@ video {
   right: 1rem;
 }
 
+.right-5 {
+  right: 1.25rem;
+}
+
+.right-6 {
+  right: 1.5rem;
+}
+
+.top-0 {
+  top: 0px;
+}
+
 .top-1\/2 {
   top: 50%;
 }
@@ -672,6 +699,14 @@ video {
   top: 1rem;
 }
 
+.top-5 {
+  top: 1.25rem;
+}
+
+.top-6 {
+  top: 1.5rem;
+}
+
 .top-8 {
   top: 2rem;
 }
@@ -696,6 +731,14 @@ video {
   z-index: 20;
 }
 
+.z-\[5\] {
+  z-index: 5;
+}
+
+.z-\[7\] {
+  z-index: 7;
+}
+
 .m-2 {
   margin: 0.5rem;
 }
@@ -723,11 +766,6 @@ video {
   margin-right: 0.5rem;
 }
 
-.mx-20 {
-  margin-left: 5rem;
-  margin-right: 5rem;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -757,6 +795,10 @@ video {
   margin-top: 0px !important;
 }
 
+.-me-px {
+  margin-inline-end: -1px;
+}
+
 .-ms-px {
   margin-inline-start: -1px;
 }
@@ -793,6 +835,10 @@ video {
   margin-bottom: 1.25rem;
 }
 
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -1025,6 +1071,10 @@ video {
   height: 4.65rem;
 }
 
+.h-\[40px\] {
+  height: 40px;
+}
+
 .h-\[45px\] {
   height: 45px;
 }
@@ -1069,6 +1119,10 @@ video {
   max-height: 14rem;
 }
 
+.max-h-\[350px\] {
+  max-height: 350px;
+}
+
 .max-h-full {
   max-height: 100%;
 }
@@ -1265,6 +1319,10 @@ video {
   width: 100%;
 }
 
+.min-w-\[22rem\] {
+  min-width: 22rem;
+}
+
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1494,6 +1552,10 @@ video {
   align-self: center;
 }
 
+.self-stretch {
+  align-self: stretch;
+}
+
 .justify-self-start {
   justify-self: start;
 }
@@ -1514,6 +1576,10 @@ video {
   overflow-y: auto;
 }
 
+.scroll-smooth {
+  scroll-behavior: smooth;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1550,6 +1616,10 @@ video {
   border-radius: 1.75rem;
 }
 
+.rounded-\[12px\] {
+  border-radius: 12px;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1737,6 +1807,11 @@ video {
   border-color: rgb(185 202 255 / var(--tw-border-opacity));
 }
 
+.border-\[\#D0D5DD\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(208 213 221 / var(--tw-border-opacity));
+}
+
 .border-\[\#DC6803\] {
   --tw-border-opacity: 1;
   border-color: rgb(220 104 3 / var(--tw-border-opacity));
@@ -1871,6 +1946,11 @@ video {
   background-color: rgb(232 237 255 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#F9FAFB\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#FFFCF5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 252 245 / var(--tw-bg-opacity));
@@ -2046,6 +2126,10 @@ video {
   padding: 0.875rem;
 }
 
+.p-\[14px\] {
+  padding: 14px;
+}
+
 .p-\[16px\] {
   padding: 16px;
 }
@@ -2104,6 +2188,11 @@ video {
   padding-right: 2rem;
 }
 
+.px-\[0\.6rem\] {
+  padding-left: 0.6rem;
+  padding-right: 0.6rem;
+}
+
 .px-\[0\.75rem\] {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2114,6 +2203,16 @@ video {
   padding-right: 1.125rem;
 }
 
+.px-\[12px\] {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.px-\[2px\] {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -2169,6 +2268,16 @@ video {
   padding-bottom: 2rem;
 }
 
+.py-\[0\.15rem\] {
+  padding-top: 0.15rem;
+  padding-bottom: 0.15rem;
+}
+
+.py-\[0\.1rem\] {
+  padding-top: 0.1rem;
+  padding-bottom: 0.1rem;
+}
+
 .py-\[0\.45rem\] {
   padding-top: 0.45rem;
   padding-bottom: 0.45rem;
@@ -2205,12 +2314,12 @@ video {
   padding-bottom: 1rem;
 }
 
-.pb-8 {
-  padding-bottom: 2rem;
+.pb-6 {
+  padding-bottom: 1.5rem;
 }
 
-.pl-14 {
-  padding-left: 3.5rem;
+.pb-8 {
+  padding-bottom: 2rem;
 }
 
 .pl-2 {
@@ -2237,6 +2346,10 @@ video {
   padding-right: 1rem;
 }
 
+.ps-6 {
+  padding-inline-start: 1.5rem;
+}
+
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -2245,6 +2358,10 @@ video {
   padding-top: 1rem;
 }
 
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
 .pt-\[24px\] {
   padding-top: 24px;
 }
@@ -2283,6 +2400,10 @@ video {
   font-size: 10px;
 }
 
+.text-\[14px\] {
+  font-size: 14px;
+}
+
 .text-\[2rem\] {
   font-size: 2rem;
 }
@@ -2384,6 +2505,14 @@ video {
   line-height: 10px;
 }
 
+.leading-\[16px\] {
+  line-height: 16px;
+}
+
+.leading-\[18px\] {
+  line-height: 18px;
+}
+
 .tracking-\[\.01rem\] {
   letter-spacing: .01rem;
 }
@@ -2392,11 +2521,20 @@ video {
   letter-spacing: 0.01rem;
 }
 
+.tracking-\[0\.16px\] {
+  letter-spacing: 0.16px;
+}
+
 .\!text-gray-700 {
   --tw-text-opacity: 1 !important;
   color: rgb(52 64 84 / var(--tw-text-opacity)) !important;
 }
 
+.text-\[\#101828\] {
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity));
+}
+
 .text-\[\#144DFF\] {
   --tw-text-opacity: 1;
   color: rgb(20 77 255 / var(--tw-text-opacity));
@@ -2407,6 +2545,11 @@ video {
   color: rgb(71 84 103 / var(--tw-text-opacity));
 }
 
+.text-\[\#667085\] {
+  --tw-text-opacity: 1;
+  color: rgb(102 112 133 / var(--tw-text-opacity));
+}
+
 .text-\[\#69BE76\] {
   --tw-text-opacity: 1;
   color: rgb(105 190 118 / var(--tw-text-opacity));
@@ -2437,6 +2580,11 @@ video {
   color: rgb(20 77 255 / var(--tw-text-opacity));
 }
 
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
 .text-gray-200 {
   --tw-text-opacity: 1;
   color: rgb(234 236 240 / var(--tw-text-opacity));
@@ -2554,6 +2702,12 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-\[0_20px_24px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_8px_8px_-4px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
+  --tw-shadow: 0 20px 24px -4px rgba(16,24,40,0.08),0 8px 8px -4px rgba(16,24,40,0.03);
+  --tw-shadow-colored: 0 20px 24px -4px var(--tw-shadow-color), 0 8px 8px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2854,10 +3008,26 @@ video {
 
 @media (min-width: 640px) {
 
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
+  .sm\:top-4 {
+    top: 1rem;
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: 0px;
+  }
+
   .sm\:mb-6 {
     margin-bottom: 1.5rem;
   }
 
+  .sm\:h-8 {
+    height: 2rem;
+  }
+
   .sm\:h-\[3\.46rem\] {
     height: 3.46rem;
   }
@@ -2874,6 +3044,10 @@ video {
     height: 8.25rem;
   }
 
+  .sm\:w-8 {
+    width: 2rem;
+  }
+
   .sm\:w-\[3\.46rem\] {
     width: 3.46rem;
   }
@@ -2886,6 +3060,10 @@ video {
     width: 4.65rem;
   }
 
+  .sm\:w-\[480px\] {
+    width: 480px;
+  }
+
   .sm\:w-\[6\.45rem\] {
     width: 6.45rem;
   }
@@ -2898,6 +3076,14 @@ video {
     width: 100%;
   }
 
+  .sm\:max-w-\[512px\] {
+    max-width: 512px;
+  }
+
+  .sm\:max-w-\[560px\] {
+    max-width: 560px;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -2921,14 +3107,26 @@ video {
   .sm\:p-6 {
     padding: 1.5rem;
   }
+
+  .sm\:text-left {
+    text-align: left;
+  }
 }
 
 @media (min-width: 768px) {
 
+  .md\:\!w-full {
+    width: 100% !important;
+  }
+
   .md\:w-1\/2 {
     width: 50%;
   }
 
+  .md\:w-\[22rem\] {
+    width: 22rem;
+  }
+
   .md\:w-full {
     width: 100%;
   }
@@ -3209,11 +3407,3 @@ video {
 .\[\&_svg\]\:w-7 svg {
   width: 1.75rem;
 }
-
-@media(max-height:880px) {
-
-  .\[\@media\(max-height\:880px\)\]\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-}

package/xmark.de98e58abcad3fa106c3784223a0479b.svg

@@ -0,0 +1,16 @@
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from "react";
+var SvgXmark = function SvgXmark(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#667085",
+    d: "M23.148 21.578c.422.469.422 1.172 0 1.594-.468.469-1.171.469-1.593 0l-5.532-5.578-5.578 5.578c-.468.469-1.172.469-1.593 0-.47-.422-.47-1.125 0-1.594L14.43 16l-5.578-5.578c-.47-.469-.47-1.172 0-1.594a1.027 1.027 0 0 1 1.546 0l5.625 5.625 5.579-5.578a1.026 1.026 0 0 1 1.546 0c.47.422.47 1.125 0 1.594L17.57 16z"
+  })));
+};
+export { SvgXmark as ReactComponent };
+export default "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjE0ODQgMjEuNTc4MUMyMy41NzAzIDIyLjA0NjkgMjMuNTcwMyAyMi43NSAyMy4xNDg0IDIzLjE3MTlDMjIuNjc5NyAyMy42NDA2IDIxLjk3NjYgMjMuNjQwNiAyMS41NTQ3IDIzLjE3MTlMMTYuMDIzNCAxNy41OTM4TDEwLjQ0NTMgMjMuMTcxOUM5Ljk3NjU2IDIzLjY0MDYgOS4yNzM0NCAyMy42NDA2IDguODUxNTYgMjMuMTcxOUM4LjM4MjgxIDIyLjc1IDguMzgyODEgMjIuMDQ2OSA4Ljg1MTU2IDIxLjU3ODFMMTQuNDI5NyAxNkw4Ljg1MTU2IDEwLjQyMTlDOC4zODI4MSA5Ljk1MzEyIDguMzgyODEgOS4yNSA4Ljg1MTU2IDguODI4MTJDOS4yNzM0NCA4LjM1OTM4IDkuOTc2NTYgOC4zNTkzOCAxMC4zOTg0IDguODI4MTJMMTYuMDIzNCAxNC40NTMxTDIxLjYwMTYgOC44NzVDMjIuMDIzNCA4LjQwNjI1IDIyLjcyNjYgOC40MDYyNSAyMy4xNDg0IDguODc1QzIzLjYxNzIgOS4yOTY4OCAyMy42MTcyIDEwIDIzLjE0ODQgMTAuNDY4OEwxNy41NzAzIDE2TDIzLjE0ODQgMjEuNTc4MVoiIGZpbGw9IiM2NjcwODUiLz4KPC9zdmc+Cg==";