@paynext/sdk 0.0.72 → 0.0.73

package/dist/index.d.ts

@@ -492,6 +492,7 @@ export declare interface PayNextConfig {
 declare class PayPalService {
     private paypal;
     init(config: PayPalScriptOptions): Promise<void>;
+    isLoaded(): boolean;
     render(parent: HTMLElement, options?: PayPalButtonsComponentOptions): Promise<void>;
 }
 

package/dist/index.es.js

@@ -4393,45 +4393,68 @@ class lc {
   // init
   init(t) {
     return q(this, null, function* () {
-      var o, s, l;
-      if (!this.config) return !1;
+      var o, s;
+      if (!this.config)
+        return !1;
       const e = this.config.state.transaction.getState(), n = this.config.state.checkout.getState(), a = () => q(this, null, function* () {
-        return yield jl(n.clientToken, n.environment, n.apiVersion);
+        try {
+          return yield jl(n.clientToken, n.environment, n.apiVersion);
+        } catch (l) {
+          throw l;
+        }
       });
       if (!e || Object.keys(e).length === 0)
         return console.error("PayPal transaction data is empty or invalid"), !1;
-      yield this.paypal.init({
-        clientId: ((o = e == null ? void 0 : e.paypal_info) == null ? void 0 : o.client_id) || "",
-        environment: ((s = e == null ? void 0 : e.paypal_info) == null ? void 0 : s.environment) || "sandbox",
-        vault: !0,
-        locale: Yl(this.config.state.translate.locale())
-      });
+      if (!((o = e == null ? void 0 : e.paypal_info) != null && o.client_id))
+        return !1;
+      try {
+        if (yield this.paypal.init({
+          clientId: e.paypal_info.client_id,
+          environment: e.paypal_info.environment || "sandbox",
+          vault: !0,
+          locale: Yl(this.config.state.translate.locale())
+        }), !this.paypal.isLoaded())
+          return !1;
+      } catch (l) {
+        return !1;
+      }
       const i = t ? ee(K({}, t), {
-        onError: (c) => {
-          var f, m;
+        onError: (l) => {
+          var p, f;
           if (!this.isInitialized) {
-            console.error("PayPal error:", c);
+            console.error("PayPal error:", l);
             return;
           }
-          const d = this.config.state.translate.messages(), u = je(c, d), h = xe(d)[u], p = ((f = this.config.state.translate.messages().errors) == null ? void 0 : f.errorText) || "Error";
-          this.error.setMessage(`PayPal ${p.toLowerCase()}: ${h != null ? h : u}`), this.error.render().style.display = "", (m = t.onError) == null || m.call(t, c);
+          const c = this.config.state.translate.messages(), d = je(l, c), u = xe(c)[d], h = ((p = this.config.state.translate.messages().errors) == null ? void 0 : p.errorText) || "Error";
+          this.error.setMessage(`PayPal ${h.toLowerCase()}: ${u != null ? u : d}`), this.error.render().style.display = "", (f = t.onError) == null || f.call(t, l);
         },
         onCancel: t.onCancel,
-        onSuccess: (c) => {
-          var d;
-          this.error.render().style.display = "none", (d = t.onSuccess) == null || d.call(t, c);
+        onSuccess: (l) => {
+          var c;
+          this.error.render().style.display = "none", (c = t.onSuccess) == null || c.call(t, l);
         }
       }) : void 0;
-      return yield this.paypal.render(this.element, ee(K({}, i), {
-        createBillingAgreement: a,
-        onApprove: (d) => q(this, [d], function* ({ billingToken: c }) {
-          var u;
-          (u = i == null ? void 0 : i.onSuccess) == null || u.call(i, c || "");
-        }),
-        style: (l = this.customButtonStyles) == null ? void 0 : l.styles,
-        onCancel: i == null ? void 0 : i.onCancel,
-        onError: i == null ? void 0 : i.onError
-      })), this.element.addEventListener("click", () => _e.hideAll()), this.element.append(this.error.render()), this.element.classList.remove(Mt.hidden), this.isInitialized = !0, this.events.ready.emit(), !0;
+      try {
+        yield this.paypal.render(this.element, ee(K({}, i), {
+          createBillingAgreement: a,
+          onApprove: (c) => q(this, [c], function* ({ billingToken: l }) {
+            var d;
+            (d = i == null ? void 0 : i.onSuccess) == null || d.call(i, l || "");
+          }),
+          style: (s = this.customButtonStyles) == null ? void 0 : s.styles,
+          onCancel: () => {
+            var l;
+            (l = i == null ? void 0 : i.onCancel) == null || l.call(i);
+          },
+          onError: (l) => {
+            var c;
+            (c = i == null ? void 0 : i.onError) == null || c.call(i, l);
+          }
+        }));
+      } catch (l) {
+        return !1;
+      }
+      return this.element.addEventListener("click", () => _e.hideAll()), this.element.append(this.error.render()), this.element.classList.remove(Mt.hidden), this.isInitialized = !0, this.events.ready.emit(), !0;
     });
   }
   // add event listener
@@ -4686,15 +4709,16 @@ class bc {
       if (this.paypal) {
         this.isPayPalReady = !1;
         try {
-          (yield this.paypal.init({
-            onError: (n) => this.events.error.emit(n),
+          const e = this.paypal.render();
+          t == null || t.appendChild(e), (yield this.paypal.init({
+            onError: (a) => this.events.error.emit(a),
             onCancel: () => this.events.cancel.emit(),
-            onSuccess: (n) => {
-              this.lastInteracted = "paypal", this.events.success.emit({ paypalId: n, type: "paypal" });
+            onSuccess: (a) => {
+              this.lastInteracted = "paypal", this.events.success.emit({ paypalId: a, type: "paypal" });
             }
-          })) ? t == null || t.appendChild(this.paypal.render()) : t == null || t.remove();
+          })) || t == null || t.remove();
         } catch (e) {
-          console.error(e), t == null || t.remove();
+          t == null || t.remove();
         } finally {
           this.isPayPalReady = !0;
         }
@@ -8661,21 +8685,29 @@ class Nu {
       try {
         this.paypal = yield Tu(t);
       } catch (e) {
-        console.error("failed to load the PayPal JS SDK script", e);
+        throw this.paypal = null, e;
       }
     });
   }
+  // check if PayPal SDK is loaded
+  isLoaded() {
+    return this.paypal !== null && this.paypal.Buttons !== void 0;
+  }
   // render
   render(t, e) {
     return q(this, null, function* () {
       var n, a;
+      if (!t.isConnected)
+        throw new Error("PayPal parent element must be connected to DOM before render()");
       if (this.paypal) {
-        const i = K(K({}, Iu), (e == null ? void 0 : e.style) || {});
-        yield (a = (n = this.paypal).Buttons) == null ? void 0 : a.call(n, ee(K({
+        const i = K(K({}, Iu), (e == null ? void 0 : e.style) || {}), o = ee(K({
           fundingSource: "paypal"
         }, e), {
           style: i
-        })).render(t);
+        }), s = (a = (n = this.paypal).Buttons) == null ? void 0 : a.call(n, o);
+        if (!s)
+          throw new Error("PayPal Buttons instance is null");
+        console.log("PayPalService: Buttons instance created, calling render()..."), yield s.render(t);
       }
     });
   }