datastake-daf 0.6.549 → 0.6.550
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 +11 -8
- package/dist/context/index.js +11 -8
- package/dist/hooks/index.js +16 -4655
- package/dist/layouts/index.css +1 -1
- package/dist/layouts/index.js +112 -1
- package/dist/services/index.js +11 -8
- package/package.json +1 -1
- package/src/@daf/layouts/AppLayout/components/Sidenav/index.js +0 -1
- package/src/@daf/layouts/AuthLayout/index.jsx +154 -0
- package/src/@daf/layouts/AuthLayout/index.scss +414 -0
- package/src/@daf/services/BaseService.js +0 -2
- package/src/@daf/services/helpers/config.js +10 -1
- package/src/layouts.js +2 -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/public/assets/images/applications/MMT Icon.svg +0 -3
- package/public/assets/images/applications/hatua-logo-big.svg +0 -4
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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;position:relative;width:100%}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL-{position:absolute;right:24px;top:24px;z-index:10}@media (max-width:768px){.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL-{right:16px;top:16px}}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE{min-width:100px}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_ant-select-selector__y2ifz{background:#fff!important;border:1px solid #d0d5dd!important;border-radius:8px!important;box-shadow:0 1px 2px #1018280d!important;height:auto!important;padding:4px 12px!important}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_ant-select-arrow__cum9e{color:#667085}.index_auth-layout__TBWUk .index_auth-language-selector__5ZdL- .index_language-select__GVetE .index_row-cont__s4j7p{align-items:center;display:flex;gap:8px}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item__o4beY{padding:8px 12px}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item__o4beY:hover{background:#f9fafb}.index_auth-layout__TBWUk .index_language-select-popup__45s-D.index_ant-select-dropdown__s9Ec2 .index_ant-select-item-option-selected__sOrAw{background:#f3f4f6;font-weight:500}.index_auth-layout__TBWUk .index_main-cont__0l-IY{display:flex;flex:1;flex-direction:row;justify-content:center;min-height:100vh}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY{flex-direction:column;justify-content:flex-start}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz{display:flex;flex:1;flex-direction:column}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes{display:flex;height:100dvh;justify-content:center;overflow-y:auto;padding:6rem 0}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes{height:unset;overflow-y:hidden;padding:3rem 2rem}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;width:350px}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF{padding:0;width:100%}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG{margin-bottom:32px;text-align:start}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG img.index_app-logo__mYi8B{display:block;height:auto;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:200px;width:136px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG h2{color:#101828;font-size:36px;font-weight:700;line-height:44px;margin-bottom:8px}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG h2{font-size:28px;line-height:36px}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG p{color:#667085;font-size:16px;line-height:24px;margin-bottom:0}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_left-header__nHGiG p{font-size:14px}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT{display:flex;gap:8px;justify-content:center;margin-top:32px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT .index_dot__WQm4x{background:#e5e7eb;border-radius:6px;height:12px;transition:width .4s,background .4s;width:12px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_left__doYes .index_main__bMQeF .index_dots__cDCDT .index_dot__WQm4x.index_active__4YD0E{background:#3b82f6;width:35px}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;padding:0;position:relative}@media (max-width:768px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV{display:none}}.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV .index_right-img__Jvjyp{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;height:100%;min-height:100vh;width:100%}@media (max-width:1200px){.index_auth-layout__TBWUk .index_main-cont__0l-IY .index_d-cont__FOHiz.index_right__GUqRV .index_right-img__Jvjyp{min-height:100vh}}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes a{color:#3b82f6;text-decoration:none;transition:color .2s}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes a:hover{color:#2563eb}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-form-item-required__Jn6Sc:before{content:unset!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:400;padding:10px 12px;transition:border-color .2s}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz:hover{border-color:#d1d5db}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input__Bw6wz:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY{border:1px solid #e5e7eb;border-radius:8px;padding:11px 14px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY .index_ant-input__Bw6wz{border:unset;border-radius:unset;padding:0}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-input-affix-wrapper__ldFFY .index_ant-input-prefix__sxVVt{color:#a4a4a4;margin-right:10px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-selector__y2ifz{border:1px solid #e5e7eb!important;border-radius:6px!important;font-size:14px;font-weight:400;height:fit-content!important;padding:4px 12px!important;transition:border-color .2s!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-selector__y2ifz .index_ant-select-selection-item__BFxFf{transition:0s}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-selector__y2ifz .index_ant-select-selection-search__Ur-Sf{display:flex;flex-direction:column;justify-content:center}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select__Ex-5-:hover .index_ant-select-selector__y2ifz{border-color:#d1d5db!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-select-focused__bL1-V .index_ant-select-selector__y2ifz{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-checkbox-wrapper__jNPcS+.index_ant-checkbox-wrapper__jNPcS{margin-left:0}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-checkbox-wrapper__jNPcS{color:#344054;font-size:14px;font-weight:400}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes form{display:flex;flex-direction:column;gap:10px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-row__EjYbD.index_ant-form-item__YgJNa{margin-bottom:0}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-form-item-label__oFxMx label{color:#1f2a37;font-size:14px;font-weight:500;line-height:20px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_buttons__qBDDT{display:flex;flex-direction:column;gap:12px;margin-top:24px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_buttons__qBDDT .index_d-btn-cont__vDjzI{flex:1}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_bottom__VJ0no{display:flex;flex-direction:column;gap:4px;margin-top:10px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_bottom__VJ0no p{color:#667085;font-size:14px;line-height:20px;margin-bottom:0}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_errors-cont__kCSmZ{margin-top:16px}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_errors-cont__kCSmZ.index_no-pt__D5-p7{margin-top:0}@media (max-width:575px){.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes .index_ant-form-item__YgJNa{flex-direction:row!important}}@keyframes index_slideLeft__Oochc{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}@keyframes index_slideRight__GBjaP{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_left__doYes{animation:index_slideRight__GBjaP .7s forwards}.index_auth-layout__TBWUk .index_d-cont__FOHiz.index_right__GUqRV{animation:index_slideLeft__Oochc .7s forwards}.index_auth-layout__TBWUk.index_tif__NalDD .index_app-logo__mYi8B{width:230px!important}
|
package/dist/layouts/index.js
CHANGED
|
@@ -5307,7 +5307,6 @@ const Sidenav = ({
|
|
|
5307
5307
|
widthHoverSecond: widthHoverSecond,
|
|
5308
5308
|
hoverContentSecond: hoverContentSecond,
|
|
5309
5309
|
t: t,
|
|
5310
|
-
isDatastake: isDatastake,
|
|
5311
5310
|
children: showMenu ? /*#__PURE__*/jsxRuntime.jsx(SidenavMenu, {
|
|
5312
5311
|
matchPath: matchPath,
|
|
5313
5312
|
module: module,
|
|
@@ -7289,4 +7288,116 @@ function AppLayout({
|
|
|
7289
7288
|
});
|
|
7290
7289
|
}
|
|
7291
7290
|
|
|
7291
|
+
/* eslint-disable react/prop-types */
|
|
7292
|
+
const AuthLayout = ({
|
|
7293
|
+
children,
|
|
7294
|
+
NavbarComponent,
|
|
7295
|
+
StyleComponent,
|
|
7296
|
+
t = key => key,
|
|
7297
|
+
title = "Welcome Back",
|
|
7298
|
+
subTitle = "Please introduce yourself",
|
|
7299
|
+
header,
|
|
7300
|
+
logo,
|
|
7301
|
+
appName = 'app',
|
|
7302
|
+
rightClassName = '',
|
|
7303
|
+
leftClassName = '',
|
|
7304
|
+
containerClassName = '',
|
|
7305
|
+
rightImgClassName = '',
|
|
7306
|
+
showNavbar = false,
|
|
7307
|
+
navbarProps = {},
|
|
7308
|
+
additionalContent,
|
|
7309
|
+
languageConfig = [{
|
|
7310
|
+
value: "en",
|
|
7311
|
+
label: "EN",
|
|
7312
|
+
flagUrl: "/assets/images/countries/gb.png"
|
|
7313
|
+
}, {
|
|
7314
|
+
value: "fr",
|
|
7315
|
+
label: "FR",
|
|
7316
|
+
flagUrl: "/assets/images/countries/fr.png"
|
|
7317
|
+
}, {
|
|
7318
|
+
value: "sp",
|
|
7319
|
+
label: "ES",
|
|
7320
|
+
flagUrl: "/assets/images/countries/sp.png"
|
|
7321
|
+
}],
|
|
7322
|
+
updateLanguage,
|
|
7323
|
+
showLanguageSelector = false
|
|
7324
|
+
}) => {
|
|
7325
|
+
// Render the default header or custom header
|
|
7326
|
+
const renderHeader = () => {
|
|
7327
|
+
if (header) {
|
|
7328
|
+
return header;
|
|
7329
|
+
}
|
|
7330
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7331
|
+
className: "left-header",
|
|
7332
|
+
children: [logo && /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
7333
|
+
className: "app-logo",
|
|
7334
|
+
src: logo,
|
|
7335
|
+
alt: "App logo"
|
|
7336
|
+
}), title && /*#__PURE__*/jsxRuntime.jsx("h2", {
|
|
7337
|
+
children: t(title)
|
|
7338
|
+
}), subTitle && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
7339
|
+
children: typeof subTitle === "string" ? t(subTitle) : subTitle
|
|
7340
|
+
})]
|
|
7341
|
+
});
|
|
7342
|
+
};
|
|
7343
|
+
|
|
7344
|
+
// Main layout content
|
|
7345
|
+
const layoutContent = /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7346
|
+
className: "main-cont",
|
|
7347
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7348
|
+
className: formatClassname(["d-cont left", leftClassName]),
|
|
7349
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7350
|
+
className: "main",
|
|
7351
|
+
children: [renderHeader(), children, additionalContent]
|
|
7352
|
+
})
|
|
7353
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7354
|
+
className: formatClassname(["d-cont right", rightClassName]),
|
|
7355
|
+
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7356
|
+
className: formatClassname(["right-img", rightImgClassName])
|
|
7357
|
+
})
|
|
7358
|
+
})]
|
|
7359
|
+
});
|
|
7360
|
+
const LayoutWrapper = StyleComponent || 'div';
|
|
7361
|
+
// Always include 'auth-layout' for base DAF styles, plus app-specific classes
|
|
7362
|
+
const wrapperClassName = StyleComponent ? formatClassname(['auth-layout', appName + '-layout', containerClassName]) : formatClassname(['auth-layout', appName, containerClassName]);
|
|
7363
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
7364
|
+
children: [showNavbar && NavbarComponent && /*#__PURE__*/jsxRuntime.jsx(NavbarComponent, {
|
|
7365
|
+
...navbarProps
|
|
7366
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(LayoutWrapper, {
|
|
7367
|
+
className: wrapperClassName,
|
|
7368
|
+
children: [showLanguageSelector && updateLanguage && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7369
|
+
className: "auth-language-selector",
|
|
7370
|
+
children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
|
|
7371
|
+
className: "language-select",
|
|
7372
|
+
defaultValue: localStorage.getItem('datastakeLng') || 'en',
|
|
7373
|
+
bordered: false,
|
|
7374
|
+
onChange: lng => updateLanguage(lng),
|
|
7375
|
+
popupClassName: formatClassname(['language-select-popup', appName]),
|
|
7376
|
+
children: languageConfig.map(lang => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
|
|
7377
|
+
value: lang.value,
|
|
7378
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7379
|
+
className: "row-cont flex",
|
|
7380
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7381
|
+
className: "cont mr-2",
|
|
7382
|
+
children: /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
7383
|
+
src: lang.flagUrl,
|
|
7384
|
+
alt: lang.label,
|
|
7385
|
+
style: {
|
|
7386
|
+
width: 20,
|
|
7387
|
+
height: 12
|
|
7388
|
+
}
|
|
7389
|
+
})
|
|
7390
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
7391
|
+
className: "cont",
|
|
7392
|
+
children: lang.label
|
|
7393
|
+
})]
|
|
7394
|
+
})
|
|
7395
|
+
}, lang.value))
|
|
7396
|
+
})
|
|
7397
|
+
}), layoutContent]
|
|
7398
|
+
})]
|
|
7399
|
+
});
|
|
7400
|
+
};
|
|
7401
|
+
|
|
7292
7402
|
exports.AppLayout = AppLayout;
|
|
7403
|
+
exports.AuthLayout = AuthLayout;
|
package/dist/services/index.js
CHANGED
|
@@ -470,7 +470,16 @@ class ErrorHandler {
|
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
-
let globalConfig = {
|
|
473
|
+
let globalConfig = {
|
|
474
|
+
application: null,
|
|
475
|
+
mainApiUrl: null,
|
|
476
|
+
storeUrl: null,
|
|
477
|
+
language: 'en',
|
|
478
|
+
onError: null,
|
|
479
|
+
messageHandler: null,
|
|
480
|
+
store: null,
|
|
481
|
+
addToastAction: null
|
|
482
|
+
};
|
|
474
483
|
const configureServices = config => {
|
|
475
484
|
globalConfig = {
|
|
476
485
|
...globalConfig,
|
|
@@ -623,10 +632,7 @@ class ErrorService {
|
|
|
623
632
|
// In datastake-daf - src/services/BaseService.js
|
|
624
633
|
class BaseService extends BaseHTTPService {
|
|
625
634
|
constructor() {
|
|
626
|
-
|
|
627
|
-
console.log({
|
|
628
|
-
config1: config
|
|
629
|
-
});
|
|
635
|
+
getConfig();
|
|
630
636
|
const errorHandler = createErrorHandler({
|
|
631
637
|
getStorageManager: () => StorageManager$1,
|
|
632
638
|
handleError: ({
|
|
@@ -664,9 +670,6 @@ class BaseService extends BaseHTTPService {
|
|
|
664
670
|
getToken: () => getToken(),
|
|
665
671
|
getHeaders: () => {
|
|
666
672
|
const config = getConfig();
|
|
667
|
-
console.log({
|
|
668
|
-
config2: config
|
|
669
|
-
});
|
|
670
673
|
return {
|
|
671
674
|
Language: config.language || StorageManager$1.get('datastakeLng') || 'en',
|
|
672
675
|
'ngrok-skip-browser-warning': true,
|
package/package.json
CHANGED
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
/* eslint-disable react/prop-types */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { formatClassname } from '../../../helpers/ClassesHelper.js';
|
|
4
|
+
import { Select } from 'antd';
|
|
5
|
+
import './index.scss';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* AuthLayout Component
|
|
9
|
+
*
|
|
10
|
+
* A flexible authentication layout with a two-column design:
|
|
11
|
+
* - Left side: Logo, title, subtitle, and form content
|
|
12
|
+
* - Right side: Branded image/illustration
|
|
13
|
+
*
|
|
14
|
+
* Supports both SCSS (default) and styled-components (via StyleComponent prop)
|
|
15
|
+
*
|
|
16
|
+
* @param {Object} props
|
|
17
|
+
* @param {React.ReactNode} props.children - Form or content to render (login, signup, etc.)
|
|
18
|
+
* @param {React.ComponentType} props.NavbarComponent - Optional navbar component to render at top
|
|
19
|
+
* @param {React.ComponentType} props.StyleComponent - Optional styled-component wrapper (styled.div)
|
|
20
|
+
* @param {Function} props.t - Translation function (from react-i18next)
|
|
21
|
+
* @param {string} props.title - Main title text (will be translated)
|
|
22
|
+
* @param {string|React.ReactNode} props.subTitle - Subtitle text or component
|
|
23
|
+
* @param {string|React.ReactNode} props.header - Custom header content (overrides title/subtitle/logo)
|
|
24
|
+
* @param {string} props.logo - Logo image URL
|
|
25
|
+
* @param {string} props.appName - Application name for styling (e.g., 'sbg', 'nashiriki', 'tif')
|
|
26
|
+
* @param {string} props.rightClassName - Additional className for right side
|
|
27
|
+
* @param {string} props.leftClassName - Additional className for left side
|
|
28
|
+
* @param {string} props.containerClassName - Additional className for main container
|
|
29
|
+
* @param {string} props.rightImgClassName - Additional className for the inner right-img div
|
|
30
|
+
* @param {boolean} props.showNavbar - Whether to show navbar (default: false)
|
|
31
|
+
* @param {Object} props.navbarProps - Props to pass to NavbarComponent
|
|
32
|
+
* @param {React.ReactNode} props.additionalContent - Additional content to render (e.g., dots, categories)
|
|
33
|
+
* @param {Array} props.languageConfig - Language selector configuration
|
|
34
|
+
* @param {Function} props.updateLanguage - Language update callback
|
|
35
|
+
* @param {boolean} props.showLanguageSelector - Whether to show language selector (default: false)
|
|
36
|
+
*/
|
|
37
|
+
const AuthLayout = ({
|
|
38
|
+
children,
|
|
39
|
+
NavbarComponent,
|
|
40
|
+
StyleComponent,
|
|
41
|
+
t = (key) => key,
|
|
42
|
+
title = "Welcome Back",
|
|
43
|
+
subTitle = "Please introduce yourself",
|
|
44
|
+
header,
|
|
45
|
+
logo,
|
|
46
|
+
appName = 'app',
|
|
47
|
+
rightClassName = '',
|
|
48
|
+
leftClassName = '',
|
|
49
|
+
containerClassName = '',
|
|
50
|
+
rightImgClassName = '',
|
|
51
|
+
showNavbar = false,
|
|
52
|
+
navbarProps = {},
|
|
53
|
+
additionalContent,
|
|
54
|
+
languageConfig = [
|
|
55
|
+
{ value: "en", label: "EN", flagUrl: "/assets/images/countries/gb.png" },
|
|
56
|
+
{ value: "fr", label: "FR", flagUrl: "/assets/images/countries/fr.png" },
|
|
57
|
+
{ value: "sp", label: "ES", flagUrl: "/assets/images/countries/sp.png" }
|
|
58
|
+
],
|
|
59
|
+
updateLanguage,
|
|
60
|
+
showLanguageSelector = false,
|
|
61
|
+
|
|
62
|
+
}) => {
|
|
63
|
+
|
|
64
|
+
// Render the default header or custom header
|
|
65
|
+
const renderHeader = () => {
|
|
66
|
+
if (header) {
|
|
67
|
+
return header;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
return (
|
|
71
|
+
<div className="left-header">
|
|
72
|
+
{logo && (
|
|
73
|
+
<img
|
|
74
|
+
className="app-logo"
|
|
75
|
+
src={logo}
|
|
76
|
+
alt="App logo"
|
|
77
|
+
/>
|
|
78
|
+
)}
|
|
79
|
+
{title && <h2>{t(title)}</h2>}
|
|
80
|
+
{subTitle && (
|
|
81
|
+
<p>
|
|
82
|
+
{typeof subTitle === "string" ? t(subTitle) : subTitle}
|
|
83
|
+
</p>
|
|
84
|
+
)}
|
|
85
|
+
</div>
|
|
86
|
+
);
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
// Main layout content
|
|
90
|
+
const layoutContent = (
|
|
91
|
+
<div className="main-cont">
|
|
92
|
+
{/* Left Side - Content */}
|
|
93
|
+
<div className={formatClassname(["d-cont left", leftClassName])}>
|
|
94
|
+
<div className="main">
|
|
95
|
+
{renderHeader()}
|
|
96
|
+
{children}
|
|
97
|
+
{additionalContent}
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
{/* Right Side - Image/Illustration */}
|
|
102
|
+
<div className={formatClassname(["d-cont right", rightClassName])}>
|
|
103
|
+
<div className={formatClassname(["right-img", rightImgClassName])} />
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
);
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
const LayoutWrapper = StyleComponent || 'div';
|
|
110
|
+
// Always include 'auth-layout' for base DAF styles, plus app-specific classes
|
|
111
|
+
const wrapperClassName = StyleComponent
|
|
112
|
+
? formatClassname(['auth-layout', appName + '-layout', containerClassName])
|
|
113
|
+
: formatClassname(['auth-layout', appName, containerClassName]);
|
|
114
|
+
|
|
115
|
+
return (
|
|
116
|
+
<>
|
|
117
|
+
{showNavbar && NavbarComponent && <NavbarComponent {...navbarProps} />}
|
|
118
|
+
|
|
119
|
+
<LayoutWrapper className={wrapperClassName}>
|
|
120
|
+
{showLanguageSelector && updateLanguage && (
|
|
121
|
+
<div className="auth-language-selector">
|
|
122
|
+
<Select
|
|
123
|
+
className="language-select"
|
|
124
|
+
defaultValue={localStorage.getItem('datastakeLng') || 'en'}
|
|
125
|
+
bordered={false}
|
|
126
|
+
onChange={lng => updateLanguage(lng)}
|
|
127
|
+
popupClassName={formatClassname(['language-select-popup', appName])}
|
|
128
|
+
>
|
|
129
|
+
{languageConfig.map(lang => (
|
|
130
|
+
<Select.Option key={lang.value} value={lang.value}>
|
|
131
|
+
<div className="row-cont flex">
|
|
132
|
+
<div className="cont mr-2">
|
|
133
|
+
<img
|
|
134
|
+
src={lang.flagUrl}
|
|
135
|
+
alt={lang.label}
|
|
136
|
+
style={{ width: 20, height: 12 }}
|
|
137
|
+
/>
|
|
138
|
+
</div>
|
|
139
|
+
<div className="cont">
|
|
140
|
+
{lang.label}
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
</Select.Option>
|
|
144
|
+
))}
|
|
145
|
+
</Select>
|
|
146
|
+
</div>
|
|
147
|
+
)}
|
|
148
|
+
{layoutContent}
|
|
149
|
+
</LayoutWrapper>
|
|
150
|
+
</>
|
|
151
|
+
);
|
|
152
|
+
};
|
|
153
|
+
|
|
154
|
+
export default AuthLayout;
|