favesalon-embed 1.0.0 → 1.0.2

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 (156) hide show
  1. package/dist/custom-elements/index.d.ts +12 -0
  2. package/dist/{cjs/_commonjsHelpers-5cfcba41.js → favesalon-embed/_commonjsHelpers-a4f66ccd.js} +14 -6
  3. package/dist/{cjs/global-9073d10e.js → favesalon-embed/app-globals-15861a7f.js} +15 -8
  4. package/dist/{esm/global-e1089ffd.js → favesalon-embed/app-globals-270fe240.js} +16 -7
  5. package/dist/favesalon-embed/app-globals-437cc3f3.js +712 -0
  6. package/dist/favesalon-embed/app-globals-b8b0fc7a.js +712 -0
  7. package/dist/favesalon-embed/chat-button.entry.js +56 -0
  8. package/dist/favesalon-embed/chat-form.entry.js +39 -0
  9. package/dist/favesalon-embed/chat-messages.entry.js +51 -0
  10. package/dist/favesalon-embed/css-shim-b7d3d95f.js +4 -0
  11. package/dist/favesalon-embed/dom-64053c71.js +73 -0
  12. package/dist/favesalon-embed/favesalon-embed.css +2433 -4
  13. package/dist/favesalon-embed/favesalon-embed.esm.js +148 -1
  14. package/dist/{collection/components/google-map/index.js → favesalon-embed/google-map.entry.js} +12 -54
  15. package/dist/{esm/index-80523fec.js → favesalon-embed/index-00b83e1c.js} +425 -15
  16. package/dist/favesalon-embed/index-888e99e3.js +3371 -0
  17. package/dist/favesalon-embed/index-9ad82b12.js +3371 -0
  18. package/dist/favesalon-embed/index-aa906326.js +3371 -0
  19. package/dist/favesalon-embed/index-b97af793.js +3371 -0
  20. package/dist/favesalon-embed/index.esm.js +1 -0
  21. package/dist/favesalon-embed/relativeTime-268e64b0.js +7 -0
  22. package/dist/{esm → favesalon-embed}/salon-booking-modal.entry.js +1 -1
  23. package/dist/{esm → favesalon-embed}/salon-booking.entry.js +3 -3
  24. package/dist/{esm → favesalon-embed}/salon-gift-card-modal.entry.js +1 -1
  25. package/dist/{esm → favesalon-embed}/salon-gift-card.entry.js +3 -3
  26. package/dist/favesalon-embed/salon-info.entry.js +29 -0
  27. package/dist/{esm → favesalon-embed}/salon-latest-reviews.entry.js +4 -4
  28. package/dist/{collection/components/salon-latest-styles/index.js → favesalon-embed/salon-latest-styles.entry.js} +14 -99
  29. package/dist/{collection/components/salon-locations/index.js → favesalon-embed/salon-locations.entry.js} +15 -95
  30. package/dist/{esm → favesalon-embed}/salon-lookbook.entry.js +3 -3
  31. package/dist/{esm → favesalon-embed}/salon-ranking.entry.js +1 -1
  32. package/dist/{esm → favesalon-embed}/salon-reviews.entry.js +3 -3
  33. package/dist/{collection/components/salon-schedules/index.js → favesalon-embed/salon-schedules.entry.js} +14 -95
  34. package/dist/{esm → favesalon-embed}/salon-services.entry.js +3 -3
  35. package/dist/{esm → favesalon-embed}/salon-stylists.entry.js +3 -3
  36. package/dist/{esm/services-40a3e622.js → favesalon-embed/services-7cb8f2a6.js} +2469 -100
  37. package/dist/favesalon-embed/shadow-css-98135883.js +387 -0
  38. package/dist/{esm → favesalon-embed}/style-detail.entry.js +4 -4
  39. package/dist/{esm → favesalon-embed}/user-avatar.entry.js +2 -1
  40. package/dist/{esm/utils-e97485e0.js → favesalon-embed/utils-7de9628a.js} +3 -0
  41. package/dist/types/components/chat-button/index.d.ts +0 -8
  42. package/dist/types/components/chat-form/index.d.ts +6 -0
  43. package/dist/types/components/chat-messages/index.d.ts +14 -0
  44. package/dist/types/components.d.ts +40 -0
  45. package/package.json +1 -1
  46. package/dist/cjs/chat-button.cjs.entry.js +0 -118
  47. package/dist/cjs/colors-38421769.js +0 -69
  48. package/dist/cjs/favesalon-embed.cjs.js +0 -24
  49. package/dist/cjs/google-map_5.cjs.entry.js +0 -310
  50. package/dist/cjs/index-47c2a5f6.js +0 -1533
  51. package/dist/cjs/index-7f190886.js +0 -4396
  52. package/dist/cjs/index.cjs.js +0 -2
  53. package/dist/cjs/loader.cjs.js +0 -23
  54. package/dist/cjs/relativeTime-3721080d.js +0 -9
  55. package/dist/cjs/salon-booking-modal.cjs.entry.js +0 -30
  56. package/dist/cjs/salon-booking.cjs.entry.js +0 -51
  57. package/dist/cjs/salon-gift-card-modal.cjs.entry.js +0 -29
  58. package/dist/cjs/salon-gift-card.cjs.entry.js +0 -51
  59. package/dist/cjs/salon-latest-reviews.cjs.entry.js +0 -97
  60. package/dist/cjs/salon-lookbook.cjs.entry.js +0 -222
  61. package/dist/cjs/salon-ranking.cjs.entry.js +0 -60
  62. package/dist/cjs/salon-reviews.cjs.entry.js +0 -193
  63. package/dist/cjs/salon-services.cjs.entry.js +0 -81
  64. package/dist/cjs/salon-stylists.cjs.entry.js +0 -118
  65. package/dist/cjs/services-125c82d8.js +0 -21492
  66. package/dist/cjs/style-detail.cjs.entry.js +0 -312
  67. package/dist/cjs/user-avatar.cjs.entry.js +0 -45
  68. package/dist/cjs/utils-c5a33b3c.js +0 -23
  69. package/dist/collection/collection-manifest.json +0 -29
  70. package/dist/collection/components/chat-button/index.css +0 -122
  71. package/dist/collection/components/chat-button/index.js +0 -218
  72. package/dist/collection/components/chat-conversation/index.js +0 -103
  73. package/dist/collection/components/google-map/assets/map--placeholder.jpeg +0 -0
  74. package/dist/collection/components/google-map/index.css +0 -5
  75. package/dist/collection/components/salon-booking/index.css +0 -30
  76. package/dist/collection/components/salon-booking/index.js +0 -126
  77. package/dist/collection/components/salon-booking/salon-booking-modal.js +0 -92
  78. package/dist/collection/components/salon-gift-card/index.css +0 -30
  79. package/dist/collection/components/salon-gift-card/index.js +0 -126
  80. package/dist/collection/components/salon-gift-card/salon-gift-card-modal.js +0 -73
  81. package/dist/collection/components/salon-info/index.css +0 -1
  82. package/dist/collection/components/salon-info/index.js +0 -77
  83. package/dist/collection/components/salon-latest-reviews/index.css +0 -11
  84. package/dist/collection/components/salon-latest-reviews/index.js +0 -163
  85. package/dist/collection/components/salon-latest-styles/index.css +0 -12
  86. package/dist/collection/components/salon-locations/index.css +0 -24
  87. package/dist/collection/components/salon-lookbook/index.css +0 -15
  88. package/dist/collection/components/salon-lookbook/index.js +0 -368
  89. package/dist/collection/components/salon-ranking/index.css +0 -3
  90. package/dist/collection/components/salon-ranking/index.js +0 -117
  91. package/dist/collection/components/salon-reviews/index.css +0 -18
  92. package/dist/collection/components/salon-reviews/index.js +0 -249
  93. package/dist/collection/components/salon-schedules/index.css +0 -18
  94. package/dist/collection/components/salon-services/index.css +0 -1
  95. package/dist/collection/components/salon-services/index.js +0 -146
  96. package/dist/collection/components/salon-stylists/index.css +0 -43
  97. package/dist/collection/components/salon-stylists/index.js +0 -184
  98. package/dist/collection/components/style-detail/index.css +0 -76
  99. package/dist/collection/components/style-detail/index.js +0 -386
  100. package/dist/collection/components/user-avatar/index.css +0 -0
  101. package/dist/collection/components/user-avatar/index.js +0 -134
  102. package/dist/collection/constants/colors.js +0 -65
  103. package/dist/collection/global/global.js +0 -8
  104. package/dist/collection/index.js +0 -1
  105. package/dist/collection/mocks/users.js +0 -10
  106. package/dist/collection/services/services.js +0 -295
  107. package/dist/collection/types/chat.js +0 -23
  108. package/dist/collection/types/common.js +0 -11
  109. package/dist/collection/types/review.js +0 -39
  110. package/dist/collection/types/salon.js +0 -58
  111. package/dist/collection/types/service.js +0 -24
  112. package/dist/collection/types/style.js +0 -128
  113. package/dist/collection/types/stylist.js +0 -30
  114. package/dist/collection/types/user.js +0 -10
  115. package/dist/collection/utils/utils.js +0 -20
  116. package/dist/custom-elements/index.js +0 -28340
  117. package/dist/esm/_commonjsHelpers-098d5b27.js +0 -32
  118. package/dist/esm/chat-button.entry.js +0 -114
  119. package/dist/esm/favesalon-embed.js +0 -19
  120. package/dist/esm/google-map_5.entry.js +0 -302
  121. package/dist/esm/index-3fae868e.js +0 -1506
  122. package/dist/esm/index.js +0 -1
  123. package/dist/esm/loader.js +0 -19
  124. package/dist/esm/polyfills/core-js.js +0 -11
  125. package/dist/esm/polyfills/css-shim.js +0 -1
  126. package/dist/esm/polyfills/dom.js +0 -79
  127. package/dist/esm/polyfills/es5-html-element.js +0 -1
  128. package/dist/esm/polyfills/index.js +0 -34
  129. package/dist/esm/polyfills/system.js +0 -6
  130. package/dist/esm/relativeTime-cd452e6d.js +0 -7
  131. package/dist/favesalon-embed/p-019c5ccd.entry.js +0 -1
  132. package/dist/favesalon-embed/p-083a8821.entry.js +0 -1
  133. package/dist/favesalon-embed/p-0d0ed9ea.entry.js +0 -1
  134. package/dist/favesalon-embed/p-119db8de.entry.js +0 -1
  135. package/dist/favesalon-embed/p-1432c51b.entry.js +0 -1
  136. package/dist/favesalon-embed/p-22093506.entry.js +0 -1
  137. package/dist/favesalon-embed/p-32b314e9.js +0 -2
  138. package/dist/favesalon-embed/p-47e646f8.js +0 -1
  139. package/dist/favesalon-embed/p-4a5eca9a.js +0 -6
  140. package/dist/favesalon-embed/p-58d2e9be.js +0 -1
  141. package/dist/favesalon-embed/p-71404b6a.entry.js +0 -1
  142. package/dist/favesalon-embed/p-857c3a61.entry.js +0 -1
  143. package/dist/favesalon-embed/p-99ec77f7.entry.js +0 -1
  144. package/dist/favesalon-embed/p-a33331cc.js +0 -1
  145. package/dist/favesalon-embed/p-b0c3673a.entry.js +0 -1
  146. package/dist/favesalon-embed/p-b287b1ea.entry.js +0 -1
  147. package/dist/favesalon-embed/p-b3af7842.entry.js +0 -1
  148. package/dist/favesalon-embed/p-b630ae68.js +0 -1580
  149. package/dist/favesalon-embed/p-ce2c1c9a.entry.js +0 -1
  150. package/dist/favesalon-embed/p-d6083940.js +0 -1
  151. package/dist/favesalon-embed/p-d9b7ad58.entry.js +0 -1
  152. package/dist/favesalon-embed/p-fc9a5551.js +0 -6
  153. package/dist/index.cjs.js +0 -1
  154. package/dist/index.js +0 -1
  155. package/dist/types/components/chat-conversation/index.d.ts +0 -0
  156. /package/dist/{esm → favesalon-embed}/colors-ea36347a.js +0 -0
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,7 @@
1
+ import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-a4f66ccd.js';
2
+
3
+ var relativeTime = createCommonjsModule(function (module, exports) {
4
+ !function(r,e){"object"=='object'&&"undefined"!='object'?module.exports=e():"function"==typeof undefined&&undefined.amd?undefined(e):(r="undefined"!=typeof globalThis?globalThis:r||self).dayjs_plugin_relativeTime=e();}(commonjsGlobal,(function(){"use strict";return function(r,e,t){r=r||{};var n=e.prototype,o={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(r,e,t,o){return n.fromToBase(r,e,t,o)}t.en.relativeTime=o,n.fromToBase=function(e,n,i,d,u){for(var f,a,s,l=i.$locale().relativeTime||o,h=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=h.length,c=0;c<m;c+=1){var y=h[c];y.d&&(f=d?t(e).diff(i,y.d,!0):i.diff(e,y.d,!0));var p=(r.rounding||Math.round)(Math.abs(f));if(s=f>0,p<=y.r||!y.r){p<=1&&c>0&&(y=h[c-1]);var v=l[y.l];u&&(p=u(""+p)),a="string"==typeof v?v.replace("%d",p):v(p,n,y.l,s);break}}if(n)return a;var M=s?l.future:l.past;return "function"==typeof M?M(a):M.replace("%s",a)},n.to=function(r,e){return i(r,e,this,!0)},n.from=function(r,e){return i(r,e,this)};var d=function(r){return r.$u?t.utc():t()};n.toNow=function(r){return this.to(d(this),r)},n.fromNow=function(r){return this.from(d(this),r)};}}));
5
+ });
6
+
7
+ export { relativeTime as r };
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
3
 
4
4
  const indexCss = ".salon-modal.salon-modal--booking:before{display:none}.salon-modal.salon-modal--booking .salon-modal--inner,.salon-modal.salon-modal--booking .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--booking .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--booking .salon-modal--close{right:20px;top:20px}}";
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
2
- import { c as color, l as lib } from './index-80523fec.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { c as color, l as lib } from './index-00b83e1c.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import './_commonjsHelpers-098d5b27.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = ".salon-modal.salon-modal--booking:before{display:none}.salon-modal.salon-modal--booking .salon-modal--inner,.salon-modal.salon-modal--booking .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--booking .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--booking .salon-modal--close{right:20px;top:20px}}";
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
3
 
4
4
  const indexCss = ".salon-modal.salon-modal--gift-card:before{display:none}.salon-modal.salon-modal--gift-card .salon-modal--inner,.salon-modal.salon-modal--gift-card .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--gift-card .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--gift-card .salon-modal--close{right:20px;top:20px}}";
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
2
- import { c as color, l as lib } from './index-80523fec.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { c as color, l as lib } from './index-00b83e1c.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import './_commonjsHelpers-098d5b27.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = ".salon-modal.salon-modal--gift-card:before{display:none}.salon-modal.salon-modal--gift-card .salon-modal--inner,.salon-modal.salon-modal--gift-card .salon-modal--content{max-width:none;width:100%;height:100%}.salon-modal.salon-modal--gift-card .salon-modal--close{background-color:#EFEFEF;width:40px;height:40px;right:16px;top:16px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}@media (min-width: 768px){.salon-modal.salon-modal--gift-card .salon-modal--close{right:20px;top:20px}}";
7
7
 
@@ -0,0 +1,29 @@
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { H as HttpService } from './services-7cb8f2a6.js';
3
+ import './_commonjsHelpers-a4f66ccd.js';
4
+ import './colors-ea36347a.js';
5
+
6
+ const indexCss = "";
7
+
8
+ const SalonInfo = class {
9
+ constructor(hostRef) {
10
+ registerInstance(this, hostRef);
11
+ this.salonId = undefined;
12
+ this.salonInfo = undefined;
13
+ }
14
+ componentWillLoad() {
15
+ this.fetchData();
16
+ }
17
+ async fetchData() {
18
+ try {
19
+ this.salonInfo = await HttpService().fetchSalonInfo(this.salonId);
20
+ }
21
+ catch (e) { }
22
+ }
23
+ render() {
24
+ return (h("div", { class: "salon-info" }, h("div", { class: "container" }, h("div", { class: "salon-info--schedules", style: { marginBottom: '24px' } }, h("salon-schedules", { "with-border": true, "is-loading": !this.salonInfo, "salon-id": 49989, "salon-info": JSON.stringify(this.salonInfo) })), h("div", { class: "row" }, h("div", { class: "col-md-5", style: { marginBottom: '24px' } }, h("salon-locations", { "with-border": true, "is-loading": !this.salonInfo, "salon-id": 49989, "salon-info": JSON.stringify(this.salonInfo) })), h("div", { class: "col-md-7", style: { marginBottom: '24px' } }, h("salon-latest-styles", { "with-border": true, "is-loading": !this.salonInfo, "salon-id": 49989, "salon-info": JSON.stringify(this.salonInfo) }))))));
25
+ }
26
+ };
27
+ SalonInfo.style = indexCss;
28
+
29
+ export { SalonInfo as salon_info };
@@ -1,8 +1,8 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
2
- import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-40a3e622.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-7cb8f2a6.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import { g as getRatingText } from './utils-e97485e0.js';
5
- import './_commonjsHelpers-098d5b27.js';
4
+ import { g as getRatingText } from './utils-7de9628a.js';
5
+ import './_commonjsHelpers-a4f66ccd.js';
6
6
 
7
7
  const indexCss = ".salon-latest-reviews .salon-review{min-width:280px}@media (min-width: 768px){.salon-latest-reviews .salon-review{min-width:300px}}";
8
8
 
@@ -1,9 +1,13 @@
1
- import { h } from '@stencil/core';
2
- import { Colors } from '../../constants/colors';
3
- import { isVideoMedia } from '../../types/style';
4
- import HttpService from '../../services/services';
5
- export class SalonLatestStyles {
6
- constructor() {
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { C as Colors } from './colors-ea36347a.js';
3
+ import { H as HttpService, i as isVideoMedia } from './services-7cb8f2a6.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
+
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}}";
7
+
8
+ const SalonLatestStyles = class {
9
+ constructor(hostRef) {
10
+ registerInstance(this, hostRef);
7
11
  this.salonId = undefined;
8
12
  this.isLoading = undefined;
9
13
  this.withBorder = undefined;
@@ -88,96 +92,7 @@ export class SalonLatestStyles {
88
92
  } }))))));
