@pinerohit11/testwidget 0.1.10 → 0.1.12

package/dist/index.js

@@ -1,12 +1,7 @@
-"use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -22,46 +17,19 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/app/index.ts
-var app_exports = {};
-__export(app_exports, {
-  PaywithFractal: () => PaywithFractal
-});
-module.exports = __toCommonJS(app_exports);
 
 // src/app/components/Greet.tsx
-var import_axios = __toESM(require("axios"));
-var import_react = __toESM(require("react"));
+import axios from "axios";
+import Script from "next/script";
+import React, { 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");
-  const [dcToken, setDcToken] = (0, import_react.useState)("");
-  const [error, setError] = (0, import_react.useState)({});
-  const [toggleQr, setToggleQr] = (0, import_react.useState)(false);
-  const [formData, setFormData] = (0, import_react.useState)({
+  console.log(name, "name", window == null ? void 0 : window.DatacapWebToken);
+  const [dcToken, setDcToken] = useState("");
+  const [error, setError] = useState({});
+  const [toggleQr, setToggleQr] = useState(false);
+  const [formData, setFormData] = useState({
     name: "John Doe",
     card_number: "4761 7310 0000 0043",
     exp_month: "12",
@@ -69,7 +37,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
     cvv: "201",
     zip: ""
   });
-  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [loading, setLoading] = useState(false);
   const handleSubmit = async (e) => {
     var _a, _b, _c, _d, _e, _f, _g;
     e.preventDefault();
@@ -84,7 +52,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
     if (Object.keys(error).length < 1) {
       try {
         setLoading(true);
-        const res = await import_axios.default.post(`${baseUrl}create-widget-order`, data, {
+        const res = await axios.post(`${baseUrl}create-widget-order`, data, {
           headers: {
             "Content-Type": "application/json"
           }
@@ -108,7 +76,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
                 postal_code: formData.zip
               }, response);
               try {
-                const resp = await import_axios.default.post(`${masterBaseUrl}quick-pay/${(_b2 = (_a2 = res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.posSalesIdEncode}`, quickData, {
+                const resp = await axios.post(`${masterBaseUrl}quick-pay/${(_b2 = (_a2 = res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.posSalesIdEncode}`, quickData, {
                   headers
                 });
                 setLoading(false);
@@ -231,7 +199,20 @@ 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(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Script,
+    {
+      src: "https://token-cert.dcap.com/v1/client",
+      strategy: "beforeInteractive",
+      onLoad: () => {
+        if (typeof window !== "undefined" && window.DatacapWebToken) {
+          console.log("DatacapWebToken", window.DatacapWebToken);
+        } else {
+          console.log("DatacapWebToken is not loaded yet.");
+        }
+      }
+    }
+  ), /* @__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",
@@ -239,7 +220,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       height: 37,
       viewBox: "0 0 21 21"
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "path",
       {
         fill: "none",
@@ -249,14 +230,14 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         d: "m7.5 7.5l6 6m0-6l-6 6"
       }
     )
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comp-name" }, /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ React.createElement("div", { className: "row" }, /* @__PURE__ */ React.createElement("div", { className: "comp-name" }, /* @__PURE__ */ React.createElement(
     "img",
     {
       src: "https://invoicestaging.skysystemz.com/assets/products/65c49a2740ff1.png",
       alt: "",
       className: "client-logo"
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement("div", { id: "Checkout", className: "inline" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header" }, /* @__PURE__ */ import_react.default.createElement("h1", null, "Pay"), /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement("div", { id: "Checkout", className: "inline" }, /* @__PURE__ */ React.createElement("div", { className: "header" }, /* @__PURE__ */ React.createElement("h1", null, "Pay"), /* @__PURE__ */ React.createElement(
     "i",
     {
       className: "fa fa-qrcode fa-2x",
@@ -264,23 +245,23 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       title: "Show QR Code",
       onClick: () => setToggleQr(!toggleQr)
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { id: "qrCode", style: {
+  )), /* @__PURE__ */ React.createElement("div", { id: "qrCode", style: {
     display: toggleQr ? "block" : "none"
-  } }, /* @__PURE__ */ import_react.default.createElement(
+  } }, /* @__PURE__ */ React.createElement(
     "img",
     {
       src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAEUCAYAAADqcMl5AAAAAklEQVR4AewaftIAABJaSURBVO3BQY7gRhLAQFLo/3+ZO8c8FSCoemwvMsL+YK21LnhYa61LHtZa65KHtda65GGttS55WGutSx7WWuuSh7XWuuRhrbUueVhrrUse1lrrkoe11rrkYa21LnlYa61LHtZa65KHtda65IePVP6miknlpGJSualiUjmpOFGZKk5UpopJ5YuKE5WpYlI5qZhU3qiYVKaKSeWkYlI5qXhD5aRiUvmbKr54WGutSx7WWuuSh7XWuuSHyypuUvlNFW+oTCpTxRsqU8UXKlPFicqJylRxonJScVLxhspU8UbFGxX/pIqbVG56WGutSx7WWuuSh7XWuuSHX6byRsVNKlPFpPJGxW9SmSreqJhUTiomlROVk4ovVL5QOak4UTlR+TdReaPiNz2stdYlD2utdcnDWmtd8sN/XMWkMlVMKlPFpHKiMlWcqJxUTCqTyk0Vk8pJxaQyVUwqN1WcqEwVk8qk8kXFpPJGxaTy/+RhrbUueVhrrUse1lrrkh/+z6lMFScVN1VMKpPKVDGpTBWTyknFFyonKlPFpDJVTConKjdVnKhMFZPKScWkMqlMFf9PHtZa65KHtda65GGttS754ZdV/CaVqWJS+UJlqjhROamYVCaVE5WpYlKZKt6oeEPlpGJSmSreUJkq3lCZKt6omFTeqLip4t/kYa21LnlYa61LHtZa65IfLlP5L1GZKt5QmSomlTcqJpWpYlKZKiaVqeINlaniDZWpYlKZKiaVqWJSmSpOKiaVqWJSmSpuUpkqTlT+zR7WWuuSh7XWuuRhrbUu+eGjin+zipOKSeWNikllqjipmFS+UJkqJpU3Kr6omFROVN6omFSmikllqphUpopJZaqYVKaKSeWNiv+Sh7XWuuRhrbUueVhrrUvsD36RyhsVk8pUMamcVJyofFHxhcpJxaQyVUwqU8Wk8jdVnKhMFZPKGxVvqJxUnKhMFScqN1WcqLxR8cXDWmtd8rDWWpc8rLXWJT98pDJV3FQxqUwVN1VMKicqU8WkMlWcVJxUTCq/qeJE5Q2VqeKkYlI5UZkqJpWp4kTlDZWTihOVqeJE5Y2K3/Sw1lqXPKy11iUPa611yQ8fVZxUTConKicVk8pU8UbFScWk8jep/E0Vk8pJxRsVb6i8UTGpTBUnKlPFTSonFZPKVDFVTCpTxaRyUvHFw1prXfKw1lqXPKy11iU//GUVk8pJxRcqU8VvUjlRmSomlZOKSWWqmFS+qJhU3lA5qZhU/iaVE5UvKr6omFSmiqliUpkqJpWbHtZa65KHtda65GGttS754TKVqWJSmSpOVP5JKlPFicobKlPFb6qYVCaV31TxRcWkMqmcqEwVk8pJxRcVb6icqLyhMlXc9LDWWpc8rLXWJQ9rrXWJ/cEHKlPFicpJxYnKVDGp/JMqTlT+pooTlTcqTlTeqDhRmSq+UDmpOFH5omJSeaNiUjmpOFGZKr54WGutSx7WWuuSh7XWuuSHjyomlaliqphUTlTeqJhUpopJZap4Q+WmihOVk4oTlTcq3qg4UZlUpoqp4kTljYo3VKaKSeWkYlI5qbhJZar4TQ9rrXXJw1prXfKw1lqX/PCRyhcVk8pUMalMKlPFFyonFW+o3FRxonJSMam8ofJGxUnFpPJGxRcqb6icVEwqU8WJylQxqZxUTCp/08Naa13ysNZalzystdYl9gf/IionFScqU8WJylQxqbxRcaIyVZyoTBWTylQxqZxUnKhMFZPKVDGpnFR8oTJVTConFZPKVDGpTBVfqEwVb6icVJyoTBVfPKy11iUPa611ycNaa13ywy9TmSomlanib6qYVE4qJpUTlTdUTlS+qDhROVGZKiaVk4pJ5aRiUvmiYlKZKk4qJpU3KqaKSeWLin/Sw1prXfKw1lqXPKy11iX2Bx+oTBWTyk0Vk8pUMalMFb9J5Y2KE5XfVDGpTBVfqJxUTConFW+oTBUnKjdVTConFW+ofFFx08Naa13ysNZalzystdYl9gcfqEwV/2Yqb1RMKlPFFypTxRsqU8WkMlVMKlPFv5nKGxVvqEwVk8obFW+oTBWTyknFP+lhrbUueVhrrUse1lrrkh8+qphUpopJZao4UZkqJpWp4o2KNyomlTcqTlTeqJhUvlA5qThRmSomlaliUjmp+ELlpoovVKaKSeWkYlJ5o+Kmh7XWuuRhrbUueVhrrUvsDz5QeaPiJpWTiknli4ovVE4qJpWp4kRlqphUTireUJkqJpU3Kr5QmSpOVE4qTlTeqDhRmSr+Sx7WWuuSh7XWuuRhrbUu+eGjihOVE5WpYlKZKk4qvqi4SeWLihOVqWJSmSpOVN6oOKm4SeWkYlKZKk4q3qh4Q2WqmComlaliUvmi4qaHtda65GGttS55WGutS374SGWqOFF5o2JSmSomlZOKE5WpYlI5qZgqTlQmlaliUvlNFScqX6hMFZPKGxWTylQxqUwVk8pJxYnKVDFV3FTxhsqkMlV88bDWWpc8rLXWJQ9rrXXJDx9VTCpTxRcqU8WkMlW8oTJVnFR8ofKGylTxhcpU8YXKVPGGylRxonJSMal8UXGiMlWcqEwVb6j8mz2stdYlD2utdcnDWmtd8sNlFW+onFRMKm+oTBU3qZxUTBVvqPybVLyhMlVMKpPKVDFVTCpvVEwqU8WkMlV8UTGpnFScqJxUTCq/6WGttS55WGutSx7WWusS+4MPVKaKSWWqmFS+qJhUpoo3VE4qTlS+qJhUpopJZaq4SWWqOFE5qZhUpooTlZOKL1SmiknlN1VMKl9U/E0Pa611ycNaa13ysNZal/xwmcqJyhsVb1T8m1RMKm9UTCpvqEwVk8pJxYnKScWkMlVMKlPFVDGpnKhMFZPKicpUcZPKScUbKpPKGxVfPKy11iUPa611ycNaa13yw2UVk8oXKm9UTCpTxRsVb1RMKlPFpDKpvFExqdyk8oXKVDGp/KaKSWWqeEPljYo3VG6qmFSmipse1lrrkoe11rrkYa21Lvnho4pJ5YuKN1TeUPlCZaqYVE5UpopJZao4UXlD5aTiDZWTipOKSWVSOamYVL5QOan4TRVvqEwVk8pUMalMFV88rLXWJQ9rrXXJw1prXfLDZRUnKm+oTBUnKlPFGyqTyonKVDGp3KRyUjGpTBWTyonKVPGFylQxVZyoTCpTxYnKpDJVvKFyUjGpvKEyVbxRMalMFTc9rLXWJQ9rrXXJw1prXfLDRyq/qeJvqjhROVH5omJSmSreqPii4o2KL1SmipOKE5Wp4jdV3FTxhspJxaQyVXzxsNZalzystdYlD2utdYn9wT9I5aaKE5WbKiaVNyreUDmpOFH5TRWTyknFFypTxRsqJxWTylTxhspvqjhRmSpuelhrrUse1lrrkoe11rrE/uADlS8q/p+oTBV/k8pJxYnKVDGpTBV/k8pJxaQyVdykMlXcpDJVnKicVEwqU8UXD2utdcnDWmtd8rDWWpf8cFnFicqkclPFicpUMan8k1S+qJhUTlSmipOKSWWqmFSmijdUpoovVN6o+ELlpGJSmSreqPgnPay11iUPa611ycNaa13yw2Uqb1RMKlPFicqkMlV8UXGiMlWcqEwVU8WJyonKicpUcaLyN6lMFZPKVHFSMalMFZPKGxUnFZPKScWkMlWcqJxU/KaHtda65GGttS55WGutS374yyreUJkqTipOKt5QmSreUPlC5TepfFHxN1VMKlPFpDJVfKEyVUwqU8VUMam8oTJVTBX/pIe11rrkYa21LnlYa61L7A8+UJkqJpUvKiaVqeINlaliUpkqJpWpYlKZKiaVNypuUpkqJpUvKm5S+aJiUpkq/iaVNypOVKaKN1Smii8e1lrrkoe11rrkYa21Lvnhl1VMKlPFpDKp/E0Vk8o/SWWqmFSmiknlpooTlZOKSeWNiknlRGWqOFE5qfiiYlI5UTmpmFSmikllqrjpYa21LnlYa61LHtZa6xL7gw9UTiomlaniDZWp4kTli4ovVKaKL1SmiknlpOJE5aTiDZWTiknlpOINlTcqJpUvKiaVqeILlZOKv+lhrbUueVhrrUse1lrrkh8+qnijYlKZKiaVLyomlaniDZWp4guV31RxonJScaJyUjGpTCpvqEwVb1ScqHxRMalMFZPKVDGpTBU3qUwVXzystdYlD2utdcnDWmtd8sNHKlPFicobFZPKpDJVTCpTxd9UcVLxhcpNFScqU8UXFZPKScWJylQxqZxUTCpTxaQyqUwVk8qJyonKTRU3Pay11iUPa611ycNaa13yw0cVk8pJxaQyqZxUTConFW+onFS8ofJGxaTyhcpJxaRyUnGiclLxRsWkMlWcqEwVJypTxaQyVUwqX1RMKlPFFyonFV88rLXWJQ9rrXXJw1prXfLDX6ZyUnGTylQxqZxUvKHyRsUXFScqU8UXKicVJyonFZPKVHGTyonKVHFS8YXKFypTxVTxmx7WWuuSh7XWuuRhrbUusT+4SGWqOFF5o+INlaliUnmj4kRlqphUTireUDmpmFSmit+kMlVMKicV/2YqU8UXKicV/2YPa611ycNaa13ysNZal/zwy1Smijcq3lCZKk4qvlCZKiaVN1SmikllqjhRmSreUHmjYqq4SWWqOFGZKt5QmSpOVKaKSeWkYlI5UZkq/kkPa611ycNaa13ysNZal9gffKAyVZyoTBWTyhsVX6hMFZPKVHGiclLxhcpJxaRyUnGiMlWcqJxU3KRyUvGFylQxqXxRMam8UTGpTBWTyknFFw9rrXXJw1prXfKw1lqX2B98oHJSMamcVLyhMlVMKlPFpHJS8ZtUTip+k8pUMamcVEwqU8XfpDJVTCpTxaRyUjGpTBWTylQxqZxU/Jc8rLXWJQ9rrXXJw1prXfLDZRVvVJyonFRMKjepTBUnKlPFpHJScaIyVZyovKEyVbxRMalMFScqU8WJylTxhspUMalMKlPFGypTxYnKVDGp3FTxxcNaa13ysNZalzystdYlP/wylaniRGWqmFS+UHmjYlK5qeILlTcqTlTeUJkqvqg4UZkqJpWpYqp4o+INlaniROUNlaniDZXf9LDWWpc8rLXWJQ9rrXXJDx9VvKHyhsobFV+onFRMKl+oTBU3VUwqU8VUMam8ofKGylQxqZyoTBWTylQxqZxUTCpTxVQxqZxUTCpTxRsqU8Xf9LDWWpc8rLXWJQ9rrXXJDx+pvFExqUwVJyo3qUwVk8obFZPKFyonFZPKGypTxUnFpPKbKm5SmSomld9UMam8oXJScVIxqdz0sNZalzystdYlD2utdckPf5nKVHGiMlX8JpWp4ouKE5VJZaqYVH6TyonKGxWTyonKScWk8kbFpHKiMlVMKlPFicobKv8lD2utdcnDWmtd8rDWWpfYH/yHqUwVv0llqjhRmSpOVKaKSWWqmFSmihOVqeINlaliUpkqJpWTikllqjhROak4UfmbKt5QOan4mx7WWuuSh7XWuuRhrbUu+eEjlb+pYqqYVE4q3lCZKiaVL1SmikllqphUpooTlTdUporfVHFSMam8UTGpTBUnFTepnKhMFW+onFTc9LDWWpc8rLXWJQ9rrXXJD5dV3KTyRsWk8obKP0llqnhD5aaKN1SmipOKSWWqOKmYVKaKN1Smiknlb6p4o2JS+Zse1lrrkoe11rrkYa21Lvnhl6m8UfGGym+qmFROKiaVSWWqOFE5qZhUvlD5omJS+UJlqphUpopJ5aRiUnmjYlKZKiaVE5UvVN5QmSq+eFhrrUse1lrrkoe11rrkh/9zFZPKScVJxYnKVPGbVKaKSWWqmFROKiaVqeKkYlKZKk5UTiomlZOKk4qTikllqphUTipOVKaKm1RuelhrrUse1lrrkoe11rrkh/8zFZPKVDGpTConFZPKVDGpnFRMKlPFpDJVfFExqZxUnKi8oXJSMalMFVPFFyonFVPFpDJVnKhMFVPFpPJFxW96WGutSx7WWuuSh7XWuuSHX1bxmyomlaliUnmj4qRiUpkqJpWTipOKSWWqOFF5Q+WkYqqYVKaKSeVE5QuVqWJSmSreUJkqJpWTikllqpgq/s0e1lrrkoe11rrkYa21LvnhMpV/UsWkMlVMKicqJxVTxRcqU8VJxRsVJypTxRsqX1S8oTJVnKhMFZPKScVUMalMFScqU8WkclIxqfyTHtZa65KHtda65GGttS6xP1hrrQse1lrrkoe11rrkYa21LnlYa61LHtZa65KHtda65GGttS55WGutSx7WWuuSh7XWuuRhrbUueVhrrUse1lrrkoe11rrkYa21Lvkf/C+HzIiJCzEAAAAASUVORK5CYII=",
       alt: "QRCode",
       srcSet: ""
     }
-  )), /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ React.createElement(
     "form",
     {
       id: "PaymentForm",
       className: "payment-form",
       onSubmit: handleSubmit
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "input",
       {
         type: "hidden",
@@ -289,8 +270,8 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         name: "dctoken"
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "form-group top-amnt" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "amtleft" }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "Amount" }, "Payment amount"), /* @__PURE__ */ import_react.default.createElement("div", { className: "amount-placeholder" }, /* @__PURE__ */ import_react.default.createElement("span", null, "$"), /* @__PURE__ */ import_react.default.createElement("span", null, " 1.00 "))), /* @__PURE__ */ import_react.default.createElement("div", { className: "card-row" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "visa" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "mastercard" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "amex" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "discover" }))),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "NameOnCard" }, "Name on card"), /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "form-group top-amnt" }, /* @__PURE__ */ React.createElement("div", { className: "amtleft" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "Amount" }, "Payment amount"), /* @__PURE__ */ React.createElement("div", { className: "amount-placeholder" }, /* @__PURE__ */ React.createElement("span", null, "$"), /* @__PURE__ */ React.createElement("span", null, " 1.00 "))), /* @__PURE__ */ React.createElement("div", { className: "card-row" }, /* @__PURE__ */ React.createElement("span", { className: "visa" }), /* @__PURE__ */ React.createElement("span", { className: "mastercard" }), /* @__PURE__ */ React.createElement("span", { className: "amex" }), /* @__PURE__ */ React.createElement("span", { className: "discover" }))),
+    /* @__PURE__ */ React.createElement("div", { className: "form-group" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "NameOnCard" }, "Name on card"), /* @__PURE__ */ React.createElement(
       "input",
       {
         "data-token": "name",
@@ -302,14 +283,14 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: formData == null ? void 0 : formData.name,
         onChange: handleChange
       }
-    ), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "NameOnCard-error",
         style: { color: "red" }
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "form-group" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         "data-token": "card_number",
@@ -320,7 +301,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: handleCardFormat(formData == null ? void 0 : formData.card_number),
         onChange: handleChange
       }
-    ), error.card_number && /* @__PURE__ */ import_react.default.createElement(
+    ), error.card_number && /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "card_number-error",
@@ -328,7 +309,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       },
       error.card_number
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         "data-token": "exp_month",
@@ -339,7 +320,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: formData == null ? void 0 : formData.exp_month,
         onChange: handleChange
       }
-    ), error.exp_month && /* @__PURE__ */ import_react.default.createElement(
+    ), error.exp_month && /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "exp_month-error",
@@ -347,7 +328,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       },
       error.exp_month
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         "data-token": "exp_year",
@@ -358,7 +339,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: formData == null ? void 0 : formData.exp_year,
         onChange: handleChange
       }
-    ), error.exp_year && /* @__PURE__ */ import_react.default.createElement(
+    ), error.exp_year && /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "exp_year-error",
@@ -366,7 +347,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       },
       error.exp_year
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "security-code-group form-group" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "security-code-group form-group" }, /* @__PURE__ */ React.createElement("div", { className: "input-container" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         "data-token": "cvv",
@@ -377,15 +358,15 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: formData == null ? void 0 : formData.cvv,
         onChange: handleChange
       }
-    ), /* @__PURE__ */ import_react.default.createElement("i", { id: "cvc", className: "fa fa-question-circle" })), error.cvv && /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ React.createElement("i", { id: "cvc", className: "fa fa-question-circle" })), error.cvv && /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "cvv-error",
         style: { color: "red" }
       },
       error.cvv
