infinity-forge 10.5.2 → 10.5.4

package/dist/test/index.js

@@ -4,7 +4,9 @@ exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaPa
 var jsx_runtime_1 = require("react/jsx-runtime");
 var system_1 = require("../system/index.js");
 var ui_1 = require("../ui/index.js");
+var hook_1 = require("../ui/codie-dynamic/components/hook.js");
 function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
-    return ((0, jsx_runtime_1.jsx)(system_1.PrivatePage, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { children: (0, jsx_runtime_1.jsx)(ui_1.InputFile, { name: "test", label: "Test", upload: { version: "v2", }, multiple: true, isAccumalativeFile: true }) }) }));
+    var detailPage = (0, hook_1.useCodieDynamic)().detailPage;
+    return ((0, jsx_runtime_1.jsx)(system_1.PrivatePage, { dontNeedAuthentication: true, children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onChangeForm: { callbackResult: function (d) { return console.log(d); } }, children: (0, jsx_runtime_1.jsx)(detailPage.interactions.Component, { entityKey: 'profissionais', sourceTable: 'Directory', theme: { baseColor: '#50C0BB' }, sourceGUID: '3e2f6b3e-8d17-4d91-b244-0b17b0a00f8f' }) }) }));
 }
 //# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAGA,wGASC;;AAZD,mCAAuC;AACvC,2BAA8C;AAE9C,SAAgB,8CAA8C;IAE5D,OAAO,CACL,uBAAC,oBAAW,cACd,uBAAC,gBAAW,cACV,uBAAC,cAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,GAAI,EAAE,QAAQ,QAAC,kBAAkB,SAAG,GACnF,GACE,CACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAIA,wGAeC;;AAnBD,mCAAsC;AACtC,2BAA2D;AAC3D,2DAAoE;AAEpE,SAAgB,8CAA8C;IACpD,IAAA,UAAU,GAAK,IAAA,sBAAe,GAAE,WAAtB,CAAsB;IACxC,OAAO,CACL,uBAAC,oBAAW,IAAC,sBAAsB,kBACrC,uBAAC,gBAAW,IAAC,YAAY,EAAE,EAAE,cAAc,EAAE,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc,EAAE,YAChE,uBAAC,UAAU,CAAC,YAAY,CAAC,SAAS,IAChC,SAAS,EAAC,eAAe,EACzB,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAC/B,UAAU,EAAE,sCAAsC,GAClD,GACU,GACA,CAEf,CAAA;AACH,CAAC"}

package/dist/ui/codie-dynamic/components/directory-filter/use-filter.d.ts

@@ -1,7 +1,7 @@
 import { SourceFilters } from './source-filters/index.js';
 import { SourceFilterHeader } from './source-filter-header/index.js';
 import { CategoriesCarousel } from './categories-carousel/index.js';
-export declare function useFilter(): {
+export declare function useDirectoryFilter(): {
     SourceFilters: typeof SourceFilters;
     SourceFilterHeader: typeof SourceFilterHeader;
     CategoriesCarousel: typeof CategoriesCarousel;

package/dist/ui/codie-dynamic/components/directory-filter/use-filter.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFilter = useFilter;
+exports.useDirectoryFilter = useDirectoryFilter;
 var source_filters_1 = require("./source-filters/index.js");
 var source_filter_header_1 = require("./source-filter-header/index.js");
 var categories_carousel_1 = require("./categories-carousel/index.js");
-function useFilter() {
+function useDirectoryFilter() {
     return {
         SourceFilters: source_filters_1.SourceFilters,
         SourceFilterHeader: source_filter_header_1.SourceFilterHeader,

package/dist/ui/codie-dynamic/components/directory-filter/use-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-filter.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/directory-filter/use-filter.ts"],"names":[],"mappings":";;AAIA,8BAMC;AAVD,mDAAgD;AAChD,+DAA2D;AAC3D,6DAA0D;AAE1D,SAAgB,SAAS;IACvB,OAAO;QACL,aAAa,gCAAA;QACb,kBAAkB,2CAAA;QAClB,kBAAkB,0CAAA;KACnB,CAAA;AACH,CAAC"}
+{"version":3,"file":"use-filter.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/directory-filter/use-filter.ts"],"names":[],"mappings":";;AAIA,gDAMC;AAVD,mDAAgD;AAChD,+DAA2D;AAC3D,6DAA0D;AAE1D,SAAgB,kBAAkB;IAChC,OAAO;QACL,aAAa,gCAAA;QACb,kBAAkB,2CAAA;QAClB,kBAAkB,0CAAA;KACnB,CAAA;AACH,CAAC"}

package/dist/ui/codie-dynamic/components/hook.d.ts

@@ -0,0 +1,13 @@
+import { useDirectoryFilter } from "./directory-filter/index.js";
+import { Interactions, useInteractions } from "./interactions/index.js";
+export declare function useCodieDynamic(): {
+    detailPage: {
+        directoryFilter: {
+            hook: typeof useDirectoryFilter;
+        };
+        interactions: {
+            hook: typeof useInteractions;
+            Component: typeof Interactions;
+        };
+    };
+};

package/dist/ui/codie-dynamic/components/hook.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCodieDynamic = useCodieDynamic;
+var directory_filter_1 = require("./directory-filter/index.js");
+var interactions_1 = require("./interactions/index.js");
+function useCodieDynamic() {
+    return {
+        detailPage: {
+            directoryFilter: {
+                hook: directory_filter_1.useDirectoryFilter,
+            },
+            interactions: {
+                hook: interactions_1.useInteractions,
+                Component: interactions_1.Interactions
+            }
+        }
+    };
+}
+//# sourceMappingURL=hook.js.map

package/dist/ui/codie-dynamic/components/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../../src/ui/codie-dynamic/components/hook.ts"],"names":[],"mappings":";;AAGA,0CAYC;AAfD,uDAAwD;AACxD,+CAA+D;AAE/D,SAAgB,eAAe;IAC3B,OAAO;QACH,UAAU,EAAE;YACR,eAAe,EAAE;gBACb,IAAI,EAAE,qCAAkB;aAC3B;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,8BAAe;gBACrB,SAAS,EAAE,2BAAY;aAC1B;SACJ;KACJ,CAAA;AACL,CAAC"}

package/dist/ui/codie-dynamic/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./interactions/index.js";
+export * from "./interactions/component.js";
 export * from "./directory-filter/index.js";

package/dist/ui/codie-dynamic/components/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./interactions/index.js"), exports);
+__exportStar(require("./interactions/component.js"), exports);
 __exportStar(require("./directory-filter/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/codie-dynamic/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/codie-dynamic/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,qDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/codie-dynamic/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,qDAAkC"}

package/dist/ui/codie-dynamic/components/interactions/card/index.d.ts

@@ -1,4 +1,4 @@
 import { InteractionItemResponse } from '../../../../../ui/codie-dynamic/client/swagger_client.js';
-export declare function ReviewCard({ theme, comment, createdAt, ...rest }: InteractionItemResponse & {
+export declare function ReviewCard({ theme, comment, createdAt, rating, ...rest }: InteractionItemResponse & {
     theme: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/codie-dynamic/components/interactions/card/index.js

@@ -53,8 +53,8 @@ var stars_text_1 = require("../stars-text/index.js");
 var moment_1 = __importDefault(require("moment"));
 var S = __importStar(require("./styles.js"));
 function ReviewCard(_a) {
-    var theme = _a.theme, comment = _a.comment, createdAt = _a.createdAt, rest = __rest(_a, ["theme", "comment", "createdAt"]);
-    return ((0, jsx_runtime_1.jsx)(S.ReviewCard, { "$theme": theme, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title-box', children: (0, jsx_runtime_1.jsx)("div", { className: 'date font-16', children: (0, moment_1.default)(createdAt).format("DD/MM/YYYY HH:mm") }) }), (0, jsx_runtime_1.jsx)(stars_text_1.StarsText, {}), (0, jsx_runtime_1.jsx)("div", { className: 'description font-16', dangerouslySetInnerHTML: {
+    var theme = _a.theme, comment = _a.comment, createdAt = _a.createdAt, rating = _a.rating, rest = __rest(_a, ["theme", "comment", "createdAt", "rating"]);
+    return ((0, jsx_runtime_1.jsx)(S.ReviewCard, { "$theme": theme, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title-box', children: (0, jsx_runtime_1.jsx)("div", { className: 'date font-16', children: (0, moment_1.default)(createdAt).format("DD/MM/YYYY HH:mm") }) }), (0, jsx_runtime_1.jsx)(stars_text_1.StarsText, { rating: rating }), (0, jsx_runtime_1.jsx)("div", { className: 'description font-16', dangerouslySetInnerHTML: {
                         __html: comment || "",
                     } })] }) }));
 }

package/dist/ui/codie-dynamic/components/interactions/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,gCAuBC;;AA9BD,4CAAyC;AAEzC,kDAA2B;AAG3B,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAA8E;IAA5E,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAM,IAAI,cAArC,iCAAsC,CAAD;IAC9D,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cAAS,KAAK,YAGzB,4CACE,gCAAK,SAAS,EAAC,WAAW,YAGxB,gCAAK,SAAS,EAAC,cAAc,YAAE,IAAA,gBAAM,EAAC,SAAS,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAO,GAC9E,EAEN,uBAAC,sBAAS,KAAG,EAEb,gCACE,SAAS,EAAC,qBAAqB,EAC/B,uBAAuB,EAAE;wBACvB,MAAM,EAAE,OAAO,IAAI,EAAE;qBACtB,GACD,IACE,GACO,CAChB,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,gCAwBC;;AA/BD,4CAAyC;AAEzC,kDAA2B;AAG3B,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAAsF;IAApF,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAG,MAAM,YAAA,EAAK,IAAI,cAA7C,2CAA8C,CAAD;IAEtE,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cAAS,KAAK,YAGzB,4CACE,gCAAK,SAAS,EAAC,WAAW,YAGxB,gCAAK,SAAS,EAAC,cAAc,YAAE,IAAA,gBAAM,EAAC,SAAS,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAO,GAC9E,EAEN,uBAAC,sBAAS,IAAE,MAAM,EAAE,MAAM,GAAG,EAE7B,gCACE,SAAS,EAAC,qBAAqB,EAC/B,uBAAuB,EAAE;wBACvB,MAAM,EAAE,OAAO,IAAI,EAAE;qBACtB,GACD,IACE,GACO,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/codie-dynamic/components/interactions/component.d.ts

@@ -0,0 +1,9 @@
+export interface IEvaluationsProps {
+    theme?: {
+        baseColor: string;
+    };
+    sourceTable: 'Directory';
+    entityKey: string;
+    sourceGUID: string;
+}
+export declare function Interactions(props: IEvaluationsProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/codie-dynamic/components/interactions/component.js

@@ -0,0 +1,155 @@
+"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);
+    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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Interactions = Interactions;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("../../../../ui/index.js");
+var system_1 = require("../../../../system/index.js");
+var stars_text_1 = require("./stars-text/index.js");
+var S = __importStar(require("./styles.js"));
+var card_1 = require("./card/index.js");
+var hook_1 = require("./hook/index.js");
+function Interactions(props) {
+    var _this = this;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _r = (0, react_1.useState)(false), isOpen = _r[0], setIsOpen = _r[1];
+    var _s = (0, react_1.useState)(false), isOpenAuth = _s[0], setIsOpenAuth = _s[1];
+    var user = (0, system_1.useAuthAdmin)().user;
+    var theme = props.theme || { baseColor: '#000' };
+    var _t = (0, hook_1.useInteractions)(props), data = _t.data, interactionConfiguration = _t.interactionConfiguration, isLoading = _t.isLoading, mutate = _t.mutate;
+    if (!data || isLoading) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    console.log(data, "@");
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Evaluations', children: [(0, jsx_runtime_1.jsxs)(S.Evaluations, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-32-bold mb', children: "Avalia\u00E7\u00F5es" }), (0, jsx_runtime_1.jsxs)("div", { className: 'white-box', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsxs)("span", { className: 'font-32-bold container-stars', children: [(_b = (_a = data === null || data === void 0 ? void 0 : data.item) === null || _a === void 0 ? void 0 : _a.rate) === null || _b === void 0 ? void 0 : _b.rating, (0, jsx_runtime_1.jsx)(stars_text_1.StarsText, { theme: theme, rating: (_d = (_c = data === null || data === void 0 ? void 0 : data.item) === null || _c === void 0 ? void 0 : _c.rate) === null || _d === void 0 ? void 0 : _d.rating })] }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-16', children: ["M\u00E9dia entre ", data.item.rate.respondents, " avalia\u00E7\u00F5es"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'item', children: (_g = (_f = (_e = data === null || data === void 0 ? void 0 : data.item) === null || _e === void 0 ? void 0 : _e.rate) === null || _f === void 0 ? void 0 : _f.items) === null || _g === void 0 ? void 0 : _g.map(function (review) {
+                                            return ((0, jsx_runtime_1.jsxs)("div", { className: 'font-16-regular', children: [review.title, ' ', (0, jsx_runtime_1.jsx)("div", { className: 'back-bar', children: (0, jsx_runtime_1.jsx)("div", { className: 'bar', style: { width: "".concat((Number(review.rating) / 5) * 100, "%") } }) }), ' ', Number(review.rating.replaceAll(",", ".")).toFixed(1)] }, "review-".concat(review.id)));
+                                        }) }), (0, jsx_runtime_1.jsxs)("button", { className: 'item font-16-bold', type: 'button', onClick: function () {
+                                            if (user) {
+                                                setIsOpen(true);
+                                            }
+                                            else {
+                                                setIsOpenAuth(true);
+                                            }
+                                        }, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }), " Avaliar"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'bottom', children: (_j = (_h = data === null || data === void 0 ? void 0 : data.item) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.map(function (item) { return ((0, jsx_runtime_1.jsx)(card_1.ReviewCard, __assign({ theme: theme }, item), "evaluation-card-".concat(item.id))); }) })] })] }), (0, jsx_runtime_1.jsx)(ui_1.LoginModal, { open: isOpenAuth, setOpen: setIsOpenAuth, title: 'Autentica\u00E7\u00E3o', onAuth: function () {
+                    setIsOpen(true);
+                    setIsOpenAuth(false);
+                } }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { open: isOpen, onClose: function () { return setIsOpen(false); }, styles: {
+                    padding: 0,
+                    backgroundColor: '#fff',
+                    boxShadow: 'none',
+                    maxWidth: '500px',
+                }, stylesContent: {
+                    padding: '0',
+                }, hideCloseButton: true, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { button: { text: 'Enviar' }, disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
+                                var payload;
+                                var _a, _b;
+                                return __generator(this, function (_c) {
+                                    switch (_c.label) {
+                                        case 0:
+                                            payload = {
+                                                interactionConfigGUID: (_b = (_a = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.guid,
+                                                sourceGUID: props === null || props === void 0 ? void 0 : props.sourceGUID,
+                                                parentGuid: '',
+                                                rating: formData === null || formData === void 0 ? void 0 : formData.rating,
+                                                comment: formData === null || formData === void 0 ? void 0 : formData.comment,
+                                                categories: formData === null || formData === void 0 ? void 0 : formData.categories,
+                                            };
+                                            return [4 /*yield*/, (0, ui_1.codieDynamicClient)({
+                                                    url: '/features/interaction/send',
+                                                    method: 'post',
+                                                    body: { requestBody: payload },
+                                                })];
+                                        case 1:
+                                            _c.sent();
+                                            return [4 /*yield*/, mutate()];
+                                        case 2:
+                                            _c.sent();
+                                            setIsOpen(false);
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'rating', children: (0, jsx_runtime_1.jsx)(ui_1.InputStar, { name: "rating" }) }), (0, jsx_runtime_1.jsx)("div", { className: 'ratings', children: (_o = (_m = (_l = (_k = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _k === void 0 ? void 0 : _k.item) === null || _l === void 0 ? void 0 : _l.categories) === null || _m === void 0 ? void 0 : _m.split(',')) === null || _o === void 0 ? void 0 : _o.map(function (item, index) {
+                                        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { name: "categories[".concat(index, "].categoryName"), controlledInitialValue: { value: item } }) }), (0, jsx_runtime_1.jsx)(ui_1.InputStar, { label: item, name: "categories[".concat(index, "].rating") })] }));
+                                    }) }), ((_q = (_p = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _p === void 0 ? void 0 : _p.item) === null || _q === void 0 ? void 0 : _q.enableReview) && ((0, jsx_runtime_1.jsx)(ui_1.Textarea, { placeholder: 'O que voc\u00EA achou? Escreva sua avalia\u00E7\u00E3o...', name: 'comment' }))] })] }) })] }));
+}
+//# sourceMappingURL=component.js.map

