favesalon-embed 1.0.22 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/favesalon-embed/activate-form.entry.js +1 -1
  2. package/dist/favesalon-embed/buy-giftcard-form.entry.js +218 -22
  3. package/dist/favesalon-embed/buy-giftcard-verification.entry.js +1 -1
  4. package/dist/favesalon-embed/change-password-form.entry.js +1 -1
  5. package/dist/favesalon-embed/chat-box.entry.js +1 -1
  6. package/dist/favesalon-embed/chat-button.entry.js +1 -1
  7. package/dist/favesalon-embed/chat-form.entry.js +1 -1
  8. package/dist/favesalon-embed/chat-messages.entry.js +1 -1
  9. package/dist/favesalon-embed/chat-rooms.entry.js +1 -1
  10. package/dist/favesalon-embed/favesalon-embed.esm.js +1 -1
  11. package/dist/favesalon-embed/login-form.entry.js +1 -1
  12. package/dist/favesalon-embed/register-form.entry.js +1 -1
  13. package/dist/favesalon-embed/reset-password-form.entry.js +1 -1
  14. package/dist/favesalon-embed/salon-info.entry.js +1 -1
  15. package/dist/favesalon-embed/salon-latest-reviews.entry.js +1 -1
  16. package/dist/favesalon-embed/salon-latest-styles.entry.js +1 -1
  17. package/dist/favesalon-embed/salon-locations.entry.js +1 -1
  18. package/dist/favesalon-embed/salon-lookbook.entry.js +1 -1
  19. package/dist/favesalon-embed/salon-reviews.entry.js +1 -1
  20. package/dist/favesalon-embed/salon-schedules.entry.js +1 -1
  21. package/dist/favesalon-embed/salon-services.entry.js +1 -1
  22. package/dist/favesalon-embed/salon-stylists.entry.js +1 -1
  23. package/dist/favesalon-embed/services-2993bf2a.js +24157 -0
  24. package/dist/favesalon-embed/services-54b63d13.js +24157 -0
  25. package/dist/favesalon-embed/{services-82948efc.js → services-97ad3e3d.js} +42 -8
  26. package/dist/favesalon-embed/{services-9e44a982.js → services-a7506d8c.js} +14 -10
  27. package/dist/favesalon-embed/{services-42acb174.js → services-cb90384e.js} +11 -8
  28. package/dist/favesalon-embed/style-detail.entry.js +1 -1
  29. package/dist/favesalon-embed/wizard-existing-user.entry.js +1 -1
  30. package/dist/favesalon-embed/wizard-new-user.entry.js +1 -1
  31. package/dist/types/components/buy-giftcard-form/buy-giftcard-form.d.ts +4 -0
  32. package/dist/types/services/services.d.ts +5 -13
  33. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService, g as get_1 } from './services-42acb174.js';
2
+ import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { I as Inputmask } from './inputmask-afacb9e0.js';
3
- import { _ as _root, i as isSymbol_1, a as isObject_1, H as HttpService, d as dayjs_min, b as dateFormat, g as get_1, s as shortDateFormat, c as getSalonImage, e as getSalonAddress } from './services-42acb174.js';
3
+ import { _ as _root, i as isSymbol_1, a as isObject_1, d as dayjs_min, b as dateFormat, c as dateTimeFormatAmPm, H as HttpService, g as get_1, s as shortDateFormat, e as getSalonImage, f as getSalonAddress } from './services-2993bf2a.js';
4
4
  import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-9bc404fc.js';
5
5
  import { C as Colors } from './colors-ea36347a.js';
6
6
 
@@ -326,7 +326,7 @@ var teConnectJs = createCommonjsModule(function (module, exports) {
326
326
 
327
327
  const teConnectJs$1 = /*@__PURE__*/getDefaultExportFromCjs(teConnectJs);
328
328
 
329
- 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)}}";
329
+ 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}.buy-giftcard--terms p{margin:0}.buy-giftcard--terms p+p{margin-top:1em}.buy-giftcard--terms-actions button:hover{opacity:0.85}@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)}}";
330
330
 
331
331
  var DeliveryType;
