favesalon-embed 1.0.15 → 1.0.17

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
-import { d as dayjs_min, H as HttpService, i as isVideoMedia, g as getSalonImage, s as shortDateYearFormat } from './services-ece4767f.js';
-import { r as relativeTime } from './relativeTime-268e64b0.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-a4f66ccd.js';
+import './_commonjsHelpers-9bc404fc.js';
 
 const indexCss = ".salon-modal.salon-modal--lookbook-detail .salon-modal--close{display:none !important}.salon-modal.salon-modal--lookbook-detail .salon-modal--content{background-color:#fff;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;overflow-y:auto}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:240px !important}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnails{text-align:center}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnail{display:inline-block;margin-top:12px;margin-right:12px;height:40px;width:60px}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--button{border:none;position:absolute;top:50%;z-index:20;height:40px;width:40px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--prev{left:24px}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--next{right:24px}@media (min-width: 768px){.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:360px !important}}@media (min-width: 992px){.salon-modal.salon-modal--lookbook-detail .style-detail--slides--image{height:480px !important}.salon-modal.salon-modal--lookbook-detail .style-detail--slides--thumbnail{height:56px;width:72px}}";
 

package/dist/favesalon-embed/utils-00e4ed17.js

@@ -0,0 +1,33 @@
+function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function formatWebsiteUrl(website) {
+  return !!website ? website.indexOf('http') > -1 ? website : `http://${website}` : null;
+}
+function formatFullAddress(salon) {
+  const { businessAddress, city, state, zipcode, } = salon || {};
+  const stateFields = [state, zipcode].filter(field => !!field);
+  if (businessAddress) {
+    return [businessAddress, city]
+      .filter(field => !!field)
+      .concat(stateFields.length > 0 ? [stateFields.join(' ')] : [])
+      .join(', ');
+  }
+  return null;
+}
+function getRatingText() {
+  return ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
+}
+function formatPhoneNumber(phone) {
+  debugger;
+  return String(phone || '')
+    .replace('(', '')
+    .replace(')', '')
+    .replace('-', '')
+    .replaceAll(' ', '');
+}
+
+export { formatWebsiteUrl as a, formatFullAddress as b, formatPhoneNumber as f, getRatingText as g };

package/dist/favesalon-embed/utils-359c37f7.js

@@ -0,0 +1,33 @@
+function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function formatWebsiteUrl(website) {
+  return !!website ? website.indexOf('http') > -1 ? website : `http://${website}` : null;
+}
+function formatFullAddress(salon) {
+  const { businessAddress, city, state, zipcode, } = salon || {};
+  const stateFields = [state, zipcode].filter(field => !!field);
+  if (businessAddress) {
+    return [businessAddress, city]
+      .filter(field => !!field)
+      .concat(stateFields.length > 0 ? [stateFields.join(' ')] : [])
+      .join(', ');
+  }
+  return null;
+}
+function getRatingText() {
+  return ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
+}
+function formatPhoneNumber(phone) {
+  return String(phone || '')
+    .replaceAll('(', '')
+    .replaceAll(')', '')
+    .replaceAll('-', '')
+    .replaceAll('_', '')
+    .replaceAll(' ', '');
+}
+
+export { formatWebsiteUrl as a, formatFullAddress as b, formatPhoneNumber as f, getRatingText as g };

package/dist/favesalon-embed/utils-daaa9ecc.js

@@ -0,0 +1,34 @@
+function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function formatWebsiteUrl(website) {
+  return !!website ? website.indexOf('http') > -1 ? website : `http://${website}` : null;
+}
+function formatFullAddress(salon) {
+  const { businessAddress, city, state, zipcode, } = salon || {};
+  const stateFields = [state, zipcode].filter(field => !!field);
+  if (businessAddress) {
+    return [businessAddress, city]
+      .filter(field => !!field)
+      .concat(stateFields.length > 0 ? [stateFields.join(' ')] : [])
+      .join(', ');
+  }
+  return null;
+}
+function getRatingText() {
+  return ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
+}
+function formatPhoneNumber(phone) {
+  debugger;
+  return String(phone || '')
+    .replace('(', '')
+    .replace(')', '')
+    .replace('-', '')
+    .replace('_', '')
+    .replaceAll(' ', '');
+}
+
+export { formatWebsiteUrl as a, formatFullAddress as b, formatPhoneNumber as f, getRatingText as g };

package/dist/favesalon-embed/utils-e6e3f132.js

