paymob-pixel-alpha 1.1.21 → 1.1.22

package/package.json

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

package/styles.css

@@ -20,14 +20,17 @@
 }
 
 @font-face {
-  font-family: 'SAR-Symbol';
+  font-family: 'Currency-Symbols';
   font-style: normal;
   font-weight: 400;
-  src: url('Inter-Regular.ttf') format('truetype');
+  font-display: swap;
+  src: url('Inter.woff2') format('woff2'),
+    url('Inter.woff') format('woff'),
+    url('Inter.ttf') format('truetype');
 }
 
-.currency-sar-symbol {
-    font-family: 'SAR-Symbol', sans-serif;
+.currency-symbols {
+  font-family: 'Currency-Symbols', sans-serif;
 }
 
 /*
@@ -639,10 +642,6 @@ video {
   inset: 0px;
 }
 
-.-bottom-4 {
-  bottom: -1rem;
-}
-
 .-top-3 {
   top: -0.75rem;
 }
@@ -799,6 +798,10 @@ video {
   margin-inline-end: -1px;
 }
 
+.-ms-1 {
+  margin-inline-start: -0.25rem;
+}
+
 .-ms-px {
   margin-inline-start: -1px;
 }
@@ -987,6 +990,10 @@ video {
   height: 3.5rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-2\/3 {
   height: 66.666667%;
 }
@@ -1035,6 +1042,10 @@ video {
   height: 1.46rem;
 }
 
+.h-\[1\.4rem\] {
+  height: 1.4rem;
+}
+
 .h-\[1\.9rem\] {
   height: 1.9rem;
 }
@@ -1151,6 +1162,10 @@ video {
   width: 3.5rem;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-2\/5 {
   width: 40%;
 }
@@ -1315,6 +1330,11 @@ video {
   width: auto;
 }
 
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .w-full {
   width: 100%;
 }
@@ -1472,6 +1492,10 @@ video {
   grid-template-columns: auto auto;
 }
 
+.flex-row {
+  flex-direction: row;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1852,11 +1876,6 @@ video {
   border-color: rgb(208 213 221 / var(--tw-border-opacity));
 }
 
-.border-orange-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(254 200 75 / var(--tw-border-opacity));
-}
-
 .border-red-300 {
   --tw-border-opacity: 1;
   border-color: rgb(255 115 151 / var(--tw-border-opacity));
@@ -1956,6 +1975,11 @@ video {
   background-color: rgb(255 252 245 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#e1f2ef\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 242 239 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#eeeff4\] {
   --tw-bg-opacity: 1;
   background-color: rgb(238 239 244 / var(--tw-bg-opacity));
@@ -2023,11 +2047,6 @@ video {
   background-color: rgb(4 179 137 / var(--tw-bg-opacity));
 }
 
-.bg-orange-25 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 252 245 / var(--tw-bg-opacity));
-}
-
 .bg-orange-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
@@ -2346,6 +2365,10 @@ video {
   padding-right: 1rem;
 }
 
+.ps-12 {
+  padding-inline-start: 3rem;
+}
+
 .ps-6 {
   padding-inline-start: 1.5rem;
 }
@@ -2382,6 +2405,10 @@ video {
   text-align: end;
 }
 
+.font-sans {
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
 .\!text-sm {
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
@@ -2570,11 +2597,6 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
-.text-blue-200 {
-  --tw-text-opacity: 1;
-  color: rgb(161 184 255 / var(--tw-text-opacity));
-}
-
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(20 77 255 / var(--tw-text-opacity));
@@ -3044,6 +3066,10 @@ video {
     height: 8.25rem;
   }
 
+  .sm\:max-h-20 {
+    max-height: 5rem;
+  }
+
   .sm\:w-8 {
     width: 2rem;
   }
@@ -3115,10 +3141,6 @@ video {
 
 @media (min-width: 768px) {
 
-  .md\:\!w-full {
-    width: 100% !important;
-  }
-
   .md\:w-1\/2 {
     width: 50%;
   }
@@ -3191,13 +3213,25 @@ video {
 
 @media (min-width: 1280px) {
 
+  .xl\:ms-0 {
+    margin-inline-start: 0px;
+  }
+
   .xl\:w-3\/4 {
     width: 75%;
   }
 
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+
   .xl\:flex-nowrap {
     flex-wrap: nowrap;
   }
+
+  .xl\:items-center {
+    align-items: center;
+  }
 }
 
 @media (max-width: 664px) {

package/chevron-left.0db02cc783fd28339af092ce632655a5.svg

@@ -1,16 +0,0 @@
-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 SvgChevronLeft = function SvgChevronLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#101828",
-    d: "m14.608 19.313-6.433-6.715a.96.96 0 0 1-.247-.633c0-.176.07-.387.211-.563l6.434-6.714a.84.84 0 0 1 1.195-.036c.352.317.352.844.035 1.196l-5.87 6.117 5.906 6.187a.84.84 0 0 1-.036 1.196.84.84 0 0 1-1.195-.035"
-  })));
-};
-export { SvgChevronLeft as ReactComponent };
-export default "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tbGVmdCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNC42MDgyIDE5LjMxMjZMOC4xNzQ1NiAxMi41OTc3QzcuOTk4NzggMTIuMzg2OCA3LjkyODQ3IDEyLjE3NTggNy45Mjg0NyAxMS45NjQ5QzcuOTI4NDcgMTEuNzg5MSA3Ljk5ODc4IDExLjU3ODIgOC4xMzk0IDExLjQwMjRMMTQuNTczIDQuNjg3NTVDMTQuODg5NCA0LjMzNTk5IDE1LjQ1MTkgNC4zMzU5OSAxNS43NjgzIDQuNjUyNEMxNi4xMTk5IDQuOTY4OCAxNi4xMTk5IDUuNDk2MTUgMTUuODAzNSA1Ljg0NzcxTDkuOTMyMzcgMTEuOTY0OUwxNS44Mzg2IDE4LjE1MjRDMTYuMTU1IDE4LjQ2ODggMTYuMTU1IDE5LjAzMTMgMTUuODAzNSAxOS4zNDc3QzE1LjQ4NzEgMTkuNjY0MSAxNC45MjQ2IDE5LjY2NDEgMTQuNjA4MiAxOS4zMTI2WiIgZmlsbD0iIzEwMTgyOCIvPgo8L2c+Cjwvc3ZnPgo=";

package/chevron-right.7f4f648f04bde910c6e81a24aed750ea.svg

@@ -1,16 +0,0 @@
-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 SvgChevronRight = function SvgChevronRight(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#101828",
-    d: "m9.392 4.705 6.434 6.715c.14.176.246.387.246.598a.83.83 0 0 1-.246.562l-6.434 6.715a.84.84 0 0 1-1.195.035c-.352-.316-.352-.844-.035-1.195l5.906-6.153-5.906-6.117a.84.84 0 0 1 .035-1.195.84.84 0 0 1 1.195.035"
-  })));
-};
-export { SvgChevronRight as ReactComponent };
-export default "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tcmlnaHQiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOS4zOTIwMiA0LjcwNTEzTDE1LjgyNTYgMTEuNDJDMTUuOTY2MiAxMS41OTU4IDE2LjA3MTcgMTEuODA2NyAxNi4wNzE3IDEyLjAxNzZDMTYuMDcxNyAxMi4yMjg2IDE1Ljk2NjIgMTIuNDM5NSAxNS44MjU2IDEyLjU4MDFMOS4zOTIwMiAxOS4yOTVDOS4wNzU2MSAxOS42NDY1IDguNTEzMTEgMTkuNjQ2NSA4LjE5NjcxIDE5LjMzMDFDNy44NDUxNCAxOS4wMTM3IDcuODQ1MTQgMTguNDg2NCA4LjE2MTU1IDE4LjEzNDhMMTQuMDY3OCAxMS45ODI1TDguMTYxNTUgNS44NjUyOUM3Ljg0NTE0IDUuNTQ4ODggNy44NDUxNCA0Ljk4NjM4IDguMTk2NzEgNC42Njk5N0M4LjUxMzExIDQuMzUzNTcgOS4wNzU2MSA0LjM1MzU3IDkuMzkyMDIgNC43MDUxM1oiIGZpbGw9IiMxMDE4MjgiLz4KPC9nPgo8L3N2Zz4K";