@seniorsistemas/angular-components 17.3.10 → 17.3.12

package/bundles/seniorsistemas-angular-components.umd.js

@@ -927,6 +927,8 @@
         return AccordionModule;
     }());
 
+    // Lembrar que toda vez que for adicionada uma cor nova, ser criada a referência no `EnumBadgeColors`
+    // do s-table-columns.
 
     (function (BadgeColors) {
         BadgeColors["Red"] = "red";
@@ -5106,6 +5108,7 @@
             _this.rows = config.rows;
             _this.keyFilter = config.keyFilter;
             _this.style = config.style;
+            _this.prompt = config.prompt;
             return _this;
         }
         return TextAreaIAField;
@@ -5956,15 +5959,18 @@
         }
         IAssistService.prototype.askIA = function (context, data) {
             var _this = this;
-            return this.http.post("platform/iassist/api/latest/completions", {
-                "prompt": this._createPrompt(context, data),
-                "provider": "OPEN_AI",
-                "parameters": {
-                    "model": "gpt-3.5-turbo",
-                    "max_tokens": 700,
-                    "temperature": 1
-                }
-            }).pipe(operators.catchError(function (err) {
+            var prompt = data.prompt ? this._replacePlaceholder(context, data) : this._createPrompt(context, data);
+            return this.http
+                .post("platform/iassist/api/latest/completions", {
+                prompt: prompt,
+                provider: "OPEN_AI",
+                parameters: {
+                    model: "gpt-3.5-turbo",
+                    max_tokens: 700,
+                    temperature: 1,
+                },
+            })
+                .pipe(operators.catchError(function (err) {
                 _this._messageService.add({
                     severity: "error",
                     summary: err.status ? String(err.status) : "Error",
@@ -5973,6 +5979,17 @@
                 return rxjs.throwError(err);
             }));
         };
+        IAssistService.prototype._replacePlaceholder = function (context, data) {
+            var values = __assign(__assign({}, data), { context: context });
+            delete values.prompt;
+            var result = data.prompt;
+            for (var key in __assign(__assign({}, values), { context: context })) {
+                var placeholder = new RegExp("{{\\s*" + key + "\\s*}}", "g");
+                result = result.replace(placeholder, values[key]);
+            }
+            console.log("prompt", result);
+            return result;
+        };
         IAssistService.prototype._createPrompt = function (context, data) {
             return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
         };
@@ -7723,12 +7740,12 @@
 
 
     (function (EnumBadgeColors) {
-        EnumBadgeColors["RED"] = "sds-semantic-red";
-        EnumBadgeColors["ORANGE"] = "sds-semantic-orange";
-        EnumBadgeColors["YELLOW"] = "sds-semantic-yellow";
-        EnumBadgeColors["GREEN"] = "sds-semantic-green";
-        EnumBadgeColors["BLUE"] = "sds-semantic-blue";
-        EnumBadgeColors["GRAY"] = "sds-semantic-gray";
+        EnumBadgeColors["RED"] = "red";
+        EnumBadgeColors["ORANGE"] = "orange";
+        EnumBadgeColors["YELLOW"] = "yellow";
+        EnumBadgeColors["GREEN"] = "green";
+        EnumBadgeColors["BLUE"] = "blue";
+        EnumBadgeColors["GRAY"] = "gray";
     })(exports.EnumBadgeColors || (exports.EnumBadgeColors = {}));
 
     var moment$4 = moment_;
@@ -7817,16 +7834,13 @@
         };
         TableColumnsComponent.prototype.getColumnValue = function (column, rowValue, locale) {
             var _this = this;
+            var _a;
             var prefix = this.getTranslationPrefix(column);
             var separator = this.getColumnSeparator(column);
             var uninformed = this.translate.instant(prefix + "empty_label");
             var style = column.style;
-            var badgeClass = {
-                "sds-badge": false
-            };
             var columnValue = column.attributes
                 .map(function (attribute) {
-                var _a;
                 var attributeValue = _this.getAttributeValue(attribute, rowValue);
                 if (_this.isAttributeValueInvalid(attributeValue)) {
                     return uninformed;
@@ -7834,9 +7848,6 @@
                 var numberConfigs = _this.getNumberConfigs(column, locale);
                 switch (column.type) {
                     case exports.EnumColumnFieldType.ENUM:
-                        if ((_a = column.badgeConfigs) === null || _a === void 0 ? void 0 : _a.length) {
-                            badgeClass = _this.getBadgeClass(attributeValue, column.badgeConfigs);
-                        }
                         return _this.translate.instant(column.enumPrefix + attributeValue.toString().toLowerCase());
                     case exports.EnumColumnFieldType.CURRENCY:
                         return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
@@ -7863,9 +7874,9 @@
             return {
                 style: style,
                 columnValue: formattedColumnValue,
-                badgeClass: badgeClass,
                 separator: separator,
                 uninformed: uninformed,
+                badgeConfigs: (_a = column === null || column === void 0 ? void 0 : column.badgeConfigs) === null || _a === void 0 ? void 0 : _a.find(function (badgeConfig) { var _a; return badgeConfig.enumValue === rowValue[(_a = column.attributes[0]) !== null && _a !== void 0 ? _a : column.field]; }),
                 type: column.type,
                 tooltip: this.getColumnTooltip(column.tooltip),
                 infoSign: this.getColumnInfoSign(column.infoSign),
@@ -7873,15 +7884,6 @@
                 onColumnClick: column.onColumnClick
             };
         };
-        TableColumnsComponent.prototype.getBadgeClass = function (value, badgeConfigs) {
-            var _a;
-            var badgeColumn = {
-                "sds-badge": true
-            };
-            var color = (_a = badgeConfigs.find(function (badgeConfig) { return badgeConfig.enumValue === value; })) === null || _a === void 0 ? void 0 : _a.color.valueOf();
-            badgeColumn[color] = true;
-            return badgeColumn;
-        };
         TableColumnsComponent.prototype.getColumnScale = function (scale) {
             if (typeof scale === "function") {
                 return scale(this.rowValue);
@@ -7974,7 +7976,7 @@
         ], TableColumnsComponent.prototype, "locale", void 0);
         TableColumnsComponent = __decorate([
             core.Component({
-                template: "<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\"\n        [ngStyle]=\"column.style\"\n        (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n            <span *ngIf=\"column.type !== 'LINK'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-empty-value': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\n                <ng-container *ngIf=\"!!column.infoSign\">\n                    <span *sInfoSign=\"column.infoSign\"></span>\n                </ng-container>\n            </ng-template>\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\n            <ng-container *ngIf=\"!!column.infoSign\">\n                <span *sInfoSign=\"column.infoSign\"></span>\n            </ng-container>\n        </ng-template>\n    </td>\n</ng-template>\n",
+                template: "<ng-template #columnsTemplate>\n    <td\n        *ngFor=\"let column of formattedColumns\"\n        [ngStyle]=\"column.style\"\n        (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\"\n    >\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n            <span *ngIf=\"column.type !== 'LINK'\" [sTooltip]=\"column.tooltip\" [escape]=\"false\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n            </span>\n\n            <a\n                *ngIf=\"column.type === 'LINK'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\"\n            >\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n            </a>\n\n            <ng-template #columnValueTemplate>\n                <ng-container *ngFor=\"let value of getSplittedString(column)\">\n                    <span *ngIf=\"value.isUninformed; else isInformedTemplate\" class=\"sds-empty-value\">{{ value.value }}</span>\n\n                    <ng-template #isInformedTemplate>\n                        <s-badge\n                            *ngIf=\"column.badgeConfigs; else withoutBadgeTemplate\"\n                            [sTooltip]=\"column.tooltip\"\n                            [color]=\"column.badgeConfigs.color\"\n                            [text]=\"value.value\"\n                        ></s-badge>\n\n                        <ng-template #withoutBadgeTemplate>\n                            <span>{{ value.value }}</span>\n                        </ng-template>\n                    </ng-template>\n\n                    <span>{{ value.separator }}</span>\n                </ng-container>\n\n                <ng-container *ngIf=\"!!column.infoSign\">\n                    <span *sInfoSign=\"column.infoSign\"></span>\n                </ng-container>\n            </ng-template>\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list [tokens]=\"column.columnValue\" [hidePointerEvents]=\"true\"></s-token-list>\n\n            <ng-container *ngIf=\"!!column.infoSign\">\n                <span *sInfoSign=\"column.infoSign\"></span>\n            </ng-container>\n        </ng-template>\n    </td>\n</ng-template>\n",
                 selector: "s-table-columns",
                 styles: [":host{display:none}"]
             }),
@@ -8297,7 +8299,8 @@
                     TokenListModule,
                     core$1.TranslateModule,
                     ButtonModule,
-                    InfoSignModule
+                    InfoSignModule,
+                    BadgeModule
                 ],
                 exports: [
                     RowTogllerDirective,
@@ -9208,10 +9211,12 @@
             var _this = this;
             var context = this.formGroup.get("context");
             this.isLoading = true;
-            this._iassistService.askIA(context.value, {
+            this._iassistService
+                .askIA(context.value, {
                 id: this.field.id,
                 label: this.field.label,
                 placeholder: this.field.placeholder,
+                prompt: this.field.prompt,
             })
                 .pipe(operators.catchError(function (err) {
                 _this.isLoading = false;