89
93
  })))));
90
94
  }
91
- static get is() { return "salon-latest-styles"; }
92
- static get originalStyleUrls() {
93
- return {
94
- "$": ["index.css"]
95
- };
96
- }
97
- static get styleUrls() {
98
- return {
99
- "$": ["index.css"]
100
- };
101
- }
102
- static get properties() {
103
- return {
104
- "salonId": {
105
- "type": "number",
106
- "mutable": false,
107
- "complexType": {
108
- "original": "number",
109
- "resolved": "number",
110
- "references": {}
111
- },
112
- "required": false,
113
- "optional": false,
114
- "docs": {
115
- "tags": [],
116
- "text": ""
117
- },
118
- "attribute": "salon-id",
119
- "reflect": false
120
- },
121
- "isLoading": {
122
- "type": "boolean",
123
- "mutable": false,
124
- "complexType": {
125
- "original": "boolean",
126
- "resolved": "boolean",
127
- "references": {}
128
- },
129
- "required": false,
130
- "optional": true,
131
- "docs": {
132
- "tags": [],
133
- "text": ""
134
- },
135
- "attribute": "is-loading",
136
- "reflect": false
137
- },
138
- "withBorder": {
139
- "type": "boolean",
140
- "mutable": false,
141
- "complexType": {
142
- "original": "boolean",
143
- "resolved": "boolean",
144
- "references": {}
145
- },
146
- "required": false,
147
- "optional": true,
148
- "docs": {
149
- "tags": [],
150
- "text": ""
151
- },
152
- "attribute": "with-border",
153
- "reflect": false
154
- }
155
- };
156
- }
157
- static get states() {
158
- return {
159
- "isLoadingState": {},
160
- "latestStyles": {}
161
- };
162
- }
163
- static get methods() {
164
- return {
165
- "fetchData": {
166
- "complexType": {
167
- "signature": "() => Promise<boolean>",
168
- "parameters": [],
169
- "references": {
170
- "Promise": {
171
- "location": "global"
172
- }
173
- },
174
- "return": "Promise<boolean>"
175
- },
176
- "docs": {
177
- "text": "",
178
- "tags": []
179
- }
180
- }
181
- };
182
- }
183
- }
95
+ };
96
+ SalonLatestStyles.style = indexCss;
97
+
98
+ export { SalonLatestStyles as salon_latest_styles };
@@ -1,9 +1,14 @@
1
- import { h } from '@stencil/core';
2
- import { formatFullAddress, formatWebsiteUrl } from '../../utils/utils';
3
- import { Colors } from '../../constants/colors';
4
- import HttpService from '../../services/services';
5
- export class SalonLocations {
6
- constructor() {
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { f as formatWebsiteUrl, a as formatFullAddress } from './utils-7de9628a.js';
3
+ import { C as Colors } from './colors-ea36347a.js';
4
+ import { H as HttpService } from './services-7cb8f2a6.js';
5
+ import './_commonjsHelpers-a4f66ccd.js';
6
+
7
+ const indexCss = "@media (min-width: 768px){salon-locations .salon-contact--links{overflow:hidden;margin-left:-32px}salon-locations .salon-contact--links-item{float:left;display:flex;flex-direction:row;align-items:center;font-size:16px;min-width:300px;padding-left:32px}salon-locations .salon-contact--links-item:nth-child(2n+1){clear:left}salon-locations .salon-contact--links-item+.salon-contact--links-item{margin-top:8px}}";
8
+
9
+ const SalonLocations = class {
10
+ constructor(hostRef) {
11
+ registerInstance(this, hostRef);
7
12
  this.salonId = undefined;
8
13
  this.salonInfo = undefined;
9
14
  this.isLoading = undefined;
@@ -52,92 +57,7 @@ export class SalonLocations {
52
57
  const fullAddress = formatFullAddress(this.salonInfoState);
53
58
  return (h("div", { class: "view view--salon-locations" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "Contact"), h("div", { class: "salon-contact--links", style: { marginTop: '16px' } }, businessPhone && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-phone-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `tel:${businessPhone}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, businessPhone))), websiteUrl && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-links-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { target: websiteUrl && websiteUrl.indexOf(window.location.hostname) === -1 ? '_blank' : undefined, href: websiteUrl, style: { color: Colors.TextColor, textDecoration: 'none' } }, websiteUrl))), email && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-mail-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `mailto:${email}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, email)))), h("div", { class: "view--salon-info--map", style: { marginTop: '24px' } }, h("google-map", { "location-name": businessName, "location-address": fullAddress })))));
54
59
  }
