@pinerohit11/testwidget 0.1.58 → 0.1.60

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 (3) hide show
  1. package/dist/index.js +887 -884
  2. package/dist/index.mjs +881 -878
  3. package/package.json +6 -2
package/dist/index.js CHANGED
@@ -60,7 +60,8 @@ __export(index_exports, {
60
60
  module.exports = __toCommonJS(index_exports);
61
61
 
62
62
  // src/app/components/RequestPayment/RequestPayment.tsx
63
- var import_react4 = __toESM(require("react"));
63
+ var import_bootstrap_bundle_min = require("bootstrap/dist/js/bootstrap.bundle.min.js");
64
+ var import_react3 = __toESM(require("react"));
64
65
 
65
66
  // src/app/components/Loader/Loader.tsx
66
67
  var import_react2 = __toESM(require("react"));
@@ -194,870 +195,41 @@ var Loader_default = Loader;
194
195
  // src/app/components/RequestPayment/RequestPayment.tsx
195
196
  var import_react_bootstrap = require("react-bootstrap");
196
197
 
197
- // src/app/components/RequestPayment/RequestPaymentstyles.tsx
198
- var import_react3 = __toESM(require("react"));
199
- var RequestPaymentstyles = (props) => {
200
- return /* @__PURE__ */ import_react3.default.createElement("style", null, `
201
- .paymentBtn {
202
- background-color: black;
203
- border: none;
204
- color: white;
205
- padding: 15px 32px;
206
- text-align: center;
207
- text-decoration: none;
208
- display: inline-block;
209
- font-size: 16px;
210
- margin: 4px 2px;
211
- cursor: pointer;
212
- border-radius: 180px;
213
- /* width: auto; */
214
- }
215
- .modal-backdrop {
216
- display: none !important;
217
- }
218
- /* CSS for modal */
219
- .modal {
220
- /* display: none; */
221
- position: fixed;
222
- z-index: 5555;
223
- left: 0;
224
- top: 0;
225
- width: 100%;
226
- height: 100%;
227
- overflow: auto;
228
- background-color: rgba(0, 0, 0, 0.4);
229
- }
230
-
231
- .input-container {
232
- position: relative;
233
- }
234
- .error {
235
- border: 1px solid red;
236
- background-color: #ffe6e6; /* light red background color */
237
- }
238
- .form-group {
239
- margin-bottom: 15px;
240
- }
241
- .input-container input {
242
- padding-right: 25px;
243
- }
244
-
245
- .modal-header {
246
- border-bottom: 0 !important;
247
- padding-top: 0 !important;
248
- }
249
-
250
- /* CSS for modal content */
251
- .modal-content {
252
- /* height: 90vh !important; */
253
- height: auto;
254
- padding: 20px 5px;
255
- /* background: #fff; */
256
- border-radius: 20px !important;
257
- position: relative;
258
- width: 100%;
259
- max-width: 100%;
260
- margin: 30px auto;
261
- overflow: inherit !important;
262
- }
263
- .input-container {
264
- display: flex;
265
- align-items: baseline;
266
- }
267
-
268
- .input-error-container {
269
- flex: 1;
270
- }
271
-
272
- .paymentBtn {
273
- margin-left: 10px;
274
- }
275
-
276
- .PayButton {
277
- outline: 0 !important;
278
- height: 46px;
279
- font-size: 16px;
280
- background-color: #161616 !important;
281
- border: none;
282
- display: block;
283
- width: 100%;
284
- border-radius: 180px;
285
- margin: 10px 0;
286
- }
287
-
288
- #PayButton:hover {
289
- background-color: #61c699 !important;
290
- }
291
-
292
- #PayButton:active {
293
- background-color: #61c699 !important;
294
- }
295
-
296
- #PayButton:disabled {
297
- background: rgb(172, 44, 170) !important;
298
- color: #fff !important;
299
- }
300
-
301
- label {
302
- color: rgba(53, 37, 77, 0.6);
303
- margin-bottom: 2px;
304
- text-transform: uppercase;
305
- font-family: "IBM Plex Mono", monospace;
306
- font-weight: 500;
307
- font-size: 12px;
308
- }
309
-
310
- .input-container {
311
- position: relative;
312
- }
313
-
314
- .input-container input {
315
- padding-right: 25px;
316
- }
317
-
318
- #Checkout {
319
- /* z-index: 100001; */
320
- width: 100%;
321
- /* height: 100%; */
322
- /* background: 0 0 #ffffff; */
323
- border-radius: 24px;
324
- border: 1px solid #e0dfe2;
325
- display: block;
326
- }
327
-
328
- .container {
329
- margin-top: 10px;
330
- }
331
-
332
- .powered-logo {
333
- width: 18px;
334
- height: 18px;
335
- /* float: right; */
336
- padding: 2px;
337
- background: #000000;
338
- border-radius: 4px;
339
- /* margin-left: 5px; */
340
- }
341
-
342
- .modal-content .container {
343
- width: 100%;
344
- }
345
-
346
- .powerd-by-part {
347
- display: flex;
348
- justify-content: center;
349
- align-items: center;
350
- gap: 5px;
351
- }
352
-
353
- .errorText {
354
- color: red;
355
- }
356
-
357
- .input-group {
358
- position: relative;
359
- }
360
-
361
- .paynowbtn {
362
- outline: 0 !important;
363
- padding: 7px 25px !important;
364
- font-size: 13px;
365
- background-color: #161616 !important;
366
- border: #161616 1px solid !important;
367
- color: #fff !important;
368
- display: inline-block !important;
369
- border-radius: 180px !important;
370
- }
371
-
372
- .paynowbtn:hover {
373
- background-color: #fff !important;
374
- border: #161616 1px solid !important;
375
- color: #161616 !important;
376
- }
377
-
378
- .ButtonGroup__root.btn-group {
379
- margin: 10px 0 20px 0;
380
- }
381
-
382
- .ButtonGroup__root.btn-group button {
383
- background: #000;
384
- border: 0;
385
- margin: 0 5px;
386
- border-radius: 4px !important;
387
- }
388
-
389
- .ButtonGroup__root.btn-group button:hover,
390
- .ButtonGroup__root.btn-group button:focus {
391
- background: #333 !important;
392
- }
393
-
394
- .input-group button {
395
- background: #000;
396
- border: 0;
397
- margin: 0 5px;
398
- border-radius: 0 4px 4px 0 !important;
399
- }
400
-
401
- .input-group button:hover,
402
- .input-group button:focus {
403
- background: #333 !important;
404
- }
405
-
406
- .payment-suc {
407
- text-align: center;
408
- }
409
-
410
- .payment-suc .modal-dialog {
411
- min-width: 600px;
412
- padding: 50px 0;
413
- }
414
-
415
- .payment-suc h2 {
416
- font-size: 24px;
417
- color: #35254d;
418
- font-weight: 500;
419
- padding: 15px 0;
420
- }
198
+ // src/app/components/baseurl.ts
199
+ var baseUrl = "https://staging-widget.fractalpay.com/";
421
200
 
422
- .payment-suc p {
423
- font-size: 14px;
424
- color: #9a92a6;
425
- font-weight: 500;
426
- }
427
-
428
- .payment-suc .btn-close {
429
- position: absolute;
430
- right: 20px;
431
- }
432
-
433
- .Checkout.container iframe {
434
- width: 100%;
435
- overflow: hidden !important;
436
- }
437
-
438
- .responsive-tbl {
439
- overflow-x: auto;
440
- }
441
- body {
442
- position: relative !important;
443
- }
444
- thead,
445
- tbody,
446
- tfoot,
447
- tr,
448
- td,
449
- th {
450
- white-space: nowrap;
451
- }
452
-
453
- .button-group {
454
- display: flex;
455
- gap: 10px;
456
- }
457
- .rqstonClickbtn {
458
- color: #fff;
459
- background-color: #337ab7;
460
- border-color: #2e6da4;
461
- }
462
- .loading-animation {
463
- position: absolute;
464
- top: 50%;
465
- left: 50%;
466
- transform: translate(-50%, -50%);
467
- }
468
-
469
- .spinner {
470
- width: 40px;
471
- height: 40px;
472
- border-radius: 50%;
473
- border: 4px solid #f3f3f3;
474
- border-top: 4px solid black;
475
- animation: spin 1s linear infinite;
476
- }
477
-
478
- @keyframes spin {
479
- 0% {
480
- transform: rotate(0deg);
481
- }
482
- 100% {
483
- transform: rotate(360deg);
484
- }
485
- }
486
- /* .border-container {
487
- display: flex;
488
- flex-direction: column;
489
- border: 0px solid #ccc;
490
- padding: 20px;
491
- border-radius: 10px;
492
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
493
- align-items: baseline;
494
- }
495
- .payment-container {
496
- border: 0px solid #ccc;
497
- padding: 20px;
498
- border-radius: 10px;
499
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
500
- } */
501
-
502
- .payment-row {
503
- display: flex;
504
- align-items: center;
505
- margin-bottom: 20px;
506
- }
507
-
508
- .payment-row label {
509
- width: 150px;
510
- font-weight: bold;
511
- margin-right: 10px;
512
- }
513
-
514
- .payment-row input {
515
- flex-grow: 1;
516
- margin-right: 10px;
517
- }
518
-
519
- .payment-row button {
520
- flex-grow: 1;
521
- }
522
- .payment-row {
523
- display: flex;
524
- flex-direction: column;
525
- border-radius: 10px;
526
- margin-top: 10px;
527
- }
528
-
529
- .input-wrapper {
530
- flex: 1;
531
- }
532
-
533
- .button-wrapper {
534
- margin-left: 10px;
535
- }
536
- .input-container {
537
- display: flex;
538
- flex-direction: column;
539
- }
540
-
541
- .export-btn1 {
542
- background: black;
543
- color: white;
544
- height: 35px;
545
- width: 68px;
546
- border-radius: 5px;
547
- margin-top: 20px;
548
- }
549
-
550
- .export-btn {
551
- background: black;
552
- color: white;
553
- height: 35px;
554
- width: 68px;
555
- border-radius: 5px;
556
- margin-left: 14px;
557
- }
558
-
559
- .payment-popup {
560
- padding: 12px 20px;
561
- background: #fff;
562
- border-radius: 20px;
563
- position: relative;
564
- width: 100%;
565
- margin: 0 auto;
566
- }
567
-
568
- // .modal-content {
569
- // max-width: 420px;
570
- // margin-top: 5%;
571
- // }
572
- @media (max-width: 460px) {
573
- .payment-popup {
574
- padding: 35px 25px;
575
- width: 98%;
576
- }
577
- }
578
-
579
- .close-pop {
580
- position: absolute;
581
- right: 8px;
582
- top: 8px;
583
- border: 0;
584
- padding: 0;
585
- background: none !important;
586
- }
587
-
588
- .amex {
589
- background-image: url("../amex.svg");
590
- }
591
-
592
- .visa {
593
- background-image: url("../visa.svg");
594
- }
595
-
596
- .mastercard {
597
- background-image: url("../mastercard.svg");
598
- }
599
-
600
- .discover {
601
- background-image: url("../discover.svg");
602
- }
603
-
604
- .expiry-date-group {
605
- float: left;
606
- width: 30%;
607
- }
608
-
609
- .expiry-date-group input {
610
- width: calc(100% + 1px);
611
- border-top-right-radius: 0;
612
- border-bottom-right-radius: 0;
613
- }
614
-
615
- .expiry-date-group input:focus {
616
- position: relative;
617
- z-index: 10;
618
- }
619
-
620
- .security-code-group {
621
- float: right;
622
- width: 40%;
623
- position: relative;
624
- }
625
-
626
- .security-code-group input {
627
- border-top-left-radius: 0;
628
- border-bottom-left-radius: 0;
629
- }
630
-
631
- .zip-code-group {
632
- clear: both;
633
- }
634
-
635
- #submitButton {
636
- outline: 0 !important;
637
- height: 46px;
638
- font-size: 16px;
639
- background-color: #161616 !important;
640
- border: none;
641
- display: block;
642
- width: 100%;
643
- border-radius: 180px;
644
- }
645
- #submitRequestButton {
646
- outline: 0 !important;
647
- height: 46px;
648
- font-size: 16px;
649
- background-color: #161616 !important;
650
- border: none;
651
- display: block;
652
- width: 100%;
653
- border-radius: 180px;
654
- }
655
- #PayButton {
656
- outline: 0 !important;
657
- height: 46px;
658
- font-size: 16px;
659
- background-color: #161616 !important;
660
- border: none;
661
- display: block;
662
- width: 100%;
663
- border-radius: 180px;
664
- }
665
-
666
- #PayButton:hover {
667
- background-color: #61c699 !important;
668
- }
669
-
670
- #PayButton:active {
671
- background-color: #61c699 !important;
672
- }
673
-
674
- #PayButton:disabled {
675
- background: rgb(172, 44, 170) !important;
676
- color: #fff !important;
677
- }
678
-
679
- .form-control {
680
- color: #35254d;
681
- }
682
-
683
- .container {
684
- margin-top: 10px;
685
- }
686
-
687
- #Checkout {
688
- z-index: 100001;
689
- width: 100%;
690
- height: 100%;
691
- min-height: 100%;
692
- background: 0 0 #ffffff;
693
- border-radius: 24px;
694
- border: 1px solid #e0dfe2;
695
- margin-left: auto;
696
- margin-right: auto;
697
- display: block;
698
- }
699
-
700
- #Checkout .header {
701
- display: flex;
702
- /* Enables Flexbox */
703
- justify-content: center;
704
- /* Centers content horizontally */
705
- align-items: center;
706
- /* Centers content vertically */
707
- text-align: center;
708
- padding: 8px;
709
- border-bottom: 1px solid #dedede;
710
- margin: 0 10px 20px 10px;
711
- }
712
-
713
- #Checkout .header button {
714
- border: 0;
715
- background: none;
716
- padding: 0;
717
- }
718
-
719
- #Checkout h1 {
720
- margin: 0;
721
- flex: 1;
722
- padding: 10px;
723
- /* Allows the title to grow and fill the space for centering */
724
- font-size: 23px;
725
- font-weight: 500;
726
- color: #35254d;
727
- align-items: start;
728
- display: flex;
729
- }
730
-
731
- #Checkout > form {
732
- margin: 0 25px 10px 25px;
733
- }
734
-
735
- label {
736
- color: rgba(53, 37, 77, 0.6);
737
- margin-bottom: 2px;
738
- text-transform: uppercase;
739
- font-family: "IBM Plex Mono", monospace;
740
- font-weight: 500;
741
- font-size: 12px;
742
- }
743
-
744
- .input-container {
745
- position: relative;
746
- }
747
-
748
- .input-container input {
749
- padding-right: 25px;
750
- }
751
-
752
- #zipcode {
753
- text-transform: capitalize !important;
754
- }
755
-
756
- #zipcode {
757
- width: 18px;
758
- position: absolute;
759
- right: 8px;
760
- top: 9px;
761
- }
762
-
763
- #zipcode .zip-tip {
764
- display: none;
765
- background-color: rgb(0, 0, 0, 0.4);
766
- padding: 5px 8px;
767
- border-radius: 6px;
768
- position: absolute;
769
- right: 26px;
770
- top: -9px;
771
- font-size: 12.5px;
772
- text-transform: capitalize !important;
773
- color: #fff;
774
- width: 240px;
775
- line-height: 16px;
776
- }
777
-
778
- #zipcode .zip-tip:before {
779
- width: 0;
780
- height: 0;
781
- border-top: 7px solid transparent;
782
- border-bottom: 7px solid transparent;
783
- border-left: 7px solid #000;
784
- opacity: 0.4;
785
- position: absolute;
786
- right: -7px;
787
- top: 50%;
788
- transform: translateY(-50%);
789
- content: "";
790
- }
791
-
792
- #zipcode:hover .zip-tip {
793
- display: block;
794
- }
795
-
796
- .input-container > i,
797
- a[role="button"] {
798
- color: #d3d3d3;
799
- width: 25px;
800
- height: 30px;
801
- line-height: 30px;
802
- font-size: 16px;
803
- position: absolute;
804
- top: 5px;
805
- right: 6px;
806
- cursor: pointer;
807
- text-align: center;
808
- }
809
-
810
- .input-container > i:hover,
811
- a[role="button"]:hover {
812
- color: #777;
813
- }
814
-
815
- .amount-placeholder {
816
- white-space: nowrap;
817
- font-size: 44px;
818
- /* height: 35px; */
819
- font-weight: 600;
820
- line-height: 40px;
821
- }
822
-
823
- .amount-placeholder > button {
824
- float: right;
825
- width: 60px;
826
- }
827
-
828
- .amount-placeholder > span {
829
- line-height: 34px;
830
- }
831
-
832
- .top-amnt {
833
- display: flex;
834
- margin-bottom: 10px;
835
- align-items: center;
836
- justify-content: space-between;
837
- }
838
-
839
- .amtleft {
840
- text-align: center;
841
- }
842
-
843
- .amtleft span {
844
- color: #35254d;
845
- margin: 0 -5px;
846
- }
847
-
848
- .card-row {
849
- text-align: right;
850
- margin: 22px 0 0 0;
851
- max-width: 85px;
852
- line-height: 20px;
853
- }
854
-
855
- .yer {
856
- border-radius: 0;
857
- }
858
-
859
- .card-row span {
860
- width: 33px;
861
- height: 21px;
862
- margin: 0 2px;
863
- background-repeat: no-repeat;
864
- display: inline-block;
865
- background-size: contain;
866
- }
867
-
868
- .card-image {
869
- background-repeat: no-repeat;
870
- padding-right: 50px;
871
- background-position: right 2px center;
872
- background-size: auto 90%;
873
- }
874
-
875
- /* .cvc-preview-container {
876
- overflow: hidden;
877
- } */
878
-
879
- .cvc-preview-container {
880
- /* overflow: hidden; */
881
- position: absolute;
882
- z-index: 9999;
883
- right: -71px;
884
- top: -54px;
885
- width: 165px;
886
- border-radius: 5px;
887
- padding: 5px;
888
- background-color: rgb(0, 0, 0, 0.3);
889
- display: none;
890
- }
891
-
892
- .cvc-preview-container:before {
893
- position: absolute;
894
- left: 50%;
895
- transform: translate(-50%);
896
- bottom: -5px;
897
- width: 0;
898
- height: 0;
899
- border-left: 5px solid transparent;
900
- border-right: 5px solid transparent;
901
- border-top: 5px solid #000;
902
- opacity: 0.3;
903
- content: "";
904
- }
905
-
906
- .security-code-group #cvc:hover .cvc-preview-container {
907
- display: block;
908
- }
909
-
910
- .cvc-preview-container.two-card div {
911
- width: 50%;
912
- height: 45px;
913
- }
914
-
915
- .cvc-preview-container.two-card div.amex-cvc-preview {
916
- float: right;
917
- }
918
-
919
- .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
920
- float: left;
921
- }
922
-
923
- /* .cvc-preview-container div {
924
- height: 160px;
925
- } */
926
-
927
- .amex-cvc-preview {
928
- background: url("data:image/png;base64,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")
929
- center center/contain no-repeat;
930
- }
931
-
932
- .visa-mc-dis-cvc-preview {
933
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=")
934
- center center/contain no-repeat;
935
- }
936
-
937
- .submit-button-lock {
938
- height: 15px;
939
- margin-top: -2px;
940
- margin-right: 7px;
941
- vertical-align: middle;
942
- background: url("data:image/png;base64,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NQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAAgYMEyIzOUpTVFViY3N2gJmcnaipq7fX3ebx+Pn8eTEuDQAAAI9JREFUKM/N0UkOglAQRdFHDyK90n64+9+lAyQgookjuaNKTlJJpaQlO2n6sW8SW/uCjrku2EloWDLhi3gDa4O3pTtA5Tt+BXDbiDsBmSQpAyZ3pRhoLUmS1QLxSilQPOcCSFfKgfxgPgfZ9ch7Y21LCcdd5wVH5SckEzkXc0ylpPJnMpETmX/d9eUpH1/5AKrsQVrz7YPBAAAAAElFTkSuQmCC")
943
- center center/contain no-repeat;
944
- width: 14px;
945
- display: inline-block;
946
- }
947
-
948
- .align-middle {
949
- vertical-align: middle;
950
- }
951
-
952
- input {
953
- box-shadow: none !important;
954
- }
955
-
956
- .powerd-by-part {
957
- display: flex;
958
- font-size: 12px;
959
- text-align: center;
960
- align-items: center;
961
- justify-content: center;
962
- margin: 5px 0 20px 0;
963
- }
964
-
965
- .powered-logo {
966
- width: 18px;
967
- height: auto;
968
- float: right;
969
- padding: 2px;
970
- background: #000000;
971
- border-radius: 4px;
972
- margin-left: 5px;
973
- }
974
-
975
- .comp-name {
976
- display: block;
977
- margin-bottom: 8px;
978
- }
979
-
980
- .client-logo {
981
- max-width: 140px;
982
- display: block;
983
- margin: auto;
984
- padding: 5px;
985
- }
986
-
987
- #qrCode {
988
- text-align: center;
989
- }
990
-
991
- #qrIcon {
992
- cursor: pointer;
993
- border: 1px solid rgb(252, 252, 252);
994
- padding: 10px;
995
- border-radius: 5px;
996
- background: #ffffff;
997
- }
998
-
999
- #target {
1000
- display: none;
1001
- text-align: center;
1002
- transition: all 5s;
1003
- padding: 5px;
1004
- transition: max-height 0.5s, overflow 0.5s 0.5s;
1005
- }
1006
-
1007
- /* input:focus {
1008
- border-color: #acc6db !important;
1009
- background-color: #acc6db !important;
1010
- } */
1011
-
1012
- input[type="number"]::-webkit-outer-spin-button,
1013
- input[type="number"]::-webkit-inner-spin-button {
1014
- -webkit-appearance: none;
1015
- margin: 0;
1016
- }
1017
-
1018
- input[type="number"] {
1019
- -moz-appearance: textfield;
1020
- }
1021
-
1022
- `);
1023
- };
1024
- var RequestPaymentstyles_default = RequestPaymentstyles;
1025
-
1026
- // src/app/components/baseurl.ts
1027
- var baseUrl = "https://staging-widget.fractalpay.com/";
1028
-
1029
- // src/app/components/Errortext.ts
1030
- var ErrorText = {
1031
- namerequired: "Full Name is required",
1032
- amountrequired: "Amount is required",
1033
- amountpositive: "Amount should be positive",
1034
- amountzero: "Amount should not be zero",
1035
- amountenter: "Please enter an amount",
1036
- amountvalid: "Please enter a valid amount",
1037
- phoneoremailrequired: "Phone or Email is required",
1038
- invalidemail: "Invalid email",
1039
- invalidemailformat: "Invalid email format",
1040
- onlylettersallowed: "Only letters are allowed",
1041
- phonenumberlength: "Phone number should be 10 digits",
1042
- phonenumberrequired: "Please enter a phone number",
1043
- // phonenumbervalid:'Please enter a valid 10-digit phone number',
1044
- phonenumbervalid: "Please enter a valid phone number (max 10 digits)",
1045
- phonenumbervalidnumberonly: "Please enter a valid phone number (numbers only)",
1046
- orderidenter: "Please enter an order ID",
1047
- networkresponseerror: "Network response was not ok",
1048
- anerroroccured: "An error occurred. Please try again.",
1049
- montherror: "Please write month only 1 to 12",
1050
- fieldrequired: "This field is required",
1051
- fractalpayclientidrequired: "Fractalpay client key is missing or empty."
1052
- };
201
+ // src/app/components/Errortext.ts
202
+ var ErrorText = {
203
+ namerequired: "Full Name is required",
204
+ amountrequired: "Amount is required",
205
+ amountpositive: "Amount should be positive",
206
+ amountzero: "Amount should not be zero",
207
+ amountenter: "Please enter an amount",
208
+ amountvalid: "Please enter a valid amount",
209
+ phoneoremailrequired: "Phone or Email is required",
210
+ invalidemail: "Invalid email",
211
+ invalidemailformat: "Invalid email format",
212
+ onlylettersallowed: "Only letters are allowed",
213
+ phonenumberlength: "Phone number should be 10 digits",
214
+ phonenumberrequired: "Please enter a phone number",
215
+ // phonenumbervalid:'Please enter a valid 10-digit phone number',
216
+ phonenumbervalid: "Please enter a valid phone number (max 10 digits)",
217
+ phonenumbervalidnumberonly: "Please enter a valid phone number (numbers only)",
218
+ orderidenter: "Please enter an order ID",
219
+ networkresponseerror: "Network response was not ok",
220
+ anerroroccured: "An error occurred. Please try again.",
221
+ montherror: "Please write month only 1 to 12",
222
+ fieldrequired: "This field is required",
223
+ fractalpayclientidrequired: "Fractalpay client key is missing or empty."
224
+ };
1053
225
 
1054
226
  // src/app/components/RequestPayment/RequestPayment.tsx
1055
227
  function RequestPayment(props) {
1056
228
  const fractalpayClientKey = props.fractalpayClientKey;
1057
- const [show, setShow] = (0, import_react4.useState)(false);
1058
- const [loading, setLoading] = (0, import_react4.useState)(false);
1059
- const [errors, setErrors] = (0, import_react4.useState)({});
1060
- const [requestDetails, setRequestDetails] = (0, import_react4.useState)({
229
+ const [show, setShow] = (0, import_react3.useState)(false);
230
+ const [loading, setLoading] = (0, import_react3.useState)(false);
231
+ const [errors, setErrors] = (0, import_react3.useState)({});
232
+ const [requestDetails, setRequestDetails] = (0, import_react3.useState)({
1061
233
  email: "",
1062
234
  amount: "",
1063
235
  phone_number: "",
@@ -1065,7 +237,7 @@ function RequestPayment(props) {
1065
237
  name: "",
1066
238
  fractalpayPublicKey: fractalpayClientKey
1067
239
  });
1068
- const [showConfirmationModal, setShowConfirmationModal] = (0, import_react4.useState)(false);
240
+ const [showConfirmationModal, setShowConfirmationModal] = (0, import_react3.useState)(false);
1069
241
  const phoneNumberRegex = (value) => /^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(value);
1070
242
  const amoutRegex = /[+-]?([0-9]*[.])?[0-9]+/;
1071
243
  const positiveAmountRegex = /^[+]?\d+(\.\d+)?$/;
@@ -1206,7 +378,7 @@ function RequestPayment(props) {
1206
378
  setErrors(newErrors);
1207
379
  return Object.keys(newErrors).length === 0;
1208
380
  };
1209
- (0, import_react4.useEffect)(() => {
381
+ (0, import_react3.useEffect)(() => {
1210
382
  if (props.amount) {
1211
383
  setRequestDetails((prev) => __spreadProps(__spreadValues({}, prev), { amount: props.amount }));
1212
384
  }
@@ -1216,7 +388,7 @@ function RequestPayment(props) {
1216
388
  e.preventDefault();
1217
389
  }
1218
390
  };
1219
- return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react4.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Payment"), /* @__PURE__ */ import_react4.default.createElement(
391
+ return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Payment"), /* @__PURE__ */ import_react3.default.createElement(
1220
392
  import_react_bootstrap.Modal,
1221
393
  {
1222
394
  show,
@@ -1225,8 +397,8 @@ function RequestPayment(props) {
1225
397
  backdrop: "static",
1226
398
  keyboard: false
1227
399
  },
1228
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }, /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Title, null, "Request Payment")),
1229
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Body, { id: "Checkout" }, /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Form, null, /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "FULL NAME *"), /* @__PURE__ */ import_react4.default.createElement(
400
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }, /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Title, null, "Request Payment")),
401
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Body, { id: "Checkout" }, /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Form, null, /* @__PURE__ */ import_react3.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "FULL NAME *"), /* @__PURE__ */ import_react3.default.createElement(
1230
402
  "input",
1231
403
  {
1232
404
  className: "form-control",
@@ -1235,7 +407,7 @@ function RequestPayment(props) {
1235
407
  "data-token": "name",
1236
408
  onChange: handleChange
1237
409
  }
1238
- ), errors.name && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.name)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "requestPhoneNumber", className: "form-label" }, "Phone Number"), /* @__PURE__ */ import_react4.default.createElement(
410
+ ), errors.name && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.name)), /* @__PURE__ */ import_react3.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: "requestPhoneNumber", className: "form-label" }, "Phone Number"), /* @__PURE__ */ import_react3.default.createElement(
1239
411
  "input",
1240
412
  {
1241
413
  maxLength: 10,
@@ -1247,7 +419,7 @@ function RequestPayment(props) {
1247
419
  type: "text",
1248
420
  "data-token": "phone_number"
1249
421
  }
1250
- ), errors.phone_number && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.phone_number)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "EMAIL"), /* @__PURE__ */ import_react4.default.createElement(
422
+ ), errors.phone_number && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.phone_number)), /* @__PURE__ */ import_react3.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "EMAIL"), /* @__PURE__ */ import_react3.default.createElement(
1251
423
  "input",
1252
424
  {
1253
425
  className: "form-control",
@@ -1256,7 +428,7 @@ function RequestPayment(props) {
1256
428
  onChange: handleChange,
1257
429
  "data-token": "email"
1258
430
  }
1259
- ), errors.email && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.email)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "AMOUNT *"), /* @__PURE__ */ import_react4.default.createElement("div", { className: "input-group" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "input-group-text" }, "$"), /* @__PURE__ */ import_react4.default.createElement(
431
+ ), errors.email && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.email)), /* @__PURE__ */ import_react3.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "AMOUNT *"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "input-group" }, /* @__PURE__ */ import_react3.default.createElement("span", { className: "input-group-text" }, "$"), /* @__PURE__ */ import_react3.default.createElement(
1260
432
  "input",
1261
433
  {
1262
434
  "data-token": "amount",
@@ -1272,7 +444,7 @@ function RequestPayment(props) {
1272
444
  e2.preventDefault();
1273
445
  }, { passive: false })
1274
446
  }
