favesalon-embed 1.0.16 → 1.0.18

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-9a686ade.js';
+import { H as HttpService } from './services-82948efc.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/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-9a686ade.js';
+import { H as HttpService, g as get_1 } from './services-82948efc.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-9a686ade.js';
+import { H as HttpService, g as get_1 } from './services-82948efc.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-9a686ade.js';
+import { H as HttpService } from './services-82948efc.js';
 import './_commonjsHelpers-9bc404fc.js';
 import './colors-ea36347a.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-9a686ade.js';
+import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-82948efc.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { g as getRatingText } from './utils-fd30fb29.js';
+import { g as getRatingText } from './utils-359c37f7.js';
 import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".salon-latest-reviews .salon-review{min-width:280px}@media (min-width: 768px){.salon-latest-reviews .salon-review{min-width:300px}}";

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, j as isVideoMedia } from './services-9a686ade.js';
+import { H as HttpService, j as isVideoMedia } from './services-82948efc.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-fd30fb29.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-9a686ade.js';
+import { H as HttpService } from './services-82948efc.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-9a686ade.js';
+import { H as HttpService } from './services-82948efc.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, f as shortDateYearFormat } from './services-9a686ade.js';
+import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-82948efc.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-9a686ade.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-82948efc.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, h as sortBy_1 } from './services-9a686ade.js';
+import { H as HttpService, h as sortBy_1 } from './services-82948efc.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-9a686ade.js';
+import { H as HttpService } from './services-82948efc.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-baa3f112.js → services-82948efc.js}

@@ -24078,7 +24078,6 @@ class HttpService {
       const blob = get_1(response, 'data.data', {});
       return {
         ...createGiftCardSettings(blob),
-        acceptPaymentOnline: false,
         isMagensaPayment: salonId === 49989,
       };
     })
@@ -24096,15 +24095,16 @@ class HttpService {
   }
   fetchMagensaCredentials(salonId) {
     return Promise.resolve(salonId ? {
-      processorName: 'TSYS - Pilot',
-      customerCode: 'AI51036407',
-      username: 'MAG234632492',
-      password: `4K0B;a'y7DMTUz`,
-      token: `Tk40OTQ0MzU2Ni9NQUcxMjc3MjQ2NjI6NVBMfisjSDUhcjF6SF4=`,
+      customerCode: 'SK90173281',
+      username: 'MAG437582692',
+      password: `y^5OxmbSnP7Th7`,
+      // TEC credentials
+      processorName: 'TSYS - Production',
+      token: `WEcyNjgxNDM5MS9NQUc1NTU2OTUxODM6WTR0REFaRiQ=`,
     } : {});
   }
