favesalon-embed 1.0.16 → 1.0.17

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

@@ -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,7 +70,7 @@ 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',
@@ -81,8 +81,8 @@ const WizardExistingUser = class {
           padding: '8px 16px',
           height: '48px',
           width: '100%',
-          fontSize: '18px',
-          fontWeight: '600',
+          fontSize: '22px',
+          fontWeight: '700',
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Secondary}`,
           background: Colors.Secondary,
@@ -95,7 +95,7 @@ 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: {
+        }, 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,
@@ -114,10 +114,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,7 +127,7 @@ const WizardExistingUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
-      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", style: {
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
         border: `1px solid ${Colors.Secondary}`,
         background: Colors.Secondary,
         color: Colors.White,
@@ -138,7 +138,7 @@ const WizardExistingUser = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
-      }, onClick: () => this.sendLoginCode() }, "Verify now"))));
+      }, 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;

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,7 +102,7 @@ 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',
@@ -113,8 +113,8 @@ const WizardNewUser = class {
           padding: '8px 16px',
           height: '48px',
           width: '100%',
-          fontSize: '18px',
-          fontWeight: '600',
+          fontSize: '22px',
+          fontWeight: '700',
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {
           border: `1px solid ${Colors.Secondary}`,
           background: Colors.Secondary,
@@ -127,7 +127,7 @@ 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: {
+        }, 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,
@@ -146,10 +146,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,7 +159,7 @@ const WizardNewUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
-      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", style: {
+      }, onClick: () => this.onClose() }, "Cancel"), h("button", { type: "button", disabled: this.isSubmitting, style: {
         border: `1px solid ${Colors.Secondary}`,
         background: Colors.Secondary,
         color: Colors.White,
@@ -170,7 +170,7 @@ const WizardNewUser = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
-      }, onClick: () => this.verifyAccount() }, "Verify now"))));
+      }, 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;

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

@@ -32,11 +32,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 +48,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/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.17",
   "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": {