@pinerohit11/testwidget 0.1.59 → 0.1.61

package/dist/index.mjs

@@ -17,9 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
 // src/app/components/RequestPayment/RequestPayment.tsx
-import React4, { useState, useEffect } from "react";
+import "bootstrap/dist/js/bootstrap.bundle.min.js";
+import React4, { useState, useEffect as useEffect2 } from "react";
 
 // src/app/components/Loader/Loader.tsx
 import React2 from "react";
@@ -151,7 +158,7 @@ var Loader = (props) => {
 var Loader_default = Loader;
 
 // src/app/components/RequestPayment/RequestPayment.tsx
-import { Button, Form, Modal } from "react-bootstrap";
+import { Button, Form, Modal, Stack } from "react-bootstrap";
 
 // src/app/components/RequestPayment/RequestPaymentstyles.tsx
 import React3 from "react";
@@ -1010,6 +1017,16 @@ var ErrorText = {
   fractalpayclientidrequired: "Fractalpay client key is missing or empty."
 };
 
+// src/app/components/Bootstrapclient.ts
+import { useEffect } from "react";
+function BootstrapClient() {
+  useEffect(() => {
+    __require("bootstrap/dist/js/bootstrap.bundle.min.js");
+  }, []);
+  return null;
+}
+var Bootstrapclient_default = BootstrapClient;
+
 // src/app/components/RequestPayment/RequestPayment.tsx
 function RequestPayment(props) {
   const fractalpayClientKey = props.fractalpayClientKey;
@@ -1165,7 +1182,7 @@ function RequestPayment(props) {
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  useEffect(() => {
+  useEffect2(() => {
     if (props.amount) {
       setRequestDetails((prev) => __spreadProps(__spreadValues({}, prev), { amount: props.amount }));
     }
@@ -1175,7 +1192,7 @@ function RequestPayment(props) {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React4.createElement(Loader_default, { loading }), /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Payment"), /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Bootstrapclient_default, null), /* @__PURE__ */ React4.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React4.createElement(Loader_default, { loading }), /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Button, { className: "paymentBtn", onClick: handleShow }, "Request Payment"), /* @__PURE__ */ React4.createElement(
     Modal,
     {
       show,
@@ -1185,7 +1202,7 @@ function RequestPayment(props) {
       keyboard: false
     },
     /* @__PURE__ */ React4.createElement(Modal.Header, { closeButton: true }, /* @__PURE__ */ React4.createElement(Modal.Title, null, "Request Payment")),
-    /* @__PURE__ */ React4.createElement(Modal.Body, { id: "Checkout" }, /* @__PURE__ */ React4.createElement(Form, null, /* @__PURE__ */ React4.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React4.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "FULL NAME *"), /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React4.createElement(Modal.Body, { id: "Checkout" }, /* @__PURE__ */ React4.createElement(Form, null, /* @__PURE__ */ React4.createElement(Stack, { gap: 3 }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "FULL NAME *"), /* @__PURE__ */ React4.createElement(
       "input",
       {
         className: "form-control",
@@ -1206,7 +1223,7 @@ function RequestPayment(props) {
         type: "text",
         "data-token": "phone_number"
       }
-    ), errors.phone_number && /* @__PURE__ */ React4.createElement("small", { className: "text-danger" }, errors.phone_number)), /* @__PURE__ */ React4.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React4.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "EMAIL"), /* @__PURE__ */ React4.createElement(
+    ), errors.phone_number && /* @__PURE__ */ React4.createElement("small", { className: "text-danger" }, errors.phone_number))), /* @__PURE__ */ React4.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React4.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "EMAIL"), /* @__PURE__ */ React4.createElement(
       "input",
       {
         className: "form-control",
@@ -3116,7 +3133,7 @@ function Payment() {
 }
 
 // src/app/components/Transaction/CompletedTransactions.tsx
-import React12, { useEffect as useEffect3, useState as useState8 } from "react";
+import React12, { useEffect as useEffect4, useState as useState8 } from "react";
 import { Col, Row, Table } from "react-bootstrap";
 import {
   DatatableWrapper,
@@ -3130,14 +3147,14 @@ import "react-datepicker/dist/react-datepicker.css";
 import { toast as toast4 } from "react-toastify";
 
 // src/app/components/Pagination/Pagination.tsx
-import React11, { useState as useState7, useEffect as useEffect2 } from "react";
+import React11, { useState as useState7, useEffect as useEffect3 } from "react";
 function PaginationPg({ totalPages, onPageChange, current }) {
   const [currentPage, setCurrentPage] = useState7(current);
   const [showPages, setShowPages] = useState7(false);
-  useEffect2(() => {
+  useEffect3(() => {
     setCurrentPage(current);
   }, [current]);
-  useEffect2(() => {
+  useEffect3(() => {
     setTimeout(() => {
       setShowPages(true);
     }, 1e3);
@@ -3355,7 +3372,7 @@ function CompletedTransactions(props) {
       }
     }
   };
-  useEffect3(() => {
+  useEffect4(() => {
     fetchData(state.page, startDate, endDate);
   }, [state.page]);
   const handlePageChange = (pageNumber) => {
@@ -3801,7 +3818,7 @@ function TockenizPay() {
 }
 
 // src/app/components/Payment/GetPaymentDynamic.tsx
-import React15, { useEffect as useEffect4, useState as useState10 } from "react";
+import React15, { useEffect as useEffect5, useState as useState10 } from "react";
 import { Modal as Modal8 } from "react-bootstrap";
 
 // src/app/components/Loader/MyLoadingAnimation.tsx
@@ -3834,7 +3851,7 @@ function GetPaymentDynamic(props) {
       console.error(ErrorText.fractalpayclientidrequired);
     }
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (!fractalpayClientKey) {
       console.error(ErrorText.fractalpayclientidrequired);
     }
@@ -3857,7 +3874,7 @@ function GetPaymentDynamic(props) {
   const handleLoad = () => {
     setLoading(false);
   };
-  useEffect4(() => {
+  useEffect5(() => {
     const messageListener = (event) => {
       var _a, _b;
       const response = (_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.other) == null ? void 0 : _b.data;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "private": false,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 4001",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",