paymob-pixel-alpha 1.1.9 → 1.1.10

package/README.md

@@ -57,7 +57,7 @@ The full list of properties is as follows:
 | Property  | Type | Definition |
 | --------------------- | --------------  | --------------  |
 | publicKey             | String          | It can be accessed from Merchant’s Dashboard → Settings → Account Info. |
-| clientSecre           | String          | Once you fire Intention API, you will receive “client_secret” in the API Response , which will be used in the Pixel SDK. Client Secret is unique for each Order and it expires in an hour. |
+| clientSecret           | String          | Once you fire Intention API, you will receive “client_secret” in the API Response , which will be used in the Pixel SDK. Client Secret is unique for each Order and it expires in an hour. |
 | paymentMethods        | Array of String | Pass card for Card Payments ,google-pay for Google Pay && apple-pay for Apple Pay. | 
 | elementId             | String          | ID of the HTML element where the checkout pixel will be embedded. |
 | disablePay            | Boolean         | pass true If you don’t want to use Paymob’s Pay Button for Card Payment, in this case you will dispatchEvent with name (payFromOutside) to fire the pay.  |
@@ -170,7 +170,7 @@ The full list of functions is as follows:
                       HideCardLabel: true,
                       Direction: 'rtl',
                       Label_Text: {
-                        cardLabel: "بيانات البطاقة"
+                        cardLabel: "بيانات البطاقة",
                         savedCardsLabel: 'البطاقات المحفوطة',
                         saveCardConsentLabel: 'حفظ البطاقة',
                       },
