profinansy-ui-lib 2.0.71 → 2.0.72

package/dist/index.js

@@ -34,6 +34,8 @@
     text-align: left;
   }
 `},5811:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AddressBlock=void 0;const l=i(n(8156)),u=o(n(2815)),s=n(550),c={lms:{name:"ООО «МОСКОВСКАЯ АКАДЕМИЯ ФИНАНСОВОГО КОНСУЛЬТИРОВАНИЯ»",address:"Юридический адрес: 123112, Россия, г. Москва, МО Пресненский вн.тер.г., Пресненская наб., д. 10, стр. 2, пом. 13",ogrn:"1217700401115",inn:"9703045361",kpp:"770301001",ras_account:"40702810010000877630",kor_account:"30101810145250000974",bik:"044525974",bank_name:'Банк АО "ТИНЬКОФФ БАНК"'},profinansy:{name:'ООО "Профинансы ИТ решения"',address:"Юридический адрес: 123112, Российская Федерация, г. Москва, Пресненская набережная, д.12, этаж 82, офис 405, помещение 4",ogrn:"1227700402522",inn:"9703096398",kpp:"770301001",ras_account:"40702810710001115701",kor_account:"30101810145250000974",bik:"044525974",bank_name:'Банк АО "ТИНЬКОФФ БАНК"'}};t.AddressBlock=({isLMS:e})=>{const{sm:t}=(0,s.useBreakpoints)(),n=c[e?"lms":"profinansy"];return l.default.createElement(u.AddressBlock,null,!t&&l.default.createElement(u.CompanyName,null,n.name),l.default.createElement(u.Address,null,n.address,l.default.createElement("br",null),"ОГРН: ",n.ogrn,l.default.createElement("br",null),"ИНН: ",n.inn,l.default.createElement("br",null)," КПП: ",n.kpp,l.default.createElement("br",null),"Расчётный счет ",n.ras_account,l.default.createElement("br",null),"Корреспондентский счет ",n.kor_account,l.default.createElement("br",null),"БИК банка ",n.bik,l.default.createElement("br",null),n.bank_name))}},1581:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Applications=void 0;const a=r(n(8156)),o=n(9547),i=r(n(8514)),l=r(n(8763)),u=r(n(5624)),s=n(8424);t.Applications=()=>{const{renderComponent:e}=(0,s.useHidingFromApp)();return e?a.default.createElement(o.DownloadMarketList,null,a.default.createElement(o.DownloadIconWrapper,{target:"_blank",href:"https://apps.apple.com/ru/app/pro-finansy-%D0%BF%D1%80%D0%BE-%D1%84%D0%B8%D0%BD%D0%B0%D0%BD%D1%81%D1%8B/id1636352042"},a.default.createElement(i.default,null),a.default.createElement("div",null,a.default.createElement(o.DownloadDescription,null,"Download on the"),a.default.createElement(o.StoreName,null,"App Store"))),a.default.createElement(o.DownloadIconWrapper,{target:"_blank",href:"https://play.google.com/store/apps/details?id=com.profinansy.profinansy"},a.default.createElement(l.default,null),a.default.createElement("div",null,a.default.createElement(o.DownloadDescription,null,"GET IT ON"),a.default.createElement(o.StoreName,null,"Google Play"))),a.default.createElement(o.DownloadIconWrapper,{target:"_blank",href:"https://appgallery.huawei.com/app/C107227589"},a.default.createElement(u.default,null),a.default.createElement("div",null,a.default.createElement(o.DownloadDescription,null,"GET IT ON"),a.default.createElement(o.StoreName,null,"App gallery")))):null}},718:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFooterLeaderBoardLinks=t.getFooterDescription=t.getFooterNavRows=void 0;const r=n(2223);t.getFooterNavRows=(e,n,a,o)=>{const i="guest"===e,l="paid"===e;return[[{title:"Мой бюджет",href:i?r.ABOUT_LINK:a+"/wallet",links:[]},{title:"Инвестиции",href:i?r.ABOUT_LINK:"/market/dashboard",links:[{title:"Портфели",href:i?r.ABOUT_LINK:a+"/market/portfolios"},{title:"Календарь",href:i?r.ABOUT_LINK:a+"/market/calendars/dividends"},{title:"Скринер",href:l?a+"/market/screener":r.ABOUT_LINK},{title:"Избранное",href:l?a+"/market/favorite/instruments":r.ABOUT_LINK},{title:"Брокеры",href:a+"/market/brokers-list"}]}],[{title:"Обучение",href:i?r.ABOUT_LINK:"https://profinansy.ru/courses/",links:[{title:"Как пользоваться profinansy.ru",href:i?r.ABOUT_LINK:a+"/training-section/training"},...(0,t.getFooterLeaderBoardLinks)(o,a,i)]},{title:"Лента",href:a+"/feed",links:[{title:"Сообщество",href:a+"/feed/community"},{title:"Новости",href:a+"/feed/news"},{title:"Блог",href:a+"/feed/blog"},{title:"Подборки",href:a+"/feed/selections"},{title:"Инвестология",href:a+"/feed/investology"},{title:"Подкасты",href:a+"/feed/podcasts"}]}],[{title:"Клуб",href:n?"/club":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads",links:[{title:"Расписание",href:a+"/club"},{title:"Экономический календарь",href:n?a+"/club/economics-calendar":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Инвестиционный комитет",href:n?a+"/club/content/invest-committee":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Инвестмент апдейты",href:n?a+"/club/content/invest-updates":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Выбор PRO.FINANSY",href:n?a+"/club/profinansy-choice":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Портфели клуба",href:n?a+"/club/club-portfolios":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Аналитические обзоры",href:n?a+"/club/content/analytical-previ":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Американские горки ",href:n?a+"/club/content/roller-coaster":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Разбор портфелей",href:n?a+"/club/content/portfolios-analy":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Приглашенные спикеры",href:n?a+"/club/content/invited-speakers":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Офлайн встречи",href:n?a+"/club/content/offline-meetings":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Полезные материалы",href:n?a+"/club/content/useful-materials":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Обучение",href:n?a+"/club/education/cink":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Киноклуб",href:n?a+"/club/education/kink":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"},{title:"Читательский клуб",href:n?a+"/club/education/rkink":"https://profinansy.net/club?utm_source=landing&utm_medium=kurs-metod.ru&utm_campaign=special_for_grads"}]}]]},t.getFooterDescription=(e=!1)=>`Информация на данном сайте представлена исключительно для ознакомления и\nсамостоятельного анализа инвестором. Не является индивидуальной\nинвестиционной рекомендацией. Не является рекламой ценных бумаг\nопределенных компаний. Графики стоимости ценных бумаг отражают\nисторическую динамику цены и не могут быть гарантией доходности в\nбудущем. Прошлые результаты инвестиционной деятельности не гарантируют\nдоходность в будущем. Числовые показатели взяты из официальных\nфинансовых отчетов представленных компаний. ${e?"ООО «МОСКОВСКАЯ АКАДЕМИЯ ФИНАНСОВОГО КОНСУЛЬТИРОВАНИЯ»":"ООО «ПРОФИНАНСЫ ИТ РЕШЕНИЯ»"}  не несет ответственности за возможные\nубытки инвестора в случае использования представленной на сайте\nинформации в своей инвестиционной стратегии, покупки и продажи указанных\nна сайте ценных бумаг.`,t.getFooterLeaderBoardLinks=(e,t,n)=>n?[{title:"Таблица Лидеров",href:r.ABOUT_LINK}]:e?[{title:"Таблица Лидеров",href:t+"/cabinet-ratings/leaderboard"},{title:"Кабинет выпускника",href:t+"/cabinet-ratings/office"}]:[{title:"Таблица Лидеров",href:t+"/cabinet-ratings/leaderboard"}]},9547:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CompanyName=t.ContactNumbers=t.HelpLink=t.HelpTextP=t.HelpText=t.HelpBlock=t.DownloadDescription=t.StoreName=t.DownloadIconWrapper=t.DownloadMarketList=t.MainData=t.FooterFirstBlock=t.DocumentLink=t.AboutCompanyLink=t.AboutCompany=t.DocumentsLinks=t.LinkA=t.MainLink=t.LinkLi=t.LinksUl=t.LinksRow=t.FooterLinks=t.FooterBottomText=t.IconsList=t.FooterSecondBlock=t.FooterTopLeft=t.FooterTop=t.FooterRoot=void 0;const a=r(n(2788));t.FooterRoot=a.default.div`
