paymob-pixel-alpha 1.1.12 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +27 -11
  2. package/loading-loader.6463e608601cd9d5550f67d4c08d513b.svg +43 -0
  3. package/main.css +8 -6
  4. package/main.js +5050 -3118
  5. package/package.json +1 -1
  6. package/styles.css +140 -5
package/README.md CHANGED
@@ -22,8 +22,6 @@ import { Pixel } from 'paymob-pixel-alpha';
22
22
  Using jsDelivr:
23
23
 
24
24
  ```html
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/styles.css">
26
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.css">
27
25
  <script src="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.js" type="module"></script>
28
26
  ```
29
27
 
@@ -125,8 +123,6 @@ The full list of functions is as follows:
125
123
  <title>Pixels</title>
126
124
  <base href="/">
127
125
  <meta name="viewport" content="width=device-width, initial-scale=1" />
128
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/styles.css">
129
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.css">
130
126
  </head>
131
127
  <body>
132
128
  <div style="position: absolute; width: 80%; margin-top: 10%;" id="example"></div>
@@ -173,6 +169,7 @@ The full list of functions is as follows:
173
169
  cardLabel: "بيانات البطاقة",
174
170
  savedCardsLabel: 'البطاقات المحفوطة',
175
171
  saveCardConsentLabel: 'حفظ البطاقة',
172
+ cardEndingLabel: 'تنتهي بـ'
176
173
  },
177
174
  Placeholder_Text: {
178
175
  holderName: 'الاسم علي البطاقة',
@@ -194,7 +191,18 @@ The full list of functions is as follows:
194
191
  },
195
192
  Button_Text: {
196
193
  viewSavedCardsBtn: 'عرض البطاقات المحفوظة',
197
- addNewCardBtn: 'إضافة بطاقة جديدة'
194
+ addNewCardBtn: 'إضافة بطاقة جديدة',
195
+ payBtn: 'ادفع'
196
+ },
197
+ Hint_Text: {
198
+ saveCardConsentHint: 'سيتم حفظ تفاصيل البطاقة لاستخدامها في المستقبل.',
199
+ cvvModalTitle: 'رمز CVV',
200
+ cvvVisaMastercardQuestion: 'هل لديك بطاقة ماستركارد أو فيزا؟',
201
+ cvvVisaMastercardHint:
202
+ 'هو رمز مكون من 3 أرقام موجود على ظهر البطاقة.',
203
+ cvvAmexQuestion: 'هل لديك بطاقة أمريكان إكسبريس؟',
204
+ cvvAmexHint:
205
+ 'هو رمز مكون من 4 أرقام موجود في الجهة الأمامية فوق رقم البطاقة.',
198
206
  },
199
207
  Font_Family: 'monospace',
200
208
  Font_Size_Label: '18',
@@ -244,8 +252,6 @@ Use Pixel SDK for only card tokenization.
244
252
  Using jsDelivr:
245
253
 
246
254
  ```html
247
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/styles.css">
248
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.css">
249
255
  <script src="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.js" type="module"></script>
250
256
  ```
251
257
 
@@ -300,8 +306,6 @@ The full list of functions is as follows:
300
306
  <title>Pixel Tokenization</title>
301
307
  <base href="/">
302
308
  <meta name="viewport" content="width=device-width, initial-scale=1" />
303
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/styles.css">
304
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/paymob-pixel-alpha@latest/main.css">
305
309
  </head>
306
310
 
307
311
  <body>
@@ -322,9 +326,10 @@ The full list of functions is as follows:
322
326
  HideCardLabel: true,
323
327
  Direction: 'rtl',
324
328
  Label_Text: {
325
- cardLabel: "بيانات البطاقة"
329
+ cardLabel: "بيانات البطاقة",
326
330
  savedCardsLabel: 'البطاقات المحفوطة',
327
331
  saveCardConsentLabel: 'حفظ البطاقة',
332
+ cardEndingLabel: 'تنتهي بـ'
328
333
  },
329
334
  Placeholder_Text: {
330
335
  holderName: 'الاسم علي البطاقة',
@@ -345,7 +350,18 @@ The full list of functions is as follows:
345
350
  },