-    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "cvc-preview-container two-card hide" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "amex-cvc-preview" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "visa-mc-dis-cvc-preview" }))),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "zip-code-group form-group" }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "ZIPCode" }, "Postal code"), /* @__PURE__ */ import_react.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: "cvc-preview-container two-card hide" }, /* @__PURE__ */ React.createElement("div", { className: "amex-cvc-preview" }), /* @__PURE__ */ React.createElement("div", { className: "visa-mc-dis-cvc-preview" }))),
+    /* @__PURE__ */ React.createElement("div", { className: "zip-code-group form-group" }, /* @__PURE__ */ React.createElement("label", { htmlFor: "ZIPCode" }, "Postal code"), /* @__PURE__ */ React.createElement("div", { className: "input-container" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         id: "ZIPCode",
@@ -397,7 +378,7 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         value: formData == null ? void 0 : formData.zip,
         onChange: handleChange
       }
-    ), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       "a",
       {
         tabIndex: 0,
@@ -407,8 +388,8 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
         "data-placement": "left",
         "data-content": "Enter the ZIP/Postal code for your credit card billing address."
       },
-      /* @__PURE__ */ import_react.default.createElement("i", { className: "fa fa-question-circle" })
-    ), /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ React.createElement("i", { className: "fa fa-question-circle" })
+    ), /* @__PURE__ */ React.createElement(
       "span",
       {
         id: "ZIPCode-error",
@@ -416,17 +397,17 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       },
       "This field is required"
     ))),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "button",
       {
         id: "PayButton",
         className: "btn btn-block btn-success submit-button",
         type: "submit"
       },
