@pinerohit11/testwidget 0.1.69 → 0.1.71
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.
- package/dist/index.js +11 -38
- package/dist/index.mjs +11 -38
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -63,9 +63,9 @@ var import_react2 = __toESM(require("react"));
|
|
63
63
|
var import_react = __toESM(require("react"));
|
64
64
|
var LoaderStyle = (props) => {
|
65
65
|
return /* @__PURE__ */ import_react.default.createElement("style", null, `
|
66
|
-
|
67
|
-
|
68
|
-
/* Fixed position to cover the viewport */
|
66
|
+
|
67
|
+
.loader {
|
68
|
+
position: fixed; /* Fixed position to cover the viewport */
|
69
69
|
top: 0;
|
70
70
|
left: 0;
|
71
71
|
width: 100%;
|
@@ -74,13 +74,10 @@ var LoaderStyle = (props) => {
|
|
74
74
|
justify-content: center;
|
75
75
|
align-items: center;
|
76
76
|
/* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
|
77
|
-
background-color: rgba(255, 255, 255, 0.521);
|
78
|
-
/* Semi-transparent black background */
|
77
|
+
background-color: rgba(255, 255, 255, 0.521); /* Semi-transparent black background */
|
79
78
|
|
80
|
-
backdrop-filter: blur(.5px);
|
81
|
-
/*
|
82
|
-
z-index: 9999;
|
83
|
-
/* Ensure it's on top of other elements */
|
79
|
+
backdrop-filter: blur(.5px); /* Blur effect */
|
80
|
+
z-index: 999999999999; /* Ensure it's on top of other elements */
|
84
81
|
}
|
85
82
|
|
86
83
|
.lds-ellipsis {
|
@@ -124,7 +121,6 @@ var LoaderStyle = (props) => {
|
|
124
121
|
0% {
|
125
122
|
transform: scale(0);
|
126
123
|
}
|
127
|
-
|
128
124
|
100% {
|
129
125
|
transform: scale(1);
|
130
126
|
}
|
@@ -134,7 +130,6 @@ var LoaderStyle = (props) => {
|
|
134
130
|
0% {
|
135
131
|
transform: translate(0, 0);
|
136
132
|
}
|
137
|
-
|
138
133
|
100% {
|
139
134
|
transform: translate(24px, 0);
|
140
135
|
}
|
@@ -144,37 +139,11 @@ var LoaderStyle = (props) => {
|
|
144
139
|
0% {
|
145
140
|
transform: scale(1);
|
146
141
|
}
|
147
|
-
|
148
142
|
100% {
|
149
143
|
transform: scale(0);
|
150
144
|
}
|
151
145
|
}
|
152
146
|
|
153
|
-
|
154
|
-
.loading-animation {
|
155
|
-
position: absolute;
|
156
|
-
top: 50%;
|
157
|
-
left: 50%;
|
158
|
-
transform: translate(-50%, -50%);
|
159
|
-
}
|
160
|
-
|
161
|
-
.spinner {
|
162
|
-
width: 40px;
|
163
|
-
height: 40px;
|
164
|
-
border-radius: 50%;
|
165
|
-
border: 4px solid #f3f3f3;
|
166
|
-
border-top: 4px solid black;
|
167
|
-
animation: spin 1s linear infinite;
|
168
|
-
}
|
169
|
-
|
170
|
-
@keyframes spin {
|
171
|
-
0% {
|
172
|
-
transform: rotate(0deg);
|
173
|
-
}
|
174
|
-
100% {
|
175
|
-
transform: rotate(360deg);
|
176
|
-
}
|
177
|
-
}
|
178
147
|
`);
|
179
148
|
};
|
180
149
|
var LoaderStyle_default = LoaderStyle;
|
@@ -479,6 +448,9 @@ var RequestPaymentstyles = (props) => {
|
|
479
448
|
body {
|
480
449
|
font-family: 'Inter', sans-serif !important;
|
481
450
|
}
|
451
|
+
input{
|
452
|
+
font-family: 'Inter', sans-serif !important;
|
453
|
+
}
|
482
454
|
|
483
455
|
.paymentBtn {
|
484
456
|
background-color: black;
|
@@ -764,6 +736,7 @@ function RequestPayment(props) {
|
|
764
736
|
window.parent.postMessage(message, "*");
|
765
737
|
}
|
766
738
|
const sendRequestPayment = async () => {
|
739
|
+
debugger;
|
767
740
|
if (Object.keys(errors).length > 0) {
|
768
741
|
return;
|
769
742
|
}
|
@@ -1115,7 +1088,7 @@ function RequestPreAuthPayment(props) {
|
|
1115
1088
|
maximumFractionDigits: 2
|
1116
1089
|
}).format(Number(amount2));
|
1117
1090
|
}
|
1118
|
-
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react7.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request
|
1091
|
+
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react7.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Send Request"), /* @__PURE__ */ import_react7.default.createElement(
|
1119
1092
|
CustomModal2_default,
|
1120
1093
|
{
|
1121
1094
|
open: show,
|
package/dist/index.mjs
CHANGED
@@ -29,9 +29,9 @@ import React2 from "react";
|
|
29
29
|
import React from "react";
|
30
30
|
var LoaderStyle = (props) => {
|
31
31
|
return /* @__PURE__ */ React.createElement("style", null, `
|
32
|
-
|
33
|
-
|
34
|
-
/* Fixed position to cover the viewport */
|
32
|
+
|
33
|
+
.loader {
|
34
|
+
position: fixed; /* Fixed position to cover the viewport */
|
35
35
|
top: 0;
|
36
36
|
left: 0;
|
37
37
|
width: 100%;
|
@@ -40,13 +40,10 @@ var LoaderStyle = (props) => {
|
|
40
40
|
justify-content: center;
|
41
41
|
align-items: center;
|
42
42
|
/* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
|
43
|
-
background-color: rgba(255, 255, 255, 0.521);
|
44
|
-
/* Semi-transparent black background */
|
43
|
+
background-color: rgba(255, 255, 255, 0.521); /* Semi-transparent black background */
|
45
44
|
|
46
|
-
backdrop-filter: blur(.5px);
|
47
|
-
/*
|
48
|
-
z-index: 9999;
|
49
|
-
/* Ensure it's on top of other elements */
|
45
|
+
backdrop-filter: blur(.5px); /* Blur effect */
|
46
|
+
z-index: 999999999999; /* Ensure it's on top of other elements */
|
50
47
|
}
|
51
48
|
|
52
49
|
.lds-ellipsis {
|
@@ -90,7 +87,6 @@ var LoaderStyle = (props) => {
|
|
90
87
|
0% {
|
91
88
|
transform: scale(0);
|
92
89
|
}
|
93
|
-
|
94
90
|
100% {
|
95
91
|
transform: scale(1);
|
96
92
|
}
|
@@ -100,7 +96,6 @@ var LoaderStyle = (props) => {
|
|
100
96
|
0% {
|
101
97
|
transform: translate(0, 0);
|
102
98
|
}
|
103
|
-
|
104
99
|
100% {
|
105
100
|
transform: translate(24px, 0);
|
106
101
|
}
|
@@ -110,37 +105,11 @@ var LoaderStyle = (props) => {
|
|
110
105
|
0% {
|
111
106
|
transform: scale(1);
|
112
107
|
}
|
113
|
-
|
114
108
|
100% {
|
115
109
|
transform: scale(0);
|
116
110
|
}
|
117
111
|
}
|
118
112
|
|
119
|
-
|
120
|
-
.loading-animation {
|
121
|
-
position: absolute;
|
122
|
-
top: 50%;
|
123
|
-
left: 50%;
|
124
|
-
transform: translate(-50%, -50%);
|
125
|
-
}
|
126
|
-
|
127
|
-
.spinner {
|
128
|
-
width: 40px;
|
129
|
-
height: 40px;
|
130
|
-
border-radius: 50%;
|
131
|
-
border: 4px solid #f3f3f3;
|
132
|
-
border-top: 4px solid black;
|
133
|
-
animation: spin 1s linear infinite;
|
134
|
-
}
|
135
|
-
|
136
|
-
@keyframes spin {
|
137
|
-
0% {
|
138
|
-
transform: rotate(0deg);
|
139
|
-
}
|
140
|
-
100% {
|
141
|
-
transform: rotate(360deg);
|
142
|
-
}
|
143
|
-
}
|
144
113
|
`);
|
145
114
|
};
|
146
115
|
var LoaderStyle_default = LoaderStyle;
|
@@ -445,6 +414,9 @@ var RequestPaymentstyles = (props) => {
|
|
445
414
|
body {
|
446
415
|
font-family: 'Inter', sans-serif !important;
|
447
416
|
}
|
417
|
+
input{
|
418
|
+
font-family: 'Inter', sans-serif !important;
|
419
|
+
}
|
448
420
|
|
449
421
|
.paymentBtn {
|
450
422
|
background-color: black;
|
@@ -730,6 +702,7 @@ function RequestPayment(props) {
|
|
730
702
|
window.parent.postMessage(message, "*");
|
731
703
|
}
|
732
704
|
const sendRequestPayment = async () => {
|
705
|
+
debugger;
|
733
706
|
if (Object.keys(errors).length > 0) {
|
734
707
|
return;
|
735
708
|
}
|
@@ -1081,7 +1054,7 @@ function RequestPreAuthPayment(props) {
|
|
1081
1054
|
maximumFractionDigits: 2
|
1082
1055
|
}).format(Number(amount2));
|
1083
1056
|
}
|
1084
|
-
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React7.createElement(Loader_default, { loading }), /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request
|
1057
|
+
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React7.createElement(Loader_default, { loading }), /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Send Request"), /* @__PURE__ */ React7.createElement(
|
1085
1058
|
CustomModal2_default,
|
1086
1059
|
{
|
1087
1060
|
open: show,
|