package/dist/ui/codie-dynamic/components/interactions/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/component.tsx"],"names":[],"mappings":"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"}

package/dist/ui/codie-dynamic/components/interactions/hook/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-interactions.js";

package/dist/ui/codie-dynamic/components/interactions/hook/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-interactions.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/codie-dynamic/components/interactions/hook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/hook/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC"}

package/dist/ui/codie-dynamic/components/interactions/hook/use-interactions.d.ts

@@ -0,0 +1,7 @@
+import { IEvaluationsProps } from "../component.js";
+export declare function useInteractions(props: IEvaluationsProps): {
+    interactionConfiguration: Required<import("../../../../hooks/use-query/use-query/types.js").QueryState<import("../../../client/swagger_client.js").InteractionConfigResponseApiResponse>>;
+    data: import("../../../client/swagger_client.js").InteractionDetailResponseApiResponse;
+    mutate: (params?: import("../../../../hooks/use-query/use-query/types.js").FetcherParams & any) => void;
+    isLoading: boolean;
+};

package/dist/ui/codie-dynamic/components/interactions/hook/use-interactions.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInteractions = useInteractions;
+var client_1 = require("../../../../../ui/codie-dynamic/client/index.js");
+function useInteractions(props) {
+    var interactionConfiguration = (0, client_1.useCodieDynamicSwagger)({
+        url: '/features/interaction/config/{sourceTable}/{entityKey}',
+        method: 'get',
+        body: { params: { sourceTable: props.sourceTable, entityKey: props.entityKey } },
+    });
+    var _a = (0, client_1.useCodieDynamicSwagger)({
+        url: '/features/interaction/list/{sourceTable}/{sourceGUID}',
+        method: 'get',
+        body: { params: { sourceTable: props.sourceTable, sourceGUID: props.sourceGUID } },
+    }), data = _a.data, mutate = _a.mutate, isLoading = _a.isLoading;
+    return { interactionConfiguration: interactionConfiguration, data: data, mutate: mutate, isLoading: isLoading };
+}
+//# sourceMappingURL=use-interactions.js.map

package/dist/ui/codie-dynamic/components/interactions/hook/use-interactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-interactions.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/hook/use-interactions.ts"],"names":[],"mappings":";;AAIA,0CAcC;AAlBD,oDAAkE;AAIlE,SAAgB,eAAe,CAAC,KAAwB;IACpD,IAAM,wBAAwB,GAAG,IAAA,+BAAsB,EAAC;QACpD,GAAG,EAAE,wDAAwD;QAC7D,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE;KACnF,CAAC,CAAA;IAEI,IAAA,KAA8B,IAAA,+BAAsB,EAAC;QACvD,GAAG,EAAE,uDAAuD;QAC5D,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE;KACrF,CAAC,EAJM,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAI7B,CAAA;IAEF,OAAO,EAAE,wBAAwB,0BAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAA;AAChE,CAAC"}

package/dist/ui/codie-dynamic/components/interactions/index.d.ts

