datastake-daf 0.6.571 → 0.6.573
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.
- package/dist/components/index.js +2 -199
- package/dist/hooks/index.js +16 -4655
- package/dist/layouts/index.css +1 -1
- package/dist/layouts/index.js +144 -0
- package/dist/services/index.js +2 -1
- package/package.json +1 -1
- package/src/@daf/layouts/AuthLayout/AuthLayout.stories.js +502 -0
- package/src/@daf/layouts/AuthLayout/components/NavbarComponent.jsx +69 -0
- package/src/@daf/layouts/AuthLayout/components/index.scss +165 -0
- package/src/@daf/layouts/AuthLayout/index.jsx +83 -0
- package/src/@daf/layouts/AuthLayout/index.scss +77 -0
- package/src/@daf/services/ChannelsService.js +2 -1
- package/src/index.js +0 -1
- package/src/layouts.js +3 -1
- package/build/favicon.ico +0 -0
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +0 -25
- package/build/robots.txt +0 -3
- package/src/@daf/core/components/AuthForm/AuthForm.stories.js +0 -421
- package/src/@daf/core/components/AuthForm/index.jsx +0 -200
package/dist/layouts/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC{justify-content:center;padding:20px 10px}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC h1{display:none}.index_mod-name__ZAqSo .index_icon__tIPRE{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.index_mod-name__ZAqSo .index_icon__tIPRE img,.index_mod-name__ZAqSo .index_icon__tIPRE svg{height:100%;object-fit:contain;width:100%}.index_mod-name__ZAqSo h1{font-size:16px;font-weight:600;line-height:1.2;margin:0}.index_layout-header__uP-hH{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_layout-header__uP-hH .index_right-sidebar__b2OCD{align-items:center;display:flex;gap:16px}.index_layout-header__uP-hH .index_left-sidebar__rf0f7{flex:1}.index_layout-header__uP-hH .index_trigger__UMbTb{cursor:pointer;font-size:18px;line-height:64px;margin:0 -24px 0 0;padding:0 24px;transition:color .3s}.index_layout-header__uP-hH .index_trigger__UMbTb:hover{color:#1890ff}.index_layout-header__uP-hH .index_desktop__sAat1{display:flex}@media (max-width:768px){.index_layout-header__uP-hH .index_desktop__sAat1{display:none}}.index_layout-header__uP-hH .index_mobile__exhDj{display:none}@media (max-width:768px){.index_layout-header__uP-hH .index_mobile__exhDj{align-items:center;cursor:pointer;display:flex}}.index_layout-header__uP-hH .index_mobile__exhDj img{height:32px;width:auto}.index_layout-header__uP-hH .index_notification-icon__rzMrK{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:8px;position:relative;transition:color .3s}.index_layout-header__uP-hH .index_notification-icon__rzMrK:hover{color:#1890ff}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-loader__OF-Nt{animation:index_pulse__tnSN4 2s infinite;background:#52c41a;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-more-cont__Glzl6{align-items:center;background:#ff4d4f;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:5px;top:5px}.index_layout-header__uP-hH .index_language-select__eSaHK{min-width:100px}.index_layout-header__uP-hH .index_language-select__eSaHK .index_ant-select-selector__G-MXN{background:#0000!important;border:none!important;box-shadow:none!important}.index_layout-header__uP-hH .index_language-select__eSaHK .index_row-cont__G2wqI{align-items:center;display:flex;gap:8px}.index_layout-header__uP-hH .index_user-details__TajEC{align-items:center;display:flex}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{min-width:200px;padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd:hover{background:#0000}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{border-bottom:1px solid #f0f0f0;padding:16px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 4px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:12px;margin:0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv{padding:8px 0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{color:#262626;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ:hover{background:#f5f5f5}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{padding:4px 0}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{align-items:center;display:flex;gap:8px;padding:8px 12px}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C{color:#ffffff4d;cursor:not-allowed}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C:hover{background:#0000}@keyframes index_pulse__tnSN4{0%{box-shadow:0 0 0 0 #52c41ab3}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}.index_sidenav-sider__hWcZw{display:flex;flex-direction:column;height:100dvh;position:relative;transition:all .3s;z-index:999}@media (max-width:768px){.index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}}.index_sidenav-sider__hWcZw .index_logo__ThlDP{padding:20px;text-align:center}.index_sidenav-sider__hWcZw .index_logo__ThlDP img{cursor:pointer;height:auto;max-height:40px;max-width:100%;object-fit:contain;transition:all .3s}.index_sidenav-sider__hWcZw .index_logo__ThlDP img:hover{opacity:.8}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB{min-width:70px!important;width:70px!important}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP{padding:20px 10px}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP img{max-height:32px}.index_sidenav-sider__hWcZw.index_sidenav-sider-opened__tBCYr{min-width:250px;width:250px}.index_sidenav-menu__etWhC{flex:1;overflow-x:hidden;overflow-y:auto}.index_sidenav-menu__etWhC::-webkit-scrollbar{width:6px}.index_sidenav-menu__etWhC::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.index_components-layout__BppiJ .index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}.index_components-layout__BppiJ .index_layout-header__uP-hH{padding:0 16px}.index_components-layout__BppiJ .index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_components-layout__BppiJ .index_layout-header__uP-hH .index_right-sidebar__b2OCD{gap:12px}.index_components-layout__BppiJ .index_layout-children__gWZas,.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{padding:12px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{font-size:13px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:11px}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{font-size:13px;padding:8px 12px}}@media (min-width:1920px){.index_layout-children__gWZas{margin:0 auto;max-width:1600px}}
|
|
1
|
+
.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC{justify-content:center;padding:20px 10px}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC h1{display:none}.index_mod-name__ZAqSo .index_icon__tIPRE{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.index_mod-name__ZAqSo .index_icon__tIPRE img,.index_mod-name__ZAqSo .index_icon__tIPRE svg{height:100%;object-fit:contain;width:100%}.index_mod-name__ZAqSo h1{font-size:16px;font-weight:600;line-height:1.2;margin:0}.index_layout-header__uP-hH{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_layout-header__uP-hH .index_right-sidebar__b2OCD{align-items:center;display:flex;gap:16px}.index_layout-header__uP-hH .index_left-sidebar__rf0f7{flex:1}.index_layout-header__uP-hH .index_trigger__UMbTb{cursor:pointer;font-size:18px;line-height:64px;margin:0 -24px 0 0;padding:0 24px;transition:color .3s}.index_layout-header__uP-hH .index_trigger__UMbTb:hover{color:#1890ff}.index_layout-header__uP-hH .index_desktop__sAat1{display:flex}@media (max-width:768px){.index_layout-header__uP-hH .index_desktop__sAat1{display:none}}.index_layout-header__uP-hH .index_mobile__exhDj{display:none}@media (max-width:768px){.index_layout-header__uP-hH .index_mobile__exhDj{align-items:center;cursor:pointer;display:flex}}.index_layout-header__uP-hH .index_mobile__exhDj img{height:32px;width:auto}.index_layout-header__uP-hH .index_notification-icon__rzMrK{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:8px;position:relative;transition:color .3s}.index_layout-header__uP-hH .index_notification-icon__rzMrK:hover{color:#1890ff}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-loader__OF-Nt{animation:index_pulse__tnSN4 2s infinite;background:#52c41a;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-more-cont__Glzl6{align-items:center;background:#ff4d4f;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:5px;top:5px}.index_layout-header__uP-hH .index_language-select__eSaHK{min-width:100px}.index_layout-header__uP-hH .index_language-select__eSaHK .index_ant-select-selector__G-MXN{background:#0000!important;border:none!important;box-shadow:none!important}.index_layout-header__uP-hH .index_language-select__eSaHK .index_row-cont__G2wqI{align-items:center;display:flex;gap:8px}.index_layout-header__uP-hH .index_user-details__TajEC{align-items:center;display:flex}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{min-width:200px;padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd:hover{background:#0000}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{border-bottom:1px solid #f0f0f0;padding:16px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 4px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:12px;margin:0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv{padding:8px 0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{color:#262626;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ:hover{background:#f5f5f5}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{padding:4px 0}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{align-items:center;display:flex;gap:8px;padding:8px 12px}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C{color:#ffffff4d;cursor:not-allowed}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C:hover{background:#0000}@keyframes index_pulse__tnSN4{0%{box-shadow:0 0 0 0 #52c41ab3}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}.index_sidenav-sider__hWcZw{display:flex;flex-direction:column;height:100dvh;position:relative;transition:all .3s;z-index:999}@media (max-width:768px){.index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}}.index_sidenav-sider__hWcZw .index_logo__ThlDP{padding:20px;text-align:center}.index_sidenav-sider__hWcZw .index_logo__ThlDP img{cursor:pointer;height:auto;max-height:40px;max-width:100%;object-fit:contain;transition:all .3s}.index_sidenav-sider__hWcZw .index_logo__ThlDP img:hover{opacity:.8}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB{min-width:70px!important;width:70px!important}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP{padding:20px 10px}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP img{max-height:32px}.index_sidenav-sider__hWcZw.index_sidenav-sider-opened__tBCYr{min-width:250px;width:250px}.index_sidenav-menu__etWhC{flex:1;overflow-x:hidden;overflow-y:auto}.index_sidenav-menu__etWhC::-webkit-scrollbar{width:6px}.index_sidenav-menu__etWhC::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.index_components-layout__BppiJ .index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}.index_components-layout__BppiJ .index_layout-header__uP-hH{padding:0 16px}.index_components-layout__BppiJ .index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_components-layout__BppiJ .index_layout-header__uP-hH .index_right-sidebar__b2OCD{gap:12px}.index_components-layout__BppiJ .index_layout-children__gWZas,.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{padding:12px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{font-size:13px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:11px}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{font-size:13px;padding:8px 12px}}@media (min-width:1920px){.index_layout-children__gWZas{margin:0 auto;max-width:1600px}}.index_auth-layout__TBWUk{background-color:#fff;display:flex;flex-direction:column;font-family:Outfit,sans-serif;min-height:100vh}.index_auth-layout__TBWUk .index_main-cont__0l-IY{display:flex;flex:1;height:calc(100vh - 64px);transition:all .2s ease}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY{flex-direction:column;height:auto}}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes{background:#fff;display:flex;justify-content:center;overflow-y:auto;padding:6rem 2rem;width:50%}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF{margin:auto;width:350px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-logo__VI-da img{height:40px;margin-bottom:48px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG h2{color:#101828;font-size:36px;font-weight:600;margin-bottom:12px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG p{color:#667085;font-size:16px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_right__GUqRV{background-position:50%;background-repeat:no-repeat;background-size:cover;width:50%}@media (max-width:768px){.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_right__GUqRV{display:none}}.index_auth-layout__TBWUk.index_sbg__ii-t-{--primary-color:#992f24}.index_auth-layout__TBWUk.index_sbg__ii-t- .index_ant-btn-primary__NYvTj{background:var(--primary-color);border-color:var(--primary-color)}.index_auth-layout__TBWUk.index_nashiriki__4ggGj{--primary-color:#004b91}.index_auth-layout__TBWUk.index_nashiriki__4ggGj .index_ant-btn-primary__NYvTj{background:var(--primary-color);border-color:var(--primary-color)}.index_auth-navbar__uBu6K{align-items:center;background:#fff;border-bottom:1px solid #eaecf0;display:flex;height:64px;justify-content:space-between;padding:0 80px;position:sticky;top:0;width:100%;z-index:10}@media (max-width:1200px){.index_auth-navbar__uBu6K{padding:0 32px}}.index_auth-navbar__uBu6K .index_navbar-left__P-2SX{align-items:center;display:flex}.index_auth-navbar__uBu6K .index_navbar-left__P-2SX .index_navbar-logo__ZXZxf{height:32px;object-fit:contain}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB{align-items:center;display:flex;gap:12px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ{min-width:110px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_ant-select-selector__8utBi{align-items:center;background:#fff!important;border:1px solid #d0d5dd!important;border-radius:8px!important;display:flex;height:40px!important;padding:8px 12px!important;transition:all .2s ease}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_ant-select-selector__8utBi:hover{border-color:#98a2b3!important}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_ant-select-selection-item__ntcCm{align-items:center;display:flex;padding-right:0!important}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_language-option__AYxs1{align-items:center;display:flex;gap:8px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_language-option__AYxs1 .index_flag-icon__DUi-8{border-radius:2px;height:14px;object-fit:cover;width:20px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_language-option__AYxs1 span{color:#344054;font-size:14px;font-weight:500}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_ant-select-arrow__fGxo7{color:#667085;right:12px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_language-select__cL3iQ .index_ant-select-arrow__fGxo7 svg{height:20px;width:20px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_back-btn__A5aoI{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_back-btn__A5aoI:hover{background:#f9fafb;border-color:#98a2b3}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB .index_back-btn__A5aoI:active{background:#f2f4f7}@media (max-width:768px){.index_auth-navbar__uBu6K{padding:0 16px}.index_auth-navbar__uBu6K .index_navbar-logo__ZXZxf{height:28px}.index_auth-navbar__uBu6K .index_navbar-right__sWmHB{gap:8px}}.index_language-select-popup__rxJ3b .index_ant-select-dropdown__s-ybC{background:#fff;border:none!important;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;padding:4px}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm{border-radius:6px;min-height:40px;padding:8px 12px;transition:all .2s ease}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm:hover{background-color:#f9fafb}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm.index_ant-select-item-option-selected__Z8F3C{background-color:#155eef;color:#fff}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm.index_ant-select-item-option-selected__Z8F3C .index_language-option__AYxs1 span{color:#fff}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm .index_language-option__AYxs1{align-items:center;display:flex;gap:8px}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm .index_language-option__AYxs1 .index_flag-icon__DUi-8{border-radius:2px;height:14px;width:20px}.index_language-select-popup__rxJ3b .index_ant-select-item__EUAOm .index_language-option__AYxs1 span{color:#344054;font-size:14px;font-weight:500}
|
package/dist/layouts/index.js
CHANGED
|
@@ -7289,4 +7289,148 @@ function AppLayout({
|
|
|
7289
7289
|
});
|
|
7290
7290
|
}
|
|
7291
7291
|
|
|
7292
|
+
const AuthNavbar = ({
|
|
7293
|
+
logo,
|
|
7294
|
+
appName = "default",
|
|
7295
|
+
showLanguageSelector = true,
|
|
7296
|
+
updateLanguage,
|
|
7297
|
+
languageConfig = [{
|
|
7298
|
+
value: "en",
|
|
7299
|
+
label: "EN",
|
|
7300
|
+
flagUrl: "/assets/images/countries/gb.png"
|
|
7301
|
+
}, {
|
|
7302
|
+
value: "fr",
|
|
7303
|
+
label: "FR",
|
|
7304
|
+
flagUrl: "/assets/images/countries/fr.png"
|
|
7305
|
+
}, {
|
|
7306
|
+
value: "sp",
|
|
7307
|
+
label: "ES",
|
|
7308
|
+
flagUrl: "/assets/images/countries/sp.png"
|
|
7309
|
+
}],
|
|
7310
|
+
showBack = false,
|
|
7311
|
+
backLabel = "Back",
|
|
7312
|
+
onBack
|
|
7313
|
+
}) => {
|
|
7314
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7315
|
+
className: "auth-navbar",
|
|
7316
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7317
|
+
className: "navbar-left",
|
|
7318
|
+
children: logo && /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
7319
|
+
className: "navbar-logo",
|
|
7320
|
+
src: logo,
|
|
7321
|
+
alt: `${appName} logo`
|
|
7322
|
+
})
|
|
7323
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7324
|
+
className: "navbar-right",
|
|
7325
|
+
children: [showLanguageSelector && updateLanguage && /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
|
|
7326
|
+
className: "language-select",
|
|
7327
|
+
defaultValue: localStorage.getItem("datastakeLng") || "en",
|
|
7328
|
+
onChange: lng => updateLanguage(lng),
|
|
7329
|
+
popupClassName: formatClassname(["language-select-popup", appName]),
|
|
7330
|
+
suffixIcon: /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
7331
|
+
width: "20",
|
|
7332
|
+
height: "20",
|
|
7333
|
+
viewBox: "0 0 20 20",
|
|
7334
|
+
fill: "none",
|
|
7335
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7336
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
7337
|
+
d: "M5 7.5L10 12.5L15 7.5",
|
|
7338
|
+
stroke: "#667085",
|
|
7339
|
+
strokeWidth: "1.66667",
|
|
7340
|
+
strokeLinecap: "round",
|
|
7341
|
+
strokeLinejoin: "round"
|
|
7342
|
+
})
|
|
7343
|
+
}),
|
|
7344
|
+
children: languageConfig.map(lang => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
|
|
7345
|
+
value: lang.value,
|
|
7346
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7347
|
+
className: "language-option",
|
|
7348
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("img", {
|
|
7349
|
+
src: lang.flagUrl,
|
|
7350
|
+
alt: lang.label,
|
|
7351
|
+
className: "flag-icon"
|
|
7352
|
+
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
7353
|
+
children: lang.label
|
|
7354
|
+
})]
|
|
7355
|
+
})
|
|
7356
|
+
}, lang.value))
|
|
7357
|
+
}), showBack && /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
7358
|
+
className: "back-btn",
|
|
7359
|
+
onClick: onBack,
|
|
7360
|
+
children: backLabel
|
|
7361
|
+
})]
|
|
7362
|
+
})]
|
|
7363
|
+
});
|
|
7364
|
+
};
|
|
7365
|
+
|
|
7366
|
+
const AuthLayout = ({
|
|
7367
|
+
children,
|
|
7368
|
+
StyleComponent,
|
|
7369
|
+
t = key => key,
|
|
7370
|
+
title = "Welcome Back",
|
|
7371
|
+
subTitle = "Please introduce yourself",
|
|
7372
|
+
logo,
|
|
7373
|
+
appName = "default",
|
|
7374
|
+
containerClassName = "",
|
|
7375
|
+
leftClassName = "",
|
|
7376
|
+
rightClassName = "",
|
|
7377
|
+
rightImgClassName = "",
|
|
7378
|
+
rightImageUrl,
|
|
7379
|
+
additionalContent,
|
|
7380
|
+
showTopHeader = true,
|
|
7381
|
+
showLanguageSelector = true,
|
|
7382
|
+
updateLanguage,
|
|
7383
|
+
showBack = false,
|
|
7384
|
+
onBack,
|
|
7385
|
+
backLabel = "Back"
|
|
7386
|
+
}) => {
|
|
7387
|
+
const Wrapper = StyleComponent || "div";
|
|
7388
|
+
const wrapperClassName = formatClassname(["auth-layout", appName, containerClassName]);
|
|
7389
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, {
|
|
7390
|
+
className: wrapperClassName,
|
|
7391
|
+
children: [showTopHeader && /*#__PURE__*/jsxRuntime.jsx(AuthNavbar, {
|
|
7392
|
+
logo: logo,
|
|
7393
|
+
appName: appName,
|
|
7394
|
+
showLanguageSelector: showLanguageSelector,
|
|
7395
|
+
updateLanguage: updateLanguage,
|
|
7396
|
+
showBack: showBack,
|
|
7397
|
+
onBack: onBack,
|
|
7398
|
+
backLabel: backLabel
|
|
7399
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7400
|
+
className: "main-cont",
|
|
7401
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7402
|
+
className: formatClassname(["d-cont left", leftClassName]),
|
|
7403
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7404
|
+
className: "main",
|
|
7405
|
+
children: [logo && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7406
|
+
className: "left-logo",
|
|
7407
|
+
children: /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
7408
|
+
src: logo,
|
|
7409
|
+
alt: `${appName} logo`
|
|
7410
|
+
})
|
|
7411
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7412
|
+
className: "left-header",
|
|
7413
|
+
children: [title && /*#__PURE__*/jsxRuntime.jsx("h2", {
|
|
7414
|
+
children: t(title)
|
|
7415
|
+
}), subTitle && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
7416
|
+
children: typeof subTitle === "string" ? t(subTitle) : subTitle
|
|
7417
|
+
})]
|
|
7418
|
+
}), children, additionalContent]
|
|
7419
|
+
})
|
|
7420
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7421
|
+
className: formatClassname(["d-cont right", rightClassName]),
|
|
7422
|
+
style: rightImageUrl ? {
|
|
7423
|
+
backgroundImage: `url(${rightImageUrl})`,
|
|
7424
|
+
backgroundSize: "cover"
|
|
7425
|
+
} : {},
|
|
7426
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7427
|
+
className: formatClassname(["right-img", rightImgClassName])
|
|
7428
|
+
})
|
|
7429
|
+
})]
|
|
7430
|
+
})]
|
|
7431
|
+
});
|
|
7432
|
+
};
|
|
7433
|
+
|
|
7292
7434
|
exports.AppLayout = AppLayout;
|
|
7435
|
+
exports.AuthLayout = AuthLayout;
|
|
7436
|
+
exports.AuthNavbar = AuthNavbar;
|
package/dist/services/index.js
CHANGED