-      /* @__PURE__ */ import_react.default.createElement("span", { className: "submit-button-lock" }),
-      /* @__PURE__ */ import_react.default.createElement("span", { className: "align-middle" }, "Pay $1.00")
+      /* @__PURE__ */ React.createElement("span", { className: "submit-button-lock" }),
+      /* @__PURE__ */ React.createElement("span", { className: "align-middle" }, "Pay $1.00")
     )
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ React.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -434,23 +415,22 @@ function PaywithFractal({ name, amount, orderId, fractalPayClientKey }) {
       height: 20,
       viewBox: "0 0 26 26"
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "path",
       {
         fill: "currentColor",
         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"
       }
     )
-  ), "Secure payments powered by Fractal", /* @__PURE__ */ import_react.default.createElement(
+  ), "Secure payments powered by Fractal", /* @__PURE__ */ React.createElement(
     "img",
     {
       src: "https://ui.fractalpay.com/favicon.ico",
       alt: "Fractal logo",
       className: "powered-logo"
     }
-  )))))))))));
+  ))))))))))));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   PaywithFractal
-});
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "private": false,
   "scripts": {
     "dev": "next dev",
@@ -37,5 +37,6 @@
     "typescript",
     "tailwindcss"
   ],
-  "main": "dist/index.js"
-}
+  "main": "dist/index.js",
+  "type": "module"
+}

