favesalon-embed 1.0.19 → 1.0.21

package/dist/custom-elements/index.d.ts

@@ -14,6 +14,12 @@ export const BuyGiftcardForm: {
   new (): BuyGiftcardForm;
 };
 
+interface BuyGiftcardSucceed extends Components.BuyGiftcardSucceed, HTMLElement {}
+export const BuyGiftcardSucceed: {
+  prototype: BuyGiftcardSucceed;
+  new (): BuyGiftcardSucceed;
+};
+
 interface BuyGiftcardVerification extends Components.BuyGiftcardVerification, HTMLElement {}
 export const BuyGiftcardVerification: {
   prototype: BuyGiftcardVerification;

package/dist/favesalon-embed/buy-giftcard-form.entry.js

@@ -326,7 +326,7 @@ var teConnectJs = createCommonjsModule(function (module, exports) {
 
 const teConnectJs$1 = /*@__PURE__*/getDefaultExportFromCjs(teConnectJs);
 
-const buyGiftcardFormCss = "buy-giftcard-form{display:block;width:100%}.buy-giftcard-form *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.fs-input--date::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#f00;position:absolute;right:0;top:0;height:48px;width:48px}@media (max-width: 768px){.fs--form--actions{position:fixed;left:0;right:0;bottom:0;padding:16px;-moz-box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25);box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25)}}";
+const buyGiftcardFormCss = "buy-giftcard-form{display:block;width:100%}.buy-giftcard-form *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.buy-giftcard-form input[type=\"number\"]{padding:8px 16px 8px 28px !important}.fs-input--date::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#f00;position:absolute;right:0;top:0;height:48px;width:48px}@media (max-width: 768px){.fs--form--actions{position:fixed;left:0;right:0;bottom:0;padding:16px;-moz-box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25);box-shadow:0px 0px 24px rgba(0, 0, 0, 0.25)}}";
 
 var DeliveryType;
 (function (DeliveryType) {
@@ -552,7 +552,7 @@ const BuyGiftcardForm = class {
         backgroundColor: Colors.White,
         color: Colors.TextColor,
         borderRadius: '8px',
-        padding: '8px 16px 8px 28px',
+        padding: '8px 16px 8px 28px !important',
         height: '48px',
         width: '100%',
         fontSize: '18px',
@@ -800,15 +800,7 @@ const BuyGiftcardForm = class {
       } }, this.errorMessage))));
   }
   renderPaymentSucceed() {
-    return (h("div", { style: { paddingTop: '24px', textAlign: 'center' } }, h("div", { style: {
-        color: Colors.Success03,
-        alignItems: 'center',
-        justifyContent: 'center',
-        margin: 'auto',
-        display: 'flex',
-        height: '90px',
-        width: '90px',
-      } }, h("icon-checked", { size: 84 })), h("div", { style: { fontSize: '24px', fontWeight: '700', lineHeight: '1.4', marginTop: '24px' } }, "Thank you!"), h("div", { style: { marginTop: '12px' } }, "Your gift card has been purchased successfully")));
+    return (h("div", { style: { paddingTop: '24px' } }, h("buy-giftcard-succeed", null)));
   }
   async createCardPayment() {
     try {
@@ -932,7 +924,7 @@ const BuyGiftcardForm = class {
           borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
         } : {},
-      }, onClick: () => this.onSubmitPaymentForm() }, "Submit ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))), this.errorMessage && (h("div", { style: {
+      }, onClick: () => this.onSubmitPaymentForm() }, this.isSubmitting ? 'Processing...' : 'Submit', " ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))), this.errorMessage && (h("div", { style: {
         color: Colors.Red03,
         marginTop: '16px',
       } }, this.errorMessage)))));

package/dist/favesalon-embed/buy-giftcard-succeed.entry.js

