@pinerohit11/testwidget 0.1.65 → 0.1.67

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 +6 -30
  2. package/dist/index.mjs +6 -30
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -477,16 +477,15 @@ var CustomModal2_default = CustomModal2;
477
477
  // src/app/components/RequestPayment/RequestPayment.tsx
478
478
  var import_axios = __toESM(require("axios"));
479
479
  var import_react_number_format = require("react-number-format");
480
- var import_styled_components = __toESM(require("styled-components"));
481
480
 
482
481
  // src/app/components/RequestPayment/RequestPaymentstyles.tsx
483
482
  var import_react5 = __toESM(require("react"));
484
483
  var RequestPaymentstyles = (props) => {
485
484
  return /* @__PURE__ */ import_react5.default.createElement("style", null, `
486
485
  body {
487
- font-family: 'Inter', sans-serif;
486
+ font-family: 'Inter', sans-serif !important;
488
487
  }
489
-
488
+
490
489
  .paymentBtn {
491
490
  background-color: black;
492
491
  border: none;
@@ -506,7 +505,6 @@ var RequestPaymentstyles = (props) => {
506
505
  .request-payment-amount {
507
506
  color: #161616;
508
507
  text-align: center;
509
- font-family: Inter;
510
508
  font-size: 42px;
511
509
  font-style: normal;
512
510
  font-weight: 600;
@@ -517,7 +515,6 @@ var RequestPaymentstyles = (props) => {
517
515
  .request-payment-orderid {
518
516
  color: #727272;
519
517
  text-align: center;
520
- font-family: Inter;
521
518
  font-size: 14px;
522
519
  font-style: normal;
523
520
  font-weight: 500;
@@ -527,7 +524,6 @@ var RequestPaymentstyles = (props) => {
527
524
  .request-payment-pre-auth-merchantname {
528
525
  color: #727272;
529
526
  text-align: center;
530
- font-family: Inter;
531
527
  font-size: 14px;
532
528
  font-style: normal;
533
529
  font-weight: 500;
@@ -538,7 +534,6 @@ var RequestPaymentstyles = (props) => {
538
534
  .request-payment-merchantname {
539
535
  color: #727272;
540
536
  text-align: center;
541
- font-family: Inter;
542
537
  font-size: 14px;
543
538
  font-style: normal;
544
539
  font-weight: 500;
@@ -569,7 +564,6 @@ var RequestPaymentstyles = (props) => {
569
564
 
570
565
  .request-payment-input-label {
571
566
  color: #727272;
572
- font-family: Inter;
573
567
  font-size: 12px;
574
568
  font-style: normal;
575
569
  font-weight: 500;
@@ -588,7 +582,6 @@ var RequestPaymentstyles = (props) => {
588
582
  width: 100%;
589
583
  color: #161616;
590
584
  margin-top: 6px !important;
591
- font-family: Inter;
592
585
  font-size: 14px;
593
586
  font-style: normal;
594
587
  font-weight: 500;
@@ -607,7 +600,6 @@ var RequestPaymentstyles = (props) => {
607
600
  color: #fff;
608
601
  width: 100% !important;
609
602
  border: none !important;
610
- font-family: Inter;
611
603
  font-size: 16px;
612
604
  font-style: normal;
613
605
  font-weight: 500;
@@ -620,7 +612,6 @@ var RequestPaymentstyles = (props) => {
620
612
 
621
613
  .request-payment-fractal-powerd-by {
622
614
  color: #727272;
623
- font-family: Inter;
624
615
  font-size: 14px;
625
616
  font-style: normal;
626
617
  font-weight: 500;
@@ -657,7 +648,6 @@ var RequestPaymentstyles = (props) => {
657
648
  .request-payment-success-text {
658
649
  color: #161616;
659
650
  text-align: center;
660
- font-family: Inter;
661
651
  font-size: 32px;
662
652
  font-style: normal;
663
653
  font-weight: 500;
@@ -671,7 +661,6 @@ var RequestPaymentstyles = (props) => {
671
661
  .request-payment-success-subtext {
672
662
  color: #727272;
673
663
  text-align: center;
674
- font-family: Inter;
675
664
  font-size: 14px;
676
665
  font-style: normal;
677
666
  font-weight: 500;
@@ -718,7 +707,6 @@ var RequestPaymentstyles = (props) => {
718
707
  gap: 6px;
719
708
  background-color: #161616;
720
709
  color: #fff;
721
- font-family: Inter;
722
710
  font-size: 14px;
723
711
  font-style: normal;
724
712
  font-weight: 500;
@@ -726,7 +714,7 @@ var RequestPaymentstyles = (props) => {
726
714
 
727
715
  .request-payment-error-msg{
728
716
  color: #dc3545;
729
- font-family: Inter;
717
+
730
718
  font-size: 12px;
731
719
  }
732
720
  `);
@@ -734,18 +722,6 @@ var RequestPaymentstyles = (props) => {
734
722
  var RequestPaymentstyles_default = RequestPaymentstyles;
735
723
 
736
724
  // src/app/components/RequestPayment/RequestPayment.tsx
737
- var Label = import_styled_components.default.label`
738
- color: #727272;
739
- font-family: Inter;
740
- font-size: 12px;
741
- font-style: normal;
742
- font-weight: 500;
743
- margin-bottom: 6px !important;
744
- text-align: start !important;
745
- width: 100% !important;
746
- margin-bottom: 6px !important;
747
- text-transform: uppercase;
748
- `;
749
725
  function RequestPayment(props) {
750
726
  const fractalpayClientKey = props.fractalpayClientKey;
751
727
  const [show, setShow] = (0, import_react6.useState)(false);
@@ -921,7 +897,7 @@ function RequestPayment(props) {
921
897
  onClose: () => setShow(false)
922
898
  },
923
899
  /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-amount-detail" }, /* @__PURE__ */ import_react6.default.createElement("p", { className: "request-payment-merchantname" }, "Pay ", props == null ? void 0 : props.webname), /* @__PURE__ */ import_react6.default.createElement("p", { className: "request-payment-amount" }, formatAmount(props == null ? void 0 : props.amount)), (props == null ? void 0 : props.from) === "merchant" && /* @__PURE__ */ import_react6.default.createElement("p", { className: "request-payment-orderid" }, requestDetails == null ? void 0 : requestDetails.order_id), /* @__PURE__ */ import_react6.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react6.default.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" })), /* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react6.default.createElement("rect", { width: "16", height: "16", fill: "white" })))))),
924
- /* @__PURE__ */ import_react6.default.createElement("form", { className: "request-payment-input-form" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement(Label, { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "FULL NAME"), /* @__PURE__ */ import_react6.default.createElement(
900
+ /* @__PURE__ */ import_react6.default.createElement("form", { className: "request-payment-input-form" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "FULL NAME"), /* @__PURE__ */ import_react6.default.createElement(
925
901
  "input",
926
902
  {
927
903
  className: "request-payment-input-box",
@@ -931,7 +907,7 @@ function RequestPayment(props) {
931
907
  onChange: handleChange,
932
908
  value: requestDetails == null ? void 0 : requestDetails.name
933
909
  }
934
- ), errors.name && /* @__PURE__ */ import_react6.default.createElement("small", { className: "request-payment-error-msg" }, errors.name)), /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement(Label, { htmlFor: "requestPhoneNumber", className: "request-payment-input-label" }, "Phone Number"), /* @__PURE__ */ import_react6.default.createElement(
910
+ ), errors.name && /* @__PURE__ */ import_react6.default.createElement("small", { className: "request-payment-error-msg" }, errors.name)), /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "requestPhoneNumber", className: "request-payment-input-label" }, "Phone Number"), /* @__PURE__ */ import_react6.default.createElement(
935
911
  import_react_number_format.PatternFormat,
936
912
  {
937
913
  className: "request-payment-input-box",
@@ -942,7 +918,7 @@ function RequestPayment(props) {
942
918
  handlePhoneChange(e);
943
919
  }
944
920
  }
945
- ), errors.phone && /* @__PURE__ */ import_react6.default.createElement("small", { className: "request-payment-error-msg" }, errors.phone)), /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement(Label, { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "EMAIL"), /* @__PURE__ */ import_react6.default.createElement(
921
+ ), errors.phone && /* @__PURE__ */ import_react6.default.createElement("small", { className: "request-payment-error-msg" }, errors.phone)), /* @__PURE__ */ import_react6.default.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "EMAIL"), /* @__PURE__ */ import_react6.default.createElement(
946
922
  "input",
947
923
  {
948
924
  className: "request-payment-input-box",
package/dist/index.mjs CHANGED
@@ -436,16 +436,15 @@ var CustomModal2_default = CustomModal2;
436
436
  // src/app/components/RequestPayment/RequestPayment.tsx
437
437
  import axios from "axios";
438
438
  import { PatternFormat } from "react-number-format";
439
- import styled from "styled-components";
440
439
 
441
440
  // src/app/components/RequestPayment/RequestPaymentstyles.tsx
442
441
  import React5 from "react";
443
442
  var RequestPaymentstyles = (props) => {
444
443
  return /* @__PURE__ */ React5.createElement("style", null, `
445
444
  body {
446
- font-family: 'Inter', sans-serif;
445
+ font-family: 'Inter', sans-serif !important;
447
446
  }
448
-
447
+
449
448
  .paymentBtn {
450
449
  background-color: black;
451
450
  border: none;
@@ -465,7 +464,6 @@ var RequestPaymentstyles = (props) => {
465
464
  .request-payment-amount {
466
465
  color: #161616;
467
466
  text-align: center;
468
- font-family: Inter;
469
467
  font-size: 42px;
470
468
  font-style: normal;
471
469
  font-weight: 600;
@@ -476,7 +474,6 @@ var RequestPaymentstyles = (props) => {
476
474
  .request-payment-orderid {
477
475
  color: #727272;
478
476
  text-align: center;
479
- font-family: Inter;
480
477
  font-size: 14px;
481
478
  font-style: normal;
482
479
  font-weight: 500;
@@ -486,7 +483,6 @@ var RequestPaymentstyles = (props) => {
486
483
  .request-payment-pre-auth-merchantname {
487
484
  color: #727272;
488
485
  text-align: center;
489
- font-family: Inter;
490
486
  font-size: 14px;
491
487
  font-style: normal;
492
488
  font-weight: 500;
@@ -497,7 +493,6 @@ var RequestPaymentstyles = (props) => {
497
493
  .request-payment-merchantname {
498
494
  color: #727272;
499
495
  text-align: center;
500
- font-family: Inter;
501
496
  font-size: 14px;
502
497
  font-style: normal;
503
498
  font-weight: 500;
@@ -528,7 +523,6 @@ var RequestPaymentstyles = (props) => {
528
523
 
529
524
  .request-payment-input-label {
530
525
  color: #727272;
531
- font-family: Inter;
532
526
  font-size: 12px;
533
527
  font-style: normal;
534
528
  font-weight: 500;
@@ -547,7 +541,6 @@ var RequestPaymentstyles = (props) => {
547
541
  width: 100%;
548
542
  color: #161616;
549
543
  margin-top: 6px !important;
550
- font-family: Inter;
551
544
  font-size: 14px;
552
545
  font-style: normal;
553
546
  font-weight: 500;
@@ -566,7 +559,6 @@ var RequestPaymentstyles = (props) => {
566
559
  color: #fff;
567
560
  width: 100% !important;
568
561
  border: none !important;
569
- font-family: Inter;
570
562
  font-size: 16px;
571
563
  font-style: normal;
572
564
  font-weight: 500;
@@ -579,7 +571,6 @@ var RequestPaymentstyles = (props) => {
579
571
 
580
572
  .request-payment-fractal-powerd-by {
581
573
  color: #727272;
582
- font-family: Inter;
583
574
  font-size: 14px;
584
575
  font-style: normal;
585
576
  font-weight: 500;
@@ -616,7 +607,6 @@ var RequestPaymentstyles = (props) => {
616
607
  .request-payment-success-text {
617
608
  color: #161616;
618
609
  text-align: center;
619
- font-family: Inter;
620
610
  font-size: 32px;
621
611
  font-style: normal;
622
612
  font-weight: 500;
@@ -630,7 +620,6 @@ var RequestPaymentstyles = (props) => {
630
620
  .request-payment-success-subtext {
631
621
  color: #727272;
632
622
  text-align: center;
633
- font-family: Inter;
634
623
  font-size: 14px;
635
624
  font-style: normal;
636
625
  font-weight: 500;
@@ -677,7 +666,6 @@ var RequestPaymentstyles = (props) => {
677
666
  gap: 6px;
678
667
  background-color: #161616;
679
668
  color: #fff;
680
- font-family: Inter;
681
669
  font-size: 14px;
682
670
  font-style: normal;
683
671
  font-weight: 500;
@@ -685,7 +673,7 @@ var RequestPaymentstyles = (props) => {
685
673
 
686
674
  .request-payment-error-msg{
687
675
  color: #dc3545;
688
- font-family: Inter;
676
+
689
677
  font-size: 12px;
690
678
  }
691
679
  `);
@@ -693,18 +681,6 @@ var RequestPaymentstyles = (props) => {
693
681
  var RequestPaymentstyles_default = RequestPaymentstyles;
694
682
 
695
683
  // src/app/components/RequestPayment/RequestPayment.tsx
696
- var Label = styled.label`
697
- color: #727272;
698
- font-family: Inter;
699
- font-size: 12px;
700
- font-style: normal;
701
- font-weight: 500;
702
- margin-bottom: 6px !important;
703
- text-align: start !important;
704
- width: 100% !important;
705
- margin-bottom: 6px !important;
706
- text-transform: uppercase;
707
- `;
708
684
  function RequestPayment(props) {
709
685
  const fractalpayClientKey = props.fractalpayClientKey;
710
686
  const [show, setShow] = useState(false);
@@ -880,7 +856,7 @@ function RequestPayment(props) {
880
856
  onClose: () => setShow(false)
881
857
  },
882
858
  /* @__PURE__ */ React6.createElement("div", { className: "request-payment-amount-detail" }, /* @__PURE__ */ React6.createElement("p", { className: "request-payment-merchantname" }, "Pay ", props == null ? void 0 : props.webname), /* @__PURE__ */ React6.createElement("p", { className: "request-payment-amount" }, formatAmount(props == null ? void 0 : props.amount)), (props == null ? void 0 : props.from) === "merchant" && /* @__PURE__ */ React6.createElement("p", { className: "request-payment-orderid" }, requestDetails == null ? void 0 : requestDetails.order_id), /* @__PURE__ */ React6.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ React6.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ React6.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ React6.createElement("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" })), /* @__PURE__ */ React6.createElement("defs", null, /* @__PURE__ */ React6.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ React6.createElement("rect", { width: "16", height: "16", fill: "white" })))))),