package/.next/static/webpack/1f1fe21203e4c68b.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":["(app-pages-browser)/./node_modules/next/dist/build/webpack/loaders/next-flight-client-entry-loader.js?modules=%7B%22request%22%3A%22C%3A%5C%5CUsers%5C%5CPinesucceed%5C%5CDesktop%5C%5CWorkSpace%5C%5Ctestwidget%5C%5Csrc%5C%5Capp%5C%5Ccomponents%5C%5CGreet.tsx%22%2C%22ids%22%3A%5B%22PaywithFractal%22%5D%7D&server=false!","(app-pages-browser)/./node_modules/next/dist/compiled/react/cjs/react-jsx-dev-runtime.development.js","(app-pages-browser)/./node_modules/next/dist/compiled/react/jsx-dev-runtime.js","(app-pages-browser)/./src/app/components/Greet.tsx"]}

package/.next/static/webpack/255aea9c6475b746.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/309e2d9634152b60.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/329e12e211658503.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/4a9375b8e793c38e.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/500c5340fb4c6cd5.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/5031cfaa2d3d892d.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/51f0e2a03e8d18a6.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/5ad56258b0e90bef.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/5c7e83ae2adb882e.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/5c8dada5acec56f7.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/5e709b5694e5ad26.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/6246449706d4b449.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/6498563004a57942.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/65c43818d6f690fe.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/681ce36f0645d689.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/6f00711e3d258954.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/81f6646c28a82804.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/8522f92ca02de0c8.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":["(app-pages-browser)/./node_modules/next/dist/build/webpack/loaders/next-flight-client-entry-loader.js?server=false!"]}