@@ -1,10 +1,2 @@
-interface IEvaluationsProps {
-    theme?: {
-        baseColor: string;
-    };
-    sourceTable: 'Directory';
-    entityKey: string;
-    sourceGUID: string;
-}
-export declare function Interactions(props: IEvaluationsProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export * from "./hook/index.js";
+export * from "./component.js";

package/dist/ui/codie-dynamic/components/interactions/index.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);
@@ -21,136 +10,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Interactions = Interactions;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ui_1 = require("../../../../ui/index.js");
-var system_1 = require("../../../../system/index.js");
-var stars_text_1 = require("./stars-text/index.js");
-var S = __importStar(require("./styles.js"));
-var card_1 = require("./card/index.js");
-function Interactions(props) {
-    var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var _p = (0, react_1.useState)(false), isOpen = _p[0], setIsOpen = _p[1];
-    var _q = (0, react_1.useState)(false), isOpenAuth = _q[0], setIsOpenAuth = _q[1];
-    var user = (0, system_1.useAuthAdmin)().user;
-    var theme = props.theme || { baseColor: '#000' };
-    var interactionConfiguration = (0, ui_1.useCodieDynamicSwagger)({
-        url: '/features/interaction/config/{sourceTable}/{entityKey}',
-        method: 'get',
-        body: { params: { sourceTable: props.sourceTable, entityKey: props.entityKey } },
-    });
-    var _r = (0, ui_1.useCodieDynamicSwagger)({
-        url: '/features/interaction/list/{sourceTable}/{sourceGUID}',
-        method: 'get',
-        body: { params: { sourceTable: props.sourceTable, sourceGUID: props.sourceGUID } },
-    }), data = _r.data, mutate = _r.mutate, isLoading = _r.isLoading;
-    if (!data || isLoading) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Evaluations', children: [(0, jsx_runtime_1.jsxs)(S.Evaluations, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-32-bold mb', children: "Avalia\u00E7\u00F5es" }), (0, jsx_runtime_1.jsxs)("div", { className: 'white-box', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsxs)("span", { className: 'font-32-bold container-stars', children: [(_b = (_a = data === null || data === void 0 ? void 0 : data.item) === null || _a === void 0 ? void 0 : _a.rate) === null || _b === void 0 ? void 0 : _b.rating, (0, jsx_runtime_1.jsx)(stars_text_1.StarsText, { theme: theme })] }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-16', children: ["M\u00E9dia entre ", data.item.rate.respondents, " avalia\u00E7\u00F5es"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'item', children: (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.item) === null || _c === void 0 ? void 0 : _c.rate) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.map(function (review) { return ((0, jsx_runtime_1.jsxs)("div", { className: 'font-16-regular', children: [review.title, ' ', (0, jsx_runtime_1.jsx)("div", { className: 'back-bar', children: (0, jsx_runtime_1.jsx)("div", { className: 'bar', style: { width: "".concat((Number(review.rating) / 5) * 100, "%") } }) }), ' ', Number(review.rating).toFixed(1)] }, "review-".concat(review.id))); }) }), (0, jsx_runtime_1.jsxs)("button", { className: 'item font-16-bold', type: 'button', onClick: function () {
-                                            if (user) {
-                                                setIsOpen(true);
-                                            }
-                                            else {
-                                                setIsOpenAuth(true);
-                                            }
-                                        }, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }), " Avaliar"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'bottom', children: (_g = (_f = data === null || data === void 0 ? void 0 : data.item) === null || _f === void 0 ? void 0 : _f.items) === null || _g === void 0 ? void 0 : _g.map(function (item) { return ((0, jsx_runtime_1.jsx)(card_1.ReviewCard, __assign({ theme: theme }, item), "evaluation-card-".concat(item.id))); }) })] })] }), (0, jsx_runtime_1.jsx)(ui_1.LoginModal, { open: isOpenAuth, setOpen: setIsOpenAuth, title: 'Autentica\u00E7\u00E3o', onAuth: function () {
-                    setIsOpen(true);
-                    setIsOpenAuth(false);
-                } }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { open: isOpen, onClose: function () { return setIsOpen(false); }, styles: {
-                    padding: 0,
-                    backgroundColor: '#fff',
-                    boxShadow: 'none',
-                    maxWidth: '500px',
-                }, stylesContent: {
-                    padding: '0',
-                }, hideCloseButton: true, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { button: { text: 'Enviar' }, disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
-                                var payload;
-                                var _a, _b;
-                                return __generator(this, function (_c) {
-                                    switch (_c.label) {
-                                        case 0:
-                                            payload = {
-                                                interactionConfigGUID: (_b = (_a = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.guid,
-                                                sourceGUID: props === null || props === void 0 ? void 0 : props.sourceGUID,
-                                                parentGuid: '',
-                                                rating: formData === null || formData === void 0 ? void 0 : formData.rating,
-                                                comment: formData === null || formData === void 0 ? void 0 : formData.comment,
-                                                categories: formData === null || formData === void 0 ? void 0 : formData.categories,
-                                            };
-                                            return [4 /*yield*/, (0, ui_1.codieDynamicClient)({ url: '/features/interaction/send', method: 'post', body: { requestBody: payload } })];
-                                        case 1:
-                                            _c.sent();
-                                            return [4 /*yield*/, mutate()];
-                                        case 2:
-                                            _c.sent();
-                                            setIsOpen(false);
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            }); }, children: [(0, jsx_runtime_1.jsx)("div", { className: 'rating', children: (0, jsx_runtime_1.jsx)(ui_1.InputStar, { name: "rating" }) }), (0, jsx_runtime_1.jsx)("div", { className: 'ratings', children: (_l = (_k = (_j = (_h = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.categories) === null || _k === void 0 ? void 0 : _k.split(',')) === null || _l === void 0 ? void 0 : _l.map(function (item, index) {
-                                        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { name: "categories[".concat(index, "].categoryName"), controlledInitialValue: { value: item } }) }), (0, jsx_runtime_1.jsx)(ui_1.InputStar, { label: item, name: "categories[".concat(index, "].rating") })] }));
-                                    }) }), ((_o = (_m = interactionConfiguration === null || interactionConfiguration === void 0 ? void 0 : interactionConfiguration.data) === null || _m === void 0 ? void 0 : _m.item) === null || _o === void 0 ? void 0 : _o.enableReview) && (0, jsx_runtime_1.jsx)(ui_1.Textarea, { placeholder: 'O que voc\u00EA achou? Escreva sua avalia\u00E7\u00E3o...', name: 'comment' })] })] }) })] }));
-}
+__exportStar(require("./hook/index.js"), exports);
+__exportStar(require("./component.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/codie-dynamic/components/interactions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,8CAA2B"}

package/dist/ui/codie-dynamic/components/interactions/stars-text/index.d.ts

@@ -4,6 +4,7 @@ interface IStarsTextProps {
     theme?: {
         baseColor: string;
     };
+    rating?: number;
 }
-export declare function StarsText({ starClassName, text, theme }: IStarsTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function StarsText({ starClassName, text, theme, rating }: IStarsTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/codie-dynamic/components/interactions/stars-text/index.js

@@ -35,10 +35,20 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarsText = StarsText;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../ui/index.js");
+var components_1 = require("../../../../../ui/components/index.js");
 var S = __importStar(require("./styles.js"));
 function StarsText(_a) {
-    var starClassName = _a.starClassName, text = _a.text, theme = _a.theme;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'StarsText', children: (0, jsx_runtime_1.jsxs)(S.StarsText, { className: 'stars font-16', "$theme": theme, children: [Array.from({ length: 5 }).map(function (_, index) { return ((0, jsx_runtime_1.jsx)("span", { className: 'star ' + (starClassName || 'font-20'), children: "\u2605" }, 'star-' + index)); }), (0, jsx_runtime_1.jsxs)("div", { className: 'number', children: [text || '21', " "] })] }) }));
+    var starClassName = _a.starClassName, text = _a.text, theme = _a.theme, _b = _a.rating, rating = _b === void 0 ? 0 : _b;
+    return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'StarsText', children: (0, jsx_runtime_1.jsxs)(S.StarsText, { className: 'stars font-16', "$theme": theme, children: [Array.from({ length: 5 }).map(function (_, index) {
+                    var starValue = index + 1;
+                    var starType = 'empty';
+                    if (rating >= starValue) {
+                        starType = 'full';
+                    }
+                    else if (rating >= starValue - 0.5) {
+                        starType = 'half';
+                    }
+                    return ((0, jsx_runtime_1.jsx)("span", { className: "star ".concat(starClassName || 'font-20', " ").concat(starType), children: "\u2605" }, 'star-' + index));
+                }), (0, jsx_runtime_1.jsx)("div", { className: 'number', children: text || rating.toFixed(1) })] }) }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/codie-dynamic/components/interactions/stars-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/stars-text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,8BAaC;;AAzBD,2BAA4B;AAE5B,0CAA6B;AAU7B,SAAgB,SAAS,CAAC,EAA+C;QAA7C,aAAa,mBAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA;IACpD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,wBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAC,eAAe,YAAS,KAAK,aACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAC3C,iCAA4B,SAAS,EAAE,OAAO,GAAG,CAAC,aAAa,IAAI,SAAS,CAAC,wBAAlE,OAAO,GAAG,KAAK,CAEnB,CACR,EAJ4C,CAI5C,CAAC,EACF,iCAAK,SAAS,EAAC,QAAQ,aAAE,IAAI,IAAI,IAAI,SAAQ,IACjC,GACR,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/stars-text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,8BA2BC;;AAxCD,8CAAuC;AAEvC,0CAA6B;AAW7B,SAAgB,SAAS,CAAC,EAA2D;QAAzD,aAAa,mBAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA;IAChE,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,WAAW,YACrB,wBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAC,eAAe,YAAS,KAAK,aACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK;oBACtC,IAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;oBAC3B,IAAI,QAAQ,GAAG,OAAO,CAAA;oBAEtB,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;wBACxB,QAAQ,GAAG,MAAM,CAAA;oBACnB,CAAC;yBAAM,IAAI,MAAM,IAAI,SAAS,GAAG,GAAG,EAAE,CAAC;wBACrC,QAAQ,GAAG,MAAM,CAAA;oBACnB,CAAC;oBAED,OAAO,CACL,iCAEE,SAAS,EAAE,eAAQ,aAAa,IAAI,SAAS,cAAI,QAAQ,CAAE,wBADtD,OAAO,GAAG,KAAK,CAIf,CACR,CAAA;gBACH,CAAC,CAAC,EACF,gCAAK,SAAS,EAAC,QAAQ,YAAE,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GAAO,IAC7C,GACR,CACT,CAAA;AACH,CAAC"}

package/dist/ui/codie-dynamic/components/interactions/stars-text/styles.js