883
- /* @__PURE__ */ React6.createElement("form", { className: "request-payment-input-form" }, /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement(Label, { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "FULL NAME"), /* @__PURE__ */ React6.createElement(
859
+ /* @__PURE__ */ React6.createElement("form", { className: "request-payment-input-form" }, /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement("label", { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "FULL NAME"), /* @__PURE__ */ React6.createElement(
884
860
  "input",
885
861
  {
886
862
  className: "request-payment-input-box",
@@ -890,7 +866,7 @@ function RequestPayment(props) {
890
866
  onChange: handleChange,
891
867
  value: requestDetails == null ? void 0 : requestDetails.name
892
868
  }
893
- ), errors.name && /* @__PURE__ */ React6.createElement("small", { className: "request-payment-error-msg" }, errors.name)), /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement(Label, { htmlFor: "requestPhoneNumber", className: "request-payment-input-label" }, "Phone Number"), /* @__PURE__ */ React6.createElement(
869
+ ), errors.name && /* @__PURE__ */ React6.createElement("small", { className: "request-payment-error-msg" }, errors.name)), /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement("label", { htmlFor: "requestPhoneNumber", className: "request-payment-input-label" }, "Phone Number"), /* @__PURE__ */ React6.createElement(
894
870
  PatternFormat,
895
871
  {
896
872
  className: "request-payment-input-box",
@@ -901,7 +877,7 @@ function RequestPayment(props) {
901
877
  handlePhoneChange(e);
902
878
  }
903
879
  }
904
- ), errors.phone && /* @__PURE__ */ React6.createElement("small", { className: "request-payment-error-msg" }, errors.phone)), /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement(Label, { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "EMAIL"), /* @__PURE__ */ React6.createElement(
880
+ ), errors.phone && /* @__PURE__ */ React6.createElement("small", { className: "request-payment-error-msg" }, errors.phone)), /* @__PURE__ */ React6.createElement("div", { className: "request-payment-list-div" }, /* @__PURE__ */ React6.createElement("label", { htmlFor: "exampleFormControlInput2", className: "request-payment-input-label" }, "EMAIL"), /* @__PURE__ */ React6.createElement(
905
881
  "input",
906
882
  {
907
883
  className: "request-payment-input-box",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pinerohit11/testwidget",
3
- "version": "0.1.65",
3
+ "version": "0.1.67",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "next dev -p 4001",