-  magensaProcessToken(options) {
-    const url = `${apiV2Prefix}/magensa/process-token`;
+  magensaProcessToken(salonId, options) {
+    const url = `${apiV2Prefix}/magensa/${salonId}/process-token`;
     return this.http.post(url, options)
       .then(response => {
       return Promise.resolve((response.data || [])[0] || {});

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, j as isVideoMedia, c as getSalonImage, f as shortDateYearFormat } from './services-9a686ade.js';
+import { d as dayjs_min, H as HttpService, j as isVideoMedia, c as getSalonImage, f as shortDateYearFormat } from './services-82948efc.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/{utils-fd30fb29.js → utils-359c37f7.js}

@@ -23,9 +23,10 @@ function getRatingText() {
 }
 function formatPhoneNumber(phone) {
   return String(phone || '')
-    .replace('(', '')
-    .replace(')', '')
-    .replace('-', '')
+    .replaceAll('(', '')
+    .replaceAll(')', '')
+    .replaceAll('-', '')
+    .replaceAll('_', '')
     .replaceAll(' ', '');
 }
 

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-9a686ade.js';
+import { H as HttpService, g as get_1 } from './services-82948efc.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -70,22 +70,26 @@ const WizardExistingUser = class {
           marginBottom: '24px',
           padding: '16px',
         } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
-          fontSize: '18px',
+          fontSize: '20px',
           fontWeight: '600',
         } }, "Phone verification code sent!"), h("div", { style: {
           marginTop: '4px',
-        } }, "You should receive a text message within 30 seconds")), h("div", { style: { marginBottom: '24px' } }, h("input", { type: "text", value: this.activatCode, onInput: (evt) => this.activatCode = evt.target.value, style: {
-          border: `1px solid ${Colors.Gray02}`,
+        } }, "You should receive a text message within 30 seconds")), h("div", { style: { marginBottom: '24px' } }, h("input", { type: "text", placeholder: "Enter Code", value: this.activatCode, disabled: this.isSubmitting, onInput: (evt) => this.activatCode = evt.target.value, style: {
+          border: `1px solid ${Colors.Gray03}`,
           backgroundColor: Colors.White,
           borderRadius: '8px',
           padding: '8px 16px',
           height: '48px',
           width: '100%',
-          fontSize: '18px',
-          fontWeight: '600',
+          fontSize: '22px',
+          fontWeight: '700',
+          ...this.isSubmitting ? {
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Secondary}`,
-          background: Colors.Secondary,
+          backgroundColor: Colors.Secondary,
           color: Colors.White,
           borderRadius: '8px',
           cursor: 'pointer',
@@ -95,8 +99,13 @@ const WizardExistingUser = class {
           paddingRight: '24px',
           height: '48px',
           width: '100%',
-        }, onClick: () => this.activateAccount() }, "Submit")), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
-          border: `1px solid ${Colors.Gray02}`,
+          ...this.isSubmitting ? {
+            color: Colors.Black,
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
+        }, 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}`,
           background: Colors.White,
           color: Colors.TextColor,
           borderRadius: '8px',
@@ -106,6 +115,10 @@ const WizardExistingUser = class {
           paddingRight: '24px',
           height: '48px',
           width: '100%',
+          ...this.isSubmitting ? {
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
         }, onClick: () => this.sendLoginCode(true) }, "Did not get the code?"))));
     }
     return (h("div", { class: "wizard-existing-user" }, this.errorMessage && (h("div", { style: {
@@ -114,10 +127,10 @@ const WizardExistingUser = class {
         marginBottom: '24px',
         padding: '16px',
       } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
-        fontSize: '18px',
+        fontSize: '20px',
         fontWeight: '600',
-      } }, "Need verification"), h("div", { style: { marginTop: '4px' } }, "We will send you a code to verify your idenity to protect your account"), h("div", { style: { marginTop: '8px', color: Colors.Red03 } }, "Agreed to receive SMS to phone ", this.inputtedPhone)), h("div", { style: { textAlign: 'right' } }, h("button", { type: "button", style: {
-        border: `1px solid ${Colors.Gray02}`,
+      } }, "Need verification"), h("div", { style: { marginTop: '4px' } }, "We will send you a code to verify your idenity to protect your account"), h("div", { style: { marginTop: '8px', color: Colors.Red03 } }, "Agreed to receive SMS to phone ", this.inputtedPhone)), h("div", { style: { textAlign: 'right' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Gray03}`,
         background: Colors.White,
         color: Colors.TextColor,
         borderRadius: '8px',
@@ -127,9 +140,13 @@ const WizardExistingUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
-      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", style: {
+        ...this.isSubmitting ? {
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+        } : {},
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
         border: `1px solid ${Colors.Secondary}`,
-        background: Colors.Secondary,
+        backgroundColor: Colors.Secondary,
         color: Colors.White,
         borderRadius: '8px',
         cursor: 'pointer',
@@ -138,7 +155,12 @@ const WizardExistingUser = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
-      }, onClick: () => this.sendLoginCode() }, "Verify now"))));
+        ...this.isSubmitting ? {
+          color: Colors.Black,
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+        } : {},
+      }, onClick: () => this.sendLoginCode() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
   }
 };
 WizardExistingUser.style = wizardExistingUserCss;

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-9a686ade.js';
+import { H as HttpService, g as get_1 } from './services-82948efc.js';
 import { C as Colors } from './colors-ea36347a.js';
 import './_commonjsHelpers-9bc404fc.js';
 
@@ -102,22 +102,26 @@ const WizardNewUser = class {
           marginBottom: '24px',
           padding: '16px',
         } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
-          fontSize: '18px',
+          fontSize: '20px',
           fontWeight: '600',
         } }, "Phone verification code sent!"), h("div", { style: {
           marginTop: '4px',
-        } }, "You should receive a text message within 30 seconds")), h("div", { style: { marginBottom: '24px' } }, h("input", { type: "text", value: this.activatCode, onInput: (evt) => this.activatCode = evt.target.value, style: {
-          border: `1px solid ${Colors.Gray02}`,
+        } }, "You should receive a text message within 30 seconds")), h("div", { style: { marginBottom: '24px' } }, h("input", { type: "text", placeholder: "Enter Code", value: this.activatCode, disabled: this.isSubmitting, onInput: (evt) => this.activatCode = evt.target.value, style: {
+          border: `1px solid ${Colors.Gray03}`,
           backgroundColor: Colors.White,
           borderRadius: '8px',
           padding: '8px 16px',
           height: '48px',
           width: '100%',
-          fontSize: '18px',
-          fontWeight: '600',
+          fontSize: '22px',
+          fontWeight: '700',
+          ...this.isSubmitting ? {
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Secondary}`,
-          background: Colors.Secondary,
+          backgroundColor: Colors.Secondary,
           color: Colors.White,
           borderRadius: '8px',
           cursor: 'pointer',
@@ -127,7 +131,12 @@ const WizardNewUser = class {
           paddingRight: '24px',
           height: '48px',
           width: '100%',
-        }, onClick: () => this.activateAccount() }, "Submit")), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+          ...this.isSubmitting ? {
+            color: Colors.Black,
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
+        }, 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}`,
           background: Colors.White,
           color: Colors.TextColor,
@@ -138,6 +147,10 @@ const WizardNewUser = class {
           paddingRight: '24px',
           height: '48px',
           width: '100%',
+          ...this.isSubmitting ? {
+            borderColor: Colors.Gray03,
+            backgroundColor: Colors.Gray03,
+          } : {},
         }, onClick: () => this.sendLoginCode(true) }, "Did not get the code?"))));
     }
     return (h("div", { class: "wizard-new-user" }, this.errorMessage && (h("div", { style: {
@@ -146,10 +159,10 @@ const WizardNewUser = class {
         marginBottom: '24px',
         padding: '16px',
       } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
-        fontSize: '18px',
+        fontSize: '20px',
         fontWeight: '600',
-      } }, "Your first time purchase gift card"), h("div", { style: { marginTop: '4px' } }, "We need to verify your phone number to prevent online spam purchases."), h("div", { style: { marginTop: '12px' } }, "You agreed to receive SMS to the phone number provided. ", h("br", null), "Message frequency varies. Msg & data rates may apply. Reply STOP to Opt-Out. Reply HELP for help."), h("div", { style: { marginTop: '4px' } }, "View our ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon/r/privacy-policy", style: { color: Colors.TextColor, textDecoration: 'underline' } }, "Privacy Policy"), " and ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon//r/terms-for-client", style: { color: Colors.TextColor, textDecoration: 'underline' } }, "Terms of Service"))), h("div", { style: { textAlign: 'right' } }, h("button", { type: "button", style: {
-        border: `1px solid ${Colors.Gray02}`,
+      } }, "Your first time purchase gift card"), h("div", { style: { marginTop: '4px' } }, "We need to verify your phone number to prevent online spam purchases."), h("div", { style: { marginTop: '12px' } }, "You agreed to receive SMS to the phone number provided. ", h("br", null), "Message frequency varies. Msg & data rates may apply. Reply STOP to Opt-Out. Reply HELP for help."), h("div", { style: { marginTop: '4px' } }, "View our ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon/r/privacy-policy", style: { color: Colors.TextColor, textDecoration: 'underline' } }, "Privacy Policy"), " and ", h("a", { target: "_blank", rel: "noopener noreferrer", href: "https://fave.salon//r/terms-for-client", style: { color: Colors.TextColor, textDecoration: 'underline' } }, "Terms of Service"))), h("div", { style: { textAlign: 'right' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Gray03}`,
         background: Colors.White,
         color: Colors.TextColor,
         borderRadius: '8px',
