favesalon-embed 1.0.27 → 1.1.0

package/dist/favesalon-embed/login-form.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-392da128.js';
+import { H as HttpService } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const loginFormCss = ".form--user-login .form--login-label{cursor:pointer;display:block;margin-top:0;margin-bottom:6px}.form--user-login input,.form--user-login button{border:1px solid #cecece;box-sizing:border-box;display:inline-block;width:100%;padding:4px 11px;height:44px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.form--user-login button{background-color:#001529;border:1px solid #001529;color:#fff;cursor:pointer;height:44px}.form--user-login button:disabled{background-color:#cecece;border:1px solid #cecece;color:#212121}";

package/dist/favesalon-embed/magensa-payment.entry.js

@@ -0,0 +1,136 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { I as Inputmask } from './inputmask-afacb9e0.js';
+import { H as HttpService, g as get_1 } from './services-48c99e41.js';
+import { C as Colors } from './colors-ea36347a.js';
+import './_commonjsHelpers-9bc404fc.js';
+
+const magensaPaymentCss = "magensa-payment{display:block;width:100%}.magensa-payment--form *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.magensa-payment--form input[type=\"number\"]{padding:8px 16px 8px 28px !important}";
+
+const MagensaPayment = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.isProcessing = undefined;
+    this.processingError = undefined;
+    this.salonId = undefined;
+    this.paymentAmount = undefined;
+    this.onPaymentSuccess = undefined;
+    this.onPaymentError = undefined;
+    this.isSubmitting = undefined;
+    this.errorMessage = undefined;
+    this.cardNumber = undefined;
+    this.cardExpiry = undefined;
+    this.cardCCV = undefined;
+    this.cardName = undefined;
+  }
+  componentDidRender() {
+    this.cardNumberInput && Inputmask({ mask: '9999 9999 9999 9999' }).mask(this.cardNumberInput);
+    this.cardExpiryInput && Inputmask({ mask: '99/99' }).mask(this.cardExpiryInput);
+  }
+  async onSubmit() {
+    this.isSubmitting = true;
+    this.errorMessage = null;
+    try {
+      const [expiryMonth, expiryYear] = String(this.cardExpiry || '').split('/');
+      if (!!this.cardName && !!this.cardNumber && !!this.cardCCV && !!expiryMonth && !!expiryYear) {
+        const { queueId } = await HttpService().magensaCreateQueue(this.salonId, {
+          ManualEntryInput: {
+            AddressLine1: null,
+            AddressLine2: null,
+            Country: null,
+            State: null,
+            City: null,
+            Zip: null,
+            NameOnCard: this.cardName,
+            PAN: Number(String(this.cardNumber).split(' ').join('')),
+            ExpirationDate: `${expiryYear}${expiryMonth}`,
+            CVV: this.cardCCV,
+          },
+          Amount: this.paymentAmount,
+        });
+        this.onPaymentSuccess(queueId);
+      }
+      else {
+        const errorMessage = 'Please input all credit card info before submitting';
+        this.errorMessage = errorMessage;
+        this.onPaymentError(errorMessage, {});
+      }
+    }
+    catch (reponse) {
+      const errorMessage = get_1(reponse, 'message') || get_1(reponse, 'error.message') || get_1(reponse, 'response.data.message') || `Something went wrong with your credit card`;
+      this.errorMessage = errorMessage;
+      this.onPaymentError(errorMessage, reponse.response || reponse);
+    }
+    this.isSubmitting = false;
+  }
+  render() {
+    const isSubmitting = this.isSubmitting || this.isProcessing;
+    const errorMessage = this.errorMessage || this.processingError;
+    return (h("div", { class: "magensa-payment--form" }, h("div", { style: { fontSize: '20px', fontWeight: '700', marginTop: '32px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { style: { marginTop: '24px' } }, h("div", { style: { fontSize: '18px' } }, "Card number"), h("div", { style: { marginTop: '8px' } }, h("input", { type: "text", placeholder: "#### #### #### ####", autoComplete: "new-password", ref: el => this.cardNumberInput = el, onInput: (evt) => this.cardNumber = evt.target.value, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+        fontSize: '22px',
+        fontWeight: '700',
+      } }))), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '24px' } }, h("div", { style: { width: '48%' } }, h("div", { style: { fontSize: '18px' } }, "Expire date"), h("div", { style: { marginTop: '8px' } }, h("input", { type: "text", placeholder: "MM/YY", autoComplete: "new-password", ref: el => this.cardExpiryInput = el, onInput: (evt) => this.cardExpiry = evt.target.value, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+        fontSize: '22px',
+        fontWeight: '700',
+      } }))), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("div", { style: { fontSize: '18px' } }, "CCV"), h("div", { style: { marginTop: '8px' } }, h("input", { type: "text", autoComplete: "new-password", onInput: (evt) => this.cardCCV = evt.target.value, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+        fontSize: '22px',
+        fontWeight: '700',
+      } })))), h("div", { style: { marginTop: '24px' } }, h("div", { style: { fontSize: '18px' } }, "Card name"), h("div", { style: { marginTop: '8px' } }, h("input", { type: "text", autoComplete: "new-password", onInput: (evt) => this.cardName = evt.target.value, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+        fontSize: '22px',
+        fontWeight: '700',
+      } }))), h("div", { style: { marginTop: '24px' } }, !isSubmitting && errorMessage && (h("div", { style: {
+        color: Colors.Red03,
+        marginBottom: '16px',
+      } }, errorMessage)), h("button", { type: "button", disabled: isSubmitting, style: {
+        border: `1px solid ${Colors.Secondary}`,
+        backgroundColor: Colors.Secondary,
+        color: Colors.White,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '44px',
+        width: '100%',
+        ...isSubmitting ? {
+          color: Colors.TextColor,
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        } : {},
+      }, onClick: () => this.onSubmit() }, "Submit ", isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
+  }
+};
+MagensaPayment.style = magensaPaymentCss;
+
+export { MagensaPayment as magensa_payment };

