@pinerohit11/testwidget 0.1.11 → 0.1.13

package/dist/index.cjs

@@ -57,7 +57,7 @@ var import_react = __toESM(require("react"), 1);
 function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
   const baseUrl = "http://192.168.1.52:8082/";
   const masterBaseUrl = "http://192.168.1.52:8081/";
-  console.log(name, "name");
+  console.log(name, "name", window == null ? void 0 : window.DatacapWebToken);
   const [dcToken, setDcToken] = (0, import_react.useState)("");
   const [error, setError] = (0, import_react.useState)({});
   const [toggleQr, setToggleQr] = (0, import_react.useState)(false);
@@ -231,7 +231,31 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
   const handlePay = () => {
     console.log("pay", name, baseUrl, masterBaseUrl);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-black" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "container bg-black" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "row bg-light no-gutters" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "col-sm-12" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "bd-example bd-example-tabs right-tabs mttabs m-3 " }, /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "close-pop", style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement(
+  (0, import_react.useEffect)(() => {
+    const scriptId = "my-script";
+    const existingScript = document.getElementById(scriptId);
+    if (!existingScript) {
+      const script = document.createElement("script");
+      script.src = "https://token-cert.dcap.com/v1/client";
+      script.id = scriptId;
+      script.async = true;
+      script.onload = () => {
+        if (typeof window !== "undefined" && window.DatacapWebToken) {
+          console.log("DatacapWebToken", window.DatacapWebToken);
+        } else {
+          console.log("DatacapWebToken is not loaded yet.");
+        }
+      };
+      document.head.appendChild(script);
+    }
+    return () => {
+      const script = document.getElementById(scriptId);
+      if (script) {
+        document.head.removeChild(script);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-black" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "container bg-black" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "row bg-light no-gutters" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "col-sm-12" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "bd-example bd-example-tabs right-tabs mttabs m-3 " }, /* @__PURE__ */ import_react.default.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "close-pop", style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -448,7 +472,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       alt: "Fractal logo",
       className: "powered-logo"
     }
-  )))))))))));
+  ))))))))))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.js

@@ -20,11 +20,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/app/components/Greet.tsx
 import axios from "axios";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
   const baseUrl = "http://192.168.1.52:8082/";
   const masterBaseUrl = "http://192.168.1.52:8081/";
-  console.log(name, "name");
+  console.log(name, "name", window == null ? void 0 : window.DatacapWebToken);
   const [dcToken, setDcToken] = useState("");
   const [error, setError] = useState({});
   const [toggleQr, setToggleQr] = useState(false);
@@ -198,7 +198,31 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
   const handlePay = () => {
     console.log("pay", name, baseUrl, masterBaseUrl);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-black" }, /* @__PURE__ */ React.createElement("div", { className: "container bg-black" }, /* @__PURE__ */ React.createElement("div", { className: "row bg-light no-gutters" }, /* @__PURE__ */ React.createElement("div", { className: "col-sm-12" }, /* @__PURE__ */ React.createElement("div", { className: "bd-example bd-example-tabs right-tabs mttabs m-3 " }, /* @__PURE__ */ React.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ React.createElement("button", { className: "close-pop", style: { display: "none" } }, /* @__PURE__ */ React.createElement(
+  useEffect(() => {
+    const scriptId = "my-script";
+    const existingScript = document.getElementById(scriptId);
+    if (!existingScript) {
+      const script = document.createElement("script");
+      script.src = "https://token-cert.dcap.com/v1/client";
+      script.id = scriptId;
+      script.async = true;
+      script.onload = () => {
+        if (typeof window !== "undefined" && window.DatacapWebToken) {
+          console.log("DatacapWebToken", window.DatacapWebToken);
+        } else {
+          console.log("DatacapWebToken is not loaded yet.");
+        }
+      };
+      document.head.appendChild(script);
+    }
+    return () => {
+      const script = document.getElementById(scriptId);
+      if (script) {
+        document.head.removeChild(script);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "bg-black" }, /* @__PURE__ */ React.createElement("div", { className: "container bg-black" }, /* @__PURE__ */ React.createElement("div", { className: "row bg-light no-gutters" }, /* @__PURE__ */ React.createElement("div", { className: "col-sm-12" }, /* @__PURE__ */ React.createElement("div", { className: "bd-example bd-example-tabs right-tabs mttabs m-3 " }, /* @__PURE__ */ React.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ React.createElement("button", { className: "close-pop", style: { display: "none" } }, /* @__PURE__ */ React.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -415,7 +439,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       alt: "Fractal logo",
       className: "powered-logo"
     }
-  )))))))))));
+  ))))))))))));
 }
 export {
   PaywithFractal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "scripts": {
     "dev": "next dev",