package/.next/static/webpack/893ddc36c19de1ea.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/896c5501cdf537b3.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/8cc442b31ec27e60.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/8ed684f639abe58b.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":["(app-pages-browser)/./node_modules/next/dist/build/webpack/loaders/next-flight-client-entry-loader.js?server=false!"]}

package/.next/static/webpack/97615cc2d368fba4.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/9775f51aeb80d3b2.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/9bbf208246a2eebb.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/a74f1afad4b7a8a2.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/layout","webpack"],"r":[],"m":["(app-pages-browser)/./node_modules/next/dist/build/webpack/loaders/next-flight-client-entry-loader.js?modules=%7B%22request%22%3A%22C%3A%5C%5CUsers%5C%5CPinesucceed%5C%5CDesktop%5C%5CWorkSpace%5C%5Ctestwidget%5C%5Cnode_modules%5C%5Cnext%5C%5Cfont%5C%5Clocal%5C%5Ctarget.css%3F%7B%5C%22path%5C%22%3A%5C%22src%5C%5C%5C%5Capp%5C%5C%5C%5Clayout.tsx%5C%22%2C%5C%22import%5C%22%3A%5C%22%5C%22%2C%5C%22arguments%5C%22%3A%5B%7B%5C%22src%5C%22%3A%5C%22.%2Ffonts%2FGeistVF.woff%5C%22%2C%5C%22variable%5C%22%3A%5C%22--font-geist-sans%5C%22%2C%5C%22weight%5C%22%3A%5C%22100%20900%5C%22%7D%5D%2C%5C%22variableName%5C%22%3A%5C%22geistSans%5C%22%7D%22%2C%22ids%22%3A%5B%5D%7D&modules=%7B%22request%22%3A%22C%3A%5C%5CUsers%5C%5CPinesucceed%5C%5CDesktop%5C%5CWorkSpace%5C%5Ctestwidget%5C%5Cnode_modules%5C%5Cnext%5C%5Cfont%5C%5Clocal%5C%5Ctarget.css%3F%7B%5C%22path%5C%22%3A%5C%22src%5C%5C%5C%5Capp%5C%5C%5C%5Clayout.tsx%5C%22%2C%5C%22import%5C%22%3A%5C%22%5C%22%2C%5C%22arguments%5C%22%3A%5B%7B%5C%22src%5C%22%3A%5C%22.%2Ffonts%2FGeistMonoVF.woff%5C%22%2C%5C%22variable%5C%22%3A%5C%22--font-geist-mono%5C%22%2C%5C%22weight%5C%22%3A%5C%22100%20900%5C%22%7D%5D%2C%5C%22variableName%5C%22%3A%5C%22geistMono%5C%22%7D%22%2C%22ids%22%3A%5B%5D%7D&modules=%7B%22request%22%3A%22C%3A%5C%5CUsers%5C%5CPinesucceed%5C%5CDesktop%5C%5CWorkSpace%5C%5Ctestwidget%5C%5Csrc%5C%5Capp%5C%5Cglobals.css%22%2C%22ids%22%3A%5B%5D%7D&server=false!"]}

