odaptos_design_system 1.4.323 → 1.4.324
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/Interviews/Scenario.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +16 -30
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +16 -30
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Interviews/Chat.tsx +1 -0
- package/src/Interviews/Scenario.tsx +3 -1
- package/src/Interviews/Task.modules.scss +63 -0
- package/src/Interviews/Task.tsx +23 -33
|
@@ -8,5 +8,6 @@ export interface ScenarioProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
url: string;
|
|
9
9
|
className?: string;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
+
isInterviewer?: boolean;
|
|
11
12
|
}
|
|
12
|
-
export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, ...props }: ScenarioProps) => React.JSX.Element;
|
|
13
|
+
export declare const Scenario: ({ title, scenarioName, description, buttonText, buttonIcon, url, className, disabled, isInterviewer, ...props }: ScenarioProps) => React.JSX.Element;
|
|
@@ -10982,7 +10982,8 @@ const Chat = ({
|
|
|
10982
10982
|
buttonText: scenario.url ? startInterviewBtnTitle : undefined,
|
|
10983
10983
|
buttonIcon: scenario.url ? startInterviewIcon : undefined,
|
|
10984
10984
|
url: scenario.url ?? '',
|
|
10985
|
-
disabled: disabledScenario
|
|
10985
|
+
disabled: disabledScenario,
|
|
10986
|
+
isInterviewer: isInterviewer
|
|
10986
10987
|
});
|
|
10987
10988
|
} else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
10988
10989
|
}), isInterviewer && areAllTasksSend && !isRecordingFinished && /*#__PURE__*/React__default.createElement(EndRecording, {
|
|
@@ -11443,11 +11444,12 @@ const Scenario = ({
|
|
|
11443
11444
|
url,
|
|
11444
11445
|
className,
|
|
11445
11446
|
disabled,
|
|
11447
|
+
isInterviewer,
|
|
11446
11448
|
...props
|
|
11447
11449
|
}) => {
|
|
11448
11450
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
11449
11451
|
className: styles$r.start_interview_container
|
|
11450
|
-
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
11452
|
+
}, props), isInterviewer && /*#__PURE__*/React__default.createElement(Text, {
|
|
11451
11453
|
text: title,
|
|
11452
11454
|
size: "xs"
|
|
11453
11455
|
}), scenarioName && /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -11466,8 +11468,8 @@ const Scenario = ({
|
|
|
11466
11468
|
}));
|
|
11467
11469
|
};
|
|
11468
11470
|
|
|
11469
|
-
var css_248z$s = ".Task-modules_task_container__Iaqc-{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM{max-width:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{height:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__f15OM{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;width:100%}.Task-modules_header_left_interviewer__WHqee{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewer__WHqee .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_left_interviewee__TmMkM{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewee__TmMkM .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__AymtU{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;height:100%;justify-content:center;max-width:calc(100% - 3.5rem);padding:1.1rem .75rem}.Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_clickable__BIHxK{cursor:pointer}.Task-modules_disabled_task__NI6LL{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_done_task__aVaiY{align-items:flex-start;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);cursor:not-allowed;width:100%}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_right__AymtU{background:var(--Color-Extended-Green-200,#d5edd8);border-color:#26292e;cursor:not-allowed}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_active_task__l-n9Q{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_left__JJTGR,.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_taskContent__v3Cm1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskPopover__S07XU{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem}.Task-modules_notesContainer__dz0Me{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_notesContainer__dz0Me .Task-modules_link_text__2-6KE{cursor:pointer!important}.Task-modules_actionBtnsContainer__Dz-1j{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}";
|
|
11470
|
-
var styles$s = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","header_left_interviewer":"Task-modules_header_left_interviewer__WHqee","title":"Task-modules_title__-OmPh","header_left_interviewee":"Task-modules_header_left_interviewee__TmMkM","clickable":"Task-modules_clickable__BIHxK","disabled_task":"Task-modules_disabled_task__NI6LL","done_task":"Task-modules_done_task__aVaiY","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","link_text":"Task-modules_link_text__2-6KE","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j"};
|
|
11471
|
+
var css_248z$s = ".Task-modules_task_container__Iaqc-{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM{max-width:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{height:100%}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_left__JJTGR:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__Iaqc- .Task-modules_header__f15OM .Task-modules_header_right__AymtU:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__f15OM{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;width:100%}.Task-modules_header_left_interviewer__WHqee{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewer__WHqee .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_left_interviewee__TmMkM{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewee__TmMkM .Task-modules_title__-OmPh{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__AymtU{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;height:100%;justify-content:center;max-width:calc(100% - 3.5rem);padding:1.1rem .75rem}.Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_clickable__BIHxK{cursor:pointer}.Task-modules_disabled_task__NI6LL{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__NI6LL .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_done_task__aVaiY{align-items:flex-start;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM{max-width:100%;width:100%}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_left__JJTGR{border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);cursor:not-allowed;width:100%}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_right__AymtU{background:var(--Color-Extended-Green-200,#d5edd8);border-color:#26292e;cursor:not-allowed}.Task-modules_done_task__aVaiY .Task-modules_header__f15OM .Task-modules_header_right__AymtU svg{fill:#000;height:1rem;width:1rem}.Task-modules_active_task__l-n9Q{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_left__JJTGR,.Task-modules_active_task__l-n9Q .Task-modules_header__f15OM .Task-modules_header_right__AymtU{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_taskContent__v3Cm1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskContent__v3Cm1 .Task-modules_urlButton__8I-C-{align-items:center;align-self:stretch;background:var(--Color-Primary-500,#07f);border:1px solid var(--Color-Primary-500,#07f);border-radius:8px;color:#fafafa;cursor:pointer;display:flex;font-family:var(--sdFontFamilyPoppins);font-size:var(--sdFontSizeSm);font-weight:var(--sdFontWeightMedium);gap:8px;height:36px;justify-content:center;letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight140);margin:unset;padding:.125rem 0;text-align:left}.Task-modules_taskContent__v3Cm1 .Task-modules_urlButton__8I-C-:hover{background-color:#3392ff;border:1px solid #3392ff}.Task-modules_taskContent__v3Cm1 .Task-modules_urlButton__8I-C-:active{background-color:#66adff;border:1px solid #66adff}.Task-modules_taskPopover__S07XU{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem}.Task-modules_taskPopover__S07XU .Task-modules_urlButton__8I-C-{align-items:center;align-self:stretch;background:var(--Color-Primary-500,#07f);border:1px solid var(--Color-Primary-500,#07f);border-radius:8px;color:#fafafa;cursor:pointer;display:flex;font-family:var(--sdFontFamilyPoppins);font-size:var(--sdFontSizeSm);font-weight:var(--sdFontWeightMedium);gap:8px;height:36px;justify-content:center;letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight140);margin:unset;margin-bottom:.5rem;margin-top:.5rem;padding:.125rem 0;text-align:left}.Task-modules_taskPopover__S07XU .Task-modules_urlButton__8I-C-:hover{background-color:#3392ff;border:1px solid #3392ff}.Task-modules_taskPopover__S07XU .Task-modules_urlButton__8I-C-:active{background-color:#66adff;border:1px solid #66adff}.Task-modules_notesContainer__dz0Me{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_notesContainer__dz0Me .Task-modules_link_text__2-6KE{cursor:pointer!important}.Task-modules_actionBtnsContainer__Dz-1j{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}";
|
|
11472
|
+
var styles$s = {"task_container":"Task-modules_task_container__Iaqc-","header":"Task-modules_header__f15OM","header_left":"Task-modules_header_left__JJTGR","header_right":"Task-modules_header_right__AymtU","header_left_interviewer":"Task-modules_header_left_interviewer__WHqee","title":"Task-modules_title__-OmPh","header_left_interviewee":"Task-modules_header_left_interviewee__TmMkM","clickable":"Task-modules_clickable__BIHxK","disabled_task":"Task-modules_disabled_task__NI6LL","done_task":"Task-modules_done_task__aVaiY","active_task":"Task-modules_active_task__l-n9Q","taskContent":"Task-modules_taskContent__v3Cm1","urlButton":"Task-modules_urlButton__8I-C-","taskPopover":"Task-modules_taskPopover__S07XU","notesContainer":"Task-modules_notesContainer__dz0Me","link_text":"Task-modules_link_text__2-6KE","actionBtnsContainer":"Task-modules_actionBtnsContainer__Dz-1j"};
|
|
11471
11473
|
styleInject(css_248z$s);
|
|
11472
11474
|
|
|
11473
11475
|
const Task = ({
|
|
@@ -11522,19 +11524,12 @@ const Task = ({
|
|
|
11522
11524
|
text: taskTitle,
|
|
11523
11525
|
size: "sm",
|
|
11524
11526
|
weight: "bold"
|
|
11525
|
-
}), url && /*#__PURE__*/React__default.createElement("
|
|
11526
|
-
className: styles$s.
|
|
11527
|
-
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11528
|
-
text: "URL",
|
|
11529
|
-
size: "xs",
|
|
11530
|
-
italic: true
|
|
11531
|
-
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11532
|
-
text: url,
|
|
11533
|
-
textDecoration: "underline",
|
|
11534
|
-
size: "sm",
|
|
11535
|
-
color: colors.blue_500,
|
|
11536
|
-
className: styles$s.link_text,
|
|
11527
|
+
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
11528
|
+
className: styles$s.urlButton,
|
|
11537
11529
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
11530
|
+
}, url, " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
11531
|
+
fill: "#fafafa",
|
|
11532
|
+
stroke: "#fafafa"
|
|
11538
11533
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
11539
11534
|
className: styles$s.notesContainer
|
|
11540
11535
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -11584,21 +11579,12 @@ const Task = ({
|
|
|
11584
11579
|
size: "sm",
|
|
11585
11580
|
weight: "bold",
|
|
11586
11581
|
className: styles$s.title
|
|
11587
|
-
}), url && /*#__PURE__*/React__default.createElement("
|
|
11588
|
-
className: styles$s.
|
|
11589
|
-
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11590
|
-
text: "URL",
|
|
11591
|
-
size: "xs",
|
|
11592
|
-
italic: true
|
|
11593
|
-
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11594
|
-
text: url,
|
|
11595
|
-
textDecoration: "underline",
|
|
11596
|
-
size: "sm",
|
|
11597
|
-
color: colors.blue_500,
|
|
11598
|
-
style: {
|
|
11599
|
-
cursor: 'pointer !important'
|
|
11600
|
-
},
|
|
11582
|
+
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
11583
|
+
className: styles$s.urlButton,
|
|
11601
11584
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
11585
|
+
}, url, " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
11586
|
+
fill: "#fafafa",
|
|
11587
|
+
stroke: "#fafafa"
|
|
11602
11588
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
11603
11589
|
className: styles$s.notesContainer
|
|
11604
11590
|
}, /*#__PURE__*/React__default.createElement(Text, {
|