@m4l/layouts 0.1.18 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,52 @@
1
+ import { unstable_HistoryRouter as l } from "react-router-dom";
2
+ import { EnvironmentProvider as a, HostToolsProvider as u, NetworkProvider as h, DomainCountryProvider as y } from "@m4l/core";
3
+ import { LocalesProvider as F, HostThemeProvider as v, FormatterProvider as b } from "@m4l/graphics";
4
+ import { jsx as r } from "react/jsx-runtime";
5
+ function E(t) {
6
+ const {
7
+ children: i,
8
+ currentLocale: n,
9
+ hostTheme: s,
10
+ environment: m,
11
+ hostTools: e,
12
+ axiosOperation: c,
13
+ formatters: o,
14
+ dynamicMFParameters: d
15
+ } = t;
16
+ return console.log("formatters", o), /* @__PURE__ */ r(a, {
17
+ ...m,
18
+ children: /* @__PURE__ */ r(u, {
19
+ ...e,
20
+ children: /* @__PURE__ */ r(h, {
21
+ axiosOperation: c,
22
+ children: /* @__PURE__ */ r(F, {
23
+ isMicroFrontEnd: !0,
24
+ localeHost: n,
25
+ children: /* @__PURE__ */ r(v, {
26
+ isMicroFrontEnd: !0,
27
+ ...s,
28
+ children: /* @__PURE__ */ r(l, {
29
+ history: e.history,
30
+ children: /* @__PURE__ */ r(y, {
31
+ isMicroFrontEnd: !0,
32
+ id: d?.id || 1,
33
+ currency: o.currencyFormatter.symbol,
34
+ currency_decimal_digits: o.currencyFormatter.decimalDigits,
35
+ decimal_symbol: o.numberFormatter.decimalSymbol,
36
+ thousands_symbol: o.numberFormatter.thousandsSymbol,
37
+ children: /* @__PURE__ */ r(b, {
38
+ isMicroFrontEnd: !0,
39
+ ...o,
40
+ children: i
41
+ })
42
+ })
43
+ })
44
+ })
45
+ })
46
+ })
47
+ })
48
+ });
49
+ }
50
+ export {
51
+ E as M
52
+ };
@@ -1,13 +1,17 @@
1
1
  import { ReactNode } from 'react';
