yelda-webchat 1.1.9 → 1.1.13

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 (11) hide show
  1. package/README.md +16 -15
  2. package/dist/css/yeldaWebchatInjector.css +20 -22
  3. package/dist/css/yeldaWebchatInjector.min.css +7 -7
  4. package/dist/css/yeldaWebchatInjector.min.css.map +1 -1
  5. package/dist/js/yeldaWebchatInjector.js +109 -21
  6. package/dist/js/yeldaWebchatInjector.js.map +1 -1
  7. package/dist/js/yeldaWebchatInjector.min.js +1 -1
  8. package/package.json +1 -1
  9. package/src/config/index.js +6 -0
  10. package/src/css/yeldaWebchatInjector.css +20 -22
  11. package/src/js/yeldaWebchatInjector.js +83 -13
package/README.md CHANGED
@@ -72,21 +72,22 @@ We don't advise you to download a local version without using the NPM package :
72
72
 
73
73
  Initialize the lib with the Yelda provided elements
74
74
 
75
- | Name | Type | Default | Description |
76
- | ----------------- | ------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
77
- | assistantSlug | String | | The assistant short name on Yelda **Required** |
78
- | assistantId | String | | The assistant id on Yelda **Required** |
79
- | assistantUrl | String | `https://app.yelda.ai` |
80
- | chatPath | String | `/chat` |
81
- | locale | String | `fr_FR` |
82
- | isAdmin | Boolean | `false` | Set to `true` only to access the conversations analysis |
83
- | shouldBeOpened | Boolean | `false` | Set to `true` to open the chat popin on load. With default `false` value, the webchat is closed and the user only see the assistant image or the start button |
84
- | parentContainerId | String | | DOM element id where you want to add the iframe. If the 'container_id' does not exist in the DOM, the iframe will be automatically inserted into the document body |
85
- | bubbleContainerChildId | String | | Child DOM element id where you want to add bubble element. If the 'bubbleContainerChildId' does not exist, **the chat won't be loaded** |
86
- | isStartBtn | Boolean | `false` | Set to `true` only if need to show 'start' button. ⚠️ This is an admin feature. It can only work if isAdmin is also set to `true` |
87
- | canBeClosed | Boolean | `true` | It is used to toggle the visible state of close button. ⚠️ If parentContainerId is provided and canBeClosed is not provided, canBeClosed is set to `false` |
88
- | isDemo | Boolean | `false` | Set to `true` to flag the conversation as "demo" in conversations list and training inbox and force the webchat to be opened on page load, even if shouldBeOpened is set to false |
89
- | yparam | String | `null` | If the iframe's parent URL contains "yparam" parameter, then yparam value will be passed as the settings. yparam value "yshowbot" will force the webchat to be opened on page load, even if shouldBeOpened is set to false|
75
+ | Name | Type | Default | Description |
76
+ | ----------------- | ------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
77
+ | assistantSlug | String | | The assistant short name on Yelda **Required** |
78
+ | assistantId | String | | The assistant id on Yelda **Required** |
79
+ | assistantUrl | String | `https://app.yelda.ai` |
80
+ | chatPath | String | `/chat` |
81
+ | locale | String | `fr_FR` |
82
+ | isAdmin | Boolean | `false` | Set to `true` only to access the conversations analysis |
83
+ | shouldBeOpened | Boolean | `false` | Set to `true` to open the chat popin on load. With default `false` value, the webchat is closed and the user only see the assistant image or the start button |
84
+ | parentContainerId | String | | DOM element id where you want to add the iframe. If the 'container_id' does not exist in the DOM, the iframe will be automatically inserted into the document body |
85
+ | bubbleContainerChildId | String | | Child DOM element id where you want to add bubble element. If the 'bubbleContainerChildId' does not exist, **the chat won't be loaded** |
86
+ | isStartBtn | Boolean | `false` | Set to `true` only if need to show 'start' button. ⚠️ This is an admin feature. It can only work if isAdmin is also set to `true` |
87
+ | canBeClosed | Boolean | `true` | It is used to toggle the visible state of close button. ⚠️ If parentContainerId is provided and canBeClosed is not provided, canBeClosed is set to `false` |
88
+ | isDemo | Boolean | `false` | Set to `true` to flag the conversation as "demo" in conversations list and training inbox and force the webchat to be opened on page load, even if shouldBeOpened is set to false |
89
+ | yparam | String | `null` | If the iframe's parent URL contains "yparam" parameter, then yparam value will be passed as the settings. yparam value "yshowbot" will force the webchat to be opened on page load, even if shouldBeOpened is set to false|
90
+ | env | String | | Force an env value. It is used to get the webchat settings from Redis. |
90
91
 