55
- static get is() { return "salon-locations"; }
56
- static get originalStyleUrls() {
57
- return {
58
- "$": ["index.css"]
59
- };
60
- }
61
- static get styleUrls() {
62
- return {
63
- "$": ["index.css"]
64
- };
65
- }
66
- static get properties() {
67
- return {
68
- "salonId": {
69
- "type": "number",
70
- "mutable": false,
71
- "complexType": {
72
- "original": "number",
73
- "resolved": "number",
74
- "references": {}
75
- },
76
- "required": false,
77
- "optional": false,
78
- "docs": {
79
- "tags": [],
80
- "text": ""
81
- },
82
- "attribute": "salon-id",
83
- "reflect": false
84
- },
85
- "salonInfo": {
86
- "type": "string",
87
- "mutable": false,
88
- "complexType": {
89
- "original": "string",
90
- "resolved": "string",
91
- "references": {}
92
- },
93
- "required": false,
94
- "optional": true,
95
- "docs": {
96
- "tags": [],
97
- "text": ""
98
- },
99
- "attribute": "salon-info",
100
- "reflect": false
101
- },
102
- "isLoading": {
103
- "type": "boolean",
104
- "mutable": false,
105
- "complexType": {
106
- "original": "boolean",
107
- "resolved": "boolean",
108
- "references": {}
109
- },
110
- "required": false,
111
- "optional": true,
112
- "docs": {
113
- "tags": [],
114
- "text": ""
115
- },
116
- "attribute": "is-loading",
117
- "reflect": false
118
- },
119
- "withBorder": {
120
- "type": "boolean",
121
- "mutable": false,
122
- "complexType": {
123
- "original": "boolean",
124
- "resolved": "boolean",
125
- "references": {}
126
- },
127
- "required": false,
128
- "optional": true,
129
- "docs": {
130
- "tags": [],
131
- "text": ""
132
- },
133
- "attribute": "with-border",
134
- "reflect": false
135
- }
136
- };
137
- }
138
- static get states() {
139
- return {
140
- "salonInfoState": {}
141
- };
142
- }
143
- }
60
+ };
61
+ SalonLocations.style = indexCss;
62
+
63
+ export { SalonLocations as salon_locations };
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
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-40a3e622.js';
4
- import './_commonjsHelpers-098d5b27.js';
3
+ import { H as HttpService } from './services-7cb8f2a6.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = "@media (max-width: 768px){salon-lookbook .view-header{display:block !important}salon-lookbook .salon-loobook--serch-result{margin-bottom:16px}salon-lookbook .salon-loobook--filter-wrapper>label,salon-lookbook .salon-loobook--sort-wrapper>label{display:none !important}}";
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
2
  import { C as Colors } from './colors-ea36347a.js';
