@openhive-eu/payment 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/index.js

@@ -5862,7 +5862,7 @@ var pd = Object.defineProperty, A = (t, e, r, n) => {
 };
 class w extends Ce {
   constructor() {
-    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = s0.code, this._loading = !1, this._success = !1, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = ot("fr"), this._apiUrl = "https://localhost:4004";
+    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = s0.code, this._loading = !1, this._success = !1, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = ot("fr"), this._apiUrl = "https://payment.openhive-staging.eu/api/payment-methods";
   }
   createRenderRoot() {
     return this;

package/dist/index.min.js

@@ -123,7 +123,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     >
       <p>Something went wrong while loading the payment component.</p>
     </div>
-  `}var yi=Object.defineProperty,_=(t,e,r,n)=>{for(var o=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=a(e,r,o)||o);return o&&yi(e,r,o),o};class w extends _e{constructor(){super(...arguments),this.token="",this.currency="EUR",this.defaultAmount="",this.defaultReference="",this.readOnlyAmount=!1,this.customerName="",this.customerEmail="",this.customerPhone="",this.locale="fr",this.payClientRef="",this._amount="",this._email="",this._phone="",this._paymentReference="",this._method="",this._channel=void 0,this._country=$o.code,this._loading=!1,this._success=!1,this._paymentMethods=[],this._methodsLoading=!0,this._methodsError=null,this._initialized=!1,this._t=Ct("fr"),this._apiUrl="https://localhost:4004"}createRenderRoot(){return this}get payClient(){return this._payClient}set payClient(e){this._payClient=e,this._initialized&&this._fetchPaymentMethods()}willUpdate(e){this._initialized?e.has("locale")&&(this._t=Ct(this.locale)):(this._initialized=!0,this._amount=t1(this.defaultAmount),this._email=this.customerEmail,this._phone=this.customerPhone,this._paymentReference=this.defaultReference,this._t=Ct(this.locale))}firstUpdated(){this._fetchPaymentMethods()}_getPayClient(){if(this._payClient)return this._payClient;if(this.payClientRef){const e=globalThis[this.payClientRef];if(e)return e}return new W1(this._apiUrl,this.token,this.locale)}async _fetchPaymentMethods(){this._methodsLoading=!0,this._methodsError=null;try{this._paymentMethods=await this._getPayClient().getPaymentMethods()}catch(e){this._methodsError=e instanceof Error?e.message:"Failed to load payment methods"}finally{this._methodsLoading=!1}}_validateAmount(e){const r=parseFloat(e.replace(",",".").replace(/\s/g,""));return!isNaN(r)&&r>0}get _isValid(){return!this._amount||!this._validateAmount(this._amount)||!this._paymentReference||!this._method?!1:this._channel==="email"?kr(this._email):this._channel==="sms"?Ar(this._country,this._phone):!0}_onAmountInput(e){const r=e.target;this._amount=t1(r.value)}_onReferenceInput(e){this._paymentReference=e.target.value}_onMethodChange(e){this._method=e.target.value}_onChannelChange(e){this._channel=e.target.value}_onEmailInput(e){this._email=e.target.value}_onPhoneInput(e){this._phone=so(this._country,e.target.value)}_onCountryChange(e){this._country=e.target.value}async _onSubmit(e){e.preventDefault(),this._loading=!0;const r=this._method.indexOf("_"),n=r>=0?this._method.substring(0,r):this._method,o=r>=0?this._method.substring(r+1):"",i={order_reference:this._paymentReference,channel:this._channel==="email"?"email":this._channel==="sms"?"sms":"link",amount:ei(this._amount),currency:this.currency,method:o,customer_contact:this._channel==="email"?this._email:this._channel==="sms"?this._phone:this._email,partner:n};this._success=!0;try{await Promise.resolve(this.dispatchEvent(new CustomEvent("request-to-pay",{detail:i,bubbles:!0,composed:!0})))}catch(a){console.error(a)}finally{this._loading=!1}}_onClose(){this._success=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_renderMethods(){return this._methodsLoading?ni():this._paymentMethods.map(e=>$i({name:"payment-method",value:e.id,checked:this._method===e.id,onChange:this._onMethodChange.bind(this),label:e.name,logoSvg:e.logoSvg}))}_renderChannels(){return C`
+  `}var yi=Object.defineProperty,_=(t,e,r,n)=>{for(var o=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=a(e,r,o)||o);return o&&yi(e,r,o),o};class w extends _e{constructor(){super(...arguments),this.token="",this.currency="EUR",this.defaultAmount="",this.defaultReference="",this.readOnlyAmount=!1,this.customerName="",this.customerEmail="",this.customerPhone="",this.locale="fr",this.payClientRef="",this._amount="",this._email="",this._phone="",this._paymentReference="",this._method="",this._channel=void 0,this._country=$o.code,this._loading=!1,this._success=!1,this._paymentMethods=[],this._methodsLoading=!0,this._methodsError=null,this._initialized=!1,this._t=Ct("fr"),this._apiUrl="https://payment.openhive-staging.eu/api/payment-methods"}createRenderRoot(){return this}get payClient(){return this._payClient}set payClient(e){this._payClient=e,this._initialized&&this._fetchPaymentMethods()}willUpdate(e){this._initialized?e.has("locale")&&(this._t=Ct(this.locale)):(this._initialized=!0,this._amount=t1(this.defaultAmount),this._email=this.customerEmail,this._phone=this.customerPhone,this._paymentReference=this.defaultReference,this._t=Ct(this.locale))}firstUpdated(){this._fetchPaymentMethods()}_getPayClient(){if(this._payClient)return this._payClient;if(this.payClientRef){const e=globalThis[this.payClientRef];if(e)return e}return new W1(this._apiUrl,this.token,this.locale)}async _fetchPaymentMethods(){this._methodsLoading=!0,this._methodsError=null;try{this._paymentMethods=await this._getPayClient().getPaymentMethods()}catch(e){this._methodsError=e instanceof Error?e.message:"Failed to load payment methods"}finally{this._methodsLoading=!1}}_validateAmount(e){const r=parseFloat(e.replace(",",".").replace(/\s/g,""));return!isNaN(r)&&r>0}get _isValid(){return!this._amount||!this._validateAmount(this._amount)||!this._paymentReference||!this._method?!1:this._channel==="email"?kr(this._email):this._channel==="sms"?Ar(this._country,this._phone):!0}_onAmountInput(e){const r=e.target;this._amount=t1(r.value)}_onReferenceInput(e){this._paymentReference=e.target.value}_onMethodChange(e){this._method=e.target.value}_onChannelChange(e){this._channel=e.target.value}_onEmailInput(e){this._email=e.target.value}_onPhoneInput(e){this._phone=so(this._country,e.target.value)}_onCountryChange(e){this._country=e.target.value}async _onSubmit(e){e.preventDefault(),this._loading=!0;const r=this._method.indexOf("_"),n=r>=0?this._method.substring(0,r):this._method,o=r>=0?this._method.substring(r+1):"",i={order_reference:this._paymentReference,channel:this._channel==="email"?"email":this._channel==="sms"?"sms":"link",amount:ei(this._amount),currency:this.currency,method:o,customer_contact:this._channel==="email"?this._email:this._channel==="sms"?this._phone:this._email,partner:n};this._success=!0;try{await Promise.resolve(this.dispatchEvent(new CustomEvent("request-to-pay",{detail:i,bubbles:!0,composed:!0})))}catch(a){console.error(a)}finally{this._loading=!1}}_onClose(){this._success=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_renderMethods(){return this._methodsLoading?ni():this._paymentMethods.map(e=>$i({name:"payment-method",value:e.id,checked:this._method===e.id,onChange:this._onMethodChange.bind(this),label:e.name,logoSvg:e.logoSvg}))}_renderChannels(){return C`
       ${i1({name:"channel",value:"email",checked:this._channel==="email",onChange:this._onChannelChange.bind(this),label:this._t.email,icon:ui})}
       ${i1({name:"channel",value:"sms",checked:this._channel==="sms",onChange:this._onChannelChange.bind(this),label:this._t.textMessage,icon:pi})}
     `}_renderForm(){const e=this._amount?!this._validateAmount(this._amount):!1,r=this._email?!kr(this._email):!1,n=this._phone?!Ar(this._country,this._phone):!1;return C`

package/dist/react-widget.d.ts

@@ -1,40 +1,10 @@
-import React from "react";
+import { type EventName } from "@lit/react";
+import { PaymentWidget } from "./payment-widget";
 import "./register";
-import type { RequestToPay, Currency } from "./lib/api-client";
-import type { PayClientInterface } from "./lib/pay-client";
-export type { RequestToPay, Currency };
-export type { PayClientInterface };
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "openhive-pay": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
-                token?: string;
-                currency?: string;
-                "default-amount"?: string;
-                "default-reference"?: string;
-                "read-only-amount"?: string;
-                "customer-name"?: string;
-                "customer-email"?: string;
-                "customer-phone"?: string;
-                locale?: string;
-            }, HTMLElement>;
-        }
-    }
-}
-export interface PaymentProps {
-    token?: string;
-    currency?: Currency;
-    defaultAmount?: string;
-    defaultReference?: string;
-    readOnlyAmount?: boolean;
-    customerName?: string;
-    customerEmail?: string;
-    customerPhone?: string;
-    locale?: string;
-    payClient?: PayClientInterface;
-    onRequestToPay?: (detail: RequestToPay) => void;
-    onClose?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare function Payment({ token, currency, defaultAmount, defaultReference, readOnlyAmount, customerName, customerEmail, customerPhone, locale, payClient, onRequestToPay, onClose, className, style, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+export type { RequestToPay, Currency } from "./lib/api-client";
+export type { PayClientInterface } from "./lib/pay-client";
+import type { RequestToPay } from "./lib/api-client";
+export declare const Payment: import("@lit/react").ReactWebComponent<PaymentWidget, {
+    onRequestToPay: EventName<CustomEvent<RequestToPay>>;
+    onClose: EventName<Event>;
+}>;