@@ -159,9 +172,13 @@ const WizardNewUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
-      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", style: {
+        ...this.isSubmitting ? {
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+        } : {},
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
         border: `1px solid ${Colors.Secondary}`,
-        background: Colors.Secondary,
+        backgroundColor: Colors.Secondary,
         color: Colors.White,
         borderRadius: '8px',
         cursor: 'pointer',
@@ -170,7 +187,12 @@ const WizardNewUser = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
-      }, onClick: () => this.verifyAccount() }, "Verify now"))));
+        ...this.isSubmitting ? {
+          color: Colors.Black,
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+        } : {},
+      }, onClick: () => this.verifyAccount() }, "Verify now ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
   }
 };
 WizardNewUser.style = wizardNewUserCss;

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

@@ -10,6 +10,8 @@ declare enum FormStep {
   PaymentSucceed = "Payment Succeed"
 }
 export declare class BuyGiftcardForm {
+  deliveryInput?: HTMLInputElement;
+  deliveryReenterInput?: HTMLInputElement;
   salonId: string;
   teConnect: any;
   isLoading: boolean;
@@ -32,11 +34,13 @@ export declare class BuyGiftcardForm {
   isInvalidEmails: boolean;
   isInvalidPhones: boolean;
   selectedStyleId: number;
+  isDeliveryDoneVisible: boolean;
   componentDidLoad(): Promise<void>;
   private fetchMagensaCredentials;
   private fetchSalonInfo;
   private fetchGiftCardSettings;
   private initMagensaPayment;
+  private onClickDeliveryDone;
   private renderPaymentOnlineDisabled;
   private renderUserVerificationForm;
   private onChangeEmail;
@@ -46,7 +50,6 @@ export declare class BuyGiftcardForm {
   private renderPaymentSucceed;
   private createCardPayment;
   private processCardToken;
-  private voidPaymentRequest;
   private onSubmitPaymentForm;
   private renderPaymentForm;
   private renderSalonInfo;

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

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

package/dist/types/components/icon-checked/icon-checked.d.ts

@@ -0,0 +1,4 @@
+export declare class IconChecked {
+  size: number;
+  render(): any;
+}

package/dist/types/components/icon-date/icon-date.d.ts

@@ -0,0 +1,4 @@
+export declare class IconDate {
+  size: number;
+  render(): any;
+}

package/dist/types/components/icon-loading/icon-loading.d.ts

@@ -0,0 +1,4 @@
+export declare class IconLoading {
+  size: number;
+  render(): any;
+}

package/dist/types/components/icon-location-marker/icon-location-marker.d.ts

@@ -0,0 +1,4 @@
+export declare class IconLocationMarker {
+  size: number;
+  render(): any;
+}

package/dist/types/components/icon-phone/icon-phone.d.ts

@@ -0,0 +1,4 @@
+export declare class IconPhone {
+  size: number;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -72,6 +72,21 @@ export namespace Components {
         "locationAddress"?: string;
         "locationName"?: string;
     }
+    interface IconChecked {
+        "size": number;
+    }
+    interface IconDate {
+        "size": number;
+    }
+    interface IconLoading {
+        "size": number;
+    }
+    interface IconLocationMarker {
+        "size": number;
+    }
+    interface IconPhone {
+        "size": number;
+    }
     interface LoginForm {
         "onSubmit": (evt: any) => Promise<void>;
         "onSuccess": (user: User) => void;
@@ -263,6 +278,36 @@ declare global {
         prototype: HTMLGoogleMapElement;
         new (): HTMLGoogleMapElement;
     };
+    interface HTMLIconCheckedElement extends Components.IconChecked, HTMLStencilElement {
+    }
+    var HTMLIconCheckedElement: {
+        prototype: HTMLIconCheckedElement;
+        new (): HTMLIconCheckedElement;
+    };
+    interface HTMLIconDateElement extends Components.IconDate, HTMLStencilElement {
+    }
+    var HTMLIconDateElement: {
+        prototype: HTMLIconDateElement;
+        new (): HTMLIconDateElement;
+    };
+    interface HTMLIconLoadingElement extends Components.IconLoading, HTMLStencilElement {
+    }
+    var HTMLIconLoadingElement: {
+        prototype: HTMLIconLoadingElement;
+        new (): HTMLIconLoadingElement;
+    };
+    interface HTMLIconLocationMarkerElement extends Components.IconLocationMarker, HTMLStencilElement {
+    }
+    var HTMLIconLocationMarkerElement: {
+        prototype: HTMLIconLocationMarkerElement;
+        new (): HTMLIconLocationMarkerElement;
+    };
+    interface HTMLIconPhoneElement extends Components.IconPhone, HTMLStencilElement {
+    }
+    var HTMLIconPhoneElement: {
+        prototype: HTMLIconPhoneElement;
+        new (): HTMLIconPhoneElement;
+    };
     interface HTMLLoginFormElement extends Components.LoginForm, HTMLStencilElement {
     }
     var HTMLLoginFormElement: {
@@ -419,6 +464,11 @@ declare global {
         "chat-rooms": HTMLChatRoomsElement;
         "credit-card-types": HTMLCreditCardTypesElement;
         "google-map": HTMLGoogleMapElement;
+        "icon-checked": HTMLIconCheckedElement;
+        "icon-date": HTMLIconDateElement;
+        "icon-loading": HTMLIconLoadingElement;
+        "icon-location-marker": HTMLIconLocationMarkerElement;
+        "icon-phone": HTMLIconPhoneElement;
         "login-form": HTMLLoginFormElement;
         "notify-sounds": HTMLNotifySoundsElement;
         "powered-by-favesalon": HTMLPoweredByFavesalonElement;
@@ -501,6 +551,21 @@ declare namespace LocalJSX {
         "locationAddress"?: string;
         "locationName"?: string;
     }
+    interface IconChecked {
+        "size"?: number;
+    }
+    interface IconDate {
+        "size"?: number;
+    }
+    interface IconLoading {
+        "size"?: number;
+    }
+    interface IconLocationMarker {
+        "size"?: number;
+    }
+    interface IconPhone {
+        "size"?: number;
+    }
     interface LoginForm {
         "onSuccess"?: (user: User) => void;
     }
@@ -620,6 +685,11 @@ declare namespace LocalJSX {
         "chat-rooms": ChatRooms;
         "credit-card-types": CreditCardTypes;
         "google-map": GoogleMap;
+        "icon-checked": IconChecked;
+        "icon-date": IconDate;
+        "icon-loading": IconLoading;
+        "icon-location-marker": IconLocationMarker;
+        "icon-phone": IconPhone;
         "login-form": LoginForm;
         "notify-sounds": NotifySounds;
         "powered-by-favesalon": PoweredByFavesalon;
@@ -661,6 +731,11 @@ declare module "@stencil/core" {
             "chat-rooms": LocalJSX.ChatRooms & JSXBase.HTMLAttributes<HTMLChatRoomsElement>;
             "credit-card-types": LocalJSX.CreditCardTypes & JSXBase.HTMLAttributes<HTMLCreditCardTypesElement>;
             "google-map": LocalJSX.GoogleMap & JSXBase.HTMLAttributes<HTMLGoogleMapElement>;
+            "icon-checked": LocalJSX.IconChecked & JSXBase.HTMLAttributes<HTMLIconCheckedElement>;
+            "icon-date": LocalJSX.IconDate & JSXBase.HTMLAttributes<HTMLIconDateElement>;
+            "icon-loading": LocalJSX.IconLoading & JSXBase.HTMLAttributes<HTMLIconLoadingElement>;
+            "icon-location-marker": LocalJSX.IconLocationMarker & JSXBase.HTMLAttributes<HTMLIconLocationMarkerElement>;
+            "icon-phone": LocalJSX.IconPhone & JSXBase.HTMLAttributes<HTMLIconPhoneElement>;
             "login-form": LocalJSX.LoginForm & JSXBase.HTMLAttributes<HTMLLoginFormElement>;
             "notify-sounds": LocalJSX.NotifySounds & JSXBase.HTMLAttributes<HTMLNotifySoundsElement>;
             "powered-by-favesalon": LocalJSX.PoweredByFavesalon & JSXBase.HTMLAttributes<HTMLPoweredByFavesalonElement>;

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

@@ -129,19 +129,19 @@ declare class HttpService {
   fetchGiftCardSettings(salonId: any): Promise<any>;
   fetchSalonClientInfo(salonId: any, mobilePhone: any): Promise<{} | {}>;
   fetchMagensaCredentials(salonId: any): Promise<{
-    processorName: string;
     customerCode: string;
     username: string;
     password: string;
+    processorName: string;
     token: string;
   } | {
-    processorName?: undefined;
     customerCode?: undefined;
     username?: undefined;
     password?: undefined;
+    processorName?: undefined;
     token?: undefined;
   }>;
-  magensaProcessToken(options: any): Promise<any>;
+  magensaProcessToken(salonId: any, options: any): Promise<any>;
   magensaConfirmTransaction(options: any): Promise<any>;
 }
 declare const _default: () => HttpService;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "favesalon-embed",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Favesalon Embed",
   "author": "Trung Luu <trung@favesalon.com> (https://favesalon.com)",
   "main": "dist/index.cjs.js",
@@ -31,6 +31,7 @@
     "dayjs": "^1.10.7",
     "firebase": "^10.0.0",
     "glamor": "^2.20.40",
+    "inputmask": "^5.0.9",
     "lodash": "^4.17.21"
   },
   "devDependencies": {