@@ -0,0 +1,33 @@
+function wait(time = 1000) {
+  return new Promise(resolve => setTimeout(() => resolve({}), time));
+}
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function formatWebsiteUrl(website) {
+  return !!website ? website.indexOf('http') > -1 ? website : `http://${website}` : null;
+}
+function formatFullAddress(salon) {
+  const { businessAddress, city, state, zipcode, } = salon || {};
+  const stateFields = [state, zipcode].filter(field => !!field);
+  if (businessAddress) {
+    return [businessAddress, city]
+      .filter(field => !!field)
+      .concat(stateFields.length > 0 ? [stateFields.join(' ')] : [])
+      .join(', ');
+  }
+  return null;
+}
+function getRatingText() {
+  return ['', 'Poor', 'Sufficient', 'Average', 'Well', 'Very good'];
+}
+function formatPhoneNumber(phone) {
+  return String(phone || '')
+    .replace('(', '')
+    .replace(')', '')
+    .replace('-', '')
+    .replace('_', '')
+    .replaceAll(' ', '');
+}
+
+export { formatWebsiteUrl as a, formatFullAddress as b, formatPhoneNumber as f, getRatingText as g };

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

@@ -0,0 +1,146 @@
+import { r as registerInstance, h } from './index-888e99e3.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';
+
+const wizardExistingUserCss = ".wizard-existing-user *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";
+
+var FormStep;
+(function (FormStep) {
+  FormStep["Info"] = "Info";
+  FormStep["Activate"] = "Activate";
+})(FormStep || (FormStep = {}));
+const WizardExistingUser = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.activateAccount = async () => {
+      this.isSubmitting = true;
+      this.errorMessage = null;
+      try {
+        const currentUser = await HttpService().loginByPhoneCode({
+          phone_number: this.inputtedPhone,
+          login_code: this.activatCode,
+        });
+        setTimeout(() => this.onSuccess(currentUser), 300);
+      }
+      catch (error) {
+        let errorMessage = get_1(error, 'response.data.message', null);
+        if ((errorMessage || '').indexOf('Email has been exists') > -1) {
+          errorMessage = 'There was an existing account with your inputted info';
+        }
+        this.errorMessage = errorMessage || `Something went wrong when creating your account`;
+      }
+      this.isSubmitting = false;
+    };
+    this.sendLoginCode = async (resend) => {
+      this.isSubmitting = true;
+      this.errorMessage = null;
+      try {
+        await HttpService().sendLoginCode(this.inputtedPhone, this.salonId);
+        if (!resend) {
+          this.step = FormStep.Activate;
+        }
+      }
+      catch (error) {
+        let errorMessage = get_1(error, 'response.data.message');
+        if (!errorMessage || errorMessage === 'Error!') {
+          const twilioErrorMessages = get_1(error, 'response.data.data.twilio_error', []);
+          if (twilioErrorMessages.length > 0) {
+            errorMessage = twilioErrorMessages[0].note || `Failed to send activate code to your phone. Please try again or contact us via info@favesalon.com for assistance`;
+          }
+        }
+        this.errorMessage = errorMessage || 'Something went wrong when re-sending the code';
+      }
+      this.isSubmitting = false;
+    };
+    this.salonId = undefined;
+    this.inputtedPhone = undefined;
+    this.onClose = undefined;
+    this.onSuccess = undefined;
+    this.step = FormStep.Info;
+    this.errorMessage = undefined;
+    this.isSubmitting = undefined;
+    this.activatCode = undefined;
+  }
+  render() {
+    if (this.step === FormStep.Activate) {
+      return (h("div", { class: "wizard-existing-user" }, this.errorMessage && (h("div", { style: {
+          backgroundColor: Colors.Red01,
+          border: `1px solid ${Colors.Red02}`,
+          marginBottom: '24px',
+          padding: '16px',
+        } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
+          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}`,
+          backgroundColor: Colors.White,
+          borderRadius: '8px',
+          padding: '8px 16px',
+          height: '48px',
+          width: '100%',
+          fontSize: '22px',
+          fontWeight: '700',
+        } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
+          border: `1px solid ${Colors.Secondary}`,
+          background: Colors.Secondary,
+          color: Colors.White,
+          borderRadius: '8px',
+          cursor: 'pointer',
+          fontSize: '16px',
+          fontWeight: '700',
+          paddingLeft: '24px',
+          paddingRight: '24px',
+          height: '48px',
+          width: '100%',
+        }, onClick: () => this.activateAccount() }, "Submit ", this.isSubmitting && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" }))))), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+          border: `1px solid ${Colors.Gray02}`,
+          background: Colors.White,
+          color: Colors.TextColor,
+          borderRadius: '8px',
+          cursor: 'pointer',
+          fontSize: '16px',
+          paddingLeft: '24px',
+          paddingRight: '24px',
+          height: '48px',
+          width: '100%',
+        }, onClick: () => this.sendLoginCode(true) }, "Did not get the code?"))));
+    }
+    return (h("div", { class: "wizard-existing-user" }, this.errorMessage && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '16px',
+      } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
+        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", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        background: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '48px',
+        marginRight: '16px',
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Secondary}`,
+        background: Colors.Secondary,
+        color: Colors.White,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '48px',
+      }, onClick: () => this.sendLoginCode() }, "Verify now ", this.isSubmitting && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" })))))));
+  }
+};
+WizardExistingUser.style = wizardExistingUserCss;
+
+export { WizardExistingUser as wizard_existing_user };

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

@@ -0,0 +1,178 @@
+import { r as registerInstance, h } from './index-888e99e3.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';
+
+const wizardNewUserCss = ".wizard-new-user *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";
+
+var FormStep;
+(function (FormStep) {
+  FormStep["Info"] = "Info";
+  FormStep["Activate"] = "Activate";
+  FormStep["NoCode"] = "No Code";
+})(FormStep || (FormStep = {}));
+const WizardNewUser = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.sendLoginCode = async (resend) => {
+      this.isSubmitting = true;
+      this.errorMessage = null;
+      try {
+        await HttpService().sendLoginCode(this.inputtedPhone, this.salonId);
+        if (!resend) {
+          this.step = FormStep.Activate;
+        }
+      }
+      catch (error) {
+        let errorMessage = get_1(error, 'response.data.message');
+        if (!errorMessage || errorMessage === 'Error!') {
+          const twilioErrorMessages = get_1(error, 'response.data.data.twilio_error', []);
+          if (twilioErrorMessages.length > 0) {
+            errorMessage = twilioErrorMessages[0].note || `Failed to send activate code to your phone. Please try again or contact us via info@favesalon.com for assistance`;
+          }
+        }
+        this.errorMessage = errorMessage || 'Something went wrong when re-sending the code';
+      }
+      this.isSubmitting = false;
+    };
+    this.activateAccount = async () => {
+      this.isSubmitting = true;
+      this.errorMessage = null;
+      try {
+        const currentUser = await HttpService().activateUserAccount({
+          email: `${this.inputtedPhone}@favesalon.com`,
+          code: this.activatCode,
+        });
+        setTimeout(() => this.onSuccess(currentUser), 300);
+      }
+      catch (error) {
+        let errorMessage = get_1(error, 'response.data.message', null);
+        if ((errorMessage || '').indexOf('Email has been exists') > -1) {
+          errorMessage = 'There was an existing account with your inputted info';
+        }
+        this.errorMessage = errorMessage || `Something went wrong when creating your account`;
+      }
+      this.isSubmitting = false;
+    };
+    this.verifyAccount = async () => {
+      this.isSubmitting = true;
+      this.errorMessage = null;
+      try {
+        await HttpService().createAccount({
+          email: `${this.inputtedPhone}@favesalon.com`,
+          mobile_phone: this.inputtedPhone,
+          first_name: this.firstName,
+          last_name: this.lastName,
+          password: '12345abc!',
+          user_type: 1, // Consumer account
+        });
+        this.step = FormStep.Activate;
+      }
+      catch (error) {
+        let errorMessage = get_1(error, 'response.data.message', null);
+        if (!errorMessage || errorMessage === 'Error!') {
+          const twilioErrorMessages = get_1(error, 'response.data.data.twilio_error', []);
+          if (twilioErrorMessages.length > 0) {
+            errorMessage = twilioErrorMessages[0].note || `Failed to send activate code to your phone. Please try again or contact us via info@favesalon.com for assistance`;
+          }
+        }
+        if ((errorMessage || '').indexOf('Email has been exists') > -1) {
+          errorMessage = 'There was an existing account with your inputted info';
+        }
+        this.errorMessage = errorMessage || `Something went wrong when creating your account`;
+      }
+      this.isSubmitting = false;
+    };
+    this.salonId = undefined;
+    this.inputtedPhone = undefined;
+    this.firstName = undefined;
+    this.lastName = undefined;
+    this.onClose = undefined;
+    this.onSuccess = undefined;
+    this.step = FormStep.Info;
+    this.errorMessage = undefined;
+    this.isSubmitting = undefined;
+    this.activatCode = undefined;
+  }
+  render() {
+    if (this.step === FormStep.Activate) {
+      return (h("div", { class: "wizard-new-user" }, this.errorMessage && (h("div", { style: {
+          backgroundColor: Colors.Red01,
+          border: `1px solid ${Colors.Red02}`,
+          marginBottom: '24px',
+          padding: '16px',
+        } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
+          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}`,
+          backgroundColor: Colors.White,
+          borderRadius: '8px',
+          padding: '8px 16px',
+          height: '48px',
+          width: '100%',
+          fontSize: '22px',
+          fontWeight: '700',
+        } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
+          border: `1px solid ${Colors.Secondary}`,
+          background: Colors.Secondary,
+          color: Colors.White,
+          borderRadius: '8px',
+          cursor: 'pointer',
+          fontSize: '16px',
+          fontWeight: '700',
+          paddingLeft: '24px',
+          paddingRight: '24px',
+          height: '48px',
+          width: '100%',
+        }, onClick: () => this.activateAccount() }, "Submit ", this.isSubmitting && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" }))))), h("div", { style: { marginTop: '16px' } }, h("button", { type: "button", disabled: this.isSubmitting, style: {
+          border: `1px solid ${Colors.Gray02}`,
+          background: Colors.White,
+          color: Colors.TextColor,
+          borderRadius: '8px',
+          cursor: 'pointer',
+          fontSize: '16px',
+          paddingLeft: '24px',
+          paddingRight: '24px',
+          height: '48px',
+          width: '100%',
+        }, onClick: () => this.sendLoginCode(true) }, "Did not get the code?"))));
+    }
+    return (h("div", { class: "wizard-new-user" }, this.errorMessage && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '16px',
+      } }, this.errorMessage)), h("div", { style: { marginBottom: '24px' } }, h("div", { style: {
+        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", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Gray03}`,
+        background: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '48px',
+        marginRight: '16px',
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Secondary}`,
+        background: Colors.Secondary,
+        color: Colors.White,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '48px',
+      }, onClick: () => this.verifyAccount() }, "Verify now ", this.isSubmitting && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" })))))));
+  }
+};
+WizardNewUser.style = wizardNewUserCss;
+
+export { WizardNewUser as wizard_new_user };

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

@@ -0,0 +1,57 @@
+import { User } from '../../types/user';
+import { Salon } from '../../types/salon';
+declare enum DeliveryType {
+  Email = 0,
+  SMS = 1
+}
+declare enum FormStep {
+  GiftCardInfo = "Gift Card Info",
+  PaymentInfo = "Payment Info",
+  PaymentSucceed = "Payment Succeed"
+}
+export declare class BuyGiftcardForm {
+  salonId: string;
+  teConnect: any;
+  isLoading: boolean;
+  isSubmitting: boolean;
+  errorMessage: string;
+  userInfo: User;
+  salonInfo: Salon;
+  giftCardSettings: any;
+  magensaCredentials: any;
+  step: FormStep;
+  selectedAmount: number;
+  customAmount: number;
+  deliveryType: DeliveryType;
+  deliveryDate: string;
+  recipientFirstName: string;
+  recipientLastName: string;
+  recipientEmail: string;
+  recipientEmailConfirm: string;
+  recipientMessage: string;
+  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;
+  private onChangeConfirmEmail;
+  private onSubmitGiftCardForm;
+  private renderGiftCardForm;
+  private renderPaymentSucceed;
+  private createCardPayment;
+  private processCardToken;
+  private onSubmitPaymentForm;
+  private renderPaymentForm;
+  private renderSalonInfo;
+  private renderSkeletons;
+  render(): any;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import { User } from '../../types/user';
+declare enum FormStep {
+  InputPhone = "Input Phone",
+  BookingGuests = "Booking Guests",
+  UserLogin = "User Login",
+  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;
+  private renderSearchClientForm;
+  render(): any;
+}
+export {};

package/dist/types/components/credit-card-types/credit-card-types.d.ts

@@ -0,0 +1,4 @@
+export declare class CreditCardTypes {
+  css: any;
+  render(): any;
+}

package/dist/types/components/powered-by-favesalon/powered-by-favesalon.d.ts

@@ -0,0 +1,4 @@
+export declare class PoweredByFavesalon {
+  css: any;
+  render(): any;
+}

package/dist/types/components/wizard-existing-user/wizard-existing-user.d.ts

@@ -0,0 +1,19 @@
+import { User } from '../../types/user';
+declare enum FormStep {
+  Info = "Info",
+  Activate = "Activate"
+}
+export declare class WizardExistingUser {
+  salonId: string;
+  inputtedPhone: string;
+  onClose: () => void;
+  onSuccess: (user: User) => void;
+  step: FormStep;
+  errorMessage: string;
+  isSubmitting: boolean;
+  activatCode: string;
+  private activateAccount;
+  private sendLoginCode;
+  render(): any;
+}
+export {};

package/dist/types/components/wizard-new-user/wizard-new-user.d.ts

@@ -0,0 +1,23 @@
+import { User } from '../../types/user';
+declare enum FormStep {
+  Info = "Info",
+  Activate = "Activate",
+  NoCode = "No Code"
+}
+export declare class WizardNewUser {
+  salonId: string;
+  inputtedPhone: string;
+  firstName: string;
+  lastName: string;
+  onClose: () => void;
+  onSuccess: (user: User) => void;
+  step: FormStep;
+  errorMessage: string;
+  isSubmitting: boolean;
+  activatCode: string;
+  private sendLoginCode;
+  private activateAccount;
+  private verifyAccount;
+  render(): any;
+}
+export {};