package/.next/static/webpack/aed2ae614f6605ed.webpack.hot-update.json

@@ -1 +0,0 @@
-{"c":["app/page","webpack"],"r":[],"m":[]}

package/.next/static/webpack/app/layout.228b69a2a9a20202.hot-update.js

@@ -1,22 +0,0 @@
-"use strict";
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-self["webpackHotUpdate_N_E"]("app/layout",{
-
-/***/ "(app-pages-browser)/./src/app/globals.css":
-/*!*****************************!*\
-  !*** ./src/app/globals.css ***!
-  \*****************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"6250a0ff1a9c\");\nif (true) { module.hot.accept() }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9hcHAvZ2xvYmFscy5jc3MiLCJtYXBwaW5ncyI6Ijs7OztBQUFBLGlFQUFlLGNBQWM7QUFDN0IsSUFBSSxJQUFVLElBQUksaUJBQWlCIiwic291cmNlcyI6WyJDOlxcVXNlcnNcXFBpbmVzdWNjZWVkXFxEZXNrdG9wXFxXb3JrU3BhY2VcXHRlc3R3aWRnZXRcXHNyY1xcYXBwXFxnbG9iYWxzLmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBcIjYyNTBhMGZmMWE5Y1wiXG5pZiAobW9kdWxlLmhvdCkgeyBtb2R1bGUuaG90LmFjY2VwdCgpIH1cbiJdLCJuYW1lcyI6W10sImlnbm9yZUxpc3QiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/app/globals.css\n"));
-
-/***/ })
-
-});

package/.next/static/webpack/app/layout.456a8cdc4e32bb1b.hot-update.js