@@ -181,7 +181,6 @@ The full list of functions is as follows:
                         securityCode:'(CVV) الرمز الامني'
                       },
                       Error_Text: {
-                        holderName: 'مطلوب اسم حامل البطاقة',
                         cardNumber: {
                           required: 'مطلوب رقم البطاقة',
                           invalid: 'رقم البطاقة غير صحيح'
@@ -190,6 +189,8 @@ The full list of functions is as follows:
                           required: 'مطلوب تاريخ انتهاء الصلاحية',
                           invalid: 'تاريخ انتهاء الصلاحية غير صحيح'
                         },
+                        securityCode: 'مطلوب الرمز الامني (CVV)',
+                        holderName: 'مطلوب اسم حامل البطاقة',
                       },
                       Button_Text: {
                         viewSavedCardsBtn: 'عرض البطاقات المحفوظة',

package/main.js

@@ -32240,11 +32240,11 @@ const symplv3_en_namespaceObject = /*#__PURE__*/JSON.parse('{"ERR_MSG_SOMETHING_
 ;// CONCATENATED MODULE: ../../localization/apps/flash/symplv3/ur.json
 const symplv3_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/fastcheckout/ar.json
-const fastcheckout_ar_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Click account detected"}');
+const fastcheckout_ar_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Detecting click account"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/fastcheckout/en.json
-const fastcheckout_en_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Click account detected"}');
+const fastcheckout_en_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Detecting click account"}');
 ;// CONCATENATED MODULE: ../../localization/apps/flash/fastcheckout/ur.json
-const fastcheckout_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Click account detected"}');
+const fastcheckout_ur_namespaceObject = /*#__PURE__*/JSON.parse('{"PAY_WITH_BTN":"Pay with","FAST_CHECKOUT":"Fast checkout","LOGIN_CREATE_ACCOUNT":"Login or create account for faster checkout","QUICK_SETUP_TITLE":"Just last 2 quick steps","QUICK_SETUP_DESCRIPTION":"Complete the below steps for a fastest checkout from next time","VERIFY_ACCOUNT_TITLE":"Verify your account","ACCOUNT_VERIFIED_TITLE":"Account verified!","PASSKEY_TITLE":"Setup passkey","PASSKEY_DESCRIPTION":"Use your face, fingerprint, or passcode to log in to your account.","RESEND_CODE":"Resend code in","PLEASE_ENTER_CODE":"Please enter the {{length}} digit code we’ve sent to","REDIRECT_TO_PASSKEY":"Redirecting to passkey setup...","PASSKEY_CREATION_FAILED":"Passkey creation failed","PASSKEY_UNKNOWN_ERROR":"An unknown error occurred during passkey setup","PASSKEY_VERIFY_ERROR":"Failed to verify passkey","PASSKEY_UNEXPECTED_ERROR":"An unexpected error occurred","ERR_MSG_INVALID_OTP":"Incorrect OTP","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","CONTINUE_GUEST_BTN":"Or, Continue as a guest","WELCOME_BACK":"Welcome back","LOGIN_ENTER_OTP":"You’re logged with <identifier>{{identifier}}</identifier> \\nPlease enter the OTP for faster checkout","CREATE_ACCOUNT":"Create your account and \\nenjoy fastest checkouts","PAY_EASIER":"Pay easier","PAY_FASTER":"Pay faster","PAY_SECURE":"Pay secure","SETUP_ACCOUNT":"Setup your account","VERIFICATION_CODE":"Verification code","FAST_CHECKOUT_TERMS":"Pay faster on all Paymob’s partner channels. By continuing, you agree to <a>Terms of Service</a>","FAST_CHECKOUT_PAYMENT_INFO_SAVED":"Your payment information would be saved on the 1-Click Account.","SAVE_INFO_CREATE_ACCOUNT":"Save information to create 1-click account","FAST_CHECKOUT_LOGGED_WITH":"You\'re logged with","GREETING_ALREADY_HAVE":"Hey {{name}} 👋, you already have account","ALREADY_HAVE":"You already have Click account","LOGIN_AND_ENJOY":"Just login & enjoy fast checkout","LOGIN_WITH_OTP":"Login with OTP","LOGIN_WITH_PASSKEY":"Login with passkey","PASSKEY_FALLBACK":"Can’t login with Passkey? login with OTP instead","WANT_LOGOUT":"Do you want to logout?","WILL_BE_LOGGED_OUT":"You will be logged out from the 1-click checkout after this.","LOGOUT":"Logout","CANCEL":"Cancel","VISIT_PORTAL":"Visit 1-click portal","SAVED_PAYMENTS_TITLE":"Saved payment methods","SAVED_CARD_IDENTIFIER":"Card Ending with","DEFAULT":"Default","PAY_BTN":"Pay","IDENTIFIER_FORM_TITLE":"Email / Mobile number","CLICK_CONTINUE_BTN":"Continue","AGREE_T&C":"By continuing, You agree to Terms & conditions","ADD_NEW_METHOD_BTN":"New method","SAME_AS_BILLING_CHECKBOX":"Use the same as billing address","SHIPPING":"Shipping","BILLING":"Billing","ADDRESS":"Address","CHANGE":"Change","MAX_OTP_ATTEMPTS":"You have reached the maximum number of OTP attempts","ADD_NEW_SHIPPING_BTN":"New shipping address","ADD_NEW_BILLING_BTN":"New billing address","ADD_SHIPPING_TITLE":"Add shipping address","ADD_BILLING_TITLE":"Add billing address","EDIT_SHIPPING_TITLE":"Edit shipping address","EDIT_BILLING_TITLE":"Edit billing address","SAVE_ADDRESS_BTN":"Save address","ADDRESS_WILL_BE_DEFAULT":"This address will be set as default","ACCOUNT_DETECTED":"Detecting click account"}');
 ;// CONCATENATED MODULE: ../../localization/libs/card/en.json
 const libs_card_en_namespaceObject = /*#__PURE__*/JSON.parse('{"CARD_INFO":"Card Information","CARDHOLDER_NAME":"Cardholder Name","CARD_NUMBER":"Card Number","CARD_NUMBER_NOT_VALID":"Card number is not valid","CARD_NUMBER_IS_REQUIRED":"Card number is required","CARD_EXPIRY":"Expiry (MM/YY)","CARD_EXPIRY_NOT_VALID":"Expiry date is not valid","CARD_EXPIRY_IS_REQUIRED":"Expiry date is required","AMEX_CVV_IS_REQUIRED":"4-digit CVV is required","CVV_IS_REQUIRED":"3-digit CVV is required","CARD_NAME":"Name on card","CARD_NAME_PLACEHOLDER":"ex. Abdullah Adel","CARD_NAME_NOT_VALID":"Card name is not valid","CARD_NAME_IS_REQUIRED":"Cardholder Name is required","NAME_IS_REQUIRED":"Name is required","EMAIL_IS_REQUIRED":"Email is required","EMAIL_NOT_VALID":"Email is not valid","PHONE_IS_REQUIRED":"Phone is required","PHONE_NOT_VALID":"Phone is not valid","SAVED_CARDS_TITLE":"Saved cards","SAVE_CARD":"Save card for future use","ADD_NEW_CARD_BTN":"New card","CARD_ACTION_BTN":"Pay","OTP_ACTION_BTN":"Verify OTP","CARD_NUMBER_PLACEHOLDER":"1234 1234 1234 1234","MOBILE_CARD_NUMBER_PLACEHOLDER":"Card number","OTP_HINT":"Please enter the 4-digit code sent to your mobile","CVV_MODAL_HEADER":"CVV","CVV_MODAL_VISA_HEADER":"Have Mastercard / Visa card?","CVV_MODAL_VISA_BODY":"It\'s a 3-digit code on the back of your card.","CVV_MODAL_AMEX_HEADER":"Have American Express card?","CVV_MODAL_AMEX_BODY":"It\'s a 4-digit number on the front, just above your credit card number","ERR_MSG_EXCEEDED_TRIALS":"The payment session ends after 3 unsuccessful trials. You will be redirected to the website. You can start a new checkout session with Paymob","ERR_MSG_ALREADY_PROCESSED":"This payment was already processed with status pending","ERR_MSG_DECLINED":"Payment is declined","ERR_MSG_EXPIRED":"Looks like this payment was expired perhaps you should create a new one","ERR_MSG_SOMETHING_WENT_WRONG":"Something went wrong","FORCE_SAVE_CARD":"Card Details would be saved for future use","ERR_MSG_ALREADY_PAID":"This order has already been paid","ERR_OMAN_NET_INVALID":"Oman Net Card can’t be used for transaction. Please use another card type.","VIEW_SAVED_CARDS":"View Saved Cards"}');
 ;// CONCATENATED MODULE: ../../localization/libs/card/ar.json
@@ -32719,6 +32719,62 @@ i18next.use(initReactI18next).init({
   }
 });
 /* harmony default export */ const localization_i18n = ((/* unused pure expression or super */ null && (i18n)));
+;// CONCATENATED MODULE: ./src/utils/ShadowWrapper.tsx
+
+
+
+const ShadowWrapper = ({
+  elementId,
+  stylesheets: _stylesheets = ['/main.css', '/styles.css'],
+  children
+}) => {
+  const [shadowRoot, setShadowRoot] = (0,react.useState)(null);
+  const [error, setError] = (0,react.useState)(null);
+  (0,react.useEffect)(() => {
+    const container = document.getElementById(elementId);
+    if (!('attachShadow' in Element.prototype)) {
+      setError('Shadow DOM is not supported in this browser');
+      return;
+    }
+    try {
+      let shadow = container.shadowRoot;
+      if (!shadow) {
+        shadow = container.attachShadow({
+          mode: 'open'
+        });
+        _stylesheets.forEach(path => {
+          var _shadow;
+          const link = document.createElement('link');
+          link.rel = 'stylesheet';
+          link.href = path;
+          (_shadow = shadow) == null || _shadow.appendChild(link);
+        });
+      }
+      setShadowRoot(shadow);
+    } catch (error) {
+      console.error('Failed to create Shadow DOM:', error);
+      setError(`Failed to create Shadow DOM: ${error instanceof Error ? error.message : String(error)}`);
+    }
+    return () => {
+      setShadowRoot(null);
+    };
+  }, [elementId, _stylesheets]);
+  if (error) {
+    const container = document.getElementById(elementId);
+    return /*#__PURE__*/(0,react_dom.createPortal)( /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      style: {
+        color: 'red',
+        padding: '10px'
+      },
+      children: error
+    }), container);
+  }
+  if (shadowRoot) {
+    return /*#__PURE__*/(0,react_dom.createPortal)(children, shadowRoot);
+  }
+  return null;
+};
+/* harmony default export */ const utils_ShadowWrapper = (ShadowWrapper);
 ;// CONCATENATED MODULE: ./src/lib/pixel.tsx
 var _Pixel;
 
@@ -32730,6 +32786,7 @@ var _Pixel;
 
 
 
+
 class Pixel {
   constructor(options) {
     var _options$showPaymobLo;
@@ -32855,7 +32912,8 @@ class Pixel {
     return await instance._paymentsRef.current.handleGenerateToken();
   }
   render() {
-    const container = document.getElementById(this._options['elementId']);
+    const elementId = this._options['elementId'];
+    const container = document.getElementById(elementId);
     if (!container) {
       console.error(`Container with ID ${this._options['elementId']} not found`);
       return;
@@ -32869,34 +32927,36 @@ class Pixel {
       }));
       return;
     }
-    container.classList.add('paymob-pixel-lib');
     this._root.render( /*#__PURE__*/(0,jsx_runtime.jsx)(react.StrictMode, {
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(components_Payments, Object.assign({
-        baseUrl: this._baseURL,
-        paymentList: this._paymentList,
-        payment: this._paymentMethod,
-        disablePay: this._options['disablePay'],
-        showPaymobLogo: this._options['showPaymobLogo'],
-        customStyle: this._options['customStyle'],
-        savedCards: this._savedCards,
-        forceSaveCard: this._options['forceSaveCard'],
-        showSaveCard: this._options['showSaveCard'],
-        hideCardHolderName: this._options['hideCardHolderName'],
-        publicKey: this._options['publicKey'],
-        clientSecret: this._options['clientSecret'],
-        selectedPaymentMethods: this._options['paymentMethods'],
-        ref: this._paymentsRef
-      }, this._options.beforePaymentComplete && {
-        onBeforePaymentComplete: this.handleBeforePaymentComplete.bind(this)
-      }, this._options.afterPaymentComplete && {
-        onAfterPaymentComplete: this.handleAfterPaymentComplete.bind(this)
-      }, this._options.onPaymentCancel && {
-        onPaymentCancel: this.handleOnPaymentCancel.bind(this)
-      }, this._options.cardValidationChanged && {
-        onCardValidationChanged: this.handleCardValidationChanged.bind(this)
-      }, {
-        integrationType: this._integrationType
-      }), Date.now())
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(utils_ShadowWrapper, {
+        elementId: elementId,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(components_Payments, Object.assign({
+          baseUrl: this._baseURL,
+          paymentList: this._paymentList,
+          payment: this._paymentMethod,
+          disablePay: this._options['disablePay'],
+          showPaymobLogo: this._options['showPaymobLogo'],
+          customStyle: this._options['customStyle'],
+          savedCards: this._savedCards,
+          forceSaveCard: this._options['forceSaveCard'],
+          showSaveCard: this._options['showSaveCard'],
+          hideCardHolderName: this._options['hideCardHolderName'],
+          publicKey: this._options['publicKey'],
+          clientSecret: this._options['clientSecret'],
+          selectedPaymentMethods: this._options['paymentMethods'],
+          ref: this._paymentsRef
+        }, this._options.beforePaymentComplete && {
+          onBeforePaymentComplete: this.handleBeforePaymentComplete.bind(this)
+        }, this._options.afterPaymentComplete && {
+          onAfterPaymentComplete: this.handleAfterPaymentComplete.bind(this)
+        }, this._options.onPaymentCancel && {
+          onPaymentCancel: this.handleOnPaymentCancel.bind(this)
+        }, this._options.cardValidationChanged && {
+          onCardValidationChanged: this.handleCardValidationChanged.bind(this)
+        }, {
+          integrationType: this._integrationType
+        }), Date.now())
+      })
     }));
   }
 }

package/package.json

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