332
332
  (function (DeliveryType) {
@@ -363,6 +363,7 @@ const customStyles = {
363
363
  const BuyGiftcardForm = class {
364
364
  constructor(hostRef) {
365
365
  registerInstance(this, hostRef);
366
+ this.trackingEvents = [];
366
367
  this.onClickDeliveryDone = () => {
367
368
  const targetElement = document.getElementById('page--gift-card-style');
368
369
  targetElement && targetElement.scrollIntoView();
@@ -417,6 +418,20 @@ const BuyGiftcardForm = class {
417
418
  if (this.customAmount || this.selectedAmount) {
418
419
  if (this.recipientFirstName && this.recipientLastName) {
419
420
  if (this.selectedStyleId) {
421
+ this.trackingEvents = this.trackingEvents.concat([{
422
+ type: 'on_submit_gift_card_info',
423
+ data: {
424
+ giftCardInfo: {
425
+ customAmount: this.customAmount,
426
+ selectedAmount: this.selectedAmount,
427
+ selectedStyle: this.selectedStyleId,
428
+ recipientFirstName: this.recipientFirstName,
429
+ recipientLastName: this.recipientLastName,
430
+ recipientMessage: this.recipientMessage || '',
431
+ deliveryDate: this.deliveryDate ? dayjs_min(this.deliveryDate).format(dateFormat) : dayjs_min().format(dateFormat),
432
+ },
433
+ },
434
+ }]);
420
435
  this.step = FormStep.PaymentInfo;
421
436
  setTimeout(() => this.initMagensaPayment(), 350);
422
437
  }
@@ -432,6 +447,14 @@ const BuyGiftcardForm = class {
432
447
  this.errorMessage = 'Please select Gift card amount';
433
448
  }
434
449
  }
450
+ if (this.errorMessage) {
451
+ this.trackingEvents = this.trackingEvents.concat([{
452
+ type: 'on_submit_gift_card_info',
453
+ data: {
454
+ error: this.errorMessage,
455
+ },
456
+ }]);
457
+ }
435
458
  };
436
459
  this.salonId = undefined;
437
460
  this.teConnect = undefined;
@@ -456,6 +479,7 @@ const BuyGiftcardForm = class {
456
479
  this.isInvalidPhones = undefined;
457
480
  this.selectedStyleId = undefined;
458
481
  this.isDeliveryDoneVisible = undefined;
482
+ this.isTermsAccepted = undefined;
459
483
  }
460
484
  async componentDidLoad() {
461
485
  const promises = [
@@ -464,23 +488,76 @@ const BuyGiftcardForm = class {
464
488
  this.fetchMagensaCredentials(),
465
489
  ];
466
490
  await Promise.all(promises);
491
+ this.trackingEvents = this.trackingEvents.concat([{
492
+ type: 'init',
493
+ data: {
494
+ sourse: 'Favesalon components',
495
+ },
496
+ }]);
467
497
  this.isLoading = false;
468
498
  }
499
+ async saveTrackingData() {
500
+ try {
501
+ const accessToken = this.userInfo && this.userInfo.accessToken;
502
+ if (accessToken) {
503
+ const fakeId = dayjs_min().valueOf();
504
+ const data = {
505
+ salonId: this.salonInfo.id,
506
+ createdDate: dayjs_min().format(dateTimeFormatAmPm),
507
+ data: this.trackingEvents,
508
+ ...this.userInfo.id ? { userId: this.userInfo.id } : {},
509
+ };
510
+ const dataBlob = new Blob([JSON.stringify(data)], { type: 'application/json' });
511
+ const fileBlob = new File([dataBlob], `gift-card--salon-${this.salonInfo.id}--${fakeId}.json`);
512
+ const fileUrl = await HttpService().uploadFile(fileBlob, accessToken);
513
+ const errorEvent = this.trackingEvents.find(evt => evt.type === 'on_submit_error') || {};
514
+ await HttpService().log({
515
+ type: 'Gift Card: Create',
516
+ salon_id: this.salonInfo.id,
517
+ data: JSON.stringify({
518
+ title: `[Component] Online gift card in ${this.salonInfo.businessName}`,
519
+ options: { fileUrl },
520
+ error: get_1(errorEvent, 'data.error', ''),
521
+ }),
522
+ }, accessToken);
523
+ }
524
+ }
525
+ catch (e) { }
526
+ }
527
+ ;
469
528
  async fetchMagensaCredentials() {
470
529
  try {
471
530
  this.magensaCredentials = await HttpService().fetchMagensaCredentials(Number(this.salonId));
531
+ this.trackingEvents = this.trackingEvents.concat([{
532
+ type: 'fetch_magensa_credentials',
533
+ data: {
534
+ magensaCredentials: this.magensaCredentials,
535
+ },
536
+ }]);
472
537
  }
473
538
  catch (e) { }
474
539
  }
475
540
  async fetchSalonInfo() {
476
541
  try {
477
542
  this.salonInfo = await HttpService().fetchSalonInfo(Number(this.salonId));
543
+ this.trackingEvents = this.trackingEvents.concat([{
544
+ type: 'fetch_salon_info',
545
+ data: {
546
+ salonInfo: this.salonInfo,
547
+ },
548
+ }]);
478
549
  }
479
550
  catch (e) { }
480
551
  }
481
552
  async fetchGiftCardSettings() {
482
553
  try {
483
554
  this.giftCardSettings = await HttpService().fetchGiftCardSettings(Number(this.salonId));
555
+ this.trackingEvents = this.trackingEvents.concat([{
556
+ type: 'fetch_gift_card_settings',
557
+ data: {
558
+ giftCardSettings: this.giftCardSettings,
559
+ },
560
+ }]);
484
561
  }
485
562
  catch (e) { }
486
563
  }
@@ -544,7 +621,7 @@ const BuyGiftcardForm = class {
544
621
  top: '50%',
545
622
  fontSize: '18px',
546
623
  transform: 'translate(0, -50%)',
547
- } }, "$"), h("input", { type: "number", placeholder: "Enter a number", min: 1, value: this.customAmount, onInput: (evt) => {
624
+ } }, "$"), h("input", { min: 1, type: "number", placeholder: "Enter a number", autoComplete: "new-password", value: this.customAmount, onInput: (evt) => {
548
625
  this.selectedAmount = null;
549
626
  this.customAmount = evt.target.value;
550
627
  }, style: {
@@ -561,7 +638,7 @@ const BuyGiftcardForm = class {
561
638
  borderTop: `1px solid ${Colors.Gray03}`,
562
639
  marginTop: '24px',
563
640
  paddingTop: '16px',
564
- } }, h("div", { style: { fontSize: '18px' } }, "Recipient name"), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '12px' } }, h("div", { style: { width: '48%' } }, h("input", { placeholder: "First name", type: "text", value: this.recipientFirstName, onInput: (evt) => {
641
+ } }, h("div", { style: { fontSize: '18px' } }, "Recipient name"), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '12px' } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", placeholder: "First name", autoComplete: "new-password", value: this.recipientFirstName, onInput: (evt) => {
565
642
  this.recipientFirstName = evt.target.value.trim();
566
643
  }, style: {
567
644
  border: `1px solid ${Colors.Gray03}`,
@@ -573,7 +650,7 @@ const BuyGiftcardForm = class {
573
650
  width: '100%',
574
651
  fontSize: '18px',
575
652
  fontWeight: '600',
576
- } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { placeholder: "Last name", type: "text", value: this.recipientLastName, onInput: (evt) => {
653
+ } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { type: "text", placeholder: "Last name", autoComplete: "new-password", value: this.recipientLastName, onInput: (evt) => {
577
654
  this.recipientLastName = evt.target.value.trim();
578
655
  }, style: {
579
656
  border: `1px solid ${Colors.Gray03}`,
@@ -646,7 +723,7 @@ const BuyGiftcardForm = class {
646
723
  display: 'flex',
647
724
  alignItems: 'center',
648
725
  marginTop: '24px',
649
- } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", ref: el => this.deliveryInput = el, placeholder: isDeliveryEmail ? 'Enter email' : 'Enter phone', onInput: (evt) => this.onChangeEmail(evt.target.value.trim()), style: {
726
+ } }, h("div", { style: { width: '48%' } }, h("input", { type: "text", autoComplete: "new-password", ref: el => this.deliveryInput = el, placeholder: isDeliveryEmail ? 'Enter email' : 'Enter phone', onInput: (evt) => this.onChangeEmail(evt.target.value.trim()), style: {
650
727
  border: `1px solid ${Colors.Gray03}`,
651
728
  backgroundColor: Colors.White,
652
729
  color: Colors.TextColor,
@@ -656,7 +733,7 @@ const BuyGiftcardForm = class {
656
733
  width: '100%',
657
734
  fontSize: '18px',
658
735
  fontWeight: '600',
659
- } })), h("div", { style: { width: '48%', marginLeft: '4%', position: 'relative' } }, h("input", { type: "text", ref: el => this.deliveryReenterInput = el, placeholder: isDeliveryEmail ? 'Re-enter email' : 'Re-enter phone', onInput: (evt) => this.onChangeConfirmEmail(evt.target.value.trim()), style: {
736
+ } })), h("div", { style: { width: '48%', marginLeft: '4%', position: 'relative' } }, h("input", { type: "text", autoComplete: "new-password", ref: el => this.deliveryReenterInput = el, placeholder: isDeliveryEmail ? 'Re-enter email' : 'Re-enter phone', onInput: (evt) => this.onChangeConfirmEmail(evt.target.value.trim()), style: {
660
737
  border: `1px solid ${Colors.Gray03}`,
661
738
  backgroundColor: Colors.White,
662
739
  color: Colors.TextColor,
@@ -759,7 +836,7 @@ const BuyGiftcardForm = class {
759
836
  alignItems: 'center',
760
837
  justifyContent: 'center',
761
838
  paddingTop: '6px',
762
- } }, h("icon-date", null)), h("input", { class: "fs-input--date", type: "date", placeholder: "Today", min: dayjs_min().format(dateFormat), onInput: (evt) => {
839
+ } }, h("icon-date", null)), h("input", { type: "date", class: "fs-input--date", placeholder: "Today", autoComplete: "new-password", min: dayjs_min().format(dateFormat), onInput: (evt) => {
763
840
  this.deliveryDate = evt.target.value.trim();
764
841
  }, style: {
765
842
  position: 'absolute',
@@ -806,18 +883,38 @@ const BuyGiftcardForm = class {
806
883
  try {
807
884
  const { error, token } = await this.teConnect.createPayment();
808
885
  if (!error && token) {
886
+ this.trackingEvents = this.trackingEvents.concat([{
887
+ type: 'on_create_card_token',
888
+ data: {
889
+ token,
890
+ },
891
+ }]);
809
892
  return Promise.resolve({ token });
810
893
  }
894
+ this.trackingEvents = this.trackingEvents.concat([{
895
+ type: 'on_create_card_token',
896
+ data: {
897
+ error,
898
+ },
899
+ }]);
811
900
  return Promise.reject({ message: error });
812
901
  }
813
- catch (res) {
814
- return Promise.reject({ message: res.error || 'Something went wrong when processing your card' });
902
+ catch (response) {
903
+ const errorMessage = response.error || 'Something went wrong when processing your card';
904
+ this.trackingEvents = this.trackingEvents.concat([{
905
+ type: 'on_create_card_token',
906
+ data: {
907
+ error: errorMessage,
908
+ response,
909
+ },
910
+ }]);
911
+ return Promise.reject({ message: errorMessage });
815
912
  }
816
913
  }
817
914
  async processCardToken(Token) {
818
915
  const defaultErrorMessage = 'Something went wrong when creating payment transaction';
819
916
  try {
820
- const { MPPGv4WSFault, TransactionOutput } = await HttpService().magensaProcessToken(Number(this.salonId), {
917
+ const { MPPGv4WSFault, CustomerTransactionID, TransactionOutput } = await HttpService().magensaProcessToken(Number(this.salonId), {
821
918
  raw_data: [{
822
919
  Token,
823
920
  TransactionInput: {
@@ -827,16 +924,34 @@ const BuyGiftcardForm = class {
827
924
  },
828
925
  }],
829
926
  });
830
- if (!MPPGv4WSFault && TransactionOutput && TransactionOutput.TransactionID) {
831
- return Promise.resolve({ transactionID: TransactionOutput.TransactionID });
927
+ if (!MPPGv4WSFault) {
928
+ this.trackingEvents = this.trackingEvents.concat([{
929
+ type: 'process_magensa_token_success',
930
+ data: {
931
+ transactionID: CustomerTransactionID,
932
+ },
933
+ }]);
934
+ return Promise.resolve({ transactionID: CustomerTransactionID });
832
935
  }
833
936
  let message = MPPGv4WSFault && MPPGv4WSFault.FaultReason;
834
937
  if (!message && TransactionOutput && TransactionOutput.TransactionMessage) {
835
938
  message = TransactionOutput.TransactionMessage;
836
939
  }
940
+ this.trackingEvents = this.trackingEvents.concat([{
941
+ type: 'process_magensa_token_error',
942
+ data: {
943
+ error: message || defaultErrorMessage,
944
+ },
945
+ }]);
837
946
  return Promise.reject({ message: message || defaultErrorMessage });
838
947
  }
839
948
  catch (res) {
949
+ this.trackingEvents = this.trackingEvents.concat([{
950
+ type: 'process_magensa_token_error',
951
+ data: {
952
+ error: res.error || defaultErrorMessage,
953
+ },
954
+ }]);
840
955
  return Promise.reject({ message: res.error || defaultErrorMessage });
841
956
  }
842
957
  }
@@ -853,7 +968,7 @@ const BuyGiftcardForm = class {
853
968
  ? ((giftCardStyles || []).find(style => style.id === this.selectedStyleId) || {}).imageUrl : '';
854
969
  const recipientUserEmail = (this.recipientEmail || '').indexOf('@') > -1 ? this.recipientEmail : '';
855
970
  const recipientUserPhone = (this.recipientEmail || '').indexOf('@') === -1 ? this.recipientEmail : '';
856
- const response = await HttpService().onBuyGiftCard(this.salonInfo.id, {
971
+ const giftCardData = {
857
972
  source: '',
858
973
  amount: this.customAmount || this.selectedAmount || '',
859
974
  gift_card_style: selectedGiftCardStyle || '',
@@ -875,21 +990,57 @@ const BuyGiftcardForm = class {
875
990
  type: 'magensa',
876
991
  magensa_transaction_id: transactionID,
877
992
  },
878
- });
993
+ };
994
+ this.trackingEvents = this.trackingEvents.concat([{
995
+ type: 'on_submit_gift_card',
996
+ data: {
997
+ giftCardData,
998
+ },
999
+ }]);
1000
+ const response = await HttpService().onBuyGiftCard(this.salonInfo.id, giftCardData);
879
1001
  const { status, message } = (response.data || {});
880
1002
  if (status === true) {
1003
+ this.trackingEvents = this.trackingEvents.concat([{
1004
+ type: 'on_submit_succeed',
1005
+ data: {
1006
+ response,
1007
+ },
1008
+ }]);
1009
+ await this.saveTrackingData();
881
1010
  this.step = FormStep.PaymentSucceed;
882
1011
  }
883
1012
  else {
884
1013
  this.errorMessage = message || `Something went wrong when sending your gift card`;
1014
+ this.trackingEvents = this.trackingEvents.concat([{
1015
+ type: 'on_submit_error',
1016
+ data: {
1017
+ error: this.errorMessage,
1018
+ response,
1019
+ },
1020
+ }]);
1021
+ await this.saveTrackingData();
885
1022
  }
886
1023
  }
887
1024
  else {
888
1025
  this.errorMessage = `Something went wrong with your credit card`;
1026
+ this.trackingEvents = this.trackingEvents.concat([{
1027
+ type: 'on_submit_error',
1028
+ data: {
1029
+ error: 'No card token',
1030
+ },
1031
+ }]);
1032
+ await this.saveTrackingData();
889
1033
  }
890
1034
  }
891
1035
  catch (error) {
892
1036
  this.errorMessage = error.message || (error.error && error.error.message) || get_1(error, 'response.data.message') || `Something went wrong when sending your gift card`;
1037
+ this.trackingEvents = this.trackingEvents.concat([{
1038
+ type: 'on_submit_error',
1039
+ data: {
1040
+ error: this.errorMessage,
1041
+ },
1042
+ }]);
1043
+ await this.saveTrackingData();
893
1044
  }
894
1045
  }
895
1046
  this.isSubmitting = false;
@@ -907,7 +1058,10 @@ const BuyGiftcardForm = class {
907
1058
  fontSize: '18px',
908
1059
  fontWeight: '700',
909
1060
  marginLeft: '6px',
910
- } }, this.deliveryDate ? dayjs_min(this.deliveryDate).format(shortDateFormat) : 'Today')), h("div", { style: { fontSize: '18px', marginTop: '24px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { id: "buy-giftcard--payment", style: { height: '300px', maxWidth: '400px', marginTop: '24px' } }), h("div", { class: "fs--form--actions" }, h("button", { type: "button", disabled: this.isSubmitting, style: {
1061
+ } }, this.deliveryDate ? dayjs_min(this.deliveryDate).format(shortDateFormat) : 'Today')), h("div", { style: { fontSize: '18px', marginTop: '24px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { id: "buy-giftcard--payment", style: { height: '300px', maxWidth: '400px', marginTop: '24px' } }), h("div", { class: "fs--form--actions" }, this.errorMessage && (h("div", { style: {
1062
+ color: Colors.Red03,
1063
+ marginBottom: '16px',
1064
+ } }, this.errorMessage)), h("button", { type: "button", disabled: this.isSubmitting, style: {
911
1065
  border: `1px solid ${Colors.Secondary}`,
912
1066
  backgroundColor: Colors.Secondary,
913
1067
  color: Colors.White,
@@ -924,10 +1078,7 @@ const BuyGiftcardForm = class {
924
1078
  borderColor: Colors.Gray03,
925
1079
  backgroundColor: Colors.Gray03,
926
1080
  } : {},
927
- }, onClick: () => this.onSubmitPaymentForm() }, this.isSubmitting ? 'Processing...' : 'Submit', " ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))), this.errorMessage && (h("div", { style: {
928
- color: Colors.Red03,
929
- marginTop: '16px',
930
- } }, this.errorMessage)))));
1081
+ }, onClick: () => this.onSubmitPaymentForm() }, this.isSubmitting ? 'Processing...' : 'Submit', " ", this.isSubmitting && (h("span", { style: { marginLeft: '4px' } }, h("icon-loading", null)))))));
931
1082
  }