346
351
  Button_Text: {
347
352
  viewSavedCardsBtn: 'عرض البطاقات المحفوظة',
348
- addNewCardBtn: 'إضافة بطاقة جديدة'
353
+ addNewCardBtn: 'إضافة بطاقة جديدة',
354
+ payBtn: 'ادفع'
355
+ },
356
+ Hint_Text: {
357
+ saveCardConsentHint: 'سيتم حفظ تفاصيل البطاقة لاستخدامها في المستقبل.',
358
+ cvvModalTitle: 'رمز CVV',
359
+ cvvVisaMastercardQuestion: 'هل لديك بطاقة ماستركارد أو فيزا؟',
360
+ cvvVisaMastercardHint:
361
+ 'هو رمز مكون من 3 أرقام موجود على ظهر البطاقة.',
362
+ cvvAmexQuestion: 'هل لديك بطاقة أمريكان إكسبريس؟',
363
+ cvvAmexHint:
364
+ 'هو رمز مكون من 4 أرقام موجود في الجهة الأمامية فوق رقم البطاقة.',
349
365
  },
350
366
  Font_Family: 'monospace',
351
367
  Font_Size_Label: '18',
package/loading-loader.6463e608601cd9d5550f67d4c08d513b.svg ADDED
@@ -0,0 +1,43 @@
1
+ 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); }
2
+ import * as React from "react";
3
+ var SvgLoadingLoader = function SvgLoadingLoader(props) {
4
+ return /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ xmlSpace: "preserve",
7
+ width: 800,
8
+ height: 800,
9
+ viewBox: "0 0 512 512"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ d: "M116.364 221.091H23.273C10.42 221.091 0 231.511 0 244.364s10.42 23.273 23.273 23.273h93.091c12.853 0 23.273-10.42 23.273-23.273-.001-12.853-10.421-23.273-23.273-23.273",
12
+ style: {
13
+ fill: "#2d50a7"
14
+ }
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ d: "M488.727 221.091h-93.091c-12.853 0-23.273 10.42-23.273 23.273s10.42 23.273 23.273 23.273h93.091c12.853 0 23.273-10.42 23.273-23.273s-10.42-23.273-23.273-23.273",
17
+ style: {
18
+ fill: "#73a1fb"
19
+ }
20
+ }), /*#__PURE__*/React.createElement("path", {
21
+ d: "M140.805 326.645 74.98 392.471c-9.089 9.089-9.089 23.823 0 32.912 4.544 4.544 10.501 6.816 16.457 6.816s11.913-2.273 16.455-6.816l65.825-65.826c9.089-9.089 9.089-23.824 0-32.912s-23.825-9.089-32.912 0",
22
+ style: {
23
+ fill: "#355ec9"
24
+ }
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ d: "M256 11.636c-12.853 0-23.273 10.42-23.273 23.273v46.545c0 12.853 10.42 23.273 23.273 23.273s23.273-10.42 23.273-23.273V34.909c0-12.853-10.42-23.273-23.273-23.273M404.105 63.344 338.28 129.17c-9.089 9.089-9.089 23.824 0 32.912 4.544 4.544 10.501 6.817 16.457 6.817s11.913-2.273 16.455-6.817l65.825-65.826c9.089-9.089 9.089-23.824 0-32.912-9.087-9.089-23.825-9.089-32.912 0",
27
+ style: {
28
+ fill: "#c4d9fd"
29
+ }
30
+ }), /*#__PURE__*/React.createElement("path", {
31
+ d: "M256 360.727c-12.853 0-23.273 10.42-23.273 23.273v93.091c0 12.853 10.42 23.273 23.273 23.273s23.273-10.42 23.273-23.273V384c0-12.853-10.42-23.273-23.273-23.273",
32
+ style: {
33
+ fill: "#3d6deb"
34
+ }
35
+ }), /*#__PURE__*/React.createElement("path", {
36
+ d: "M371.192 326.645c-9.086-9.089-23.824-9.089-32.912 0-9.089 9.087-9.089 23.824 0 32.912l65.825 65.826a23.2 23.2 0 0 0 16.457 6.816 23.2 23.2 0 0 0 16.455-6.816c9.089-9.089 9.089-23.824 0-32.912z",
37
+ style: {
38
+ fill: "#5286fa"
39
+ }
40
+ }));
41
+ };
42
+ export { SvgLoadingLoader as ReactComponent };
43
+ export default "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzJENTBBNzsiIGQ9Ik0xMTYuMzY0LDIyMS4wOTFIMjMuMjczQzEwLjQyLDIyMS4wOTEsMCwyMzEuNTExLDAsMjQ0LjM2NGMwLDEyLjg1MywxMC40MiwyMy4yNzMsMjMuMjczLDIzLjI3Mw0KCWg5My4wOTFjMTIuODUzLDAsMjMuMjczLTEwLjQyLDIzLjI3My0yMy4yNzNDMTM5LjYzNiwyMzEuNTExLDEyOS4yMTYsMjIxLjA5MSwxMTYuMzY0LDIyMS4wOTF6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNzNBMUZCOyIgZD0iTTQ4OC43MjcsMjIxLjA5MWgtOTMuMDkxYy0xMi44NTMsMC0yMy4yNzMsMTAuNDItMjMuMjczLDIzLjI3M2MwLDEyLjg1MywxMC40MiwyMy4yNzMsMjMuMjczLDIzLjI3Mw0KCWg5My4wOTFjMTIuODUzLDAsMjMuMjczLTEwLjQyLDIzLjI3My0yMy4yNzNDNTEyLDIzMS41MTEsNTAxLjU4LDIyMS4wOTEsNDg4LjcyNywyMjEuMDkxeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzM1NUVDOTsiIGQ9Ik0xNDAuODA1LDMyNi42NDVMNzQuOTgsMzkyLjQ3MWMtOS4wODksOS4wODktOS4wODksMjMuODIzLDAsMzIuOTEyDQoJYzQuNTQ0LDQuNTQ0LDEwLjUwMSw2LjgxNiwxNi40NTcsNi44MTZzMTEuOTEzLTIuMjczLDE2LjQ1NS02LjgxNmw2NS44MjUtNjUuODI2YzkuMDg5LTkuMDg5LDkuMDg5LTIzLjgyNCwwLTMyLjkxMg0KCVMxNDkuODkyLDMxNy41NTYsMTQwLjgwNSwzMjYuNjQ1eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0M0RDlGRDsiIGQ9Ik0yNTYsMTEuNjM2Yy0xMi44NTMsMC0yMy4yNzMsMTAuNDItMjMuMjczLDIzLjI3M3Y0Ni41NDVjMCwxMi44NTMsMTAuNDIsMjMuMjczLDIzLjI3MywyMy4yNzMNCgkJYzEyLjg1MywwLDIzLjI3My0xMC40MiwyMy4yNzMtMjMuMjczVjM0LjkwOUMyNzkuMjczLDIyLjA1NiwyNjguODUzLDExLjYzNiwyNTYsMTEuNjM2eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNDNEQ5RkQ7IiBkPSJNNDA0LjEwNSw2My4zNDRMMzM4LjI4LDEyOS4xN2MtOS4wODksOS4wODktOS4wODksMjMuODI0LDAsMzIuOTEyDQoJCWM0LjU0NCw0LjU0NCwxMC41MDEsNi44MTcsMTYuNDU3LDYuODE3czExLjkxMy0yLjI3MywxNi40NTUtNi44MTdsNjUuODI1LTY1LjgyNmM5LjA4OS05LjA4OSw5LjA4OS0yMy44MjQsMC0zMi45MTINCgkJQzQyNy45Myw1NC4yNTUsNDEzLjE5Miw1NC4yNTUsNDA0LjEwNSw2My4zNDR6Ii8+DQo8L2c+DQo8cGF0aCBzdHlsZT0iZmlsbDojM0Q2REVCOyIgZD0iTTI1NiwzNjAuNzI3Yy0xMi44NTMsMC0yMy4yNzMsMTAuNDItMjMuMjczLDIzLjI3M3Y5My4wOTFjMCwxMi44NTMsMTAuNDIsMjMuMjczLDIzLjI3MywyMy4yNzMNCgljMTIuODUzLDAsMjMuMjczLTEwLjQyLDIzLjI3My0yMy4yNzNWMzg0QzI3OS4yNzMsMzcxLjE0NywyNjguODUzLDM2MC43MjcsMjU2LDM2MC43Mjd6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNTI4NkZBOyIgZD0iTTM3MS4xOTIsMzI2LjY0NWMtOS4wODYtOS4wODktMjMuODI0LTkuMDg5LTMyLjkxMiwwYy05LjA4OSw5LjA4Ny05LjA4OSwyMy44MjQsMCwzMi45MTINCglsNjUuODI1LDY1LjgyNmM0LjU0NCw0LjU0NCwxMC41MDEsNi44MTYsMTYuNDU3LDYuODE2YzUuOTU1LDAsMTEuOTEzLTIuMjczLDE2LjQ1NS02LjgxNmM5LjA4OS05LjA4OSw5LjA4OS0yMy44MjQsMC0zMi45MTINCglMMzcxLjE5MiwzMjYuNjQ1eiIvPg0KPC9zdmc+";
package/main.css CHANGED
@@ -8,7 +8,6 @@
8
8
  .pending_container__44tmD{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4rem 2rem 1rem;height:100%;box-sizing:border-box}@media(max-width: 767px){.pending_container__44tmD{padding:2rem 2rem 1rem}}.pending_container__44tmD .pending_titles__rJpDv{display:flex;justify-content:center;flex-direction:column;align-items:center}.pending_container__44tmD .pending_titles__rJpDv .pending_image__elzdY{width:170px;height:100%}.pending_container__44tmD .pending_titles__rJpDv .pending_title__BZ2Wj{font-size:20px;font-weight:600;margin-bottom:1.5rem}.pending_container__44tmD .pending_titles__rJpDv .pending_description__Ms5mr{font-weight:bold;font-size:11px;text-align:center;color:#bababa;margin-bottom:2rem;width:70%}.pending_container__44tmD .pending_actions__trtiZ{display:flex;flex-direction:column;row-gap:1rem;min-width:248px}
9
9
  .otp_container__OuhMm{display:flex;width:100%;column-gap:10px;justify-content:center}.otp_container__OuhMm .otp_otp-input__JwoaQ{border:1px solid #eef0f4;box-shadow:0px 4px 8px rgba(44,39,56,.0392156863);border-radius:6px;text-align:center;font-size:16px;font-weight:bold;line-height:1;width:45px;height:52px}.otp_container__OuhMm .otp_otp-input__JwoaQ:focus{outline:#9bcaf7 solid 2px}.otp_container__OuhMm ::placeholder{color:#9bcaf7}.otp_container__OuhMm :-ms-input-placeholder{color:#9bcaf7}.otp_container__OuhMm ::-ms-input-placeholder{color:#9bcaf7}
10
10
  .item_container__cgz6H{display:flex;background-color:#fff;border:1px solid #dbe2ea;border-radius:6px;margin-bottom:1rem;width:100%;height:50px;position:relative}@media(max-width: 767px){.item_container__cgz6H{height:57px}}.item_container__cgz6H .item_input__vY8lX{width:100%;height:100%;opacity:0}.item_container__cgz6H .item_lable__Z4kft{border-radius:6px;position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;padding:8px;box-sizing:border-box;cursor:pointer}.item_container__cgz6H .item_lable__Z4kft .item_logo-icon__DuoWO{width:32px;height:32px;border-radius:4px;background:#f2f8fe}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3{display:flex;flex-direction:column;justify-content:center}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3 .item_title__ROPFr{text-transform:capitalize;margin:auto 20px;display:block;font-size:16px;font-weight:lighter;color:#5e5e5e}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3 .item_description__LQgRY{font-size:12px;color:#383838;margin:auto 20px}.item_checked__ABSbz{background:#f2f8fe;border:1px solid #1782fb}.item_checked__ABSbz .item_titles__Wlgd3 .item_title__ROPFr{font-weight:500 !important;color:#000 !important}.item_checked__ABSbz .item_check-icon__An0iE{display:block;position:absolute;right:15px;top:calc(50% - 10px);font-size:20px;width:15px;height:15px}.item_checked__ABSbz .item_check-icon__An0iE img{width:100%;height:100%}.item_disabled__wZEqm{background-color:#e3e3e3}.item_disabled__wZEqm .item_lable__Z4kft{cursor:initial}
11
- .FormInputViewTwo_passwordField__jFo0V input{font-family:"Password",sans-serif;-webkit-text-security:disc}@font-face{font-family:"Password";src:local("•");unicode-range:U+2022}
12
11
  .checkbox_container__YjA\+m{font-size:10px}.checkbox_container__YjA\+m label{display:flex;font-weight:500;cursor:pointer}.checkbox_container__YjA\+m label .checkbox_check-box__udFDa:checked~.checkbox_checkmark__oBidd{border:1px solid #1782fb;display:flex;justify-content:center;align-items:center}.checkbox_container__YjA\+m label .checkbox_check-box__udFDa:checked~.checkbox_checkmark__oBidd img{width:100%;height:100%;object-fit:contain}.checkbox_container__YjA\+m label .checkbox_checkmark__oBidd{border:1px solid #bababa;background-color:#fff;border-radius:2px}.checkbox_container__YjA\+m label .checkbox_checkmark__oBidd img{height:0%;width:0%}
13
12
  .modal_modal__zVjaa{position:relative;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border:1px solid #eef0f4;border-radius:10px;width:40%}@media screen and (max-width: 1000px){.modal_modal__zVjaa{width:50%}}@media screen and (max-width: 900px){.modal_modal__zVjaa{width:65%}}@media screen and (max-width: 768px){.modal_modal__zVjaa{width:90%}}.modal_modal-container__PH\+xx{position:fixed;background-color:rgba(0,0,0,.35);inset:0;z-index:1;display:flex;justify-content:center;align-items:center}.modal_modal-close__pjuel{position:absolute;inset-block-start:20px;inset-inline-end:1rem;all:unset;width:30px;height:30px;cursor:pointer}.modal_modal-close__pjuel::after,.modal_modal-close__pjuel::before{content:"";position:absolute;display:inline-block;width:20px;height:2px;background-color:#333;border-radius:5px;inset-block-start:50%;inset-inline-start:0}.modal_modal-close__pjuel::after{transform:translate(20%, 0) rotate(45deg)}.modal_modal-close__pjuel::before{transform:translate(20%, 0) rotate(-45deg)}
14
13
  .period_container__7bjlO .period_section-title__7qkW3{font-size:13px;margin:15px 0px}.period_container__7bjlO .period_radio-form__DJm5a{display:grid;grid-template-columns:auto auto;grid-gap:.75rem}@media(max-width: 350px){.period_container__7bjlO .period_radio-form__DJm5a{grid-template-columns:auto}}.period_container__7bjlO .period_plans-hint__JrddH{margin:15px 0px;background-color:#fff;border:1px solid #e6e2e2;border-radius:6px;height:65px;display:flex;align-items:center;justify-content:center;flex-direction:column}.period_container__7bjlO .period_hint-title__clSR9{font-size:12px;font-weight:600;color:#5e5e5e}.period_container__7bjlO .period_hint-description__FgUFL{font-size:11px;color:#b7b7b7;font-weight:bold}
@@ -56,11 +55,14 @@
56
55
  right: 0;
57
56
  height: 100%;
58
57
  background-repeat: no-repeat;
59
- background-image: linear-gradient(
60
- 90deg,
61
- var(--base-color),
62
- var(--highlight-color),
63
- var(--base-color)
58
+ background-image: var(
59
+ --custom-highlight-background,
60
+ linear-gradient(
61
+ 90deg,
62
+ var(--base-color) 0%,
63
+ var(--highlight-color) 50%,
64
+ var(--base-color) 100%
65
+ )
64
66
  );
65
67
  transform: translateX(-100%);
66
68