+  position: relative;
+  z-index: 5;
   padding: 88px 70px 41px;
   background: #383838;
   a {
@@ -1194,47 +1196,7 @@
     color: ${e=>e.color||e.theme.background.accent};
     animation: ${s} 1s infinite linear;
   }
-`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=o(n(8379)),s=n(2788),c=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,c.useMode)();return l.default.createElement(s.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},1417:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=a.default.div`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 100000;
-  opacity: ${e=>e.isOpen?1:0};
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-`;t.Wrapper=o;const i=a.default.div`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(90, 90, 90, 0.8);
-`;t.Layout=i;const l=a.default.div`
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  max-height: calc(100vh - 80px);
-  background: ${e=>e.theme.background.content};
-  width: 100%;
-  z-index: 100;
-  translate: ${e=>e.isOpen?0:"0 100%"};
-  transition: 0.225s;
-  border-radius: 14px 14px 0 0;
-  padding: 0 16px 16px 16px;
-`;t.Content=l;const u=a.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 0;
-  margin-bottom: 12px;
-`;t.Header=u;const s=a.default.span`
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 24px;
-  color: ${e=>e.theme.text.primary};
-  padding: 0 16px;
-`;t.Title=s},1048:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),s=n(3848),c=n(7493),d=o(n(1417)),f=n(2788),p=n(1197),h=n(1899);t.ModalMobile=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(m,Object.assign({},e,{animation:n}),t):null};const m=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:u})=>{const{mode:m}=(0,p.useMode)();return l.default.createElement(s.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[m]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:()=>{o&&o()}}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,l.default.createElement(c.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),l.default.createElement(c.TextButton,{text:n,onClick:u})),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},8105:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=n(1230);t.Wrapper=a.default.div`
+`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=o(n(8379)),s=n(2788),c=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,c.useMode)();return l.default.createElement(s.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=n(1230);t.Wrapper=a.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -1309,7 +1271,47 @@
       fill: ${e=>e.theme.icons.accent};
     }
   }