@@ -9,6 +9,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarsText = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.StarsText = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  .star {\n    color: ", ";\n  }\n\n  .number {\n    margin-bottom: -2px;\n    color: ", ";\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .number {\n      margin-bottom: -1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .stars {\n      gap: 3px;\n    }\n\n    .number {\n      margin-bottom: 0px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .number {\n      margin-bottom: -1.5px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .number {\n      margin-bottom: 0;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  .star {\n    color: ", ";\n  }\n\n  .number {\n    margin-bottom: -2px;\n    color: ", ";\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .number {\n      margin-bottom: -1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .stars {\n      gap: 3px;\n    }\n\n    .number {\n      margin-bottom: 0px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .number {\n      margin-bottom: -1.5px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .number {\n      margin-bottom: 0;\n    }\n  }\n"])), function (p) { var _a; return ((_a = p.$theme) === null || _a === void 0 ? void 0 : _a.baseColor) || p.theme.primaryColor; }, function (p) { return p.theme.grey60; });
+exports.StarsText = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  .star {\n    color: #ccc;\n\n    &.empty {\n            -webkit-background-clip: text;\n      -webkit-text-fill-color: #ccc;\n    }\n\n       &.full {\n      color: ", ";\n    }\n    &.half {\n      background: linear-gradient(\n        to right,\n        ", " 50%,\n        #ccc 50%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  .number {\n    margin-bottom: -2px;\n    color: ", ";\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .number {\n      margin-bottom: -1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .stars {\n      gap: 3px;\n    }\n\n    .number {\n      margin-bottom: 0px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .number {\n      margin-bottom: -1.5px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .number {\n      margin-bottom: 0;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  .star {\n    color: #ccc;\n\n    &.empty {\n            -webkit-background-clip: text;\n      -webkit-text-fill-color: #ccc;\n    }\n\n       &.full {\n      color: ", ";\n    }\n    &.half {\n      background: linear-gradient(\n        to right,\n        ", " 50%,\n        #ccc 50%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n\n  .number {\n    margin-bottom: -2px;\n    color: ", ";\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .number {\n      margin-bottom: -1px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .stars {\n      gap: 3px;\n    }\n\n    .number {\n      margin-bottom: 0px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .number {\n      margin-bottom: -1.5px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .number {\n      margin-bottom: 0;\n    }\n  }\n"])), function (_a) {
+    var $theme = _a.$theme;
+    return ($theme === null || $theme === void 0 ? void 0 : $theme.baseColor) || '#f5a623';
+}, function (_a) {
+    var $theme = _a.$theme;
+    return ($theme === null || $theme === void 0 ? void 0 : $theme.baseColor) || '#f5a623';
+}, function (p) { return p.theme.grey60; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/codie-dynamic/components/interactions/stars-text/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/stars-text/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2qBAIpC,mFAMW,EAAkD,8DAKlD,EAAqB,mdA8BjC,KAnCY,UAAC,CAAC,YAAK,OAAA,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,SAAS,KAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA,EAAA,EAKlD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EA8BjC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/interactions/stars-text/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ihCAIpC,oOAca,EAA8C,yFAKnD,EAA8C,wLAU3C,EAAqB,mdA8BjC,KA7Cc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,SAAS;AAA9B,CAA8B,EAKnD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,SAAS;AAA9B,CAA8B,EAU3C,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EA8BjC"}

package/dist/ui/codie-dynamic/components/interactions/styles.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = exports.Evaluations = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Evaluations = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  * {\n    color: ", ";\n  }\n\n  h5 {\n    margin-bottom: 5px;\n  }\n\n  > div {\n    border-radius: 30px;\n    padding: 40px;\n    background-color: ", ";\n\n    .top {\n      display: flex;\n      align-items: center;\n      border-bottom: 1px solid #dcdcdc;\n      margin-bottom: 30px;\n      padding-bottom: 30px;\n      justify-content: space-between;\n\n      .container-stars {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 10px;\n      }\n\n      .stars {\n        .star {\n          color: ", " !important;\n        }\n\n        .number {\n          display: none;\n        }\n      }\n\n      > .item:nth-child(1) {\n        span {\n          svg {\n            margin-left: 8px;\n          }\n\n          &:last-child {\n            color: ", ";\n            margin-top: 10px;\n          }\n        }\n      }\n\n      > .item:nth-child(2) {\n        margin: 0 15px 0 15px;\n        padding: 0 15px 0 15px;\n        border-left: 1px solid #dcdcdc;\n        border-right: 1px solid #dcdcdc;\n\n        > div {\n          display: grid;\n          grid-template-columns: 125px 180px 30px;\n          align-items: center;\n          gap: 20px;\n          overflow-wrap: break-word;\n\n          & + div {\n            margin-top: 15px;\n          }\n\n          .back-bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: #aaaaaa;\n            position: relative;\n            z-index: 2;\n          }\n\n          .bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: ", ";\n            position: relative;\n            z-index: 3;\n          }\n        }\n      }\n\n      > .item:nth-child(3) {\n        color: ", ";\n        padding: 0;\n        background: none;\n        border: none;\n        border: 1px solid currentColor;\n        height: 48px;\n        padding: 0 20px;\n        border-radius: 100rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: 0.1s;\n\n        &:hover {\n          color: #fff;\n          background: ", ";\n\n          svg {\n            fill: #fff;\n          }\n        }\n\n        svg {\n          width: 16px;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n\n    .bottom {\n      > div + div {\n        margin-top: 30px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > div {\n      padding: 30px;\n      border-radius: 25px;\n\n      .top {\n        margin-bottom: 28px;\n        padding-bottom: 28px;\n\n        > .item:nth-child(2) {\n          margin: 0 20px 0 20px;\n          padding: 0 20px 0 20px;\n\n          > div {\n            grid-template-columns: 115px 160px 30px;\n            gap: 18px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      padding: 25px;\n      border-radius: 20px;\n\n      .top {\n        margin-bottom: 25px;\n        padding-bottom: 25px;\n\n        > .item:nth-child(2) {\n          margin: 0 15px 0 15px;\n          padding: 0 15px 0 15px;\n\n          > div {\n            grid-template-columns: 105px 140px 30px;\n            gap: 15px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      padding: 20px;\n      border-radius: 15px;\n\n      .top {\n        margin-bottom: 20px;\n        padding-bottom: 20px;\n        gap: 5px;\n\n        .container-stars {\n          align-items: start;\n          flex-direction: column;\n        }\n\n        > .item:nth-child(1) {\n          svg {\n            width: 110px;\n            height: auto;\n          }\n        }\n\n        > .item:nth-child(2) {\n          margin: 0 0;\n          padding: 0 10px;\n\n          > div {\n            grid-template-columns: 100px 80px 30px;\n            gap: 8px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 44px;\n          padding: 0 16px;\n\n          svg {\n            width: 13px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > div {\n      padding: 15px;\n      border-radius: 10px;\n\n      .top {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n\n        .container-stars {\n          flex-direction: row;\n          align-items: center;\n        }\n\n        > .item:nth-child(1) {\n          span {\n            &:last-child {\n              margin-top: 5px;\n            }\n          }\n        }\n\n        > .item:nth-child(2) {\n          border-right: none;\n          padding-right: 0;\n\n          > div {\n            font-size: 14px;\n            grid-template-columns: 100px 100px 30px;\n\n            & + div {\n              margin-top: 10px;\n            }\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 42px;\n          max-width: fit-content;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 800px) {\n    > div .top > .item:nth-child(2) > div {\n      gap: 3px;\n      grid-template-columns: 100px 60px 25px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    > div {\n      padding: 10px;\n      background-color: transparent;\n\n      .top {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n\n        > .item:nth-child(2) {\n          border-right: none;\n          margin-left: 0;\n          padding-left: 0;\n          padding-right: 0;\n          border-left: none;\n          width: 100%;\n\n          > div {\n            grid-template-columns: 115px 90px 25px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          width: fit-content;\n          height: 40px;\n          margin-top: 5px;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    > div {\n      .top {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 10px;\n\n        .item > div {\n          justify-content: center;\n        }\n\n        > .item:nth-child(3) {\n          height: 34px;\n        }\n\n        .container-stars {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  * {\n    color: ", ";\n  }\n\n  h5 {\n    margin-bottom: 5px;\n  }\n\n  > div {\n    border-radius: 30px;\n    padding: 40px;\n    background-color: ", ";\n\n    .top {\n      display: flex;\n      align-items: center;\n      border-bottom: 1px solid #dcdcdc;\n      margin-bottom: 30px;\n      padding-bottom: 30px;\n      justify-content: space-between;\n\n      .container-stars {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 10px;\n      }\n\n      .stars {\n        .star {\n          color: ", " !important;\n        }\n\n        .number {\n          display: none;\n        }\n      }\n\n      > .item:nth-child(1) {\n        span {\n          svg {\n            margin-left: 8px;\n          }\n\n          &:last-child {\n            color: ", ";\n            margin-top: 10px;\n          }\n        }\n      }\n\n      > .item:nth-child(2) {\n        margin: 0 15px 0 15px;\n        padding: 0 15px 0 15px;\n        border-left: 1px solid #dcdcdc;\n        border-right: 1px solid #dcdcdc;\n\n        > div {\n          display: grid;\n          grid-template-columns: 125px 180px 30px;\n          align-items: center;\n          gap: 20px;\n          overflow-wrap: break-word;\n\n          & + div {\n            margin-top: 15px;\n          }\n\n          .back-bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: #aaaaaa;\n            position: relative;\n            z-index: 2;\n          }\n\n          .bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: ", ";\n            position: relative;\n            z-index: 3;\n          }\n        }\n      }\n\n      > .item:nth-child(3) {\n        color: ", ";\n        padding: 0;\n        background: none;\n        border: none;\n        border: 1px solid currentColor;\n        height: 48px;\n        padding: 0 20px;\n        border-radius: 100rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: 0.1s;\n\n        &:hover {\n          color: #fff;\n          background: ", ";\n\n          svg {\n            fill: #fff;\n          }\n        }\n\n        svg {\n          width: 16px;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n\n    .bottom {\n      > div + div {\n        margin-top: 30px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > div {\n      padding: 30px;\n      border-radius: 25px;\n\n      .top {\n        margin-bottom: 28px;\n        padding-bottom: 28px;\n\n        > .item:nth-child(2) {\n          margin: 0 20px 0 20px;\n          padding: 0 20px 0 20px;\n\n          > div {\n            grid-template-columns: 115px 160px 30px;\n            gap: 18px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      padding: 25px;\n      border-radius: 20px;\n\n      .top {\n        margin-bottom: 25px;\n        padding-bottom: 25px;\n\n        > .item:nth-child(2) {\n          margin: 0 15px 0 15px;\n          padding: 0 15px 0 15px;\n\n          > div {\n            grid-template-columns: 105px 140px 30px;\n            gap: 15px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      padding: 20px;\n      border-radius: 15px;\n\n      .top {\n        margin-bottom: 20px;\n        padding-bottom: 20px;\n        gap: 5px;\n\n        .container-stars {\n          align-items: start;\n          flex-direction: column;\n        }\n\n        > .item:nth-child(1) {\n          svg {\n            width: 110px;\n            height: auto;\n          }\n        }\n\n        > .item:nth-child(2) {\n          margin: 0 0;\n          padding: 0 10px;\n\n          > div {\n            grid-template-columns: 100px 80px 30px;\n            gap: 8px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 44px;\n          padding: 0 16px;\n\n          svg {\n            width: 13px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > div {\n      padding: 15px;\n      border-radius: 10px;\n\n      .top {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n\n        .container-stars {\n          flex-direction: row;\n          align-items: center;\n        }\n\n        > .item:nth-child(1) {\n          span {\n            &:last-child {\n              margin-top: 5px;\n            }\n          }\n        }\n\n        > .item:nth-child(2) {\n          border-right: none;\n          padding-right: 0;\n\n          > div {\n            font-size: 14px;\n            grid-template-columns: 100px 100px 30px;\n\n            & + div {\n              margin-top: 10px;\n            }\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 42px;\n          max-width: fit-content;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 800px) {\n    > div .top > .item:nth-child(2) > div {\n      gap: 3px;\n      grid-template-columns: 100px 60px 25px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    > div {\n      padding: 10px;\n      background-color: transparent;\n\n      .top {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n\n        > .item:nth-child(2) {\n          border-right: none;\n          margin-left: 0;\n          padding-left: 0;\n          padding-right: 0;\n          border-left: none;\n          width: 100%;\n\n          > div {\n            grid-template-columns: 115px 90px 25px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          width: fit-content;\n          height: 40px;\n          margin-top: 5px;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    > div {\n      .top {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 10px;\n\n        .item > div {\n          justify-content: center;\n        }\n\n        > .item:nth-child(3) {\n          height: 34px;\n        }\n\n        .container-stars {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (props) { return props.theme.grey40; }, function (props) { return props.$themeInteractions.baseColor || props.theme.primaryColor; }, function (props) { return props.theme.grey60; }, function (props) { return props.theme.grey60 || '#000'; });
+exports.Evaluations = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  * {\n    color: ", ";\n  }\n\n  h5 {\n    margin-bottom: 5px;\n  }\n\n  > div {\n    border-radius: 30px;\n    padding: 40px;\n    background-color: ", ";\n\n    .top {\n      display: flex;\n      align-items: center;\n      border-bottom: 1px solid #dcdcdc;\n      margin-bottom: 30px;\n      padding-bottom: 30px;\n      justify-content: space-between;\n\n      .container-stars {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 10px;\n      }\n\n      .stars {\n        .star {\n          color: ", " !important;\n        }\n\n        .number {\n          display: none;\n        }\n      }\n\n      > .item:nth-child(1) {\n        span {\n          svg {\n            margin-left: 8px;\n          }\n\n          &:last-child {\n            color: ", ";\n            margin-top: 10px;\n          }\n        }\n      }\n\n      > .item:nth-child(2) {\n        margin: 0 15px 0 15px;\n        padding: 0 15px 0 15px;\n        width: fit-content;\n        border-left: 1px solid #dcdcdc;\n        border-right: 1px solid #dcdcdc;\n\n        > div {\n          display: grid;\n          grid-template-columns: 125px 180px 30px;\n          align-items: center;\n          gap: 20px;\n          \n          & + div {\n            margin-top: 15px;\n          }\n\n          .back-bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: #aaaaaa;\n            position: relative;\n            z-index: 2;\n          }\n\n          .bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: ", ";\n            position: relative;\n            z-index: 3;\n          }\n        }\n      }\n\n      > .item:nth-child(3) {\n        color: ", ";\n        padding: 0;\n        background: none;\n        border: none;\n        border: 1px solid currentColor;\n        height: 48px;\n        padding: 0 20px;\n        border-radius: 100rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: 0.1s;\n\n        &:hover {\n          color: #fff;\n          background: ", ";\n\n          svg {\n            fill: #fff;\n          }\n        }\n\n        svg {\n          width: 16px;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n\n    .bottom {\n      > div + div {\n        margin-top: 30px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > div {\n      padding: 30px;\n      border-radius: 25px;\n\n      .top {\n        margin-bottom: 28px;\n        padding-bottom: 28px;\n\n        > .item:nth-child(2) {\n          margin: 0 20px 0 20px;\n          padding: 0 20px 0 20px;\n\n          > div {\n            grid-template-columns: 115px 160px 30px;\n            gap: 18px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      padding: 25px;\n      border-radius: 20px;\n\n      .top {\n        margin-bottom: 25px;\n        padding-bottom: 25px;\n\n        > .item:nth-child(2) {\n          margin: 0 15px 0 15px;\n          padding: 0 15px 0 15px;\n\n          > div {\n            grid-template-columns: 105px 140px 30px;\n            gap: 15px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      padding: 20px;\n      border-radius: 15px;\n\n      .top {\n        margin-bottom: 20px;\n        padding-bottom: 20px;\n        gap: 5px;\n\n        .container-stars {\n          align-items: start;\n          flex-direction: column;\n        }\n\n        > .item:nth-child(1) {\n          svg {\n            width: 110px;\n            height: auto;\n          }\n        }\n\n        > .item:nth-child(2) {\n          margin: 0 0;\n          padding: 0 10px;\n\n          > div {\n            grid-template-columns: 100px 80px 30px;\n            gap: 8px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 44px;\n          padding: 0 16px;\n\n          svg {\n            width: 13px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > div {\n      padding: 15px;\n      border-radius: 10px;\n\n      .top {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n\n        .container-stars {\n          flex-direction: row;\n          align-items: center;\n        }\n\n        > .item:nth-child(1) {\n          span {\n            &:last-child {\n              margin-top: 5px;\n            }\n          }\n        }\n\n        > .item:nth-child(2) {\n          border-right: none;\n          padding-right: 0;\n\n          > div {\n            font-size: 14px;\n            grid-template-columns: 100px 100px 30px;\n\n            & + div {\n              margin-top: 10px;\n            }\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 42px;\n          max-width: fit-content;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 800px) {\n    > div .top > .item:nth-child(2) > div {\n      gap: 3px;\n      grid-template-columns: 100px 60px 25px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    > div {\n      padding: 10px;\n      background-color: transparent;\n\n      .top {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n\n        > .item:nth-child(2) {\n          border-right: none;\n          margin-left: 0;\n          padding-left: 0;\n          padding-right: 0;\n          border-left: none;\n          width: 100%;\n\n          > div {\n            grid-template-columns: 115px 90px 25px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          width: fit-content;\n          height: 40px;\n          margin-top: 5px;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    > div {\n      .top {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 10px;\n\n        .item > div {\n          justify-content: center;\n        }\n\n        > .item:nth-child(3) {\n          height: 34px;\n        }\n\n        .container-stars {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"], ["\n  * {\n    color: ", ";\n  }\n\n  h5 {\n    margin-bottom: 5px;\n  }\n\n  > div {\n    border-radius: 30px;\n    padding: 40px;\n    background-color: ", ";\n\n    .top {\n      display: flex;\n      align-items: center;\n      border-bottom: 1px solid #dcdcdc;\n      margin-bottom: 30px;\n      padding-bottom: 30px;\n      justify-content: space-between;\n\n      .container-stars {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 10px;\n      }\n\n      .stars {\n        .star {\n          color: ", " !important;\n        }\n\n        .number {\n          display: none;\n        }\n      }\n\n      > .item:nth-child(1) {\n        span {\n          svg {\n            margin-left: 8px;\n          }\n\n          &:last-child {\n            color: ", ";\n            margin-top: 10px;\n          }\n        }\n      }\n\n      > .item:nth-child(2) {\n        margin: 0 15px 0 15px;\n        padding: 0 15px 0 15px;\n        width: fit-content;\n        border-left: 1px solid #dcdcdc;\n        border-right: 1px solid #dcdcdc;\n\n        > div {\n          display: grid;\n          grid-template-columns: 125px 180px 30px;\n          align-items: center;\n          gap: 20px;\n          \n          & + div {\n            margin-top: 15px;\n          }\n\n          .back-bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: #aaaaaa;\n            position: relative;\n            z-index: 2;\n          }\n\n          .bar {\n            height: 10px;\n            border-radius: 100rem;\n            background: ", ";\n            position: relative;\n            z-index: 3;\n          }\n        }\n      }\n\n      > .item:nth-child(3) {\n        color: ", ";\n        padding: 0;\n        background: none;\n        border: none;\n        border: 1px solid currentColor;\n        height: 48px;\n        padding: 0 20px;\n        border-radius: 100rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: 0.1s;\n\n        &:hover {\n          color: #fff;\n          background: ", ";\n\n          svg {\n            fill: #fff;\n          }\n        }\n\n        svg {\n          width: 16px;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n\n    .bottom {\n      > div + div {\n        margin-top: 30px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > div {\n      padding: 30px;\n      border-radius: 25px;\n\n      .top {\n        margin-bottom: 28px;\n        padding-bottom: 28px;\n\n        > .item:nth-child(2) {\n          margin: 0 20px 0 20px;\n          padding: 0 20px 0 20px;\n\n          > div {\n            grid-template-columns: 115px 160px 30px;\n            gap: 18px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > div {\n      padding: 25px;\n      border-radius: 20px;\n\n      .top {\n        margin-bottom: 25px;\n        padding-bottom: 25px;\n\n        > .item:nth-child(2) {\n          margin: 0 15px 0 15px;\n          padding: 0 15px 0 15px;\n\n          > div {\n            grid-template-columns: 105px 140px 30px;\n            gap: 15px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 46px;\n          padding: 0 18px;\n\n          svg {\n            width: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > div {\n      padding: 20px;\n      border-radius: 15px;\n\n      .top {\n        margin-bottom: 20px;\n        padding-bottom: 20px;\n        gap: 5px;\n\n        .container-stars {\n          align-items: start;\n          flex-direction: column;\n        }\n\n        > .item:nth-child(1) {\n          svg {\n            width: 110px;\n            height: auto;\n          }\n        }\n\n        > .item:nth-child(2) {\n          margin: 0 0;\n          padding: 0 10px;\n\n          > div {\n            grid-template-columns: 100px 80px 30px;\n            gap: 8px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 44px;\n          padding: 0 16px;\n\n          svg {\n            width: 13px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    > div {\n      padding: 15px;\n      border-radius: 10px;\n\n      .top {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n\n        .container-stars {\n          flex-direction: row;\n          align-items: center;\n        }\n\n        > .item:nth-child(1) {\n          span {\n            &:last-child {\n              margin-top: 5px;\n            }\n          }\n        }\n\n        > .item:nth-child(2) {\n          border-right: none;\n          padding-right: 0;\n\n          > div {\n            font-size: 14px;\n            grid-template-columns: 100px 100px 30px;\n\n            & + div {\n              margin-top: 10px;\n            }\n          }\n        }\n\n        > .item:nth-child(3) {\n          height: 42px;\n          max-width: fit-content;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 800px) {\n    > div .top > .item:nth-child(2) > div {\n      gap: 3px;\n      grid-template-columns: 100px 60px 25px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    > div {\n      padding: 10px;\n      background-color: transparent;\n\n      .top {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n\n        > .item:nth-child(2) {\n          border-right: none;\n          margin-left: 0;\n          padding-left: 0;\n          padding-right: 0;\n          border-left: none;\n          width: 100%;\n\n          > div {\n            grid-template-columns: 115px 90px 25px;\n          }\n        }\n\n        > .item:nth-child(3) {\n          width: fit-content;\n          height: 40px;\n          margin-top: 5px;\n\n          svg {\n            width: 12px;\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    > div {\n      .top {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: 10px;\n\n        .item > div {\n          justify-content: center;\n        }\n\n        > .item:nth-child(3) {\n          height: 34px;\n        }\n\n        .container-stars {\n          justify-content: center;\n        }\n      }\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (props) { return props.theme.grey40; }, function (props) { return props.$themeInteractions.baseColor || props.theme.primaryColor; }, function (props) { return props.theme.grey60; }, function (props) { return props.theme.grey60 || '#000'; });
 exports.Modal = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 40px 60px;\n  border-radius: 30px;\n  background-color: ", ";\n\n  h4 {\n        text-align: center;\n        margin-bottom: 0;\n  }\n\n  .rating {\n\n\n    .container-switch {\n      justify-content: center;\n\n      label {\n        span {\n          font-size: 40px;\n        }\n      }\n    }\n  }\n\n  .separator {\n        border-bottom: 1px solid #dcdcdc;\n        margin-bottom: 20px;\n        margin-top: 25px;\n  }\n\n  .ratings {\n    label {\n      font-size: 18px !important;\n    }\n  }\n\n  form {\n    padding-top: 10px;\n  \n    .conntent_form_infinity_forge {\n      padding: 0;\n\n      label {\n        margin-bottom: 0 !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    .input-star {\n        label {\n        font-size: 18px !important;\n        }\n    }\n\n    .container-switch {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 20px;\n\n      > * {\n        flex: 1;\n      }\n\n      .input-content:has([role='radiogroup']) {\n        flex: unset;\n      }\n\n      label:has(input:checked) span {\n        color: ", ";\n      }\n\n      span:hover,\n      span.active {\n        color: ", ";\n      }\n    }\n\n    .input-wrapper label {\n      margin-bottom: 0 !important;\n    }\n\n    textarea {\n      width: 100%;\n      height: 90px;\n      resize: none;\n      padding: 10px;\n      text-align: left;\n    }\n\n    .form-button > div {\n      display: flex;\n      justify-content: center;\n\n      button {\n        font-weight: bold;\n        max-width: 311px;\n        margin: 0 auto;\n        background-color: ", ";\n        border: none;\n        border-radius: 100px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 30px 40px;\n    border-radius: 25px;\n\n    form {\n      padding-top: 20px;\n\n      .container-switch {\n        margin-bottom: 15px;\n      }\n\n      textarea {\n        padding: 10px 15px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 25px 30px;\n    border-radius: 20px;\n\n    form {\n      padding-top: 15px;\n\n      .container-switch {\n        margin-bottom: 10px;\n      }\n\n      textarea {\n        padding: 8px 12px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    padding: 15px;\n    border-radius: 10px;\n\n    form {\n      padding-top: 10px;\n\n      .container-switch {\n        margin-bottom: 5px;\n      }\n\n      textarea {\n        padding: 5px 8px;\n      }\n\n      .form-button button {\n        max-width: 260px;\n      }\n\n      label span {\n        font-size: 1.8rem;\n      }\n\n      [role='radiogroup'] {\n        gap: 3px;\n      }\n    }\n  }\n"], ["\n  padding: 40px 60px;\n  border-radius: 30px;\n  background-color: ", ";\n\n  h4 {\n        text-align: center;\n        margin-bottom: 0;\n  }\n\n  .rating {\n\n\n    .container-switch {\n      justify-content: center;\n\n      label {\n        span {\n          font-size: 40px;\n        }\n      }\n    }\n  }\n\n  .separator {\n        border-bottom: 1px solid #dcdcdc;\n        margin-bottom: 20px;\n        margin-top: 25px;\n  }\n\n  .ratings {\n    label {\n      font-size: 18px !important;\n    }\n  }\n\n  form {\n    padding-top: 10px;\n  \n    .conntent_form_infinity_forge {\n      padding: 0;\n\n      label {\n        margin-bottom: 0 !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    .input-star {\n        label {\n        font-size: 18px !important;\n        }\n    }\n\n    .container-switch {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 20px;\n\n      > * {\n        flex: 1;\n      }\n\n      .input-content:has([role='radiogroup']) {\n        flex: unset;\n      }\n\n      label:has(input:checked) span {\n        color: ", ";\n      }\n\n      span:hover,\n      span.active {\n        color: ", ";\n      }\n    }\n\n    .input-wrapper label {\n      margin-bottom: 0 !important;\n    }\n\n    textarea {\n      width: 100%;\n      height: 90px;\n      resize: none;\n      padding: 10px;\n      text-align: left;\n    }\n\n    .form-button > div {\n      display: flex;\n      justify-content: center;\n\n      button {\n        font-weight: bold;\n        max-width: 311px;\n        margin: 0 auto;\n        background-color: ", ";\n        border: none;\n        border-radius: 100px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 30px 40px;\n    border-radius: 25px;\n\n    form {\n      padding-top: 20px;\n\n      .container-switch {\n        margin-bottom: 15px;\n      }\n\n      textarea {\n        padding: 10px 15px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 25px 30px;\n    border-radius: 20px;\n\n    form {\n      padding-top: 15px;\n\n      .container-switch {\n        margin-bottom: 10px;\n      }\n\n      textarea {\n        padding: 8px 12px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    padding: 15px;\n    border-radius: 10px;\n\n    form {\n      padding-top: 10px;\n\n      .container-switch {\n        margin-bottom: 5px;\n      }\n\n      textarea {\n        padding: 5px 8px;\n      }\n\n      .form-button button {\n        max-width: 260px;\n      }\n\n      label span {\n        font-size: 1.8rem;\n      }\n\n      [role='radiogroup'] {\n        gap: 3px;\n      }\n    }\n  }\n"])), function (p) { return p.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/ui/codie-dynamic/components/interactions/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,glNAI1C,sBAEW,EAAgC,mIAUrB,EAA2B,8YAmBhC,EAA6D,0PAe3D,EAA6B,qyBAkCxB,EAAyE,+IAQlF,EAA6B,8WAetB,EAAuC,47IAgP9D,KArVY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAUrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAhB,CAAgB,EAmBhC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAe3D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAkCxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,kBAAkB,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAA9D,CAA8D,EAQlF,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAetB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,EAA5B,CAA4B,EAgP9D;AAEY,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yvFAIhC,uEAGoB,EAAmB,0iCAkExB,EAA6D,uEAK7D,EAA6D,kbAwBlD,EAA6D,okCAqExF,KApKqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EAkExB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAK7D,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAwBlD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAqExF"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,ilNAI1C,sBAEW,EAAgC,mIAUrB,EAA2B,8YAmBhC,EAA6D,0PAe3D,EAA6B,syBAkCxB,EAAyE,+IAQlF,EAA6B,8WAetB,EAAuC,47IAgP9D,KArVY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAUrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAhB,CAAgB,EAmBhC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAe3D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAkCxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,kBAAkB,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAA9D,CAA8D,EAQlF,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAetB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,EAA5B,CAA4B,EAgP9D;AAEY,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yvFAIhC,uEAGoB,EAAmB,0iCAkExB,EAA6D,uEAK7D,EAA6D,kbAwBlD,EAA6D,okCAqExF,KApKqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EAkExB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAK7D,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAwBlD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAqExF"}

package/dist/ui/components/login-modal/index.js

@@ -105,10 +105,10 @@ function LoginModal(_a) {
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'LoginModal', children: (0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: function () {
                 setOpen(false);
             }, styles: {
-                padding: 0,
+                padding: 20,
                 backgroundColor: '#fff',
                 boxShadow: 'none',
-                maxWidth: 'clamp(400px, 30vw, 580px)',
+                maxWidth: '700px',
                 borderRadius: 'clamp(10px, 2vw, 30px)',
             }, stylesContent: {
                 padding: '0',

package/dist/ui/components/login-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/login-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,gCAwEC;;AAvFD,2BAA0F;AAE1F,gFAA8E;AAE9E,0CAA6B;AAC7B,mCAAuC;AAUvC,SAAgB,UAAU,CAAC,EAAwD;IAAnF,iBAwEC;QAxE4B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACtD,IAAA,QAAQ,GAAI,IAAA,qBAAY,GAAE,SAAlB,CAAmB;IAElC,IAAM,WAAW,GAAG,IAAA,+BAAc,EAAC;QACjC,SAAS,EAAE,UAAO,aAAa;;;;4BACd,qBAAM,IAAA,QAAG,EAAC,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAG,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,EAAA;;wBAApH,QAAQ,GAAG,SAAyG;wBAExH,YAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,CAAC,CAAA;wBAEhD,qBAAM,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAA;;wBAArC,SAAqC,CAAA;wBAErC,qBAAM,MAAM,EAAE,EAAA;;wBAAd,SAAc,CAAA;;;;aACf;QACD,OAAO,EAAE,UAAC,GAAG;YACX,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;QAC3B,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;gBACP,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EACD,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,MAAM;gBACvB,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,2BAA2B;gBACrC,YAAY,EAAE,wBAAwB;aACvC,EACD,aAAa,EAAE;gBACb,OAAO,EAAE,GAAG;aACb,EACD,eAAe,kBAEf,wBAAC,CAAC,CAAC,UAAU,eACV,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,GAAM,EAEnD,wBAAC,gBAAW,IACV,MAAM,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,EACxC,cAAc,EAAE;4BACd,KAAK,EAAE,IAAI;yBACZ,aAED,uBAAC,UAAK,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,GAAG,EAEpE,uBAAC,gBAAW,IAAC,IAAI,EAAC,MAAM,GAAG,IACf,EAEd,8BAAG,SAAS,EAAC,SAAS,mBAAO,EAE7B,uBAAC,WAAM,IAAC,SAAS,EAAC,eAAe,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,gCAAsB,EAAC,OAAO,EAAE,WAAkB,GAAI,EAE9G,+BAAG,SAAS,EAAC,SAAS,wCACF,uDAAsB,IACtC,EAEH,IAAI,IAAI,CACP,+BAAG,SAAS,EAAC,0BAA0B,kEACQ,GAAG,EAChD,8BAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,2CAE1B,SAEF,CACL,IACY,GACT,GACF,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/login-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,gCAwEC;;AAvFD,2BAA0F;AAE1F,gFAA8E;AAE9E,0CAA6B;AAC7B,mCAAuC;AAUvC,SAAgB,UAAU,CAAC,EAAwD;IAAnF,iBAwEC;QAxE4B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACtD,IAAA,QAAQ,GAAI,IAAA,qBAAY,GAAE,SAAlB,CAAmB;IAElC,IAAM,WAAW,GAAG,IAAA,+BAAc,EAAC;QACjC,SAAS,EAAE,UAAO,aAAa;;;;4BACd,qBAAM,IAAA,QAAG,EAAC,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAG,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,EAAE,CAAC,EAAA;;wBAApH,QAAQ,GAAG,SAAyG;wBAExH,YAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,CAAC,CAAA;wBAEhD,qBAAM,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAA;;wBAArC,SAAqC,CAAA;wBAErC,qBAAM,MAAM,EAAE,EAAA;;wBAAd,SAAc,CAAA;;;;aACf;QACD,OAAO,EAAE,UAAC,GAAG;YACX,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;QAC3B,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;gBACP,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EACD,MAAM,EAAE;gBACN,OAAO,EAAE,EAAE;gBACX,eAAe,EAAE,MAAM;gBACvB,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,OAAO;gBACjB,YAAY,EAAE,wBAAwB;aACvC,EACD,aAAa,EAAE;gBACb,OAAO,EAAE,GAAG;aACb,EACD,eAAe,kBAEf,wBAAC,CAAC,CAAC,UAAU,eACV,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,GAAM,EAEnD,wBAAC,gBAAW,IACV,MAAM,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,EACxC,cAAc,EAAE;4BACd,KAAK,EAAE,IAAI;yBACZ,aAED,uBAAC,UAAK,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,GAAG,EAEpE,uBAAC,gBAAW,IAAC,IAAI,EAAC,MAAM,GAAG,IACf,EAEd,8BAAG,SAAS,EAAC,SAAS,mBAAO,EAE7B,uBAAC,WAAM,IAAC,SAAS,EAAC,eAAe,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,gCAAsB,EAAC,OAAO,EAAE,WAAkB,GAAI,EAE9G,+BAAG,SAAS,EAAC,SAAS,wCACF,uDAAsB,IACtC,EAEH,IAAI,IAAI,CACP,+BAAG,SAAS,EAAC,0BAA0B,kEACQ,GAAG,EAChD,8BAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,2CAE1B,SAEF,CACL,IACY,GACT,GACF,CACT,CAAA;AACH,CAAC"}

package/dist/ui/components/login-modal/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginModal = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.LoginModal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 60px;\n  border-radius: 30px;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n\n  > * {\n    text-align: center;\n  }\n\n  h5 {\n    color: ", ";\n  }\n\n  p {\n    color: ", ";\n    margin-bottom: 0;\n\n    button {\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      color: ", ";\n    }\n\n    a {\n      color: currentColor;\n      text-decoration: underline;\n    }\n  }\n\n  > div button {\n    width: 100%;\n    max-width: 100%;\n    background-color: ", ";\n    color: ", ";\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n\n  form {\n    label {\n      color: ", ";\n      font-size: 2rem !important;\n      margin-bottom: 5px;\n    }\n\n    label,\n    input {\n      font-size: 2rem !important;\n    }\n\n    input {\n      padding: 0 15px;\n      min-height: 64px;\n      width: 100%;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n\n      &::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n\n    .conntent_form_infinity_forge {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      padding: 0;\n    }\n\n    .input_control {\n      margin-bottom: 0;\n    }\n\n    .form-button {\n      margin-top: 20px;\n\n      button {\n        max-width: 100%;\n        background-color: ", ";\n      }\n    }\n  }\n\n  .form-button button,\n  button {\n    border: none;\n    height: 48px;\n\n    .button-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 40px;\n    gap: 20px;\n\n    form {\n      label,\n      input {\n        font-size: 1.9rem !important;\n      }\n\n      input {\n        min-height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    padding: 30px;\n    gap: 18px;\n\n    form {\n      label,\n      input {\n        font-size: 1.8rem !important;\n      }\n\n      input {\n        min-height: 50px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    padding: 25px;\n    gap: 14px;\n\n    form {\n      label,\n      input {\n        font-size: 1.7rem !important;\n      }\n\n      input {\n        min-height: 45px;\n      }\n\n      .form-button {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 15px;\n    gap: 10px;\n\n    form {\n      .conntent_form_infinity_forge {\n        gap: 10px;\n      }\n\n      label,\n      input {\n        font-size: 1.6rem !important;\n      }\n\n      label {\n        margin-bottom: 2px !important;\n      }\n\n      input {\n        min-height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    max-width: 100%;\n    border-radius: 15px;\n  }\n"], ["\n  width: 100%;\n  padding: 60px;\n  border-radius: 30px;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n\n  > * {\n    text-align: center;\n  }\n\n  h5 {\n    color: ", ";\n  }\n\n  p {\n    color: ", ";\n    margin-bottom: 0;\n\n    button {\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      color: ", ";\n    }\n\n    a {\n      color: currentColor;\n      text-decoration: underline;\n    }\n  }\n\n  > div button {\n    width: 100%;\n    max-width: 100%;\n    background-color: ", ";\n    color: ", ";\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n\n  form {\n    label {\n      color: ", ";\n      font-size: 2rem !important;\n      margin-bottom: 5px;\n    }\n\n    label,\n    input {\n      font-size: 2rem !important;\n    }\n\n    input {\n      padding: 0 15px;\n      min-height: 64px;\n      width: 100%;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n\n      &::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n\n    .conntent_form_infinity_forge {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      padding: 0;\n    }\n\n    .input_control {\n      margin-bottom: 0;\n    }\n\n    .form-button {\n      margin-top: 20px;\n\n      button {\n        max-width: 100%;\n        background-color: ", ";\n      }\n    }\n  }\n\n  .form-button button,\n  button {\n    border: none;\n    height: 48px;\n\n    .button-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 40px;\n    gap: 20px;\n\n    form {\n      label,\n      input {\n        font-size: 1.9rem !important;\n      }\n\n      input {\n        min-height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    padding: 30px;\n    gap: 18px;\n\n    form {\n      label,\n      input {\n        font-size: 1.8rem !important;\n      }\n\n      input {\n        min-height: 50px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    padding: 25px;\n    gap: 14px;\n\n    form {\n      label,\n      input {\n        font-size: 1.7rem !important;\n      }\n\n      input {\n        min-height: 45px;\n      }\n\n      .form-button {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 15px;\n    gap: 10px;\n\n    form {\n      .conntent_form_infinity_forge {\n        gap: 10px;\n      }\n\n      label,\n      input {\n        font-size: 1.6rem !important;\n      }\n\n      label {\n        margin-bottom: 2px !important;\n      }\n\n      input {\n        min-height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    max-width: 100%;\n    border-radius: 15px;\n  }\n"])), function (p) { return p.theme.grey; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey40; }, function (p) { return p.theme.primaryColor; }, function (p) { return p.theme.grey10; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey20; }, function (p) { return p.theme.grey; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey60; }, function (p) { return p.theme.secondaryColor; });
+exports.LoginModal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 60px;\n  border-radius: 30px;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n\n  > * {\n    text-align: center;\n  }\n\n  h5 {\n    color: ", ";\n  }\n\n  p {\n    color: ", ";\n    margin-bottom: 0;\n\n    button {\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      color: ", ";\n    }\n\n    a {\n      color: currentColor;\n      text-decoration: underline;\n    }\n  }\n\n  > div button {\n    width: 100%;\n    max-width: 100%;\n    background-color: ", ";\n    color: ", ";\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n\n  .google-button {\n    span {\n      font-size: 16px;\n    }\n  }\n\n  form {\n    label {\n      color: ", ";\n      font-size: 2rem !important;\n      margin-bottom: 5px;\n    }\n\n    label,\n    input {\n      font-size: 2rem !important;\n    }\n\n    input {\n      padding: 0 15px;\n      min-height: 64px;\n      width: 100%;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n\n      &::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n\n    .conntent_form_infinity_forge {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      padding: 0;\n    }\n\n    .input_control {\n      margin-bottom: 0;\n    }\n\n    .form-button {\n      margin-top: 20px;\n\n      button {\n        max-width: 100%;\n        background-color: ", ";\n      }\n    }\n  }\n\n  .form-button button,\n  button {\n    border: none;\n    height: 48px;\n\n    .button-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 40px;\n    gap: 20px;\n\n    form {\n      label,\n      input {\n        font-size: 1.9rem !important;\n      }\n\n      input {\n        min-height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    padding: 30px;\n    gap: 18px;\n\n    form {\n      label,\n      input {\n        font-size: 1.8rem !important;\n      }\n\n      input {\n        min-height: 50px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    padding: 25px;\n    gap: 14px;\n\n    form {\n      label,\n      input {\n        font-size: 1.7rem !important;\n      }\n\n      input {\n        min-height: 45px;\n      }\n\n      .form-button {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 15px;\n    gap: 10px;\n\n    form {\n      .conntent_form_infinity_forge {\n        gap: 10px;\n      }\n\n      label,\n      input {\n        font-size: 1.6rem !important;\n      }\n\n      label {\n        margin-bottom: 2px !important;\n      }\n\n      input {\n        min-height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    max-width: 100%;\n    border-radius: 15px;\n  }\n"], ["\n  width: 100%;\n  padding: 60px;\n  border-radius: 30px;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n\n  > * {\n    text-align: center;\n  }\n\n  h5 {\n    color: ", ";\n  }\n\n  p {\n    color: ", ";\n    margin-bottom: 0;\n\n    button {\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      color: ", ";\n    }\n\n    a {\n      color: currentColor;\n      text-decoration: underline;\n    }\n  }\n\n  > div button {\n    width: 100%;\n    max-width: 100%;\n    background-color: ", ";\n    color: ", ";\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n\n  .google-button {\n    span {\n      font-size: 16px;\n    }\n  }\n\n  form {\n    label {\n      color: ", ";\n      font-size: 2rem !important;\n      margin-bottom: 5px;\n    }\n\n    label,\n    input {\n      font-size: 2rem !important;\n    }\n\n    input {\n      padding: 0 15px;\n      min-height: 64px;\n      width: 100%;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      background: ", ";\n      color: ", ";\n\n      &::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n\n    .conntent_form_infinity_forge {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      padding: 0;\n    }\n\n    .input_control {\n      margin-bottom: 0;\n    }\n\n    .form-button {\n      margin-top: 20px;\n\n      button {\n        max-width: 100%;\n        background-color: ", ";\n      }\n    }\n  }\n\n  .form-button button,\n  button {\n    border: none;\n    height: 48px;\n\n    .button-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    padding: 40px;\n    gap: 20px;\n\n    form {\n      label,\n      input {\n        font-size: 1.9rem !important;\n      }\n\n      input {\n        min-height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    padding: 30px;\n    gap: 18px;\n\n    form {\n      label,\n      input {\n        font-size: 1.8rem !important;\n      }\n\n      input {\n        min-height: 50px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    padding: 25px;\n    gap: 14px;\n\n    form {\n      label,\n      input {\n        font-size: 1.7rem !important;\n      }\n\n      input {\n        min-height: 45px;\n      }\n\n      .form-button {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    padding: 15px;\n    gap: 10px;\n\n    form {\n      .conntent_form_infinity_forge {\n        gap: 10px;\n      }\n\n      label,\n      input {\n        font-size: 1.6rem !important;\n      }\n\n      label {\n        margin-bottom: 2px !important;\n      }\n\n      input {\n        min-height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    max-width: 100%;\n    border-radius: 15px;\n  }\n"])), function (p) { return p.theme.grey; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey40; }, function (p) { return p.theme.primaryColor; }, function (p) { return p.theme.grey10; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey20; }, function (p) { return p.theme.grey; }, function (p) { return p.theme.darkColor; }, function (p) { return p.theme.grey60; }, function (p) { return p.theme.secondaryColor; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/login-modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/login-modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,26FAAA,kFAIjB,EAAmB,8HAU5B,EAAwB,8BAIxB,EAAqB,uIAOnB,EAA2B,oLAYlB,EAAqB,gBAChC,EAAwB,6GAUtB,EAAwB,sRAeb,EAAqB,uBAC3B,EAAmB,kBACxB,EAAwB,mEAItB,EAAqB,0UAoBV,EAA6B,89CAkGxD,KAvLqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EAU5B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAIxB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAOnB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,YAAY,EAApB,CAAoB,EAYlB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAChC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAUtB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAeb,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAC3B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EACxB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAItB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAoBV,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,cAAc,EAAtB,CAAsB,EAkGxD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/login-modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i/FAAA,kFAIjB,EAAmB,8HAU5B,EAAwB,8BAIxB,EAAqB,uIAOnB,EAA2B,oLAYlB,EAAqB,gBAChC,EAAwB,mLAgBtB,EAAwB,sRAeb,EAAqB,uBAC3B,EAAmB,kBACxB,EAAwB,mEAItB,EAAqB,0UAoBV,EAA6B,89CAkGxD,KA7LqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EAU5B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAIxB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAOnB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,YAAY,EAApB,CAAoB,EAYlB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAChC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAgBtB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAeb,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAC3B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EACxB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,SAAS,EAAjB,CAAiB,EAItB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAoBV,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,cAAc,EAAtB,CAAsB,EAkGxD"}

package/dist/ui/hooks/use-query/use-query/index.js

@@ -93,13 +93,13 @@ function useQuery(_a) {
     var _this = this;
     var queryFn = _a.queryFn, onSuccess = _a.onSuccess, onError = _a.onError, _b = _a.interval, interval = _b === void 0 ? false : _b, queryKey = _a.queryKey, _c = _a.enableCache, enableCache = _c === void 0 ? true : _c, _d = _a.enabled, enabled = _d === void 0 ? true : _d, isMutation = _a.isMutation;
     var key = JSON.stringify(queryKey);
-    var globalMutate = (0, swr_1.useSWRConfig)().mutate;
+    var _e = (0, swr_1.useSWRConfig)(), cache = _e.cache, globalMutate = _e.mutate;
     var revalidateInterval = parseInterval(interval);
     var changeCache = function (data) {
         globalMutate(key, data, false);
     };
     if (isMutation) {
-        var _e = (0, mutation_1.default)(key, function (_key_1, _a) { return __awaiter(_this, [_key_1, _a], void 0, function (_key, _b) {
+        var _f = (0, mutation_1.default)(key, function (_key_1, _a) { return __awaiter(_this, [_key_1, _a], void 0, function (_key, _b) {
             var result, err_1;
             var arg = _b.arg;
             return __generator(this, function (_c) {
@@ -118,7 +118,7 @@ function useQuery(_a) {
                     case 3: return [2 /*return*/];
                 }
             });
-        }); }), trigger = _e.trigger, data = _e.data, error = _e.error, isMutating = _e.isMutating;
+        }); }), trigger = _f.trigger, data = _f.data, error = _f.error, isMutating = _f.isMutating;
         return {
             data: data,
             error: error,
@@ -131,6 +131,8 @@ function useQuery(_a) {
             changeCache: changeCache,
         };
     }
+    var state = cache.get(key);
+    var cachedData = state === null || state === void 0 ? void 0 : state.data;
     var swr = (0, swr_1.default)(enabled ? key : null, function () { return __awaiter(_this, void 0, void 0, function () {
         var res, err_2;
         return __generator(this, function (_a) {
@@ -150,6 +152,7 @@ function useQuery(_a) {
             }
         });
     }); }, {
+        fallbackData: enableCache ? cachedData : undefined,
         refreshInterval: revalidateInterval,
         revalidateOnFocus: false,
         revalidateOnReconnect: false,

package/dist/ui/hooks/use-query/use-query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-query/use-query/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/use-query/use-query/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,4BAwFC;AAtHD,yCAA2C;AAC3C,0DAA0C;AAc1C,SAAS,aAAa,CAAC,QAAiC;IACtD,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO,SAAS,CAAC;IAEzC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC;QACvB,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC;QACvB,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;QACzB,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;QACzB,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;QACzB,KAAK,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC;QAC1B,KAAK,MAAM,CAAC,CAAC,OAAO,MAAM,CAAC;QAC3B,OAAO,CAAC,CAAC,OAAO,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,CAAC;AACH,CAAC;AAED,SAAgB,QAAQ,CAAI,EAST;IATnB,iBAwFC;QAvFC,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,UAAU,gBAAA;IAEV,IAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAA,KAAkC,IAAA,kBAAY,GAAE,EAA9C,KAAK,WAAA,EAAU,YAAY,YAAmB,CAAC;IACvD,IAAM,kBAAkB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEnD,IAAM,WAAW,GAAG,UAAC,IAAgB;QACnC,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACT,IAAA,KAAuC,IAAA,kBAAc,EACzD,GAAG,EACH,gFAAO,IAAI,EAAE,EAAO;;gBAAL,GAAG,SAAA;;;;;wBAEC,qBAAM,OAAO,CAAC,GAAG,CAAC,EAAA;;wBAA3B,MAAM,GAAG,SAAkB;wBACjC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,MAAM,CAAC,CAAC;wBACpB,sBAAO,MAAM,EAAC;;;wBAEd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAG,CAAC,CAAC;wBACf,MAAM,KAAG,CAAC;;;;aAEb,CACF,EAZO,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAYvC,CAAC;QAEF,OAAO;YACL,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,SAAS,EAAE,UAAU;YACrB,UAAU,EAAE,UAAU;YACtB,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,OAAO;YACpB,OAAO,EAAE,OAAO;YAChB,WAAW,aAAA;SACwB,CAAC;IACxC,CAAC;IAED,IAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAqB,CAAC;IAEhD,IAAM,GAAG,GAAG,IAAA,aAAM,EAChB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EACpB;;;;;;oBAEgB,qBAAM,OAAO,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,EAAA;;oBAAlC,GAAG,GAAG,SAA4B;oBACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,GAAG,CAAC,CAAC;oBACjB,sBAAO,GAAG,EAAC;;;oBAEX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAG,CAAC,CAAC;oBACf,MAAM,KAAG,CAAC;;;;SAEb,EACD;QACE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAClD,eAAe,EAAE,kBAAkB;QACnC,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,kBAAkB,EAAE,KAAK;KAC1B,CACF,CAAC;IAEF,IAAM,WAAW,GAAG,UAAO,MAAY;;;;;oBAC/B,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;oBACtC,qBAAM,OAAO,CAAC,MAAM,CAAC,EAAA;;oBAA9B,MAAM,GAAG,SAAqB;oBACpC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;oBACpC,sBAAO,MAAM,EAAC;;;SACf,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,CAAC,IAAI;QACd,OAAO,EAAE,GAAG,CAAC,SAAS;QACtB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,UAAU,EAAE,GAAG,CAAC,YAAY;QAC5B,SAAS,EAAE,GAAG,CAAC,SAAS;QACxB,MAAM,EAAE,WAAW;QACnB,WAAW,aAAA;QACX,OAAO,EAAE,GAAG,CAAC,MAAM;QACnB,WAAW,aAAA;KACwB,CAAC;AACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "10.5.2",
+  "version": "10.5.4",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",