@credithub/harlan-components 1.3.1 → 1.3.2

package/lib/cjs/components/dossie/dossie.d.ts

@@ -1,35 +1,6 @@
 import React from "react";
-import { ReclameAquiCarouselProps } from "../reclameAqui/reclameAquiCarousel";
-interface Target {
-    "@types": string;
-    "@version": string;
-    about: {
-        [name: string]: unknown;
-    };
-    identificator: {
-        [name: string]: string;
-    };
+interface DossieProps {
+    onOpenNewTransactionModal?: () => void;
 }
-interface DossieUiProps {
-    dossie?: {
-        target: Target;
-        identificator: string;
-        webhook?: string | null;
-        events: {
-            [name: string]: {};
-        }[];
-        notations: {
-            [name: string]: {};
-        };
-        relations: {
-            [name: string]: {};
-        };
-        associates: {
-            [name: string]: {};
-        }[];
-    };
-    reclameAquiData?: Omit<ReclameAquiCarouselProps, "nome" | "cnpj">[];
-    onOpenNewTransactionModal: () => void;
-}
-declare const Dossie: React.FC<DossieUiProps>;
+declare const Dossie: React.FC<DossieProps>;
 export default Dossie;

package/lib/cjs/components/dossie/dossie.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,11 +37,10 @@ var reclameAquiCarousel_1 = require("../reclameAqui/reclameAquiCarousel");
 var webservice_1 = require("../webservice");
 var xpath_1 = __importDefault(require("../../utils/xpath"));
 var string_1 = require("../../utils/string");
-var Dossie = function (_a) {
-    var _b = _a.reclameAquiData, reclameAquiData = _b === void 0 ? [] : _b;
-    var ctx = (0, react_1.useContext)(webservice_1.Queries.Finder);
-    var Section = ctx.Section;
-    return (react_1.default.createElement(Section, { ctx: ctx, hideHeader: true, onSuccess: function (data) {
+var Dossie = function () {
+    var finderCtx = (0, react_1.useContext)(webservice_1.Queries.Finder);
+    var Section = finderCtx.Section;
+    return (react_1.default.createElement(Section, { ctx: finderCtx, hideHeader: true, onSuccess: function (data) {
             var isPF = !!xpath_1.default.select("string(//cadastro/cpf)", data);
             var name = isPF
                 ? xpath_1.default.select("string(//cadastro/nome)", data)
@@ -60,9 +48,10 @@ var Dossie = function (_a) {
             var document = isPF
                 ? (0, string_1.formatCpf)(xpath_1.default.select("string(//cadastro/cpf)", data))
                 : (0, string_1.formatCnpj)(xpath_1.default.select("string(//cadastro/cnpj)", data));
+            var DossieCarrousel = function () { return !isPF ? (react_1.default.createElement(reclameAquiCarousel_1.ReclameAquiCarousel, { documento: document, nome: name })) : (react_1.default.createElement(carrousel_1.Carrousel, { name: name, document: document })); };
             return (react_1.default.createElement(result_1.Result, null,
                 react_1.default.createElement("div", { className: (0, classnames_1.default)("dossie-grid", "dossie") },
-                    reclameAquiData && !isPF ? (react_1.default.createElement(reclameAquiCarousel_1.ReclameAquiCarousel, { data: reclameAquiData === null || reclameAquiData === void 0 ? void 0 : reclameAquiData.map(function (empresa) { return (__assign(__assign({}, empresa), { nome: name, cnpj: document })); }) })) : (react_1.default.createElement(carrousel_1.Carrousel, { name: name, document: document })),
+                    react_1.default.createElement(DossieCarrousel, null),
                     react_1.default.createElement(transactionTable_1.TransactionsTable, { events: xpath_1.default.select("//historico/consulta", data) })),
                 react_1.default.createElement(summary_1.Summary, { finderResponse: data })));
         } }));

package/lib/cjs/components/reclameAqui/reclameAquiCarousel.d.ts

@@ -1,26 +1,5 @@
 import React from "react";
-export interface ReclameAquiCarouselProps extends ReclameAquiStatsProps {
-}
-declare const statusMap: {
-    GREAT: string;
-    GOOD: string;
-    REGULAR: string;
-    NOT_RECOMMENDED: string;
-    NO_INDEX: string;
-    BAD: string;
-};
-type StatusMapType = keyof typeof statusMap;
-type ReclameAquiStatsProps = {
-    nome: string;
-    cnpj: string;
-    score: string;
-    status: string | StatusMapType;
-    shortname: string;
-    imageUrl: string;
-    quantidadeProblemasResolvidos: string;
-    percentualProblemasResolvidos: string;
-};
 export declare const ReclameAquiCarousel: React.FC<{
-    data: ReclameAquiCarouselProps[];
+    documento: string;
+    nome: string;
 }>;
-export {};

package/lib/cjs/components/reclameAqui/reclameAquiCarousel.js

@@ -10,13 +10,38 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReclameAquiCarousel = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var carousel_1 = __importDefault(require("../common/carousel"));
+var webservice_1 = require("../webservice");
+var carrousel_1 = __importDefault(require("../dossie/carrousel/carrousel"));
 var statusMap = {
     GREAT: "Ótimo",
     GOOD: "Bom",
@@ -52,13 +77,28 @@ var ReclameAquiStats = function (_a) {
                     "/10")),
             react_1.default.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + "%" }))));
 };
-var ReclameAquiCarousel = function (_a) {
-    var data = _a.data;
+exports.ReclameAquiCarousel = (0, react_1.memo)(function (_a) {
+    var _b, _c;
+    var nome = _a.nome, documento = _a.documento;
+    var _d = (0, webservice_1.useQuery)("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'", { documento: documento }), response = _d.response, isLoading = _d.isLoading, error = _d.error;
+    if (isLoading || error)
+        return react_1.default.createElement(carrousel_1.default, { name: nome, document: documento });
     return (react_1.default.createElement("div", { className: "reclame-aqui-carousel" },
         react_1.default.createElement("div", { className: "carrossel-content" },
-            react_1.default.createElement(carousel_1.default, { pagination: false, isRTL: false, showArrows: (data === null || data === void 0 ? void 0 : data.length) > 1, renderArrow: function (_a) {
+            react_1.default.createElement(carousel_1.default, { pagination: false, isRTL: false, showArrows: (response === null || response === void 0 ? void 0 : response.document) && ((_b = response === null || response === void 0 ? void 0 : response.document) === null || _b === void 0 ? void 0 : _b.length) > 1, renderArrow: function (_a) {
                     var type = _a.type, onClick = _a.onClick;
                     return (react_1.default.createElement("i", { className: "fa fa-angle-".concat(type == "PREV" ? "left" : "right", " reclame-aqui-carousel-btn"), onClick: onClick }));
-                } }, data === null || data === void 0 ? void 0 : data.map(function (empresa, index) { return (react_1.default.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
-};
-exports.ReclameAquiCarousel = ReclameAquiCarousel;
+                } }, (_c = response === null || response === void 0 ? void 0 : response.document) === null || _c === void 0 ? void 0 : _c.map(function (item) {
+                var infos = item.infos;
+                return {
+                    nome: nome,
+                    cnpj: documento,
+                    score: infos.finalScore,
+                    status: infos.status,
+                    shortname: infos.shortname,
+                    imageUrl: infos.logo,
+                    quantidadeProblemasResolvidos: infos.count.toString(),
+                    percentualProblemasResolvidos: infos.solvedPercentual,
+                };
+            }).map(function (empresa, index) { return (react_1.default.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
+});

package/lib/cjs/components/reclameAqui/types.d.ts

@@ -0,0 +1,31 @@
+export interface ReclameAquiResponse {
+    _id: Id;
+    reclameAquiId: string;
+    type: string;
+    document: string;
+    evaluated: number;
+    infos: ReclameAquiInfos;
+    document_data: DocumentData;
+}
+export interface Id {
+    $id: string;
+}
+export interface ReclameAquiInfos {
+    finalScore: string;
+    created: string;
+    companyName: string;
+    count: number;
+    solvedPercentual: string;
+    shortname: string;
+    url: string;
+    logo: string;
+    fantasyName: string;
+    status: string;
+}
+export interface DocumentData {
+    validity: Validity;
+}
+export interface Validity {
+    sec: number;
+    usec: number;
+}

package/lib/cjs/components/reclameAqui/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/components/webservice.js

@@ -135,7 +135,7 @@ function useQuery(query, data) {
                 : new Error(requestError));
         })
             .finally(function () { return setIsLoading(false); });
-    }, [client, query, data, abortController.signal]);
+    }, []);
     (0, react_1.useEffect)(function () {
         fetch();
     }, [fetch]);
@@ -170,7 +170,7 @@ function useMutation(query, data) {
                 : new Error(requestError));
         })
             .finally(function () { return setIsLoading(false); });
-    }, [client, query, data, abortController.signal]);
+    }, []);
     return {
         isLoading: isLoading,
         error: error,

package/lib/esm/components/dossie/dossie.d.ts

@@ -1,35 +1,6 @@
 import React from "react";
-import { ReclameAquiCarouselProps } from "../reclameAqui/reclameAquiCarousel";
-interface Target {
-    "@types": string;
-    "@version": string;
-    about: {
-        [name: string]: unknown;
-    };
-    identificator: {
-        [name: string]: string;
-    };
+interface DossieProps {
+    onOpenNewTransactionModal?: () => void;
 }
-interface DossieUiProps {
-    dossie?: {
-        target: Target;
-        identificator: string;
-        webhook?: string | null;
-        events: {
-            [name: string]: {};
-        }[];
-        notations: {
-            [name: string]: {};
-        };
-        relations: {
-            [name: string]: {};
-        };
-        associates: {
-            [name: string]: {};
-        }[];
-    };
-    reclameAquiData?: Omit<ReclameAquiCarouselProps, "nome" | "cnpj">[];
-    onOpenNewTransactionModal: () => void;
-}
-declare const Dossie: React.FC<DossieUiProps>;
+declare const Dossie: React.FC<DossieProps>;
 export default Dossie;

package/lib/esm/components/dossie/dossie.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 //eslint-disable-ban-types
 import React, { useContext } from "react";
 import cn from "classnames";
@@ -20,11 +9,10 @@ import { ReclameAquiCarousel, } from "../reclameAqui/reclameAquiCarousel";
 import { Queries } from "../webservice";
 import XPathUtils from "../../utils/xpath";
 import { formatCnpj, formatCpf } from "../../utils/string";
-var Dossie = function (_a) {
-    var _b = _a.reclameAquiData, reclameAquiData = _b === void 0 ? [] : _b;
-    var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
-    return (React.createElement(Section, { ctx: ctx, hideHeader: true, onSuccess: function (data) {
+var Dossie = function () {
+    var finderCtx = useContext(Queries.Finder);
+    var Section = finderCtx.Section;
+    return (React.createElement(Section, { ctx: finderCtx, hideHeader: true, onSuccess: function (data) {
             var isPF = !!XPathUtils.select("string(//cadastro/cpf)", data);
             var name = isPF
                 ? XPathUtils.select("string(//cadastro/nome)", data)
@@ -32,9 +20,10 @@ var Dossie = function (_a) {
             var document = isPF
                 ? formatCpf(XPathUtils.select("string(//cadastro/cpf)", data))
                 : formatCnpj(XPathUtils.select("string(//cadastro/cnpj)", data));
+            var DossieCarrousel = function () { return !isPF ? (React.createElement(ReclameAquiCarousel, { documento: document, nome: name })) : (React.createElement(Carrousel, { name: name, document: document })); };
             return (React.createElement(Result, null,
                 React.createElement("div", { className: cn("dossie-grid", "dossie") },
-                    reclameAquiData && !isPF ? (React.createElement(ReclameAquiCarousel, { data: reclameAquiData === null || reclameAquiData === void 0 ? void 0 : reclameAquiData.map(function (empresa) { return (__assign(__assign({}, empresa), { nome: name, cnpj: document })); }) })) : (React.createElement(Carrousel, { name: name, document: document })),
+                    React.createElement(DossieCarrousel, null),
                     React.createElement(TransactionsTable, { events: XPathUtils.select("//historico/consulta", data) })),
                 React.createElement(Summary, { finderResponse: data })));
         } }));

package/lib/esm/components/reclameAqui/reclameAquiCarousel.d.ts

@@ -1,26 +1,5 @@
 import React from "react";
-export interface ReclameAquiCarouselProps extends ReclameAquiStatsProps {
-}
-declare const statusMap: {
-    GREAT: string;
-    GOOD: string;
-    REGULAR: string;
-    NOT_RECOMMENDED: string;
-    NO_INDEX: string;
-    BAD: string;
-};
-type StatusMapType = keyof typeof statusMap;
-type ReclameAquiStatsProps = {
-    nome: string;
-    cnpj: string;
-    score: string;
-    status: string | StatusMapType;
-    shortname: string;
-    imageUrl: string;
-    quantidadeProblemasResolvidos: string;
-    percentualProblemasResolvidos: string;
-};
 export declare const ReclameAquiCarousel: React.FC<{
-    data: ReclameAquiCarouselProps[];
+    documento: string;
+    nome: string;
 }>;
-export {};

package/lib/esm/components/reclameAqui/reclameAquiCarousel.js

@@ -9,8 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from "react";
+import React, { memo } from "react";
 import Carousel from "../common/carousel";
+import { useQuery } from "../webservice";
+import Carrousel from "../dossie/carrousel/carrousel";
 var statusMap = {
     GREAT: "Ótimo",
     GOOD: "Bom",
@@ -46,12 +48,28 @@ var ReclameAquiStats = function (_a) {
                     "/10")),
             React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + "%" }))));
 };
-export var ReclameAquiCarousel = function (_a) {
-    var data = _a.data;
+export var ReclameAquiCarousel = memo(function (_a) {
+    var _b, _c;
+    var nome = _a.nome, documento = _a.documento;
+    var _d = useQuery("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'", { documento: documento }), response = _d.response, isLoading = _d.isLoading, error = _d.error;
+    if (isLoading || error)
+        return React.createElement(Carrousel, { name: nome, document: documento });
     return (React.createElement("div", { className: "reclame-aqui-carousel" },
         React.createElement("div", { className: "carrossel-content" },
-            React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: (data === null || data === void 0 ? void 0 : data.length) > 1, renderArrow: function (_a) {
+            React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: (response === null || response === void 0 ? void 0 : response.document) && ((_b = response === null || response === void 0 ? void 0 : response.document) === null || _b === void 0 ? void 0 : _b.length) > 1, renderArrow: function (_a) {
                     var type = _a.type, onClick = _a.onClick;
                     return (React.createElement("i", { className: "fa fa-angle-".concat(type == "PREV" ? "left" : "right", " reclame-aqui-carousel-btn"), onClick: onClick }));
-                } }, data === null || data === void 0 ? void 0 : data.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
-};
+                } }, (_c = response === null || response === void 0 ? void 0 : response.document) === null || _c === void 0 ? void 0 : _c.map(function (item) {
+                var infos = item.infos;
+                return {
+                    nome: nome,
+                    cnpj: documento,
+                    score: infos.finalScore,
+                    status: infos.status,
+                    shortname: infos.shortname,
+                    imageUrl: infos.logo,
+                    quantidadeProblemasResolvidos: infos.count.toString(),
+                    percentualProblemasResolvidos: infos.solvedPercentual,
+                };
+            }).map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
+});

package/lib/esm/components/reclameAqui/types.d.ts

@@ -0,0 +1,31 @@
+export interface ReclameAquiResponse {
+    _id: Id;
+    reclameAquiId: string;
+    type: string;
+    document: string;
+    evaluated: number;
+    infos: ReclameAquiInfos;
+    document_data: DocumentData;
+}
+export interface Id {
+    $id: string;
+}
+export interface ReclameAquiInfos {
+    finalScore: string;
+    created: string;
+    companyName: string;
+    count: number;
+    solvedPercentual: string;
+    shortname: string;
+    url: string;
+    logo: string;
+    fantasyName: string;
+    status: string;
+}
+export interface DocumentData {
+    validity: Validity;
+}
+export interface Validity {
+    sec: number;
+    usec: number;
+}

package/lib/esm/components/reclameAqui/types.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/webservice.js

@@ -105,7 +105,7 @@ export function useQuery(query, data) {
                 : new Error(requestError));
         })
             .finally(function () { return setIsLoading(false); });
-    }, [client, query, data, abortController.signal]);
+    }, []);
     useEffect(function () {
         fetch();
     }, [fetch]);
@@ -139,7 +139,7 @@ export function useMutation(query, data) {
                 : new Error(requestError));
         })
             .finally(function () { return setIsLoading(false); });
-    }, [client, query, data, abortController.signal]);
+    }, []);
     return {
         isLoading: isLoading,
         error: error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",