-`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),s=n(7033),c=n(3848),d=i(n(505)),f=i(n(4184)),p=n(2788),h=n(1197),m=n(1899);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,s.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:s,styleBackground:v,classNameBackground:g,classNameContent:b,classNameHeader:y,animation:w,titlePosition:x="left"})=>{const k=()=>{e&&e()},{mode:_}=(0,h.useMode)();return l.default.createElement(c.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[_]},l.default.createElement(u.Wrapper,{className:s,open:w},l.default.createElement(u.Layout,{className:g,onClick:k,style:v}),l.default.createElement(u.Content,{className:b,style:i},a&&l.default.createElement(u.CloseButton,{onClick:k},l.default.createElement(d.default,{className:"modal-closeBtn"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(y,"modal-header")},l.default.createElement(u.Title,{titlePosition:x},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(2788)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
+`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=o(n(8105)),s=n(7033),c=n(3848),d=i(n(505)),f=i(n(4184)),p=n(2788),h=n(1197),m=n(1899);t.Modal=e=>{const{content:t,animation:n,showModal:r}=(0,s.useTransitionModal)(e.open,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:a=!0,borderHeader:o=!1,styleContent:i,classNameWrapper:s,styleBackground:v,classNameBackground:g,classNameContent:b,classNameHeader:y,animation:w,titlePosition:x="left"})=>{const k=()=>{e&&e()},{mode:_}=(0,h.useMode)();return l.default.createElement(c.Portal,{id:"react-modals"},l.default.createElement(p.ThemeProvider,{theme:m.palette[_]},l.default.createElement(u.Wrapper,{className:s,open:w},l.default.createElement(u.Layout,{className:g,onClick:k,style:v}),l.default.createElement(u.Content,{className:b,style:i},a&&l.default.createElement(u.CloseButton,{onClick:k},l.default.createElement(d.default,{className:"modal-closeBtn"})),!!n&&l.default.createElement(u.Header,{borderHeader:o,className:(0,f.default)(y,"modal-header")},l.default.createElement(u.Title,{titlePosition:x},n),!!r&&l.default.createElement(u.Subtitle,null,r)),t))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},1417:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const a=r(n(2788)),o=a.default.div`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100000;
+  opacity: ${e=>e.isOpen?1:0};
+  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+`;t.Wrapper=o;const i=a.default.div`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(90, 90, 90, 0.8);
+`;t.Layout=i;const l=a.default.div`
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  max-height: calc(100vh - 80px);
+  background: ${e=>e.theme.background.content};
+  width: 100%;
+  z-index: 100;
+  translate: ${e=>e.isOpen?0:"0 100%"};
+  transition: 0.225s;
+  border-radius: 14px 14px 0 0;
+  padding: 0 16px 16px 16px;
+`;t.Content=l;const u=a.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 0;
+  margin-bottom: 12px;
+`;t.Header=u;const s=a.default.span`
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+  color: ${e=>e.theme.text.primary};
+  padding: 0 16px;
+`;t.Title=s},1048:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;const l=i(n(8156)),u=n(7033),s=n(3848),c=n(7493),d=o(n(1417)),f=n(2788),p=n(1197),h=n(1899);t.ModalMobile=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(m,Object.assign({},e,{animation:n}),t):null};const m=({title:e,leftButtonText:t,rightButtonText:n,children:r,animation:a,onClose:o,onLeftButton:i,onRightButton:u})=>{const{mode:m}=(0,p.useMode)();return l.default.createElement(s.Portal,{id:"react-sidebar"},l.default.createElement(f.ThemeProvider,{theme:h.palette[m]},l.default.createElement(d.Wrapper,{isOpen:a},l.default.createElement(d.Layout,{onClick:()=>{o&&o()}}),l.default.createElement(d.Content,{isOpen:a},l.default.createElement(d.Header,null,l.default.createElement(c.TextButton,{text:t,style:{color:"#F84708"},onClick:i}),l.default.createElement(d.Title,null,e),l.default.createElement(c.TextButton,{text:n,onClick:u})),l.default.createElement("div",null,r)))))}},3555:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModalMobile=void 0;var r=n(1048);Object.defineProperty(t,"ModalMobile",{enumerable:!0,get:function(){return r.ModalMobile}})},8109:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.EyeIconStyle=t.EyeCloseIconStyle=t.Container=void 0;const a=r(n(2788)),o=r(n(217)),i=r(n(2839)),l=a.default.div`
   position: relative;
   width: 100%;
   & input {

package/dist/theme/Theme.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Colors: () => JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Colors: () => JSX.Element;

package/dist/theme/ThemeProvider.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from 'react';
-export declare const useMode: () => {
-    mode: string;
-    selectedMode: string;
-    toggleTheme: any;
-    setShowTheme: any;
-};
-interface IProps {
-    children: ReactNode;
-}
-export type TTheme = 'light' | 'dark';
-export declare const ThemeProvider: ({ children }: IProps) => JSX.Element;
-export {};
+import { ReactNode } from 'react';
+export declare const useMode: () => {
+    mode: string;
+    selectedMode: string;
+    toggleTheme: any;
+    setShowTheme: any;
+};
+interface IProps {
+    children: ReactNode;
+}
+export type TTheme = 'light' | 'dark';
+export declare const ThemeProvider: ({ children }: IProps) => JSX.Element;
+export {};

package/dist/theme/theme.const.d.ts

@@ -1,172 +1,172 @@
-export declare const palette: {
-    light: {
-        text: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            contrast: string;
-            contrastThemRev: string;
-            contrastThemed: string;
-            accent: string;
-            accentSecondary: string;
-            positive: string;
-            negative: string;
-        };
-        stroke: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            contrast: string;
-            accent: string;
-            negative: string;
-            fieldAlpha: string;
-            fieldAlphaHover: string;
-            avatarBorder: string;
-        };
-        icons: {
-            primary: string;
-            contrast: string;
-            contrastThemRev: string;
-            contrastThemed: string;
-            tertiary: string;
-            accent: string;
-            accentSecondary: string;
-            primaryHover: string;
-            primaryActive: string;
-            positive: string;
-            warring: string;
-            negative: string;
-        };
-        background: {
-            primary: string;
-            content: string;
-            secondary: string;
-            secondaryAlpha: string;
-            field: string;
-            accent: string;
-            accentSecondaryTint: string;
-            positiveTint: string;
-            warningTint: string;
-            negativeTint: string;
-            notification: string;
-            switch: string;
-        };
-        statesBackground: {
-            tabsHover: string;
-            tabsActive: string;
-            tabsActiveHover: string;
-            accentHover: string;
-            accentActive: string;
-            field: string;
-            secondaryAlphaActive: string;
-            secondaryAlphaHover: string;
-            listHover: string;
-            notificationHover: string;
-            notificationHoverError: string;
-        };
-        other: {
-            orange: string;
-            green: string;
-            olive: string;
-            violet: string;
-            red: string;
-            pink: string;
-            turquoise: string;
-            blue: string;
-            mediumBlue: string;
-            darkBlue: string;
-            orangeTint: string;
-            greenTint: string;
-            oliveTint: string;
-            violetTint: string;
-            redTint: string;
-            pinkTint: string;
-            turquoiseTint: string;
-        };
-    };
-    dark: {
-        text: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            contrast: string;
-            contrastThemRev: string;
-            contrastThemed: string;
-            accent: string;
-            accentSecondary: string;
-            positive: string;
-            negative: string;
-        };
-        stroke: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            contrast: string;
-            accent: string;
-            negative: string;
-            fieldAlpha: string;
-            fieldAlphaHover: string;
-            avatarBorder: string;
-        };
-        icons: {
-            primary: string;
-            contrast: string;
-            contrastThemRev: string;
-            contrastThemed: string;
-            tertiary: string;
-            accent: string;
-            accentSecondary: string;
-            primaryHover: string;
-            primaryActive: string;
-            positive: string;
-            warring: string;
-            negative: string;
-        };
-        background: {
-            primary: string;
-            content: string;
-            secondary: string;
-            secondaryAlpha: string;
-            field: string;
-            accent: string;
-            accentSecondaryTint: string;
-            positiveTint: string;
-            warningTint: string;
-            negativeTint: string;
-            notification: string;
-            switch: string;
-        };
-        statesBackground: {
-            tabsHover: string;
-            tabsActive: string;
-            tabsActiveHover: string;
-            accentHover: string;
-            accentActive: string;
-            field: string;
-            secondaryAlphaActive: string;
-            secondaryAlphaHover: string;
-            listHover: string;
-            notificationHover: string;
-            notificationHoverError: string;
-        };
-        other: {
-            orange: string;
-            green: string;
-            olive: string;
-            violet: string;
-            red: string;
-            pink: string;
-            turquoise: string;
-            blue: string;
-            mediumBlue: string;
-            darkBlue: string;
-            orangeTint: string;
-            greenTint: string;
-            oliveTint: string;
-            violetTint: string;
-            redTint: string;
-            pinkTint: string;
-            turquoiseTint: string;
-        };
-    };
-};
+export declare const palette: {
+    light: {
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            contrast: string;
+            contrastThemRev: string;
+            contrastThemed: string;
+            accent: string;
+            accentSecondary: string;
+            positive: string;
+            negative: string;
+        };
+        stroke: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            contrast: string;
+            accent: string;
+            negative: string;
+            fieldAlpha: string;
+            fieldAlphaHover: string;
+            avatarBorder: string;
+        };
+        icons: {
+            primary: string;
+            contrast: string;
+            contrastThemRev: string;
+            contrastThemed: string;
+            tertiary: string;
+            accent: string;
+            accentSecondary: string;
+            primaryHover: string;
+            primaryActive: string;
+            positive: string;
+            warring: string;
+            negative: string;
+        };
+        background: {
+            primary: string;
+            content: string;
+            secondary: string;
+            secondaryAlpha: string;
+            field: string;
+            accent: string;
+            accentSecondaryTint: string;
+            positiveTint: string;
+            warningTint: string;
+            negativeTint: string;
+            notification: string;
+            switch: string;
+        };
+        statesBackground: {
+            tabsHover: string;
+            tabsActive: string;
+            tabsActiveHover: string;
+            accentHover: string;
+            accentActive: string;
+            field: string;
+            secondaryAlphaActive: string;
+            secondaryAlphaHover: string;
+            listHover: string;
+            notificationHover: string;
+            notificationHoverError: string;
+        };
+        other: {
+            orange: string;
+            green: string;
+            olive: string;
+            violet: string;
+            red: string;
+            pink: string;
+            turquoise: string;
+            blue: string;
+            mediumBlue: string;
+            darkBlue: string;
+            orangeTint: string;
+            greenTint: string;
+            oliveTint: string;
+            violetTint: string;
+            redTint: string;
+            pinkTint: string;
+            turquoiseTint: string;
+        };
+    };
+    dark: {
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            contrast: string;
+            contrastThemRev: string;
+            contrastThemed: string;
+            accent: string;
+            accentSecondary: string;
+            positive: string;
+            negative: string;
+        };
+        stroke: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            contrast: string;
+            accent: string;
+            negative: string;
+            fieldAlpha: string;
+            fieldAlphaHover: string;
+            avatarBorder: string;
+        };
+        icons: {
+            primary: string;
+            contrast: string;
+            contrastThemRev: string;
+            contrastThemed: string;
+            tertiary: string;
+            accent: string;
+            accentSecondary: string;
+            primaryHover: string;
+            primaryActive: string;
+            positive: string;
+            warring: string;
+            negative: string;
+        };
+        background: {
+            primary: string;
+            content: string;
+            secondary: string;
+            secondaryAlpha: string;
+            field: string;
+            accent: string;
+            accentSecondaryTint: string;
+            positiveTint: string;
+            warningTint: string;
+            negativeTint: string;
+            notification: string;
+            switch: string;
+        };
+        statesBackground: {
+            tabsHover: string;
+            tabsActive: string;
+            tabsActiveHover: string;
+            accentHover: string;
+            accentActive: string;
+            field: string;
+            secondaryAlphaActive: string;
+            secondaryAlphaHover: string;
+            listHover: string;
+            notificationHover: string;
+            notificationHoverError: string;
+        };
+        other: {
+            orange: string;
+            green: string;
+            olive: string;
+            violet: string;
+            red: string;
+            pink: string;
+            turquoise: string;
+            blue: string;
+            mediumBlue: string;
+            darkBlue: string;
+            orangeTint: string;
+            greenTint: string;
+            oliveTint: string;
+            violetTint: string;
+            redTint: string;
+            pinkTint: string;
+            turquoiseTint: string;
+        };
+    };
+};

package/dist/theme/theme.typed.d.ts

@@ -1,2 +1,2 @@
-import { palette } from './theme.const';
-export type TTheme = (typeof palette)['light'];
+import { palette } from './theme.const';
+export type TTheme = (typeof palette)['light'];

package/dist/utils/getParams.d.ts

@@ -1 +1 @@
-export declare const getParams: (params: string) => string;
+export declare const getParams: (params: string) => string;

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
-export declare const getBreakPointsValues: (screenWidth: number) => {
-    xs: boolean;
-    sm: boolean;
-    md: boolean;
-    lg: boolean;
-};
+export declare const getBreakPointsValues: (screenWidth: number) => {
+    xs: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "2.0.71",
+  "version": "2.0.72",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {