@pinerohit11/testwidget 0.1.70 → 0.1.72

package/dist/index.d.mts

@@ -10,6 +10,9 @@ interface Props$1 {
     from?: string;
     amount: string;
     webname?: string;
+    discount?: string;
+    tax?: string;
+    surcharge?: string;
 }
 declare function RequestPayment(props: Props$1): React.JSX.Element;
 
@@ -23,6 +26,9 @@ interface Props {
     from?: string;
     amount: string;
     webname?: string;
+    discount?: string;
+    tax?: string;
+    surcharge?: string;
 }
 declare function RequestPreAuthPayment(props: Props): React.JSX.Element;
 

package/dist/index.d.ts

@@ -10,6 +10,9 @@ interface Props$1 {
     from?: string;
     amount: string;
     webname?: string;
+    discount?: string;
+    tax?: string;
+    surcharge?: string;
 }
 declare function RequestPayment(props: Props$1): React.JSX.Element;
 
@@ -23,6 +26,9 @@ interface Props {
     from?: string;
     amount: string;
     webname?: string;
+    discount?: string;
+    tax?: string;
+    surcharge?: string;
 }
 declare function RequestPreAuthPayment(props: Props): React.JSX.Element;
 

package/dist/index.js

@@ -53,7 +53,6 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/app/components/RequestPayment/RequestPayment.tsx
-var import_bootstrap_bundle_min = require("bootstrap/dist/js/bootstrap.bundle.min.js");
 var import_react6 = __toESM(require("react"));
 
 // src/app/components/Loader/Loader.tsx
@@ -63,9 +62,9 @@ var import_react2 = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var LoaderStyle = (props) => {
   return /* @__PURE__ */ import_react.default.createElement("style", null, `
-        .loader {
-  position: fixed;
-  /* Fixed position to cover the viewport */
+            
+     .loader {
+  position: fixed; /* Fixed position to cover the viewport */
   top: 0;
   left: 0;
   width: 100%;
@@ -74,13 +73,10 @@ var LoaderStyle = (props) => {
   justify-content: center;
   align-items: center;
   /* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
-  background-color: rgba(255, 255, 255, 0.521);
-  /* Semi-transparent black background */
+  background-color: rgba(255, 255, 255, 0.521); /* Semi-transparent black background */
 
-  backdrop-filter: blur(.5px);
-  /* Blur effect */
-  z-index: 9999;
-  /* Ensure it's on top of other elements */
+  backdrop-filter: blur(.5px); /* Blur effect */
+  z-index: 999999999999; /* Ensure it's on top of other elements */
 }
 
 .lds-ellipsis {
@@ -124,7 +120,6 @@ var LoaderStyle = (props) => {
   0% {
     transform: scale(0);
   }
-
   100% {
     transform: scale(1);
   }
@@ -134,7 +129,6 @@ var LoaderStyle = (props) => {
   0% {
     transform: translate(0, 0);
   }
-
   100% {
     transform: translate(24px, 0);
   }
@@ -144,37 +138,11 @@ var LoaderStyle = (props) => {
   0% {
     transform: scale(1);
   }
-
   100% {
     transform: scale(0);
   }
 }
 
-
-.loading-animation {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.spinner {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  border: 4px solid #f3f3f3;
-  border-top: 4px solid black;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
         `);
 };
 var LoaderStyle_default = LoaderStyle;
@@ -721,6 +689,9 @@ var RequestPaymentstyles_default = RequestPaymentstyles;
 // src/app/components/RequestPayment/RequestPayment.tsx
 function RequestPayment(props) {
   const fractalpayClientKey = props.fractalpayClientKey;
+  const discount = props == null ? void 0 : props.discount;
+  const tax = props == null ? void 0 : props.tax;
+  const surcharge = props == null ? void 0 : props.surcharge;
   const [show, setShow] = (0, import_react6.useState)(false);
   const [loading, setLoading] = (0, import_react6.useState)(false);
   const [errors, setErrors] = (0, import_react6.useState)({});
@@ -790,9 +761,13 @@ function RequestPayment(props) {
         action: "request",
         name: requestDetails.name,
         email: requestDetails.email,
-        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : ""
+        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : "",
+        discount,
+        surcharge,
+        tax
       };
-      let response = await import_axios.default.post(`${baseUrl}create-widget-order`, formData);
+      const response = await import_axios.default.post("/api/payment-request", formData);
+      console.log(response, "response");
       if ((response == null ? void 0 : response.status) === 200) {
         setShowConfirmationModal(true);
         setShow(false);
@@ -946,12 +921,15 @@ function RequestPayment(props) {
 }
 
 // src/app/components/RequestPayment/RequestPreAuthPayment.tsx
-var import_bootstrap_bundle_min2 = require("bootstrap/dist/js/bootstrap.bundle.min.js");
+var import_bootstrap_bundle_min = require("bootstrap/dist/js/bootstrap.bundle.min.js");
 var import_react7 = __toESM(require("react"));
 var import_axios2 = __toESM(require("axios"));
 var import_react_number_format2 = require("react-number-format");
 function RequestPreAuthPayment(props) {
   const fractalpayClientKey = props.fractalpayClientKey;
+  const discount = props == null ? void 0 : props.discount;
+  const tax = props == null ? void 0 : props.tax;
+  const surcharge = props == null ? void 0 : props.surcharge;
   const [show, setShow] = (0, import_react7.useState)(false);
   const [loading, setLoading] = (0, import_react7.useState)(false);
   const [errors, setErrors] = (0, import_react7.useState)({});
@@ -1021,7 +999,10 @@ function RequestPreAuthPayment(props) {
         action: "request",
         name: requestDetails.name,
         email: requestDetails.email,
-        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : ""
+        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : "",
+        discount,
+        surcharge,
+        tax
       };
       let response = await import_axios2.default.post(`${baseUrl}send-request-pre-auth-payment`, formData);
       if ((response == null ? void 0 : response.status) === 200) {
@@ -1118,7 +1099,7 @@ function RequestPreAuthPayment(props) {
       maximumFractionDigits: 2
     }).format(Number(amount2));
   }
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react7.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Pre Auth Payment"), /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react7.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Send Request"), /* @__PURE__ */ import_react7.default.createElement(
     CustomModal2_default,
     {
       open: show,

package/dist/index.mjs

@@ -19,7 +19,6 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/app/components/RequestPayment/RequestPayment.tsx
-import "bootstrap/dist/js/bootstrap.bundle.min.js";
 import React6, { useState, useEffect } from "react";
 
 // src/app/components/Loader/Loader.tsx
@@ -29,9 +28,9 @@ import React2 from "react";
 import React from "react";
 var LoaderStyle = (props) => {
   return /* @__PURE__ */ React.createElement("style", null, `
-        .loader {
-  position: fixed;
-  /* Fixed position to cover the viewport */
+            
+     .loader {
+  position: fixed; /* Fixed position to cover the viewport */
   top: 0;
   left: 0;
   width: 100%;
@@ -40,13 +39,10 @@ var LoaderStyle = (props) => {
   justify-content: center;
   align-items: center;
   /* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
-  background-color: rgba(255, 255, 255, 0.521);
-  /* Semi-transparent black background */
+  background-color: rgba(255, 255, 255, 0.521); /* Semi-transparent black background */
 
-  backdrop-filter: blur(.5px);
-  /* Blur effect */
-  z-index: 9999;
-  /* Ensure it's on top of other elements */
+  backdrop-filter: blur(.5px); /* Blur effect */
+  z-index: 999999999999; /* Ensure it's on top of other elements */
 }
 
 .lds-ellipsis {
@@ -90,7 +86,6 @@ var LoaderStyle = (props) => {
   0% {
     transform: scale(0);
   }
-
   100% {
     transform: scale(1);
   }
@@ -100,7 +95,6 @@ var LoaderStyle = (props) => {
   0% {
     transform: translate(0, 0);
   }
-
   100% {
     transform: translate(24px, 0);
   }
@@ -110,37 +104,11 @@ var LoaderStyle = (props) => {
   0% {
     transform: scale(1);
   }
-
   100% {
     transform: scale(0);
   }
 }
 
-
-.loading-animation {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.spinner {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  border: 4px solid #f3f3f3;
-  border-top: 4px solid black;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
         `);
 };
 var LoaderStyle_default = LoaderStyle;
@@ -687,6 +655,9 @@ var RequestPaymentstyles_default = RequestPaymentstyles;
 // src/app/components/RequestPayment/RequestPayment.tsx
 function RequestPayment(props) {
   const fractalpayClientKey = props.fractalpayClientKey;
+  const discount = props == null ? void 0 : props.discount;
+  const tax = props == null ? void 0 : props.tax;
+  const surcharge = props == null ? void 0 : props.surcharge;
   const [show, setShow] = useState(false);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
@@ -756,9 +727,13 @@ function RequestPayment(props) {
         action: "request",
         name: requestDetails.name,
         email: requestDetails.email,
-        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : ""
+        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : "",
+        discount,
+        surcharge,
+        tax
       };
-      let response = await axios.post(`${baseUrl}create-widget-order`, formData);
+      const response = await axios.post("/api/payment-request", formData);
+      console.log(response, "response");
       if ((response == null ? void 0 : response.status) === 200) {
         setShowConfirmationModal(true);
         setShow(false);
@@ -918,6 +893,9 @@ import axios2 from "axios";
 import { PatternFormat as PatternFormat2 } from "react-number-format";
 function RequestPreAuthPayment(props) {
   const fractalpayClientKey = props.fractalpayClientKey;
+  const discount = props == null ? void 0 : props.discount;
+  const tax = props == null ? void 0 : props.tax;
+  const surcharge = props == null ? void 0 : props.surcharge;
   const [show, setShow] = useState2(false);
   const [loading, setLoading] = useState2(false);
   const [errors, setErrors] = useState2({});
@@ -987,7 +965,10 @@ function RequestPreAuthPayment(props) {
         action: "request",
         name: requestDetails.name,
         email: requestDetails.email,
-        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : ""
+        customer_id: (props == null ? void 0 : props.customerId) ? props == null ? void 0 : props.customerId : "",
+        discount,
+        surcharge,
+        tax
       };
       let response = await axios2.post(`${baseUrl}send-request-pre-auth-payment`, formData);
       if ((response == null ? void 0 : response.status) === 200) {
@@ -1084,7 +1065,7 @@ function RequestPreAuthPayment(props) {
       maximumFractionDigits: 2
     }).format(Number(amount2));
   }
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React7.createElement(Loader_default, { loading }), /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Pre Auth Payment"), /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ React7.createElement(Loader_default, { loading }), /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Send Request"), /* @__PURE__ */ React7.createElement(
     CustomModal2_default,
     {
       open: show,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.70",
+  "version": "0.1.72",
   "private": false,
   "scripts": {
     "dev": "next dev -p 4001",