@omniumretail/component-library 1.1.31 → 1.1.33

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.
Files changed (10) hide show
  1. package/dist/bundle.js +1 -1
  2. package/dist/main.css +2 -2
  3. package/package.json +1 -1
  4. package/src/components/Category/CategoryContent/index.tsx +40 -17
  5. package/src/components/Category/CategoryContent/styles.module.scss +1 -1
  6. package/src/components/Sidebar/styles.module.scss +38 -2
  7. package/src/components/WebCam/index.tsx +3 -2
  8. package/src/locales/en.json +57 -56
  9. package/src/locales/es.json +59 -57
  10. package/src/locales/pt.json +1 -0
package/dist/main.css CHANGED
@@ -14,12 +14,12 @@
14
14
  .D8zh2JqbXPRwa7HPZoou{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0 16px;background-color:var(--color-black);position:fixed;bottom:0;width:100%;padding:12px 24px;font-size:var(--font-size-body-1);color:var(--color-grey-light);height:60px;flex-direction:row;text-align:left;box-sizing:border-box}.D8zh2JqbXPRwa7HPZoou .rLcS8I6I0aB1gd6Ro7Ix{color:var(--grey2);width:100%;margin-bottom:4px}.D8zh2JqbXPRwa7HPZoou .I18ixqhkBJrOHeIm9ELH{margin-left:8px}.D8zh2JqbXPRwa7HPZoou .XVFO_EVWpXwEwbcS7OwM,.D8zh2JqbXPRwa7HPZoou .I18ixqhkBJrOHeIm9ELH{display:inline-block}.D8zh2JqbXPRwa7HPZoou .Ch59mk3ENKwL_xUV4kwI{height:25px;align-self:flex-end}
15
15
  .yBVWvA0RtFgQb0zg7Zha .ant-modal-close{width:auto;color:var(--button-default-background)}.yBVWvA0RtFgQb0zg7Zha .ant-modal-close:hover{background-color:rgba(0,0,0,0);color:var(--button-default-background-hover-color)}.yBVWvA0RtFgQb0zg7Zha .ant-modal-content{padding:36px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}@media(min-width: 742px){.yBVWvA0RtFgQb0zg7Zha .ant-modal-content{padding:64px}}.yBVWvA0RtFgQb0zg7Zha .bIn9Tnsli5FWDJmVQ47h:hover .hAGMAlh5JyPDAiKMfgws{color:red}.yBVWvA0RtFgQb0zg7Zha .hAGMAlh5JyPDAiKMfgws{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:inherit;font-size:var(--font-size-body-3);line-height:100%;font-weight:var(--font-weight-light);text-transform:capitalize;letter-spacing:.6px}.yBVWvA0RtFgQb0zg7Zha .IEpOAjgZyRyE5md9cZvT{color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-6);line-height:100%}.yBVWvA0RtFgQb0zg7Zha .iHFpZ9nbZF0FARnRj310{color:var(--color-black);font-size:var(--font-size-body-4);margin:12px 0 24px 0;padding:0}
16
16
  .bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa{pointer-events:none;position:relative}.bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-white-rgb), 0.6);z-index:9999999}.bMNL7jiNu8_mW6dwEyoS .ant-modal-close{width:auto;color:var(--button-default-background)}.bMNL7jiNu8_mW6dwEyoS .ant-modal-close:hover{background-color:rgba(0,0,0,0);color:var(--button-default-background-hover-color)}.bMNL7jiNu8_mW6dwEyoS .ant-modal-content{padding:36px 24px;display:flex;justify-content:center;flex-direction:column;text-align:center}@media(min-width: 742px){.bMNL7jiNu8_mW6dwEyoS .ant-modal-content{padding:32px}}.bMNL7jiNu8_mW6dwEyoS .ant-modal-body{width:100%;padding-top:24px}.bMNL7jiNu8_mW6dwEyoS .ant-modal-footer button{margin-left:auto}.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:inherit;font-size:var(--font-size-body-3);line-height:100%;font-weight:var(--font-weight-light);text-transform:capitalize;letter-spacing:.6px;justify-self:flex-end}.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq>p{padding:0;margin:0}.bMNL7jiNu8_mW6dwEyoS .mt484L3ogFPJIZmEQ8q_{max-width:640px;text-align:left}