932
1083
  renderSalonInfo() {
933
1084
  const salonImageUrl = getSalonImage(this.salonInfo);
@@ -1037,6 +1188,52 @@ const BuyGiftcardForm = class {
1037
1188
  height: '40px',
1038
1189
  } }))));
1039
1190
  }
1191
+ renderContent() {
1192
+ const { acceptPaymentOnline, giftCardTerms, } = this.giftCardSettings || {};
1193
+ if (acceptPaymentOnline) {
1194
+ if (!this.isTermsAccepted && giftCardTerms) {
1195
+ return (h("div", null, h("div", { style: {
1196
+ color: Colors.Black,
1197
+ fontSize: '20px',
1198
+ fontWeight: '500',
1199
+ } }, "Gift Card Terms"), h("div", { class: "buy-giftcard--terms", innerHTML: giftCardTerms, style: {
1200
+ background: Colors.Gray01,
1201
+ borderRadius: '8px',
1202
+ fontSize: '16px',
1203
+ lineHeight: '1.5',
1204
+ marginTop: '16px',
1205
+ padding: '16px',
1206
+ } }), h("div", { class: "buy-giftcard--terms-actions", style: { marginTop: '16px', textAlign: 'right' } }, h("button", { type: "button", style: {
1207
+ backgroundColor: Colors.White,
1208
+ border: `1px solid ${Colors.Gray03}`,
1209
+ color: Colors.TextColor,
1210
+ borderRadius: '8px',
1211
+ cursor: 'pointer',
1212
+ fontSize: '16px',
1213
+ paddingLeft: '24px',
1214
+ paddingRight: '24px',
1215
+ height: '40px',
1216
+ marginRight: '12px',
1217
+ }, onClick: () => window.location.reload() }, "Cancel"), h("button", { type: "button", style: {
1218
+ backgroundColor: Colors.Secondary,
1219
+ border: `1px solid ${Colors.Secondary}`,
1220
+ color: Colors.White,
1221
+ borderRadius: '8px',
1222
+ cursor: 'pointer',
1223
+ fontSize: '16px',
1224
+ paddingLeft: '24px',
1225
+ paddingRight: '24px',
1226
+ height: '40px',
1227
+ }, onClick: () => this.isTermsAccepted = true }, "Agree"))));
1228
+ }
1229
+ if (this.userInfo) {
1230
+ return (h("div", null, this.step === FormStep.GiftCardInfo && this.renderGiftCardForm(), this.step === FormStep.PaymentInfo && this.renderPaymentForm(), this.step === FormStep.PaymentSucceed && this.renderPaymentSucceed()));
1231
+ }
1232
+ return this.renderUserVerificationForm();
1233
+ }
1234
+ ;
1235
+ return this.renderPaymentOnlineDisabled();
1236
+ }
1040
1237
  render() {
1041
1238
  if (this.isLoading) {
1042
1239
  return (h("div", { style: {
@@ -1046,7 +1243,6 @@ const BuyGiftcardForm = class {
1046
1243
  paddingBottom: '32px',
1047
1244
  } }, this.renderSkeletons()));
1048
1245
  }
1049
- const { acceptPaymentOnline, } = this.giftCardSettings || {};
1050
1246
  return (h("div", { class: "buy-giftcard--wrapper", style: { paddingBottom: '32px' } }, h("div", { style: { marginBottom: '32px' } }, h("div", { style: { backgroundColor: Colors.Secondary, height: '120px' } }), h("div", { style: {
1051
1247
  width: '90%',
1052
1248
  maxWidth: '600px',
@@ -1055,7 +1251,7 @@ const BuyGiftcardForm = class {
1055
1251
  width: '90%',
1056
1252
  maxWidth: '600px',
1057
1253
  margin: 'auto',
1058
- } }, !acceptPaymentOnline && this.renderPaymentOnlineDisabled(), acceptPaymentOnline && (h("div", null, !this.userInfo && this.renderUserVerificationForm(), this.userInfo && (h("div", null, this.step === FormStep.GiftCardInfo && this.renderGiftCardForm(), this.step === FormStep.PaymentInfo && this.renderPaymentForm(), this.step === FormStep.PaymentSucceed && this.renderPaymentSucceed())))))));
1254
+ } }, this.renderContent())));
1059
1255
  }
