@globalpayments/js 4.0.9 → 4.0.11
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/README.md +1 -1
- package/package.json +2 -7
- package/types/apm/qr-code-payments/enums.d.ts +1 -2
- package/types/common/currency.d.ts +0 -1
- package/types/common/enums.d.ts +1 -8
- package/types/common/html-element.d.ts +0 -27
- package/types/internal/built-in-validations/messages.d.ts +0 -3
- package/types/internal/gateways/gp-api/index.d.ts +1 -2
- package/types/internal/gateways/index.d.ts +1 -6
- package/types/internal/lib/card.d.ts +0 -29
- package/types/internal/lib/detectLanguage.d.ts +0 -1
- package/types/internal/lib/eums.d.ts +11 -0
- package/types/internal/lib/styles/built-in-validations/simple.d.ts +0 -3
- package/types/internal/lib/styles/default.d.ts +0 -262
- package/types/internal/lib/styles/gp-default.d.ts +47 -255
- package/types/internal/lib/styles/qr-code-payments/common.d.ts +0 -8
- package/types/internal/lib/styles/simple.d.ts +0 -265
- package/types/internal/lib/translations/en.d.ts +0 -15
- package/types/internal/validators/expiration.d.ts +0 -7
- package/types/lib/version.d.ts +1 -1
- package/types/tools/configure.d.ts +0 -8
- package/types/ui/form/index.d.ts +113 -856
- package/types/ui/iframe-field/index.d.ts +1 -1
- package/types/common/helpers.d.ts +0 -4
- package/types/internal/gateways/gp-api/action-query-currency-conversion.d.ts +0 -3
- package/types/internal/lib/currency-conversion/components/enums.d.ts +0 -5
- package/types/internal/lib/currency-conversion/components/events.d.ts +0 -8
- package/types/internal/lib/currency-conversion/components/template.d.ts +0 -7
- package/types/internal/lib/currency-conversion/contracts/constants.d.ts +0 -5
- package/types/internal/lib/currency-conversion/contracts/enums.d.ts +0 -15
- package/types/internal/lib/currency-conversion/contracts/interfaces.d.ts +0 -13
- package/types/internal/lib/currency-conversion/requests/query-currency-conversion.d.ts +0 -3
- package/types/internal/lib/currency-conversion/utils/helpers.d.ts +0 -8
- package/types/internal/lib/currency-conversion/utils/reset-currency-conversion.d.ts +0 -7
- package/types/internal/lib/styles/currency-conversion/common.d.ts +0 -191
- package/types/internal/lib/styles/currency-conversion/default.d.ts +0 -204
- package/types/internal/lib/styles/currency-conversion/gp-default.d.ts +0 -197
- package/types/internal/lib/styles/currency-conversion/simple.d.ts +0 -204
- package/types/internal/lib/styles/tooltip/common.d.ts +0 -65
- package/types/ui/iframe-field/apple-pay/action-add.d.ts +0 -2
- package/types/ui/iframe-field/click-to-pay/action-add.d.ts +0 -2
- package/types/ui/iframe-field/currency-conversion/action-add.d.ts +0 -9
- package/types/ui/iframe-field/currency-conversion/action-get-value.d.ts +0 -8
- package/types/ui/iframe-field/currency-conversion/action-request-accumulate-data.d.ts +0 -9
- package/types/ui/iframe-field/currency-conversion/action-request-data.d.ts +0 -9
- package/types/ui/iframe-field/currency-conversion/action-request-start.d.ts +0 -8
- package/types/ui/iframe-field/google-pay/action-add.d.ts +0 -2
- package/types/ui/iframe-field/installments/action-add.d.ts +0 -3
- package/types/ui/iframe-field/installments/action-request-accumulate-data.d.ts +0 -3
- package/types/ui/iframe-field/installments/action-request-data.d.ts +0 -3
- package/types/ui/iframe-field/installments/action-request-start.d.ts +0 -6
- package/types/ui/iframe-field/open-banking/action-add.d.ts +0 -2
- package/types/ui/iframe-field/qr-code-payment-methods/action-add.d.ts +0 -3
- package/types/ui/iframe-field/qr-code-payment-methods/action-request-start.d.ts +0 -6
package/types/ui/form/index.d.ts
CHANGED
|
@@ -36,11 +36,6 @@ export declare const fieldStyles: () => {
|
|
|
36
36
|
"#secure-payment-field[type=text].hf-invalid"?: {
|
|
37
37
|
border: string;
|
|
38
38
|
};
|
|
39
|
-
"#secure-payment-field[hidden]"?: {
|
|
40
|
-
display: string;
|
|
41
|
-
opacity: string;
|
|
42
|
-
visibility: string;
|
|
43
|
-
};
|
|
44
39
|
"#secure-payment-field": {
|
|
45
40
|
"-o-transition": string;
|
|
46
41
|
"-webkit-box-shadow": string;
|
|
@@ -205,11 +200,6 @@ export declare const fieldStyles: () => {
|
|
|
205
200
|
"#secure-payment-field[type=text].hf-invalid"?: {
|
|
206
201
|
border: string;
|
|
207
202
|
};
|
|
208
|
-
"#secure-payment-field[hidden]"?: {
|
|
209
|
-
display: string;
|
|
210
|
-
opacity: string;
|
|
211
|
-
visibility: string;
|
|
212
|
-
};
|
|
213
203
|
"*": {
|
|
214
204
|
"box-sizing": string;
|
|
215
205
|
};
|
|
@@ -309,11 +299,6 @@ export declare const fieldStyles: () => {
|
|
|
309
299
|
};
|
|
310
300
|
};
|
|
311
301
|
simple: {
|
|
312
|
-
"#secure-payment-field[hidden]"?: {
|
|
313
|
-
display: string;
|
|
314
|
-
opacity: string;
|
|
315
|
-
visibility: string;
|
|
316
|
-
};
|
|
317
302
|
"img.card-number-icon": {
|
|
318
303
|
background: string;
|
|
319
304
|
"background-size": string;
|
|
@@ -331,9 +316,6 @@ export declare const fieldStyles: () => {
|
|
|
331
316
|
"margin-top": string;
|
|
332
317
|
"background-position": string;
|
|
333
318
|
};
|
|
334
|
-
"#field-validation-wrapper"?: {
|
|
335
|
-
"margin-top": string;
|
|
336
|
-
};
|
|
337
319
|
"@font-face"?: {
|
|
338
320
|
"font-family": string;
|
|
339
321
|
src: string;
|
|
@@ -428,12 +410,7 @@ export declare const fieldStyles: () => {
|
|
|
428
410
|
};
|
|
429
411
|
"img.card-number-icon.invalid.card-type-visa": {
|
|
430
412
|
background: string;
|
|
431
|
-
"background-size": string;
|
|
432
|
-
* Instantiates a new UIForm object for a group of hosted fields
|
|
433
|
-
*
|
|
434
|
-
* @param fields Hosted field configuration
|
|
435
|
-
* @param styles Custom CSS configuration
|
|
436
|
-
*/
|
|
413
|
+
"background-size": string;
|
|
437
414
|
"background-position": string;
|
|
438
415
|
};
|
|
439
416
|
"img.card-number-icon.valid.card-type-amex": {
|
|
@@ -662,201 +639,6 @@ export declare const parentStyles: () => {
|
|
|
662
639
|
"font-size": string;
|
|
663
640
|
"line-height": string;
|
|
664
641
|
};
|
|
665
|
-
".secure-payment-form .credit-card-currency-conversion .currency-conversion-container"?: {
|
|
666
|
-
width: string;
|
|
667
|
-
"flex-wrap": string;
|
|
668
|
-
};
|
|
669
|
-
".secure-payment-form .credit-card-currency-conversion legend"?: {
|
|
670
|
-
"font-family": string;
|
|
671
|
-
color: string;
|
|
672
|
-
"font-size": string;
|
|
673
|
-
"font-weight": string;
|
|
674
|
-
"line-height": string;
|
|
675
|
-
"text-transform": string;
|
|
676
|
-
};
|
|
677
|
-
".secure-payment-form .credit-card-currency-conversion fieldset"?: {
|
|
678
|
-
"font-family": string;
|
|
679
|
-
border: string;
|
|
680
|
-
margin: string;
|
|
681
|
-
padding: string;
|
|
682
|
-
display: string;
|
|
683
|
-
"flex-wrap": string;
|
|
684
|
-
width: string;
|
|
685
|
-
};
|
|
686
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
|
|
687
|
-
display: string;
|
|
688
|
-
"justify-content": string;
|
|
689
|
-
"align-items": string;
|
|
690
|
-
border: string;
|
|
691
|
-
padding: string;
|
|
692
|
-
"white-space": string;
|
|
693
|
-
height: string;
|
|
694
|
-
"margin-right": string;
|
|
695
|
-
};
|
|
696
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
|
|
697
|
-
"margin-right": string;
|
|
698
|
-
};
|
|
699
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
|
|
700
|
-
"font-family": string;
|
|
701
|
-
"font-size": string;
|
|
702
|
-
"font-weight": number;
|
|
703
|
-
display: string;
|
|
704
|
-
margin: string;
|
|
705
|
-
};
|
|
706
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button.checked label"?: {
|
|
707
|
-
color: string;
|
|
708
|
-
};
|
|
709
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
|
|
710
|
-
opacity: string;
|
|
711
|
-
visibility: boolean;
|
|
712
|
-
display: string;
|
|
713
|
-
"flex-direction": string;
|
|
714
|
-
margin: string;
|
|
715
|
-
"align-items": string;
|
|
716
|
-
height: string;
|
|
717
|
-
};
|
|
718
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
|
|
719
|
-
opacity: string;
|
|
720
|
-
visibility: boolean;
|
|
721
|
-
display: string;
|
|
722
|
-
"flex-direction": string;
|
|
723
|
-
margin: string;
|
|
724
|
-
"align-items": string;
|
|
725
|
-
height: string;
|
|
726
|
-
};
|
|
727
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
|
|
728
|
-
"font-family": string;
|
|
729
|
-
margin: string;
|
|
730
|
-
"font-style": string;
|
|
731
|
-
};
|
|
732
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
|
|
733
|
-
"font-family": string;
|
|
734
|
-
margin: string;
|
|
735
|
-
};
|
|
736
|
-
".secure-payment-form .currency-conversion-container"?: {
|
|
737
|
-
display: string;
|
|
738
|
-
"flex-direction": string;
|
|
739
|
-
"align-items": string;
|
|
740
|
-
};
|
|
741
|
-
".secure-payment-form .credit-card-currency-conversion iframe"?: {
|
|
742
|
-
"min-height": string;
|
|
743
|
-
};
|
|
744
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
|
|
745
|
-
"border-color": string;
|
|
746
|
-
};
|
|
747
|
-
".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
|
|
748
|
-
outline: string;
|
|
749
|
-
"outline-offset": string;
|
|
750
|
-
};
|
|
751
|
-
".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
|
|
752
|
-
outline: string;
|
|
753
|
-
"outline-offset": string;
|
|
754
|
-
};
|
|
755
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
|
|
756
|
-
background: string;
|
|
757
|
-
"border-color": string;
|
|
758
|
-
color: string;
|
|
759
|
-
outline: string;
|
|
760
|
-
};
|
|
761
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
|
|
762
|
-
margin: string;
|
|
763
|
-
appearance: string;
|
|
764
|
-
"-webkit-appearance": string;
|
|
765
|
-
"-moz-appearance": string;
|
|
766
|
-
border: string;
|
|
767
|
-
"border-radius": string;
|
|
768
|
-
width: string;
|
|
769
|
-
height: string;
|
|
770
|
-
display: string;
|
|
771
|
-
position: string;
|
|
772
|
-
padding: string;
|
|
773
|
-
};
|
|
774
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
|
|
775
|
-
"background-color": string;
|
|
776
|
-
border: string;
|
|
777
|
-
};
|
|
778
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
|
|
779
|
-
outline: string;
|
|
780
|
-
};
|
|
781
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
|
|
782
|
-
display: string;
|
|
783
|
-
opacity: string;
|
|
784
|
-
visibility: boolean;
|
|
785
|
-
};
|
|
786
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
|
|
787
|
-
display: string;
|
|
788
|
-
opacity: string;
|
|
789
|
-
visibility: boolean;
|
|
790
|
-
};
|
|
791
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
|
|
792
|
-
"font-family": string;
|
|
793
|
-
"font-size": string;
|
|
794
|
-
"font-weight": number;
|
|
795
|
-
margin: string;
|
|
796
|
-
display: string;
|
|
797
|
-
};
|
|
798
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
|
|
799
|
-
width: string;
|
|
800
|
-
height: string;
|
|
801
|
-
"min-width": string;
|
|
802
|
-
"border-left": string;
|
|
803
|
-
display: string;
|
|
804
|
-
};
|
|
805
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
|
|
806
|
-
"border-left": string;
|
|
807
|
-
};
|
|
808
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
|
|
809
|
-
"border-left": string;
|
|
810
|
-
};
|
|
811
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
|
|
812
|
-
bottom: string;
|
|
813
|
-
right: string;
|
|
814
|
-
display: string;
|
|
815
|
-
};
|
|
816
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
|
|
817
|
-
display: string;
|
|
818
|
-
};
|
|
819
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
|
|
820
|
-
"margin-bottom": string;
|
|
821
|
-
};
|
|
822
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
|
|
823
|
-
left: string;
|
|
824
|
-
top: string;
|
|
825
|
-
right: string;
|
|
826
|
-
transform: string;
|
|
827
|
-
"border-width": string;
|
|
828
|
-
"border-style": string;
|
|
829
|
-
"border-color": string;
|
|
830
|
-
};
|
|
831
|
-
"@media only screen and (max-width: 768px)"?: {
|
|
832
|
-
".secure-payment-form .currency-conversion-container": {
|
|
833
|
-
"flex-direction": string;
|
|
834
|
-
"align-items": string;
|
|
835
|
-
};
|
|
836
|
-
".secure-payment-form .credit-card-currency-conversion fieldset": {
|
|
837
|
-
"justify-content": string;
|
|
838
|
-
};
|
|
839
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button": {
|
|
840
|
-
width: string;
|
|
841
|
-
"justify-content": string;
|
|
842
|
-
};
|
|
843
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
|
|
844
|
-
margin: string;
|
|
845
|
-
};
|
|
846
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
|
|
847
|
-
width: string;
|
|
848
|
-
"margin-top": string;
|
|
849
|
-
"margin-left": string;
|
|
850
|
-
};
|
|
851
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content": {
|
|
852
|
-
width: string;
|
|
853
|
-
"margin-top": string;
|
|
854
|
-
"margin-left": string;
|
|
855
|
-
};
|
|
856
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before": {
|
|
857
|
-
right: string;
|
|
858
|
-
};
|
|
859
|
-
};
|
|
860
642
|
"#googlePay": {
|
|
861
643
|
height: string;
|
|
862
644
|
margin: string;
|
|
@@ -1024,7 +806,11 @@ export declare const parentStyles: () => {
|
|
|
1024
806
|
".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
|
|
1025
807
|
width: string;
|
|
1026
808
|
height: string;
|
|
1027
|
-
"background-size": string;
|
|
809
|
+
"background-size": string; /**
|
|
810
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
811
|
+
*
|
|
812
|
+
* @param json New CSS rules
|
|
813
|
+
*/
|
|
1028
814
|
};
|
|
1029
815
|
};
|
|
1030
816
|
".secure-payment-form .apm-active .ctp-panel .ctp-button": {
|
|
@@ -1045,6 +831,12 @@ export declare const parentStyles: () => {
|
|
|
1045
831
|
transform: string;
|
|
1046
832
|
"-webkit-transform": string;
|
|
1047
833
|
};
|
|
834
|
+
/**
|
|
835
|
+
* Sets a special-case event listener that fires when all hosted
|
|
836
|
+
* fields in a form have registered / loaded
|
|
837
|
+
*
|
|
838
|
+
* @param fn The listener function
|
|
839
|
+
*/
|
|
1048
840
|
".secure-payment-form .ctp-panel .right-arrow": {
|
|
1049
841
|
position: string;
|
|
1050
842
|
background: string;
|
|
@@ -1159,68 +951,6 @@ export declare const parentStyles: () => {
|
|
|
1159
951
|
display: string;
|
|
1160
952
|
margin: string;
|
|
1161
953
|
};
|
|
1162
|
-
".secure-payment-form .tooltip": {
|
|
1163
|
-
position: string;
|
|
1164
|
-
width: string;
|
|
1165
|
-
height: string;
|
|
1166
|
-
border: string;
|
|
1167
|
-
"border-left": string;
|
|
1168
|
-
color: string;
|
|
1169
|
-
float: string;
|
|
1170
|
-
"background-size": string;
|
|
1171
|
-
background: string;
|
|
1172
|
-
"font-family": string;
|
|
1173
|
-
};
|
|
1174
|
-
".secure-payment-form .tooltip:focus": {
|
|
1175
|
-
border: string;
|
|
1176
|
-
outline: string;
|
|
1177
|
-
"border-left": string;
|
|
1178
|
-
};
|
|
1179
|
-
".secure-payment-form .tooltip:hover": {
|
|
1180
|
-
border: string;
|
|
1181
|
-
outline: string;
|
|
1182
|
-
"border-left": string;
|
|
1183
|
-
};
|
|
1184
|
-
".secure-payment-form .tooltip-content": {
|
|
1185
|
-
visibility: string;
|
|
1186
|
-
width: string;
|
|
1187
|
-
"background-color": string;
|
|
1188
|
-
color: string;
|
|
1189
|
-
"text-align": string;
|
|
1190
|
-
"border-radius": string;
|
|
1191
|
-
border: string;
|
|
1192
|
-
padding: string;
|
|
1193
|
-
position: string;
|
|
1194
|
-
"z-index": string;
|
|
1195
|
-
right: string;
|
|
1196
|
-
opacity: string;
|
|
1197
|
-
transition: string;
|
|
1198
|
-
"font-size": string;
|
|
1199
|
-
"font-weight": string;
|
|
1200
|
-
"box-shadow": string;
|
|
1201
|
-
"margin-top": string;
|
|
1202
|
-
"margin-right": string;
|
|
1203
|
-
};
|
|
1204
|
-
".secure-payment-form .tooltip-content h4": {
|
|
1205
|
-
margin: string;
|
|
1206
|
-
};
|
|
1207
|
-
".secure-payment-form .tooltip:hover > .tooltip-content": {
|
|
1208
|
-
visibility: string;
|
|
1209
|
-
opacity: string;
|
|
1210
|
-
};
|
|
1211
|
-
".secure-payment-form .tooltip:focus > .tooltip-content": {
|
|
1212
|
-
visibility: string;
|
|
1213
|
-
opacity: string;
|
|
1214
|
-
};
|
|
1215
|
-
".secure-payment-form .tooltip-content::before": {
|
|
1216
|
-
position: string;
|
|
1217
|
-
content: string;
|
|
1218
|
-
right: string;
|
|
1219
|
-
top: string;
|
|
1220
|
-
"border-left": string;
|
|
1221
|
-
"border-right": string;
|
|
1222
|
-
"border-bottom": string;
|
|
1223
|
-
};
|
|
1224
954
|
".secure-payment-form": {
|
|
1225
955
|
"font-family": string;
|
|
1226
956
|
};
|
|
@@ -1260,9 +990,7 @@ export declare const parentStyles: () => {
|
|
|
1260
990
|
"vertical-align": string;
|
|
1261
991
|
};
|
|
1262
992
|
".secure-payment-form div[class$='-shield'] .ssl-msg": {
|
|
1263
|
-
"font-size": string;
|
|
1264
|
-
* Deletes all hosted fields within the form
|
|
1265
|
-
*/
|
|
993
|
+
"font-size": string;
|
|
1266
994
|
"font-weight": string;
|
|
1267
995
|
"font-family": string;
|
|
1268
996
|
color: string;
|
|
@@ -1534,223 +1262,35 @@ export declare const parentStyles: () => {
|
|
|
1534
1262
|
"font-size": string;
|
|
1535
1263
|
"line-height": string;
|
|
1536
1264
|
};
|
|
1537
|
-
".secure-payment-form .
|
|
1538
|
-
|
|
1539
|
-
"
|
|
1540
|
-
"align-items": string;
|
|
1265
|
+
".secure-payment-form .hf-cvv-tooltip-invalid"?: {
|
|
1266
|
+
border: string;
|
|
1267
|
+
"border-left": string;
|
|
1541
1268
|
};
|
|
1542
|
-
".secure-payment-form .
|
|
1543
|
-
|
|
1269
|
+
".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
|
|
1270
|
+
border: string;
|
|
1271
|
+
"border-left": string;
|
|
1544
1272
|
};
|
|
1545
|
-
".secure-payment-form .
|
|
1546
|
-
"font-family": string;
|
|
1273
|
+
".secure-payment-form .hf-cvv-tooltip-invalid:focus"?: {
|
|
1547
1274
|
border: string;
|
|
1275
|
+
"border-left": string;
|
|
1276
|
+
};
|
|
1277
|
+
"#googlePay": {
|
|
1278
|
+
height: string;
|
|
1548
1279
|
margin: string;
|
|
1549
|
-
padding: string;
|
|
1550
|
-
display: string;
|
|
1551
|
-
"flex-wrap": string;
|
|
1552
1280
|
};
|
|
1553
|
-
"
|
|
1281
|
+
"#googlePay button:focus": {
|
|
1282
|
+
outline: string;
|
|
1283
|
+
"outline-offset": string;
|
|
1284
|
+
};
|
|
1285
|
+
".secure-payment-form .ctp-panel": {
|
|
1286
|
+
border: string;
|
|
1287
|
+
"box-shadow": string;
|
|
1288
|
+
"border-radius": string;
|
|
1289
|
+
"container-type": string;
|
|
1554
1290
|
"font-family": string;
|
|
1555
|
-
|
|
1556
|
-
top: string;
|
|
1557
|
-
margin: string;
|
|
1558
|
-
padding: number;
|
|
1559
|
-
display: string;
|
|
1560
|
-
"font-size": string;
|
|
1561
|
-
"font-weight": number;
|
|
1562
|
-
position: string;
|
|
1291
|
+
"margin-bottom": string;
|
|
1563
1292
|
};
|
|
1564
|
-
".secure-payment-form
|
|
1565
|
-
display: string;
|
|
1566
|
-
"justify-content": string;
|
|
1567
|
-
"align-items": string;
|
|
1568
|
-
border: string;
|
|
1569
|
-
padding: string;
|
|
1570
|
-
"white-space": string;
|
|
1571
|
-
height: string;
|
|
1572
|
-
"margin-right": string;
|
|
1573
|
-
};
|
|
1574
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
|
|
1575
|
-
"margin-right": string;
|
|
1576
|
-
};
|
|
1577
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
|
|
1578
|
-
"border-color": string;
|
|
1579
|
-
};
|
|
1580
|
-
".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
|
|
1581
|
-
outline: string;
|
|
1582
|
-
"outline-offset": string;
|
|
1583
|
-
};
|
|
1584
|
-
".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
|
|
1585
|
-
outline: string;
|
|
1586
|
-
"outline-offset": string;
|
|
1587
|
-
};
|
|
1588
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
|
|
1589
|
-
background: string;
|
|
1590
|
-
"border-color": string;
|
|
1591
|
-
color: string;
|
|
1592
|
-
outline: string;
|
|
1593
|
-
};
|
|
1594
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
|
|
1595
|
-
margin: string;
|
|
1596
|
-
appearance: string;
|
|
1597
|
-
"-webkit-appearance": string;
|
|
1598
|
-
"-moz-appearance": string;
|
|
1599
|
-
border: string;
|
|
1600
|
-
"border-radius": string;
|
|
1601
|
-
width: string;
|
|
1602
|
-
height: string;
|
|
1603
|
-
display: string;
|
|
1604
|
-
position: string;
|
|
1605
|
-
padding: string;
|
|
1606
|
-
};
|
|
1607
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
|
|
1608
|
-
"background-color": string;
|
|
1609
|
-
border: string;
|
|
1610
|
-
};
|
|
1611
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
|
|
1612
|
-
outline: string;
|
|
1613
|
-
};
|
|
1614
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
|
|
1615
|
-
"font-family": string;
|
|
1616
|
-
"font-size": string;
|
|
1617
|
-
"font-weight": number;
|
|
1618
|
-
display: string;
|
|
1619
|
-
margin: string;
|
|
1620
|
-
};
|
|
1621
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
|
|
1622
|
-
opacity: string;
|
|
1623
|
-
visibility: boolean;
|
|
1624
|
-
display: string;
|
|
1625
|
-
"flex-direction": string;
|
|
1626
|
-
"margin-left": string;
|
|
1627
|
-
"align-items": string;
|
|
1628
|
-
height: string;
|
|
1629
|
-
};
|
|
1630
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
|
|
1631
|
-
display: string;
|
|
1632
|
-
opacity: string;
|
|
1633
|
-
visibility: boolean;
|
|
1634
|
-
};
|
|
1635
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
|
|
1636
|
-
opacity: string;
|
|
1637
|
-
visibility: boolean;
|
|
1638
|
-
display: string;
|
|
1639
|
-
"flex-direction": string;
|
|
1640
|
-
"margin-left": string;
|
|
1641
|
-
"align-items": string;
|
|
1642
|
-
height: string;
|
|
1643
|
-
};
|
|
1644
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
|
|
1645
|
-
display: string;
|
|
1646
|
-
opacity: string;
|
|
1647
|
-
visibility: boolean;
|
|
1648
|
-
};
|
|
1649
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
|
|
1650
|
-
"font-family": string;
|
|
1651
|
-
"font-size": string;
|
|
1652
|
-
"font-weight": number;
|
|
1653
|
-
margin: string;
|
|
1654
|
-
display: string;
|
|
1655
|
-
};
|
|
1656
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
|
|
1657
|
-
margin: string;
|
|
1658
|
-
"font-style": string;
|
|
1659
|
-
};
|
|
1660
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
|
|
1661
|
-
width: string;
|
|
1662
|
-
height: string;
|
|
1663
|
-
"min-width": string;
|
|
1664
|
-
"border-left": string;
|
|
1665
|
-
display: string;
|
|
1666
|
-
};
|
|
1667
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
|
|
1668
|
-
"border-left": string;
|
|
1669
|
-
};
|
|
1670
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
|
|
1671
|
-
"border-left": string;
|
|
1672
|
-
};
|
|
1673
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
|
|
1674
|
-
bottom: string;
|
|
1675
|
-
right: string;
|
|
1676
|
-
display: string;
|
|
1677
|
-
};
|
|
1678
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
|
|
1679
|
-
display: string;
|
|
1680
|
-
};
|
|
1681
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
|
|
1682
|
-
margin: string;
|
|
1683
|
-
};
|
|
1684
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
|
|
1685
|
-
"margin-bottom": string;
|
|
1686
|
-
};
|
|
1687
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
|
|
1688
|
-
left: string;
|
|
1689
|
-
top: string;
|
|
1690
|
-
right: string;
|
|
1691
|
-
transform: string;
|
|
1692
|
-
"border-width": string;
|
|
1693
|
-
"border-style": string;
|
|
1694
|
-
"border-color": string;
|
|
1695
|
-
};
|
|
1696
|
-
"@media only screen and (max-width: 768px)"?: {
|
|
1697
|
-
".secure-payment-form .currency-conversion-container": {
|
|
1698
|
-
"flex-direction": string;
|
|
1699
|
-
"align-items": string;
|
|
1700
|
-
};
|
|
1701
|
-
".secure-payment-form .credit-card-currency-conversion fieldset": {
|
|
1702
|
-
"justify-content": string;
|
|
1703
|
-
};
|
|
1704
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button": {
|
|
1705
|
-
width: string;
|
|
1706
|
-
"justify-content": string;
|
|
1707
|
-
};
|
|
1708
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
|
|
1709
|
-
margin: string;
|
|
1710
|
-
};
|
|
1711
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
|
|
1712
|
-
width: string;
|
|
1713
|
-
"margin-top": string;
|
|
1714
|
-
"margin-left": string;
|
|
1715
|
-
};
|
|
1716
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content": {
|
|
1717
|
-
width: string;
|
|
1718
|
-
"margin-top": string;
|
|
1719
|
-
"margin-left": string;
|
|
1720
|
-
};
|
|
1721
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before": {
|
|
1722
|
-
right: string;
|
|
1723
|
-
};
|
|
1724
|
-
};
|
|
1725
|
-
".secure-payment-form .hf-cvv-tooltip-invalid"?: {
|
|
1726
|
-
border: string;
|
|
1727
|
-
"border-left": string;
|
|
1728
|
-
};
|
|
1729
|
-
".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
|
|
1730
|
-
border: string;
|
|
1731
|
-
"border-left": string;
|
|
1732
|
-
};
|
|
1733
|
-
".secure-payment-form .hf-cvv-tooltip-invalid:focus"?: {
|
|
1734
|
-
border: string;
|
|
1735
|
-
"border-left": string;
|
|
1736
|
-
};
|
|
1737
|
-
"#googlePay": {
|
|
1738
|
-
height: string;
|
|
1739
|
-
margin: string;
|
|
1740
|
-
};
|
|
1741
|
-
"#googlePay button:focus": {
|
|
1742
|
-
outline: string;
|
|
1743
|
-
"outline-offset": string;
|
|
1744
|
-
};
|
|
1745
|
-
".secure-payment-form .ctp-panel": {
|
|
1746
|
-
border: string;
|
|
1747
|
-
"box-shadow": string;
|
|
1748
|
-
"border-radius": string;
|
|
1749
|
-
"container-type": string;
|
|
1750
|
-
"font-family": string;
|
|
1751
|
-
"margin-bottom": string;
|
|
1752
|
-
};
|
|
1753
|
-
".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
|
|
1293
|
+
".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
|
|
1754
1294
|
display: string;
|
|
1755
1295
|
};
|
|
1756
1296
|
".secure-payment-form .ctp-panel .ctp-button": {
|
|
@@ -1901,7 +1441,11 @@ export declare const parentStyles: () => {
|
|
|
1901
1441
|
".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
|
|
1902
1442
|
width: string;
|
|
1903
1443
|
height: string;
|
|
1904
|
-
"background-size": string;
|
|
1444
|
+
"background-size": string; /**
|
|
1445
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
1446
|
+
*
|
|
1447
|
+
* @param json New CSS rules
|
|
1448
|
+
*/
|
|
1905
1449
|
};
|
|
1906
1450
|
};
|
|
1907
1451
|
".secure-payment-form .apm-active .ctp-panel .ctp-button": {
|
|
@@ -1922,6 +1466,12 @@ export declare const parentStyles: () => {
|
|
|
1922
1466
|
transform: string;
|
|
1923
1467
|
"-webkit-transform": string;
|
|
1924
1468
|
};
|
|
1469
|
+
/**
|
|
1470
|
+
* Sets a special-case event listener that fires when all hosted
|
|
1471
|
+
* fields in a form have registered / loaded
|
|
1472
|
+
*
|
|
1473
|
+
* @param fn The listener function
|
|
1474
|
+
*/
|
|
1925
1475
|
".secure-payment-form .ctp-panel .right-arrow": {
|
|
1926
1476
|
position: string;
|
|
1927
1477
|
background: string;
|
|
@@ -2129,7 +1679,12 @@ export declare const parentStyles: () => {
|
|
|
2129
1679
|
background: string;
|
|
2130
1680
|
margin: string;
|
|
2131
1681
|
padding: string;
|
|
2132
|
-
"border-radius": string;
|
|
1682
|
+
"border-radius": string; /**
|
|
1683
|
+
* Instantiates a new UIForm object for a group of hosted fields
|
|
1684
|
+
*
|
|
1685
|
+
* @param fields Hosted field configuration
|
|
1686
|
+
* @param styles Custom CSS configuration
|
|
1687
|
+
*/
|
|
2133
1688
|
};
|
|
2134
1689
|
".secure-payment-form .installment-plan-options-title": {
|
|
2135
1690
|
color: string;
|
|
@@ -2197,11 +1752,7 @@ export declare const parentStyles: () => {
|
|
|
2197
1752
|
".secure-payment-form .installment-link:focus": {
|
|
2198
1753
|
color: string;
|
|
2199
1754
|
border: string;
|
|
2200
|
-
};
|
|
2201
|
-
* Appends additional CSS rules to the group of hosted fields
|
|
2202
|
-
*
|
|
2203
|
-
* @param json New CSS rules
|
|
2204
|
-
*/
|
|
1755
|
+
};
|
|
2205
1756
|
".secure-payment-form .installment-step-container": {
|
|
2206
1757
|
display: string;
|
|
2207
1758
|
"justify-content": string;
|
|
@@ -2237,9 +1788,6 @@ export declare const parentStyles: () => {
|
|
|
2237
1788
|
".secure-payment-form .installment-button-explore-plans:hover": {
|
|
2238
1789
|
background: string;
|
|
2239
1790
|
};
|
|
2240
|
-
/**
|
|
2241
|
-
* Deletes all hosted fields within the form
|
|
2242
|
-
*/
|
|
2243
1791
|
".secure-payment-form .installment-button-explore-plans:active": {
|
|
2244
1792
|
background: string;
|
|
2245
1793
|
};
|
|
@@ -2375,68 +1923,6 @@ export declare const parentStyles: () => {
|
|
|
2375
1923
|
"line-height": string;
|
|
2376
1924
|
"text-decoration-line": string;
|
|
2377
1925
|
};
|
|
2378
|
-
".secure-payment-form .tooltip": {
|
|
2379
|
-
position: string;
|
|
2380
|
-
width: string;
|
|
2381
|
-
height: string;
|
|
2382
|
-
border: string;
|
|
2383
|
-
"border-left": string;
|
|
2384
|
-
color: string;
|
|
2385
|
-
float: string;
|
|
2386
|
-
"background-size": string;
|
|
2387
|
-
background: string;
|
|
2388
|
-
"font-family": string;
|
|
2389
|
-
};
|
|
2390
|
-
".secure-payment-form .tooltip:focus": {
|
|
2391
|
-
border: string;
|
|
2392
|
-
outline: string;
|
|
2393
|
-
"border-left": string;
|
|
2394
|
-
};
|
|
2395
|
-
".secure-payment-form .tooltip:hover": {
|
|
2396
|
-
border: string;
|
|
2397
|
-
outline: string;
|
|
2398
|
-
"border-left": string;
|
|
2399
|
-
};
|
|
2400
|
-
".secure-payment-form .tooltip-content": {
|
|
2401
|
-
visibility: string;
|
|
2402
|
-
width: string;
|
|
2403
|
-
"background-color": string;
|
|
2404
|
-
color: string;
|
|
2405
|
-
"text-align": string;
|
|
2406
|
-
"border-radius": string;
|
|
2407
|
-
border: string;
|
|
2408
|
-
padding: string;
|
|
2409
|
-
position: string;
|
|
2410
|
-
"z-index": string;
|
|
2411
|
-
right: string;
|
|
2412
|
-
opacity: string;
|
|
2413
|
-
transition: string;
|
|
2414
|
-
"font-size": string;
|
|
2415
|
-
"font-weight": string;
|
|
2416
|
-
"box-shadow": string;
|
|
2417
|
-
"margin-top": string;
|
|
2418
|
-
"margin-right": string;
|
|
2419
|
-
};
|
|
2420
|
-
".secure-payment-form .tooltip-content h4": {
|
|
2421
|
-
margin: string;
|
|
2422
|
-
};
|
|
2423
|
-
".secure-payment-form .tooltip:hover > .tooltip-content": {
|
|
2424
|
-
visibility: string;
|
|
2425
|
-
opacity: string;
|
|
2426
|
-
};
|
|
2427
|
-
".secure-payment-form .tooltip:focus > .tooltip-content": {
|
|
2428
|
-
visibility: string;
|
|
2429
|
-
opacity: string;
|
|
2430
|
-
};
|
|
2431
|
-
".secure-payment-form .tooltip-content::before": {
|
|
2432
|
-
position: string;
|
|
2433
|
-
content: string;
|
|
2434
|
-
right: string;
|
|
2435
|
-
top: string;
|
|
2436
|
-
"border-left": string;
|
|
2437
|
-
"border-right": string;
|
|
2438
|
-
"border-bottom": string;
|
|
2439
|
-
};
|
|
2440
1926
|
".secure-payment-form": {
|
|
2441
1927
|
display: string;
|
|
2442
1928
|
"-ms-flex-wrap": string;
|
|
@@ -2525,6 +2011,53 @@ export declare const parentStyles: () => {
|
|
|
2525
2011
|
"min-height": string;
|
|
2526
2012
|
width: string;
|
|
2527
2013
|
};
|
|
2014
|
+
".secure-payment-form .tooltip": {
|
|
2015
|
+
position: string;
|
|
2016
|
+
width: string;
|
|
2017
|
+
height: string;
|
|
2018
|
+
border: string;
|
|
2019
|
+
"border-left": string;
|
|
2020
|
+
color: string;
|
|
2021
|
+
float: string;
|
|
2022
|
+
"background-size": string;
|
|
2023
|
+
background: string;
|
|
2024
|
+
};
|
|
2025
|
+
".secure-payment-form .tooltip:focus": {
|
|
2026
|
+
border: string;
|
|
2027
|
+
outline: string;
|
|
2028
|
+
};
|
|
2029
|
+
".secure-payment-form .tooltip:hover": {
|
|
2030
|
+
border: string;
|
|
2031
|
+
outline: string;
|
|
2032
|
+
};
|
|
2033
|
+
".secure-payment-form .tooltip-content": {
|
|
2034
|
+
visibility: string;
|
|
2035
|
+
width: string;
|
|
2036
|
+
"background-color": string;
|
|
2037
|
+
color: string;
|
|
2038
|
+
"text-align": string;
|
|
2039
|
+
"border-radius": string;
|
|
2040
|
+
border: string;
|
|
2041
|
+
padding: string;
|
|
2042
|
+
position: string;
|
|
2043
|
+
"z-index": string;
|
|
2044
|
+
right: string;
|
|
2045
|
+
opacity: string;
|
|
2046
|
+
transition: string;
|
|
2047
|
+
"font-size": string;
|
|
2048
|
+
"font-weight": string;
|
|
2049
|
+
"margin-top": string;
|
|
2050
|
+
overflow: string;
|
|
2051
|
+
"box-shadow": string;
|
|
2052
|
+
};
|
|
2053
|
+
".secure-payment-form .tooltip:hover > .tooltip-content": {
|
|
2054
|
+
visibility: string;
|
|
2055
|
+
opacity: string;
|
|
2056
|
+
};
|
|
2057
|
+
".secure-payment-form .tooltip:focus > .tooltip-content": {
|
|
2058
|
+
visibility: string;
|
|
2059
|
+
opacity: string;
|
|
2060
|
+
};
|
|
2528
2061
|
".secure-payment-form .other-cards-label": {
|
|
2529
2062
|
"border-bottom": string;
|
|
2530
2063
|
"text-align": string;
|
|
@@ -2544,9 +2077,7 @@ export declare const parentStyles: () => {
|
|
|
2544
2077
|
"-ms-transform": string;
|
|
2545
2078
|
"-o-transform": string;
|
|
2546
2079
|
transform: string;
|
|
2547
|
-
margin: string;
|
|
2548
|
-
* Deletes all hosted fields within the form
|
|
2549
|
-
*/
|
|
2080
|
+
margin: string;
|
|
2550
2081
|
"font-family": string;
|
|
2551
2082
|
"font-size": string;
|
|
2552
2083
|
"white-space": string;
|
|
@@ -2570,201 +2101,6 @@ export declare const parentStyles: () => {
|
|
|
2570
2101
|
};
|
|
2571
2102
|
};
|
|
2572
2103
|
simple: {
|
|
2573
|
-
".secure-payment-form .credit-card-currency-conversion legend"?: {
|
|
2574
|
-
"font-family": string;
|
|
2575
|
-
color: string;
|
|
2576
|
-
"font-size": string;
|
|
2577
|
-
"font-weight": string;
|
|
2578
|
-
"line-height": string;
|
|
2579
|
-
"text-transform": string;
|
|
2580
|
-
"margin-bottom": string;
|
|
2581
|
-
};
|
|
2582
|
-
".secure-payment-form .credit-card-currency-conversion .currency-conversion-container"?: {
|
|
2583
|
-
"margin-bottom": string;
|
|
2584
|
-
"flex-wrap": string;
|
|
2585
|
-
};
|
|
2586
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content"?: {
|
|
2587
|
-
display: string;
|
|
2588
|
-
bottom: string;
|
|
2589
|
-
right: string;
|
|
2590
|
-
};
|
|
2591
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button"?: {
|
|
2592
|
-
display: string;
|
|
2593
|
-
"justify-content": string;
|
|
2594
|
-
"align-items": string;
|
|
2595
|
-
border: string;
|
|
2596
|
-
padding: string;
|
|
2597
|
-
"white-space": string;
|
|
2598
|
-
height: string;
|
|
2599
|
-
"margin-right": string;
|
|
2600
|
-
};
|
|
2601
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button label"?: {
|
|
2602
|
-
"font-family": string;
|
|
2603
|
-
"font-size": string;
|
|
2604
|
-
"font-weight": number;
|
|
2605
|
-
display: string;
|
|
2606
|
-
margin: string;
|
|
2607
|
-
};
|
|
2608
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button.checked label"?: {
|
|
2609
|
-
color: string;
|
|
2610
|
-
};
|
|
2611
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content"?: {
|
|
2612
|
-
opacity: string;
|
|
2613
|
-
visibility: boolean;
|
|
2614
|
-
display: string;
|
|
2615
|
-
"flex-direction": string;
|
|
2616
|
-
margin: string;
|
|
2617
|
-
"align-items": string;
|
|
2618
|
-
height: string;
|
|
2619
|
-
};
|
|
2620
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content"?: {
|
|
2621
|
-
opacity: string;
|
|
2622
|
-
visibility: boolean;
|
|
2623
|
-
display: string;
|
|
2624
|
-
"flex-direction": string;
|
|
2625
|
-
margin: string;
|
|
2626
|
-
"align-items": string;
|
|
2627
|
-
height: string;
|
|
2628
|
-
};
|
|
2629
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info p"?: {
|
|
2630
|
-
"font-family": string;
|
|
2631
|
-
margin: string;
|
|
2632
|
-
"font-style": string;
|
|
2633
|
-
};
|
|
2634
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p"?: {
|
|
2635
|
-
"font-family": string;
|
|
2636
|
-
margin: string;
|
|
2637
|
-
};
|
|
2638
|
-
".secure-payment-form .currency-conversion-container"?: {
|
|
2639
|
-
display: string;
|
|
2640
|
-
"flex-direction": string;
|
|
2641
|
-
"align-items": string;
|
|
2642
|
-
};
|
|
2643
|
-
".secure-payment-form .credit-card-currency-conversion iframe"?: {
|
|
2644
|
-
"min-height": string;
|
|
2645
|
-
};
|
|
2646
|
-
".secure-payment-form .credit-card-currency-conversion fieldset"?: {
|
|
2647
|
-
"font-family": string;
|
|
2648
|
-
border: string;
|
|
2649
|
-
margin: string;
|
|
2650
|
-
padding: string;
|
|
2651
|
-
display: string;
|
|
2652
|
-
"flex-wrap": string;
|
|
2653
|
-
};
|
|
2654
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:last-child"?: {
|
|
2655
|
-
"margin-right": string;
|
|
2656
|
-
};
|
|
2657
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:hover"?: {
|
|
2658
|
-
"border-color": string;
|
|
2659
|
-
};
|
|
2660
|
-
".secure-payment-form .credit-card-currency-conversion fieldset:focus-within > .radio-button"?: {
|
|
2661
|
-
outline: string;
|
|
2662
|
-
"outline-offset": string;
|
|
2663
|
-
};
|
|
2664
|
-
".secure-payment-form .credit-card-currency-conversion fieldset.no-focus-outline .radio-button.checked"?: {
|
|
2665
|
-
outline: string;
|
|
2666
|
-
"outline-offset": string;
|
|
2667
|
-
};
|
|
2668
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button.checked"?: {
|
|
2669
|
-
background: string;
|
|
2670
|
-
"border-color": string;
|
|
2671
|
-
color: string;
|
|
2672
|
-
outline: string;
|
|
2673
|
-
};
|
|
2674
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']"?: {
|
|
2675
|
-
margin: string;
|
|
2676
|
-
appearance: string;
|
|
2677
|
-
"-webkit-appearance": string;
|
|
2678
|
-
"-moz-appearance": string;
|
|
2679
|
-
border: string;
|
|
2680
|
-
"border-radius": string;
|
|
2681
|
-
width: string;
|
|
2682
|
-
height: string;
|
|
2683
|
-
display: string;
|
|
2684
|
-
position: string;
|
|
2685
|
-
padding: string;
|
|
2686
|
-
};
|
|
2687
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:checked"?: {
|
|
2688
|
-
"background-color": string;
|
|
2689
|
-
border: string;
|
|
2690
|
-
};
|
|
2691
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button input[type='radio']:focus"?: {
|
|
2692
|
-
outline: string;
|
|
2693
|
-
};
|
|
2694
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content.visible"?: {
|
|
2695
|
-
display: string;
|
|
2696
|
-
opacity: string;
|
|
2697
|
-
visibility: boolean;
|
|
2698
|
-
};
|
|
2699
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content.visible"?: {
|
|
2700
|
-
display: string;
|
|
2701
|
-
opacity: string;
|
|
2702
|
-
visibility: boolean;
|
|
2703
|
-
};
|
|
2704
|
-
".secure-payment-form .credit-card-currency-conversion .additional-info"?: {
|
|
2705
|
-
"font-family": string;
|
|
2706
|
-
"font-size": string;
|
|
2707
|
-
"font-weight": number;
|
|
2708
|
-
margin: string;
|
|
2709
|
-
display: string;
|
|
2710
|
-
};
|
|
2711
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip"?: {
|
|
2712
|
-
width: string;
|
|
2713
|
-
height: string;
|
|
2714
|
-
"min-width": string;
|
|
2715
|
-
"border-left": string;
|
|
2716
|
-
display: string;
|
|
2717
|
-
};
|
|
2718
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover"?: {
|
|
2719
|
-
"border-left": string;
|
|
2720
|
-
};
|
|
2721
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:focus"?: {
|
|
2722
|
-
"border-left": string;
|
|
2723
|
-
};
|
|
2724
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip:hover .tooltip-content"?: {
|
|
2725
|
-
display: string;
|
|
2726
|
-
};
|
|
2727
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content p:last-child"?: {
|
|
2728
|
-
"margin-bottom": string;
|
|
2729
|
-
};
|
|
2730
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before"?: {
|
|
2731
|
-
left: string;
|
|
2732
|
-
top: string;
|
|
2733
|
-
right: string;
|
|
2734
|
-
transform: string;
|
|
2735
|
-
"border-width": string;
|
|
2736
|
-
"border-style": string;
|
|
2737
|
-
"border-color": string;
|
|
2738
|
-
};
|
|
2739
|
-
"@media only screen and (max-width: 768px)"?: {
|
|
2740
|
-
".secure-payment-form .currency-conversion-container": {
|
|
2741
|
-
"flex-direction": string;
|
|
2742
|
-
"align-items": string;
|
|
2743
|
-
};
|
|
2744
|
-
".secure-payment-form .credit-card-currency-conversion fieldset": {
|
|
2745
|
-
"justify-content": string;
|
|
2746
|
-
};
|
|
2747
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button": {
|
|
2748
|
-
width: string;
|
|
2749
|
-
"justify-content": string;
|
|
2750
|
-
};
|
|
2751
|
-
".secure-payment-form .credit-card-currency-conversion .radio-button:first-child": {
|
|
2752
|
-
margin: string;
|
|
2753
|
-
};
|
|
2754
|
-
".secure-payment-form .credit-card-currency-conversion .card-currency-content": {
|
|
2755
|
-
width: string;
|
|
2756
|
-
"margin-top": string;
|
|
2757
|
-
"margin-left": string;
|
|
2758
|
-
};
|
|
2759
|
-
".secure-payment-form .credit-card-currency-conversion .merchant-currency-content": {
|
|
2760
|
-
width: string;
|
|
2761
|
-
"margin-top": string;
|
|
2762
|
-
"margin-left": string;
|
|
2763
|
-
};
|
|
2764
|
-
".secure-payment-form .credit-card-currency-conversion .tooltip-content::before": {
|
|
2765
|
-
right: string;
|
|
2766
|
-
};
|
|
2767
|
-
};
|
|
2768
2104
|
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
2769
2105
|
"font-family": string;
|
|
2770
2106
|
};
|
|
@@ -3045,7 +2381,11 @@ export declare const parentStyles: () => {
|
|
|
3045
2381
|
".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
|
|
3046
2382
|
width: string;
|
|
3047
2383
|
height: string;
|
|
3048
|
-
"background-size": string;
|
|
2384
|
+
"background-size": string; /**
|
|
2385
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
2386
|
+
*
|
|
2387
|
+
* @param json New CSS rules
|
|
2388
|
+
*/
|
|
3049
2389
|
};
|
|
3050
2390
|
};
|
|
3051
2391
|
".secure-payment-form .apm-active .ctp-panel .ctp-button": {
|
|
@@ -3066,6 +2406,12 @@ export declare const parentStyles: () => {
|
|
|
3066
2406
|
transform: string;
|
|
3067
2407
|
"-webkit-transform": string;
|
|
3068
2408
|
};
|
|
2409
|
+
/**
|
|
2410
|
+
* Sets a special-case event listener that fires when all hosted
|
|
2411
|
+
* fields in a form have registered / loaded
|
|
2412
|
+
*
|
|
2413
|
+
* @param fn The listener function
|
|
2414
|
+
*/
|
|
3069
2415
|
".secure-payment-form .ctp-panel .right-arrow": {
|
|
3070
2416
|
position: string;
|
|
3071
2417
|
background: string;
|
|
@@ -3180,68 +2526,6 @@ export declare const parentStyles: () => {
|
|
|
3180
2526
|
display: string;
|
|
3181
2527
|
margin: string;
|
|
3182
2528
|
};
|
|
3183
|
-
".secure-payment-form .tooltip": {
|
|
3184
|
-
position: string;
|
|
3185
|
-
width: string;
|
|
3186
|
-
height: string;
|
|
3187
|
-
border: string;
|
|
3188
|
-
"border-left": string;
|
|
3189
|
-
color: string;
|
|
3190
|
-
float: string;
|
|
3191
|
-
"background-size": string;
|
|
3192
|
-
background: string;
|
|
3193
|
-
"font-family": string;
|
|
3194
|
-
};
|
|
3195
|
-
".secure-payment-form .tooltip:focus": {
|
|
3196
|
-
border: string;
|
|
3197
|
-
outline: string;
|
|
3198
|
-
"border-left": string;
|
|
3199
|
-
};
|
|
3200
|
-
".secure-payment-form .tooltip:hover": {
|
|
3201
|
-
border: string;
|
|
3202
|
-
outline: string;
|
|
3203
|
-
"border-left": string;
|
|
3204
|
-
};
|
|
3205
|
-
".secure-payment-form .tooltip-content": {
|
|
3206
|
-
visibility: string;
|
|
3207
|
-
width: string;
|
|
3208
|
-
"background-color": string;
|
|
3209
|
-
color: string;
|
|
3210
|
-
"text-align": string;
|
|
3211
|
-
"border-radius": string;
|
|
3212
|
-
border: string;
|
|
3213
|
-
padding: string;
|
|
3214
|
-
position: string;
|
|
3215
|
-
"z-index": string;
|
|
3216
|
-
right: string;
|
|
3217
|
-
opacity: string;
|
|
3218
|
-
transition: string;
|
|
3219
|
-
"font-size": string;
|
|
3220
|
-
"font-weight": string;
|
|
3221
|
-
"box-shadow": string;
|
|
3222
|
-
"margin-top": string;
|
|
3223
|
-
"margin-right": string;
|
|
3224
|
-
};
|
|
3225
|
-
".secure-payment-form .tooltip-content h4": {
|
|
3226
|
-
margin: string;
|
|
3227
|
-
};
|
|
3228
|
-
".secure-payment-form .tooltip:hover > .tooltip-content": {
|
|
3229
|
-
visibility: string;
|
|
3230
|
-
opacity: string;
|
|
3231
|
-
};
|
|
3232
|
-
".secure-payment-form .tooltip:focus > .tooltip-content": {
|
|
3233
|
-
visibility: string;
|
|
3234
|
-
opacity: string;
|
|
3235
|
-
};
|
|
3236
|
-
".secure-payment-form .tooltip-content::before": {
|
|
3237
|
-
position: string;
|
|
3238
|
-
content: string;
|
|
3239
|
-
right: string;
|
|
3240
|
-
top: string;
|
|
3241
|
-
"border-left": string;
|
|
3242
|
-
"border-right": string;
|
|
3243
|
-
"border-bottom": string;
|
|
3244
|
-
};
|
|
3245
2529
|
".secure-payment-form": {
|
|
3246
2530
|
"font-family": string;
|
|
3247
2531
|
width: string;
|
|
@@ -3270,12 +2554,7 @@ export declare const parentStyles: () => {
|
|
|
3270
2554
|
width: string;
|
|
3271
2555
|
height: string;
|
|
3272
2556
|
"text-align": string;
|
|
3273
|
-
margin: string;
|
|
3274
|
-
* Sets a special-case event listener that fires when all hosted
|
|
3275
|
-
* fields in a form have registered / loaded
|
|
3276
|
-
*
|
|
3277
|
-
* @param fn The listener function
|
|
3278
|
-
*/
|
|
2557
|
+
margin: string;
|
|
3279
2558
|
display: string;
|
|
3280
2559
|
"justify-content": string;
|
|
3281
2560
|
"align-items": string;
|
|
@@ -3303,9 +2582,6 @@ export declare const parentStyles: () => {
|
|
|
3303
2582
|
flex: string;
|
|
3304
2583
|
"margin-left": string;
|
|
3305
2584
|
width: string;
|
|
3306
|
-
/**
|
|
3307
|
-
* Deletes all hosted fields within the form
|
|
3308
|
-
*/
|
|
3309
2585
|
height: string;
|
|
3310
2586
|
"text-align": string;
|
|
3311
2587
|
float: string;
|
|
@@ -3461,30 +2737,11 @@ export default class UIForm {
|
|
|
3461
2737
|
private configureCardInstallmentsEvents;
|
|
3462
2738
|
private startCardInstallmentDataRequest;
|
|
3463
2739
|
private removeInstallmentsPanel;
|
|
3464
|
-
private currencyConversionResponseData;
|
|
3465
|
-
/**
|
|
3466
|
-
* Configures event listeners related to currency conversion for the specified iframe field.
|
|
3467
|
-
* @param dccField The iframe field associated with the currency conversion.
|
|
3468
|
-
*/
|
|
3469
|
-
private configureCurrencyConversionEvents;
|
|
3470
|
-
private checkCurrencyConversionStatus;
|
|
3471
|
-
/**
|
|
3472
|
-
* Initiates a currency conversion data request using the provided parameters.
|
|
3473
|
-
* @param args An object containing the necessary parameters for the currency conversion request.
|
|
3474
|
-
*/
|
|
3475
|
-
private startCurrencyConversionDataRequest;
|
|
3476
|
-
/**
|
|
3477
|
-
* Requests data from all relevant fields associated with the target iframe field,
|
|
3478
|
-
* including optional installment payment data and currency conversion data if enabled.
|
|
3479
|
-
* @param target The iframe field for which data is requested.
|
|
3480
|
-
* @param installment Optional installment payment data.
|
|
3481
|
-
*/
|
|
3482
2740
|
private requestDataFromAll;
|
|
3483
2741
|
setSubtotalAmount(amount: string): void;
|
|
3484
2742
|
private requestInstallmentData;
|
|
3485
2743
|
private configureHostedFieldValidations;
|
|
3486
2744
|
private validateForm;
|
|
3487
2745
|
private submitForm;
|
|
3488
|
-
private requestCurrencyConversionData;
|
|
3489
2746
|
private startQRCodePaymentMethodsRequest;
|
|
3490
2747
|
}
|