@pinerohit11/testwidget 0.1.46 → 0.1.48

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/index.css +652 -0
  2. package/dist/index.js +935 -906
  3. package/dist/index.mjs +929 -900
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -60,8 +60,7 @@ __export(app_exports, {
60
60
  module.exports = __toCommonJS(app_exports);
61
61
 
62
62
  // src/app/components/RequestPayment/RequestPayment.tsx
63
- var import_react4 = __toESM(require("react"));
64
- var import_axios = __toESM(require("axios"));
63
+ var import_react3 = __toESM(require("react"));
65
64
 
66
65
  // src/app/components/Loader/Loader.tsx
67
66
  var import_react2 = __toESM(require("react"));
@@ -195,867 +194,38 @@ var Loader_default = Loader;
195
194
  // src/app/components/RequestPayment/RequestPayment.tsx
196
195
  var import_react_bootstrap = require("react-bootstrap");
197
196
 
198
- // src/app/components/RequestPayment/RequestPaymentstyles.tsx
199
- var import_react3 = __toESM(require("react"));
200
- var RequestPaymentstyles = (props) => {
201
- return /* @__PURE__ */ import_react3.default.createElement("style", null, `
202
- .paymentBtn {
203
- background-color: black;
204
- border: none;
205
- color: white;
206
- padding: 15px 32px;
207
- text-align: center;
208
- text-decoration: none;
209
- display: inline-block;
210
- font-size: 16px;
211
- margin: 4px 2px;
212
- cursor: pointer;
213
- border-radius: 180px;
214
- /* width: auto; */
215
- }
216
- .modal-backdrop {
217
- display: none !important;
218
- }
219
- /* CSS for modal */
220
- .modal {
221
- /* display: none; */
222
- position: fixed;
223
- z-index: 5555;
224
- left: 0;
225
- top: 0;
226
- width: 100%;
227
- height: 100%;
228
- overflow: auto;
229
- background-color: rgba(0, 0, 0, 0.4);
230
- }
231
-
232
- .input-container {
233
- position: relative;
234
- }
235
- .error {
236
- border: 1px solid red;
237
- background-color: #ffe6e6; /* light red background color */
238
- }
239
- .form-group {
240
- margin-bottom: 15px;
241
- }
242
- .input-container input {
243
- padding-right: 25px;
244
- }
245
-
246
- .modal-header {
247
- border-bottom: 0 !important;
248
- padding-top: 0 !important;
249
- }
250
-
251
- /* CSS for modal content */
252
- .modal-content {
253
- /* height: 90vh !important; */
254
- height: auto;
255
- padding: 20px 5px;
256
- /* background: #fff; */
257
- border-radius: 20px !important;
258
- position: relative;
259
- width: 100%;
260
- max-width: 100%;
261
- margin: 30px auto;
262
- overflow: inherit !important;
263
- }
264
- .input-container {
265
- display: flex;
266
- align-items: baseline;
267
- }
268
-
269
- .input-error-container {
270
- flex: 1;
271
- }
272
-
273
- .paymentBtn {
274
- margin-left: 10px;
275
- }
276
-
277
- .PayButton {
278
- outline: 0 !important;
279
- height: 46px;
280
- font-size: 16px;
281
- background-color: #161616 !important;
282
- border: none;
283
- display: block;
284
- width: 100%;
285
- border-radius: 180px;
286
- margin: 10px 0;
287
- }
288
-
289
- #PayButton:hover {
290
- background-color: #61c699 !important;
291
- }
292
-
293
- #PayButton:active {
294
- background-color: #61c699 !important;
295
- }
296
-
297
- #PayButton:disabled {
298
- background: rgb(172, 44, 170) !important;
299
- color: #fff !important;
300
- }
301
-
302
- label {
303
- color: rgba(53, 37, 77, 0.6);
304
- margin-bottom: 2px;
305
- text-transform: uppercase;
306
- font-family: "IBM Plex Mono", monospace;
307
- font-weight: 500;
308
- font-size: 12px;
309
- }
310
-
311
- .input-container {
312
- position: relative;
313
- }
314
-
315
- .input-container input {
316
- padding-right: 25px;
317
- }
318
-
319
- #Checkout {
320
- /* z-index: 100001; */
321
- width: 100%;
322
- /* height: 100%; */
323
- /* background: 0 0 #ffffff; */
324
- border-radius: 24px;
325
- border: 1px solid #e0dfe2;
326
- display: block;
327
- }
328
-
329
- .container {
330
- margin-top: 10px;
331
- }
332
-
333
- .powered-logo {
334
- width: 18px;
335
- height: 18px;
336
- /* float: right; */
337
- padding: 2px;
338
- background: #000000;
339
- border-radius: 4px;
340
- /* margin-left: 5px; */
341
- }
342
-
343
- .modal-content .container {
344
- width: 100%;
345
- }
346
-
347
- .powerd-by-part {
348
- display: flex;
349
- justify-content: center;
350
- align-items: center;
351
- gap: 5px;
352
- }
353
-
354
- .errorText {
355
- color: red;
356
- }
357
-
358
- .input-group {
359
- position: relative;
360
- }
361
-
362
- .paynowbtn {
363
- outline: 0 !important;
364
- padding: 7px 25px !important;
365
- font-size: 13px;
366
- background-color: #161616 !important;
367
- border: #161616 1px solid !important;
368
- color: #fff !important;
369
- display: inline-block !important;
370
- border-radius: 180px !important;
371
- }
372
-
373
- .paynowbtn:hover {
374
- background-color: #fff !important;
375
- border: #161616 1px solid !important;
376
- color: #161616 !important;
377
- }
378
-
379
- .ButtonGroup__root.btn-group {
380
- margin: 10px 0 20px 0;
381
- }
382
-
383
- .ButtonGroup__root.btn-group button {
384
- background: #000;
385
- border: 0;
386
- margin: 0 5px;
387
- border-radius: 4px !important;
388
- }
389
-
390
- .ButtonGroup__root.btn-group button:hover,
391
- .ButtonGroup__root.btn-group button:focus {
392
- background: #333 !important;
393
- }
394
-
395
- .input-group button {
396
- background: #000;
397
- border: 0;
398
- margin: 0 5px;
399
- border-radius: 0 4px 4px 0 !important;
400
- }
401
-
402
- .input-group button:hover,
403
- .input-group button:focus {
404
- background: #333 !important;
405
- }
406
-
407
- .payment-suc {
408
- text-align: center;
409
- }
410
-
411
- .payment-suc .modal-dialog {
412
- min-width: 600px;
413
- padding: 50px 0;
414
- }
415
-
416
- .payment-suc h2 {
417
- font-size: 24px;
418
- color: #35254d;
419
- font-weight: 500;
420
- padding: 15px 0;
421
- }
197
+ // src/app/components/baseurl.ts
198
+ var baseUrl = "https://staging-widget.fractalpay.com/";
422
199
 
423
- .payment-suc p {
424
- font-size: 14px;
425
- color: #9a92a6;
426
- font-weight: 500;
427
- }
428
-
429
- .payment-suc .btn-close {
430
- position: absolute;
431
- right: 20px;
432
- }
433
-
434
- .Checkout.container iframe {
435
- width: 100%;
436
- overflow: hidden !important;
437
- }
438
-
439
- .responsive-tbl {
440
- overflow-x: auto;
441
- }
442
- body {
443
- position: relative !important;
444
- }
445
- thead,
446
- tbody,
447
- tfoot,
448
- tr,
449
- td,
450
- th {
451
- white-space: nowrap;
452
- }
453
-
454
- .button-group {
455
- display: flex;
456
- gap: 10px;
457
- }
458
- .rqstonClickbtn {
459
- color: #fff;
460
- background-color: #337ab7;
461
- border-color: #2e6da4;
462
- }
463
- .loading-animation {
464
- position: absolute;
465
- top: 50%;
466
- left: 50%;
467
- transform: translate(-50%, -50%);
468
- }
469
-
470
- .spinner {
471
- width: 40px;
472
- height: 40px;
473
- border-radius: 50%;
474
- border: 4px solid #f3f3f3;
475
- border-top: 4px solid black;
476
- animation: spin 1s linear infinite;
477
- }
478
-
479
- @keyframes spin {
480
- 0% {
481
- transform: rotate(0deg);
482
- }
483
- 100% {
484
- transform: rotate(360deg);
485
- }
486
- }
487
- /* .border-container {
488
- display: flex;
489
- flex-direction: column;
490
- border: 0px solid #ccc;
491
- padding: 20px;
492
- border-radius: 10px;
493
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
494
- align-items: baseline;
495
- }
496
- .payment-container {
497
- border: 0px solid #ccc;
498
- padding: 20px;
499
- border-radius: 10px;
500
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
501
- } */
502
-
503
- .payment-row {
504
- display: flex;
505
- align-items: center;
506
- margin-bottom: 20px;
507
- }
508
-
509
- .payment-row label {
510
- width: 150px;
511
- font-weight: bold;
512
- margin-right: 10px;
513
- }
514
-
515
- .payment-row input {
516
- flex-grow: 1;
517
- margin-right: 10px;
518
- }
519
-
520
- .payment-row button {
521
- flex-grow: 1;
522
- }
523
- .payment-row {
524
- display: flex;
525
- flex-direction: column;
526
- border-radius: 10px;
527
- margin-top: 10px;
528
- }
529
-
530
- .input-wrapper {
531
- flex: 1;
532
- }
533
-
534
- .button-wrapper {
535
- margin-left: 10px;
536
- }
537
- .input-container {
538
- display: flex;
539
- flex-direction: column;
540
- }
541
-
542
- .export-btn1 {
543
- background: black;
544
- color: white;
545
- height: 35px;
546
- width: 68px;
547
- border-radius: 5px;
548
- margin-top: 20px;
549
- }
550
-
551
- .export-btn {
552
- background: black;
553
- color: white;
554
- height: 35px;
555
- width: 68px;
556
- border-radius: 5px;
557
- margin-left: 14px;
558
- }
559
-
560
- .payment-popup {
561
- padding: 12px 20px;
562
- background: #fff;
563
- border-radius: 20px;
564
- position: relative;
565
- width: 100%;
566
- margin: 0 auto;
567
- }
568
-
569
- // .modal-content {
570
- // max-width: 420px;
571
- // margin-top: 5%;
572
- // }
573
- @media (max-width: 460px) {
574
- .payment-popup {
575
- padding: 35px 25px;
576
- width: 98%;
577
- }
578
- }
579
-
580
- .close-pop {
581
- position: absolute;
582
- right: 8px;
583
- top: 8px;
584
- border: 0;
585
- padding: 0;
586
- background: none !important;
587
- }
588
-
589
- .amex {
590
- background-image: url("../amex.svg");
591
- }
592
-
593
- .visa {
594
- background-image: url("../visa.svg");
595
- }
596
-
597
- .mastercard {
598
- background-image: url("../mastercard.svg");
599
- }
600
-
601
- .discover {
602
- background-image: url("../discover.svg");
603
- }
604
-
605
- .expiry-date-group {
606
- float: left;
607
- width: 30%;
608
- }
609
-
610
- .expiry-date-group input {
611
- width: calc(100% + 1px);
612
- border-top-right-radius: 0;
613
- border-bottom-right-radius: 0;
614
- }
615
-
616
- .expiry-date-group input:focus {
617
- position: relative;
618
- z-index: 10;
619
- }
620
-
621
- .security-code-group {
622
- float: right;
623
- width: 40%;
624
- position: relative;
625
- }
626
-
627
- .security-code-group input {
628
- border-top-left-radius: 0;
629
- border-bottom-left-radius: 0;
630
- }
631
-
632
- .zip-code-group {
633
- clear: both;
634
- }
635
-
636
- #submitButton {
637
- outline: 0 !important;
638
- height: 46px;
639
- font-size: 16px;
640
- background-color: #161616 !important;
641
- border: none;
642
- display: block;
643
- width: 100%;
644
- border-radius: 180px;
645
- }
646
- #submitRequestButton {
647
- outline: 0 !important;
648
- height: 46px;
649
- font-size: 16px;
650
- background-color: #161616 !important;
651
- border: none;
652
- display: block;
653
- width: 100%;
654
- border-radius: 180px;
655
- }
656
- #PayButton {
657
- outline: 0 !important;
658
- height: 46px;
659
- font-size: 16px;
660
- background-color: #161616 !important;
661
- border: none;
662
- display: block;
663
- width: 100%;
664
- border-radius: 180px;
665
- }
666
-
667
- #PayButton:hover {
668
- background-color: #61c699 !important;
669
- }
670
-
671
- #PayButton:active {
672
- background-color: #61c699 !important;
673
- }
674
-
675
- #PayButton:disabled {
676
- background: rgb(172, 44, 170) !important;
677
- color: #fff !important;
678
- }
679
-
680
- .form-control {
681
- color: #35254d;
682
- }
683
-
684
- .container {
685
- margin-top: 10px;
686
- }
687
-
688
- #Checkout {
689
- z-index: 100001;
690
- width: 100%;
691
- height: 100%;
692
- min-height: 100%;
693
- background: 0 0 #ffffff;
694
- border-radius: 24px;
695
- border: 1px solid #e0dfe2;
696
- margin-left: auto;
697
- margin-right: auto;
698
- display: block;
699
- }
700
-
701
- #Checkout .header {
702
- display: flex;
703
- /* Enables Flexbox */
704
- justify-content: center;
705
- /* Centers content horizontally */
706
- align-items: center;
707
- /* Centers content vertically */
708
- text-align: center;
709
- padding: 8px;
710
- border-bottom: 1px solid #dedede;
711
- margin: 0 10px 20px 10px;
712
- }
713
-
714
- #Checkout .header button {
715
- border: 0;
716
- background: none;
717
- padding: 0;
718
- }
719
-
720
- #Checkout h1 {
721
- margin: 0;
722
- flex: 1;
723
- padding: 10px;
724
- /* Allows the title to grow and fill the space for centering */
725
- font-size: 23px;
726
- font-weight: 500;
727
- color: #35254d;
728
- align-items: start;
729
- display: flex;
730
- }
731
-
732
- #Checkout > form {
733
- margin: 0 25px 10px 25px;
734
- }
735
-
736
- label {
737
- color: rgba(53, 37, 77, 0.6);
738
- margin-bottom: 2px;
739
- text-transform: uppercase;
740
- font-family: "IBM Plex Mono", monospace;
741
- font-weight: 500;
742
- font-size: 12px;
743
- }
744
-
745
- .input-container {
746
- position: relative;
747
- }
748
-
749
- .input-container input {
750
- padding-right: 25px;
751
- }
752
-
753
- #zipcode {
754
- text-transform: capitalize !important;
755
- }
756
-
757
- #zipcode {
758
- width: 18px;
759
- position: absolute;
760
- right: 8px;
761
- top: 9px;
762
- }
763
-
764
- #zipcode .zip-tip {
765
- display: none;
766
- background-color: rgb(0, 0, 0, 0.4);
767
- padding: 5px 8px;
768
- border-radius: 6px;
769
- position: absolute;
770
- right: 26px;
771
- top: -9px;
772
- font-size: 12.5px;
773
- text-transform: capitalize !important;
774
- color: #fff;
775
- width: 240px;
776
- line-height: 16px;
777
- }
778
-
779
- #zipcode .zip-tip:before {
780
- width: 0;
781
- height: 0;
782
- border-top: 7px solid transparent;
783
- border-bottom: 7px solid transparent;
784
- border-left: 7px solid #000;
785
- opacity: 0.4;
786
- position: absolute;
787
- right: -7px;
788
- top: 50%;
789
- transform: translateY(-50%);
790
- content: "";
791
- }
792
-
793
- #zipcode:hover .zip-tip {
794
- display: block;
795
- }
796
-
797
- .input-container > i,
798
- a[role="button"] {
799
- color: #d3d3d3;
800
- width: 25px;
801
- height: 30px;
802
- line-height: 30px;
803
- font-size: 16px;
804
- position: absolute;
805
- top: 5px;
806
- right: 6px;
807
- cursor: pointer;
808
- text-align: center;
809
- }
810
-
811
- .input-container > i:hover,
812
- a[role="button"]:hover {
813
- color: #777;
814
- }
815
-
816
- .amount-placeholder {
817
- white-space: nowrap;
818
- font-size: 44px;
819
- /* height: 35px; */
820
- font-weight: 600;
821
- line-height: 40px;
822
- }
823
-
824
- .amount-placeholder > button {
825
- float: right;
826
- width: 60px;
827
- }
828
-
829
- .amount-placeholder > span {
830
- line-height: 34px;
831
- }
832
-
833
- .top-amnt {
834
- display: flex;
835
- margin-bottom: 10px;
836
- align-items: center;
837
- justify-content: space-between;
838
- }
839
-
840
- .amtleft {
841
- text-align: center;
842
- }
843
-
844
- .amtleft span {
845
- color: #35254d;
846
- margin: 0 -5px;
847
- }
848
-
849
- .card-row {
850
- text-align: right;
851
- margin: 22px 0 0 0;
852
- max-width: 85px;
853
- line-height: 20px;
854
- }
855
-
856
- .yer {
857
- border-radius: 0;
858
- }
859
-
860
- .card-row span {
861
- width: 33px;
862
- height: 21px;
863
- margin: 0 2px;
864
- background-repeat: no-repeat;
865
- display: inline-block;
866
- background-size: contain;
867
- }
868
-
869
- .card-image {
870
- background-repeat: no-repeat;
871
- padding-right: 50px;
872
- background-position: right 2px center;
873
- background-size: auto 90%;
874
- }
875
-
876
- /* .cvc-preview-container {
877
- overflow: hidden;
878
- } */
879
-
880
- .cvc-preview-container {
881
- /* overflow: hidden; */
882
- position: absolute;
883
- z-index: 9999;
884
- right: -71px;
885
- top: -54px;
886
- width: 165px;
887
- border-radius: 5px;
888
- padding: 5px;
889
- background-color: rgb(0, 0, 0, 0.3);
890
- display: none;
891
- }
892
-
893
- .cvc-preview-container:before {
894
- position: absolute;
895
- left: 50%;
896
- transform: translate(-50%);
897
- bottom: -5px;
898
- width: 0;
899
- height: 0;
900
- border-left: 5px solid transparent;
901
- border-right: 5px solid transparent;
902
- border-top: 5px solid #000;
903
- opacity: 0.3;
904
- content: "";
905
- }
906
-
907
- .security-code-group #cvc:hover .cvc-preview-container {
908
- display: block;
909
- }
910
-
911
- .cvc-preview-container.two-card div {
912
- width: 50%;
913
- height: 45px;
914
- }
915
-
916
- .cvc-preview-container.two-card div.amex-cvc-preview {
917
- float: right;
918
- }
919
-
920
- .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
921
- float: left;
922
- }
923
-
924
- /* .cvc-preview-container div {
925
- height: 160px;
926
- } */
927
-
928
- .amex-cvc-preview {
929
- background: url("data:image/png;base64,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")
930
- center center/contain no-repeat;
931
- }
932
-
933
- .visa-mc-dis-cvc-preview {
934
- 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=")
935
- center center/contain no-repeat;
936
- }
937
-
938
- .submit-button-lock {
939
- height: 15px;
940
- margin-top: -2px;
941
- margin-right: 7px;
942
- vertical-align: middle;
943
- 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")
944
- center center/contain no-repeat;
945
- width: 14px;
946
- display: inline-block;
947
- }
948
-
949
- .align-middle {
950
- vertical-align: middle;
951
- }
952
-
953
- input {
954
- box-shadow: none !important;
955
- }
956
-
957
- .powerd-by-part {
958
- display: flex;
959
- font-size: 12px;
960
- text-align: center;
961
- align-items: center;
962
- justify-content: center;
963
- margin: 5px 0 20px 0;
964
- }
965
-
966
- .powered-logo {
967
- width: 18px;
968
- height: auto;
969
- float: right;
970
- padding: 2px;
971
- background: #000000;
972
- border-radius: 4px;
973
- margin-left: 5px;
974
- }
975
-
976
- .comp-name {
977
- display: block;
978
- margin-bottom: 8px;
979
- }
980
-
981
- .client-logo {
982
- max-width: 140px;
983
- display: block;
984
- margin: auto;
985
- padding: 5px;
986
- }
987
-
988
- #qrCode {
989
- text-align: center;
990
- }
991
-
992
- #qrIcon {
993
- cursor: pointer;
994
- border: 1px solid rgb(252, 252, 252);
995
- padding: 10px;
996
- border-radius: 5px;
997
- background: #ffffff;
998
- }
999
-
1000
- #target {
1001
- display: none;
1002
- text-align: center;
1003
- transition: all 5s;
1004
- padding: 5px;
1005
- transition: max-height 0.5s, overflow 0.5s 0.5s;
1006
- }
1007
-
1008
- /* input:focus {
1009
- border-color: #acc6db !important;
1010
- background-color: #acc6db !important;
1011
- } */
1012
-
1013
- input[type="number"]::-webkit-outer-spin-button,
1014
- input[type="number"]::-webkit-inner-spin-button {
1015
- -webkit-appearance: none;
1016
- margin: 0;
1017
- }
1018
-
1019
- input[type="number"] {
1020
- -moz-appearance: textfield;
1021
- }
1022
-
1023
- `);
1024
- };
1025
- var RequestPaymentstyles_default = RequestPaymentstyles;
1026
-
1027
- // src/app/components/baseurl.ts
1028
- var baseUrl = "https://staging-widget.fractalpay.com/";
1029
-
1030
- // src/app/components/Errortext.ts
1031
- var ErrorText = {
1032
- namerequired: "Full Name is required",
1033
- amountrequired: "Amount is required",
1034
- amountpositive: "Amount should be positive",
1035
- amountzero: "Amount should not be zero",
1036
- amountenter: "Please enter an amount",
1037
- amountvalid: "Please enter a valid amount",
1038
- phoneoremailrequired: "Phone or Email is required",
1039
- invalidemail: "Invalid email",
1040
- invalidemailformat: "Invalid email format",
1041
- onlylettersallowed: "Only letters are allowed",
1042
- phonenumberlength: "Phone number should be 10 digits",
1043
- phonenumberrequired: "Please enter a phone number",
1044
- phonenumbervalid: "Please enter a valid 10-digit phone number",
1045
- orderidenter: "Please enter an order ID",
1046
- networkresponseerror: "Network response was not ok",
1047
- anerroroccured: "An error occurred. Please try again.",
1048
- montherror: "Please write month only 1 to 12",
1049
- fieldrequired: "This field is required"
1050
- };
200
+ // src/app/components/Errortext.ts
201
+ var ErrorText = {
202
+ namerequired: "Full Name is required",
203
+ amountrequired: "Amount is required",
204
+ amountpositive: "Amount should be positive",
205
+ amountzero: "Amount should not be zero",
206
+ amountenter: "Please enter an amount",
207
+ amountvalid: "Please enter a valid amount",
208
+ phoneoremailrequired: "Phone or Email is required",
209
+ invalidemail: "Invalid email",
210
+ invalidemailformat: "Invalid email format",
211
+ onlylettersallowed: "Only letters are allowed",
212
+ phonenumberlength: "Phone number should be 10 digits",
213
+ phonenumberrequired: "Please enter a phone number",
214
+ phonenumbervalid: "Please enter a valid 10-digit phone number",
215
+ orderidenter: "Please enter an order ID",
216
+ networkresponseerror: "Network response was not ok",
217
+ anerroroccured: "An error occurred. Please try again.",
218
+ montherror: "Please write month only 1 to 12",
219
+ fieldrequired: "This field is required"
220
+ };
1051
221
 
1052
222
  // src/app/components/RequestPayment/RequestPayment.tsx
1053
223
  function RequestPayment(props) {
1054
224
  const fractalpayClientKey = props.fractalpayClientKey;
1055
- const [show, setShow] = (0, import_react4.useState)(false);
1056
- const [loading, setLoading] = (0, import_react4.useState)(false);
1057
- const [errors, setErrors] = (0, import_react4.useState)({});
1058
- const [requestDetails, setRequestDetails] = (0, import_react4.useState)({
225
+ const [show, setShow] = (0, import_react3.useState)(false);
226
+ const [loading, setLoading] = (0, import_react3.useState)(false);
227
+ const [errors, setErrors] = (0, import_react3.useState)({});
228
+ const [requestDetails, setRequestDetails] = (0, import_react3.useState)({
1059
229
  email: "",
1060
230
  amount: "",
1061
231
  phone_number: "",
@@ -1063,7 +233,7 @@ function RequestPayment(props) {
1063
233
  name: "",
1064
234
  fractalpayPublicKey: fractalpayClientKey
1065
235
  });
1066
- const [showConfirmationModal, setShowConfirmationModal] = (0, import_react4.useState)(false);
236
+ const [showConfirmationModal, setShowConfirmationModal] = (0, import_react3.useState)(false);
1067
237
  const phoneNumberRegex = (value) => /^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(value);
1068
238
  const amoutRegex = /[+-]?([0-9]*[.])?[0-9]+/;
1069
239
  const positiveAmountRegex = /^[+]?\d+(\.\d+)?$/;
@@ -1116,12 +286,23 @@ function RequestPayment(props) {
1116
286
  name: requestDetails.name,
1117
287
  email: requestDetails.email
1118
288
  };
1119
- let response = await import_axios.default.post(`${baseUrl}create-widget-order`, formData);
1120
- if ((response == null ? void 0 : response.status) === 200) {
289
+ let response = await fetch(`${baseUrl}create-widget-order`, {
290
+ method: "POST",
291
+ headers: {
292
+ "Content-Type": "application/json"
293
+ // Setting the header for JSON content
294
+ },
295
+ body: JSON.stringify(formData)
296
+ // Sending the formData as JSON
297
+ });
298
+ if (response.ok) {
299
+ const data = await response.json();
1121
300
  setShowConfirmationModal(true);
1122
301
  setShow(false);
1123
302
  emptyFields();
1124
- handleSubmit(response == null ? void 0 : response.data);
303
+ handleSubmit(data);
304
+ } else {
305
+ console.log(`HTTP error! Status: ${response.status}`);
1125
306
  }
1126
307
  console.log(response == null ? void 0 : response.data);
1127
308
  setLoading(false);
@@ -1194,7 +375,7 @@ function RequestPayment(props) {
1194
375
  setErrors(newErrors);
1195
376
  return Object.keys(newErrors).length === 0;
1196
377
  };
1197
- (0, import_react4.useEffect)(() => {
378
+ (0, import_react3.useEffect)(() => {
1198
379
  if (props.amount) {
1199
380
  setRequestDetails((prev) => __spreadProps(__spreadValues({}, prev), { amount: props.amount }));
1200
381
  }
@@ -1204,7 +385,7 @@ function RequestPayment(props) {
1204
385
  e.preventDefault();
1205
386
  }
1206
387
  };
1207
- 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(
388
+ 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(
1208
389
  import_react_bootstrap.Modal,
1209
390
  {
1210
391
  show,
@@ -1213,8 +394,8 @@ function RequestPayment(props) {
1213
394
  backdrop: "static",
1214
395
  keyboard: false
1215
396
  },
1216
- /* @__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")),
1217
- /* @__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(
397
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }, /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Title, { className: "testcolor" }, "Request Payment")),
398
+ /* @__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(
1218
399
  "input",
1219
400
  {
1220
401
  className: "form-control",
@@ -1223,7 +404,7 @@ function RequestPayment(props) {
1223
404
  "data-token": "name",
1224
405
  onChange: handleChange
1225
406
  }
1226
- ), 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(
407
+ ), 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(
1227
408
  "input",
1228
409
  {
1229
410
  maxLength: 10,
@@ -1235,7 +416,7 @@ function RequestPayment(props) {
1235
416
  type: "text",
1236
417
  "data-token": "phone_number"
1237
418
  }
1238
- ), 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(
419
+ ), 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(
1239
420
  "input",
1240
421
  {
1241
422
  className: "form-control",
@@ -1244,7 +425,7 @@ function RequestPayment(props) {
1244
425
  onChange: handleChange,
1245
426
  "data-token": "email"
1246
427
  }
1247
- ), 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(
428
+ ), 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(
1248
429
  "input",
1249
430
  {
1250
431
  "data-token": "amount",
@@ -1260,7 +441,7 @@ function RequestPayment(props) {
1260
441
  e2.preventDefault();
1261
442
  }, { passive: false })
1262
443
  }
1263
- )), 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(
444
+ )), 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(
1264
445
  "input",
1265
446
  {
1266
447
  className: "form-control",
@@ -1269,7 +450,7 @@ function RequestPayment(props) {
1269
450
  onChange: handleChange,
1270
451
  "data-token": "order_id"
1271
452
  }
1272
- ), errors.order_id && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.order_id)), /* @__PURE__ */ import_react4.default.createElement(
453
+ ), errors.order_id && /* @__PURE__ */ import_react3.default.createElement("small", { className: "text-danger" }, errors.order_id)), /* @__PURE__ */ import_react3.default.createElement(
1273
454
  import_react_bootstrap.Button,
1274
455
  {
1275
456
  type: "button",
@@ -1278,7 +459,7 @@ function RequestPayment(props) {
1278
459
  disabled: loading
1279
460
  },
1280
461
  loading ? "Loading..." : "Send Request"
1281
- )), /* @__PURE__ */ import_react4.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react4.default.createElement(
462
+ )), /* @__PURE__ */ import_react3.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react3.default.createElement(
1282
463
  "svg",
1283
464
  {
1284
465
  xmlns: "http://www.w3.org/2000/svg",
@@ -1286,14 +467,14 @@ function RequestPayment(props) {
1286
467
  height: "20",
1287
468
  viewBox: "0 0 26 26"
1288
469
  },
1289
- /* @__PURE__ */ import_react4.default.createElement(
470
+ /* @__PURE__ */ import_react3.default.createElement(
1290
471
  "path",
1291
472
  {
1292
473
  fill: "currentColor",
1293
474
  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"
1294
475
  }
1295
476
  )
1296
- ), "Secure payments powered by Fractal", /* @__PURE__ */ import_react4.default.createElement(
477
+ ), "Secure payments powered by Fractal", /* @__PURE__ */ import_react3.default.createElement(
1297
478
  "img",
1298
479
  {
1299
480
  src: "https://ui.fractalpay.com/favicon.ico",
@@ -1301,15 +482,15 @@ function RequestPayment(props) {
1301
482
  className: "powered-logo"
1302
483
  }
1303
484
  )))
1304
- ), /* @__PURE__ */ import_react4.default.createElement(
485
+ ), /* @__PURE__ */ import_react3.default.createElement(
1305
486
  import_react_bootstrap.Modal,
1306
487
  {
1307
488
  className: "payment-suc",
1308
489
  show: showConfirmationModal,
1309
490
  onHide: handleCloseConfirmationModal
1310
491
  },
1311
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }),
1312
- /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Body, null, /* @__PURE__ */ import_react4.default.createElement(
492
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }),
493
+ /* @__PURE__ */ import_react3.default.createElement(import_react_bootstrap.Modal.Body, null, /* @__PURE__ */ import_react3.default.createElement(
1313
494
  "svg",
1314
495
  {
1315
496
  width: "60",
@@ -1318,7 +499,7 @@ function RequestPayment(props) {
1318
499
  fill: "none",
1319
500
  xmlns: "http://www.w3.org/2000/svg"
1320
501
  },
1321
- /* @__PURE__ */ import_react4.default.createElement(
502
+ /* @__PURE__ */ import_react3.default.createElement(
1322
503
  "rect",
1323
504
  {
1324
505
  x: "0.5",
@@ -1329,14 +510,14 @@ function RequestPayment(props) {
1329
510
  stroke: "#31B379"
1330
511
  }
1331
512
  ),
1332
- /* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react4.default.createElement(
513
+ /* @__PURE__ */ import_react3.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react3.default.createElement(
1333
514
  "path",
1334
515
  {
1335
516
  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",
1336
517
  fill: "#31B379"
1337
518
  }
1338
519
  )),
1339
- /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react4.default.createElement(
520
+ /* @__PURE__ */ import_react3.default.createElement("defs", null, /* @__PURE__ */ import_react3.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react3.default.createElement(
1340
521
  "rect",
1341
522
  {
1342
523
  width: "22",
@@ -1345,15 +526,846 @@ function RequestPayment(props) {
1345
526
  transform: "translate(19.5 19.0039)"
1346
527
  }
1347
528
  )))
1348
- ), /* @__PURE__ */ import_react4.default.createElement("h2", null, "Payment link has been ", /* @__PURE__ */ import_react4.default.createElement("br", null), " sent successfully"))
529
+ ), /* @__PURE__ */ import_react3.default.createElement("h2", null, "Payment link has been ", /* @__PURE__ */ import_react3.default.createElement("br", null), " sent successfully"))
1349
530
  )));
1350
531
  }
1351
532
 
1352
533
  // src/app/components/RequestPayment/RequestPaymentAllInput.tsx
1353
- var import_react5 = __toESM(require("react"));
1354
- var import_react_bootstrap2 = require("react-bootstrap");
1355
- var import_react_toastify = require("react-toastify");
1356
- var import_ReactToastify = require("react-toastify/dist/ReactToastify.css");
534
+ var import_react5 = __toESM(require("react"));
535
+ var import_react_bootstrap2 = require("react-bootstrap");
536
+ var import_react_toastify = require("react-toastify");
537
+ var import_ReactToastify = require("react-toastify/dist/ReactToastify.css");
538
+
539
+ // src/app/components/RequestPayment/RequestPaymentstyles.tsx
540
+ var import_react4 = __toESM(require("react"));
541
+ var RequestPaymentstyles = (props) => {
542
+ return /* @__PURE__ */ import_react4.default.createElement("style", null, `
543
+ .paymentBtn {
544
+ background-color: black;
545
+ border: none;
546
+ color: white;
547
+ padding: 15px 32px;
548
+ text-align: center;
549
+ text-decoration: none;
550
+ display: inline-block;
551
+ font-size: 16px;
552
+ margin: 4px 2px;
553
+ cursor: pointer;
554
+ border-radius: 180px;
555
+ /* width: auto; */
556
+ }
557
+ .modal-backdrop {
558
+ display: none !important;
559
+ }
560
+ /* CSS for modal */
561
+ .modal {
562
+ /* display: none; */
563
+ position: fixed;
564
+ z-index: 5555;
565
+ left: 0;
566
+ top: 0;
567
+ width: 100%;
568
+ height: 100%;
569
+ overflow: auto;
570
+ background-color: rgba(0, 0, 0, 0.4);
571
+ }
572
+
573
+ .input-container {
574
+ position: relative;
575
+ }
576
+ .error {
577
+ border: 1px solid red;
578
+ background-color: #ffe6e6; /* light red background color */
579
+ }
580
+ .form-group {
581
+ margin-bottom: 15px;
582
+ }
583
+ .input-container input {
584
+ padding-right: 25px;
585
+ }
586
+
587
+ .modal-header {
588
+ border-bottom: 0 !important;
589
+ padding-top: 0 !important;
590
+ }
591
+
592
+ /* CSS for modal content */
593
+ .modal-content {
594
+ /* height: 90vh !important; */
595
+ height: auto;
596
+ padding: 20px 5px;
597
+ /* background: #fff; */
598
+ border-radius: 20px !important;
599
+ position: relative;
600
+ width: 100%;
601
+ max-width: 100%;
602
+ margin: 30px auto;
603
+ overflow: inherit !important;
604
+ }
605
+ .input-container {
606
+ display: flex;
607
+ align-items: baseline;
608
+ }
609
+
610
+ .input-error-container {
611
+ flex: 1;
612
+ }
613
+
614
+ .paymentBtn {
615
+ margin-left: 10px;
616
+ }
617
+
618
+ .PayButton {
619
+ outline: 0 !important;
620
+ height: 46px;
621
+ font-size: 16px;
622
+ background-color: #161616 !important;
623
+ border: none;
624
+ display: block;
625
+ width: 100%;
626
+ border-radius: 180px;
627
+ margin: 10px 0;
628
+ }
629
+
630
+ #PayButton:hover {
631
+ background-color: #61c699 !important;
632
+ }
633
+
634
+ #PayButton:active {
635
+ background-color: #61c699 !important;
636
+ }
637
+
638
+ #PayButton:disabled {
639
+ background: rgb(172, 44, 170) !important;
640
+ color: #fff !important;
641
+ }
642
+
643
+ label {
644
+ color: rgba(53, 37, 77, 0.6);
645
+ margin-bottom: 2px;
646
+ text-transform: uppercase;
647
+ font-family: "IBM Plex Mono", monospace;
648
+ font-weight: 500;
649
+ font-size: 12px;
650
+ }
651
+
652
+ .input-container {
653
+ position: relative;
654
+ }
655
+
656
+ .input-container input {
657
+ padding-right: 25px;
658
+ }
659
+
660
+ #Checkout {
661
+ /* z-index: 100001; */
662
+ width: 100%;
663
+ /* height: 100%; */
664
+ /* background: 0 0 #ffffff; */
665
+ border-radius: 24px;
666
+ border: 1px solid #e0dfe2;
667
+ display: block;
668
+ }
669
+
670
+ .container {
671
+ margin-top: 10px;
672
+ }
673
+
674
+ .powered-logo {
675
+ width: 18px;
676
+ height: 18px;
677
+ /* float: right; */
678
+ padding: 2px;
679
+ background: #000000;
680
+ border-radius: 4px;
681
+ /* margin-left: 5px; */
682
+ }
683
+
684
+ .modal-content .container {
685
+ width: 100%;
686
+ }
687
+
688
+ .powerd-by-part {
689
+ display: flex;
690
+ justify-content: center;
691
+ align-items: center;
692
+ gap: 5px;
693
+ }
694
+
695
+ .errorText {
696
+ color: red;
697
+ }
698
+
699
+ .input-group {
700
+ position: relative;
701
+ }
702
+
703
+ .paynowbtn {
704
+ outline: 0 !important;
705
+ padding: 7px 25px !important;
706
+ font-size: 13px;
707
+ background-color: #161616 !important;
708
+ border: #161616 1px solid !important;
709
+ color: #fff !important;
710
+ display: inline-block !important;
711
+ border-radius: 180px !important;
712
+ }
713
+
714
+ .paynowbtn:hover {
715
+ background-color: #fff !important;
716
+ border: #161616 1px solid !important;
717
+ color: #161616 !important;
718
+ }
719
+
720
+ .ButtonGroup__root.btn-group {
721
+ margin: 10px 0 20px 0;
722
+ }
723
+
724
+ .ButtonGroup__root.btn-group button {
725
+ background: #000;
726
+ border: 0;
727
+ margin: 0 5px;
728
+ border-radius: 4px !important;
729
+ }
730
+
731
+ .ButtonGroup__root.btn-group button:hover,
732
+ .ButtonGroup__root.btn-group button:focus {
733
+ background: #333 !important;
734
+ }
735
+
736
+ .input-group button {
737
+ background: #000;
738
+ border: 0;
739
+ margin: 0 5px;
740
+ border-radius: 0 4px 4px 0 !important;
741
+ }
742
+
743
+ .input-group button:hover,
744
+ .input-group button:focus {
745
+ background: #333 !important;
746
+ }
747
+
748
+ .payment-suc {
749
+ text-align: center;
750
+ }
751
+
752
+ .payment-suc .modal-dialog {
753
+ min-width: 600px;
754
+ padding: 50px 0;
755
+ }
756
+
757
+ .payment-suc h2 {
758
+ font-size: 24px;
759
+ color: #35254d;
760
+ font-weight: 500;
761
+ padding: 15px 0;
762
+ }
763
+
764
+ .payment-suc p {
765
+ font-size: 14px;
766
+ color: #9a92a6;
767
+ font-weight: 500;
768
+ }
769
+
770
+ .payment-suc .btn-close {
771
+ position: absolute;
772
+ right: 20px;
773
+ }
774
+
775
+ .Checkout.container iframe {
776
+ width: 100%;
777
+ overflow: hidden !important;
778
+ }
779
+
780
+ .responsive-tbl {
781
+ overflow-x: auto;
782
+ }
783
+ body {
784
+ position: relative !important;
785
+ }
786
+ thead,
787
+ tbody,
788
+ tfoot,
789
+ tr,
790
+ td,
791
+ th {
792
+ white-space: nowrap;
793
+ }
794
+
795
+ .button-group {
796
+ display: flex;
797
+ gap: 10px;
798
+ }
799
+ .rqstonClickbtn {
800
+ color: #fff;
801
+ background-color: #337ab7;
802
+ border-color: #2e6da4;
803
+ }
804
+ .loading-animation {
805
+ position: absolute;
806
+ top: 50%;
807
+ left: 50%;
808
+ transform: translate(-50%, -50%);
809
+ }
810
+
811
+ .spinner {
812
+ width: 40px;
813
+ height: 40px;
814
+ border-radius: 50%;
815
+ border: 4px solid #f3f3f3;
816
+ border-top: 4px solid black;
817
+ animation: spin 1s linear infinite;
818
+ }
819
+
820
+ @keyframes spin {
821
+ 0% {
822
+ transform: rotate(0deg);
823
+ }
824
+ 100% {
825
+ transform: rotate(360deg);
826
+ }
827
+ }
828
+ /* .border-container {
829
+ display: flex;
830
+ flex-direction: column;
831
+ border: 0px solid #ccc;
832
+ padding: 20px;
833
+ border-radius: 10px;
834
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
835
+ align-items: baseline;
836
+ }
837
+ .payment-container {
838
+ border: 0px solid #ccc;
839
+ padding: 20px;
840
+ border-radius: 10px;
841
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
842
+ } */
843
+
844
+ .payment-row {
845
+ display: flex;
846
+ align-items: center;
847
+ margin-bottom: 20px;
848
+ }
849
+
850
+ .payment-row label {
851
+ width: 150px;
852
+ font-weight: bold;
853
+ margin-right: 10px;
854
+ }
855
+
856
+ .payment-row input {
857
+ flex-grow: 1;
858
+ margin-right: 10px;
859
+ }
860
+
861
+ .payment-row button {
862
+ flex-grow: 1;
863
+ }
864
+ .payment-row {
865
+ display: flex;
866
+ flex-direction: column;
867
+ border-radius: 10px;
868
+ margin-top: 10px;
869
+ }
870
+
871
+ .input-wrapper {
872
+ flex: 1;
873
+ }
874
+
875
+ .button-wrapper {
876
+ margin-left: 10px;
877
+ }
878
+ .input-container {
879
+ display: flex;
880
+ flex-direction: column;
881
+ }
882
+
883
+ .export-btn1 {
884
+ background: black;
885
+ color: white;
886
+ height: 35px;
887
+ width: 68px;
888
+ border-radius: 5px;
889
+ margin-top: 20px;
890
+ }
891
+
892
+ .export-btn {
893
+ background: black;
894
+ color: white;
895
+ height: 35px;
896
+ width: 68px;
897
+ border-radius: 5px;
898
+ margin-left: 14px;
899
+ }
900
+
901
+ .payment-popup {
902
+ padding: 12px 20px;
903
+ background: #fff;
904
+ border-radius: 20px;
905
+ position: relative;
906
+ width: 100%;
907
+ margin: 0 auto;
908
+ }
909
+
910
+ // .modal-content {
911
+ // max-width: 420px;
912
+ // margin-top: 5%;
913
+ // }
914
+ @media (max-width: 460px) {
915
+ .payment-popup {
916
+ padding: 35px 25px;
917
+ width: 98%;
918
+ }
919
+ }
920
+
921
+ .close-pop {
922
+ position: absolute;
923
+ right: 8px;
924
+ top: 8px;
925
+ border: 0;
926
+ padding: 0;
927
+ background: none !important;
928
+ }
929
+
930
+ .amex {
931
+ background-image: url("../amex.svg");
932
+ }
933
+
934
+ .visa {
935
+ background-image: url("../visa.svg");
936
+ }
937
+
938
+ .mastercard {
939
+ background-image: url("../mastercard.svg");
940
+ }
941
+
942
+ .discover {
943
+ background-image: url("../discover.svg");
944
+ }
945
+
946
+ .expiry-date-group {
947
+ float: left;
948
+ width: 30%;
949
+ }
950
+
951
+ .expiry-date-group input {
952
+ width: calc(100% + 1px);
953
+ border-top-right-radius: 0;
954
+ border-bottom-right-radius: 0;
955
+ }
956
+
957
+ .expiry-date-group input:focus {
958
+ position: relative;
959
+ z-index: 10;
960
+ }
961
+
962
+ .security-code-group {
963
+ float: right;
964
+ width: 40%;
965
+ position: relative;
966
+ }
967
+
968
+ .security-code-group input {
969
+ border-top-left-radius: 0;
970
+ border-bottom-left-radius: 0;
971
+ }
972
+
973
+ .zip-code-group {
974
+ clear: both;
975
+ }
976
+
977
+ #submitButton {
978
+ outline: 0 !important;
979
+ height: 46px;
980
+ font-size: 16px;
981
+ background-color: #161616 !important;
982
+ border: none;
983
+ display: block;
984
+ width: 100%;
985
+ border-radius: 180px;
986
+ }
987
+ #submitRequestButton {
988
+ outline: 0 !important;
989
+ height: 46px;
990
+ font-size: 16px;
991
+ background-color: #161616 !important;
992
+ border: none;
993
+ display: block;
994
+ width: 100%;
995
+ border-radius: 180px;
996
+ }
997
+ #PayButton {
998
+ outline: 0 !important;
999
+ height: 46px;
1000
+ font-size: 16px;
1001
+ background-color: #161616 !important;
1002
+ border: none;
1003
+ display: block;
1004
+ width: 100%;
1005
+ border-radius: 180px;
1006
+ }
1007
+
1008
+ #PayButton:hover {
1009
+ background-color: #61c699 !important;
1010
+ }
1011
+
1012
+ #PayButton:active {
1013
+ background-color: #61c699 !important;
1014
+ }
1015
+
1016
+ #PayButton:disabled {
1017
+ background: rgb(172, 44, 170) !important;
1018
+ color: #fff !important;
1019
+ }
1020
+
1021
+ .form-control {
1022
+ color: #35254d;
1023
+ }
1024
+
1025
+ .container {
1026
+ margin-top: 10px;
1027
+ }
1028
+
1029
+ #Checkout {
1030
+ z-index: 100001;
1031
+ width: 100%;
1032
+ height: 100%;
1033
+ min-height: 100%;
1034
+ background: 0 0 #ffffff;
1035
+ border-radius: 24px;
1036
+ border: 1px solid #e0dfe2;
1037
+ margin-left: auto;
1038
+ margin-right: auto;
1039
+ display: block;
1040
+ }
1041
+
1042
+ #Checkout .header {
1043
+ display: flex;
1044
+ /* Enables Flexbox */
1045
+ justify-content: center;
1046
+ /* Centers content horizontally */
1047
+ align-items: center;
1048
+ /* Centers content vertically */
1049
+ text-align: center;
1050
+ padding: 8px;
1051
+ border-bottom: 1px solid #dedede;
1052
+ margin: 0 10px 20px 10px;
1053
+ }
1054
+
1055
+ #Checkout .header button {
1056
+ border: 0;
1057
+ background: none;
1058
+ padding: 0;
1059
+ }
1060
+
1061
+ #Checkout h1 {
1062
+ margin: 0;
1063
+ flex: 1;
1064
+ padding: 10px;
1065
+ /* Allows the title to grow and fill the space for centering */
1066
+ font-size: 23px;
1067
+ font-weight: 500;
1068
+ color: #35254d;
1069
+ align-items: start;
1070
+ display: flex;
1071
+ }
1072
+
1073
+ #Checkout > form {
1074
+ margin: 0 25px 10px 25px;
1075
+ }
1076
+
1077
+ label {
1078
+ color: rgba(53, 37, 77, 0.6);
1079
+ margin-bottom: 2px;
1080
+ text-transform: uppercase;
1081
+ font-family: "IBM Plex Mono", monospace;
1082
+ font-weight: 500;
1083
+ font-size: 12px;
1084
+ }
1085
+
1086
+ .input-container {
1087
+ position: relative;
1088
+ }
1089
+
1090
+ .input-container input {
1091
+ padding-right: 25px;
1092
+ }
1093
+
1094
+ #zipcode {
1095
+ text-transform: capitalize !important;
1096
+ }
1097
+
1098
+ #zipcode {
1099
+ width: 18px;
1100
+ position: absolute;
1101
+ right: 8px;
1102
+ top: 9px;
1103
+ }
1104
+
1105
+ #zipcode .zip-tip {
1106
+ display: none;
1107
+ background-color: rgb(0, 0, 0, 0.4);
1108
+ padding: 5px 8px;
1109
+ border-radius: 6px;
1110
+ position: absolute;
1111
+ right: 26px;
1112
+ top: -9px;
1113
+ font-size: 12.5px;
1114
+ text-transform: capitalize !important;
1115
+ color: #fff;
1116
+ width: 240px;
1117
+ line-height: 16px;
1118
+ }
1119
+
1120
+ #zipcode .zip-tip:before {
1121
+ width: 0;
1122
+ height: 0;
1123
+ border-top: 7px solid transparent;
1124
+ border-bottom: 7px solid transparent;
1125
+ border-left: 7px solid #000;
1126
+ opacity: 0.4;
1127
+ position: absolute;
1128
+ right: -7px;
1129
+ top: 50%;
1130
+ transform: translateY(-50%);
1131
+ content: "";
1132
+ }
1133
+
1134
+ #zipcode:hover .zip-tip {
1135
+ display: block;
1136
+ }
1137
+
1138
+ .input-container > i,
1139
+ a[role="button"] {
1140
+ color: #d3d3d3;
1141
+ width: 25px;
1142
+ height: 30px;
1143
+ line-height: 30px;
1144
+ font-size: 16px;
1145
+ position: absolute;
1146
+ top: 5px;
1147
+ right: 6px;
1148
+ cursor: pointer;
1149
+ text-align: center;
1150
+ }
1151
+
1152
+ .input-container > i:hover,
1153
+ a[role="button"]:hover {
1154
+ color: #777;
1155
+ }
1156
+
1157
+ .amount-placeholder {
1158
+ white-space: nowrap;
1159
+ font-size: 44px;
1160
+ /* height: 35px; */
1161
+ font-weight: 600;
1162
+ line-height: 40px;
1163
+ }
1164
+
1165
+ .amount-placeholder > button {
1166
+ float: right;
1167
+ width: 60px;
1168
+ }
1169
+
1170
+ .amount-placeholder > span {
1171
+ line-height: 34px;
1172
+ }
1173
+
1174
+ .top-amnt {
1175
+ display: flex;
1176
+ margin-bottom: 10px;
1177
+ align-items: center;
1178
+ justify-content: space-between;
1179
+ }
1180
+
1181
+ .amtleft {
1182
+ text-align: center;
1183
+ }
1184
+
1185
+ .amtleft span {
1186
+ color: #35254d;
1187
+ margin: 0 -5px;
1188
+ }
1189
+
1190
+ .card-row {
1191
+ text-align: right;
1192
+ margin: 22px 0 0 0;
1193
+ max-width: 85px;
1194
+ line-height: 20px;
1195
+ }
1196
+
1197
+ .yer {
1198
+ border-radius: 0;
1199
+ }
1200
+
1201
+ .card-row span {
1202
+ width: 33px;
1203
+ height: 21px;
1204
+ margin: 0 2px;
1205
+ background-repeat: no-repeat;
1206
+ display: inline-block;
1207
+ background-size: contain;
1208
+ }
1209
+
1210
+ .card-image {
1211
+ background-repeat: no-repeat;
1212
+ padding-right: 50px;
1213
+ background-position: right 2px center;
1214
+ background-size: auto 90%;
1215
+ }
1216
+
1217
+ /* .cvc-preview-container {
1218
+ overflow: hidden;
1219
+ } */
1220
+
1221
+ .cvc-preview-container {
1222
+ /* overflow: hidden; */
1223
+ position: absolute;
1224
+ z-index: 9999;
1225
+ right: -71px;
1226
+ top: -54px;
1227
+ width: 165px;
1228
+ border-radius: 5px;
1229
+ padding: 5px;
1230
+ background-color: rgb(0, 0, 0, 0.3);
1231
+ display: none;
1232
+ }
1233
+
1234
+ .cvc-preview-container:before {
1235
+ position: absolute;
1236
+ left: 50%;
1237
+ transform: translate(-50%);
1238
+ bottom: -5px;
1239
+ width: 0;
1240
+ height: 0;
1241
+ border-left: 5px solid transparent;
1242
+ border-right: 5px solid transparent;
1243
+ border-top: 5px solid #000;
1244
+ opacity: 0.3;
1245
+ content: "";
1246
+ }
1247
+
1248
+ .security-code-group #cvc:hover .cvc-preview-container {
1249
+ display: block;
1250
+ }
1251
+
1252
+ .cvc-preview-container.two-card div {
1253
+ width: 50%;
1254
+ height: 45px;
1255
+ }
1256
+
1257
+ .cvc-preview-container.two-card div.amex-cvc-preview {
1258
+ float: right;
1259
+ }
1260
+
1261
+ .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
1262
+ float: left;
1263
+ }
1264
+
1265
+ /* .cvc-preview-container div {
1266
+ height: 160px;
1267
+ } */
1268
+
1269
+ .amex-cvc-preview {
1270
+ background: url("data:image/png;base64,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")
1271
+ center center/contain no-repeat;
1272
+ }
1273
+
1274
+ .visa-mc-dis-cvc-preview {
1275
+ 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=")
1276
+ center center/contain no-repeat;
1277
+ }
1278
+
1279
+ .submit-button-lock {
1280
+ height: 15px;
1281
+ margin-top: -2px;
1282
+ margin-right: 7px;
1283
+ vertical-align: middle;
1284
+ 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")
1285
+ center center/contain no-repeat;
1286
+ width: 14px;
1287
+ display: inline-block;
1288
+ }
1289
+
1290
+ .align-middle {
1291
+ vertical-align: middle;
1292
+ }
1293
+
1294
+ input {
1295
+ box-shadow: none !important;
1296
+ }
1297
+
1298
+ .powerd-by-part {
1299
+ display: flex;
1300
+ font-size: 12px;
1301
+ text-align: center;
1302
+ align-items: center;
1303
+ justify-content: center;
1304
+ margin: 5px 0 20px 0;
1305
+ }
1306
+
1307
+ .powered-logo {
1308
+ width: 18px;
1309
+ height: auto;
1310
+ float: right;
1311
+ padding: 2px;
1312
+ background: #000000;
1313
+ border-radius: 4px;
1314
+ margin-left: 5px;
1315
+ }
1316
+
1317
+ .comp-name {
1318
+ display: block;
1319
+ margin-bottom: 8px;
1320
+ }
1321
+
1322
+ .client-logo {
1323
+ max-width: 140px;
1324
+ display: block;
1325
+ margin: auto;
1326
+ padding: 5px;
1327
+ }
1328
+
1329
+ #qrCode {
1330
+ text-align: center;
1331
+ }
1332
+
1333
+ #qrIcon {
1334
+ cursor: pointer;
1335
+ border: 1px solid rgb(252, 252, 252);
1336
+ padding: 10px;
1337
+ border-radius: 5px;
1338
+ background: #ffffff;
1339
+ }
1340
+
1341
+ #target {
1342
+ display: none;
1343
+ text-align: center;
1344
+ transition: all 5s;
1345
+ padding: 5px;
1346
+ transition: max-height 0.5s, overflow 0.5s 0.5s;
1347
+ }
1348
+
1349
+ /* input:focus {
1350
+ border-color: #acc6db !important;
1351
+ background-color: #acc6db !important;
1352
+ } */
1353
+
1354
+ input[type="number"]::-webkit-outer-spin-button,
1355
+ input[type="number"]::-webkit-inner-spin-button {
1356
+ -webkit-appearance: none;
1357
+ margin: 0;
1358
+ }
1359
+
1360
+ input[type="number"] {
1361
+ -moz-appearance: textfield;
1362
+ }
1363
+
1364
+ `);
1365
+ };
1366
+ var RequestPaymentstyles_default = RequestPaymentstyles;
1367
+
1368
+ // src/app/components/RequestPayment/RequestPaymentAllInput.tsx
1357
1369
  function RequestPaymentAllInput({ fractalpayClientKey }) {
1358
1370
  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
1359
1371
  const [show, setShow] = (0, import_react5.useState)(false);
@@ -1859,7 +1871,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
1859
1871
 
1860
1872
  // src/app/components/Payment/Payment.tsx
1861
1873
  var import_react10 = __toESM(require("react"));
1862
- var import_axios2 = __toESM(require("axios"));
1874
+ var import_axios = __toESM(require("axios"));
1863
1875
  var import_node_forge = __toESM(require("node-forge"));
1864
1876
  var import_react_toastify3 = require("react-toastify");
1865
1877
  var import_react_bootstrap6 = require("react-bootstrap");
@@ -2809,7 +2821,7 @@ function Payment() {
2809
2821
  const [data, setData] = (0, import_react10.useState)(null);
2810
2822
  const handlePaymentClick = async () => {
2811
2823
  try {
2812
- const response = await import_axios2.default.post(`${baseUrl}generate-session`, {});
2824
+ const response = await import_axios.default.post(`${baseUrl}generate-session`, {});
2813
2825
  const data2 = response.data;
2814
2826
  if (data2 && (data2 == null ? void 0 : data2.result) === true) {
2815
2827
  setState((prev) => {
@@ -2841,7 +2853,7 @@ function Payment() {
2841
2853
  };
2842
2854
  const apiUrl = "https://m1ao5pku8b.execute-api.us-east-2.amazonaws.com/prod/tokenizer/tokenize";
2843
2855
  try {
2844
- const response = await import_axios2.default.post(apiUrl, requestBody, {
2856
+ const response = await import_axios.default.post(apiUrl, requestBody, {
2845
2857
  headers: {
2846
2858
  "x-app-session-key": state == null ? void 0 : state.sessionKey,
2847
2859
  "Content-Type": "application/json"
@@ -3135,7 +3147,6 @@ function Payment() {
3135
3147
  }
3136
3148
 
3137
3149
  // src/app/components/Transaction/CompletedTransactions.tsx
3138
- var import_axios3 = __toESM(require("axios"));
3139
3150
  var import_react12 = __toESM(require("react"));
3140
3151
  var import_react_bootstrap7 = require("react-bootstrap");
3141
3152
  var import_react_bs_datatable = require("react-bs-datatable");
@@ -3283,13 +3294,22 @@ function CompletedTransactions(props) {
3283
3294
  const fetchData = async (newPage, startDate2, endDate2) => {
3284
3295
  var _a, _b;
3285
3296
  try {
3286
- const response = await import_axios3.default.post(`${baseUrl}get-complete-request-payments`, {
3287
- fractalpayPublicKey: props.fractalpayClientKey,
3288
- page: newPage,
3289
- dateStart: startDate2 ? formatDate(startDate2) : "",
3290
- dateEnd: endDate2 ? formatDate(endDate2) : ""
3297
+ const response = await fetch(`${baseUrl}get-complete-request-payments`, {
3298
+ method: "POST",
3299
+ headers: {
3300
+ "Content-Type": "application/json"
3301
+ },
3302
+ body: JSON.stringify({
3303
+ fractalpayPublicKey: props.fractalpayClientKey,
3304
+ page: newPage,
3305
+ dateStart: startDate2 ? formatDate(startDate2) : "",
3306
+ dateEnd: endDate2 ? formatDate(endDate2) : ""
3307
+ })
3291
3308
  });
3292
- const data = response.data;
3309
+ if (!response.ok) {
3310
+ throw new Error(`HTTP error! status: ${response.status}`);
3311
+ }
3312
+ const data = await response.json();
3293
3313
  setState((prev) => {
3294
3314
  var _a2;
3295
3315
  return __spreadProps(__spreadValues({}, prev), { totalPage: (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.totalPage });
@@ -3325,7 +3345,6 @@ function CompletedTransactions(props) {
3325
3345
  setEndDate(date);
3326
3346
  };
3327
3347
  const handleExport = async () => {
3328
- var _a;
3329
3348
  if (!startDate) {
3330
3349
  import_react_toastify4.toast.error("Start date required");
3331
3350
  } else if (!endDate) {
@@ -3333,15 +3352,25 @@ function CompletedTransactions(props) {
3333
3352
  } else {
3334
3353
  setState((prev) => __spreadProps(__spreadValues({}, prev), { csvData: true }));
3335
3354
  try {
3336
- const response = await import_axios3.default.post(`${baseUrl}get-complete-request-payments`, {
3337
- fractalpayPublicKey: props.fractalpayClientKey,
3338
- dateStart: startDate ? formatDate(startDate) : "",
3339
- dateEnd: endDate ? formatDate(endDate) : "",
3340
- isExport: true
3355
+ const response = await fetch(`${baseUrl}get-complete-request-payments`, {
3356
+ method: "POST",
3357
+ headers: {
3358
+ "Content-Type": "application/json"
3359
+ },
3360
+ body: JSON.stringify({
3361
+ fractalpayPublicKey: props.fractalpayClientKey,
3362
+ dateStart: startDate ? formatDate(startDate) : "",
3363
+ dateEnd: endDate ? formatDate(endDate) : "",
3364
+ isExport: true
3365
+ })
3341
3366
  });
3342
- if (response.data.status) {
3367
+ if (!response.ok) {
3368
+ throw new Error(`HTTP error! status: ${response.status}`);
3369
+ }
3370
+ const data = await response.json();
3371
+ if (data.status) {
3343
3372
  const link = document.createElement("a");
3344
- link.href = `${(_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data}`;
3373
+ link.href = `${data == null ? void 0 : data.data}`;
3345
3374
  link.target = "_blank";
3346
3375
  document.body.appendChild(link);
3347
3376
  link.click();
@@ -3407,7 +3436,7 @@ function CompletedTransactions(props) {
3407
3436
  var import_react13 = __toESM(require("react"));
3408
3437
  var import_react_bootstrap8 = require("react-bootstrap");
3409
3438
  var import_react_toastify5 = require("react-toastify");
3410
- var import_axios4 = __toESM(require("axios"));
3439
+ var import_axios2 = __toESM(require("axios"));
3411
3440
  var import_node_forge2 = __toESM(require("node-forge"));
3412
3441
  var import_credit_card_type = __toESM(require("credit-card-type"));
3413
3442
  function TockenizPay() {
@@ -3428,7 +3457,7 @@ function TockenizPay() {
3428
3457
  const [data, setData] = (0, import_react13.useState)(null);
3429
3458
  const handlePaymentClick = async () => {
3430
3459
  try {
3431
- const response = await import_axios4.default.post(`${baseUrl}/generate-session`, {});
3460
+ const response = await import_axios2.default.post(`${baseUrl}/generate-session`, {});
3432
3461
  const data2 = response.data;
3433
3462
  if (data2 && (data2 == null ? void 0 : data2.result) === true) {
3434
3463
  setState((prev) => {
@@ -3462,7 +3491,7 @@ function TockenizPay() {
3462
3491
  algorithm: "RSAES_OAEP_SHA_1"
3463
3492
  };
3464
3493
  try {
3465
- const response = await import_axios4.default.post(
3494
+ const response = await import_axios2.default.post(
3466
3495
  "https://m1ao5pku8b.execute-api.us-east-2.amazonaws.com/prod/tokenizer/tokenize",
3467
3496
  requestBody,
3468
3497
  {