datastake-daf 0.6.548 → 0.6.549
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/build/favicon.ico +0 -0
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +25 -0
- package/build/robots.txt +3 -0
- package/dist/components/index.js +8 -11
- package/dist/context/index.js +8 -11
- package/dist/hooks/index.js +4655 -16
- package/dist/layouts/index.css +1 -1
- package/dist/layouts/index.js +1 -112
- package/dist/services/index.js +8 -11
- package/package.json +1 -1
- package/public/assets/images/applications/MMT Icon.svg +3 -0
- package/public/assets/images/applications/hatua-logo-big.svg +4 -0
- package/src/@daf/layouts/AppLayout/components/Sidenav/index.js +1 -0
- package/src/@daf/services/BaseService.js +2 -0
- package/src/@daf/services/helpers/config.js +1 -10
- package/src/layouts.js +1 -2
- package/src/@daf/layouts/AuthLayout/index.jsx +0 -154
- package/src/@daf/layouts/AuthLayout/index.scss +0 -414
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}}.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:100vw}@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}
|
|
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}}
|
package/dist/layouts/index.js
CHANGED
|
@@ -5307,6 +5307,7 @@ const Sidenav = ({
|
|
|
5307
5307
|
widthHoverSecond: widthHoverSecond,
|
|
5308
5308
|
hoverContentSecond: hoverContentSecond,
|
|
5309
5309
|
t: t,
|
|
5310
|
+
isDatastake: isDatastake,
|
|
5310
5311
|
children: showMenu ? /*#__PURE__*/jsxRuntime.jsx(SidenavMenu, {
|
|
5311
5312
|
matchPath: matchPath,
|
|
5312
5313
|
module: module,
|
|
@@ -7288,116 +7289,4 @@ function AppLayout({
|
|
|
7288
7289
|
});
|
|
7289
7290
|
}
|
|
7290
7291
|
|
|
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
|
-
|
|
7402
7292
|
exports.AppLayout = AppLayout;
|
|
7403
|
-
exports.AuthLayout = AuthLayout;
|
package/dist/services/index.js
CHANGED
|
@@ -470,16 +470,7 @@ class ErrorHandler {
|
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
|
|
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
|
-
};
|
|
473
|
+
let globalConfig = {};
|
|
483
474
|
const configureServices = config => {
|
|
484
475
|
globalConfig = {
|
|
485
476
|
...globalConfig,
|
|
@@ -632,7 +623,10 @@ class ErrorService {
|
|
|
632
623
|
// In datastake-daf - src/services/BaseService.js
|
|
633
624
|
class BaseService extends BaseHTTPService {
|
|
634
625
|
constructor() {
|
|
635
|
-
getConfig();
|
|
626
|
+
const config = getConfig();
|
|
627
|
+
console.log({
|
|
628
|
+
config1: config
|
|
629
|
+
});
|
|
636
630
|
const errorHandler = createErrorHandler({
|
|
637
631
|
getStorageManager: () => StorageManager$1,
|
|
638
632
|
handleError: ({
|
|
@@ -670,6 +664,9 @@ class BaseService extends BaseHTTPService {
|
|
|
670
664
|
getToken: () => getToken(),
|
|
671
665
|
getHeaders: () => {
|
|
672
666
|
const config = getConfig();
|
|
667
|
+
console.log({
|
|
668
|
+
config2: config
|
|
669
|
+
});
|
|
673
670
|
return {
|
|
674
671
|
Language: config.language || StorageManager$1.get('datastakeLng') || 'en',
|
|
675
672
|
'ngrok-skip-browser-warning': true,
|
package/package.json
CHANGED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12.5 0C19.4034 2.57553e-07 24.9998 5.59291 25 12.4922C25 19.0517 19.9409 24.4313 13.5098 24.9453C13.1456 24.9799 12.7786 24.998 12.4102 25H0.00683594V12.9092C0.00230514 12.7709 0 12.6315 0 12.4922C0.000187398 5.59291 5.59656 0 12.5 0ZM12.6611 11.2812C12.6307 11.2549 12.5843 11.257 12.5557 11.2852L5.13184 18.7051C5.12913 18.7077 5.12575 18.7112 5.12305 18.7139C4.75958 19.0775 4.7918 19.6992 5.19531 20.1025C5.59894 20.5059 6.22106 20.5381 6.58496 20.1748C6.58767 20.1721 6.59111 20.1687 6.59375 20.166L14.0176 12.7471C14.046 12.7184 14.048 12.6721 14.0215 12.6416C13.8124 12.4009 13.5937 12.1659 13.3652 11.9375C13.1368 11.7092 12.902 11.4901 12.6611 11.2812ZM7.07812 6.25195C6.62772 6.2082 6.51954 6.79558 6.93164 6.98242C9.36925 8.08764 11.6528 9.64229 13.6572 11.6455C15.6617 13.6488 17.2173 15.9319 18.3232 18.3682C18.5104 18.7795 19.0975 18.6707 19.0537 18.2207C18.7651 15.254 17.4845 12.365 15.2109 10.0928C12.9373 7.82058 10.0467 6.54034 7.07812 6.25195ZM17.4102 7.89551C17.0316 7.51717 16.4324 7.49395 16.0264 7.8252L15.9385 7.9043L14.8311 9.01172C14.7994 9.04333 14.8007 9.09526 14.834 9.125C15.07 9.33358 15.3016 9.55073 15.5273 9.77637C15.7531 10.002 15.971 10.2339 16.1797 10.4697C16.2094 10.503 16.2613 10.5043 16.293 10.4727L17.4014 9.36523C17.4042 9.36242 17.4073 9.35929 17.4102 9.35645C17.8136 8.95298 17.8136 8.29893 17.4102 7.89551Z" fill="#992D24"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="133" height="26" viewBox="0 0 133 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12.5 0.365234C19.4034 0.365235 24.9998 5.95815 25 12.8574C25 19.417 19.9409 24.7965 13.5098 25.3105C13.1456 25.3451 12.7786 25.3632 12.4102 25.3652H0.00683594V13.2744C0.00230514 13.1362 0 12.9968 0 12.8574C0.000187398 5.95815 5.59656 0.365234 12.5 0.365234ZM12.6611 11.6465C12.6307 11.6201 12.5843 11.6222 12.5557 11.6504L5.13184 19.0703C5.12913 19.073 5.12575 19.0764 5.12305 19.0791C4.75958 19.4428 4.7918 20.0644 5.19531 20.4678C5.59894 20.8712 6.22106 20.9034 6.58496 20.54C6.58767 20.5373 6.59111 20.534 6.59375 20.5312L14.0176 13.1123C14.046 13.0836 14.048 13.0374 14.0215 13.0068C13.8124 12.7661 13.5937 12.5311 13.3652 12.3027C13.1368 12.0744 12.902 11.8554 12.6611 11.6465ZM7.07812 6.61719C6.62772 6.57344 6.51954 7.16081 6.93164 7.34766C9.36925 8.45287 11.6528 10.0075 13.6572 12.0107C15.6617 14.0141 17.2173 16.2972 18.3232 18.7334C18.5104 19.1447 19.0975 19.0359 19.0537 18.5859C18.7651 15.6192 17.4845 12.7302 15.2109 10.458C12.9373 8.18582 10.0467 6.90557 7.07812 6.61719ZM17.4102 8.26074C17.0316 7.88241 16.4324 7.85919 16.0264 8.19043L15.9385 8.26953L14.8311 9.37695C14.7994 9.40856 14.8007 9.46049 14.834 9.49023C15.07 9.69882 15.3016 9.91597 15.5273 10.1416C15.7531 10.3673 15.971 10.5991 16.1797 10.835C16.2094 10.8683 16.2613 10.8695 16.293 10.8379L17.4014 9.73047C17.4042 9.72766 17.4073 9.72452 17.4102 9.72168C17.8136 9.31822 17.8136 8.66417 17.4102 8.26074Z" fill="#992D24"/>
|
|
3
|
+
<path d="M57.1523 25.3652H51.8438V14.6777H40.418V25.3652H35.1094V0H40.418V10.3008H51.8438V0H57.1523V25.3652ZM68.4023 21.8496C70.7754 21.8496 72.6738 20.373 72.6738 18.2637V16.8398L68.6133 17.1211C66.4688 17.2617 65.3262 18.1055 65.3262 19.5293C65.3262 20.9531 66.5391 21.8496 68.4023 21.8496ZM66.7324 25.5938C63.0059 25.5938 60.2109 23.2559 60.2109 19.793C60.2109 16.2773 62.9004 14.291 67.8398 13.9922L72.6738 13.6934V12.4102C72.6738 10.5469 71.3906 9.52734 69.2812 9.52734C67.418 9.52734 66.1172 10.5117 65.8711 11.918H61.1777C61.3184 8.22656 64.6582 5.67773 69.4922 5.67773C74.4668 5.67773 77.7188 8.22656 77.7188 12.0938V25.3652H72.7617V22.377H72.6562C71.6016 24.3984 69.2109 25.5938 66.7324 25.5938ZM82.5527 1.70508H87.6855V6.01172H91.2715V9.89648H87.6855V19.3008C87.6855 20.7949 88.4238 21.5156 89.9883 21.5156C90.4453 21.5156 90.9551 21.4805 91.2715 21.4277V25.2246C90.7441 25.3301 89.8301 25.4355 88.793 25.4355C84.3105 25.4355 82.5527 23.9238 82.5527 20.1445V9.89648H79.9336V6.01172H82.5527V1.70508ZM111.961 6.01172V25.3652H107.004V21.8672H106.898C105.914 24.293 104.016 25.6465 101.08 25.6465C96.8965 25.6465 94.1367 22.9219 94.1367 18.4219V6.01172H99.2695V17.3496C99.2695 19.9688 100.57 21.375 102.943 21.375C105.334 21.375 106.828 19.6523 106.828 17.0332V6.01172H111.961ZM122.859 21.8496C125.232 21.8496 127.131 20.373 127.131 18.2637V16.8398L123.07 17.1211C120.926 17.2617 119.783 18.1055 119.783 19.5293C119.783 20.9531 120.996 21.8496 122.859 21.8496ZM121.189 25.5938C117.463 25.5938 114.668 23.2559 114.668 19.793C114.668 16.2773 117.357 14.291 122.297 13.9922L127.131 13.6934V12.4102C127.131 10.5469 125.848 9.52734 123.738 9.52734C121.875 9.52734 120.574 10.5117 120.328 11.918H115.635C115.775 8.22656 119.115 5.67773 123.949 5.67773C128.924 5.67773 132.176 8.22656 132.176 12.0938V25.3652H127.219V22.377H127.113C126.059 24.3984 123.668 25.5938 121.189 25.5938Z" fill="#451410"/>
|
|
4
|
+
</svg>
|
|
@@ -9,6 +9,7 @@ import { ErrorService } from './ErrorService.js';
|
|
|
9
9
|
export class BaseService extends BaseHTTPService {
|
|
10
10
|
constructor() {
|
|
11
11
|
const config = getConfig();
|
|
12
|
+
console.log({config1: config})
|
|
12
13
|
|
|
13
14
|
const errorHandler = createErrorHandler({
|
|
14
15
|
getStorageManager: () => StorageManager,
|
|
@@ -35,6 +36,7 @@ export class BaseService extends BaseHTTPService {
|
|
|
35
36
|
getToken: () => getToken(),
|
|
36
37
|
getHeaders: () => {
|
|
37
38
|
const config = getConfig();
|
|
39
|
+
console.log({config2: config})
|
|
38
40
|
return {
|
|
39
41
|
Language: config.language || StorageManager.get('datastakeLng') || 'en',
|
|
40
42
|
'ngrok-skip-browser-warning': true,
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
let globalConfig = {
|
|
2
|
-
application: null,
|
|
3
|
-
mainApiUrl: null,
|
|
4
|
-
storeUrl: null,
|
|
5
|
-
language: 'en',
|
|
6
|
-
onError: null,
|
|
7
|
-
messageHandler: null,
|
|
8
|
-
store: null,
|
|
9
|
-
addToastAction: null,
|
|
10
|
-
};
|
|
1
|
+
let globalConfig = {};
|
|
11
2
|
|
|
12
3
|
export const configureServices = (config) => {
|
|
13
4
|
globalConfig = { ...globalConfig, ...config };
|
package/src/layouts.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default as AppLayout } from './@daf/layouts/AppLayout/index.jsx';
|
|
2
|
-
export { default as AuthLayout } from './@daf/layouts/AuthLayout/index.jsx';
|
|
1
|
+
export { default as AppLayout } from './@daf/layouts/AppLayout/index.jsx';
|
|
@@ -1,154 +0,0 @@
|
|
|
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;
|