@@ -0,0 +1,40 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { C as Colors } from './colors-ea36347a.js';
+
+const buyGiftcardSucceedCss = "";
+
+const BuyGiftcardSucceed = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.duration = 3;
+  }
+  componentDidLoad() {
+    this.countDown();
+  }
+  countDown() {
+    const interval = setInterval(() => {
+      this.duration = this.duration > 0 ? this.duration - 1 : 0;
+    }, 1000);
+    setTimeout(() => {
+      clearInterval(interval);
+      window.location.reload();
+    }, 10000);
+  }
+  render() {
+    return (h("div", { style: { textAlign: 'center' } }, h("div", { style: {
+        color: Colors.Success03,
+        alignItems: 'center',
+        justifyContent: 'center',
+        margin: 'auto',
+        display: 'flex',
+        height: '90px',
+        width: '90px',
+      } }, h("icon-checked", { size: 84 })), h("div", { style: { fontSize: '24px', fontWeight: '700', lineHeight: '1.4', marginTop: '24px' } }, "Thank you!"), h("div", { style: { marginTop: '12px' } }, "Your gift card has been purchased successfully"), h("div", { style: {
+        textAlign: 'center',
+        marginTop: '32px'
+      } }, "Redirect back to website in ", this.duration, " sec")));
+  }
+};
+BuyGiftcardSucceed.style = buyGiftcardSucceedCss;
+
+export { BuyGiftcardSucceed as buy_giftcard_succeed };

package/dist/favesalon-embed/buy-giftcard-verification.entry.js

