paymob-pixel-alpha 1.1.2 → 1.1.3

package/main.js

@@ -20318,7 +20318,8 @@ function CardElement({
           },
           cancelButton: Object.assign({}, customStyle == null ? void 0 : customStyle.button, {
             backgroundColor: '#fff',
-            lineHeight: 'normal'
+            lineHeight: 'normal',
+            color: ''
           }),
           button: customStyle == null ? void 0 : customStyle.button,
           label: customStyle == null ? void 0 : customStyle.label,
@@ -20349,7 +20350,7 @@ function CardElement({
         })]
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "[&>div:nth-child(even)]:w-[calc(100%-1px)]",
-        children: [!isIframeLoaded && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        children: [(!isIframeLoaded || !payment.token) && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           className: "-mt-1",
           children: [/*#__PURE__*/(0,jsx_runtime.jsx)(dist_Skeleton, {
             height: 37
@@ -20373,14 +20374,18 @@ function CardElement({
           style: {
             border: '0',
             overflow: 'hidden',
-            display: isIframeLoaded ? 'block' : 'none'
+            display: isIframeLoaded && payment.token ? 'block' : 'none'
           },
           frameBorder: "0",
           scrolling: "no",
           width: "100%",
           height: height,
-          onLoad: () => setIsIframeLoaded(true)
-        }), isIframeLoaded && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+          onLoad: () => {
+            setTimeout(() => {
+              setIsIframeLoaded(true);
+            }, 200);
+          }
+        }), isIframeLoaded && payment.token && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
           children: [!hideCardHolderName && /*#__PURE__*/(0,jsx_runtime.jsx)(components_CardHolder_CardHolder, {
             onChange: handleCardHolderChange,
             focusToPrevInput: handleFocusToPrevInput,
@@ -27107,7 +27112,7 @@ function ApplePay(props) {
       icon: apple_pay_namespaceObject,
       fullWidth: true,
       onClick: handleSubmit,
-      className: `!mt-0 !p-0 ${discount.hasDiscount ? 'min-h-[2.875rem]' : ''}`,
+      className: `!bg-black !mt-0 !p-0 ${discount.hasDiscount ? 'min-h-[2.875rem]' : ''}`,
       customStyle: customStyle,
       disabled: loading || isLoading,
       loading: loading || isLoading

package/package.json

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

package/styles.css

@@ -1698,6 +1698,11 @@ video {
   border-top-color: rgb(255 21 82 / var(--tw-border-opacity));
 }
 
+.\!bg-black {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
+}
+
 .bg-\[\#0002\] {
   background-color: #0002;
 }