@@ -1,22 +0,0 @@
-"use strict";
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-self["webpackHotUpdate_N_E"]("app/layout",{
-
-/***/ "(app-pages-browser)/./src/app/components/Datascript.tsx":
-/*!*******************************************!*\
-  !*** ./src/app/components/Datascript.tsx ***!
-  \*******************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ DataScript)\n/* harmony export */ });\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/jsx-dev-runtime.js\");\n/* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! next/script */ \"(app-pages-browser)/./node_modules/next/dist/api/script.js\");\n/* __next_internal_client_entry_do_not_use__ default auto */ \n\nfunction DataScript() {\n    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(next_script__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n        src: \"https://token-cert.dcap.com/v1/client\",\n        strategy: \"beforeInteractive\",\n        onLoad: ()=>{\n            if ( true && window.DatacapWebToken) {\n                console.log(\"DatacapWebToken\", window.DatacapWebToken);\n            } else {\n                console.log(\"DatacapWebToken is not loaded yet.\");\n            }\n        }\n    }, void 0, false, {\n        fileName: \"C:\\\\Users\\\\Pinesucceed\\\\Desktop\\\\WorkSpace\\\\testwidget\\\\src\\\\app\\\\components\\\\Datascript.tsx\",\n        lineNumber: 14,\n        columnNumber: 7\n    }, this);\n}\n_c = DataScript;\nvar _c;\n$RefreshReg$(_c, \"DataScript\");\n\n\n;\n    // Wrapped in an IIFE to avoid polluting the global scope\n    ;\n    (function () {\n        var _a, _b;\n        // Legacy CSS implementations will `eval` browser code in a Node.js context\n        // to extract CSS. For backwards compatibility, we need to check we're in a\n        // browser context before continuing.\n        if (typeof self !== 'undefined' &&\n            // AMP / No-JS mode does not inject these helpers:\n            '$RefreshHelpers$' in self) {\n            // @ts-ignore __webpack_module__ is global\n            var currentExports = module.exports;\n            // @ts-ignore __webpack_module__ is global\n            var prevSignature = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevSignature) !== null && _b !== void 0 ? _b : null;\n            // This cannot happen in MainTemplate because the exports mismatch between\n            // templating and execution.\n            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);\n            // A module can be accepted automatically based on its exports, e.g. when\n            // it is a Refresh Boundary.\n            if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n                // Save the previous exports signature on update so we can compare the boundary\n                // signatures. We avoid saving exports themselves since it causes memory leaks (https://github.com/vercel/next.js/pull/53797)\n                module.hot.dispose(function (data) {\n                    data.prevSignature =\n                        self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports);\n                });\n                // Unconditionally accept an update to this module, we'll check if it's\n                // still a Refresh Boundary later.\n                // @ts-ignore importMeta is replaced in the loader\n                module.hot.accept();\n                // This field is set when the previous version of this module was a\n                // Refresh Boundary, letting us know we need to check for invalidation or\n                // enqueue an update.\n                if (prevSignature !== null) {\n                    // A boundary can become ineligible if its exports are incompatible\n                    // with the previous exports.\n                    //\n                    // For example, if you add/remove/change exports, we'll want to\n                    // re-execute the importing modules, and force those components to\n                    // re-render. Similarly, if you convert a class component to a\n                    // function, we want to invalidate the boundary.\n                    if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevSignature, self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports))) {\n                        module.hot.invalidate();\n                    }\n                    else {\n                        self.$RefreshHelpers$.scheduleUpdate();\n                    }\n                }\n            }\n            else {\n                // Since we just executed the code for the module, it's possible that the\n                // new exports made it ineligible for being a boundary.\n                // We only care about the case when we were _previously_ a boundary,\n                // because we already accepted this update (accidental side effect).\n                var isNoLongerABoundary = prevSignature !== null;\n                if (isNoLongerABoundary) {\n                    module.hot.invalidate();\n                }\n            }\n        }\n    })();\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9hcHAvY29tcG9uZW50cy9EYXRhc2NyaXB0LnRzeCIsIm1hcHBpbmdzIjoiOzs7Ozs7O0FBRWlDO0FBU2xCLFNBQVNDO0lBQ3RCLHFCQUNJLDhEQUFDRCxtREFBTUE7UUFDTEUsS0FBSTtRQUNKQyxVQUFTO1FBQ1RDLFFBQVE7WUFDTixJQUFJLEtBQTZCLElBQUlDLE9BQU9DLGVBQWUsRUFBRTtnQkFDM0RDLFFBQVFDLEdBQUcsQ0FBQyxtQkFBbUJILE9BQU9DLGVBQWU7WUFDdkQsT0FBTztnQkFDTEMsUUFBUUMsR0FBRyxDQUFDO1lBQ2Q7UUFDRjs7Ozs7O0FBR1I7S0Fkd0JQIiwic291cmNlcyI6WyJDOlxcVXNlcnNcXFBpbmVzdWNjZWVkXFxEZXNrdG9wXFxXb3JrU3BhY2VcXHRlc3R3aWRnZXRcXHNyY1xcYXBwXFxjb21wb25lbnRzXFxEYXRhc2NyaXB0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJcclxuJ3VzZSBjbGllbnQnXHJcbmltcG9ydCBTY3JpcHQgZnJvbSAnbmV4dC9zY3JpcHQnO1xyXG5cclxuLy8gQWRkIGEgZGVjbGFyYXRpb24gZm9yIHRoZSBEYXRhY2FwV2ViVG9rZW4gdG8gYXZvaWQgVHlwZVNjcmlwdCBlcnJvcnNcclxuZGVjbGFyZSBnbG9iYWwge1xyXG4gIGludGVyZmFjZSBXaW5kb3cge1xyXG4gICAgRGF0YWNhcFdlYlRva2VuOiBzdHJpbmc7IC8vIFlvdSBjYW4gcmVwbGFjZSAnYW55JyB3aXRoIGEgbW9yZSBzcGVjaWZpYyB0eXBlIGlmIHlvdSBrbm93IHRoZSBzaGFwZSBvZiBEYXRhY2FwV2ViVG9rZW5cclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERhdGFTY3JpcHQoKSB7XHJcbiAgcmV0dXJuIChcclxuICAgICAgPFNjcmlwdFxyXG4gICAgICAgIHNyYz1cImh0dHBzOi8vdG9rZW4tY2VydC5kY2FwLmNvbS92MS9jbGllbnRcIlxyXG4gICAgICAgIHN0cmF0ZWd5PVwiYmVmb3JlSW50ZXJhY3RpdmVcIlxyXG4gICAgICAgIG9uTG9hZD17KCkgPT4ge1xyXG4gICAgICAgICAgaWYgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmIHdpbmRvdy5EYXRhY2FwV2ViVG9rZW4pIHtcclxuICAgICAgICAgICAgY29uc29sZS5sb2coXCJEYXRhY2FwV2ViVG9rZW5cIiwgd2luZG93LkRhdGFjYXBXZWJUb2tlbik7XHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhcIkRhdGFjYXBXZWJUb2tlbiBpcyBub3QgbG9hZGVkIHlldC5cIik7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfX1cclxuICAgICAgLz5cclxuICApO1xyXG59XHJcbiJdLCJuYW1lcyI6WyJTY3JpcHQiLCJEYXRhU2NyaXB0Iiwic3JjIiwic3RyYXRlZ3kiLCJvbkxvYWQiLCJ3aW5kb3ciLCJEYXRhY2FwV2ViVG9rZW4iLCJjb25zb2xlIiwibG9nIl0sImlnbm9yZUxpc3QiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/app/components/Datascript.tsx\n"));
-
-/***/ })
-
-});

package/.next/static/webpack/app/layout.8894e91a6b3fd5cb.hot-update.js