1275
- )), errors.amount && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.amount)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "ORDER ID"), /* @__PURE__ */ import_react4.default.createElement(
447
+ )), errors.amount && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.amount)), /* @__PURE__ */ import_react3.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "ORDER ID"), /* @__PURE__ */ import_react3.default.createElement(
1276
448
  "input",
1277
449
  {
1278
450
  className: "form-control",
@@ -1281,7 +453,7 @@ function RequestPayment(props) {
1281
453
  onChange: handleChange,
1282
454
  "data-token": "order_id"
1283
455
  }
1284
- ), errors.order_id && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.order_id)), /* @__PURE__ */ import_react4.default.createElement(
456
+ ), errors.order_id && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.order_id)), /* @__PURE__ */ import_react3.default.createElement(
1285
457
  import_react_bootstrap.Button,
1286
458
  {
1287
459
  type: "button",
@@ -1290,7 +462,7 @@ function RequestPayment(props) {
1290
462
  disabled: loading
1291
463
  },
1292
464
  loading ? "Loading..." : "Send Request"
1293
- )), /* @__PURE__ */ import_react4.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react4.default.createElement(
465
+ )), /* @__PURE__ */ import_react3.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react3.default.createElement(
1294
466
  "svg",
1295
467
  {
1296
468
  xmlns: "http://www.w3.org/2000/svg",
@@ -1298,14 +470,14 @@ function RequestPayment(props) {
1298
470
  height: "20",
1299
471
  viewBox: "0 0 26 26"
1300
472
  },
1301
- /* @__PURE__ */ import_react4.default.createElement(
473
+ /* @__PURE__ */ import_react3.default.createElement(
1302
474
  "path",
1303
475
  {
1304
476
  fill: "currentColor",
1305
477
  d: "M23.633 5.028a1.074 1.074 0 0 0-.777-.366c-2.295-.06-5.199-2.514-7.119-3.477C14.551.592 13.768.201 13.18.098a1.225 1.225 0 0 0-.36.001c-.588.103-1.371.494-2.556 1.087c-1.92.962-4.824 3.416-7.119 3.476a1.08 1.08 0 0 0-.778.366a1.167 1.167 0 0 0-.291.834c.493 10.023 4.088 16.226 10.396 19.831c.164.093.346.141.527.141s.363-.048.528-.141c6.308-3.605 9.902-9.808 10.396-19.831a1.161 1.161 0 0 0-.29-.834zM18.617 8.97l-5.323 7.855c-.191.282-.491.469-.788.469c-.298 0-.629-.163-.838-.372l-3.752-3.753a.656.656 0 0 1 0-.926l.927-.929a.658.658 0 0 1 .926 0l2.44 2.44l4.239-6.257a.657.657 0 0 1 .91-.173l1.085.736a.657.657 0 0 1 .174.91z"
1306
478
  }
1307
479
  )
1308
- ), "Secure payments powered by Fractal", /* @__PURE__ */ import_react4.default.createElement(
480
+ ), "Secure payments powered by Fractal", /* @__PURE__ */ import_react3.default.createElement(
1309
481
  "img",
1310
482
  {
1311
483
  src: "https://ui.fractalpay.com/favicon.ico",
@@ -1313,15 +485,15 @@ function RequestPayment(props) {
1313
485
  className: "powered-logo"
1314
486
  }
1315
487
  )))
1316
- ), /* @__PURE__ */ import_react4.default.createElement(
488
+ ), /* @__PURE__ */ import_react3.default.createElement(
1317
489
  import_react_bootstrap.Modal,
1318
490
  {
1319
491
  className: "payment-suc",
1320
492
  show: showConfirmationModal,
1321
493
  onHide: handleCloseConfirmationModal
1322
494
  },
1323
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }),
1324
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Body, null, /* @__PURE__ */ import_react4.default.createElement(
495
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }),
496
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Body, null, /* @__PURE__ */ import_react3.default.createElement(
1325
497
  "svg",
1326
498
  {
1327
499
  width: "60",
@@ -1330,7 +502,7 @@ function RequestPayment(props) {
1330
502
  fill: "none",
1331
503
  xmlns: "http://www.w3.org/2000/svg"
1332
504
  },
1333
- /* @__PURE__ */ import_react4.default.createElement(
505
+ /* @__PURE__ */ import_react3.default.createElement(
1334
506
  "rect",
1335
507
  {
1336
508
  x: "0.5",
@@ -1341,14 +513,14 @@ function RequestPayment(props) {
1341
513
  stroke: "#31B379"
1342
514
  }
1343
515
  ),
1344
- /* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react4.default.createElement(
516
+ /* @__PURE__ */ import_react3.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react3.default.createElement(
1345
517
  "path",
1346
518
  {
1347
519
  d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
1348
520
  fill: "#31B379"
1349
521
  }
1350
522
  )),
1351
- /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react4.default.createElement(
523
+ /* @__PURE__ */ import_react3.default.createElement("defs", null, /* @__PURE__ */ import_react3.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react3.default.createElement(
1352
524
  "rect",
1353
525
  {
1354
526
  width: "22",
@@ -1357,15 +529,846 @@ function RequestPayment(props) {
1357
529
  transform: "translate(19.5 19.0039)"
1358
530
  }
1359
531
  )))
1360
- ), /* @__PURE__ */ import_react4.default.createElement("h2", null, "Payment link has been ", /* @__PURE__ */ import_react4.default.createElement("br", null), " sent successfully"))
532
+ ), /* @__PURE__ */ import_react3.default.createElement("h2", null, "Payment link has been ", /* @__PURE__ */ import_react3.default.createElement("br", null), " sent successfully"))
1361
533
  )));
