favesalon-embed 1.0.17 → 1.0.19

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

@@ -74,8 +74,8 @@ const WizardExistingUser = class {
           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',
@@ -83,9 +83,13 @@ const WizardExistingUser = class {
           width: '100%',
           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 ", 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}`,
+          ...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: {
@@ -127,9 +140,13 @@ const WizardExistingUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
+        ...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 && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" })))))));
+        ...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

@@ -106,8 +106,8 @@ const WizardNewUser = class {
           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',
@@ -115,9 +115,13 @@ const WizardNewUser = class {
           width: '100%',
           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 ", 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: {
+          ...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: {
@@ -159,9 +172,13 @@ const WizardNewUser = class {
         paddingRight: '24px',
         height: '48px',
         marginRight: '16px',
+        ...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 && (h("span", { class: "fs-spin", style: { marginLeft: '4px' } }, h("i", { class: "ri-loader-4-line" })))))));
+        ...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;

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/package.json

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