91
92
  ```javascript
92
93
  yeldaChat.init({
package/dist/css/yeldaWebchatInjector.css CHANGED
@@ -3,33 +3,26 @@
3
3
 
4
4
  .yelda_assistant_img {
5
5
  cursor: pointer;
6
- opacity: 1;
7
6
  height: auto;
8
- transition-property: opacity, height;
9
- transition-duration: 1s, 1ms;
10
- transition-delay: 1.2s, 1.2s;
7
+ transition: opacity 0.6s ease-in-out 1.2s, height 1ms linear 1.2s;
11
8
  animation-name: appear;
12
9
  animation-duration: 0.8s;
13
10
  animation-delay: 1s;
14
11
  animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
15
12
  animation-iteration-count: 1;
16
- animation-fill-mode: forwards;
13
+ animation-fill-mode: both;
17
14
  opacity: 0;
18
15
  overflow: hidden;
19
16
  }
20
17
 
21
18
  .yelda_container.y_active .yelda_assistant_img{
22
- opacity:0 ;
23
- height: 0;
24
- transition-property: opacity, height;
25
- transition-duration: 1ms, 1ms;
26
- transition-delay: 0, 0;
19
+ display:none;
27
20
  animation: none;
28
21
  }
29
22
 
23
+ /* activated : not the first time we see the bubble */
30
24
  .yelda_assistant_img.activated{
31
- transition-delay: 1s;
32
- /*animation-delay: 0s;*/
25
+ transition: opacity 0.6s ease-in-out 0.6s, height 1ms linear 0.6s;
33
26
  }
34
27
 
35
28
  .yelda_assistant_img.default {
@@ -65,6 +58,9 @@
65
58
  font-size: 35px !important;
66
59
  }
67
60
 
61
+
62
+
63
+
68
64
  .yelda_container {
69
65
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
70
66
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@@ -93,14 +89,12 @@
93
89
  }
94
90
 
95
91
  .yelda_iframe_container {
96
- width: 430px;
92
+ width: 0;
97
93
  height: 0;
98
94
  max-height: 600px;
99
95
  margin: 0;
100
96
  overflow: hidden;
101
- transition-property: opacity, transform, height;
102
- transition-duration: 1s, 1s, 1ms;
103
- transition-delay: 0s, 0s, 1s;
97
+ transition: opacity 0.6s linear 0s, transform 0.6s ease-in-out 0s, height 1ms linear 0.6s, width 1ms linear 0.6s;
104
98
  opacity: 0;
105
99
  transform: translateY(20px);
106
100
  }
@@ -111,10 +105,9 @@
111
105
  }
112
106
 
113
107
  .y_active .yelda_iframe_container{
108
+ width: 430px;
114
109
  height: calc(100vh - 170px);
115
- transition-property: opacity, transform, height;
116
- transition-duration: 1s, 1s, 1ms;
117
- transition-delay: 0s, 0s, 0s;
110
+ transition: opacity 0.6s linear 0s, transform 0.6s ease-in-out 0s, height 1ms linear 0s, width 1ms linear 0s;
118
111
  opacity: 1 !important;
119
112
  transform: translateY(0);
120
113
  }
@@ -142,13 +135,17 @@
142
135
  z-index: 2147483647;
143
136
  }
144
137
 
138
+ .y_active .yelda_iframe_container{
139
+ width: 100% !important;
140
+ }
141
+
145
142
  .yelda_iframe_container:not(.inner) {
146
143
  position: fixed;
147
144
  left: 0;
148
145
  top: 0;
149
146
  right: 0;
150
147
  bottom: 0;
151
- width: 100%;
148
+ width: 0;
152
149
  height: auto;
153
150
  max-height: none;
154
151
  border-radius: 0;
@@ -156,6 +153,8 @@
156
153
  padding: 0;
157
154
  }
158
155
 
156
+
157
+
159
158
  .yelda_iframe_container.inner {
160
159
  width: 100%;
161
160
  box-shadow: 0 5px 32px rgba(0,0,0,.16);
@@ -177,8 +176,6 @@
177
176
  box-shadow: #00000030 0 2px 8px 0;
178
177
  background-color: white;
179
178
  cursor: pointer;
180
- right: 0;
181
- bottom: 76px;
182
179
  max-width: 300px;
183
180
  text-align: left;
184
181
  font-size: 14px;
@@ -260,3 +257,4 @@ a.bubbleCloseButton:hover {
260
257
  opacity: 1;
261
258
  }
262
259
  }
260
+
package/dist/css/yeldaWebchatInjector.min.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);
2
- .yelda_assistant_img{cursor:pointer;opacity:1;height:auto;transition-property:opacity, height;transition-duration:1s, 1ms;transition-delay:1.2s,1.2s;animation-name:appear;animation-duration:.8s;animation-delay:1s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:forwards;opacity:0;overflow:hidden}
3
- .yelda_container.y_active .yelda_assistant_img{opacity:0 ;height:0;transition-property:opacity, height;transition-duration:1ms, 1ms;transition-delay:0, 0;animation:none}
4
- .yelda_assistant_img.activated{transition-delay:1s}
2
+ .yelda_assistant_img{cursor:pointer;height:auto;transition:opacity .6s ease-in-out 1.2s,height 1ms linear 1.2s;animation-name:appear;animation-duration:.8s;animation-delay:1s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;opacity:0;overflow:hidden}
3
+ .yelda_container.y_active .yelda_assistant_img{display:none;animation:none}
4
+ .yelda_assistant_img.activated{transition:opacity .6s ease-in-out .6s,height 1ms linear .6s}
5
5
  .yelda_assistant_img.default{box-shadow:0 5px 10px rgba(0,0,0,0.16);text-align:center;color:white;font-size:32px;line-height:64px;height:60px;width:60px;border-radius:50%;background:#17a3d8;background:linear-gradient(135deg, #17a3d8 0%, #1f60f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3d8', endColorstr='#1f60f2', GradientType=1)}
6
6
  .yelda_assistant_img.custom{height:auto;width:auto}
7
7
  .yelda_assistant_img.custom img{max-height:100%;max-width:100%}
@@ -10,13 +10,13 @@
10
10
  .yelda_container.inner{position:absolute !important;left:45px;top:80px}
11
11
  #web_chat_frame{height:100% !important;width:100% !important}
12
12
  .yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}
13
- .yelda_iframe_container{width:430px;height:0;max-height:600px;margin:0;overflow:hidden;transition-property:opacity, transform, height;transition-duration:1s, 1s, 1ms;transition-delay:0s, 0s, 1s;opacity:0;transform:translateY(20px)}
13
+ .yelda_iframe_container{width:0;height:0;max-height:600px;margin:0;overflow:hidden;transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear .6s,width 1ms linear .6s;opacity:0;transform:translateY(20px)}
14
14
  .yelda_iframe_container:not(.voiceFirstUI){box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px}
15
- .y_active .yelda_iframe_container{height:calc(100vh - 170px);transition-property:opacity, transform, height;transition-duration:1s, 1s, 1ms;transition-delay:0s, 0s, 0s;opacity:1 !important;transform:translateY(0)}
15
+ .y_active .yelda_iframe_container{width:430px;height:calc(100vh - 170px);transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear 0s,width 1ms linear 0s;opacity:1 !important;transform:translateY(0)}
16
16
  .lg-backdrop{z-index:10000000000 !important}
17
17
  .lg-outer{z-index:10000000001 !important}
18
- @media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;margin:0px 20px 0 0px;overflow:hidden}}
19
- #yelda_assistant_bubble_text{animation-name:fadeAndSlideInFromRight;animation-duration:1s;animation-delay:2s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;padding:7px 10px 6px;border-radius:8px;box-shadow:#00000030 0 2px 8px 0;background-color:white;cursor:pointer;right:0;bottom:76px;max-width:300px;text-align:left;font-size:14px;font-weight:normal;display:inline-block;margin-bottom:10px}
18
+ @media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.y_active .yelda_iframe_container{width:100% !important}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;margin:0px 20px 0 0px;overflow:hidden}}
19
+ #yelda_assistant_bubble_text{animation-name:fadeAndSlideInFromRight;animation-duration:1s;animation-delay:2s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;padding:7px 10px 6px;border-radius:8px;box-shadow:#00000030 0 2px 8px 0;background-color:white;cursor:pointer;max-width:300px;text-align:left;font-size:14px;font-weight:normal;display:inline-block;margin-bottom:10px}
20
20
  #yelda_assistant_bubble_text.y_notification{animation-delay:0s}
21
21
  #yelda_assistant_bubble_text.hidden{display:none}
22
22
  .y_active #yelda_assistant_bubble_text{display:none}
package/dist/css/yeldaWebchatInjector.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://YeldaChat/./src/css/yeldaWebchatInjector.css","webpack://YeldaChat/./node_modules/lightgallery.js/dist/css/lightgallery.css"],"names":[],"mappings":";AAGA,qBACE,eACA,UACA,YACA,oCACA,4BACA,2BACA,sBACA,uBACA,mBACA,uDACA,4BACA,6BACA,UACA,gBAGF;AAAA,+CACE,WACA,SACA,oCACA,6BACA,sBACA,eAGF;AAAA,+BACE,oBAIF;AAAA,6BACE,uCACA,kBACA,YACA,eACA,iBACA,YACA,WACA,kBACA,mBACA,6DAGA,iHAAyF,CAG3F;AAAA,4BACE,YACA,WAGF;AAAA,gCACE,gBACA,eAGF;AAAA,+BACE,YACA,WACA,iBACA,0BAGF;AAAA,iBACE,wJAEA,mBACA,iCACA,gEACA,wCAGF;AAAA,uBACE,6BACA,UACA,SAGF;AAAA,gBACE,uBACA,sBAGF;AAAA,6BACE,eACA,WACA,YACA,mBAGF;AAAA,wBACE,YACA,SACA,iBACA,SACA,gBACA,+CACA,gCACA,4BACA,UACA,0BAAW,CAGb;AAAA,2CACE,uCACA,kBAGF;AAAA,kCACE,2BACA,+CACA,gCACA,4BACA,qBACA,uBAAW,CAGb;AAAA,aACE,+BAGF;AAAA,UACE,+BASF;AAAA,yCAEE,6BACE,eACA,WACA,YACA,mBAGF,oCACE,eACA,OACA,MACA,QACA,SACA,WACA,YACA,gBACA,gBACA,oBACA,UAGF,8BACE,WACA,uCACA,kBACA,sBACA,iBAIJ;AAAA,6BACE,uCACA,sBACA,mBACA,uDACA,4BACA,yBACA,qBACA,kBACA,iCACA,uBACA,eACA,QACA,YACA,gBACA,gBACA,eACA,mBACA,qBACA,mBAEF;AAAA,4CACE,mBAGF;AAAA,oCACE,aAGF;AAAA,uCACE,aAIF;AAAA,mBACE,kBACA,YACA,gBACA,kBACA,UACA,eACA,WACA,YACA,iBACA,kBACA,YACA,UACA,gCACA,4BACA,oBACA,UAGF;AAAA,0BACE,YACA,mBAIF;AAAA,sDACE,UACA,kBAAW,CAIb;AAAA,yCACE,mBACE,UACA,gBAKJ;AAAA,mCACE,GACE,0BACA,UAEF,KACE,yBACA,WAKJ;AAAA,kBACE,KACE,oBACA,UAEF,GACE,mBACA,W;ACnQJ,WACE,iBACA,kCACA,wMACA,mBACA,kBAGF,SACE,iBACA,WACA,kBACA,mBACA,oBACA,oBACA,cAEA,mCACA,kCAGF,0CACE,kCACA,kBACA,WACA,eACA,cACA,eACA,iBACA,qBACA,kBACA,QACA,aACA,aACA,YACA,6BAGF,4DACE,oBACA,WAGF,sDACE,WAGF,qBACE,WAGF,4BACE,eAAS,CAGX,qBACE,UAGF,2BACE,eAAS,CAGX,wBAqCE,GACE,OAEF,IACE,WAEF,KACE,QAIJ,uBAqCE,GACE,OAEF,IACE,UAEF,KACE,QAIJ,kCAGE,2BACA,kBAGF,iCAGE,0BACA,kBAGF,YACE,aACA,OACA,kBACA,MACA,WACA,kCAGF,qBACE,WACA,eACA,YACA,eACA,YACA,iBACA,eACA,kBACA,WACA,gCACA,oBACA,gBACA,YACA,gBACA,2BAEA,CAGF,2BACE,WAGF,4BACE,eAAS,CAGX,+BACE,eAAS,CAGX,aACE,kCACA,SACA,WACA,eACA,OACA,kBACA,eACA,QACA,kBACA,aAGF,gBACE,SACA,eACA,iBAGF,eACE,eACA,eAGF,YACE,WACA,qBACA,eACA,kBACA,iBACA,sBAGF,8BACE,UACA,mHAG0E,CAG5E,wBACE,UACA,kCACW,CAGb,wBACE,UACA,iCACW,CAGb,2BACE,UACA,kCACW,CAGb,2DAEE,8BACA,UACA,6GAIA,wBAGA,CAGF,gFAEE,2BACA,UAGF,0BACE,yBACA,SACA,kBACA,WACA,aACA,iBACA,kCAEA,uDAG4B,CAG9B,iDAGE,eACA,gBACA,YAGF,qDACE,YACA,mBAGA,oBACA,gBAGF,gDAEE,kCAGF,wCAEE,+BAAW,CAGb,oBACE,eACA,YACA,mBAGF,yBACE,kBACA,eACA,WACA,gBACA,YACA,sBACA,kBACA,kBAGF,0BACE,yBAGE,mCAIJ,+DACE,qBAGF,6BACE,WACA,YACA,qCAGF,gCACE,qBAGF,iCACE,iBAGF,0CAGE,4BAGF,wDACE,aAGF,2BACE,yBACA,0BACA,WACA,eACA,eACA,YACA,iBACA,cACA,kBACA,WACA,kBACA,UACA,WACA,oBACA,YAGF,iCACE,eAAS,CAGX,iCACE,WAGF,yBACE,qBACA,sBACA,iBACA,gBACA,WACA,cAGF,oBACE,WACA,SACA,sBACA,gBACA,kBAGF,+BACE,qBACA,kBACA,MACA,OACA,sBACA,uBAGF,mCACE,WACA,YACA,kBACA,SACA,QACA,kBACA,iBACA,aACA,eAGF,uCACE,yEAAgB,CAGlB,6CACE,6EAAgB,CAGlB,uCACE,0EACA,YACA,kBACA,iBACA,WACA,WAGF,6CACE,UAGF,yCACE,yEAAgB,CAGlB,+CACE,6EAAgB,CAGlB,2BACE,sBACA,uBACA,kBACA,MACA,OAGF,yCACE,kBAGF,4GACE,aAGF,0DACE,mBAGF,iBACE,sBACA,WACA,OACA,kBACA,MACA,WACA,aACA,UACA,+BAGA,CAGF,8BACE,yBACA,WACA,QAGF,uCACE,WAGF,mCACE,UAGF,0BACE,eAAS,CAGX,4CACE,eAAS,CAGX,+JAEE,uBAGF,mFAIE,sDAA2B,CAG7B,6EAIE,uFAA+D,CAGjE,wDAEE,+BACA,mCACA,0BACA,CAGF,qDAEE,2BACA,+EAIA,qBAIA,mCACA,0BACA,CAGF,kBACE,eAAS,CAGX,gBACE,eAGF,sBACE,eAAS,CAGX,aACE,WACA,oBAGF,mBACE,eAAS,CAGX,wBACE,UACA,oBAGF,0BACE,YACA,OACA,kBACA,QACA,kBACA,aACA,YAGF,wDACE,iBAGF,yBACE,eACA,qBACA,gBACA,kBACA,mBACA,aAGF,oDACE,UACA,8BACW,CAGb,mDACE,iCAGF,+BACE,sBACA,WACA,YACA,YACA,OACA,mBACA,kBACA,UACA,YACA,kBACA,YACA,kBACA,uDAIA,gCACW,CAGb,mCACE,WACA,YAGF,oBACE,uCACA,kBACA,iDACA,cACA,YACA,kCAGA,WAGF,oDACE,iCAGF,oBACE,mCACA,oCACA,uBACA,aACA,qBACA,SACA,SACA,iBACA,kBACA,sBACA,QAGF,qBACE,eAAS,CAGX,uCACE,eAAS,CAGX,+BACE,kCACA,SACA,eACA,OACA,eACA,QACA,MACA,aACA,UACA,kBACA,2DAEA,CAGF,4FAEE,oBACA,+BAKA,UACA,mBAGF,uCACE,WAGF,uBACE,sBACA,kBACA,eACA,qBACA,SACA,eACA,kBACA,QACA,gBACA,SACA,UACA,kBACA,iCAKA,mFAGA,CAGF,6BACE,WACA,cACA,SACA,QACA,kBACA,6BACA,yBACA,WACA,UAGF,qCACE,kBAGF,2EACE,WAGF,yBACE,WACA,cACA,gBACA,iBACA,oEACA,eAGF,+BACE,kCAGF,yCACE,qBACA,cACA,gBACA,sBAGF,gCACE,WACA,qBACA,WACA,eACA,YACA,cACA,iBACA,UACA,sBACA,WAGF,oBACE,kBAGF,0BACE,eAAS,CAGX,sCACE,cAGF,4CACE,eAAS,CAGX,qCACE,cAGF,2CACE,eAAS,CAGX,wCACE,cAGF,8CACE,eAAS,CAGX,uCACE,cAGF,6CACE,eAAS,CAGX,cACE,CAGF,2BACE,cACA,WACA,cAGF,aACE,WAGF,UACE,WACA,YACA,eACA,MACA,OACA,aACA,UACA,+BAEA,CAGF,YAGE,sBAGF,qBACE,UAGF,wHAEE,uCACA,6CACA,CAGF,4JAEE,kCACA,UAGF,gCAGE,eACA,gBACA,YAGF,oCACE,YACA,mBAGA,oBACA,gBAGF,cACE,YACA,WACA,kBACA,gBACA,iBACA,kBACA,eACA,gBAGF,oBACE,WACA,YACA,kBACA,OACA,MACA,mBAGF,mBACE,qFACA,wBAGF,gGACE,gCAGF,6BACE,gCAGF,0CACE,qBACA,kBACA,kBACA,WACA,YAGF,wDACE,WACA,qBACA,WACA,UACA,kBAGF,uBACE,kBACA,cACA,OACA,QACA,MACA,SAGF,+BACE,sBAGF,8BACE,aAGF,oBACE,qBACA,sBACA,eACA,gBACA,sBACA,uBAGF,sGACE,UACA,+BAEA,CAGF,8HACE,UAGF,yBACE,aAGF,wCACE,aAGF,aACE,eACA,MACA,OACA,QACA,SACA,aACA,sBACA,UACA,+BAEA,CAGF,gBACE,UAGF,yGAIE,sCAGF,8BACE,mCACA,0BACA,CAGF,8BACE,mCACA,0BACA,CAGF,0BACE,UAGF,qCACE,UAGF,qHAIE,+BAGF,uCACE,UAGF,qDAEE,kCAAW,CAGb,qDAEE,iCAAW,CAGb,kDAEE,+BACA,UAGF,4JAIE,yEAAyB,CAG3B,uCACE,UACA,kBACA,OAGF,qDACE,WAGF,qDACE,UAGF,kDACE,OACA,UAGF,4JAIE,oEAAoB,qriD","file":"css/yeldaWebchatInjector.min.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);.yelda_assistant_img{cursor:pointer;opacity:1;height:auto;transition-property:opacity, height;transition-duration:1s, 1ms;transition-delay:1.2s,1.2s;animation-name:appear;animation-duration:.8s;animation-delay:1s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:forwards;opacity:0;overflow:hidden}.yelda_container.y_active .yelda_assistant_img{opacity:0 ;height:0;transition-property:opacity, height;transition-duration:1ms, 1ms;transition-delay:0, 0;animation:none}.yelda_assistant_img.activated{transition-delay:1s}.yelda_assistant_img.default{box-shadow:0 5px 10px rgba(0,0,0,0.16);text-align:center;color:white;font-size:32px;line-height:64px;height:60px;width:60px;border-radius:50%;background:#17a3d8;background:-moz-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:-webkit-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:linear-gradient(135deg, #17a3d8 0%, #1f60f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3d8', endColorstr='#1f60f2', GradientType=1)}.yelda_assistant_img.custom{height:auto;width:auto}.yelda_assistant_img.custom img{max-height:100%;max-width:100%}.yelda_assistant_img.default i{height:60px;width:60px;line-height:65px;font-size:35px !important}.yelda_container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-weight:normal;display:flex;flex-direction:column-reverse;align-items:flex-end}.yelda_container.inner{position:absolute !important;left:45px;top:80px}#web_chat_frame{height:100% !important;width:100% !important}.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container{width:430px;height:0;max-height:600px;margin:0;overflow:hidden;transition-property:opacity, transform, height;transition-duration:1s, 1s, 1ms;transition-delay:0s, 0s, 1s;opacity:0;transform:translateY(20px)}.yelda_iframe_container:not(.voiceFirstUI){box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px}.y_active .yelda_iframe_container{height:calc(100vh - 170px);transition-property:opacity, transform, height;transition-duration:1s, 1s, 1ms;transition-delay:0s, 0s, 0s;opacity:1 !important;transform:translateY(0)}.lg-backdrop{z-index:10000000000 !important}.lg-outer{z-index:10000000001 !important}@media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;margin:0px 20px 0 0px;overflow:hidden}}#yelda_assistant_bubble_text{animation-name:fadeAndSlideInFromRight;animation-duration:1s;animation-delay:2s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;padding:7px 10px 6px;border-radius:8px;box-shadow:#00000030 0 2px 8px 0;background-color:white;cursor:pointer;right:0;bottom:76px;max-width:300px;text-align:left;font-size:14px;font-weight:normal;display:inline-block;margin-bottom:10px}#yelda_assistant_bubble_text.y_notification{animation-delay:0s}#yelda_assistant_bubble_text.hidden{display:none}.y_active #yelda_assistant_bubble_text{display:none}.bubbleCloseButton{position:absolute;color:white;background:grey;border-radius:68%;padding:0;font-size:20px;width:27px;height:27px;line-height:22px;text-align:center;right:-14px;top:-17px;text-decoration:none !important;transition:all .15s ease-in;transform:scale(.7);opacity:0}a.bubbleCloseButton:hover{color:white;background:#5a5a5a}#yelda_assistant_bubble_text:hover .bubbleCloseButton{opacity:1;transform:scale(1)}@media only screen and (max-width:768px){.bubbleCloseButton{opacity:1;transform:none}}@keyframes fadeAndSlideInFromRight{0%{transform:translateY(10%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes appear{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}","@font-face {\n font-family: 'lg';\n src: url(\"../fonts/lg.eot?n1z373\");\n src: url(\"../fonts/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"../fonts/lg.woff?n1z373\") format(\"woff\"), url(\"../fonts/lg.ttf?n1z373\") format(\"truetype\"), url(\"../fonts/lg.svg?n1z373#lg\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n}\n\n.lg-icon {\n font-family: 'lg';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.lg-actions .lg-next, .lg-actions .lg-prev {\n background-color: rgba(0, 0, 0, 0.45);\n border-radius: 2px;\n color: #999;\n cursor: pointer;\n display: block;\n font-size: 22px;\n margin-top: -10px;\n padding: 8px 10px 9px;\n position: absolute;\n top: 50%;\n z-index: 1080;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n\n.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {\n color: #FFF;\n}\n\n.lg-actions .lg-next {\n right: 20px;\n}\n\n.lg-actions .lg-next:before {\n content: \"\\e095\";\n}\n\n.lg-actions .lg-prev {\n left: 20px;\n}\n\n.lg-actions .lg-prev:after {\n content: \"\\e094\";\n}\n\n@-webkit-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-moz-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-ms-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-webkit-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-moz-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-ms-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n.lg-outer.lg-right-end .lg-object {\n -webkit-animation: lg-right-end 0.3s;\n -o-animation: lg-right-end 0.3s;\n animation: lg-right-end 0.3s;\n position: relative;\n}\n\n.lg-outer.lg-left-end .lg-object {\n -webkit-animation: lg-left-end 0.3s;\n -o-animation: lg-left-end 0.3s;\n animation: lg-left-end 0.3s;\n position: relative;\n}\n\n.lg-toolbar {\n z-index: 1082;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.45);\n}\n\n.lg-toolbar .lg-icon {\n color: #999;\n cursor: pointer;\n float: right;\n font-size: 24px;\n height: 47px;\n line-height: 27px;\n padding: 10px 0;\n text-align: center;\n width: 50px;\n text-decoration: none !important;\n outline: medium none;\n background: none;\n border: none;\n box-shadow: none;\n -webkit-transition: color 0.2s linear;\n -o-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.lg-toolbar .lg-icon:hover {\n color: #FFF;\n}\n\n.lg-toolbar .lg-close:after {\n content: \"\\e070\";\n}\n\n.lg-toolbar .lg-download:after {\n content: \"\\e0f2\";\n}\n\n.lg-sub-html {\n background-color: rgba(0, 0, 0, 0.45);\n bottom: 0;\n color: #EEE;\n font-size: 16px;\n left: 0;\n padding: 10px 40px;\n position: fixed;\n right: 0;\n text-align: center;\n z-index: 1080;\n}\n\n.lg-sub-html h4 {\n margin: 0;\n font-size: 13px;\n font-weight: bold;\n}\n\n.lg-sub-html p {\n font-size: 12px;\n margin: 5px 0 0;\n}\n\n#lg-counter {\n color: #999;\n display: inline-block;\n font-size: 16px;\n padding-left: 20px;\n padding-top: 12px;\n vertical-align: middle;\n}\n\n.lg-toolbar, .lg-prev, .lg-next {\n opacity: 1;\n -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n}\n\n.lg-hide-items .lg-prev {\n opacity: 0;\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n}\n\n.lg-hide-items .lg-next {\n opacity: 0;\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n}\n\n.lg-hide-items .lg-toolbar {\n opacity: 0;\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {\n -webkit-transform: scale3d(0.5, 0.5, 0.5);\n transform: scale3d(0.5, 0.5, 0.5);\n opacity: 0;\n -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n opacity: 1;\n}\n\n.lg-outer .lg-thumb-outer {\n background-color: #0D0A0A;\n bottom: 0;\n position: absolute;\n width: 100%;\n z-index: 1080;\n max-height: 350px;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: -o-grab;\n cursor: -ms-grab;\n cursor: grab;\n}\n\n.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: -o-grabbing;\n cursor: -ms-grabbing;\n cursor: grabbing;\n}\n\n.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {\n -webkit-transition-duration: 0s !important;\n transition-duration: 0s !important;\n}\n\n.lg-outer.lg-thumb-open .lg-thumb-outer {\n -webkit-transform: translate3d(0, 0%, 0);\n transform: translate3d(0, 0%, 0);\n}\n\n.lg-outer .lg-thumb {\n padding: 10px 0;\n height: 100%;\n margin-bottom: -5px;\n}\n\n.lg-outer .lg-thumb-item {\n border-radius: 5px;\n cursor: pointer;\n float: left;\n overflow: hidden;\n height: 100%;\n border: 2px solid #FFF;\n border-radius: 4px;\n margin-bottom: 5px;\n}\n\n@media (min-width: 1025px) {\n .lg-outer .lg-thumb-item {\n -webkit-transition: border-color 0.25s ease;\n -o-transition: border-color 0.25s ease;\n transition: border-color 0.25s ease;\n }\n}\n\n.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {\n border-color: #a90707;\n}\n\n.lg-outer .lg-thumb-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.lg-outer.lg-has-thumb .lg-item {\n padding-bottom: 120px;\n}\n\n.lg-outer.lg-can-toggle .lg-item {\n padding-bottom: 0;\n}\n\n.lg-outer.lg-pull-caption-up .lg-sub-html {\n -webkit-transition: bottom 0.25s ease;\n -o-transition: bottom 0.25s ease;\n transition: bottom 0.25s ease;\n}\n\n.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {\n bottom: 100px;\n}\n\n.lg-outer .lg-toggle-thumb {\n background-color: #0D0A0A;\n border-radius: 2px 2px 0 0;\n color: #999;\n cursor: pointer;\n font-size: 24px;\n height: 39px;\n line-height: 27px;\n padding: 5px 0;\n position: absolute;\n right: 20px;\n text-align: center;\n top: -39px;\n width: 50px;\n outline: medium none;\n border: none;\n}\n\n.lg-outer .lg-toggle-thumb:after {\n content: \"\\e1ff\";\n}\n\n.lg-outer .lg-toggle-thumb:hover {\n color: #FFF;\n}\n\n.lg-outer .lg-video-cont {\n display: inline-block;\n vertical-align: middle;\n max-width: 1140px;\n max-height: 100%;\n width: 100%;\n padding: 0 5px;\n}\n\n.lg-outer .lg-video {\n width: 100%;\n height: 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n position: relative;\n}\n\n.lg-outer .lg-video .lg-object {\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n}\n\n.lg-outer .lg-video .lg-video-play {\n width: 84px;\n height: 59px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -42px;\n margin-top: -30px;\n z-index: 1080;\n cursor: pointer;\n}\n\n.lg-outer .lg-has-vimeo .lg-video-play {\n background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-vimeo:hover .lg-video-play {\n background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\n}\n\n.lg-outer .lg-has-html5 .lg-video-play {\n background: transparent url(\"../img/video-play.png\") no-repeat scroll 0 0;\n height: 64px;\n margin-left: -32px;\n margin-top: -32px;\n width: 64px;\n opacity: 0.8;\n}\n\n.lg-outer .lg-has-html5:hover .lg-video-play {\n opacity: 1;\n}\n\n.lg-outer .lg-has-youtube .lg-video-play {\n background: url(\"../img/youtube-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-youtube:hover .lg-video-play {\n background: url(\"../img/youtube-play.png\") no-repeat scroll 0 -60px transparent;\n}\n\n.lg-outer .lg-video-object {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.lg-outer .lg-has-video .lg-video-object {\n visibility: hidden;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {\n display: none;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-video-object {\n visibility: visible;\n}\n\n.lg-progress-bar {\n background-color: #333;\n height: 5px;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1083;\n opacity: 0;\n -webkit-transition: opacity 0.08s ease 0s;\n -moz-transition: opacity 0.08s ease 0s;\n -o-transition: opacity 0.08s ease 0s;\n transition: opacity 0.08s ease 0s;\n}\n\n.lg-progress-bar .lg-progress {\n background-color: #a90707;\n height: 5px;\n width: 0;\n}\n\n.lg-progress-bar.lg-start .lg-progress {\n width: 100%;\n}\n\n.lg-show-autoplay .lg-progress-bar {\n opacity: 1;\n}\n\n.lg-autoplay-button:after {\n content: \"\\e01d\";\n}\n\n.lg-show-autoplay .lg-autoplay-button:after {\n content: \"\\e01a\";\n}\n\n.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n}\n\n.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -webkit-transform-origin: 0 0;\n -moz-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n#lg-zoom-in:after {\n content: \"\\e311\";\n}\n\n#lg-actual-size {\n font-size: 20px;\n}\n\n#lg-actual-size:after {\n content: \"\\e033\";\n}\n\n#lg-zoom-out {\n opacity: 0.5;\n pointer-events: none;\n}\n\n#lg-zoom-out:after {\n content: \"\\e312\";\n}\n\n.lg-zoomed #lg-zoom-out {\n opacity: 1;\n pointer-events: auto;\n}\n\n.lg-outer .lg-pager-outer {\n bottom: 60px;\n left: 0;\n position: absolute;\n right: 0;\n text-align: center;\n z-index: 1080;\n height: 10px;\n}\n\n.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {\n overflow: visible;\n}\n\n.lg-outer .lg-pager-cont {\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n position: relative;\n vertical-align: top;\n margin: 0 5px;\n}\n\n.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {\n box-shadow: 0 0 0 2px white inset;\n}\n\n.lg-outer .lg-pager-thumb-cont {\n background-color: #fff;\n color: #FFF;\n bottom: 100%;\n height: 83px;\n left: 0;\n margin-bottom: 20px;\n margin-left: -60px;\n opacity: 0;\n padding: 5px;\n position: absolute;\n width: 120px;\n border-radius: 3px;\n -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\n -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\n transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n}\n\n.lg-outer .lg-pager-thumb-cont img {\n width: 100%;\n height: 100%;\n}\n\n.lg-outer .lg-pager {\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\n display: block;\n height: 12px;\n -webkit-transition: box-shadow 0.3s ease 0s;\n -o-transition: box-shadow 0.3s ease 0s;\n transition: box-shadow 0.3s ease 0s;\n width: 12px;\n}\n\n.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {\n box-shadow: 0 0 0 8px white inset;\n}\n\n.lg-outer .lg-caret {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px dashed;\n bottom: -10px;\n display: inline-block;\n height: 0;\n left: 50%;\n margin-left: -5px;\n position: absolute;\n vertical-align: middle;\n width: 0;\n}\n\n.lg-fullscreen:after {\n content: \"\\e20c\";\n}\n\n.lg-fullscreen-on .lg-fullscreen:after {\n content: \"\\e20d\";\n}\n\n.lg-outer #lg-dropdown-overlay {\n background-color: rgba(0, 0, 0, 0.25);\n bottom: 0;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 1081;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n}\n\n.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -moz-transform: translate3d(0, 0px, 0);\n -o-transform: translate3d(0, 0px, 0);\n -ms-transform: translate3d(0, 0px, 0);\n -webkit-transform: translate3d(0, 0px, 0);\n transform: translate3d(0, 0px, 0);\n opacity: 1;\n visibility: visible;\n}\n\n.lg-outer.lg-dropdown-active #lg-share {\n color: #FFF;\n}\n\n.lg-outer .lg-dropdown {\n background-color: #fff;\n border-radius: 2px;\n font-size: 14px;\n list-style-type: none;\n margin: 0;\n padding: 10px 0;\n position: absolute;\n right: 0;\n text-align: left;\n top: 50px;\n opacity: 0;\n visibility: hidden;\n -moz-transform: translate3d(0, 5px, 0);\n -o-transform: translate3d(0, 5px, 0);\n -ms-transform: translate3d(0, 5px, 0);\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n}\n\n.lg-outer .lg-dropdown:after {\n content: \"\";\n display: block;\n height: 0;\n width: 0;\n position: absolute;\n border: 8px solid transparent;\n border-bottom-color: #FFF;\n right: 16px;\n top: -16px;\n}\n\n.lg-outer .lg-dropdown > li:last-child {\n margin-bottom: 0px;\n}\n\n.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {\n color: #333;\n}\n\n.lg-outer .lg-dropdown a {\n color: #333;\n display: block;\n white-space: pre;\n padding: 4px 12px;\n font-family: \"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n font-size: 12px;\n}\n\n.lg-outer .lg-dropdown a:hover {\n background-color: rgba(0, 0, 0, 0.07);\n}\n\n.lg-outer .lg-dropdown .lg-dropdown-text {\n display: inline-block;\n line-height: 1;\n margin-top: -3px;\n vertical-align: middle;\n}\n\n.lg-outer .lg-dropdown .lg-icon {\n color: #333;\n display: inline-block;\n float: none;\n font-size: 20px;\n height: auto;\n line-height: 1;\n margin-right: 8px;\n padding: 0;\n vertical-align: middle;\n width: auto;\n}\n\n.lg-outer #lg-share {\n position: relative;\n}\n\n.lg-outer #lg-share:after {\n content: \"\\e80d\";\n}\n\n.lg-outer #lg-share-facebook .lg-icon {\n color: #3b5998;\n}\n\n.lg-outer #lg-share-facebook .lg-icon:after {\n content: \"\\e901\";\n}\n\n.lg-outer #lg-share-twitter .lg-icon {\n color: #00aced;\n}\n\n.lg-outer #lg-share-twitter .lg-icon:after {\n content: \"\\e904\";\n}\n\n.lg-outer #lg-share-googleplus .lg-icon {\n color: #dd4b39;\n}\n\n.lg-outer #lg-share-googleplus .lg-icon:after {\n content: \"\\e902\";\n}\n\n.lg-outer #lg-share-pinterest .lg-icon {\n color: #cb2027;\n}\n\n.lg-outer #lg-share-pinterest .lg-icon:after {\n content: \"\\e903\";\n}\n\n.group {\n *zoom: 1;\n}\n\n.group:before, .group:after {\n display: table;\n content: \"\";\n line-height: 0;\n}\n\n.group:after {\n clear: both;\n}\n\n.lg-outer {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.lg-outer.lg-visible {\n opacity: 1;\n}\n\n.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {\n -webkit-transition-duration: inherit !important;\n transition-duration: inherit !important;\n -webkit-transition-timing-function: inherit !important;\n transition-timing-function: inherit !important;\n}\n\n.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {\n -webkit-transition-duration: 0s !important;\n transition-duration: 0s !important;\n opacity: 1;\n}\n\n.lg-outer.lg-grab img.lg-object {\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: -o-grab;\n cursor: -ms-grab;\n cursor: grab;\n}\n\n.lg-outer.lg-grabbing img.lg-object {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: -o-grabbing;\n cursor: -ms-grabbing;\n cursor: grabbing;\n}\n\n.lg-outer .lg {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n max-height: 100%;\n}\n\n.lg-outer .lg-inner {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n white-space: nowrap;\n}\n\n.lg-outer .lg-item {\n background: url(\"../img/loading.gif\") no-repeat scroll center center transparent;\n display: none !important;\n}\n\n.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {\n display: inline-block !important;\n}\n\n.lg-outer.lg-css .lg-current {\n display: inline-block !important;\n}\n\n.lg-outer .lg-item, .lg-outer .lg-img-wrap {\n display: inline-block;\n text-align: center;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {\n content: \"\";\n display: inline-block;\n height: 50%;\n width: 1px;\n margin-right: -1px;\n}\n\n.lg-outer .lg-img-wrap {\n position: absolute;\n padding: 0 5px;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\n.lg-outer .lg-item.lg-complete {\n background-image: none;\n}\n\n.lg-outer .lg-item.lg-current {\n z-index: 1060;\n}\n\n.lg-outer .lg-image {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n max-height: 100%;\n width: auto !important;\n height: auto !important;\n}\n\n.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {\n opacity: 1;\n}\n\n.lg-outer .lg-empty-html {\n display: none;\n}\n\n.lg-outer.lg-hide-download #lg-download {\n display: none;\n}\n\n.lg-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1040;\n background-color: #000;\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-backdrop.in {\n opacity: 1;\n}\n\n.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {\n -webkit-transition: none 0s ease 0s !important;\n -moz-transition: none 0s ease 0s !important;\n -o-transition: none 0s ease 0s !important;\n transition: none 0s ease 0s !important;\n}\n\n.lg-css3.lg-use-css3 .lg-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-css3.lg-use-left .lg-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-css3.lg-fade .lg-item {\n opacity: 0;\n}\n\n.lg-css3.lg-fade .lg-item.lg-current {\n opacity: 1;\n}\n\n.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {\n -webkit-transition: opacity 0.1s ease 0s;\n -moz-transition: opacity 0.1s ease 0s;\n -o-transition: opacity 0.1s ease 0s;\n transition: opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item {\n opacity: 0;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item {\n opacity: 0;\n position: absolute;\n left: 0;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {\n left: -100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {\n left: 100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n left: 0;\n opacity: 1;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://YeldaChat/./src/css/yeldaWebchatInjector.css","webpack://YeldaChat/./node_modules/lightgallery.js/dist/css/lightgallery.css"],"names":[],"mappings":";AAGA,qBACE,eACA,YACA,+DACA,sBACA,uBACA,mBACA,uDACA,4BACA,yBACA,UACA,gBAGF;AAAA,+CACE,aACA,eAIF;AAAA,+BACE,6DAGF;AAAA,6BACE,uCACA,kBACA,YACA,eACA,iBACA,YACA,WACA,kBACA,mBACA,6DAGA,iHAAyF,CAG3F;AAAA,4BACE,YACA,WAGF;AAAA,gCACE,gBACA,eAGF;AAAA,+BACE,YACA,WACA,iBACA,0BAMF;AAAA,iBACE,wJAEA,mBACA,iCACA,gEACA,wCAGF;AAAA,uBACE,6BACA,UACA,SAGF;AAAA,gBACE,uBACA,sBAGF;AAAA,6BACE,eACA,WACA,YACA,mBAGF;AAAA,wBACE,QACA,SACA,iBACA,SACA,gBACA,yGACA,UACA,0BAAW,CAGb;AAAA,2CACE,uCACA,kBAGF;AAAA,kCACE,YACA,2BACA,uGACA,qBACA,uBAAW,CAGb;AAAA,aACE,+BAGF;AAAA,UACE,+BASF;AAAA,yCAEE,6BACE,eACA,WACA,YACA,mBAGF,kCACE,sBAGF,oCACE,eACA,OACA,MACA,QACA,SACA,QACA,YACA,gBACA,gBACA,oBACA,UAKF,8BACE,WACA,uCACA,kBACA,sBACA,iBAIJ;AAAA,6BACE,uCACA,sBACA,mBACA,uDACA,4BACA,yBACA,qBACA,kBACA,iCACA,uBACA,eACA,gBACA,gBACA,eACA,mBACA,qBACA,mBAEF;AAAA,4CACE,mBAGF;AAAA,oCACE,aAGF;AAAA,uCACE,aAIF;AAAA,mBACE,kBACA,YACA,gBACA,kBACA,UACA,eACA,WACA,YACA,iBACA,kBACA,YACA,UACA,gCACA,4BACA,oBACA,UAGF;AAAA,0BACE,YACA,mBAIF;AAAA,sDACE,UACA,kBAAW,CAIb;AAAA,yCACE,mBACE,UACA,gBAKJ;AAAA,mCACE,GACE,0BACA,UAEF,KACE,yBACA,WAKJ;AAAA,kBACE,KACE,oBACA,UAEF,GACE,mBACA,W;AChQJ,WACE,iBACA,kCACA,wMACA,mBACA,kBAGF,SACE,iBACA,WACA,kBACA,mBACA,oBACA,oBACA,cAEA,mCACA,kCAGF,0CACE,kCACA,kBACA,WACA,eACA,cACA,eACA,iBACA,qBACA,kBACA,QACA,aACA,aACA,YACA,6BAGF,4DACE,oBACA,WAGF,sDACE,WAGF,qBACE,WAGF,4BACE,eAAS,CAGX,qBACE,UAGF,2BACE,eAAS,CAGX,wBAqCE,GACE,OAEF,IACE,WAEF,KACE,QAIJ,uBAqCE,GACE,OAEF,IACE,UAEF,KACE,QAIJ,kCAGE,2BACA,kBAGF,iCAGE,0BACA,kBAGF,YACE,aACA,OACA,kBACA,MACA,WACA,kCAGF,qBACE,WACA,eACA,YACA,eACA,YACA,iBACA,eACA,kBACA,WACA,gCACA,oBACA,gBACA,YACA,gBACA,2BAEA,CAGF,2BACE,WAGF,4BACE,eAAS,CAGX,+BACE,eAAS,CAGX,aACE,kCACA,SACA,WACA,eACA,OACA,kBACA,eACA,QACA,kBACA,aAGF,gBACE,SACA,eACA,iBAGF,eACE,eACA,eAGF,YACE,WACA,qBACA,eACA,kBACA,iBACA,sBAGF,8BACE,UACA,mHAG0E,CAG5E,wBACE,UACA,kCACW,CAGb,wBACE,UACA,iCACW,CAGb,2BACE,UACA,kCACW,CAGb,2DAEE,8BACA,UACA,6GAIA,wBAGA,CAGF,gFAEE,2BACA,UAGF,0BACE,yBACA,SACA,kBACA,WACA,aACA,iBACA,kCAEA,uDAG4B,CAG9B,iDAGE,eACA,gBACA,YAGF,qDACE,YACA,mBAGA,oBACA,gBAGF,gDAEE,kCAGF,wCAEE,+BAAW,CAGb,oBACE,eACA,YACA,mBAGF,yBACE,kBACA,eACA,WACA,gBACA,YACA,sBACA,kBACA,kBAGF,0BACE,yBAGE,mCAIJ,+DACE,qBAGF,6BACE,WACA,YACA,qCAGF,gCACE,qBAGF,iCACE,iBAGF,0CAGE,4BAGF,wDACE,aAGF,2BACE,yBACA,0BACA,WACA,eACA,eACA,YACA,iBACA,cACA,kBACA,WACA,kBACA,UACA,WACA,oBACA,YAGF,iCACE,eAAS,CAGX,iCACE,WAGF,yBACE,qBACA,sBACA,iBACA,gBACA,WACA,cAGF,oBACE,WACA,SACA,sBACA,gBACA,kBAGF,+BACE,qBACA,kBACA,MACA,OACA,sBACA,uBAGF,mCACE,WACA,YACA,kBACA,SACA,QACA,kBACA,iBACA,aACA,eAGF,uCACE,yEAAgB,CAGlB,6CACE,6EAAgB,CAGlB,uCACE,0EACA,YACA,kBACA,iBACA,WACA,WAGF,6CACE,UAGF,yCACE,yEAAgB,CAGlB,+CACE,6EAAgB,CAGlB,2BACE,sBACA,uBACA,kBACA,MACA,OAGF,yCACE,kBAGF,4GACE,aAGF,0DACE,mBAGF,iBACE,sBACA,WACA,OACA,kBACA,MACA,WACA,aACA,UACA,+BAGA,CAGF,8BACE,yBACA,WACA,QAGF,uCACE,WAGF,mCACE,UAGF,0BACE,eAAS,CAGX,4CACE,eAAS,CAGX,+JAEE,uBAGF,mFAIE,sDAA2B,CAG7B,6EAIE,uFAA+D,CAGjE,wDAEE,+BACA,mCACA,0BACA,CAGF,qDAEE,2BACA,+EAIA,qBAIA,mCACA,0BACA,CAGF,kBACE,eAAS,CAGX,gBACE,eAGF,sBACE,eAAS,CAGX,aACE,WACA,oBAGF,mBACE,eAAS,CAGX,wBACE,UACA,oBAGF,0BACE,YACA,OACA,kBACA,QACA,kBACA,aACA,YAGF,wDACE,iBAGF,yBACE,eACA,qBACA,gBACA,kBACA,mBACA,aAGF,oDACE,UACA,8BACW,CAGb,mDACE,iCAGF,+BACE,sBACA,WACA,YACA,YACA,OACA,mBACA,kBACA,UACA,YACA,kBACA,YACA,kBACA,uDAIA,gCACW,CAGb,mCACE,WACA,YAGF,oBACE,uCACA,kBACA,iDACA,cACA,YACA,kCAGA,WAGF,oDACE,iCAGF,oBACE,mCACA,oCACA,uBACA,aACA,qBACA,SACA,SACA,iBACA,kBACA,sBACA,QAGF,qBACE,eAAS,CAGX,uCACE,eAAS,CAGX,+BACE,kCACA,SACA,eACA,OACA,eACA,QACA,MACA,aACA,UACA,kBACA,2DAEA,CAGF,4FAEE,oBACA,+BAKA,UACA,mBAGF,uCACE,WAGF,uBACE,sBACA,kBACA,eACA,qBACA,SACA,eACA,kBACA,QACA,gBACA,SACA,UACA,kBACA,iCAKA,mFAGA,CAGF,6BACE,WACA,cACA,SACA,QACA,kBACA,6BACA,yBACA,WACA,UAGF,qCACE,kBAGF,2EACE,WAGF,yBACE,WACA,cACA,gBACA,iBACA,oEACA,eAGF,+BACE,kCAGF,yCACE,qBACA,cACA,gBACA,sBAGF,gCACE,WACA,qBACA,WACA,eACA,YACA,cACA,iBACA,UACA,sBACA,WAGF,oBACE,kBAGF,0BACE,eAAS,CAGX,sCACE,cAGF,4CACE,eAAS,CAGX,qCACE,cAGF,2CACE,eAAS,CAGX,wCACE,cAGF,8CACE,eAAS,CAGX,uCACE,cAGF,6CACE,eAAS,CAGX,cACE,CAGF,2BACE,cACA,WACA,cAGF,aACE,WAGF,UACE,WACA,YACA,eACA,MACA,OACA,aACA,UACA,+BAEA,CAGF,YAGE,sBAGF,qBACE,UAGF,wHAEE,uCACA,6CACA,CAGF,4JAEE,kCACA,UAGF,gCAGE,eACA,gBACA,YAGF,oCACE,YACA,mBAGA,oBACA,gBAGF,cACE,YACA,WACA,kBACA,gBACA,iBACA,kBACA,eACA,gBAGF,oBACE,WACA,YACA,kBACA,OACA,MACA,mBAGF,mBACE,qFACA,wBAGF,gGACE,gCAGF,6BACE,gCAGF,0CACE,qBACA,kBACA,kBACA,WACA,YAGF,wDACE,WACA,qBACA,WACA,UACA,kBAGF,uBACE,kBACA,cACA,OACA,QACA,MACA,SAGF,+BACE,sBAGF,8BACE,aAGF,oBACE,qBACA,sBACA,eACA,gBACA,sBACA,uBAGF,sGACE,UACA,+BAEA,CAGF,8HACE,UAGF,yBACE,aAGF,wCACE,aAGF,aACE,eACA,MACA,OACA,QACA,SACA,aACA,sBACA,UACA,+BAEA,CAGF,gBACE,UAGF,yGAIE,sCAGF,8BACE,mCACA,0BACA,CAGF,8BACE,mCACA,0BACA,CAGF,0BACE,UAGF,qCACE,UAGF,qHAIE,+BAGF,uCACE,UAGF,qDAEE,kCAAW,CAGb,qDAEE,iCAAW,CAGb,kDAEE,+BACA,UAGF,4JAIE,yEAAyB,CAG3B,uCACE,UACA,kBACA,OAGF,qDACE,WAGF,qDACE,UAGF,kDACE,OACA,UAGF,4JAIE,oEAAoB,qriD","file":"css/yeldaWebchatInjector.min.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);.yelda_assistant_img{cursor:pointer;height:auto;transition:opacity .6s ease-in-out 1.2s,height 1ms linear 1.2s;animation-name:appear;animation-duration:.8s;animation-delay:1s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;opacity:0;overflow:hidden}.yelda_container.y_active .yelda_assistant_img{display:none;animation:none}.yelda_assistant_img.activated{transition:opacity .6s ease-in-out .6s,height 1ms linear .6s}.yelda_assistant_img.default{box-shadow:0 5px 10px rgba(0,0,0,0.16);text-align:center;color:white;font-size:32px;line-height:64px;height:60px;width:60px;border-radius:50%;background:#17a3d8;background:-moz-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:-webkit-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:linear-gradient(135deg, #17a3d8 0%, #1f60f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3d8', endColorstr='#1f60f2', GradientType=1)}.yelda_assistant_img.custom{height:auto;width:auto}.yelda_assistant_img.custom img{max-height:100%;max-width:100%}.yelda_assistant_img.default i{height:60px;width:60px;line-height:65px;font-size:35px !important}.yelda_container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-weight:normal;display:flex;flex-direction:column-reverse;align-items:flex-end}.yelda_container.inner{position:absolute !important;left:45px;top:80px}#web_chat_frame{height:100% !important;width:100% !important}.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container{width:0;height:0;max-height:600px;margin:0;overflow:hidden;transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear .6s,width 1ms linear .6s;opacity:0;transform:translateY(20px)}.yelda_iframe_container:not(.voiceFirstUI){box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px}.y_active .yelda_iframe_container{width:430px;height:calc(100vh - 170px);transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear 0s,width 1ms linear 0s;opacity:1 !important;transform:translateY(0)}.lg-backdrop{z-index:10000000000 !important}.lg-outer{z-index:10000000001 !important}@media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.y_active .yelda_iframe_container{width:100% !important}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;margin:0px 20px 0 0px;overflow:hidden}}#yelda_assistant_bubble_text{animation-name:fadeAndSlideInFromRight;animation-duration:1s;animation-delay:2s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;padding:7px 10px 6px;border-radius:8px;box-shadow:#00000030 0 2px 8px 0;background-color:white;cursor:pointer;max-width:300px;text-align:left;font-size:14px;font-weight:normal;display:inline-block;margin-bottom:10px}#yelda_assistant_bubble_text.y_notification{animation-delay:0s}#yelda_assistant_bubble_text.hidden{display:none}.y_active #yelda_assistant_bubble_text{display:none}.bubbleCloseButton{position:absolute;color:white;background:grey;border-radius:68%;padding:0;font-size:20px;width:27px;height:27px;line-height:22px;text-align:center;right:-14px;top:-17px;text-decoration:none !important;transition:all .15s ease-in;transform:scale(.7);opacity:0}a.bubbleCloseButton:hover{color:white;background:#5a5a5a}#yelda_assistant_bubble_text:hover .bubbleCloseButton{opacity:1;transform:scale(1)}@media only screen and (max-width:768px){.bubbleCloseButton{opacity:1;transform:none}}@keyframes fadeAndSlideInFromRight{0%{transform:translateY(10%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes appear{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}","@font-face {\n font-family: 'lg';\n src: url(\"../fonts/lg.eot?n1z373\");\n src: url(\"../fonts/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"../fonts/lg.woff?n1z373\") format(\"woff\"), url(\"../fonts/lg.ttf?n1z373\") format(\"truetype\"), url(\"../fonts/lg.svg?n1z373#lg\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n}\n\n.lg-icon {\n font-family: 'lg';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.lg-actions .lg-next, .lg-actions .lg-prev {\n background-color: rgba(0, 0, 0, 0.45);\n border-radius: 2px;\n color: #999;\n cursor: pointer;\n display: block;\n font-size: 22px;\n margin-top: -10px;\n padding: 8px 10px 9px;\n position: absolute;\n top: 50%;\n z-index: 1080;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {\n pointer-events: none;\n opacity: 0.5;\n}\n\n.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {\n color: #FFF;\n}\n\n.lg-actions .lg-next {\n right: 20px;\n}\n\n.lg-actions .lg-next:before {\n content: \"\\e095\";\n}\n\n.lg-actions .lg-prev {\n left: 20px;\n}\n\n.lg-actions .lg-prev:after {\n content: \"\\e094\";\n}\n\n@-webkit-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-moz-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-ms-keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@keyframes lg-right-end {\n 0% {\n left: 0;\n }\n 50% {\n left: -30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-webkit-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-moz-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@-ms-keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n@keyframes lg-left-end {\n 0% {\n left: 0;\n }\n 50% {\n left: 30px;\n }\n 100% {\n left: 0;\n }\n}\n\n.lg-outer.lg-right-end .lg-object {\n -webkit-animation: lg-right-end 0.3s;\n -o-animation: lg-right-end 0.3s;\n animation: lg-right-end 0.3s;\n position: relative;\n}\n\n.lg-outer.lg-left-end .lg-object {\n -webkit-animation: lg-left-end 0.3s;\n -o-animation: lg-left-end 0.3s;\n animation: lg-left-end 0.3s;\n position: relative;\n}\n\n.lg-toolbar {\n z-index: 1082;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.45);\n}\n\n.lg-toolbar .lg-icon {\n color: #999;\n cursor: pointer;\n float: right;\n font-size: 24px;\n height: 47px;\n line-height: 27px;\n padding: 10px 0;\n text-align: center;\n width: 50px;\n text-decoration: none !important;\n outline: medium none;\n background: none;\n border: none;\n box-shadow: none;\n -webkit-transition: color 0.2s linear;\n -o-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.lg-toolbar .lg-icon:hover {\n color: #FFF;\n}\n\n.lg-toolbar .lg-close:after {\n content: \"\\e070\";\n}\n\n.lg-toolbar .lg-download:after {\n content: \"\\e0f2\";\n}\n\n.lg-sub-html {\n background-color: rgba(0, 0, 0, 0.45);\n bottom: 0;\n color: #EEE;\n font-size: 16px;\n left: 0;\n padding: 10px 40px;\n position: fixed;\n right: 0;\n text-align: center;\n z-index: 1080;\n}\n\n.lg-sub-html h4 {\n margin: 0;\n font-size: 13px;\n font-weight: bold;\n}\n\n.lg-sub-html p {\n font-size: 12px;\n margin: 5px 0 0;\n}\n\n#lg-counter {\n color: #999;\n display: inline-block;\n font-size: 16px;\n padding-left: 20px;\n padding-top: 12px;\n vertical-align: middle;\n}\n\n.lg-toolbar, .lg-prev, .lg-next {\n opacity: 1;\n -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\n}\n\n.lg-hide-items .lg-prev {\n opacity: 0;\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n}\n\n.lg-hide-items .lg-next {\n opacity: 0;\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n}\n\n.lg-hide-items .lg-toolbar {\n opacity: 0;\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {\n -webkit-transform: scale3d(0.5, 0.5, 0.5);\n transform: scale3d(0.5, 0.5, 0.5);\n opacity: 0;\n -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n opacity: 1;\n}\n\n.lg-outer .lg-thumb-outer {\n background-color: #0D0A0A;\n bottom: 0;\n position: absolute;\n width: 100%;\n z-index: 1080;\n max-height: 350px;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: -o-grab;\n cursor: -ms-grab;\n cursor: grab;\n}\n\n.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: -o-grabbing;\n cursor: -ms-grabbing;\n cursor: grabbing;\n}\n\n.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {\n -webkit-transition-duration: 0s !important;\n transition-duration: 0s !important;\n}\n\n.lg-outer.lg-thumb-open .lg-thumb-outer {\n -webkit-transform: translate3d(0, 0%, 0);\n transform: translate3d(0, 0%, 0);\n}\n\n.lg-outer .lg-thumb {\n padding: 10px 0;\n height: 100%;\n margin-bottom: -5px;\n}\n\n.lg-outer .lg-thumb-item {\n border-radius: 5px;\n cursor: pointer;\n float: left;\n overflow: hidden;\n height: 100%;\n border: 2px solid #FFF;\n border-radius: 4px;\n margin-bottom: 5px;\n}\n\n@media (min-width: 1025px) {\n .lg-outer .lg-thumb-item {\n -webkit-transition: border-color 0.25s ease;\n -o-transition: border-color 0.25s ease;\n transition: border-color 0.25s ease;\n }\n}\n\n.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {\n border-color: #a90707;\n}\n\n.lg-outer .lg-thumb-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.lg-outer.lg-has-thumb .lg-item {\n padding-bottom: 120px;\n}\n\n.lg-outer.lg-can-toggle .lg-item {\n padding-bottom: 0;\n}\n\n.lg-outer.lg-pull-caption-up .lg-sub-html {\n -webkit-transition: bottom 0.25s ease;\n -o-transition: bottom 0.25s ease;\n transition: bottom 0.25s ease;\n}\n\n.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {\n bottom: 100px;\n}\n\n.lg-outer .lg-toggle-thumb {\n background-color: #0D0A0A;\n border-radius: 2px 2px 0 0;\n color: #999;\n cursor: pointer;\n font-size: 24px;\n height: 39px;\n line-height: 27px;\n padding: 5px 0;\n position: absolute;\n right: 20px;\n text-align: center;\n top: -39px;\n width: 50px;\n outline: medium none;\n border: none;\n}\n\n.lg-outer .lg-toggle-thumb:after {\n content: \"\\e1ff\";\n}\n\n.lg-outer .lg-toggle-thumb:hover {\n color: #FFF;\n}\n\n.lg-outer .lg-video-cont {\n display: inline-block;\n vertical-align: middle;\n max-width: 1140px;\n max-height: 100%;\n width: 100%;\n padding: 0 5px;\n}\n\n.lg-outer .lg-video {\n width: 100%;\n height: 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n position: relative;\n}\n\n.lg-outer .lg-video .lg-object {\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n}\n\n.lg-outer .lg-video .lg-video-play {\n width: 84px;\n height: 59px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -42px;\n margin-top: -30px;\n z-index: 1080;\n cursor: pointer;\n}\n\n.lg-outer .lg-has-vimeo .lg-video-play {\n background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-vimeo:hover .lg-video-play {\n background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\n}\n\n.lg-outer .lg-has-html5 .lg-video-play {\n background: transparent url(\"../img/video-play.png\") no-repeat scroll 0 0;\n height: 64px;\n margin-left: -32px;\n margin-top: -32px;\n width: 64px;\n opacity: 0.8;\n}\n\n.lg-outer .lg-has-html5:hover .lg-video-play {\n opacity: 1;\n}\n\n.lg-outer .lg-has-youtube .lg-video-play {\n background: url(\"../img/youtube-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-youtube:hover .lg-video-play {\n background: url(\"../img/youtube-play.png\") no-repeat scroll 0 -60px transparent;\n}\n\n.lg-outer .lg-video-object {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.lg-outer .lg-has-video .lg-video-object {\n visibility: hidden;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {\n display: none;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-video-object {\n visibility: visible;\n}\n\n.lg-progress-bar {\n background-color: #333;\n height: 5px;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1083;\n opacity: 0;\n -webkit-transition: opacity 0.08s ease 0s;\n -moz-transition: opacity 0.08s ease 0s;\n -o-transition: opacity 0.08s ease 0s;\n transition: opacity 0.08s ease 0s;\n}\n\n.lg-progress-bar .lg-progress {\n background-color: #a90707;\n height: 5px;\n width: 0;\n}\n\n.lg-progress-bar.lg-start .lg-progress {\n width: 100%;\n}\n\n.lg-show-autoplay .lg-progress-bar {\n opacity: 1;\n}\n\n.lg-autoplay-button:after {\n content: \"\\e01d\";\n}\n\n.lg-show-autoplay .lg-autoplay-button:after {\n content: \"\\e01a\";\n}\n\n.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n}\n\n.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n -webkit-transform-origin: 0 0;\n -moz-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n#lg-zoom-in:after {\n content: \"\\e311\";\n}\n\n#lg-actual-size {\n font-size: 20px;\n}\n\n#lg-actual-size:after {\n content: \"\\e033\";\n}\n\n#lg-zoom-out {\n opacity: 0.5;\n pointer-events: none;\n}\n\n#lg-zoom-out:after {\n content: \"\\e312\";\n}\n\n.lg-zoomed #lg-zoom-out {\n opacity: 1;\n pointer-events: auto;\n}\n\n.lg-outer .lg-pager-outer {\n bottom: 60px;\n left: 0;\n position: absolute;\n right: 0;\n text-align: center;\n z-index: 1080;\n height: 10px;\n}\n\n.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {\n overflow: visible;\n}\n\n.lg-outer .lg-pager-cont {\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n position: relative;\n vertical-align: top;\n margin: 0 5px;\n}\n\n.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {\n box-shadow: 0 0 0 2px white inset;\n}\n\n.lg-outer .lg-pager-thumb-cont {\n background-color: #fff;\n color: #FFF;\n bottom: 100%;\n height: 83px;\n left: 0;\n margin-bottom: 20px;\n margin-left: -60px;\n opacity: 0;\n padding: 5px;\n position: absolute;\n width: 120px;\n border-radius: 3px;\n -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\n -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\n transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n}\n\n.lg-outer .lg-pager-thumb-cont img {\n width: 100%;\n height: 100%;\n}\n\n.lg-outer .lg-pager {\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\n display: block;\n height: 12px;\n -webkit-transition: box-shadow 0.3s ease 0s;\n -o-transition: box-shadow 0.3s ease 0s;\n transition: box-shadow 0.3s ease 0s;\n width: 12px;\n}\n\n.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {\n box-shadow: 0 0 0 8px white inset;\n}\n\n.lg-outer .lg-caret {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px dashed;\n bottom: -10px;\n display: inline-block;\n height: 0;\n left: 50%;\n margin-left: -5px;\n position: absolute;\n vertical-align: middle;\n width: 0;\n}\n\n.lg-fullscreen:after {\n content: \"\\e20c\";\n}\n\n.lg-fullscreen-on .lg-fullscreen:after {\n content: \"\\e20d\";\n}\n\n.lg-outer #lg-dropdown-overlay {\n background-color: rgba(0, 0, 0, 0.25);\n bottom: 0;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 1081;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n}\n\n.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -moz-transform: translate3d(0, 0px, 0);\n -o-transform: translate3d(0, 0px, 0);\n -ms-transform: translate3d(0, 0px, 0);\n -webkit-transform: translate3d(0, 0px, 0);\n transform: translate3d(0, 0px, 0);\n opacity: 1;\n visibility: visible;\n}\n\n.lg-outer.lg-dropdown-active #lg-share {\n color: #FFF;\n}\n\n.lg-outer .lg-dropdown {\n background-color: #fff;\n border-radius: 2px;\n font-size: 14px;\n list-style-type: none;\n margin: 0;\n padding: 10px 0;\n position: absolute;\n right: 0;\n text-align: left;\n top: 50px;\n opacity: 0;\n visibility: hidden;\n -moz-transform: translate3d(0, 5px, 0);\n -o-transform: translate3d(0, 5px, 0);\n -ms-transform: translate3d(0, 5px, 0);\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n}\n\n.lg-outer .lg-dropdown:after {\n content: \"\";\n display: block;\n height: 0;\n width: 0;\n position: absolute;\n border: 8px solid transparent;\n border-bottom-color: #FFF;\n right: 16px;\n top: -16px;\n}\n\n.lg-outer .lg-dropdown > li:last-child {\n margin-bottom: 0px;\n}\n\n.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {\n color: #333;\n}\n\n.lg-outer .lg-dropdown a {\n color: #333;\n display: block;\n white-space: pre;\n padding: 4px 12px;\n font-family: \"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n font-size: 12px;\n}\n\n.lg-outer .lg-dropdown a:hover {\n background-color: rgba(0, 0, 0, 0.07);\n}\n\n.lg-outer .lg-dropdown .lg-dropdown-text {\n display: inline-block;\n line-height: 1;\n margin-top: -3px;\n vertical-align: middle;\n}\n\n.lg-outer .lg-dropdown .lg-icon {\n color: #333;\n display: inline-block;\n float: none;\n font-size: 20px;\n height: auto;\n line-height: 1;\n margin-right: 8px;\n padding: 0;\n vertical-align: middle;\n width: auto;\n}\n\n.lg-outer #lg-share {\n position: relative;\n}\n\n.lg-outer #lg-share:after {\n content: \"\\e80d\";\n}\n\n.lg-outer #lg-share-facebook .lg-icon {\n color: #3b5998;\n}\n\n.lg-outer #lg-share-facebook .lg-icon:after {\n content: \"\\e901\";\n}\n\n.lg-outer #lg-share-twitter .lg-icon {\n color: #00aced;\n}\n\n.lg-outer #lg-share-twitter .lg-icon:after {\n content: \"\\e904\";\n}\n\n.lg-outer #lg-share-googleplus .lg-icon {\n color: #dd4b39;\n}\n\n.lg-outer #lg-share-googleplus .lg-icon:after {\n content: \"\\e902\";\n}\n\n.lg-outer #lg-share-pinterest .lg-icon {\n color: #cb2027;\n}\n\n.lg-outer #lg-share-pinterest .lg-icon:after {\n content: \"\\e903\";\n}\n\n.group {\n *zoom: 1;\n}\n\n.group:before, .group:after {\n display: table;\n content: \"\";\n line-height: 0;\n}\n\n.group:after {\n clear: both;\n}\n\n.lg-outer {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.lg-outer.lg-visible {\n opacity: 1;\n}\n\n.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {\n -webkit-transition-duration: inherit !important;\n transition-duration: inherit !important;\n -webkit-transition-timing-function: inherit !important;\n transition-timing-function: inherit !important;\n}\n\n.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {\n -webkit-transition-duration: 0s !important;\n transition-duration: 0s !important;\n opacity: 1;\n}\n\n.lg-outer.lg-grab img.lg-object {\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: -o-grab;\n cursor: -ms-grab;\n cursor: grab;\n}\n\n.lg-outer.lg-grabbing img.lg-object {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: -o-grabbing;\n cursor: -ms-grabbing;\n cursor: grabbing;\n}\n\n.lg-outer .lg {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n max-height: 100%;\n}\n\n.lg-outer .lg-inner {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n white-space: nowrap;\n}\n\n.lg-outer .lg-item {\n background: url(\"../img/loading.gif\") no-repeat scroll center center transparent;\n display: none !important;\n}\n\n.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {\n display: inline-block !important;\n}\n\n.lg-outer.lg-css .lg-current {\n display: inline-block !important;\n}\n\n.lg-outer .lg-item, .lg-outer .lg-img-wrap {\n display: inline-block;\n text-align: center;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {\n content: \"\";\n display: inline-block;\n height: 50%;\n width: 1px;\n margin-right: -1px;\n}\n\n.lg-outer .lg-img-wrap {\n position: absolute;\n padding: 0 5px;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\n.lg-outer .lg-item.lg-complete {\n background-image: none;\n}\n\n.lg-outer .lg-item.lg-current {\n z-index: 1060;\n}\n\n.lg-outer .lg-image {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n max-height: 100%;\n width: auto !important;\n height: auto !important;\n}\n\n.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {\n opacity: 1;\n}\n\n.lg-outer .lg-empty-html {\n display: none;\n}\n\n.lg-outer.lg-hide-download #lg-download {\n display: none;\n}\n\n.lg-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1040;\n background-color: #000;\n opacity: 0;\n -webkit-transition: opacity 0.15s ease 0s;\n -o-transition: opacity 0.15s ease 0s;\n transition: opacity 0.15s ease 0s;\n}\n\n.lg-backdrop.in {\n opacity: 1;\n}\n\n.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {\n -webkit-transition: none 0s ease 0s !important;\n -moz-transition: none 0s ease 0s !important;\n -o-transition: none 0s ease 0s !important;\n transition: none 0s ease 0s !important;\n}\n\n.lg-css3.lg-use-css3 .lg-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-css3.lg-use-left .lg-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.lg-css3.lg-fade .lg-item {\n opacity: 0;\n}\n\n.lg-css3.lg-fade .lg-item.lg-current {\n opacity: 1;\n}\n\n.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {\n -webkit-transition: opacity 0.1s ease 0s;\n -moz-transition: opacity 0.1s ease 0s;\n -o-transition: opacity 0.1s ease 0s;\n transition: opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item {\n opacity: 0;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item {\n opacity: 0;\n position: absolute;\n left: 0;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {\n left: -100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {\n left: 100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n left: 0;\n opacity: 1;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n"],"sourceRoot":""}
package/dist/js/yeldaWebchatInjector.js CHANGED
@@ -1043,15 +1043,15 @@ var YeldaChat = function () {
1043
1043
  /**
1044
1044
  * Add 'y_active' class to the webChatContainer if required
1045
1045
  *
1046
- * To control the opacity of the iframe container (.yelda_iframe_container) and the assistant image (.yelda_assistant_img),
1046
+ * To control the opacity/display of the iframe container (.yelda_iframe_container) and the assistant image (.yelda_assistant_img),
1047
1047
  * We add and remove the "y_active" CSS class to the webChatContainer (.yelda_container) which is always visible
1048
1048
  * By default
1049
- * - yelda_iframe_container is hidden (opacity: 0;)
1050
- * - assistant image is visible (opacity: 1 for yelda_assistant_img)
1049
+ * - yelda_iframe_container is hidden (opacity: 0; height:0; width: 0; to not affect page interactions)
1050
+ * - assistant image is hidden (opacity: 0), but immediatly animated by css to be displayed (opacity: 1 with animation-name: appear;) for yelda_assistant_img)
1051
1051
  *
1052
1052
  * When we add the class "y_active" to (webChatContainer)
1053
1053
  * - yelda_iframe_container is now visible (.y_active .yelda_iframe_container => opacity: 1)
1054
- * - the assistant image is hidden (.yelda_container.y_active .yelda_assistant_img => opacity: 0
1054
+ * - the assistant image is hidden (.yelda_container.y_active .yelda_assistant_img => display:none, no opacity manipulation because no need of animation)
1055
1055
  *
1056
1056
  * @param {Boolean} data.shouldBeOpened
1057
1057
  * @param {Boolean} data.isStartBtn
@@ -1610,25 +1610,67 @@ var YeldaChat = function () {
1610
1610
  return isFound;
1611
1611
  }
1612
1612
 
1613
+ /**
1614
+ * Get the app env from the assistant url
1615
+ * @param {String} assistantUrl
1616
+ * @returns {String} env
1617
+ */
1618
+
1619
+ }, {
1620
+ key: 'getAppEnv',
1621
+ value: function getAppEnv(assistantUrl) {
1622
+ if (_config__WEBPACK_IMPORTED_MODULE_14___default.a.REGEX_HOST.STAGING.test(assistantUrl)) {
1623
+ return _config__WEBPACK_IMPORTED_MODULE_14___default.a.APP_ENV_VALUES.STAGING;
1624
+ }
1625
+
1626
+ // By default, use the production env
1627
+ return _config__WEBPACK_IMPORTED_MODULE_14___default.a.APP_ENV_VALUES.PRODUCTION;
1628
+ }
1629
+
1630
+ /**
1631
+ * Get the chat bubble url base based on isFallback
1632
+ * @param {Object} data { assistantUrl, assistantId, settingId }
1633
+ * @param {Boolean} isFallback fallback means yelda endpoint
1634
+ * @returns {String} url base
1635
+ */
1636
+
1637
+ }, {
1638
+ key: 'getChatBubbleUrlBase',
1639
+ value: function getChatBubbleUrlBase(data, isFallback) {
1640
+ if (isFallback) {
1641
+ return data.assistantUrl + '/assistants';
1642
+ }
1643
+ return _config__WEBPACK_IMPORTED_MODULE_14___default.a.CHAT_BUBBLE_EXTERNAL_ENDPOINT;
1644
+ }
1645
+
1613
1646
  /**
1614
1647
  * return getAssistantSettings endpoint URL from data
1615
1648
  * @param {Object} data { assistantUrl, assistantId, settingId }
1649
+ * @param {Boolean} isFallback
1616
1650
  * @return {String} url
1617
1651
  */
1618
1652
 
1619
1653
  }, {
1620
1654
  key: 'getAssistantSettingsUrl',
1621
- value: function getAssistantSettingsUrl(data) {
1655
+ value: function getAssistantSettingsUrl(data, isFallback) {
1656
+ var urlBase = this.getChatBubbleUrlBase(data, isFallback);
1657
+ // The app env is required as query for the external chatbubble endpoint
1658
+ // If the env was not explicitly set in data, guess it from the assistant url
1659
+ var appEnv = data.env || this.getAppEnv(data.assistantUrl);
1660
+ var envQuery = 'env=' + appEnv;
1622
1661
  if (data.settingId) {
1623
- return data.assistantUrl + '/assistants/settings/' + data.settingId + '/chatBubble';
1662
+ return urlBase + '/settings/' + data.settingId + '/chatBubble?' + envQuery;
1624
1663
  }
1625
1664
 
1626
- return data.assistantUrl + '/assistants/' + data.assistantId + '/chatBubble/' + data.locale;
1665
+ return urlBase + '/' + data.assistantId + '/chatBubble/' + data.locale + '?' + envQuery;
1627
1666
  }
1628
1667
 
1629
1668
  /**
1630
1669
  * Update assistantImage with assistant settings from backend if any
1631
1670
  * @param {Object} data { assistantUrl, assistantId, settingId }
1671
+ * @param {Object} options
1672
+ * @param {Object} options.isFallback
1673
+ * @param {Number} options.customTimeout in milliseconds
1632
1674
  * @return {Promise}
1633
1675
  */
1634
1676
 
@@ -1637,19 +1679,59 @@ var YeldaChat = function () {
1637
1679
  value: function getAssistantSettings(data) {
1638
1680
  var _this3 = this;
1639
1681
 
1682
+ var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
1683
+ _ref2$isFallback = _ref2.isFallback,
1684
+ isFallback = _ref2$isFallback === undefined ? false : _ref2$isFallback,
1685
+ _ref2$customTimeout = _ref2.customTimeout,
1686
+ customTimeout = _ref2$customTimeout === undefined ? null : _ref2$customTimeout;
1687
+
1640
1688
  return new babel_runtime_core_js_promise__WEBPACK_IMPORTED_MODULE_2___default.a(function (resolve, reject) {
1641
1689
  try {
1642
1690
  var xhr = new XMLHttpRequest();
1643
- var url = _this3.getAssistantSettingsUrl(data);
1691
+
1692
+ // Get the url base depending on if we are doing the basic request (external chatbubble endpoint)
1693
+ // or the fallback one (chatbubble endpoint in Yelda)
1694
+ var url = _this3.getAssistantSettingsUrl(data, isFallback);
1644
1695
 
1645
1696
  xhr.open('GET', url);
1697
+ if (customTimeout) {
1698
+ xhr.timeout = customTimeout;
1699
+ }
1646
1700
  xhr.send();
1647
1701
 
1648
1702
  // Bind and call are necessary to pass the "this" to the callback function
1649
1703
  xhr.onreadystatechange = function () {
1650
1704
  if (xhr.readyState === 4) {
1651
- var webchatSettings = xhr.responseText ? JSON.parse(xhr.responseText).data : null;
1652
- resolve(webchatSettings);
1705
+ var responseText = xhr.responseText ? JSON.parse(xhr.responseText) : null;
1706
+ // Yelda endpoint returns { data: ...webchatSettings } (to be compatible with old versions of the chat-plugin)
1707
+ // whereas the external endpoint returns { ...webchatSettings }
1708
+ // We need to handle both format
1709
+ var webchatSettings = responseText && (responseText.data || responseText);
1710
+
1711
+ if (webchatSettings) {
1712
+ return resolve(webchatSettings);
1713
+ }
1714
+
1715
+ // We did not received the expected webchatSettings
1716
+ // If we are already in fallback mode, it means there is no webchat settings for the given init information
1717
+ if (isFallback) {
1718
+ return resolve(null);
1719
+ }
1720
+
1721
+ // If the initial request do not return webchatSettings, it might be because they were not set in Redis yet
1722
+ // So let's call the yelda endpoint (fallback) that will find the setting (if it exists) and set it in Redis
1723
+ return resolve(_this3.getAssistantSettings(data, { isFallback: true }));
1724
+ }
1725
+ };
1726
+
1727
+ xhr.ontimeout = function () {
1728
+ /*
1729
+ It the initial request to the external chatbubble endpoint timed out, (maybe the endpoint is down)
1730
+ let's fallback on the yelda endpoint
1731
+ */
1732
+ if (!isFallback) {
1733
+ // Set isFallback to true to be sure to not end up in an infinite loop
1734
+ return resolve(_this3.getAssistantSettings(data, { isFallback: true }));
1653
1735
  }
1654
1736
  };
1655
1737
  } catch (e) {
@@ -1670,7 +1752,7 @@ var YeldaChat = function () {
1670
1752
  var _this4 = this;
1671
1753
 
1672
1754
  return new babel_runtime_core_js_promise__WEBPACK_IMPORTED_MODULE_2___default.a(function () {
1673
- var _ref2 = babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(resolve) {
1755
+ var _ref3 = babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(resolve) {
1674
1756
  return babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
1675
1757
  while (1) {
1676
1758
  switch (_context2.prev = _context2.next) {
@@ -1709,7 +1791,7 @@ var YeldaChat = function () {
1709
1791
  // Get assistant settings from backend
1710
1792
  _context2.prev = 12;
1711
1793
  _context2.next = 15;
1712
- return _this4.getAssistantSettings(data);
1794
+ return _this4.getAssistantSettings(data, { customTimeout: _config__WEBPACK_IMPORTED_MODULE_14___default.a.CHAT_BUBBLE_REQUEST_TIMEOUT });
1713
1795
 
1714
1796
  case 15:
1715
1797
  _this4.webchatSettings = _context2.sent;
@@ -1746,8 +1828,8 @@ var YeldaChat = function () {
1746
1828
  }, _callee2, _this4, [[12, 19]]);
1747
1829
  }));
1748
1830
 
1749
- return function (_x7) {
1750
- return _ref2.apply(this, arguments);
1831
+ return function (_x8) {
1832
+ return _ref3.apply(this, arguments);
1751
1833
  };
1752
1834
  }());
1753
1835
  }
@@ -1815,10 +1897,10 @@ var YeldaChat = function () {
1815
1897
 
1816
1898
  }, {
1817
1899
  key: 'isDataOutdated',
1818
- value: function isDataOutdated(data, _ref3) {
1819
- var settingId = _ref3.settingId,
1820
- assistantId = _ref3.assistantId,
1821
- locale = _ref3.locale;
1900
+ value: function isDataOutdated(data, _ref4) {
1901
+ var settingId = _ref4.settingId,
1902
+ assistantId = _ref4.assistantId,
1903
+ locale = _ref4.locale;
1822
1904
 
1823
1905
  if (data.settingId && data.settingId !== settingId) {
1824
1906
  return true;
@@ -1935,7 +2017,7 @@ var YeldaChat = function () {
1935
2017
  var _this5 = this;
1936
2018
 
1937
2019
  return new babel_runtime_core_js_promise__WEBPACK_IMPORTED_MODULE_2___default.a(function () {
1938
- var _ref4 = babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(resolve) {
2020
+ var _ref5 = babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(resolve) {
1939
2021
  return babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
1940
2022
  while (1) {
1941
2023
  switch (_context4.prev = _context4.next) {
@@ -1989,8 +2071,8 @@ var YeldaChat = function () {
1989
2071
  }, _callee4, _this5);
1990
2072
  }));
1991
2073
 
1992
- return function (_x8) {
1993
- return _ref4.apply(this, arguments);
2074
+ return function (_x9) {
2075
+ return _ref5.apply(this, arguments);
1994
2076
  };
1995
2077
  }());
1996
2078
  }
@@ -2626,6 +2708,12 @@ module.exports = {
2626
2708
  ADD_BUBBLE_TEXT: 'addBubbleText',
2627
2709
  ADD_MINIMAL_NOTIFICATION_TEXT: 'addMinimalNotificationText'
2628
2710
  }
2711
+ },
2712
+ CHAT_BUBBLE_EXTERNAL_ENDPOINT: 'https://webchat.yelda.ai/webchat',
2713
+ CHAT_BUBBLE_REQUEST_TIMEOUT: 5000,
2714
+ APP_ENV_VALUES: {
2715
+ STAGING: 'staging',
2716
+ PRODUCTION: 'production'
2629
2717
  }
2630
2718
  };
2631
2719