2
2
  import type { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
3
- import { HostThemeType, LocaleType } from '@m4l/graphics';
3
+ import { Formatters, HostThemeType, LocaleType } from '@m4l/graphics';
4
+ export interface DynamicMFParameters extends Record<string, any> {
5
+ version: number;
6
+ }
4
7
  export interface ByHostProps {
5
8
  environment: EnvironmentType;
6
9
  hostTools: HostToolsType;
7
- axiosOperation: AxiosOperation;
8
10
  hostTheme: HostThemeType;
9
11
  currentLocale: LocaleType;
10
- domainCountryId: number;
12
+ axiosOperation: AxiosOperation;
13
+ formatters: Formatters;
14
+ dynamicMFParameters: DynamicMFParameters;
11
15
  }
12
16
  export interface MFHostAppProps extends ByHostProps {
13
17
  children: ReactNode;
@@ -0,0 +1,106 @@
1
+ import { useEffect as _, useMemo as m } from "react";
2
+ import { unstable_HistoryRouter as P } from "react-router-dom";
3
+ import { ToastContainer as F, toast as y } from "react-toastify";
4
+ import { HostThemeProvider as g, defaultThemeOptions as w, fnComponentsOverrides as M, ProgressBarStyle as A, LocalesProvider as E, getLocaleFromNetwork as T, FormatterProvider as x } from "@m4l/graphics";
5
+ import { A as b } from "../../contexts/AuthContext/index.6f966215.js";
6
+ import { voidFunction as c, EnvironmentProvider as H, HostToolsProvider as N, NetworkProvider as O, axiosOperation as k, DomainCountryProvider as C } from "@m4l/core";
7
+ import { c as L, f as j, N as d } from "../../node_modules.d9ad290e.js";
8
+ import { u as B } from "../../hooks/useAuth/index.cb6a3420.js";
9
+ import { jsx as r, jsxs as D } from "react/jsx-runtime";
10
+ function I(t) {
11
+ const {
12
+ children: s,
13
+ user: i,
14
+ pwd: n
15
+ } = t, {
16
+ isAuthenticated: o,
17
+ isInitialized: e,
18
+ login: a
19
+ } = B();
20
+ return _(() => {
21
+ e && o === !1 && a(i, n, !1);
22
+ }, [e, o]), o ? /* @__PURE__ */ D(g, {
23
+ hostThemeOptions: w,
24
+ fnComponentsOverrides: M,
25
+ isMicroFrontEnd: !0,
26
+ children: [/* @__PURE__ */ r(A, {}), /* @__PURE__ */ r(F, {}), s]
27
+ }) : /* @__PURE__ */ r("div", {
28
+ children: "Pendiente x atenticar"
29
+ });
30
+ }
31
+ const l = L({
32
+ window
33
+ });
34
+ function U(t) {
35
+ const {
36
+ children: s,
37
+ user: i,
38
+ pwd: n,
39
+ host_api_local: o,
40
+ host_api_remote: e,
41
+ host_static_assets: a,
42
+ environment_assets: h
43
+ } = t, u = () => {
44
+ d.configure({
45
+ showSpinner: !0
46
+ }), d.start();
47
+ }, f = () => {
48
+ d.done();
49
+ }, p = m(() => ({
50
+ host: "",
51
+ isLocalhost: !0,
52
+ domain_token: "lab1",
53
+ host_api_local: o,
54
+ host_api_remote: e,
55
+ host_static_assets: a,
56
+ environment_assets: h
57
+ }), []), v = m(() => ({
58
+ history: l,
59
+ toast: y,
60
+ startProgress: u,
61
+ stopProgress: f,
62
+ events_add_listener: c,
63
+ events_remove_listener: c,
64
+ events_emit: c
65
+ }), []);
66
+ return /* @__PURE__ */ r(H, {
67
+ ...p,
68
+ children: /* @__PURE__ */ r(N, {
69
+ ...v,
70
+ children: /* @__PURE__ */ r(O, {
71
+ axiosOperation: k,
72
+ children: /* @__PURE__ */ r(P, {
73
+ history: l,
74
+ children: /* @__PURE__ */ r(E, {
75
+ isMicroFrontEnd: !1,
76
+ getLocaleFromNetwork: T,
77
+ children: /* @__PURE__ */ r(C, {
78
+ id: 1,
79
+ isMicroFrontEnd: !1,
80
+ currency: "$",
81
+ currency_decimal_digits: 0,
82
+ decimal_symbol: ".",
83
+ thousands_symbol: ",",
84
+ children: /* @__PURE__ */ r(x, {
85
+ isMicroFrontEnd: !1,
86
+ dateFormatter: {
87
+ formatDate: j
88
+ },
89
+ children: /* @__PURE__ */ r(b, {
90
+ children: /* @__PURE__ */ r(I, {
91
+ user: i,
92
+ pwd: n,
93
+ children: s
94
+ })
95
+ })
96
+ })
97
+ })
98
+ })
99
+ })
100
+ })
101
+ })
102
+ });
103
+ }
104
+ export {
105
+ U as M
106
+ };
@@ -1,3 +1,3 @@
1
1
  export { MFIsolationApp } from './MFIsolationApp';
2
2
  export { MFHostApp } from './MFHostApp';
3
- export type { ByHostProps } from './MFHostApp/types';
3
+ export type { ByHostProps, DynamicMFParameters } from './MFHostApp/types';
@@ -1,4 +1,4 @@
1
- import { Maybe } from '@m4l/core';
1
+ import { DomainCountry, Maybe } from '@m4l/core';
2
2
  import { ReactNode } from 'react';
3
3
  export declare enum EnumTypes {
4
4
  Initial = "INITIALIZE",
@@ -29,17 +29,13 @@ export declare type SessionAuthPayload = {
29
29
  [EnumTypes.Logout]: undefined;
30
30
  };
31
31
  export declare type SessionActions = ActionMap<SessionAuthPayload>[keyof ActionMap<SessionAuthPayload>];
32
- export declare type AuthStoreState = {
33
- user: User;
34
- remember?: boolean;
35
- };
36
32
  export interface User {
37
33
  email: string;
38
34
  id: number;
39
35
  first_name: string;
40
36
  last_name: string;
41
37
  account_id: number;
42
- domain_country_id: number;
38
+ domainCountry: DomainCountry;
43
39
  avatar_url?: Maybe<string>;
44
40
  }
45
41
  export declare type AuthUser = Maybe<User>;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { M as n } from "./components/MFIsolationApp/index.21e432e9.js";
2
- import { M as f } from "./components/MFHostApp/index.e1f2766e.js";
1
+ import { M as n } from "./components/MFIsolationApp/index.ef4f26cb.js";
2
+ import { M as f } from "./components/MFHostApp/index.93b68f81.js";
3
3
  import { a as D, A } from "./contexts/AuthContext/index.6f966215.js";
4
4
  import { a as c, d as g, g as h } from "./layouts/ModuleLayout/index.842072c5.js";
5
5
  import { a as N, d as F, g as v } from "./layouts/MasterDetailLayout/index.71de0dc7.js";
@@ -12,8 +12,8 @@ import "react-router-dom";
12
12
  import "react-toastify";
13
13
  import "@m4l/graphics";
14
14
  import "@m4l/core";
15
- import "./node_modules.adf5d2c5.js";
16
- import "./vendor.63d78656.js";
15
+ import "./node_modules.d9ad290e.js";
16
+ import "./vendor.512ba588.js";
17
17
  import "react/jsx-runtime";
18
18
  import "@m4l/components";
19
19
  import "@mui/material";
@@ -1,4 +1,4 @@
1
- import { c as le } from "./vendor.63d78656.js";
1
+ import { c as le } from "./vendor.512ba588.js";
2
2
  function G() {
3
3
  return G = Object.assign ? Object.assign.bind() : function(r) {
4
4
  for (var t = 1; t < arguments.length; t++) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
4
4
  "license": "UNLICENSED",
5
5
  "dependencies": {
6
6
  "@m4l/components": "*",
@@ -1,4 +1,4 @@
1
- import "./components/MFIsolationApp/index.21e432e9.js";
1
+ import "./components/MFIsolationApp/index.ef4f26cb.js";
2
2
  import "react-router-dom";
3
3
  import "@m4l/core";
4
4
  import "@m4l/graphics";
@@ -10,7 +10,7 @@ import "react";
10
10
  import "./layouts/MasterDetailLayout/index.71de0dc7.js";
11
11
  import "@mui/material";
12
12
  import "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
13
- import "./components/MFHostApp/index.e1f2766e.js";
13
+ import "./components/MFHostApp/index.93b68f81.js";
14
14
  import "./hooks/useMasterDetail/index.8e9e900b.js";
15
15
  import "./hooks/useAuth/index.cb6a3420.js";
16
16
  import "./hooks/useModule/index.096d7d13.js";
@@ -1,43 +0,0 @@
1
- import { unstable_HistoryRouter as l } from "react-router-dom";
2
- import { EnvironmentProvider as m, HostToolsProvider as h, NetworkProvider as u, DomainCountryProvider as a } from "@m4l/core";
3
- import { LocalesProvider as p, HostThemeProvider as v } from "@m4l/graphics";
4
- import { jsx as r } from "react/jsx-runtime";
5
- function M(e) {
6
- const {
7
- children: i,
8
- currentLocale: t,
9
- hostTheme: n,
10
- environment: s,
11
- hostTools: o,
12
- axiosOperation: d,
13
- domainCountryId: c
14
- } = e;
15
- return /* @__PURE__ */ r(m, {
16
- ...s,
17
- children: /* @__PURE__ */ r(h, {
18
- ...o,
19
- children: /* @__PURE__ */ r(u, {
20
- axiosOperation: d,
21
- children: /* @__PURE__ */ r(p, {
22
- isMicroFrontEnd: !0,
23
- localeHost: t,
24
- children: /* @__PURE__ */ r(v, {
25
- isMicroFrontEnd: !0,
26
- ...n,
27
- children: /* @__PURE__ */ r(a, {
28
- domainCountryId: c,
29
- isMicroFrontEnd: !0,
30
- children: /* @__PURE__ */ r(l, {
31
- history: o.history,
32
- children: i
33
- })
34
- })
35
- })
36
- })
37
- })
38
- })
39
- });
40
- }
41
- export {
42
- M
43
- };
@@ -1,105 +0,0 @@
1
- import { useEffect as v, useMemo as d } from "react";
2
- import { unstable_HistoryRouter as y } from "react-router-dom";
3
- import { ToastContainer as P, toast as M } from "react-toastify";
4
- import { HostThemeProvider as w, defaultThemeOptions as F, fnComponentsOverrides as H, ProgressBarStyle as g, LocalesProvider as A, getLocaleFromNetwork as k } from "@m4l/graphics";
5
- import { A as T } from "../../contexts/AuthContext/index.6f966215.js";
6
- import { voidFunction as m, EnvironmentProvider as x, HostToolsProvider as E, NetworkProvider as C, axiosOperation as N, DomainCountryProvider as O } from "@m4l/core";
7
- import { c as I, f as L, N as _ } from "../../node_modules.adf5d2c5.js";
8
- import { u as b } from "../../hooks/useAuth/index.cb6a3420.js";
9
- import { jsx as o, jsxs as j } from "react/jsx-runtime";
10
- function B(r) {
11
- const {
12
- children: s,
13
- user: i,
14
- pwd: n
15
- } = r, {
16
- isAuthenticated: t,
17
- isInitialized: e,
18
- login: a
19
- } = b();
20
- return v(() => {
21
- e && t === !1 && a(i, n, !1);
22
- }, [e, t]), t ? /* @__PURE__ */ j(w, {
23
- hostThemeOptions: F,
24
- fnComponentsOverrides: H,
25
- isMicroFrontEnd: !0,
26
- children: [/* @__PURE__ */ o(g, {}), /* @__PURE__ */ o(P, {}), s]
27
- }) : /* @__PURE__ */ o("div", {
28
- children: "Pendiente x atenticar"
29
- });
30
- }
31
- const c = I({
32
- window
33
- });
34
- function U(r) {
35
- const {
36
- children: s,
37
- user: i,
38
- pwd: n,
39
- host_api_local: t,
40
- host_api_remote: e,
41
- host_static_assets: a,
42
- environment_assets: l
43
- } = r, f = () => {
44
- _.configure({
45
- showSpinner: !0
46
- }), _.start();
47
- }, h = () => {
48
- _.done();
49
- }, u = d(() => ({
50
- host: "",
51
- isLocalhost: !0,
52
- domain_token: "lab1",
53
- host_api_local: t,
54
- host_api_remote: e,
55
- host_static_assets: a,
56
- environment_assets: l,
57
- dfnsFormat: {
58
- date_format: "yyyy-MM-dd",
59
- date_mask: "____-__-__",
60
- time_format: "HH:mm:ss",
61
- time_mask: "__:__:__",
62
- datetime_format: "yyyy-MM-dd HH:mm:ss",
63
- datetime_mask: "____-__-__ __:__:__"
64
- }
65
- }), []), p = d(() => ({
66
- history: c,
67
- toast: M,
68
- startProgress: f,
69
- stopProgress: h,
70
- events_add_listener: m,
71
- events_remove_listener: m,
72
- events_emit: m,
73
- formatDate: L
74
- }), []);
75
- return /* @__PURE__ */ o(x, {
76
- ...u,
77
- children: /* @__PURE__ */ o(E, {
78
- ...p,
79
- children: /* @__PURE__ */ o(C, {
80
- axiosOperation: N,
81
- children: /* @__PURE__ */ o(y, {
82
- history: c,
83
- children: /* @__PURE__ */ o(A, {
84
- isMicroFrontEnd: !1,
85
- getLocaleFromNetwork: k,
86
- children: /* @__PURE__ */ o(O, {
87
- domainCountryId: 1,
88
- isMicroFrontEnd: !1,
89
- children: /* @__PURE__ */ o(T, {
90
- children: /* @__PURE__ */ o(B, {
91
- user: i,
92
- pwd: n,
93
- children: s
94
- })
95
- })
96
- })
97
- })
98
- })
99
- })
100
- })
101
- });
102
- }
103
- export {
104
- U as M
105
- };
package/style.css DELETED
@@ -1 +0,0 @@
1
- :root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}