17
- .x_X2axa502qG690LM5DM{width:300px;max-width:300px;height:100%;background-color:var(--color-white);padding:24px;position:relative;transition:var(--transition-fast);overflow:hidden}.iEepDtDljm_PdBbkR3JA{max-width:100px;width:100px;overflow:hidden}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{font-size:0;transition:0;padding-left:42px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-4)}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:24px;padding-left:35px}.dcC_pqHYFgU16huYkWP5{color:var(--color-black);padding:16px;font-weight:var(--font-weight-semibold);text-transform:uppercase;position:relative;white-space:nowrap;cursor:pointer}.dcC_pqHYFgU16huYkWP5:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:var(--color-orange);transform:scaleY(0.5)}.MVw3JKiEvATmRxAAyFA8{color:var(--color-orange) !important}.ULIAFOHHnjA6viVps4dE{position:absolute;top:12px;right:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-5)}.PxCQRuiQJ_ybUIGB2l5f{margin-top:8px;padding-left:16px}.N7GunVO7DCC1e16M_hkm{color:var(--color-black);padding:8px;margin-top:8px;font-weight:var(--font-weight-semibold);cursor:pointer}@media(max-width: 768px){.x_X2axa502qG690LM5DM{width:50px;max-width:50px;padding:12px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding:12px 12px 12px 16px}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:12px}}
17
+ .x_X2axa502qG690LM5DM{width:300px;max-width:300px;height:100%;background-color:var(--color-white);padding:24px;position:relative;transition:var(--transition-fast);overflow:hidden}@media(max-width: 1024px){.x_X2axa502qG690LM5DM{width:250px;max-width:250px;padding:12px}}.iEepDtDljm_PdBbkR3JA{max-width:100px;width:100px;overflow:hidden}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA{max-width:75px;width:75px}}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{font-size:0;transition:0;padding-left:42px}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding-left:30px}}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-4)}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5:first-letter{font-size:var(--font-size-body-3)}}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:24px;padding-left:35px}@media(max-width: 1024px){.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:26px}}.dcC_pqHYFgU16huYkWP5{color:var(--color-black);padding:16px;font-weight:var(--font-weight-semibold);text-transform:uppercase;position:relative;white-space:nowrap;cursor:pointer}@media(max-width: 1024px){.dcC_pqHYFgU16huYkWP5{font-size:var(--font-size-body-3)}}.dcC_pqHYFgU16huYkWP5:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:var(--color-orange);transform:scaleY(0.5)}.MVw3JKiEvATmRxAAyFA8{color:var(--color-orange) !important}.ULIAFOHHnjA6viVps4dE{position:absolute;top:12px;right:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}@media(max-width: 1024px){.ULIAFOHHnjA6viVps4dE{right:4px}}.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-5)}@media(max-width: 1024px){.ULIAFOHHnjA6viVps4dE>*{font-size:var(--font-size-body-4)}}.PxCQRuiQJ_ybUIGB2l5f{margin-top:8px;padding-left:16px}.N7GunVO7DCC1e16M_hkm{color:var(--color-black);padding:8px;margin-top:8px;font-weight:var(--font-weight-semibold);cursor:pointer}@media(max-width: 767px){.x_X2axa502qG690LM5DM{width:50px;max-width:50px;padding:12px}.iEepDtDljm_PdBbkR3JA .dcC_pqHYFgU16huYkWP5{padding:12px 12px 12px 16px}.iEepDtDljm_PdBbkR3JA .spPPzIkYjj024FZcGckd{font-size:20px;padding-left:12px}}
18
18
  .gER2xKwlnobsIz4BLhGJ{background-color:var(--color-grey) !important}.gER2xKwlnobsIz4BLhGJ[aria-checked=true]{background:var(--color-orange) !important}
19
19
  .lOKzfPUFf3ukLT2wGZaY{display:grid;grid-template-columns:300px auto;gap:16px}.OIrZOBn2f036M5MGzc61,.adDQP_uvIYgNFVC4VdHj{background:#fff;padding:20px;overflow:auto}
20
20
  .yBjbWkudwA_AOwhHrnlc .ant-tree-title{font-weight:var(--font-weight-semibold)}.yBjbWkudwA_AOwhHrnlc button{margin-top:32px;width:100%}.yBjbWkudwA_AOwhHrnlc button:nth-child(3){margin-top:12px}.je000VEfsPqZupGr8ymu{font-size:var(--font-size-body-4);font-weight:600;line-height:100%;color:var(--color-blue);text-transform:uppercase}.tUDGWNXopUejF6zWJloy{margin-top:20px}
21
21
  .O0Juh2loT1HHb612gOA4 .ant-form-item{margin-bottom:0}.O0Juh2loT1HHb612gOA4 .ant-space{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--color-blue);padding:16px 10px}.O0Juh2loT1HHb612gOA4 .ant-space-item{width:100%}.hg7oiINfKCZSUt6dEq4A{display:none}.BAso_dbeoowN7VtxWiKx{display:grid;grid-template-columns:minmax(18px, auto) 1fr 90px;gap:20px;color:var(--color-black);font-size:var(--font-size-body-4);line-height:100%;font-weight:var(--font-weight-medium);align-items:center}.qg_bZXG9dQdJvLBRGuqw{display:grid;grid-template-columns:minmax(18px, auto) 1fr 90px;gap:20px;color:var(--color-grey-dark);font-size:var(--font-size-body-3);align-items:center}.y8UJFmCyGQzEQk4XjnI9{display:none}.kknDal3CIbUXI7Lu2wPV{display:flex;align-items:center;justify-content:flex-start;gap:20px}.upuPapYjj1uGowukEEIi{display:none;align-items:center;justify-content:center}.KfrJPVKxY4b6bmXeJL5U{display:flex;align-items:center;justify-content:center;gap:16px}.zRPlv7rfSSACHPLZLs16,.EHyxN8DmDHOLkQDROSV5,.NLIlnBPfo09cpWYzpZ_J{font-size:var(--font-size-body-5);cursor:pointer}.AHIc83P7PkYUr3no83sO{margin-top:24px}