@@ -36,16 +36,23 @@ const BuyGiftcardVerification = class {
     this.userInfo = undefined;
     this.inputtedPhone = undefined;
     this.isSearchingUser = undefined;
+    this.errorMessage = undefined;
   }
   componentDidLoad() {
     Inputmask({ mask: '(999) 999-9999' }).mask(this.nativeInput);
   }
   onSubmitUserInfo() {
-    if (this.userInfo && this.userInfo.id) {
-      this.step = FormStep.UserLogin;
+    const { firstName, lastName } = this.userInfo || {};
+    if (!!firstName && !!lastName) {
+      if (this.userInfo && this.userInfo.id) {
+        this.step = FormStep.UserLogin;
+      }
+      else {
+        this.step = FormStep.UserRegister;
+      }
     }
     else {
-      this.step = FormStep.UserRegister;
+      this.errorMessage = 'Please enter your first and last name to continue';
     }
   }
   renderUserInfoForm() {
@@ -74,7 +81,7 @@ const BuyGiftcardVerification = class {
         fontSize: '20px',
         fontWeight: '600',
         marginBottom: '12px',
-      } }, this.userInfo && this.userInfo.id ? 'Welcome back!' : 'Welcome', " ", this.inputtedPhone), h("div", { style: { display: 'flex', alignItems: 'center' } }, h("div", { style: { width: '48%' } }, h("label", { ...{ for: "form--verification-username" }, class: "form--verification-label", style: { color: Colors.Gray05 } }, "First name"), h("div", { style: { marginTop: '12px' } }, h("input", { id: "form--verification-firstname", type: "text", required: true, value: this.userInfo.firstName, onInput: (evt) => {
+      } }, this.userInfo && this.userInfo.id ? 'Welcome back!' : 'Welcome', " ", this.inputtedPhone), h("div", { style: { display: 'flex', alignItems: 'center' } }, h("div", { style: { width: '48%' } }, h("div", { style: { marginTop: '12px' } }, h("input", { id: "form--verification-firstname", type: "text", required: true, placeholder: "First name", value: this.userInfo.firstName, onInput: (evt) => {
         const firstName = evt.target.value.trim();
         this.userInfo = { ...this.userInfo, firstName };
       }, style: {
@@ -86,7 +93,7 @@ const BuyGiftcardVerification = class {
         width: '100%',
         fontSize: '18px',
         fontWeight: '700',
-      } }))), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("label", { ...{ for: "form--verification-username" }, class: "form--verification-label", style: { color: Colors.Gray05 } }, "Last name"), h("div", { style: { marginTop: '12px' } }, h("input", { id: "form--verification-lastname", type: "text", required: true, value: this.userInfo.lastName, onInput: (evt) => {
+      } }))), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("div", { style: { marginTop: '12px' } }, h("input", { id: "form--verification-lastname", type: "text", required: true, placeholder: "Last name", value: this.userInfo.lastName, onInput: (evt) => {
         const lastName = evt.target.value.trim();
         this.userInfo = { ...this.userInfo, lastName };
       }, style: {
@@ -112,7 +119,7 @@ const BuyGiftcardVerification = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
-      }, onClick: () => this.step = FormStep.InputPhone }, "Back"), h("button", { type: "button", style: {
+      }, onClick: () => this.step = FormStep.InputPhone }, "Back"), h("button", { type: "button", disabled: !this.userInfo.firstName || !this.userInfo.lastName, style: {
         border: `1px solid ${Colors.Secondary}`,
         backgroundColor: Colors.Secondary,
         borderRadius: '8px',
@@ -123,6 +130,11 @@ const BuyGiftcardVerification = class {
         paddingLeft: '24px',
         paddingRight: '24px',
         height: '48px',
+        ...!this.userInfo.firstName || !this.userInfo.lastName ? {
+          color: Colors.TextColor,
+          borderColor: Colors.Gray03,
+          backgroundColor: Colors.Gray03,
+        } : {},
       }, onClick: () => this.onSubmitUserInfo() }, "Next"))));
   }
   renderSearchClientForm() {
@@ -142,7 +154,6 @@ const BuyGiftcardVerification = class {
         flexShrink: '1',
         flexGrow: '1',
         ...this.isSearchingUser ? {
-          borderColor: Colors.Gray03,
           backgroundColor: Colors.Gray03,
         } : {},
       } }), formattedPhone && formattedPhone.length >= 10 && (h("button", { type: "button", disabled: this.isSearchingUser, style: {

package/dist/favesalon-embed/favesalon-embed.esm.js

@@ -144,5 +144,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["buy-giftcard-form",[[0,"buy-giftcard-form",{"salonId":[1,"salon-id"],"teConnect":[32],"isLoading":[32],"isSubmitting":[32],"errorMessage":[32],"userInfo":[32],"salonInfo":[32],"giftCardSettings":[32],"magensaCredentials":[32],"step":[32],"selectedAmount":[32],"customAmount":[32],"deliveryType":[32],"deliveryDate":[32],"recipientFirstName":[32],"recipientLastName":[32],"recipientEmail":[32],"recipientEmailConfirm":[32],"recipientMessage":[32],"isInvalidEmails":[32],"isInvalidPhones":[32],"selectedStyleId":[32],"isDeliveryDoneVisible":[32]}]]],["chat-button",[[0,"chat-button",{"primaryColor":[1,"primary-color"],"receiverId":[1,"receiver-id"],"receiverAvatar":[1,"receiver-avatar"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"senderIdState":[32],"accessTokenState":[32],"senderInfo":[32],"receiverInfo":[32],"chatRoom":[32],"chatMessages":[32],"isChatIconVisible":[32],"isChatHelpVisible":[32],"isChatExpanded":[32],"isChatVerificationExpanded":[32],"isChatExpandedOnScroll":[32],"onSetupChat":[64],"onClickChat":[64],"fetchData":[64],"onVerificationSuccess":[64]}]]],["chat-box",[[0,"chat-box",{"primaryColor":[1,"primary-color"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"salonId":[1,"salon-id"],"chatRooms":[32],"activeRoom":[32],"fetchData":[64]}]]],["salon-info",[[0,"salon-info",{"salonId":[2,"salon-id"],"salonInfo":[32],"fetchData":[64]}]]],["salon-latest-reviews",[[0,"salon-latest-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonReviews":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-lookbook",[[0,"salon-lookbook",{"salonId":[2,"salon-id"],"isLoading":[32],"isLoadingMore":[32],"hideLoadMore":[32],"currentPage":[32],"totalLookbooks":[32],"salonCategories":[32],"salonLookbooks":[32],"sortBy":[32],"filterBy":[32],"isLayoutSetup":[32],"fetchData":[64],"fetchLookbooks":[64],"onChangeFiltering":[64],"onChangeSorting":[64],"onLoadMore":[64],"fetchCategories":[64]}]]],["salon-reviews",[[0,"salon-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonInfo":[32],"stats":[32],"totalReviews":[32],"allReviews":[32],"isLoading":[32],"isSorting":[32],"isFiltering":[32],"isLoadingMore":[32],"canLoadMore":[32],"page":[32],"filterBy":[32],"sortBy":[32]}]]],["style-detail",[[0,"style-detail",{"salonId":[2,"salon-id"],"salonLookbook":[1,"salon-lookbook"],"lookbookInfo":[32],"isModalOpen":[32],"currentMediaIdx":[32],"currentMedia":[32],"albumMedias":[32],"similarStyles":[32],"totalComments":[32],"lookbookComments":[32],"isLayoutSetup":[32],"fetchData":[64]}]]],["salon-booking",[[0,"salon-booking",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-booking-modal",[[0,"salon-booking-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"redirectUrl":[1,"redirect-url"],"isModalOpen":[32]}]]],["salon-gift-card",[[0,"salon-gift-card",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-gift-card-modal",[[0,"salon-gift-card-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"isModalOpen":[32]}]]],["salon-ranking",[[0,"salon-ranking",{"ranking":[2],"height":[2],"width":[2]}]]],["salon-services",[[0,"salon-services",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"salonServices":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-stylists",[[0,"salon-stylists",{"salonId":[2,"salon-id"],"salonStylists":[32],"totalStylists":[32],"page":[32],"isLoading":[32],"isLoadingMore":[32],"canLoadMore":[32],"fetchData":[64],"onLoadMore":[64]}]]],["user-form",[[0,"user-form",{"onSuccess":[16],"type":[32],"currentUser":[32]}]]],["powered-by-favesalon",[[0,"powered-by-favesalon",{"css":[8]}]]],["buy-giftcard-verification",[[0,"buy-giftcard-verification",{"salonId":[1,"salon-id"],"onSuccess":[16],"step":[32],"userInfo":[32],"inputtedPhone":[32],"isSearchingUser":[32]}]]],["chat-rooms",[[0,"chat-rooms",{"senderId":[2,"sender-id"],"salonId":[2,"salon-id"],"chatRooms":[16],"clients":[16],"activeRoom":[16],"accessToken":[1,"access-token"],"onClickRoom":[16],"keyword":[32]}]]],["salon-locations",[[0,"salon-locations",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["credit-card-types",[[0,"credit-card-types",{"css":[8]}]]],["icon-checked",[[0,"icon-checked",{"size":[2]}]]],["icon-date",[[0,"icon-date",{"size":[2]}]]],["icon-location-marker",[[0,"icon-location-marker",{"size":[2]}]]],["icon-phone",[[0,"icon-phone",{"size":[2]}]]],["notify-sounds",[[0,"notify-sounds"]]],["salon-latest-styles",[[0,"salon-latest-styles",{"salonId":[2,"salon-id"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"isLoadingState":[32],"latestStyles":[32],"fetchData":[64]}]]],["salon-schedules",[[0,"salon-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["chat-messages",[[0,"chat-messages",{"sender":[16],"receiver":[16],"messages":[16],"chatRoomId":[1,"chat-room-id"],"messagesLength":[32],"isScrollIconVisible":[32]}]]],["icon-loading",[[0,"icon-loading",{"size":[2]}]]],["wizard-existing-user",[[0,"wizard-existing-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["wizard-new-user",[[0,"wizard-new-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"firstName":[1,"first-name"],"lastName":[1,"last-name"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["activate-form",[[0,"activate-form",{"username":[1],"password":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"onSubmit":[64],"resendCode":[64]}]]],["change-password-form",[[0,"change-password-form",{"username":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"password":[32],"onSubmit":[64],"resendCode":[64]}]]],["chat-form",[[0,"chat-form",{"senderId":[2,"sender-id"],"chatRoomId":[1,"chat-room-id"]}]]],["google-map",[[0,"google-map",{"locationName":[1,"location-name"],"locationAddress":[1,"location-address"]}]]],["login-form",[[0,"login-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"password":[32],"onSubmit":[64]}]]],["register-form",[[0,"register-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"firstName":[32],"lastName":[32],"email":[32],"phone":[32],"password":[32],"onSubmit":[64]}]]],["reset-password-form",[[0,"reset-password-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"onSubmit":[64]}]]],["user-avatar",[[0,"user-avatar",{"size":[2],"name":[1],"description":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
+  return bootstrapLazy([["buy-giftcard-form",[[0,"buy-giftcard-form",{"salonId":[1,"salon-id"],"teConnect":[32],"isLoading":[32],"isSubmitting":[32],"errorMessage":[32],"userInfo":[32],"salonInfo":[32],"giftCardSettings":[32],"magensaCredentials":[32],"step":[32],"selectedAmount":[32],"customAmount":[32],"deliveryType":[32],"deliveryDate":[32],"recipientFirstName":[32],"recipientLastName":[32],"recipientEmail":[32],"recipientEmailConfirm":[32],"recipientMessage":[32],"isInvalidEmails":[32],"isInvalidPhones":[32],"selectedStyleId":[32],"isDeliveryDoneVisible":[32]}]]],["chat-button",[[0,"chat-button",{"primaryColor":[1,"primary-color"],"receiverId":[1,"receiver-id"],"receiverAvatar":[1,"receiver-avatar"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"senderIdState":[32],"accessTokenState":[32],"senderInfo":[32],"receiverInfo":[32],"chatRoom":[32],"chatMessages":[32],"isChatIconVisible":[32],"isChatHelpVisible":[32],"isChatExpanded":[32],"isChatVerificationExpanded":[32],"isChatExpandedOnScroll":[32],"onSetupChat":[64],"onClickChat":[64],"fetchData":[64],"onVerificationSuccess":[64]}]]],["chat-box",[[0,"chat-box",{"primaryColor":[1,"primary-color"],"accessToken":[1,"access-token"],"senderId":[1,"sender-id"],"salonId":[1,"salon-id"],"chatRooms":[32],"activeRoom":[32],"fetchData":[64]}]]],["salon-info",[[0,"salon-info",{"salonId":[2,"salon-id"],"salonInfo":[32],"fetchData":[64]}]]],["salon-latest-reviews",[[0,"salon-latest-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonReviews":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-lookbook",[[0,"salon-lookbook",{"salonId":[2,"salon-id"],"isLoading":[32],"isLoadingMore":[32],"hideLoadMore":[32],"currentPage":[32],"totalLookbooks":[32],"salonCategories":[32],"salonLookbooks":[32],"sortBy":[32],"filterBy":[32],"isLayoutSetup":[32],"fetchData":[64],"fetchLookbooks":[64],"onChangeFiltering":[64],"onChangeSorting":[64],"onLoadMore":[64],"fetchCategories":[64]}]]],["salon-reviews",[[0,"salon-reviews",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"salonInfo":[32],"stats":[32],"totalReviews":[32],"allReviews":[32],"isLoading":[32],"isSorting":[32],"isFiltering":[32],"isLoadingMore":[32],"canLoadMore":[32],"page":[32],"filterBy":[32],"sortBy":[32]}]]],["style-detail",[[0,"style-detail",{"salonId":[2,"salon-id"],"salonLookbook":[1,"salon-lookbook"],"lookbookInfo":[32],"isModalOpen":[32],"currentMediaIdx":[32],"currentMedia":[32],"albumMedias":[32],"similarStyles":[32],"totalComments":[32],"lookbookComments":[32],"isLayoutSetup":[32],"fetchData":[64]}]]],["salon-booking",[[0,"salon-booking",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-booking-modal",[[0,"salon-booking-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"redirectUrl":[1,"redirect-url"],"isModalOpen":[32]}]]],["salon-gift-card",[[0,"salon-gift-card",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"buttonText":[1,"button-text"],"primaryColor":[1,"primary-color"]}]]],["salon-gift-card-modal",[[0,"salon-gift-card-modal",{"salonId":[2,"salon-id"],"primaryColor":[1,"primary-color"],"isModalOpen":[32]}]]],["salon-ranking",[[0,"salon-ranking",{"ranking":[2],"height":[2],"width":[2]}]]],["salon-services",[[0,"salon-services",{"salonId":[2,"salon-id"],"buttonClass":[1,"button-class"],"salonServices":[32],"isLoading":[32],"fetchData":[64]}]]],["salon-stylists",[[0,"salon-stylists",{"salonId":[2,"salon-id"],"salonStylists":[32],"totalStylists":[32],"page":[32],"isLoading":[32],"isLoadingMore":[32],"canLoadMore":[32],"fetchData":[64],"onLoadMore":[64]}]]],["user-form",[[0,"user-form",{"onSuccess":[16],"type":[32],"currentUser":[32]}]]],["buy-giftcard-verification",[[0,"buy-giftcard-verification",{"salonId":[1,"salon-id"],"onSuccess":[16],"step":[32],"userInfo":[32],"inputtedPhone":[32],"isSearchingUser":[32],"errorMessage":[32]}]]],["buy-giftcard-succeed",[[0,"buy-giftcard-succeed",{"duration":[32]}]]],["chat-rooms",[[0,"chat-rooms",{"senderId":[2,"sender-id"],"salonId":[2,"salon-id"],"chatRooms":[16],"clients":[16],"activeRoom":[16],"accessToken":[1,"access-token"],"onClickRoom":[16],"keyword":[32]}]]],["salon-locations",[[0,"salon-locations",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["credit-card-types",[[0,"credit-card-types",{"css":[8]}]]],["icon-date",[[0,"icon-date",{"size":[2]}]]],["icon-location-marker",[[0,"icon-location-marker",{"size":[2]}]]],["icon-phone",[[0,"icon-phone",{"size":[2]}]]],["notify-sounds",[[0,"notify-sounds"]]],["salon-latest-styles",[[0,"salon-latest-styles",{"salonId":[2,"salon-id"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"isLoadingState":[32],"latestStyles":[32],"fetchData":[64]}]]],["salon-schedules",[[0,"salon-schedules",{"salonId":[2,"salon-id"],"salonInfo":[1,"salon-info"],"isLoading":[4,"is-loading"],"withBorder":[4,"with-border"],"salonInfoState":[32]}]]],["chat-messages",[[0,"chat-messages",{"sender":[16],"receiver":[16],"messages":[16],"chatRoomId":[1,"chat-room-id"],"messagesLength":[32],"isScrollIconVisible":[32]}]]],["icon-loading",[[0,"icon-loading",{"size":[2]}]]],["wizard-existing-user",[[0,"wizard-existing-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["wizard-new-user",[[0,"wizard-new-user",{"salonId":[1,"salon-id"],"inputtedPhone":[1,"inputted-phone"],"firstName":[1,"first-name"],"lastName":[1,"last-name"],"onClose":[16],"onSuccess":[16],"step":[32],"errorMessage":[32],"isSubmitting":[32],"activatCode":[32]}]]],["activate-form",[[0,"activate-form",{"username":[1],"password":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"onSubmit":[64],"resendCode":[64]}]]],["change-password-form",[[0,"change-password-form",{"username":[1],"onSuccess":[16],"isSubmitting":[32],"error":[32],"confirmCode":[32],"password":[32],"onSubmit":[64],"resendCode":[64]}]]],["chat-form",[[0,"chat-form",{"senderId":[2,"sender-id"],"chatRoomId":[1,"chat-room-id"]}]]],["google-map",[[0,"google-map",{"locationName":[1,"location-name"],"locationAddress":[1,"location-address"]}]]],["icon-checked",[[0,"icon-checked",{"size":[2]}]]],["login-form",[[0,"login-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"password":[32],"onSubmit":[64]}]]],["powered-by-favesalon",[[0,"powered-by-favesalon",{"css":[8]}]]],["register-form",[[0,"register-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"firstName":[32],"lastName":[32],"email":[32],"phone":[32],"password":[32],"onSubmit":[64]}]]],["reset-password-form",[[0,"reset-password-form",{"onSuccess":[16],"isSubmitting":[32],"error":[32],"username":[32],"onSubmit":[64]}]]],["user-avatar",[[0,"user-avatar",{"size":[2],"name":[1],"description":[1],"nameStyle":[16],"shortName":[1,"short-name"],"avatar":[1]}]]]], options);
 });

package/dist/favesalon-embed/icon-loading.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-888e99e3.js';
 
-const iconLoadingCss = ".fs-spin svg{display:inline-block;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear}@-webkit-keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
+const iconLoadingCss = ".fs-spin,.fs-spin svg{display:inline-block;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear}@-webkit-keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loadingCircle{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
 
 const IconLoading = class {
   constructor(hostRef) {

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

@@ -20,7 +20,7 @@ const LoginForm = class {
     this.isSubmitting = true;
     if (this.username && this.password) {
       try {
-        const apiUrl = window.location.origin.indexOf('localhost') > -1 || window.location.origin.indexOf('favesalon.com') > -1
+        const apiUrl = window.location.origin.indexOf('192.168.2.3') > -1 || window.location.origin.indexOf('localhost') > -1 || window.location.origin.indexOf('favesalon.com') > -1
           ? 'https://favesalon.com'
           : window.location.origin;
         const userInfo = await HttpService().login(apiUrl, {

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

@@ -84,7 +84,6 @@ const WizardExistingUser = class {
           fontSize: '22px',
           fontWeight: '700',
           ...this.isSubmitting ? {
-            borderColor: Colors.Gray03,
             backgroundColor: Colors.Gray03,
           } : {},
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {

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

@@ -116,7 +116,6 @@ const WizardNewUser = class {
           fontSize: '22px',
           fontWeight: '700',
           ...this.isSubmitting ? {
-            borderColor: Colors.Gray03,
             backgroundColor: Colors.Gray03,
           } : {},
         } })), h("div", null, h("button", { type: "button", disabled: this.isSubmitting, style: {

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

@@ -0,0 +1,6 @@
+export declare class BuyGiftcardSucceed {
+  duration: number;
+  componentDidLoad(): void;
+  private countDown;
+  render(): any;
+}

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

@@ -13,6 +13,7 @@ export declare class BuyGiftcardVerification {
   userInfo: User;
   inputtedPhone: string;
   isSearchingUser: boolean;
+  errorMessage: string;
   componentDidLoad(): void;
   private onSubmitUserInfo;
   private renderUserInfoForm;

package/dist/types/components.d.ts

@@ -18,6 +18,8 @@ export namespace Components {
     interface BuyGiftcardForm {
         "salonId": string;
     }
+    interface BuyGiftcardSucceed {
+    }
     interface BuyGiftcardVerification {
         "onSuccess": (user: User) => void;
         "salonId": string;
@@ -224,6 +226,12 @@ declare global {
         prototype: HTMLBuyGiftcardFormElement;
         new (): HTMLBuyGiftcardFormElement;
     };
+    interface HTMLBuyGiftcardSucceedElement extends Components.BuyGiftcardSucceed, HTMLStencilElement {
+    }
+    var HTMLBuyGiftcardSucceedElement: {
+        prototype: HTMLBuyGiftcardSucceedElement;
+        new (): HTMLBuyGiftcardSucceedElement;
+    };
     interface HTMLBuyGiftcardVerificationElement extends Components.BuyGiftcardVerification, HTMLStencilElement {
     }
     var HTMLBuyGiftcardVerificationElement: {
@@ -455,6 +463,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "activate-form": HTMLActivateFormElement;
         "buy-giftcard-form": HTMLBuyGiftcardFormElement;
+        "buy-giftcard-succeed": HTMLBuyGiftcardSucceedElement;
         "buy-giftcard-verification": HTMLBuyGiftcardVerificationElement;
         "change-password-form": HTMLChangePasswordFormElement;
         "chat-box": HTMLChatBoxElement;
@@ -504,6 +513,8 @@ declare namespace LocalJSX {
     interface BuyGiftcardForm {
         "salonId"?: string;
     }
+    interface BuyGiftcardSucceed {
+    }
     interface BuyGiftcardVerification {
         "onSuccess"?: (user: User) => void;
         "salonId"?: string;
@@ -676,6 +687,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "activate-form": ActivateForm;
         "buy-giftcard-form": BuyGiftcardForm;
+        "buy-giftcard-succeed": BuyGiftcardSucceed;
         "buy-giftcard-verification": BuyGiftcardVerification;
         "change-password-form": ChangePasswordForm;
         "chat-box": ChatBox;
@@ -722,6 +734,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "activate-form": LocalJSX.ActivateForm & JSXBase.HTMLAttributes<HTMLActivateFormElement>;
             "buy-giftcard-form": LocalJSX.BuyGiftcardForm & JSXBase.HTMLAttributes<HTMLBuyGiftcardFormElement>;
+            "buy-giftcard-succeed": LocalJSX.BuyGiftcardSucceed & JSXBase.HTMLAttributes<HTMLBuyGiftcardSucceedElement>;
             "buy-giftcard-verification": LocalJSX.BuyGiftcardVerification & JSXBase.HTMLAttributes<HTMLBuyGiftcardVerificationElement>;
             "change-password-form": LocalJSX.ChangePasswordForm & JSXBase.HTMLAttributes<HTMLChangePasswordFormElement>;
             "chat-box": LocalJSX.ChatBox & JSXBase.HTMLAttributes<HTMLChatBoxElement>;

package/package.json

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