@@ -1,22 +0,0 @@
-"use strict";
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-self["webpackHotUpdate_N_E"]("app/layout",{
-
-/***/ "(app-pages-browser)/./src/app/components/Datascript.tsx":
-/*!*******************************************!*\
-  !*** ./src/app/components/Datascript.tsx ***!
-  \*******************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ DataScript)\n/* harmony export */ });\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/jsx-dev-runtime.js\");\n/* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! next/script */ \"(app-pages-browser)/./node_modules/next/dist/api/script.js\");\n/* __next_internal_client_entry_do_not_use__ default auto */ \n\nfunction DataScript() {\n    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(next_script__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n        src: \"https://token-cert.dcap.com/v1/client\",\n        strategy: \"beforeInteractive\",\n        onLoad: ()=>{\n            if ( true && window.DatacapWebToken) {\n                console.log(\"DatacapWebToken\", window.DatacapWebToken);\n            } else {\n                console.log(\"DatacapWebToken is not loaded yet.\");\n            }\n        }\n    }, void 0, false, {\n        fileName: \"C:\\\\Users\\\\Pinesucceed\\\\Desktop\\\\WorkSpace\\\\testwidget\\\\src\\\\app\\\\components\\\\Datascript.tsx\",\n        lineNumber: 14,\n        columnNumber: 7\n    }, this);\n}\n_c = DataScript;\nvar _c;\n$RefreshReg$(_c, \"DataScript\");\n\n\n;\n    // Wrapped in an IIFE to avoid polluting the global scope\n    ;\n    (function () {\n        var _a, _b;\n        // Legacy CSS implementations will `eval` browser code in a Node.js context\n        // to extract CSS. For backwards compatibility, we need to check we're in a\n        // browser context before continuing.\n        if (typeof self !== 'undefined' &&\n            // AMP / No-JS mode does not inject these helpers:\n            '$RefreshHelpers$' in self) {\n            // @ts-ignore __webpack_module__ is global\n            var currentExports = module.exports;\n            // @ts-ignore __webpack_module__ is global\n            var prevSignature = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevSignature) !== null && _b !== void 0 ? _b : null;\n            // This cannot happen in MainTemplate because the exports mismatch between\n            // templating and execution.\n            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);\n            // A module can be accepted automatically based on its exports, e.g. when\n            // it is a Refresh Boundary.\n            if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n                // Save the previous exports signature on update so we can compare the boundary\n                // signatures. We avoid saving exports themselves since it causes memory leaks (https://github.com/vercel/next.js/pull/53797)\n                module.hot.dispose(function (data) {\n                    data.prevSignature =\n                        self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports);\n                });\n                // Unconditionally accept an update to this module, we'll check if it's\n                // still a Refresh Boundary later.\n                // @ts-ignore importMeta is replaced in the loader\n                module.hot.accept();\n                // This field is set when the previous version of this module was a\n                // Refresh Boundary, letting us know we need to check for invalidation or\n                // enqueue an update.\n                if (prevSignature !== null) {\n                    // A boundary can become ineligible if its exports are incompatible\n                    // with the previous exports.\n                    //\n                    // For example, if you add/remove/change exports, we'll want to\n                    // re-execute the importing modules, and force those components to\n                    // re-render. Similarly, if you convert a class component to a\n                    // function, we want to invalidate the boundary.\n                    if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevSignature, self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports))) {\n                        module.hot.invalidate();\n                    }\n                    else {\n                        self.$RefreshHelpers$.scheduleUpdate();\n                    }\n                }\n            }\n            else {\n                // Since we just executed the code for the module, it's possible that the\n                // new exports made it ineligible for being a boundary.\n                // We only care about the case when we were _previously_ a boundary,\n                // because we already accepted this update (accidental side effect).\n                var isNoLongerABoundary = prevSignature !== null;\n                if (isNoLongerABoundary) {\n                    module.hot.invalidate();\n                }\n            }\n        }\n    })();\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9hcHAvY29tcG9uZW50cy9EYXRhc2NyaXB0LnRzeCIsIm1hcHBpbmdzIjoiOzs7Ozs7O0FBRWlDO0FBU2xCLFNBQVNDO0lBQ3RCLHFCQUNJLDhEQUFDRCxtREFBTUE7UUFDTEUsS0FBSTtRQUNKQyxVQUFTO1FBQ1RDLFFBQVE7WUFDTixJQUFJLEtBQTZCLElBQUlDLE9BQU9DLGVBQWUsRUFBRTtnQkFDM0RDLFFBQVFDLEdBQUcsQ0FBQyxtQkFBbUJILE9BQU9DLGVBQWU7WUFDdkQsT0FBTztnQkFDTEMsUUFBUUMsR0FBRyxDQUFDO1lBQ2Q7UUFDRjs7Ozs7O0FBR1I7S0Fkd0JQIiwic291cmNlcyI6WyJDOlxcVXNlcnNcXFBpbmVzdWNjZWVkXFxEZXNrdG9wXFxXb3JrU3BhY2VcXHRlc3R3aWRnZXRcXHNyY1xcYXBwXFxjb21wb25lbnRzXFxEYXRhc2NyaXB0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJcclxuJ3VzZSBjbGllbnQnXHJcbmltcG9ydCBTY3JpcHQgZnJvbSAnbmV4dC9zY3JpcHQnO1xyXG5cclxuLy8gQWRkIGEgZGVjbGFyYXRpb24gZm9yIHRoZSBEYXRhY2FwV2ViVG9rZW4gdG8gYXZvaWQgVHlwZVNjcmlwdCBlcnJvcnNcclxuZGVjbGFyZSBnbG9iYWwge1xyXG4gIGludGVyZmFjZSBXaW5kb3cge1xyXG4gICAgRGF0YWNhcFdlYlRva2VuOiBhbnk7IC8vIFlvdSBjYW4gcmVwbGFjZSAnYW55JyB3aXRoIGEgbW9yZSBzcGVjaWZpYyB0eXBlIGlmIHlvdSBrbm93IHRoZSBzaGFwZSBvZiBEYXRhY2FwV2ViVG9rZW5cclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERhdGFTY3JpcHQoKSB7XHJcbiAgcmV0dXJuIChcclxuICAgICAgPFNjcmlwdFxyXG4gICAgICAgIHNyYz1cImh0dHBzOi8vdG9rZW4tY2VydC5kY2FwLmNvbS92MS9jbGllbnRcIlxyXG4gICAgICAgIHN0cmF0ZWd5PVwiYmVmb3JlSW50ZXJhY3RpdmVcIlxyXG4gICAgICAgIG9uTG9hZD17KCkgPT4ge1xyXG4gICAgICAgICAgaWYgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmIHdpbmRvdy5EYXRhY2FwV2ViVG9rZW4pIHtcclxuICAgICAgICAgICAgY29uc29sZS5sb2coXCJEYXRhY2FwV2ViVG9rZW5cIiwgd2luZG93LkRhdGFjYXBXZWJUb2tlbik7XHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhcIkRhdGFjYXBXZWJUb2tlbiBpcyBub3QgbG9hZGVkIHlldC5cIik7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfX1cclxuICAgICAgLz5cclxuICApO1xyXG59XHJcbiJdLCJuYW1lcyI6WyJTY3JpcHQiLCJEYXRhU2NyaXB0Iiwic3JjIiwic3RyYXRlZ3kiLCJvbkxvYWQiLCJ3aW5kb3ciLCJEYXRhY2FwV2ViVG9rZW4iLCJjb25zb2xlIiwibG9nIl0sImlnbm9yZUxpc3QiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/app/components/Datascript.tsx\n"));
-
-/***/ })
-
-});