1060
1256
  };
1061
1257
  BuyGiftcardForm.style = buyGiftcardFormCss;
@@ -2,7 +2,7 @@ import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { I as Inputmask } from './inputmask-afacb9e0.js';
3
3
  import { f as formatPhoneNumber } from './utils-359c37f7.js';
4
4
  import { C as Colors } from './colors-ea36347a.js';
5
- import { H as HttpService } from './services-42acb174.js';
5
+ import { H as HttpService } from './services-2993bf2a.js';
6
6
  import './_commonjsHelpers-9bc404fc.js';
7
7
 
8
8
  const buyGiftcardVerificationCss = ".buy-giftcard--verification *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService, g as get_1 } from './services-42acb174.js';
2
+ import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
- import { H as HttpService } from './services-42acb174.js';
3
+ import { H as HttpService } from './services-2993bf2a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
6
6
  const indexCss = ".chat-widget,.chat-widget--sidebar,.chat-widget--content{display:flex;height:100%;width:100%}.chat-widget{font-size:16px;position:relative;font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chat-widget--sidebar,.chat-widget--content{background-color:#fff;border:1px solid #EFEFEF;position:absolute;inset:0;flex-direction:column}.chat-widget .chat-widget--sidebar{z-index:10}.chat-widget .chat-widget--content{z-index:5}.chat-widget.has-chat-room .chat-widget--content{z-index:10}.chat-widget--content-header{background-color:#001529;border-bottom:1px solid #EFEFEF;display:flex;align-items:center;justify-content:space-between;padding:16px}.chat-widget--content-title{font-size:20px;font-weight:600;line-height:1;margin:0}.chat-widget--content-close{border:1px solid #fff;cursor:pointer;display:block;position:absolute;z-index:1000;top:50%;right:0;width:30px;height:30px;transform:translate(0, -50%);-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}@media (min-width: 992px){.chat-widget--sidebar,.chat-widget--content{position:static;width:auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.chat-widget--sidebar{min-width:320px;max-width:320px;margin-right:24px}.chat-widget--content{flex-grow:1;flex-shrink:1}.chat-rooms--search,.chat-widget--content-header{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}}";
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
- import { H as HttpService } from './services-42acb174.js';
3
+ import { H as HttpService } from './services-2993bf2a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
6
6
  const indexCss = "@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); chat-button{display:block;position:relative}.chat-button--indicator{cursor:pointer;position:absolute;inset:0}.chat-button--counter{background-color:rgb(240, 90, 97);border:1px solid rgb(255, 255, 255);position:absolute;right:6px;top:0px;height:8px;width:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.chat-box{font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 24px;background-color:#fff;display:flex;flex-direction:column;position:fixed;right:1px;bottom:0px;z-index:20000;font-size:16px;text-align:left;color:#141414;width:80vw;height:480px;max-height:80vh}.chat-box--header{display:flex;justify-content:space-between;padding:16px;position:relative;-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}.chat-box--title{color:#fff;font-size:24px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:space-between;margin:0}.chat-box--close:hover{opacity:0.85}.chat-box--close{cursor:pointer;display:block;position:absolute;z-index:1000;top:50%;right:0;width:40px;height:40px;transform:translate(0, -50%);background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.chat-box--help{font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;right:16px;bottom:80px;z-index:20000}.chat-box--help-icon{background-color:rgba(0, 21, 41, 1);cursor:pointer;color:#fff;height:50px;width:50px;display:flex;align-items:center;justify-content:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}.chat-box--help-icon:hover{background-color:rgba(0, 21, 41, 0.85)}.chat-box--help-icon svg{height:30px;width:30px}.chat-box--help-close:hover{opacity:0.85}.chat-box--help-close{cursor:pointer;display:block;position:absolute;z-index:1000;top:6px;right:6px;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.chat-box--help-content-wrapper{background-color:#fff;border:1px solid #f5f5f5;width:200px;padding:20px;position:absolute;bottom:100%;right:-8px;margin-bottom:16px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px;box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 24px}.chat-box--help-content{cursor:pointer;display:flex;align-items:center}.chat-box--help-content:hover{opacity:0.85}.chat-box--help-content:before{content:' ';position:absolute;top:100%;right:22px;border-style:solid;border-width:10px;border-color:#f5f5f5 transparent transparent transparent}.chat-box--help-content:after{content:' ';position:absolute;margin-top:-1px;top:100%;right:22px;border-style:solid;border-width:10px;border-color:#fff transparent transparent transparent}.chat-box--help-avatar{margin-right:16px;height:48px;min-width:48px;max-width:48px;overflow:hidden;-moz-border-radius:48px;-webkit-border-radius:48px;border-radius:48px}.chat-box--help-avatar img{height:100%;width:100%;object-fit:cover}.chat-box--help-text{color:#141414;font-size:16px;line-height:1.3;text-align:left}@media (min-width: 768px){.chat-box{border:1px solid #fff;height:480px;max-height:90vh;width:560px}.chat-box--header{-moz-border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px}.chat-box--help{bottom:96px}}@media (min-width: 1024px){.chat-box--help{bottom:24px}}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { d as dayjs_min, H as HttpService } from './services-42acb174.js';