1362
534
  }
1363
535
 
1364
536
  // src/app/components/RequestPayment/RequestPaymentAllInput.tsx
1365
- var import_react5 = __toESM(require("react"));
1366
- var import_react_bootstrap2 = require("react-bootstrap");
1367
- var import_react_toastify = require("react-toastify");
1368
- var import_ReactToastify = require("react-toastify/dist/ReactToastify.css");
537
+ var import_react5 = __toESM(require("react"));
538
+ var import_react_bootstrap2 = require("react-bootstrap");
539
+ var import_react_toastify = require("react-toastify");
540
+ var import_ReactToastify = require("react-toastify/dist/ReactToastify.css");
541
+
542
+ // src/app/components/RequestPayment/RequestPaymentstyles.tsx
543
+ var import_react4 = __toESM(require("react"));
544
+ var RequestPaymentstyles = (props) => {
545
+ return /* @__PURE__ */ import_react4.default.createElement("style", null, `
546
+ .paymentBtn {
547
+ background-color: black;
548
+ border: none;
549
+ color: white;
550
+ padding: 15px 32px;
551
+ text-align: center;
552
+ text-decoration: none;
553
+ display: inline-block;
554
+ font-size: 16px;
555
+ margin: 4px 2px;
556
+ cursor: pointer;
557
+ border-radius: 180px;
558
+ /* width: auto; */
559
+ }
560
+ .modal-backdrop {
561
+ display: none !important;
562
+ }
563
+ /* CSS for modal */
564
+ .modal {
565
+ /* display: none; */
566
+ position: fixed;
567
+ z-index: 5555;
568
+ left: 0;
569
+ top: 0;
570
+ width: 100%;
571
+ height: 100%;
572
+ overflow: auto;
573
+ background-color: rgba(0, 0, 0, 0.4);
574
+ }
575
+
576
+ .input-container {
577
+ position: relative;
578
+ }
579
+ .error {
580
+ border: 1px solid red;
581
+ background-color: #ffe6e6; /* light red background color */
582
+ }
583
+ .form-group {
584
+ margin-bottom: 15px;
585
+ }
586
+ .input-container input {
587
+ padding-right: 25px;
588
+ }
589
+
590
+ .modal-header {
591
+ border-bottom: 0 !important;
592
+ padding-top: 0 !important;
593
+ }
594
+
595
+ /* CSS for modal content */
596
+ .modal-content {
597
+ /* height: 90vh !important; */
598
+ height: auto;
599
+ padding: 20px 5px;
600
+ /* background: #fff; */
601
+ border-radius: 20px !important;
602
+ position: relative;
603
+ width: 100%;
604
+ max-width: 100%;
605
+ margin: 30px auto;
606
+ overflow: inherit !important;
607
+ }
608
+ .input-container {
609
+ display: flex;
610
+ align-items: baseline;
611
+ }
612
+
613
+ .input-error-container {
614
+ flex: 1;
615
+ }
616
+
617
+ .paymentBtn {
618
+ margin-left: 10px;
619
+ }
620
+
621
+ .PayButton {
622
+ outline: 0 !important;
623
+ height: 46px;
624
+ font-size: 16px;
625
+ background-color: #161616 !important;
626
+ border: none;
627
+ display: block;
628
+ width: 100%;
629
+ border-radius: 180px;
630
+ margin: 10px 0;
631
+ }
632
+
633
+ #PayButton:hover {
634
+ background-color: #61c699 !important;
635
+ }
636
+
637
+ #PayButton:active {
638
+ background-color: #61c699 !important;
639
+ }
640
+
641
+ #PayButton:disabled {
642
+ background: rgb(172, 44, 170) !important;
643
+ color: #fff !important;
644
+ }
645
+
646
+ label {
647
+ color: rgba(53, 37, 77, 0.6);
648
+ margin-bottom: 2px;
649
+ text-transform: uppercase;
650
+ font-family: "IBM Plex Mono", monospace;
651
+ font-weight: 500;
652
+ font-size: 12px;
653
+ }
654
+
655
+ .input-container {
656
+ position: relative;
657
+ }
658
+
659
+ .input-container input {
660
+ padding-right: 25px;
661
+ }
662
+
663
+ #Checkout {
664
+ /* z-index: 100001; */
665
+ width: 100%;
666
+ /* height: 100%; */
667
+ /* background: 0 0 #ffffff; */
668
+ border-radius: 24px;
669
+ border: 1px solid #e0dfe2;
670
+ display: block;
671
+ }
672
+
673
+ .container {
674
+ margin-top: 10px;
675
+ }
676
+
677
+ .powered-logo {
678
+ width: 18px;
679
+ height: 18px;
680
+ /* float: right; */
681
+ padding: 2px;
682
+ background: #000000;
683
+ border-radius: 4px;
684
+ /* margin-left: 5px; */
685
+ }
686
+
687
+ .modal-content .container {
688
+ width: 100%;
689
+ }
690
+
691
+ .powerd-by-part {
692
+ display: flex;
693
+ justify-content: center;
694
+ align-items: center;
695
+ gap: 5px;
696
+ }
697
+
698
+ .errorText {
699
+ color: red;
700
+ }
701
+
702
+ .input-group {
703
+ position: relative;
704
+ }
705
+
706
+ .paynowbtn {
707
+ outline: 0 !important;
708
+ padding: 7px 25px !important;
709
+ font-size: 13px;
710
+ background-color: #161616 !important;
711
+ border: #161616 1px solid !important;
712
+ color: #fff !important;
713
+ display: inline-block !important;
714
+ border-radius: 180px !important;
715
+ }
716
+
717
+ .paynowbtn:hover {
718
+ background-color: #fff !important;
719
+ border: #161616 1px solid !important;
720
+ color: #161616 !important;
721
+ }
722
+
723
+ .ButtonGroup__root.btn-group {
724
+ margin: 10px 0 20px 0;
725
+ }
726
+
727
+ .ButtonGroup__root.btn-group button {
728
+ background: #000;
729
+ border: 0;
730
+ margin: 0 5px;
731
+ border-radius: 4px !important;
732
+ }
733
+
734
+ .ButtonGroup__root.btn-group button:hover,
735
+ .ButtonGroup__root.btn-group button:focus {
736
+ background: #333 !important;
737
+ }
738
+
739
+ .input-group button {
740
+ background: #000;
741
+ border: 0;
742
+ margin: 0 5px;
743
+ border-radius: 0 4px 4px 0 !important;
744
+ }
745
+
746
+ .input-group button:hover,
747
+ .input-group button:focus {
748
+ background: #333 !important;
749
+ }
750
+
751
+ .payment-suc {
752
+ text-align: center;
753
+ }
754
+
755
+ .payment-suc .modal-dialog {
756
+ min-width: 600px;
757
+ padding: 50px 0;
758
+ }
759
+
760
+ .payment-suc h2 {
761
+ font-size: 24px;
762
+ color: #35254d;
763
+ font-weight: 500;
764
+ padding: 15px 0;
765
+ }
766
+
767
+ .payment-suc p {
768
+ font-size: 14px;
769
+ color: #9a92a6;
770
+ font-weight: 500;
771
+ }
772
+
773
+ .payment-suc .btn-close {
774
+ position: absolute;
775
+ right: 20px;
776
+ }
777
+
778
+ .Checkout.container iframe {
779
+ width: 100%;
780
+ overflow: hidden !important;
781
+ }
782
+
783
+ .responsive-tbl {
784
+ overflow-x: auto;
785
+ }
786
+ body {
787
+ position: relative !important;
788
+ }
789
+ thead,
790
+ tbody,
791
+ tfoot,
792
+ tr,
793
+ td,
794
+ th {
795
+ white-space: nowrap;
796
+ }
797
+
798
+ .button-group {
799
+ display: flex;
800
+ gap: 10px;
801
+ }
802
+ .rqstonClickbtn {
803
+ color: #fff;
804
+ background-color: #337ab7;
805
+ border-color: #2e6da4;
806
+ }
807
+ .loading-animation {
808
+ position: absolute;
809
+ top: 50%;
810
+ left: 50%;
811
+ transform: translate(-50%, -50%);
812
+ }
813
+
814
+ .spinner {
815
+ width: 40px;
816
+ height: 40px;
817
+ border-radius: 50%;
818
+ border: 4px solid #f3f3f3;
819
+ border-top: 4px solid black;
820
+ animation: spin 1s linear infinite;
821
+ }
822
+
823
+ @keyframes spin {
824
+ 0% {
825
+ transform: rotate(0deg);
826
+ }
827
+ 100% {
828
+ transform: rotate(360deg);
829
+ }
830
+ }
831
+ /* .border-container {
832
+ display: flex;
833
+ flex-direction: column;
834
+ border: 0px solid #ccc;
835
+ padding: 20px;
836
+ border-radius: 10px;
837
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
838
+ align-items: baseline;
839
+ }
840
+ .payment-container {
841
+ border: 0px solid #ccc;
842
+ padding: 20px;
843
+ border-radius: 10px;
844
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
845
+ } */
846
+
847
+ .payment-row {
848
+ display: flex;
849
+ align-items: center;
850
+ margin-bottom: 20px;
851
+ }
852
+
853
+ .payment-row label {
854
+ width: 150px;
855
+ font-weight: bold;
856
+ margin-right: 10px;
857
+ }
858
+
859
+ .payment-row input {
860
+ flex-grow: 1;
861
+ margin-right: 10px;
862
+ }
863
+
864
+ .payment-row button {
865
+ flex-grow: 1;
866
+ }
867
+ .payment-row {
868
+ display: flex;
869
+ flex-direction: column;
870
+ border-radius: 10px;
871
+ margin-top: 10px;
872
+ }
873
+
874
+ .input-wrapper {
875
+ flex: 1;
876
+ }
877
+
878
+ .button-wrapper {
879
+ margin-left: 10px;
880
+ }
881
+ .input-container {
882
+ display: flex;
883
+ flex-direction: column;
884
+ }
885
+
886
+ .export-btn1 {
887
+ background: black;
888
+ color: white;
889
+ height: 35px;
890
+ width: 68px;
891
+ border-radius: 5px;
892
+ margin-top: 20px;
893
+ }
894
+
895
+ .export-btn {
896
+ background: black;
897
+ color: white;
898
+ height: 35px;
899
+ width: 68px;
900
+ border-radius: 5px;
901
+ margin-left: 14px;
902
+ }
903
+
904
+ .payment-popup {
905
+ padding: 12px 20px;
906
+ background: #fff;
907
+ border-radius: 20px;
908
+ position: relative;
909
+ width: 100%;
910
+ margin: 0 auto;
911
+ }
912
+
913
+ // .modal-content {
914
+ // max-width: 420px;
915
+ // margin-top: 5%;
916
+ // }
917
+ @media (max-width: 460px) {
918
+ .payment-popup {
919
+ padding: 35px 25px;
920
+ width: 98%;
921
+ }
922
+ }
923
+
924
+ .close-pop {
925
+ position: absolute;
926
+ right: 8px;
927
+ top: 8px;
928
+ border: 0;
929
+ padding: 0;
930
+ background: none !important;
931
+ }
932
+
933
+ .amex {
934
+ background-image: url("../amex.svg");
935
+ }
936
+
937
+ .visa {
938
+ background-image: url("../visa.svg");
939
+ }
940
+
941
+ .mastercard {
942
+ background-image: url("../mastercard.svg");
943
+ }
944
+
945
+ .discover {
946
+ background-image: url("../discover.svg");
947
+ }
948
+
949
+ .expiry-date-group {
950
+ float: left;
951
+ width: 30%;
952
+ }
953
+
954
+ .expiry-date-group input {
955
+ width: calc(100% + 1px);
956
+ border-top-right-radius: 0;
957
+ border-bottom-right-radius: 0;
958
+ }
959
+
960
+ .expiry-date-group input:focus {
961
+ position: relative;
962
+ z-index: 10;
963
+ }
964
+
965
+ .security-code-group {
966
+ float: right;
967
+ width: 40%;
968
+ position: relative;
969
+ }
970
+
971
+ .security-code-group input {
972
+ border-top-left-radius: 0;
973
+ border-bottom-left-radius: 0;
974
+ }
975
+
976
+ .zip-code-group {
977
+ clear: both;
978
+ }
979
+
980
+ #submitButton {
981
+ outline: 0 !important;
982
+ height: 46px;
983
+ font-size: 16px;
984
+ background-color: #161616 !important;
985
+ border: none;
986
+ display: block;
987
+ width: 100%;
988
+ border-radius: 180px;
989
+ }
990
+ #submitRequestButton {
991
+ outline: 0 !important;
992
+ height: 46px;
993
+ font-size: 16px;
994
+ background-color: #161616 !important;
995
+ border: none;
996
+ display: block;
997
+ width: 100%;
998
+ border-radius: 180px;
999
+ }
1000
+ #PayButton {
1001
+ outline: 0 !important;
1002
+ height: 46px;
1003
+ font-size: 16px;
1004
+ background-color: #161616 !important;
1005
+ border: none;
1006
+ display: block;
1007
+ width: 100%;
1008
+ border-radius: 180px;
1009
+ }
1010
+
1011
+ #PayButton:hover {
1012
+ background-color: #61c699 !important;
1013
+ }
1014
+
1015
+ #PayButton:active {
1016
+ background-color: #61c699 !important;
1017
+ }
1018
+
1019
+ #PayButton:disabled {
1020
+ background: rgb(172, 44, 170) !important;
1021
+ color: #fff !important;
1022
+ }
1023
+
1024
+ .form-control {
1025
+ color: #35254d;
1026
+ }
1027
+
1028
+ .container {
1029
+ margin-top: 10px;
1030
+ }
1031
+
1032
+ #Checkout {
1033
+ z-index: 100001;
1034
+ width: 100%;
1035
+ height: 100%;
1036
+ min-height: 100%;
1037
+ background: 0 0 #ffffff;
1038
+ border-radius: 24px;
1039
+ border: 1px solid #e0dfe2;
1040
+ margin-left: auto;
1041
+ margin-right: auto;
1042
+ display: block;
1043
+ }
1044
+
1045
+ #Checkout .header {
1046
+ display: flex;
1047
+ /* Enables Flexbox */
1048
+ justify-content: center;
1049
+ /* Centers content horizontally */
1050
+ align-items: center;
1051
+ /* Centers content vertically */
1052
+ text-align: center;
1053
+ padding: 8px;
1054
+ border-bottom: 1px solid #dedede;
1055
+ margin: 0 10px 20px 10px;
1056
+ }
1057
+
1058
+ #Checkout .header button {
1059
+ border: 0;
1060
+ background: none;
1061
+ padding: 0;
1062
+ }
1063
+
1064
+ #Checkout h1 {
1065
+ margin: 0;
1066
+ flex: 1;
1067
+ padding: 10px;
1068
+ /* Allows the title to grow and fill the space for centering */
1069
+ font-size: 23px;
1070
+ font-weight: 500;
1071
+ color: #35254d;
1072
+ align-items: start;
1073
+ display: flex;
1074
+ }
1075
+
1076
+ #Checkout > form {
1077
+ margin: 0 25px 10px 25px;
1078
+ }
1079
+
1080
+ label {
1081
+ color: rgba(53, 37, 77, 0.6);
1082
+ margin-bottom: 2px;
1083
+ text-transform: uppercase;
1084
+ font-family: "IBM Plex Mono", monospace;
1085
+ font-weight: 500;
1086
+ font-size: 12px;
1087
+ }
1088
+
1089
+ .input-container {
1090
+ position: relative;
1091
+ }
1092
+
1093
+ .input-container input {
1094
+ padding-right: 25px;
1095
+ }
1096
+
1097
+ #zipcode {
1098
+ text-transform: capitalize !important;
1099
+ }
1100
+
1101
+ #zipcode {
1102
+ width: 18px;
1103
+ position: absolute;
1104
+ right: 8px;
1105
+ top: 9px;
1106
+ }
1107
+
1108
+ #zipcode .zip-tip {
1109
+ display: none;
1110
+ background-color: rgb(0, 0, 0, 0.4);
1111
+ padding: 5px 8px;
1112
+ border-radius: 6px;
1113
+ position: absolute;
1114
+ right: 26px;
1115
+ top: -9px;
1116
+ font-size: 12.5px;
1117
+ text-transform: capitalize !important;
1118
+ color: #fff;
1119
+ width: 240px;
1120
+ line-height: 16px;
1121
+ }
1122
+
1123
+ #zipcode .zip-tip:before {
1124
+ width: 0;
1125
+ height: 0;
1126
+ border-top: 7px solid transparent;
1127
+ border-bottom: 7px solid transparent;
1128
+ border-left: 7px solid #000;
1129
+ opacity: 0.4;
1130
+ position: absolute;
1131
+ right: -7px;
1132
+ top: 50%;
1133
+ transform: translateY(-50%);
1134
+ content: "";
1135
+ }
1136
+
1137
+ #zipcode:hover .zip-tip {
1138
+ display: block;
1139
+ }
1140
+
1141
+ .input-container > i,
1142
+ a[role="button"] {
1143
+ color: #d3d3d3;
1144
+ width: 25px;
1145
+ height: 30px;
1146
+ line-height: 30px;
1147
+ font-size: 16px;
1148
+ position: absolute;
1149
+ top: 5px;
1150
+ right: 6px;
1151
+ cursor: pointer;
1152
+ text-align: center;
1153
+ }
1154
+
1155
+ .input-container > i:hover,
1156
+ a[role="button"]:hover {
1157
+ color: #777;
1158
+ }
1159
+
1160
+ .amount-placeholder {
1161
+ white-space: nowrap;
1162
+ font-size: 44px;
1163
+ /* height: 35px; */
1164
+ font-weight: 600;
1165
+ line-height: 40px;
1166
+ }
1167
+
1168
+ .amount-placeholder > button {
1169
+ float: right;
1170
+ width: 60px;
1171
+ }
1172
+
1173
+ .amount-placeholder > span {
1174
+ line-height: 34px;
1175
+ }
1176
+
1177
+ .top-amnt {
1178
+ display: flex;
1179
+ margin-bottom: 10px;
1180
+ align-items: center;
1181
+ justify-content: space-between;
1182
+ }
1183
+
1184
+ .amtleft {
1185
+ text-align: center;
1186
+ }
1187
+
1188
+ .amtleft span {
1189
+ color: #35254d;
1190
+ margin: 0 -5px;
1191
+ }
1192
+
1193
+ .card-row {
1194
+ text-align: right;
1195
+ margin: 22px 0 0 0;
1196
+ max-width: 85px;
1197
+ line-height: 20px;
1198
+ }
1199
+
1200
+ .yer {
1201
+ border-radius: 0;
1202
+ }
1203
+
1204
+ .card-row span {
1205
+ width: 33px;
1206
+ height: 21px;
1207
+ margin: 0 2px;
1208
+ background-repeat: no-repeat;
1209
+ display: inline-block;
1210
+ background-size: contain;
1211
+ }
1212
+
1213
+ .card-image {
1214
+ background-repeat: no-repeat;
1215
+ padding-right: 50px;
1216
+ background-position: right 2px center;
1217
+ background-size: auto 90%;
1218
+ }
1219
+
1220
+ /* .cvc-preview-container {
1221
+ overflow: hidden;
1222
+ } */
1223
+
1224
+ .cvc-preview-container {
1225
+ /* overflow: hidden; */
1226
+ position: absolute;
1227
+ z-index: 9999;
1228
+ right: -71px;
1229
+ top: -54px;
1230
+ width: 165px;
1231
+ border-radius: 5px;
1232
+ padding: 5px;
1233
+ background-color: rgb(0, 0, 0, 0.3);
1234
+ display: none;
1235
+ }
1236
+
1237
+ .cvc-preview-container:before {
1238
+ position: absolute;
1239
+ left: 50%;
1240
+ transform: translate(-50%);
1241
+ bottom: -5px;
1242
+ width: 0;
1243
+ height: 0;
1244
+ border-left: 5px solid transparent;
1245
+ border-right: 5px solid transparent;
1246
+ border-top: 5px solid #000;
1247
+ opacity: 0.3;
1248
+ content: "";
1249
+ }
1250
+
1251
+ .security-code-group #cvc:hover .cvc-preview-container {
1252
+ display: block;
1253
+ }
1254
+
1255
+ .cvc-preview-container.two-card div {
1256
+ width: 50%;
1257
+ height: 45px;
1258
+ }
1259
+
1260
+ .cvc-preview-container.two-card div.amex-cvc-preview {
1261
+ float: right;
1262
+ }
1263
+
1264
+ .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
1265
+ float: left;
1266
+ }
1267
+
1268
+ /* .cvc-preview-container div {
1269
+ height: 160px;
1270
+ } */
1271
+
1272
+ .amex-cvc-preview {
1273
+ background: url("data:image/png;base64,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")
1274
+ center center/contain no-repeat;
1275
+ }
1276
+
1277
+ .visa-mc-dis-cvc-preview {
1278
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=")
1279
+ center center/contain no-repeat;
1280
+ }
1281
+
1282
+ .submit-button-lock {
1283
+ height: 15px;
1284
+ margin-top: -2px;
1285
+ margin-right: 7px;
1286
+ vertical-align: middle;
1287
+ background: url("data:image/png;base64,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NQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAAgYMEyIzOUpTVFViY3N2gJmcnaipq7fX3ebx+Pn8eTEuDQAAAI9JREFUKM/N0UkOglAQRdFHDyK90n64+9+lAyQgookjuaNKTlJJpaQlO2n6sW8SW/uCjrku2EloWDLhi3gDa4O3pTtA5Tt+BXDbiDsBmSQpAyZ3pRhoLUmS1QLxSilQPOcCSFfKgfxgPgfZ9ch7Y21LCcdd5wVH5SckEzkXc0ylpPJnMpETmX/d9eUpH1/5AKrsQVrz7YPBAAAAAElFTkSuQmCC")
1288
+ center center/contain no-repeat;
1289
+ width: 14px;
1290
+ display: inline-block;
1291
+ }
1292
+
1293
+ .align-middle {
1294
+ vertical-align: middle;
1295
+ }
1296
+
1297
+ input {
1298
+ box-shadow: none !important;
1299
+ }
1300
+
1301
+ .powerd-by-part {
1302
+ display: flex;
1303
+ font-size: 12px;
1304
+ text-align: center;
1305
+ align-items: center;
1306
+ justify-content: center;
1307
+ margin: 5px 0 20px 0;
1308
+ }
1309
+
1310
+ .powered-logo {
1311
+ width: 18px;
1312
+ height: auto;
1313
+ float: right;
1314
+ padding: 2px;
1315
+ background: #000000;
1316
+ border-radius: 4px;
1317
+ margin-left: 5px;
1318
+ }
1319
+
1320
+ .comp-name {
1321
+ display: block;
1322
+ margin-bottom: 8px;
1323
+ }
1324
+
1325
+ .client-logo {
1326
+ max-width: 140px;
1327
+ display: block;
1328
+ margin: auto;
1329
+ padding: 5px;
1330
+ }
1331
+
1332
+ #qrCode {
1333
+ text-align: center;
1334
+ }
1335
+
1336
+ #qrIcon {
1337
+ cursor: pointer;
1338
+ border: 1px solid rgb(252, 252, 252);
1339
+ padding: 10px;
1340
+ border-radius: 5px;
1341
+ background: #ffffff;
1342
+ }
1343
+
1344
+ #target {
1345
+ display: none;
1346
+ text-align: center;
1347
+ transition: all 5s;
1348
+ padding: 5px;
1349
+ transition: max-height 0.5s, overflow 0.5s 0.5s;
1350
+ }
1351
+
1352
+ /* input:focus {
1353
+ border-color: #acc6db !important;
1354
+ background-color: #acc6db !important;
1355
+ } */
1356
+
1357
+ input[type="number"]::-webkit-outer-spin-button,
1358
+ input[type="number"]::-webkit-inner-spin-button {
1359
+ -webkit-appearance: none;
1360
+ margin: 0;
1361
+ }
1362
+
1363
+ input[type="number"] {
1364
+ -moz-appearance: textfield;
1365
+ }
1366
+
1367
+ `);
1368
+ };
1369
+ var RequestPaymentstyles_default = RequestPaymentstyles;
1370
+
1371
+ // src/app/components/RequestPayment/RequestPaymentAllInput.tsx
1369
1372
  function RequestPaymentAllInput({ fractalpayClientKey }) {
1370
1373
  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
1371
1374
  const [show, setShow] = (0, import_react5.useState)(false);