@digipair/skill-web-chatbot 0.5.10 → 0.5.11

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 (3) hide show
  1. package/index.cjs2.js +61 -35
  2. package/index.esm2.js +61 -35
  3. package/package.json +1 -1
package/index.cjs2.js CHANGED
@@ -51882,14 +51882,14 @@ function indent(str, spaces) {
51882
51882
  var match = parseIdentifier(input, i1, namePart) || namePart && parseAdditionalSymbol(input, i1) || maybeSpace && parseSpaces(input, i1);
51883
51883
  // match is required
51884
51884
  if (!match) {
51885
- return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
51885
+ return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
51886
51886
  v: nextMatch1
51887
51887
  };
51888
51888
  }
51889
51889
  var token = match.token, offset = match.offset;
51890
51890
  i1 += offset;
51891
51891
  if (token === " ") {
51892
- return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51892
+ return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
51893
51893
  }
51894
51894
  tokens1 = _to_consumable_array$9(tokens1).concat([
51895
51895
  token
@@ -51908,7 +51908,7 @@ function indent(str, spaces) {
51908
51908
  if (contextKeys.some(function(el) {
51909
51909
  return el.startsWith(name);
51910
51910
  })) {
51911
- return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51911
+ return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
51912
51912
  }
51913
51913
  if (dateTimeIdentifiers.some(function(el) {
51914
51914
  return el === name;
@@ -51927,9 +51927,9 @@ function indent(str, spaces) {
51927
51927
  if (dateTimeIdentifiers.some(function(el) {
51928
51928
  return el.startsWith(name);
51929
51929
  })) {
51930
- return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51930
+ return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
51931
51931
  }
51932
- return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
51932
+ return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
51933
51933
  v: nextMatch1
51934
51934
  };
51935
51935
  };
@@ -56021,12 +56021,12 @@ class ChatElement extends s$3 {
56021
56021
  });
56022
56022
  }, 1);
56023
56023
  return x`
56024
- <section class="container">
56025
- ${this.messages.map((message)=>x`<section class="${message.role}">
56026
- ${o$1(this.converter.makeHtml(message.role === 'user' ? message.content.replace(/\n/g, ' \n') : message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
56027
- </section>`)}
56028
- ${((_this_currentBoost1 = this.currentBoost) == null ? void 0 : _this_currentBoost1.name) ? x`<section class="user">${this.currentBoost.name}</section>` : T}
56029
- ${((_this_currentBoost2 = this.currentBoost) == null ? void 0 : _this_currentBoost2.text) ? x`<section class="assistant">${this.currentBoost.text}</section>` : T}
56024
+ <section class="container">
56025
+ ${this.messages.map((message)=>x`<section class="${message.role}">
56026
+ ${o$1(this.converter.makeHtml(message.role === 'user' ? message.content.replace(/\n/g, ' \n') : message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
56027
+ </section>`)}
56028
+ ${((_this_currentBoost1 = this.currentBoost) == null ? void 0 : _this_currentBoost1.name) ? x`<section class="user">${this.currentBoost.name}</section>` : T}
56029
+ ${((_this_currentBoost2 = this.currentBoost) == null ? void 0 : _this_currentBoost2.text) ? x`<section class="assistant">${this.currentBoost.text}</section>` : T}
56030
56030
  <digipair-chatbot-inputs
56031
56031
  @change=${()=>this.requestUpdate()}
56032
56032
  .inputs=${((_this_currentBoost3 = this.currentBoost) == null ? void 0 : _this_currentBoost3.inputs) || []}
@@ -56120,25 +56120,34 @@ ChatElement.styles = [
56120
56120
  }
56121
56121
 
56122
56122
  .assistant {
56123
- background-color: #dcf8c6; /* Couleur de fond des messages de l'assistant */
56124
- color: #000; /* Couleur du texte des messages de l'assistant */
56123
+ background-color: var(
56124
+ --digipair-color-primary,
56125
+ #52dfdb
56126
+ ); /* Couleur de fond des messages de l'assistant */
56127
+ color: var(
56128
+ --digipair-color-text-primary,
56129
+ #ffffff
56130
+ ); /* Couleur du texte des messages de l'assistant */
56125
56131
  align-self: flex-start;
56126
56132
  margin-right: auto;
56127
56133
  }
56128
56134
 
56129
56135
  .user {
56130
- background-color: rgb(112, 183, 253);
56131
- color: #fff; /* Couleur du texte des messages de l'utilisateur */
56136
+ background-color: var(--digipair-color-secondary, #242e3b);
56137
+ color: var(
56138
+ --digipair-color-text-secondary,
56139
+ #52dfdb
56140
+ ); /* Couleur du texte des messages de l'utilisateur */
56132
56141
  align-self: flex-end;
56133
56142
  margin-left: auto;
56134
56143
  }
56135
56144
 
56136
56145
  .assistant a {
56137
- color: #000000;
56146
+ color: var(--digipair-color-text-primary, #ffffff);
56138
56147
  }
56139
56148
 
56140
56149
  .user a {
56141
- color: #ffffff;
56150
+ color: var(--digipair-color-text-secondary, #52dfdb);
56142
56151
  }
56143
56152
 
56144
56153
  .input-container {
@@ -56185,7 +56194,7 @@ ChatElement.styles = [
56185
56194
  bottom: 5px;
56186
56195
  left: 8px;
56187
56196
  right: 40px;
56188
- margin-top: 5px;
56197
+ margin-top: 5px;
56189
56198
  margin-left: 4px;
56190
56199
  margin-bottom: 5px;
56191
56200
  }
@@ -56216,17 +56225,17 @@ ChatElement.styles = [
56216
56225
  p {
56217
56226
  margin: 0;
56218
56227
  }
56219
-
56220
- [name="microphone"] {
56221
- position: absolute;
56222
- right: 10px;
56223
- top: 12px;
56228
+
56229
+ [name='microphone'] {
56230
+ position: absolute;
56231
+ right: 10px;
56232
+ top: 12px;
56224
56233
  }
56225
-
56226
- [name="begin"] {
56234
+
56235
+ [name='begin'] {
56227
56236
  position: absolute;
56228
- right: 10px;
56229
- top: 40px;
56237
+ right: 10px;
56238
+ top: 40px;
56230
56239
  }
56231
56240
  `
56232
56241
  ];
@@ -57961,8 +57970,15 @@ class ChatbotElement extends s$3 {
57961
57970
  return x``;
57962
57971
  }
57963
57972
  return x`
57973
+ <style>
57974
+ --digipair-color-primary: ${this.metadata.primary};
57975
+ --digipair-color-primary: ${this.metadata.secondary};
57976
+ --digipair-color-text-primary: ${this.metadata.textPrimary};
57977
+ --digipair-color-text-primary: ${this.metadata.textSecondary};
57978
+ </style>
57979
+
57964
57980
  <section class="container result-${this.resultState}">
57965
- <section class="result" style="border: 1px solid ${this.metadata.color}">
57981
+ <section class="result" style="border: 1px solid var(--digipair-color-primary, #52DFDB)">
57966
57982
  <digipair-chatbot-chat
57967
57983
  ?loading=${this.loading}
57968
57984
  .messages=${this.messages}
@@ -57975,14 +57991,14 @@ class ChatbotElement extends s$3 {
57975
57991
  ${!this.currentBoost ? this.boosters.map((boost)=>x`
57976
57992
  <span
57977
57993
  class="action"
57978
- style="border: 1px solid ${this.metadata.color}"
57994
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
57979
57995
  @click=${()=>this.executeBoost(boost)}
57980
57996
  >${boost.name}</span
57981
57997
  >
57982
57998
  `) : x`
57983
57999
  <span
57984
58000
  class="action"
57985
- style="border: 1px solid ${this.metadata.color}"
58001
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
57986
58002
  @click=${()=>{
57987
58003
  this.currentBoost = null;
57988
58004
  this.boosters = [];
@@ -57992,7 +58008,7 @@ class ChatbotElement extends s$3 {
57992
58008
  `}
57993
58009
  </section>
57994
58010
 
57995
- <section class="panel" style="border: 1px solid ${this.metadata.color}"></section>
58011
+ <section class="panel" style="border: 1px solid var(--digipair-color-primary, #52DFDB)"></section>
57996
58012
  <img
57997
58013
  @click=${()=>this.resultState !== 'closed' ? this.closeResult() : this.openResult()}
57998
58014
  class="logo ${this.loading ? 'loading' : ''}"
@@ -58387,8 +58403,15 @@ class DigipairFullElement extends s$3 {
58387
58403
  return x``;
58388
58404
  }
58389
58405
  return x`
58406
+ <style>
58407
+ --digipair-color-primary: ${this.metadata.primary};
58408
+ --digipair-color-primary: ${this.metadata.secondary};
58409
+ --digipair-color-text-primary: ${this.metadata.textPrimary};
58410
+ --digipair-color-text-primary: ${this.metadata.textSecondary};
58411
+ </style>
58412
+
58390
58413
  <section class="container">
58391
- <section class="result" style="border: 1px solid ${this.metadata.color}">
58414
+ <section class="result" style="border: 1px solid var(--digipair-color-primary, #52DFDB)">
58392
58415
  <digipair-chatbot-chat
58393
58416
  ?loading=${this.loading}
58394
58417
  .messages=${this.messages}
@@ -58402,7 +58425,7 @@ class DigipairFullElement extends s$3 {
58402
58425
  <div>
58403
58426
  <span
58404
58427
  class="action"
58405
- style="border: 1px solid ${this.metadata.color}"
58428
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58406
58429
  @click=${()=>this.executeBoost(boost)}
58407
58430
  >${boost.name}</span
58408
58431
  >
@@ -58412,7 +58435,7 @@ class DigipairFullElement extends s$3 {
58412
58435
  <div>
58413
58436
  <span
58414
58437
  class="action"
58415
- style="border: 1px solid ${this.metadata.color}"
58438
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58416
58439
  @click=${()=>{
58417
58440
  this.currentBoost = null;
58418
58441
  }}
@@ -58422,7 +58445,10 @@ class DigipairFullElement extends s$3 {
58422
58445
  `}
58423
58446
  </section>
58424
58447
 
58425
- <section class="panel" style="border: 1px solid ${this.metadata.color}"></section>
58448
+ <section
58449
+ class="panel"
58450
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58451
+ ></section>
58426
58452
  <img
58427
58453
  class="logo ${this.loading ? 'loading' : ''}"
58428
58454
  src=${this.metadata.avatar}
package/index.esm2.js CHANGED
@@ -51862,14 +51862,14 @@ function indent(str, spaces) {
51862
51862
  var match = parseIdentifier(input, i1, namePart) || namePart && parseAdditionalSymbol(input, i1) || maybeSpace && parseSpaces(input, i1);
51863
51863
  // match is required
51864
51864
  if (!match) {
51865
- return nextMatch = nextMatch1, tokens = tokens1, i = i1, {
51865
+ return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
51866
51866
  v: nextMatch1
51867
51867
  };
51868
51868
  }
51869
51869
  var token = match.token, offset = match.offset;
51870
51870
  i1 += offset;
51871
51871
  if (token === " ") {
51872
- return nextMatch = nextMatch1, tokens = tokens1, i = i1, "continue";
51872
+ return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51873
51873
  }
51874
51874
  tokens1 = _to_consumable_array$9(tokens1).concat([
51875
51875
  token
@@ -51888,7 +51888,7 @@ function indent(str, spaces) {
51888
51888
  if (contextKeys.some(function(el) {
51889
51889
  return el.startsWith(name);
51890
51890
  })) {
51891
- return nextMatch = nextMatch1, tokens = tokens1, i = i1, "continue";
51891
+ return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51892
51892
  }
51893
51893
  if (dateTimeIdentifiers.some(function(el) {
51894
51894
  return el === name;
@@ -51907,9 +51907,9 @@ function indent(str, spaces) {
51907
51907
  if (dateTimeIdentifiers.some(function(el) {
51908
51908
  return el.startsWith(name);
51909
51909
  })) {
51910
- return nextMatch = nextMatch1, tokens = tokens1, i = i1, "continue";
51910
+ return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
51911
51911
  }
51912
- return nextMatch = nextMatch1, tokens = tokens1, i = i1, {
51912
+ return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
51913
51913
  v: nextMatch1
51914
51914
  };
51915
51915
  };
@@ -56001,12 +56001,12 @@ class ChatElement extends s$3 {
56001
56001
  });
56002
56002
  }, 1);
56003
56003
  return x`
56004
- <section class="container">
56005
- ${this.messages.map((message)=>x`<section class="${message.role}">
56006
- ${o$1(this.converter.makeHtml(message.role === 'user' ? message.content.replace(/\n/g, ' \n') : message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
56007
- </section>`)}
56008
- ${((_this_currentBoost1 = this.currentBoost) == null ? void 0 : _this_currentBoost1.name) ? x`<section class="user">${this.currentBoost.name}</section>` : T}
56009
- ${((_this_currentBoost2 = this.currentBoost) == null ? void 0 : _this_currentBoost2.text) ? x`<section class="assistant">${this.currentBoost.text}</section>` : T}
56004
+ <section class="container">
56005
+ ${this.messages.map((message)=>x`<section class="${message.role}">
56006
+ ${o$1(this.converter.makeHtml(message.role === 'user' ? message.content.replace(/\n/g, ' \n') : message.content.replace(/```markdown([\s\S]*?)```/g, (_, group)=>group)))}
56007
+ </section>`)}
56008
+ ${((_this_currentBoost1 = this.currentBoost) == null ? void 0 : _this_currentBoost1.name) ? x`<section class="user">${this.currentBoost.name}</section>` : T}
56009
+ ${((_this_currentBoost2 = this.currentBoost) == null ? void 0 : _this_currentBoost2.text) ? x`<section class="assistant">${this.currentBoost.text}</section>` : T}
56010
56010
  <digipair-chatbot-inputs
56011
56011
  @change=${()=>this.requestUpdate()}
56012
56012
  .inputs=${((_this_currentBoost3 = this.currentBoost) == null ? void 0 : _this_currentBoost3.inputs) || []}
@@ -56100,25 +56100,34 @@ ChatElement.styles = [
56100
56100
  }
56101
56101
 
56102
56102
  .assistant {
56103
- background-color: #dcf8c6; /* Couleur de fond des messages de l'assistant */
56104
- color: #000; /* Couleur du texte des messages de l'assistant */
56103
+ background-color: var(
56104
+ --digipair-color-primary,
56105
+ #52dfdb
56106
+ ); /* Couleur de fond des messages de l'assistant */
56107
+ color: var(
56108
+ --digipair-color-text-primary,
56109
+ #ffffff
56110
+ ); /* Couleur du texte des messages de l'assistant */
56105
56111
  align-self: flex-start;
56106
56112
  margin-right: auto;
56107
56113
  }
56108
56114
 
56109
56115
  .user {
56110
- background-color: rgb(112, 183, 253);
56111
- color: #fff; /* Couleur du texte des messages de l'utilisateur */
56116
+ background-color: var(--digipair-color-secondary, #242e3b);
56117
+ color: var(
56118
+ --digipair-color-text-secondary,
56119
+ #52dfdb
56120
+ ); /* Couleur du texte des messages de l'utilisateur */
56112
56121
  align-self: flex-end;
56113
56122
  margin-left: auto;
56114
56123
  }
56115
56124
 
56116
56125
  .assistant a {
56117
- color: #000000;
56126
+ color: var(--digipair-color-text-primary, #ffffff);
56118
56127
  }
56119
56128
 
56120
56129
  .user a {
56121
- color: #ffffff;
56130
+ color: var(--digipair-color-text-secondary, #52dfdb);
56122
56131
  }
56123
56132
 
56124
56133
  .input-container {
@@ -56165,7 +56174,7 @@ ChatElement.styles = [
56165
56174
  bottom: 5px;
56166
56175
  left: 8px;
56167
56176
  right: 40px;
56168
- margin-top: 5px;
56177
+ margin-top: 5px;
56169
56178
  margin-left: 4px;
56170
56179
  margin-bottom: 5px;
56171
56180
  }
@@ -56196,17 +56205,17 @@ ChatElement.styles = [
56196
56205
  p {
56197
56206
  margin: 0;
56198
56207
  }
56199
-
56200
- [name="microphone"] {
56201
- position: absolute;
56202
- right: 10px;
56203
- top: 12px;
56208
+
56209
+ [name='microphone'] {
56210
+ position: absolute;
56211
+ right: 10px;
56212
+ top: 12px;
56204
56213
  }
56205
-
56206
- [name="begin"] {
56214
+
56215
+ [name='begin'] {
56207
56216
  position: absolute;
56208
- right: 10px;
56209
- top: 40px;
56217
+ right: 10px;
56218
+ top: 40px;
56210
56219
  }
56211
56220
  `
56212
56221
  ];
@@ -57941,8 +57950,15 @@ class ChatbotElement extends s$3 {
57941
57950
  return x``;
57942
57951
  }
57943
57952
  return x`
57953
+ <style>
57954
+ --digipair-color-primary: ${this.metadata.primary};
57955
+ --digipair-color-primary: ${this.metadata.secondary};
57956
+ --digipair-color-text-primary: ${this.metadata.textPrimary};
57957
+ --digipair-color-text-primary: ${this.metadata.textSecondary};
57958
+ </style>
57959
+
57944
57960
  <section class="container result-${this.resultState}">
57945
- <section class="result" style="border: 1px solid ${this.metadata.color}">
57961
+ <section class="result" style="border: 1px solid var(--digipair-color-primary, #52DFDB)">
57946
57962
  <digipair-chatbot-chat
57947
57963
  ?loading=${this.loading}
57948
57964
  .messages=${this.messages}
@@ -57955,14 +57971,14 @@ class ChatbotElement extends s$3 {
57955
57971
  ${!this.currentBoost ? this.boosters.map((boost)=>x`
57956
57972
  <span
57957
57973
  class="action"
57958
- style="border: 1px solid ${this.metadata.color}"
57974
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
57959
57975
  @click=${()=>this.executeBoost(boost)}
57960
57976
  >${boost.name}</span
57961
57977
  >
57962
57978
  `) : x`
57963
57979
  <span
57964
57980
  class="action"
57965
- style="border: 1px solid ${this.metadata.color}"
57981
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
57966
57982
  @click=${()=>{
57967
57983
  this.currentBoost = null;
57968
57984
  this.boosters = [];
@@ -57972,7 +57988,7 @@ class ChatbotElement extends s$3 {
57972
57988
  `}
57973
57989
  </section>
57974
57990
 
57975
- <section class="panel" style="border: 1px solid ${this.metadata.color}"></section>
57991
+ <section class="panel" style="border: 1px solid var(--digipair-color-primary, #52DFDB)"></section>
57976
57992
  <img
57977
57993
  @click=${()=>this.resultState !== 'closed' ? this.closeResult() : this.openResult()}
57978
57994
  class="logo ${this.loading ? 'loading' : ''}"
@@ -58367,8 +58383,15 @@ class DigipairFullElement extends s$3 {
58367
58383
  return x``;
58368
58384
  }
58369
58385
  return x`
58386
+ <style>
58387
+ --digipair-color-primary: ${this.metadata.primary};
58388
+ --digipair-color-primary: ${this.metadata.secondary};
58389
+ --digipair-color-text-primary: ${this.metadata.textPrimary};
58390
+ --digipair-color-text-primary: ${this.metadata.textSecondary};
58391
+ </style>
58392
+
58370
58393
  <section class="container">
58371
- <section class="result" style="border: 1px solid ${this.metadata.color}">
58394
+ <section class="result" style="border: 1px solid var(--digipair-color-primary, #52DFDB)">
58372
58395
  <digipair-chatbot-chat
58373
58396
  ?loading=${this.loading}
58374
58397
  .messages=${this.messages}
@@ -58382,7 +58405,7 @@ class DigipairFullElement extends s$3 {
58382
58405
  <div>
58383
58406
  <span
58384
58407
  class="action"
58385
- style="border: 1px solid ${this.metadata.color}"
58408
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58386
58409
  @click=${()=>this.executeBoost(boost)}
58387
58410
  >${boost.name}</span
58388
58411
  >
@@ -58392,7 +58415,7 @@ class DigipairFullElement extends s$3 {
58392
58415
  <div>
58393
58416
  <span
58394
58417
  class="action"
58395
- style="border: 1px solid ${this.metadata.color}"
58418
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58396
58419
  @click=${()=>{
58397
58420
  this.currentBoost = null;
58398
58421
  }}
@@ -58402,7 +58425,10 @@ class DigipairFullElement extends s$3 {
58402
58425
  `}
58403
58426
  </section>
58404
58427
 
58405
- <section class="panel" style="border: 1px solid ${this.metadata.color}"></section>
58428
+ <section
58429
+ class="panel"
58430
+ style="border: 1px solid var(--digipair-color-primary, #52DFDB)"
58431
+ ></section>
58406
58432
  <img
58407
58433
  class="logo ${this.loading ? 'loading' : ''}"
58408
58434
  src=${this.metadata.avatar}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digipair/skill-web-chatbot",
3
- "version": "0.5.10",
3
+ "version": "0.5.11",
4
4
  "dependencies": {},
5
5
  "typings": "./index.d.ts",
6
6
  "main": "./index.cjs.js",