htech-pay 0.0.29-alpha → 0.1.0-beta

package/README.md

@@ -8,4 +8,4 @@ HTechPay JS is a library designed to facilitate the integration of HTechPay paym
 
 Ver [Htetch Desarrolladores](https://htech.com/desarrolladores)
 
-Sección: Carta de pago/Insertar carta de pago
+Sección: Paqueteria para su integración/JS HetchPay - Web

package/dist/htechPay.mjs

@@ -1,39 +1,112 @@
 /*! HtechPay | MIT License */
-async function g(c, h = {}) {
+async function b(c, w = {}) {
   const {
     environment: i = "qa",
-    isPaymentWithToken: d = !1,
-    onViewForm: n,
-    onPaymentResult: a,
-    theme: l = ""
-  } = h, u = `${{
+    onViewForm: h,
+    onPaymentResult: p,
+    theme: P = "",
+    on3dsChallengeOpen: g,
+    onProcessPayment: f,
+    onNeedCvv: y
+  } = w;
+  let { type: r } = w;
+  const s = {
+    //qa: "http://localhost:5173",
     qa: "https://sp-checkout-qa.pagoshtechstage.com/index.html",
     stage: "https://sp-checkout-stage.pagoshtechstage.com/index.html",
-    prod: ""
-  }[i]}?orderId=${c}&theme=${l}${d ? "#/paymentToken" : ""}`, e = document.createElement("iframe");
-  e.src = u, e.width = "100%", e.height = "635", e.frameBorder = "0", e.allowFullscreen = !0, e.title = "Payment form";
-  const r = {
-    onViewForm: () => n == null ? void 0 : n(!0),
-    onPaymentResult: (t) => a == null ? void 0 : a(t.data.payload || {})
-  }, s = (t) => {
-    var m;
-    const o = (m = t.data) == null ? void 0 : m.hook;
-    !o || !r[o] || r[o](t.data);
+    prod: "https://sp-checkout.pagoshtech.com/index.html"
   };
-  return window.addEventListener("message", s), {
-    mount: (t) => {
-      const o = typeof t == "string" ? document.querySelector(t) : t;
-      if (!o)
-        throw new Error(
-          "No se encontró el contenedor para montar el formulario"
-        );
-      o.appendChild(e);
+  let a = null;
+  const m = {
+    defaultUrl: {
+      url: `${s[i]}?orderId=${c}&theme=${P}`,
+      height: "670",
+      style: ""
     },
-    destroy: () => {
-      window.removeEventListener("message", s), e.remove();
+    widget: {
+      url: `${s[i]}?orderId=${c}#/widget`,
+      height: "88",
+      style: ""
+    },
+    paymentToken: {
+      url: `${s[i]}?orderId=${c}&theme=${P}#/paymentToken`,
+      height: "520",
+      style: ""
     }
   };
+  m[r] || (r = "defaultUrl");
+  let l = null, d = null, u = null, v = !1;
+  const n = document.createElement("iframe");
+  n.id = "iframe_htechPay", n.src = m[r].url, n.width = "100%", n.height = m[r].height, n.frameBorder = "0", n.allowFullscreen = !0, n.title = "Payment form", n.style = m[r].style;
+  const C = () => new Promise((e, t) => {
+    l = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
+      "htechPayment_onPayment",
+      new URL(s[i]).origin
+    ), setTimeout(() => {
+      v || e({
+        status: "validation_error",
+        message: "Unknown error"
+      });
+    }, 600);
+  }), $ = () => new Promise((e) => {
+    const t = (o) => {
+      e({ needCvv: o });
+    };
+    if (a !== null) {
+      t(a);
+      return;
+    }
+    u = (o) => {
+      t(o.needCvv);
+    };
+  }), _ = () => new Promise((e, t) => {
+    d = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
+      "htechPayment_onValidateForm",
+      new URL(s[i]).origin
+    ), setTimeout(() => {
+      v || e({
+        status: "validation_error",
+        message: "Unknown error"
+      });
+    }, 600);
+  }), k = {
+    onViewForm: () => h == null ? void 0 : h(!0),
+    onPaymentResult: (e) => {
+      const t = e.data.payload || {};
+      return l && (l(t), l = null), p == null ? void 0 : p(t);
+    },
+    on3dsChallengeOpen: (e) => (r === "widget" && e.isOpen && (n.style.cssText = "position: fixed !important; z-index: 2147483647 !important; background: rgba(40, 40, 40, 0.75) !important; transition: background 400ms !important; will-change: background !important; inset: 0px !important;  margin: 0px !important;  padding: 0px !important; border-radius: 0px; height:100vh"), e.isOpen || (n.style = ""), g == null ? void 0 : g(e.isOpen)),
+    onProcessPayment: () => (v = !0, f == null ? void 0 : f(!0)),
+    onValidForm: (e) => {
+      const t = {
+        isValid: e.formIsValid,
+        errors: e.errors
+      };
+      return d && (d(t), d = null), t;
+    },
+    onNeedCvv: (e) => (a = e.value, u && (u({
+      needCvv: a
+    }), u = null), y == null ? void 0 : y(e))
+  }, x = (e) => {
+    var o;
+    const t = (o = e.data) == null ? void 0 : o.hook;
+    !t || !k[t] || k[t](e.data);
+  };
+  return window.addEventListener("message", x), {
+    mount: (e) => {
+      const t = typeof e == "string" ? document.querySelector(e) : e;
+      if (!t)
+        throw new Error("The container to mount the form could not be found");
+      t.appendChild(n);
+    },
+    destroy: () => {
+      window.removeEventListener("message", x), n.remove();
+    },
+    processPayment: C,
+    validateForm: _,
+    verifyNeedCvv: $
+  };
 }
 export {
-  g as htechPay
+  b as htechPay
 };

package/dist/htechPay.umd.js

@@ -1 +1 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n.HtechPay={}))})(this,function(n){"use strict";/*! HtechPay | MIT License */async function s(h,m={}){const{environment:u="qa",isPaymentWithToken:f=!1,onViewForm:a,onPaymentResult:r,theme:l=""}=m,p=`${{qa:"https://sp-checkout-qa.pagoshtechstage.com/index.html",stage:"https://sp-checkout-stage.pagoshtechstage.com/index.html",prod:""}[u]}?orderId=${h}&theme=${l}${f?"#/paymentToken":""}`,e=document.createElement("iframe");e.src=p,e.width="100%",e.height="635",e.frameBorder="0",e.allowFullscreen=!0,e.title="Payment form";const i={onViewForm:()=>a==null?void 0:a(!0),onPaymentResult:t=>r==null?void 0:r(t.data.payload||{})},d=t=>{var c;const o=(c=t.data)==null?void 0:c.hook;!o||!i[o]||i[o](t.data)};return window.addEventListener("message",d),{mount:t=>{const o=typeof t=="string"?document.querySelector(t):t;if(!o)throw new Error("No se encontró el contenedor para montar el formulario");o.appendChild(e)},destroy:()=>{window.removeEventListener("message",d),e.remove()}}}n.htechPay=s,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(o,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(o=typeof globalThis<"u"?globalThis:o||self,s(o.HtechPay={}))})(this,function(o){"use strict";/*! HtechPay | MIT License */async function s(p,k={}){const{environment:a="qa",onViewForm:f,onPaymentResult:g,theme:x="",on3dsChallengeOpen:y,onProcessPayment:v,onNeedCvv:w}=k;let{type:r}=k;const l={qa:"https://sp-checkout-qa.pagoshtechstage.com/index.html",stage:"https://sp-checkout-stage.pagoshtechstage.com/index.html",prod:"https://sp-checkout.pagoshtech.com/index.html"};let m=null;const d={defaultUrl:{url:`${l[a]}?orderId=${p}&theme=${x}`,height:"670",style:""},widget:{url:`${l[a]}?orderId=${p}#/widget`,height:"88",style:""},paymentToken:{url:`${l[a]}?orderId=${p}&theme=${x}#/paymentToken`,height:"520",style:""}};d[r]||(r="defaultUrl");let u=null,c=null,h=null,P=!1;const n=document.createElement("iframe");n.id="iframe_htechPay",n.src=d[r].url,n.width="100%",n.height=d[r].height,n.frameBorder="0",n.allowFullscreen=!0,n.title="Payment form",n.style=d[r].style;const C=()=>new Promise((e,t)=>{u=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onPayment",new URL(l[a]).origin),setTimeout(()=>{P||e({status:"validation_error",message:"Unknown error"})},600)}),$=()=>new Promise(e=>{const t=i=>{e({needCvv:i})};if(m!==null){t(m);return}h=i=>{t(i.needCvv)}}),_=()=>new Promise((e,t)=>{c=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onValidateForm",new URL(l[a]).origin),setTimeout(()=>{P||e({status:"validation_error",message:"Unknown error"})},600)}),b={onViewForm:()=>f==null?void 0:f(!0),onPaymentResult:e=>{const t=e.data.payload||{};return u&&(u(t),u=null),g==null?void 0:g(t)},on3dsChallengeOpen:e=>(r==="widget"&&e.isOpen&&(n.style.cssText="position: fixed !important; z-index: 2147483647 !important; background: rgba(40, 40, 40, 0.75) !important; transition: background 400ms !important; will-change: background !important; inset: 0px !important;  margin: 0px !important;  padding: 0px !important; border-radius: 0px; height:100vh"),e.isOpen||(n.style=""),y==null?void 0:y(e.isOpen)),onProcessPayment:()=>(P=!0,v==null?void 0:v(!0)),onValidForm:e=>{const t={isValid:e.formIsValid,errors:e.errors};return c&&(c(t),c=null),t},onNeedCvv:e=>(m=e.value,h&&(h({needCvv:m}),h=null),w==null?void 0:w(e))},T=e=>{var i;const t=(i=e.data)==null?void 0:i.hook;!t||!b[t]||b[t](e.data)};return window.addEventListener("message",T),{mount:e=>{const t=typeof e=="string"?document.querySelector(e):e;if(!t)throw new Error("The container to mount the form could not be found");t.appendChild(n)},destroy:()=>{window.removeEventListener("message",T),n.remove()},processPayment:C,validateForm:_,verifyNeedCvv:$}}o.htechPay=s,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "htech-pay",
   "private": false,
-  "version": "0.0.29-alpha",
+  "version": "0.1.0-beta",
   "description": "Payment SDK for HtechPay",
   "main": "dist/htechPay.umd.js",
   "module": "dist/htechPay.mjs",
@@ -38,5 +38,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "vite": "^5.4.1"
+  },
+  "dependencies": {
+    "htech-pay": "^0.0.9-beta"
   }
 }