package/dist/favesalon-embed/register-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-392da128.js';
+import { H as HttpService, g as get_1 } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/reset-password-form.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-392da128.js';
+import { H as HttpService, g as get_1 } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-info.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService } from './services-392da128.js';
+import { H as HttpService } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 import './colors-ea36347a.js';
 

package/dist/favesalon-embed/salon-latest-reviews.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-392da128.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import { g as getRatingText } from './utils-359c37f7.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/salon-latest-styles.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService, k as isVideoMedia } from './services-392da128.js';
+import { H as HttpService, k as isVideoMedia } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "salon-latest-styles .view--salon-styles--item{width:120px;height:120px}@media (min-width: 1024px){salon-latest-styles .view--salon-styles--item{width:200px;height:200px}}";

package/dist/favesalon-embed/salon-locations.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { a as formatWebsiteUrl, b as formatFullAddress } from './utils-359c37f7.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-392da128.js';
+import { H as HttpService } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@media (min-width: 768px){salon-locations .salon-contact--links{overflow:hidden;margin-left:-32px}salon-locations .salon-contact--links-item{float:left;display:flex;flex-direction:row;align-items:center;font-size:16px;min-width:300px;padding-left:32px}salon-locations .salon-contact--links-item:nth-child(2n+1){clear:left}salon-locations .salon-contact--links-item+.salon-contact--links-item{margin-top:8px}}";

package/dist/favesalon-embed/salon-lookbook.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-392da128.js';
+import { H as HttpService } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = "@media (max-width: 768px){salon-lookbook .view-header{display:block !important}salon-lookbook .salon-loobook--serch-result{margin-bottom:16px}salon-lookbook .salon-loobook--filter-wrapper>label,salon-lookbook .salon-loobook--sort-wrapper>label{display:none !important}}";

package/dist/favesalon-embed/salon-reviews.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-392da128.js';
+import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-schedules.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, B as BusinessHourStatus } from './services-392da128.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-services.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, j as sortBy_1 } from './services-392da128.js';
+import { H as HttpService, j as sortBy_1 } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 

