@seniorsistemas/angular-components 17.3.10 → 17.3.12

package/fesm5/seniorsistemas-angular-components.js

@@ -781,6 +781,8 @@ var AccordionModule = /** @class */ (function () {
     return AccordionModule;
 }());
 
+// Lembrar que toda vez que for adicionada uma cor nova, ser criada a referência no `EnumBadgeColors`
+// do s-table-columns.
 var BadgeColors;
 (function (BadgeColors) {
     BadgeColors["Red"] = "red";
@@ -4960,6 +4962,7 @@ var TextAreaIAField = /** @class */ (function (_super) {
         _this.rows = config.rows;
         _this.keyFilter = config.keyFilter;
         _this.style = config.style;
+        _this.prompt = config.prompt;
         return _this;
     }
     return TextAreaIAField;
@@ -5810,15 +5813,18 @@ var IAssistService = /** @class */ (function () {
     }
     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(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(catchError(function (err) {
             _this._messageService.add({
                 severity: "error",
                 summary: err.status ? String(err.status) : "Error",
@@ -5827,6 +5833,17 @@ var IAssistService = /** @class */ (function () {
             return 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";
     };
@@ -7577,12 +7594,12 @@ var EnumColumnFieldType;
 
 var EnumBadgeColors;
 (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";
 })(EnumBadgeColors || (EnumBadgeColors = {}));
 
 var moment$4 = moment_;
@@ -7671,16 +7688,13 @@ var TableColumnsComponent = /** @class */ (function () {
     };
     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;
@@ -7688,9 +7702,6 @@ var TableColumnsComponent = /** @class */ (function () {
             var numberConfigs = _this.getNumberConfigs(column, locale);
             switch (column.type) {
                 case 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 EnumColumnFieldType.CURRENCY:
                     return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
@@ -7717,9 +7728,9 @@ var TableColumnsComponent = /** @class */ (function () {
         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),
@@ -7727,15 +7738,6 @@ var TableColumnsComponent = /** @class */ (function () {
             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);
@@ -7828,7 +7830,7 @@ var TableColumnsComponent = /** @class */ (function () {
     ], TableColumnsComponent.prototype, "locale", void 0);
     TableColumnsComponent = __decorate([
         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}"]
         }),
@@ -8151,7 +8153,8 @@ var TableModule = /** @class */ (function () {
                 TokenListModule,
                 TranslateModule,
                 ButtonModule,
-                InfoSignModule
+                InfoSignModule,
+                BadgeModule
             ],
             exports: [
                 RowTogllerDirective,
@@ -9062,10 +9065,12 @@ var TextAreaIAFieldComponent = /** @class */ (function () {
         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(catchError(function (err) {
             _this.isLoading = false;