22
- .vw302ajYc4_7bIROncyM{font-size:var(--font-size-body-4);font-weight:600;line-height:100%;color:var(--color-blue);text-transform:uppercase;margin-bottom:32px}.DrsaZTs1Ny6wZ76RwDR9{font-size:var(--font-size-body-2);color:var(--color-black);font-weight:700;text-transform:uppercase}.HVSssNqaNxLcYT_1lxBL{display:grid;grid-template-columns:minmax(200px, 1fr) auto 1fr auto;gap:46px}.ACPbYsV0wNkissVLHcFh{margin-top:16px}Label{margin-bottom:8px}.g19LZsD26yzPPjBtV31w .ant-select{width:100%}.g19LZsD26yzPPjBtV31w .ant-select-selector{border-color:rgba(var(--color-black-rgb), 0.5) !important;height:50px !important;display:flex;align-items:center}.g19LZsD26yzPPjBtV31w .ant-select-arrow{color:var(--color-black)}.g19LZsD26yzPPjBtV31w .ant-switch{width:30px}
22
+ .vw302ajYc4_7bIROncyM{font-size:var(--font-size-body-4);font-weight:600;line-height:100%;color:var(--color-blue);text-transform:uppercase;margin-bottom:32px}.DrsaZTs1Ny6wZ76RwDR9{font-size:var(--font-size-body-2);color:var(--color-black);font-weight:700;text-transform:uppercase}.HVSssNqaNxLcYT_1lxBL{display:grid;grid-template-columns:minmax(200px, 1fr) auto auto auto auto;gap:46px}.ACPbYsV0wNkissVLHcFh{margin-top:16px}Label{margin-bottom:8px}.g19LZsD26yzPPjBtV31w .ant-select{width:100%}.g19LZsD26yzPPjBtV31w .ant-select-selector{border-color:rgba(var(--color-black-rgb), 0.5) !important;height:50px !important;display:flex;align-items:center}.g19LZsD26yzPPjBtV31w .ant-select-arrow{color:var(--color-black)}.g19LZsD26yzPPjBtV31w .ant-switch{width:30px}
23
23
  .j8_c3JHTX0JOkT36fF6A{contain:inline-size}.j8_c3JHTX0JOkT36fF6A .HgmGSts5FIH3osmekIYG{height:50px;width:300px}@media(min-width: 1024px){.j8_c3JHTX0JOkT36fF6A .HgmGSts5FIH3osmekIYG{width:450px}}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .ant-tag{background-color:var(--color-orange);color:var(--color-white);padding:6px 16px;max-width:240px}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .anticon-close{color:var(--color-white);font-size:12px}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .anticon-close:hover{color:var(--color-black)}