package/dist/favesalon-embed/salon-stylists.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-392da128.js';
+import { H as HttpService } from './services-48c99e41.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".view--salon-stylists{overflow:hidden;margin-left:-12px;margin-top:-12px}.view--salon-stylists .salon-stylist{float:left;padding-left:12px;padding-top:12px;width:50%}.view--salon-stylists .salon-stylist--avatar{height:180px}@media (min-width: 576px){.view--salon-stylists .salon-stylist{width:33.33%;max-width:240px}}@media (min-width: 768px){.view--salon-stylists{margin-left:-24px;margin-top:-24px}.view--salon-stylists .salon-stylist{padding-left:24px;padding-top:24px;width:264px;max-width:none}.view--salon-stylists .salon-stylist--avatar{height:240px}}";

package/dist/favesalon-embed/{services-392da128.js → services-48c99e41.js}

@@ -23674,7 +23674,6 @@ class GiftCardSettings {
 }
 function createGiftCardSettings(blob) {
   return {
-    isMagensaPayment: false,
     acceptCustomAmount: Boolean(blob.accept_custom_amount),
     acceptPaymentOnline: Boolean(blob.accept_payment_online),
     giftCardTerms: blob.gift_card_terms,
@@ -23687,6 +23686,9 @@ function createGiftCardSettings(blob) {
       blob.recommend_amount3,
       blob.recommend_amount4,
     ],
+    // POS settings
+    isDuoPricingEnabled: Boolean((blob.pos_setting || {}).enable_duo_pricing),
+    paymentFeeRate: (blob.pos_setting || {}).interchange_rate || 0,
   };
 }
 
@@ -24080,10 +24082,7 @@ class HttpService {
     return this.http.get(url)
       .then(response => {
       const blob = get_1(response, 'data.data', {});
-      return {
-        ...createGiftCardSettings(blob),
-        isMagensaPayment: salonId === 49989,
-      };
+      return createGiftCardSettings(blob);
     })
       .catch(() => (null));
   }
@@ -24110,6 +24109,22 @@ class HttpService {
     }
     return Promise.resolve({});
   }
+  magensaCreateQueue(salonId, options) {
+    const message = 'Failed to process your payment. Please try again or contact us for assistance';
+    const url = `${apiV2Prefix}/magensa/${salonId}/create-queue`;
+    return this.http.post(url, options)
+      .then(response => {
+      const queueId = get_1(response, 'data.magensa_queue', null);
+      const dataQueueId = get_1(response, 'data.data.magensa_queue', null);
+      if (dataQueueId || queueId) {
+        return Promise.resolve({ queueId: dataQueueId || queueId });
+      }
+      return Promise.reject({ message, response });
+    })
+      .catch(response => {
+      return Promise.reject({ message, response });
+    });
+  }
   magensaProcessToken(salonId, options) {
     const url = `${apiV2Prefix}/magensa/${salonId}/process-token`;
     return this.http.post(url, options)

package/dist/favesalon-embed/style-detail.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { d as dayjs_min, H as HttpService, k as isVideoMedia, e as getSalonImage, h as shortDateYearFormat } from './services-392da128.js';
+import { d as dayjs_min, H as HttpService, k as isVideoMedia, e as getSalonImage, h as shortDateYearFormat } from './services-48c99e41.js';
 import { r as relativeTime } from './relativeTime-15477f02.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';

package/dist/favesalon-embed/wizard-existing-user.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-392da128.js';
+import { H as HttpService, g as get_1 } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -102,6 +102,9 @@ const WizardExistingUser = class {
             color: Colors.Black,
             borderColor: Colors.Gray03,
             backgroundColor: Colors.Gray03,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
           } : {},
         }, onClick: () => this.activateAccount() }, "Submit ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null))))), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Gray03}`,
@@ -158,6 +161,9 @@ const WizardExistingUser = class {
           color: Colors.Black,
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
         } : {},
       }, onClick: () => this.sendLoginCode() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
   }

