@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.
Files changed (54) hide show
  1. package/README.md +1 -1
  2. package/package.json +2 -7
  3. package/types/apm/qr-code-payments/enums.d.ts +1 -2
  4. package/types/common/currency.d.ts +0 -1
  5. package/types/common/enums.d.ts +1 -8
  6. package/types/common/html-element.d.ts +0 -27
  7. package/types/internal/built-in-validations/messages.d.ts +0 -3
  8. package/types/internal/gateways/gp-api/index.d.ts +1 -2
  9. package/types/internal/gateways/index.d.ts +1 -6
  10. package/types/internal/lib/card.d.ts +0 -29
  11. package/types/internal/lib/detectLanguage.d.ts +0 -1
  12. package/types/internal/lib/eums.d.ts +11 -0
  13. package/types/internal/lib/styles/built-in-validations/simple.d.ts +0 -3
  14. package/types/internal/lib/styles/default.d.ts +0 -262
  15. package/types/internal/lib/styles/gp-default.d.ts +47 -255
  16. package/types/internal/lib/styles/qr-code-payments/common.d.ts +0 -8
  17. package/types/internal/lib/styles/simple.d.ts +0 -265
  18. package/types/internal/lib/translations/en.d.ts +0 -15
  19. package/types/internal/validators/expiration.d.ts +0 -7
  20. package/types/lib/version.d.ts +1 -1
  21. package/types/tools/configure.d.ts +0 -8
  22. package/types/ui/form/index.d.ts +113 -856
  23. package/types/ui/iframe-field/index.d.ts +1 -1
  24. package/types/common/helpers.d.ts +0 -4
  25. package/types/internal/gateways/gp-api/action-query-currency-conversion.d.ts +0 -3
  26. package/types/internal/lib/currency-conversion/components/enums.d.ts +0 -5
  27. package/types/internal/lib/currency-conversion/components/events.d.ts +0 -8
  28. package/types/internal/lib/currency-conversion/components/template.d.ts +0 -7
  29. package/types/internal/lib/currency-conversion/contracts/constants.d.ts +0 -5
  30. package/types/internal/lib/currency-conversion/contracts/enums.d.ts +0 -15
  31. package/types/internal/lib/currency-conversion/contracts/interfaces.d.ts +0 -13
  32. package/types/internal/lib/currency-conversion/requests/query-currency-conversion.d.ts +0 -3
  33. package/types/internal/lib/currency-conversion/utils/helpers.d.ts +0 -8
  34. package/types/internal/lib/currency-conversion/utils/reset-currency-conversion.d.ts +0 -7
  35. package/types/internal/lib/styles/currency-conversion/common.d.ts +0 -191
  36. package/types/internal/lib/styles/currency-conversion/default.d.ts +0 -204
  37. package/types/internal/lib/styles/currency-conversion/gp-default.d.ts +0 -197
  38. package/types/internal/lib/styles/currency-conversion/simple.d.ts +0 -204
  39. package/types/internal/lib/styles/tooltip/common.d.ts +0 -65
  40. package/types/ui/iframe-field/apple-pay/action-add.d.ts +0 -2
  41. package/types/ui/iframe-field/click-to-pay/action-add.d.ts +0 -2
  42. package/types/ui/iframe-field/currency-conversion/action-add.d.ts +0 -9
  43. package/types/ui/iframe-field/currency-conversion/action-get-value.d.ts +0 -8
  44. package/types/ui/iframe-field/currency-conversion/action-request-accumulate-data.d.ts +0 -9
  45. package/types/ui/iframe-field/currency-conversion/action-request-data.d.ts +0 -9
  46. package/types/ui/iframe-field/currency-conversion/action-request-start.d.ts +0 -8
  47. package/types/ui/iframe-field/google-pay/action-add.d.ts +0 -2
  48. package/types/ui/iframe-field/installments/action-add.d.ts +0 -3
  49. package/types/ui/iframe-field/installments/action-request-accumulate-data.d.ts +0 -3
  50. package/types/ui/iframe-field/installments/action-request-data.d.ts +0 -3
  51. package/types/ui/iframe-field/installments/action-request-start.d.ts +0 -6
  52. package/types/ui/iframe-field/open-banking/action-add.d.ts +0 -2
  53. package/types/ui/iframe-field/qr-code-payment-methods/action-add.d.ts +0 -3
  54. package/types/ui/iframe-field/qr-code-payment-methods/action-request-start.d.ts +0 -6
@@ -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 .currency-conversion-container"?: {
1538
- display: string;
1539
- "flex-direction": string;
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 .credit-card-currency-conversion iframe"?: {
1543
- "min-height": string;
1269
+ ".secure-payment-form .hf-cvv-tooltip-invalid:hover"?: {
1270
+ border: string;
1271
+ "border-left": string;
1544
1272
  };
1545
- ".secure-payment-form .credit-card-currency-conversion fieldset"?: {
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
- ".secure-payment-form .credit-card-currency-conversion legend"?: {
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
- border: number;
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 .credit-card-currency-conversion .radio-button"?: {
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
  }