24
24
  .BWmwZ5nFKyctBZyOAXzg{width:100%}.GWTSauaAl_v9W8o4YPxW{background:rgba(44,45,46,.0509803922);height:100%;position:relative}.GWTSauaAl_v9W8o4YPxW .ant-menu-light{background-color:rgba(0,0,0,0) !important;border-inline-end:none !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-title-content{font-size:17px;line-height:20px;font-weight:var(--font-weight-semibold)}.GWTSauaAl_v9W8o4YPxW .ant-menu-title-content:hover{color:var(--color-orange)}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-title-content{font-size:15px;line-height:18px;font-weight:var(--font-weight-medium)}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-item{height:30px;line-height:30px;margin-bottom:16px}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-item:first-child{margin-top:-10px}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu{border-top:1px solid var(--color-orange);border-radius:0}.GWTSauaAl_v9W8o4YPxW .ant-menu-item:hover{background-color:initial !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-item-selected,.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-selected>.ant-menu-submenu-title{color:var(--color-orange);background-color:initial}.GWTSauaAl_v9W8o4YPxW .ant-menu-inline .ant-menu-sub.ant-menu-inline{background:initial}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title{height:50px !important;line-height:50px !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title:hover{background-color:initial !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title .anticon{color:var(--color-orange)}.GWTSauaAl_v9W8o4YPxW .ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content{overflow-x:auto;text-overflow:unset}.hWGer1IJ7RdkfQWwYfsw{position:absolute;top:24px;left:24px;right:24px;height:144px}.MD1FhirslDDwd2izGwai{font-size:var(--font-size-body-2);line-height:14px;font-weight:var(--font-weight-light);display:inline-block;padding:12px;cursor:pointer;position:absolute;right:0;top:60px}.RxGn4c38kNq8Ai4ypW_x{position:absolute;top:144px;left:24px;right:24px;bottom:0;overflow-y:auto;overflow-x:hidden;padding-bottom:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.9)}
25
25
  .rdjN4ln3xiUoa6Q0NMMm{display:flex;flex-direction:column;gap:16px;height:100%}@media(min-width: 600px){.rdjN4ln3xiUoa6Q0NMMm{display:grid;grid-template-columns:220px auto}}@media(min-width: 768px){.rdjN4ln3xiUoa6Q0NMMm{grid-template-columns:300px auto}}.Q4flbvKEPN6Jx9Cob22I{background:#ebeced;overflow:auto;padding:20px}@media(max-width: 599px){.Q4flbvKEPN6Jx9Cob22I{padding:20px 20px 0 20px;max-height:80px}}.hK3soC6m563VuiLnNutq{background:var(--color-white);overflow:auto;padding:20px}@media(max-width: 599px){.hK3soC6m563VuiLnNutq{height:100%}}.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-2);color:var(--color-blue);margin-bottom:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase}@media(min-width: 768px){.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-4);margin-bottom:36px}}.wRCQxnQc_MZGDeiY1bcL{padding-bottom:15px;font-weight:var(--font-weight-bold);font-size:var(--font-size-body-2)}@media(min-width: 768px){.wRCQxnQc_MZGDeiY1bcL{font-size:var(--font-size-body-4)}}.JRmeFBsSP1f1HJwarMpc{cursor:pointer}.Y6yF3VITdrKdQzDtqTZX{padding-left:16px}.Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL{font-weight:var(--font-weight-semibold)}.Y6yF3VITdrKdQzDtqTZX .aKZCkmPsc0LiPdj3sEeG .Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL{font-weight:var(--font-weight-light)}.aKZCkmPsc0LiPdj3sEeG{display:block}.U_3frSKmaOQyTCb9oBkg{color:var(--color-orange)}.GEZDeWAneRLnZQyf4y9l{margin-bottom:16px}@media(min-width: 768px){.GEZDeWAneRLnZQyf4y9l{margin-bottom:24px}}.YcOvMLXE7vKR2Y0_BPRr{font-size:var(--font-size-body-3);color:var(--color-blue);font-weight:var(--font-weight-semibold);margin-bottom:8px}@media(min-width: 768px){.YcOvMLXE7vKR2Y0_BPRr{font-size:var(--font-size-body-4)}}.vlMh_CCr45wbKV4fMhJx{font-size:var(--font-size-body-2);font-weight:var(--font-weight-light);color:var(--color-black)}@media(min-width: 768px){.vlMh_CCr45wbKV4fMhJx{font-size:var(--font-size-body-3)}}.NZ_ohAxNxhxZsCBr2PRA{display:flex;flex-direction:row;gap:12px;margin-bottom:24px}@media(min-width: 768px){.NZ_ohAxNxhxZsCBr2PRA{margin-bottom:36px}}.CArVrMs2ac6JvM1VGLSw{flex-direction:column;border-bottom:1px solid rgba(var(--color-blue-rgb), 0.2);margin-bottom:24px}.CArVrMs2ac6JvM1VGLSw .OpqJ6gab6fPIq3KyckPO{width:100%;border-bottom:none}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV{width:100%;height:auto}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV .ant-input{min-height:140px}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV .ant-form-item{margin-bottom:16px}.OpqJ6gab6fPIq3KyckPO{width:calc(100% - 112px);border-bottom:1px solid rgba(var(--color-blue-rgb), 0.2)}.E9TXHxbgaI6LGMZHG9bV{width:100px;height:50px;align-self:flex-end}.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-2);font-weight:var(--font-weight-semibold);margin-bottom:8px}@media(min-width: 768px){.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-3)}}.r5obiTduSUBq1uL7oceW{font-weight:var(--font-weight-light);margin-bottom:4px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.1.31",
3
+ "version": "1.1.33",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/Category/CategoryContent/index.tsx CHANGED
@@ -27,9 +27,9 @@ export const CategoryContent = (props: categoryContent) => {
27
27
  categorySidebarData
28
28
  } = props;
29
29
 
30
- const [submitForm, setSubmitForm] = useState<boolean>(false);
31
30
  const [contentInfo, setContentInfo] = useState<any>(defaultInitialValues);
32
- const [switchStatus, setSwitchStatus] = useState<boolean>(false);
31
+ const [switchOpenAnswStatus, setSwitchOpenAnswStatus] = useState<boolean>(false);
32
+ const [switchYesOrNoAnswStatus, setSwitchYesOrNoAnswStatus] = useState<boolean>(false);
33
33
  const [initialValues, setInitialValues] = useState<any>(categorySidebarData?.data || defaultInitialValues)
34
34
  const [form] = useForm();
35
35
 
@@ -37,8 +37,13 @@ export const CategoryContent = (props: categoryContent) => {
37
37
  setContentInfo(values);
38
38
  };
39
39
 
40
- const switchHandler = (enabled: boolean) => {
41
- setSwitchStatus(enabled);
40
+ const openSwitchHandler = (enabled: boolean) => {
41
+ setSwitchOpenAnswStatus(enabled);
42
+ handleInputChange();
43
+ }
44
+
45
+ const yesNoSwitchHandler = (enabled: boolean) => {
46
+ setSwitchYesOrNoAnswStatus(enabled);
42
47
  handleInputChange();
43
48
  }
44
49
 
@@ -63,7 +68,7 @@ export const CategoryContent = (props: categoryContent) => {
63
68
  useEffect(() => {
64
69
  form.resetFields();
65
70
  form.setFieldsValue(initialValues);
66
- setSwitchStatus(initialValues?.openAnswer || false);
71
+ setSwitchOpenAnswStatus(initialValues?.openAnswer || false);
67
72
  }, [form, initialValues]);
68
73
 
69
74
  return (
@@ -113,19 +118,34 @@ export const CategoryContent = (props: categoryContent) => {
113
118
 
114
119
  {!categorySidebarData?.data?.children?.length &&
115
120
  <>
116
- <div className={styles.openAnswer}>
117
- <Label isUppercase>
118
- {t('components.categoryContent.openAnswer')}
119
- </Label>
120
- <Form.Item
121
- name={['openAnswer']}
122
- >
123
- <Switch onChange={(enabled: boolean) => { switchHandler(enabled) }} checked={switchStatus} />
124
- </Form.Item>
125
- </div>
121
+ {!switchYesOrNoAnswStatus &&
122
+ <div className={styles.openAnswer}>
123
+ <Label isUppercase>
124
+ {t('components.categoryContent.openAnswer')}
125
+ </Label>
126
+ <Form.Item
127
+ name={['openAnswer']}
128
+ >
129
+ <Switch onChange={(enabled: boolean) => { openSwitchHandler(enabled) }} checked={switchOpenAnswStatus} />
130
+ </Form.Item>
131
+ </div>
132
+ }
133
+
134
+ {!switchOpenAnswStatus &&
135
+ <div className={styles.yesNoAnswer}>
136
+ <Label isUppercase>
137
+ {t('components.categoryContent.yesNoAnswer')}
138
+ </Label>
139
+ <Form.Item
140
+ name={['yesNoAnswer']}
141
+ >
142
+ <Switch onChange={(enabled: boolean) => { yesNoSwitchHandler(enabled) }} checked={switchYesOrNoAnswStatus} />
143
+ </Form.Item>
144
+ </div>
145
+ }
126
146
 
127
147
  {
128
- !switchStatus &&
148
+ !switchOpenAnswStatus && !switchYesOrNoAnswStatus &&
129
149
  <>
130
150
  <div className={styles.generalEvaluationLevel}>
131
151
  <Label isUppercase>
@@ -174,7 +194,10 @@ export const CategoryContent = (props: categoryContent) => {
174
194
  {t('components.categoryContent.answers')}
175
195
  </Label>
176
196
  <Form.Item>
177
- <Questions showGrade={!switchStatus} handleChanges={handleInputChange}></Questions>
197
+ <Questions
198
+ showGrade={(switchOpenAnswStatus || switchYesOrNoAnswStatus) === true ? false : true}
199
+ handleChanges={handleInputChange}
200
+ />
178
201
  </Form.Item>
179
202
  </div>
180
203
  }
package/src/components/Category/CategoryContent/styles.module.scss CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  .formHeader {
18
18
  display: grid;
19
- grid-template-columns: minmax(200px, 1fr) auto 1fr auto;
19
+ grid-template-columns: minmax(200px, 1fr) auto auto auto auto;
20
20
  gap: 46px;
21
21
  }
22
22
 
package/src/components/Sidebar/styles.module.scss CHANGED
@@ -7,27 +7,52 @@
7
7
  position: relative;
8
8
  transition: var(--transition-fast);
9
9
  overflow: hidden;
10
+
11
+ @media (max-width: 1024px) {
12
+ width: 250px;
13
+ max-width: 250px;
14
+ padding: 12px;
15
+ }
16
+
10
17
  }
11
18
 
12
19
  .sidebarClosed {
13
20
  max-width: 100px;
14
21
  width: 100px;
15
22
  overflow: hidden;
23
+
24
+ @media (max-width: 1024px) {
25
+ max-width: 75px;
26
+ width: 75px;
27
+ }
16
28
  }
17
29
 
18
30
  .sidebarClosed .sidebarItem {
19
31
  font-size: 0;
20
32
  transition: 0;
21
33
  padding-left: 42px;
34
+
35
+ @media (max-width: 1024px) {
36
+ padding-left: 30px;
37
+ }
22
38
  }
23
39
 
24
40
  .sidebarClosed .sidebarItem:first-letter {
25
41
  font-size: var(--font-size-body-4);
42
+
43
+ @media (max-width: 1024px) {
44
+ font-size: var(--font-size-body-3);
45
+ }
26
46
  }
27
47
 
28
48
  .sidebarClosed .sidebarHasIcon {
29
49
  font-size: 24px;
30
50
  padding-left: 35px;
51
+
52
+ @media (max-width: 1024px) {
53
+ font-size: 20px;
54
+ padding-left: 26px;
55
+ }
31
56
  }
32
57
 
33
58
  .sidebarItem {
@@ -38,6 +63,10 @@
38
63
  position: relative;
39
64
  white-space: nowrap;
40
65
  cursor: pointer;
66
+
67
+ @media (max-width: 1024px) {
68
+ font-size: var(--font-size-body-3);
69
+ }
41
70
  }
42
71
 
43
72
  .sidebarItem:after {
@@ -66,10 +95,18 @@
66
95
  justify-content: center;
67
96
  z-index: 1;
68
97
  cursor: pointer;
98
+
99
+ @media (max-width: 1024px) {
100
+ right: 4px;
101
+ }
69
102
  }
70
103
 
71
104
  .toggle>* {
72
105
  font-size: var(--font-size-body-5);
106
+
107
+ @media (max-width: 1024px) {
108
+ font-size: var(--font-size-body-4);
109
+ }
73
110
  }
74
111
 
75
112
  .subMenu {
@@ -86,8 +123,7 @@
86
123
  }
87
124
 
88
125
  /* Estilos para dispositivos móveis */
89
-
90
- @media (max-width: 768px) {
126
+ @media (max-width: 767px) {
91
127
  .sidebar {
92
128
  width: 50px;
93
129
  max-width: 50px;
package/src/components/WebCam/index.tsx CHANGED
@@ -32,14 +32,15 @@ export const CameraCapture: React.FC<CameraCaptureProps> = ({ isCameraOn, custom
32
32
  setCaptured(false);
33
33
  };
34
34
 
35
+
35
36
  const confirm = () => {
36
37
  setImgSrc(imageSrc as string);
37
38
  setCaptured(false);
38
39
  };
39
40
 
40
- const webCamStyle = classNames({
41
+ const webCamStyle = classNames({
41
42
  [`${customClass}`]: customClass,
42
- }, [styles.webCam]);
43
+ }, [styles.webCam]);
43
44
 
44
45
  return (
45
46
  <div className={styles.cameraCapture}>
package/src/locales/en.json CHANGED
@@ -1,89 +1,90 @@
1
1
  {
2
2
  "tableHeadings": {
3
- "key": "Clave",
4
- "name": "Nombre",
5
- "mecanographicNumber": "Código de Empleado",
6
- "store": "Tienda",
7
- "role": "Rol",
8
- "type": "Tipo",
3
+ "key": "Key",
4
+ "name": "Name",
5
+ "mecanographicNumber": "Employee Code",
6
+ "store": "Store",
7
+ "role": "Role",
8
+ "type": "Type",
9
9
  "id": "ID",
10
- "action": "Acción"
10
+ "action": "Action"
11
11
  },
12
12
  "userInfoColumn": {
13
- "Date": "Fecha",
14
- "Store": "Tienda",
15
- "Team": "Equipo",
13
+ "Date": "Date",
14
+ "Store": "Store",
15
+ "Team": "Team",
16
16
  "Supervisor": "Supervisor",
17
- "TypeOfContract": "Tipo de Contrato",
18
- "Nationality": "Nacionalidad",
19
- "CivilStatus": "Estado Civil",
20
- "IdentificationDocument": "Documento de Identificación",
21
- "NTaxpayer": "Número de Contribuyente",
17
+ "TypeOfContract": "Contract Type",
18
+ "Nationality": "Nationality",
19
+ "CivilStatus": "Civil Status",
20
+ "IdentificationDocument": "Identification Document",
21
+ "NTaxpayer": "Taxpayer Number",
22
22
  "NIB": "NIB",
23
- "SocialSecurity": "Seguro Social",
24
- "NChildren": "Número de Hijos",
25
- "Workload": "Carga de Trabajo",
26
- "Description": "Descripción",
27
- "Comments": "Comentarios"
23
+ "SocialSecurity": "Social Security",
24
+ "NChildren": "Number of Children",
25
+ "Workload": "Workload",
26
+ "Description": "Description",
27
+ "Comments": "Comments"
28
28
  },
29
29
  "navigation": {
30
- "back": "Atrás",
31
- "logout": "Cerrar Sesión",
32
- "home": "Inicio"
30
+ "back": "Back",
31
+ "logout": "Logout",
32
+ "home": "Home"
33
33
  },
34
34
  "actions": {
35
- "one": "Uno",
36
- "two": "Dos"
35
+ "one": "One",
36
+ "two": "Two"
37
37
  },
38
38
  "components": {
39
39
  "category": {
40
- "addQuestion": "Agregar Pregunta",
41
- "placeholderInfo": "Información de Marcador",
42
- "errorInfo": "Error de Información",
43
- "placeholderQuestion": "Pregunta",
44
- "errorQuestion": "Error/Pregunta Faltante",
45
- "placeholderGrade": "Calificación",
46
- "errorGrade": "Error/Calificación Faltante",
47
- "newCategory": "Nueva Categoría"
40
+ "addQuestion": "Add Question",
41
+ "placeholderInfo": "Marker Information",
42
+ "errorInfo": "Information Error",
43
+ "placeholderQuestion": "Question",
44
+ "errorQuestion": "Error/Missing Question",
45
+ "placeholderGrade": "Grade",
46
+ "errorGrade": "Error/Missing Grade",
47
+ "newCategory": "New Category"
48
48
  },
49
49
  "categorySidBar": {
50
- "addCategory": "Agregar Categoría",
51
- "removeCategory": "Eliminar Categoría"
50
+ "addCategory": "Add Category",
51
+ "removeCategory": "Remove Category"
52
52
  },
53
53
  "categoryContent": {
54
- "message": "Por favor, seleccione una categoría en la barra lateral",
55
- "categoryName": "Nombre de la Categoría",
56
- "categoryNameError": "Error/Nombre de Categoría Faltante",
57
- "weighting": "Ponderación",
58
- "openAnswer": "Respuesta Abierta",
59
- "answerOption": "Opción de Respuesta",
60
- "answers": "Respuestas"
54
+ "message": "Please select a category in the sidebar",
55
+ "categoryName": "Category Name",
56
+ "categoryNameError": "Error/Missing Category Name",
57
+ "weighting": "Weighting",
58
+ "openAnswer": "Open Answer",
59
+ "yesNoAnswer": "Yes/No Answer",
60
+ "answerOption": "Answer Option",
61
+ "answers": "Answers"
61
62
  },
62
63
  "categoryResponse": {
63
- "notApplicable": "No Aplicable",
64
- "answer": "Respuesta"
64
+ "notApplicable": "Not Applicable",
65
+ "answer": "Answer"
65
66
  },
66
67
  "categoryReadOnly": {
67
- "categories": "Categorías",
68
- "categoryAverage": "Promedio de la Categoría",
69
- "userResponse": "Respuesta del Usuario:",
70
- "supervisorResponse": "Respuesta del Supervisor:"
68
+ "categories": "Categories",
69
+ "categoryAverage": "Category Average",
70
+ "userResponse": "User Response:",
71
+ "supervisorResponse": "Supervisor Response:"
71
72
  },
72
73
  "analyticsBar": {
73
- "desc": "Descendente",
74
- "asc": "Ascendente"
74
+ "desc": "Descending",
75
+ "asc": "Ascending"
75
76
  },
76
77
  "tag": {
77
- "search": "Buscar",
78
- "advancedFields": "Filtros Avanzados",
79
- "State": "Estado"
78
+ "search": "Search",
79
+ "advancedFields": "Advanced Filters",
80
+ "State": "State"
80
81
  },
81
82
  "table": {
82
- "selectAll": "Seleccionar Todo",
83
- "deselectAll": "Deseleccionar Todo"
83
+ "selectAll": "Select All",
84
+ "deselectAll": "Deselect All"
84
85
  },
85
86
  "datePickerTag": {
86
- "placeholder": "Seleccionar Fecha"
87
+ "placeholder": "Select Date"
87
88
  },
88
89
  "webCam": {
89
90
  "takePhoto": "Take Photo",
package/src/locales/es.json CHANGED
@@ -1,93 +1,95 @@
1
1
  {
2
2
  "tableHeadings": {
3
- "key": "Chave",
4
- "name": "Nome",
5
- "mecanographicNumber": "Número Mecanográfico",
6
- "store": "Loja",
7
- "role": "Posição",
3
+ "key": "Clave",
4
+ "name": "Nombre",
5
+ "mecanographicNumber": "Código de Empleado",
6
+ "store": "Tienda",
7
+ "role": "Rol",
8
8
  "type": "Tipo",
9
- "id": "Id",
10
- "action": "Ação"
9
+ "id": "ID",
10
+ "action": "Acción"
11
11
  },
12
12
  "userInfoColumn": {
13
- "Date": "Data",
14
- "Store": "Loja",
15
- "Team": "Equipa em Gestão",
13
+ "Date": "Fecha",
14
+ "Store": "Tienda",
15
+ "Team": "Equipo",
16
16
  "Supervisor": "Supervisor",
17
- "TypeOfContract": "Tipo de contrato",
18
- "Nationality": "Nacionalidade",
17
+ "TypeOfContract": "Tipo de Contrato",
18
+ "Nationality": "Nacionalidad",
19
19
  "CivilStatus": "Estado Civil",
20
- "IdentificationDocument": "Doc.Identificação",
21
- "NTaxpayer": "Nº Contribuinte",
20
+ "IdentificationDocument": "Documento de Identificación",
21
+ "NTaxpayer": "Número de Contribuyente",
22
22
  "NIB": "NIB",
23
- "SocialSecurity": "Nr Segurança Social",
24
- "NChildren": "Nº Filhos",
25
- "Workload": "Carga horária",
26
- "Description": "Descrição",
27
- "Comments": "Comentários"
23
+ "SocialSecurity": "Seguro Social",
24
+ "NChildren": "Número de Hijos",
25
+ "Workload": "Carga de Trabajo",
26
+ "Description": "Descripción",
27
+ "Comments": "Comentarios"
28
28
  },
29
29
  "navigation": {
30
- "back": "Voltar Atrás ES",
31
- "logout": "Terminar Sessão ES",
32
- "home": "Início ES"
30
+ "back": "Atrás",
31
+ "logout": "Cerrar Sesión",
32
+ "home": "Inicio"
33
33
  },
34
34
  "actions": {
35
- "one": "one",
36
- "two": "two"
35
+ "one": "Uno",
36
+ "two": "Dos"
37
37
  },
38
38
  "components": {
39
39
  "category": {
40
- "addQuestion": "Adicionar questão",
41
- "placeholderInfo": "Informação da questão",
42
- "errorInfo": "Informação da questão em falta",
43
- "placeholderQuestion": "Questão",
44
- "errorQuestion": "Questão em falta",
45
- "placeholderGrade": "Ponderação",
46
- "errorGrade": "Ponderação em falta",
47
- "newCategory": "Nova categoria"
40
+ "addQuestion": "Agregar Pregunta",
41
+ "placeholderInfo": "Información de Marcador",
42
+ "errorInfo": "Error de Información",
43
+ "placeholderQuestion": "Pregunta",
44
+ "errorQuestion": "Error/Pregunta Faltante",
45
+ "placeholderGrade": "Calificación",
46
+ "errorGrade": "Error/Calificación Faltante",
47
+ "newCategory": "Nueva Categoría"
48
48
  },
49
49
  "categorySidBar": {
50
- "addCategory": "Adicionar categoria",
51
- "removeCategory": "Remover categoria"
50
+ "addCategory": "Agregar Categoría",
51
+ "removeCategory": "Eliminar Categoría"
52
52
  },
53
53
  "categoryContent": {
54
- "message": "Por favor selecione uma categoria na barra lateral",
55
- "categoryName": "Nome da categoria",
56
- "categoryNameError": "Nome categoria em falta",
57
- "weighting": "Ponderação",
58
- "openAnswer": "Resposta aberta",
59
- "answerOption": "Opção de resposta",
60
- "answers": "Questões"
54
+ "message": "Por favor, seleccione una categoría en la barra lateral",
55
+ "categoryName": "Nombre de la Categoría",
56
+ "categoryNameError": "Error/Nombre de Categoría Faltante",
57
+ "weighting": "Ponderación",
58
+ "openAnswer": "Respuesta Abierta",
59
+ "yesNoAnswer": "Respuesta Si/Não",
60
+ "answerOption": "Opción de Respuesta",
61
+ "answers": "Respuestas"
61
62
  },
62
63
  "categoryResponse": {
63
- "notApplicable": "Não Aplicável",
64
- "answer": "Resposta"
64
+ "notApplicable": "No Aplicable",
65
+ "answer": "Respuesta"
65
66
  },
66
67
  "categoryReadOnly": {
67
- "categories": "Categorias",
68
- "categoryAverage": "Ponderação da categoria",
69
- "userResponse": "Resposta Utilizador:",
70
- "supervisorResponse": "Resposta Supervisor:"
68
+ "categories": "Categorías",
69
+ "categoryAverage": "Promedio de la Categoría",
70
+ "userResponse": "Respuesta del Usuario:",
71
+ "supervisorResponse": "Respuesta del Supervisor:"
71
72
  },
72
73
  "analyticsBar": {
73
- "desc": "Decrescente",
74
- "asc": "Crescente"
74
+ "desc": "Descendente",
75
+ "asc": "Ascendente"
75
76
  },
76
77
  "tag": {
77
- "search": "Procurar",
78
- "advancedFields": "Filtros avançados"
78
+ "search": "Buscar",
79
+ "advancedFields": "Filtros Avanzados",
80
+ "State": "Estado"
79
81
  },
80
82
  "table": {
81
- "selectAll": "Selecionar todos",
82
- "deselectAll": "Desselecionar Todos"
83
+ "selectAll": "Seleccionar Todo",
84
+ "deselectAll": "Deseleccionar Todo"
83
85
  },
84
86
  "datePickerTag": {
85
- "placeholder": "Selecionar Data"
87
+ "placeholder": "Seleccionar Fecha"
86
88
  },
87
89
  "webCam": {
88
- "takePhoto": "Tomar Foto",
89
- "confirm": "Confirmar",
90
- "takeAgain": "Tomar de Nuevo"
90
+ "takePhoto": "Tomar foto",
91
+ "confirm": "Confirme",
92
+ "takeAgain": "Tomar de nuevo"
91
93
  }
92
94
  }
93
95
  }
package/src/locales/pt.json CHANGED
@@ -56,6 +56,7 @@
56
56
  "categoryNameError": "Nome categoria em falta",
57
57
  "weighting": "Ponderação",
58
58
  "openAnswer": "Resposta aberta",
59
+ "yesNoAnswer": "Resposta Sim/Não",
59
60
  "answerOption": "Opção de resposta",
60
61
  "answers": "Questões"
61
62
  },