3
3
 
4
4
  const indexCss = "salon-ranking{display:block}";
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
2
- import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-40a3e622.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-7cb8f2a6.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import './_commonjsHelpers-098d5b27.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = "@media (max-width: 768px){salon-reviews .salon-reviews{flex-direction:column !important}salon-reviews .salon-reviews--filters--options{display:none !important}salon-reviews .salon-reviews--list{padding-top:32px !important;padding-left:0px !important}salon-reviews .reviews-list--sorting>label{display:none !important}}";
7
7
 
@@ -1,9 +1,13 @@
1
- import { h } from '@stencil/core';
2
- import { BusinessHourStatus } from '../../types/salon';
3
- import HttpService from '../../services/services';
4
- import { Colors } from '../../constants/colors';
5
- export class SalonSchedules {
6
- constructor() {
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { H as HttpService, B as BusinessHourStatus } from './services-7cb8f2a6.js';
3
+ import { C as Colors } from './colors-ea36347a.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
+
6
+ const indexCss = "salon-schedules .salon-schedules--day{display:flex;flex-direction:row;min-width:240px}@media (min-width: 768px){salon-schedules .salon-schedules--dates{overflow:hidden;margin-left:-32px}salon-schedules .salon-schedules--day{float:left;padding-left:32px}}";
7
+
8
+ const SalonSchedules = class {
9
+ constructor(hostRef) {
10
+ registerInstance(this, hostRef);
7
11
  this.salonId = undefined;
8
12
  this.salonInfo = undefined;
9
13
  this.isLoading = undefined;
@@ -76,92 +80,7 @@ export class SalonSchedules {
76
80
  const { about, businessHours, } = (this.salonInfoState || {});
77
81
  return (h("div", { class: "view view--salon-contact" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "About"), about && (h("div", { class: "salon-contact--info--desc", style: { fontSize: '16px', marginTop: '16px' }, innerHTML: about })), businessHours && businessHours.length > 0 && (h("div", { class: "salon-schedules", style: { marginTop: '24px' } }, h("div", { class: "salon-schedules--title", style: { fontSize: '16px', fontWeight: 'bold' } }, "Working hours"), h("div", { class: "salon-schedules--dates" }, h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Mon"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[0]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Tue"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[1]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Wed"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[2]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Thur"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[3]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Fri"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[4]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sat"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[5]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sun"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[6])))))))));
78
82
  }
79
- static get is() { return "salon-schedules"; }
80
- static get originalStyleUrls() {
81
- return {
82
- "$": ["index.css"]
83
- };
84
- }
85
- static get styleUrls() {
86
- return {
87
- "$": ["index.css"]
88
- };
89
- }
90
- static get properties() {
91
- return {
92
- "salonId": {
93
- "type": "number",
94
- "mutable": false,
95
- "complexType": {
96
- "original": "number",
97
- "resolved": "number",
98
- "references": {}
99
- },
100
- "required": false,
101
- "optional": false,
102
- "docs": {
103
- "tags": [],
104
- "text": ""
105
- },
106
- "attribute": "salon-id",
107
- "reflect": false
108
- },
109
- "salonInfo": {
110
- "type": "string",
111
- "mutable": false,
112
- "complexType": {
113
- "original": "string",
114
- "resolved": "string",
115
- "references": {}
116
- },
117
- "required": false,
118
- "optional": true,
119
- "docs": {
120
- "tags": [],
121
- "text": ""
122
- },
123
- "attribute": "salon-info",
124
- "reflect": false
125
- },
126
- "isLoading": {
127
- "type": "boolean",
128
- "mutable": false,
129
- "complexType": {
130
- "original": "boolean",
131
- "resolved": "boolean",
132
- "references": {}
133
- },
134
- "required": false,
135
- "optional": true,
136
- "docs": {
137
- "tags": [],
138
- "text": ""
139
- },
140
- "attribute": "is-loading",
141
- "reflect": false
142
- },
143
- "withBorder": {
144
- "type": "boolean",
145
- "mutable": false,
146
- "complexType": {
147
- "original": "boolean",
148
- "resolved": "boolean",
149
- "references": {}
150
- },
151
- "required": false,
152
- "optional": true,
153
- "docs": {
154
- "tags": [],
155
- "text": ""
156
- },
157
- "attribute": "with-border",
158
- "reflect": false
159
- }
160
- };
161
- }
162
- static get states() {
163
- return {
164
- "salonInfoState": {}
165
- };
166
- }
167
- }
83
+ };
84
+ SalonSchedules.style = indexCss;
85
+
86
+ export { SalonSchedules as salon_schedules };
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
2
- import { H as HttpService, a as sortBy_1 } from './services-40a3e622.js';
1
+ import { r as registerInstance, h } from './index-888e99e3.js';
2
+ import { H as HttpService, a as sortBy_1 } from './services-7cb8f2a6.js';
3
3
  import { C as Colors } from './colors-ea36347a.js';
4
- import './_commonjsHelpers-098d5b27.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = "";
7
7
 
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h } from './index-3fae868e.js';
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-40a3e622.js';
4
- import './_commonjsHelpers-098d5b27.js';
3
+ import { H as HttpService } from './services-7cb8f2a6.js';
4
+ import './_commonjsHelpers-a4f66ccd.js';
5
5
 
6
6
  const indexCss = ".view--salon-stylists{overflow:hidden;margin-left:-12px;margin-top:-12px}.view--salon-stylists .salon-stylist{float:left;padding-left:12px;padding-top:12px;width:50%}.view--salon-stylists .salon-stylist--avatar{height:180px}@media (min-width: 576px){.view--salon-stylists .salon-stylist{width:33.33%;max-width:240px}}@media (min-width: 768px){.view--salon-stylists{margin-left:-24px;margin-top:-24px}.view--salon-stylists .salon-stylist{padding-left:24px;padding-top:24px;width:264px;max-width:none}.view--salon-stylists .salon-stylist--avatar{height:240px}}";
7
7