package/dist/favesalon-embed/wizard-new-user.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, g as get_1 } from './services-392da128.js';
+import { H as HttpService, g as get_1 } from './services-48c99e41.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -134,6 +134,9 @@ const WizardNewUser = class {
             color: Colors.Black,
             borderColor: Colors.Gray03,
             backgroundColor: Colors.Gray03,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
           } : {},
         }, onClick: () => this.activateAccount() }, "Submit ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null))))), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Gray02}`,
@@ -190,6 +193,9 @@ const WizardNewUser = class {
           color: Colors.Black,
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
         } : {},
       }, onClick: () => this.verifyAccount() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
   }

package/dist/types/components/buy-giftcard-form/buy-giftcard-form.d.ts

@@ -14,7 +14,6 @@ export declare class BuyGiftcardForm {
   deliveryInput?: HTMLInputElement;
   deliveryReenterInput?: HTMLInputElement;
   salonId: string;
-  teConnect: any;
   isLoading: boolean;
   isSubmitting: boolean;
   errorMessage: string;
@@ -39,10 +38,8 @@ export declare class BuyGiftcardForm {
   isTermsAccepted: boolean;
   componentDidLoad(): Promise<void>;
   private saveTrackingData;
-  private fetchMagensaCredentials;
   private fetchSalonInfo;
   private fetchGiftCardSettings;
-  private initMagensaPayment;
   private onClickDeliveryDone;
   private renderPaymentOnlineDisabled;
   private renderUserVerificationForm;
@@ -51,8 +48,8 @@ export declare class BuyGiftcardForm {
   private onSubmitGiftCardForm;
   private renderGiftCardForm;
   private renderPaymentSucceed;
-  private createCardPayment;
-  private onSubmitPaymentForm;
+  private onPaymentSuccess;
+  private onPaymentError;
   private renderPaymentForm;
   private renderSalonInfo;
   private renderSkeletons;

package/dist/types/components/buy-giftcard-verification/buy-giftcard-verification.d.ts

@@ -6,7 +6,7 @@ declare enum FormStep {
   UserRegister = "Booking Register"
 }
 export declare class BuyGiftcardVerification {
-  nativeInput?: HTMLInputElement;
+  phoneInputRef?: HTMLInputElement;
   salonId: string;
   onSuccess: (user: User) => void;
   step: FormStep;
@@ -14,7 +14,7 @@ export declare class BuyGiftcardVerification {
   inputtedPhone: string;
   isSearchingUser: boolean;
   errorMessage: string;
-  componentDidLoad(): void;
+  componentDidRender(): void;
   private onSubmitUserInfo;
   private renderUserInfoForm;
   private onSearchClient;

package/dist/types/components/magensa-payment/magensa-payment.d.ts

@@ -0,0 +1,19 @@
+export declare class MagensaPayment {
+  cardNumberInput?: HTMLInputElement;
+  cardExpiryInput?: HTMLInputElement;
+  isProcessing: boolean;
+  processingError: string;
+  salonId: string;
+  paymentAmount: string;
+  onPaymentSuccess: (queueId: any) => void;
+  onPaymentError: (message: any, response: any) => void;
+  isSubmitting: boolean;
+  errorMessage: string;
+  cardNumber: string;
+  cardExpiry: string;
+  cardCCV: string;
+  cardName: string;
+  componentDidRender(): void;
+  private onSubmit;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -94,6 +94,14 @@ export namespace Components {
         "onSubmit": (evt: any) => Promise<void>;
         "onSuccess": (user: User) => void;
     }
+    interface MagensaPayment {
+        "isProcessing": boolean;
+        "onPaymentError": (message, response) => void;
+        "onPaymentSuccess": (queueId) => void;
+        "paymentAmount": string;
+        "processingError": string;
+        "salonId": string;
+    }
     interface NotifySounds {
     }
     interface PoweredByFavesalon {
@@ -323,6 +331,12 @@ declare global {
         prototype: HTMLLoginFormElement;
         new (): HTMLLoginFormElement;
     };
+    interface HTMLMagensaPaymentElement extends Components.MagensaPayment, HTMLStencilElement {
+    }
+    var HTMLMagensaPaymentElement: {
+        prototype: HTMLMagensaPaymentElement;
+        new (): HTMLMagensaPaymentElement;
+    };
     interface HTMLNotifySoundsElement extends Components.NotifySounds, HTMLStencilElement {
     }
     var HTMLNotifySoundsElement: {
@@ -480,6 +494,7 @@ declare global {
         "icon-location-marker": HTMLIconLocationMarkerElement;
         "icon-phone": HTMLIconPhoneElement;
         "login-form": HTMLLoginFormElement;
+        "magensa-payment": HTMLMagensaPaymentElement;
         "notify-sounds": HTMLNotifySoundsElement;
         "powered-by-favesalon": HTMLPoweredByFavesalonElement;
         "register-form": HTMLRegisterFormElement;
@@ -582,6 +597,14 @@ declare namespace LocalJSX {
     interface LoginForm {
         "onSuccess"?: (user: User) => void;
     }
+    interface MagensaPayment {
+        "isProcessing"?: boolean;
+        "onPaymentError"?: (message, response) => void;
+        "onPaymentSuccess"?: (queueId) => void;
+        "paymentAmount"?: string;
+        "processingError"?: string;
+        "salonId"?: string;
+    }
     interface NotifySounds {
     }
     interface PoweredByFavesalon {
@@ -705,6 +728,7 @@ declare namespace LocalJSX {
         "icon-location-marker": IconLocationMarker;
         "icon-phone": IconPhone;
         "login-form": LoginForm;
+        "magensa-payment": MagensaPayment;
         "notify-sounds": NotifySounds;
         "powered-by-favesalon": PoweredByFavesalon;
         "register-form": RegisterForm;
@@ -752,6 +776,7 @@ declare module "@stencil/core" {
             "icon-location-marker": LocalJSX.IconLocationMarker & JSXBase.HTMLAttributes<HTMLIconLocationMarkerElement>;
             "icon-phone": LocalJSX.IconPhone & JSXBase.HTMLAttributes<HTMLIconPhoneElement>;
             "login-form": LocalJSX.LoginForm & JSXBase.HTMLAttributes<HTMLLoginFormElement>;
+            "magensa-payment": LocalJSX.MagensaPayment & JSXBase.HTMLAttributes<HTMLMagensaPaymentElement>;
             "notify-sounds": LocalJSX.NotifySounds & JSXBase.HTMLAttributes<HTMLNotifySoundsElement>;
             "powered-by-favesalon": LocalJSX.PoweredByFavesalon & JSXBase.HTMLAttributes<HTMLPoweredByFavesalonElement>;
             "register-form": LocalJSX.RegisterForm & JSXBase.HTMLAttributes<HTMLRegisterFormElement>;

package/dist/types/services/services.d.ts

@@ -130,6 +130,9 @@ declare class HttpService {
   fetchGiftCardSettings(salonId: any): Promise<any>;
   fetchSalonClientInfo(salonId: any, mobilePhone: any): Promise<{} | {}>;
   fetchMagensaCredentials(salonId: any): Promise<{}>;
+  magensaCreateQueue(salonId: any, options: any): Promise<{
+    queueId: any;
+  }>;
   magensaProcessToken(salonId: any, options: any): Promise<any>;
   magensaConfirmTransaction(options: any): Promise<any>;
   private fetchAWSPresigned;

package/dist/types/types/giftcard.d.ts

@@ -3,11 +3,12 @@ export declare class GiftCardStyle {
   imageUrl: string;
 }
 export declare class GiftCardSettings {
-  isMagensaPayment: boolean;
   acceptCustomAmount: boolean;
   acceptPaymentOnline: boolean;
   giftCardTerms: string;
   recommendAmounts: number[];
   giftCardStyles: GiftCardStyle[];
+  isDuoPricingEnabled: boolean;
+  paymentFeeRate: number;
 }
 export declare function createGiftCardSettings(blob: any): GiftCardSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "favesalon-embed",
-  "version": "1.0.27",
+  "version": "1.1.0",
   "description": "Favesalon Embed",
   "author": "Trung Luu <trung@favesalon.com> (https://favesalon.com)",
   "main": "dist/index.cjs.js",