2
+ import { d as dayjs_min, H as HttpService } from './services-2993bf2a.js';
3
3
  import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9bc404fc.js';
4
4
  import './colors-ea36347a.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-42acb174.js';
2
+ import { d as dayjs_min, H as HttpService, t as timeFormatAmPm } from './services-2993bf2a.js';
3
3
  import { l as lodash } from './lodash-b4fe554a.js';
4
4
  import { C as Colors } from './colors-ea36347a.js';
5
5
  import { r as relativeTime } from './relativeTime-15477f02.js';
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { l as lodash } from './lodash-b4fe554a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import { H as HttpService } from './services-42acb174.js';
4
+ import { H as HttpService } from './services-2993bf2a.js';
5
5
  import { f as formatPhoneNumber } from './utils-359c37f7.js';
6
6
  import './_commonjsHelpers-9bc404fc.js';
7
7
 
@@ -144,5 +144,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
144
144
 
145
145
  patchBrowser().then(options => {
146
146
  globalScripts();
147
- 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",{"accessToken":[1,"access-token"],"sender":[16],"chatRoom":[16]}]]],["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);
147
+ 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],"isTermsAccepted":[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",{"accessToken":[1,"access-token"],"sender":[16],"chatRoom":[16]}]]],["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);
148
148
  });
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
- import { H as HttpService } from './services-42acb174.js';
3
+ import { H as HttpService } from './services-2993bf2a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
6
6
  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}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService, g as get_1 } from './services-42acb174.js';
2
+ import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService, g as get_1 } from './services-42acb174.js';
2
+ import { H as HttpService, g as get_1 } from './services-2993bf2a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService } from './services-42acb174.js';
2
+ import { H as HttpService } from './services-2993bf2a.js';
3
3
  import './_commonjsHelpers-9bc404fc.js';
4
4
  import './colors-ea36347a.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
- import { H as HttpService, d as dayjs_min, f as shortDateYearFormat } from './services-42acb174.js';
2
+ import { H as HttpService, d as dayjs_min, h as shortDateYearFormat } from './services-2993bf2a.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
4
  import { g as getRatingText } from './utils-359c37f7.js';
5
5
  import './_commonjsHelpers-9bc404fc.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
- import { H as HttpService, j as isVideoMedia } from './services-42acb174.js';
3
+ import { H as HttpService, k as isVideoMedia } from './services-2993bf2a.js';
4
4
  import './_commonjsHelpers-9bc404fc.js';
5
5
 
6
6
  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}}";