@fuego-systems/react 0.1.14 → 0.1.15
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/HealthcareServiceCard/HealthcareServiceCard.d.ts +5 -1
- package/dist/HealthcareServiceCard/HealthcareServiceCard.d.ts.map +1 -1
- package/dist/HealthcareServiceCard/HealthcareServiceCard.js +2 -12
- package/dist/HealthcareServiceCard/HealthcareServiceCard.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,11 @@ export interface HealthcareServiceAction {
|
|
|
8
8
|
readonly label: string;
|
|
9
9
|
/** User-facing question / hint for this action. */
|
|
10
10
|
readonly question?: string;
|
|
11
|
-
/**
|
|
11
|
+
/**
|
|
12
|
+
* FHIR Duration for this action. Currently NOT rendered: durations sourced
|
|
13
|
+
* from PlanDefinition don't reflect real study times. Kept in the contract
|
|
14
|
+
* so callers keep passing it and rendering can be re-enabled later.
|
|
15
|
+
*/
|
|
12
16
|
readonly duration?: Duration;
|
|
13
17
|
/**
|
|
14
18
|
* Only meaningful on addon entries. When `true`, the addon is always
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HealthcareServiceCard.d.ts","sourceRoot":"","sources":["../../src/HealthcareServiceCard/HealthcareServiceCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIvD,6DAA6D;AAC7D,MAAM,WAAW,uBAAuB;IACtC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B
|
|
1
|
+
{"version":3,"file":"HealthcareServiceCard.d.ts","sourceRoot":"","sources":["../../src/HealthcareServiceCard/HealthcareServiceCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIvD,6DAA6D;AAC7D,MAAM,WAAW,uBAAuB;IACtC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,uBAAuB,EAAE,CAAA;CACrD;AAED,MAAM,WAAW,0BAA0B;IACzC,4BAA4B;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,sEAAsE;IACtE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,yDAAyD;IACzD,QAAQ,CAAC,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAA;IACpD,6EAA6E;IAC7E,QAAQ,CAAC,iBAAiB,CAAC,EAAE,kCAAkC,CAAA;IAC/D,iEAAiE;IACjE,QAAQ,CAAC,yBAAyB,CAAC,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,KAAK,IAAI,CAAA;CACrG;AAED,MAAM,WAAW,kCAAkC;IACjD,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CACtC;AAmDD,wBAAgB,qBAAqB,CAAE,EACrC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,yBAAyB,EAC1B,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAkL1C"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Badge, Card, CloseButton, Group, Radio, Stack, Switch, Text } from '@mantine/core';
|
|
3
3
|
// ─── Helpers ─────────────────────────────────────────────────────────────────
|
|
4
|
-
function formatDuration(d) {
|
|
5
|
-
var _a, _b;
|
|
6
|
-
if ((d === null || d === void 0 ? void 0 : d.value) === undefined || (d === null || d === void 0 ? void 0 : d.value) === null) {
|
|
7
|
-
return undefined;
|
|
8
|
-
}
|
|
9
|
-
const unit = (_b = (_a = d.unit) !== null && _a !== void 0 ? _a : d.code) !== null && _b !== void 0 ? _b : '';
|
|
10
|
-
return unit ? `${d.value} ${unit}` : String(d.value);
|
|
11
|
-
}
|
|
12
4
|
function CheckIcon(props) {
|
|
13
5
|
const { size, style, ...rest } = props;
|
|
14
6
|
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", style: style, ...rest, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
|
|
@@ -37,17 +29,15 @@ export function HealthcareServiceCard({ name, specialty, badge, appointmentRequi
|
|
|
37
29
|
return (_jsx(Card, { withBorder: true, radius: "md", padding: "lg", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Stack, { gap: 4, children: [appointmentRequired === false && (_jsx(Badge, { variant: "light", color: "teal", radius: "sm", size: "sm", leftSection: _jsx(WalkInIcon, { size: 12, style: { display: 'block' } }), style: { alignSelf: 'flex-start' }, children: "No requiere turno" })), _jsxs(Group, { justify: "space-between", wrap: "nowrap", align: "flex-start", gap: "xs", children: [_jsx(Text, { fw: 700, size: "lg", style: { flex: 1, minWidth: 0, lineHeight: 1.2 }, children: name }), closable && (_jsx(CloseButton, { onClick: onClose, size: "sm", c: "red", "aria-label": "Quitar", style: { flexShrink: 0 } }))] }), (specialty || badge) && (_jsxs(Group, { gap: 6, wrap: "wrap", children: [specialty && (_jsx(Badge, { variant: "light", color: "blue", radius: "sm", size: "sm", children: specialty })), badge] }))] }), actions.length === 1 && (() => {
|
|
38
30
|
var _a, _b;
|
|
39
31
|
const action = actions[0];
|
|
40
|
-
const duration = formatDuration(action.duration);
|
|
41
32
|
const addons = ((_a = action.addons) !== null && _a !== void 0 ? _a : []).filter((a) => !a.mandatory);
|
|
42
33
|
const selectedAddons = (protocolSelection === null || protocolSelection === void 0 ? void 0 : protocolSelection.actionId) === action.id ? (_b = protocolSelection.addonIds) !== null && _b !== void 0 ? _b : [] : [];
|
|
43
|
-
return (_jsxs(Stack, { gap: 4, children: [
|
|
34
|
+
return (_jsxs(Stack, { gap: 4, children: [_jsx(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: _jsx(Text, { component: "span", size: "sm", c: "dark", style: { flex: 1, minWidth: 0, display: 'block' }, children: action.label }) }), action.question && (_jsx(Text, { component: "span", size: "xs", c: "dimmed", style: { display: 'block' }, children: action.question })), addons.length > 0 && (_jsx(Stack, { gap: 2, children: addons.map((addon) => (_jsx(Switch, { checked: selectedAddons.includes(addon.id), onChange: (e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked), size: "xs", label: _jsxs("span", { children: [_jsx(Text, { component: "span", size: "xs", fw: 500, style: { display: 'block' }, children: addon.label }), addon.question && (_jsx(Text, { component: "span", size: "xs", c: "dimmed", style: { display: 'block' }, children: addon.question }))] }), styles: {
|
|
44
35
|
root: { cursor: 'pointer' },
|
|
45
36
|
track: { cursor: 'pointer' },
|
|
46
37
|
label: { cursor: 'pointer', paddingLeft: 6 },
|
|
47
38
|
} }, addon.id))) }))] }));
|
|
48
39
|
})(), actions.length > 1 && (_jsx(Radio.Group, { value: (_a = protocolSelection === null || protocolSelection === void 0 ? void 0 : protocolSelection.actionId) !== null && _a !== void 0 ? _a : null, onChange: handleChange, children: _jsx(Stack, { gap: 6, children: actions.map((action) => {
|
|
49
40
|
var _a;
|
|
50
|
-
const duration = formatDuration(action.duration);
|
|
51
41
|
const isSelected = action.id === (protocolSelection === null || protocolSelection === void 0 ? void 0 : protocolSelection.actionId);
|
|
52
42
|
const addons = ((_a = action.addons) !== null && _a !== void 0 ? _a : []).filter((a) => !a.mandatory);
|
|
53
43
|
return (_jsx(Stack, { gap: 0, children: _jsxs(Radio.Card, { value: action.id, radius: "md", p: "xs", withBorder: true, style: {
|
|
@@ -58,7 +48,7 @@ export function HealthcareServiceCard({ name, specialty, badge, appointmentRequi
|
|
|
58
48
|
backgroundColor: isSelected
|
|
59
49
|
? 'var(--mantine-color-white)'
|
|
60
50
|
: 'var(--mantine-color-gray-0)',
|
|
61
|
-
}, children: [_jsxs(Stack, { gap: 2, children: [_jsxs(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [_jsx(Radio.Indicator, { icon: CheckIcon, size: "xs", style: { flexShrink: 0 } }), _jsx(Text, { component: "span", size: "sm", c: "dark", style: { flex: 1, minWidth: 0, display: 'block' }, children: action.label })
|
|
51
|
+
}, children: [_jsxs(Stack, { gap: 2, children: [_jsxs(Group, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [_jsx(Radio.Indicator, { icon: CheckIcon, size: "xs", style: { flexShrink: 0 } }), _jsx(Text, { component: "span", size: "sm", c: "dark", style: { flex: 1, minWidth: 0, display: 'block' }, children: action.label })] }), action.question && (_jsx(Text, { component: "span", size: "xs", c: "dimmed", ml: 28, style: { display: 'block' }, children: action.question }))] }), isSelected && addons.length > 0 && (_jsx(Stack, { gap: 2, mt: 6, ml: 28, children: addons.map((addon) => {
|
|
62
52
|
var _a;
|
|
63
53
|
return (_jsx(Switch, { checked: (_a = protocolSelection.addonIds) === null || _a === void 0 ? void 0 : _a.includes(addon.id), onChange: (e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked), size: "xs", label: _jsxs("span", { children: [_jsx(Text, { component: "span", size: "xs", fw: 500, style: { display: 'block' }, children: addon.label }), addon.question && (_jsx(Text, { component: "span", size: "xs", c: "dimmed", style: { display: 'block' }, children: addon.question }))] }), styles: {
|
|
64
54
|
root: { cursor: 'pointer' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HealthcareServiceCard.js","sourceRoot":"","sources":["../../src/HealthcareServiceCard/HealthcareServiceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AA0D3F,gFAAgF;AAEhF,SAAS,cAAc,CAAE,CAAY;;IACnC,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,MAAK,SAAS,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,MAAK,IAAI,EAAE,CAAC;QAAC,OAAO,SAAS,CAAA;IAAC,CAAC;IACrE,MAAM,IAAI,GAAG,MAAA,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,CAAC,IAAI,mCAAI,EAAE,CAAA;IACnC,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AACtD,CAAC;AAED,SAAS,SAAS,CAAE,KAAyE;IAC3F,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EACjB,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAClB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,KACR,IAAI,YAER,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,CAAA;AACH,CAAC;AAED,0EAA0E;AAC1E,SAAS,UAAU,CAAE,KAAyE;IAC5F,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EACjB,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAClB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,KACR,IAAI,aAER,eAAM,CAAC,EAAC,2CAA2C,GAAG,EACtD,mBAAU,MAAM,EAAC,kBAAkB,GAAG,EACtC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,IACnC,CACP,CAAA;AACH,CAAC;AAED,gFAAgF;AAEhF,MAAM,UAAU,qBAAqB,CAAE,EACrC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,yBAAyB,EACE;;IAC3B,MAAM,YAAY,GAAG,CAAC,KAAa,EAAQ,EAAE;QAC3C,IAAI,KAAK,MAAK,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,EAAE,CAAC;YAC1C,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,CAAC;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,OAAe,EAAE,OAAgB,EAAQ,EAAE;;QACtF,MAAM,OAAO,GAAG,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,mCAAI,EAAE,CAAA;QACjD,MAAM,IAAI,GAAG,OAAO;YAClB,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC;YACvB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAA;QAC1C,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;IAC3D,CAAC,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,UAAU,QAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,YACvC,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,aAEb,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,aACV,mBAAmB,KAAK,KAAK,IAAI,CAChC,KAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI,EAClE,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,kCAG5B,CACT,EACD,MAAC,KAAK,IAAC,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,aACtE,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,IAAI,GAAQ,EACvF,QAAQ,IAAI,CACX,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,CAAC,EAAC,KAAK,gBACI,QAAQ,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GACxB,CACH,IACK,EACP,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CACvB,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,aACvB,SAAS,IAAI,CACZ,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,YACtD,SAAS,GACJ,CACT,EACA,KAAK,IACA,CACT,IACK,EAGP,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;;oBAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;oBACzB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;oBAChD,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;oBAChE,MAAM,cAAc,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,MAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAA,iBAAiB,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;oBACxG,OAAO,CACL,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,aACX,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,aAC9C,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,MAAM,CAAC,KAAK,GAAQ,EACjH,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAQ,CACxF,IACK,EACP,MAAM,CAAC,QAAQ,IAAI,CAClB,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,MAAM,CAAC,QAAQ,GAAQ,CAClG,EACA,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,YACV,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,MAAM,IAEL,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,EAChF,IAAI,EAAC,IAAI,EACT,KAAK,EACH,2BACE,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAClE,KAAK,CAAC,KAAK,GACP,EACN,KAAK,CAAC,QAAQ,IAAI,CACjB,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACpE,KAAK,CAAC,QAAQ,GACV,CACR,IACI,EAET,MAAM,EAAE;wCACN,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;wCAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;wCAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE;qCAC7C,IApBI,KAAK,CAAC,EAAE,CAqBb,CACH,CAAC,GACI,CACT,IACK,CACT,CAAA;gBACH,CAAC,CAAC,EAAE,EACH,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,mCAAI,IAAI,EAAE,QAAQ,EAAE,YAAY,YAC7E,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,YACV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;4BACtB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;4BAChD,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,MAAK,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,CAAA;4BAC5D,MAAM,MAAM,GAAG,CAAC,MAAA,MAAM,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;4BAChE,OAAO,CACL,KAAC,KAAK,IAAiB,GAAG,EAAE,CAAC,YAC3B,MAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,MAAM,EAAC,IAAI,EACX,CAAC,EAAC,IAAI,EACN,UAAU,QACV,KAAK,EAAE;wCACL,MAAM,EAAE,SAAS;wCACjB,WAAW,EAAE,UAAU;4CACrB,CAAC,CAAC,6BAA6B;4CAC/B,CAAC,CAAC,6BAA6B;wCACjC,eAAe,EAAE,UAAU;4CACzB,CAAC,CAAC,4BAA4B;4CAC9B,CAAC,CAAC,6BAA6B;qCAClC,aAED,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,aACX,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,aAC9C,KAAC,KAAK,CAAC,SAAS,IACd,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GACxB,EACF,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,MAAM,CAAC,KAAK,GAAQ,EACjH,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAQ,CACxF,IACK,EACP,MAAM,CAAC,QAAQ,IAAI,CAClB,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAG,MAAM,CAAC,QAAQ,GAAQ,CAC1G,IACK,EAGP,UAAU,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,YACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;gDAAC,OAAA,CACrB,KAAC,MAAM,IAEL,OAAO,EAAE,MAAA,iBAAiB,CAAC,QAAQ,0CAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EACvD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,EAChF,IAAI,EAAC,IAAI,EACT,KAAK,EACH,2BACE,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAClE,KAAK,CAAC,KAAK,GACP,EACN,KAAK,CAAC,QAAQ,IAAI,CACjB,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACpE,KAAK,CAAC,QAAQ,GACV,CACR,IACI,EAET,MAAM,EAAE;wDACN,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;wDAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;wDAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE;qDAC7C,IApBI,KAAK,CAAC,EAAE,CAqBb,CACH,CAAA;6CAAA,CAAC,GACI,CACT,IACU,IA/DH,MAAM,CAAC,EAAE,CAgEb,CACT,CAAA;wBACH,CAAC,CAAC,GACI,GACI,CACf,IACK,GACH,CACR,CAAA;AACH,CAAC","sourcesContent":["import { Badge, Card, CloseButton, Group, Radio, Stack, Switch, Text } from '@mantine/core'\nimport type { Duration } from '@medplum/fhirtypes'\nimport React, { type JSX, type ReactNode } from 'react'\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\n/** A single protocol action entry to display in the card. */\nexport interface HealthcareServiceAction {\n /** Unique identifier for this action. */\n readonly id: string\n /** Display label for the action (e.g. \"Helicoidal\"). */\n readonly label: string\n /** User-facing question / hint for this action. */\n readonly question?: string\n /** FHIR Duration for this action. */\n readonly duration?: Duration\n /**\n * Only meaningful on addon entries. When `true`, the addon is always\n * included with its parent action and is hidden from the card UI — the\n * caller must still resolve and persist it server-side.\n */\n readonly mandatory?: boolean\n /** Optional addons (sub-actions with `any` selection). */\n readonly addons?: readonly HealthcareServiceAction[]\n}\n\nexport interface HealthcareServiceCardProps {\n /** Service display name. */\n readonly name: string\n /** Specialty display name (shown as a badge). */\n readonly specialty?: string\n /** Optional custom badge rendered inline next to the service name. */\n readonly badge?: ReactNode\n /**\n * Whether the study requires an appointment. When explicitly `false`, a\n * \"No requiere turno\" (walk-in) badge is shown. `undefined`/`true` renders\n * nothing. Mirrors `HealthcareService.appointmentRequired`.\n */\n readonly appointmentRequired?: boolean\n /** Whether to render a close button in the top-right corner. Defaults to false. */\n readonly closable?: boolean\n /** Callback invoked when the close button is clicked. Only relevant when `closable` is true. */\n readonly onClose?: () => void\n /** Protocol action variants the user can choose from. */\n readonly actions: readonly HealthcareServiceAction[]\n /** Current controlled selection for the chosen action and enabled addons. */\n readonly protocolSelection?: HealthcareServiceProtocolSelection\n /** Called whenever the controlled protocol selection changes. */\n readonly onProtocolSelectionChange?: (protocolSelection: HealthcareServiceProtocolSelection) => void\n}\n\nexport interface HealthcareServiceProtocolSelection {\n /** The `action.id` of the chosen top-level action. */\n readonly actionId: string\n /** The `action.id`s of toggled-on addon sub-actions within the selected action. */\n readonly addonIds?: readonly string[]\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction formatDuration (d?: Duration): string | undefined {\n if (d?.value === undefined || d?.value === null) { return undefined }\n const unit = d.unit ?? d.code ?? ''\n return unit ? `${d.value} ${unit}` : String(d.value)\n}\n\nfunction CheckIcon (props: React.ComponentPropsWithoutRef<'svg'> & { size?: string | number }): JSX.Element {\n const { size, style, ...rest } = props\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size ?? 14}\n height={size ?? 14}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={3}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n style={style}\n {...rest}\n >\n <polyline points=\"20 6 9 17 4 12\" />\n </svg>\n )\n}\n\n// \"Walk-in / enter\" glyph shown next to the no-appointment-required note.\nfunction WalkInIcon (props: React.ComponentPropsWithoutRef<'svg'> & { size?: string | number }): JSX.Element {\n const { size, style, ...rest } = props\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size ?? 14}\n height={size ?? 14}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n style={style}\n {...rest}\n >\n <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n <polyline points=\"10 17 15 12 10 7\" />\n <line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\" />\n </svg>\n )\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport function HealthcareServiceCard ({\n name,\n specialty,\n badge,\n appointmentRequired,\n closable = false,\n onClose,\n actions,\n protocolSelection,\n onProtocolSelectionChange\n}: HealthcareServiceCardProps): JSX.Element {\n const handleChange = (value: string): void => {\n if (value !== protocolSelection?.actionId) {\n onProtocolSelectionChange?.({ actionId: value, addonIds: [] })\n }\n }\n\n const handleAddonToggle = (actionId: string, addonId: string, checked: boolean): void => {\n const current = protocolSelection?.addonIds ?? []\n const next = checked\n ? [...current, addonId]\n : current.filter((id) => id !== addonId)\n onProtocolSelectionChange?.({ actionId, addonIds: next })\n }\n\n return (\n <Card withBorder radius=\"md\" padding=\"lg\">\n <Stack gap=\"sm\">\n {/* Header: name + optional close; specialty + optional badge below */}\n <Stack gap={4}>\n {appointmentRequired === false && (\n <Badge\n variant=\"light\"\n color=\"teal\"\n radius=\"sm\"\n size=\"sm\"\n leftSection={<WalkInIcon size={12} style={{ display: 'block' }} />}\n style={{ alignSelf: 'flex-start' }}\n >\n No requiere turno\n </Badge>\n )}\n <Group justify=\"space-between\" wrap=\"nowrap\" align=\"flex-start\" gap=\"xs\">\n <Text fw={700} size=\"lg\" style={{ flex: 1, minWidth: 0, lineHeight: 1.2 }}>{name}</Text>\n {closable && (\n <CloseButton\n onClick={onClose}\n size=\"sm\"\n c=\"red\"\n aria-label=\"Quitar\"\n style={{ flexShrink: 0 }}\n />\n )}\n </Group>\n {(specialty || badge) && (\n <Group gap={6} wrap=\"wrap\">\n {specialty && (\n <Badge variant=\"light\" color=\"blue\" radius=\"sm\" size=\"sm\">\n {specialty}\n </Badge>\n )}\n {badge}\n </Group>\n )}\n </Stack>\n\n {/* Action variants */}\n {actions.length === 1 && (() => {\n const action = actions[0]\n const duration = formatDuration(action.duration)\n const addons = (action.addons ?? []).filter((a) => !a.mandatory)\n const selectedAddons = protocolSelection?.actionId === action.id ? protocolSelection.addonIds ?? [] : []\n return (\n <Stack gap={4}>\n <Group gap=\"sm\" wrap=\"nowrap\" align=\"flex-start\">\n <Text component=\"span\" size=\"sm\" c=\"dark\" style={{ flex: 1, minWidth: 0, display: 'block' }}>{action.label}</Text>\n {duration && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ flexShrink: 0 }}>{duration}</Text>\n )}\n </Group>\n {action.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>{action.question}</Text>\n )}\n {addons.length > 0 && (\n <Stack gap={2}>\n {addons.map((addon) => (\n <Switch\n key={addon.id}\n checked={selectedAddons.includes(addon.id)}\n onChange={(e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked)}\n size=\"xs\"\n label={\n <span>\n <Text component=\"span\" size=\"xs\" fw={500} style={{ display: 'block' }}>\n {addon.label}\n </Text>\n {addon.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>\n {addon.question}\n </Text>\n )}\n </span>\n }\n styles={{\n root: { cursor: 'pointer' },\n track: { cursor: 'pointer' },\n label: { cursor: 'pointer', paddingLeft: 6 },\n }}\n />\n ))}\n </Stack>\n )}\n </Stack>\n )\n })()}\n {actions.length > 1 && (\n <Radio.Group value={protocolSelection?.actionId ?? null} onChange={handleChange}>\n <Stack gap={6}>\n {actions.map((action) => {\n const duration = formatDuration(action.duration)\n const isSelected = action.id === protocolSelection?.actionId\n const addons = (action.addons ?? []).filter((a) => !a.mandatory)\n return (\n <Stack key={action.id} gap={0}>\n <Radio.Card\n value={action.id}\n radius=\"md\"\n p=\"xs\"\n withBorder\n style={{\n cursor: 'pointer',\n borderColor: isSelected\n ? 'var(--mantine-color-blue-4)'\n : 'var(--mantine-color-gray-2)',\n backgroundColor: isSelected\n ? 'var(--mantine-color-white)'\n : 'var(--mantine-color-gray-0)',\n }}\n >\n <Stack gap={2}>\n <Group gap=\"sm\" wrap=\"nowrap\" align=\"flex-start\">\n <Radio.Indicator\n icon={CheckIcon}\n size=\"xs\"\n style={{ flexShrink: 0 }}\n />\n <Text component=\"span\" size=\"sm\" c=\"dark\" style={{ flex: 1, minWidth: 0, display: 'block' }}>{action.label}</Text>\n {duration && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ flexShrink: 0 }}>{duration}</Text>\n )}\n </Group>\n {action.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" ml={28} style={{ display: 'block' }}>{action.question}</Text>\n )}\n </Stack>\n\n {/* Addons (toggles) — inside the selected card */}\n {isSelected && addons.length > 0 && (\n <Stack gap={2} mt={6} ml={28}>\n {addons.map((addon) => (\n <Switch\n key={addon.id}\n checked={protocolSelection.addonIds?.includes(addon.id)}\n onChange={(e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked)}\n size=\"xs\"\n label={\n <span>\n <Text component=\"span\" size=\"xs\" fw={500} style={{ display: 'block' }}>\n {addon.label}\n </Text>\n {addon.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>\n {addon.question}\n </Text>\n )}\n </span>\n }\n styles={{\n root: { cursor: 'pointer' },\n track: { cursor: 'pointer' },\n label: { cursor: 'pointer', paddingLeft: 6 },\n }}\n />\n ))}\n </Stack>\n )}\n </Radio.Card>\n </Stack>\n )\n })}\n </Stack>\n </Radio.Group>\n )}\n </Stack>\n </Card>\n )\n}\n"]}
|
|
1
|
+
{"version":3,"file":"HealthcareServiceCard.js","sourceRoot":"","sources":["../../src/HealthcareServiceCard/HealthcareServiceCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Badge, Card, CloseButton, Group, Radio, Stack, Switch, Text } from '@mantine/core'\nimport type { Duration } from '@medplum/fhirtypes'\nimport React, { type JSX, type ReactNode } from 'react'\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\n/** A single protocol action entry to display in the card. */\nexport interface HealthcareServiceAction {\n /** Unique identifier for this action. */\n readonly id: string\n /** Display label for the action (e.g. \"Helicoidal\"). */\n readonly label: string\n /** User-facing question / hint for this action. */\n readonly question?: string\n /**\n * FHIR Duration for this action. Currently NOT rendered: durations sourced\n * from PlanDefinition don't reflect real study times. Kept in the contract\n * so callers keep passing it and rendering can be re-enabled later.\n */\n readonly duration?: Duration\n /**\n * Only meaningful on addon entries. When `true`, the addon is always\n * included with its parent action and is hidden from the card UI — the\n * caller must still resolve and persist it server-side.\n */\n readonly mandatory?: boolean\n /** Optional addons (sub-actions with `any` selection). */\n readonly addons?: readonly HealthcareServiceAction[]\n}\n\nexport interface HealthcareServiceCardProps {\n /** Service display name. */\n readonly name: string\n /** Specialty display name (shown as a badge). */\n readonly specialty?: string\n /** Optional custom badge rendered inline next to the service name. */\n readonly badge?: ReactNode\n /**\n * Whether the study requires an appointment. When explicitly `false`, a\n * \"No requiere turno\" (walk-in) badge is shown. `undefined`/`true` renders\n * nothing. Mirrors `HealthcareService.appointmentRequired`.\n */\n readonly appointmentRequired?: boolean\n /** Whether to render a close button in the top-right corner. Defaults to false. */\n readonly closable?: boolean\n /** Callback invoked when the close button is clicked. Only relevant when `closable` is true. */\n readonly onClose?: () => void\n /** Protocol action variants the user can choose from. */\n readonly actions: readonly HealthcareServiceAction[]\n /** Current controlled selection for the chosen action and enabled addons. */\n readonly protocolSelection?: HealthcareServiceProtocolSelection\n /** Called whenever the controlled protocol selection changes. */\n readonly onProtocolSelectionChange?: (protocolSelection: HealthcareServiceProtocolSelection) => void\n}\n\nexport interface HealthcareServiceProtocolSelection {\n /** The `action.id` of the chosen top-level action. */\n readonly actionId: string\n /** The `action.id`s of toggled-on addon sub-actions within the selected action. */\n readonly addonIds?: readonly string[]\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction CheckIcon (props: React.ComponentPropsWithoutRef<'svg'> & { size?: string | number }): JSX.Element {\n const { size, style, ...rest } = props\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size ?? 14}\n height={size ?? 14}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={3}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n style={style}\n {...rest}\n >\n <polyline points=\"20 6 9 17 4 12\" />\n </svg>\n )\n}\n\n// \"Walk-in / enter\" glyph shown next to the no-appointment-required note.\nfunction WalkInIcon (props: React.ComponentPropsWithoutRef<'svg'> & { size?: string | number }): JSX.Element {\n const { size, style, ...rest } = props\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size ?? 14}\n height={size ?? 14}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n style={style}\n {...rest}\n >\n <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n <polyline points=\"10 17 15 12 10 7\" />\n <line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\" />\n </svg>\n )\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport function HealthcareServiceCard ({\n name,\n specialty,\n badge,\n appointmentRequired,\n closable = false,\n onClose,\n actions,\n protocolSelection,\n onProtocolSelectionChange\n}: HealthcareServiceCardProps): JSX.Element {\n const handleChange = (value: string): void => {\n if (value !== protocolSelection?.actionId) {\n onProtocolSelectionChange?.({ actionId: value, addonIds: [] })\n }\n }\n\n const handleAddonToggle = (actionId: string, addonId: string, checked: boolean): void => {\n const current = protocolSelection?.addonIds ?? []\n const next = checked\n ? [...current, addonId]\n : current.filter((id) => id !== addonId)\n onProtocolSelectionChange?.({ actionId, addonIds: next })\n }\n\n return (\n <Card withBorder radius=\"md\" padding=\"lg\">\n <Stack gap=\"sm\">\n {/* Header: name + optional close; specialty + optional badge below */}\n <Stack gap={4}>\n {appointmentRequired === false && (\n <Badge\n variant=\"light\"\n color=\"teal\"\n radius=\"sm\"\n size=\"sm\"\n leftSection={<WalkInIcon size={12} style={{ display: 'block' }} />}\n style={{ alignSelf: 'flex-start' }}\n >\n No requiere turno\n </Badge>\n )}\n <Group justify=\"space-between\" wrap=\"nowrap\" align=\"flex-start\" gap=\"xs\">\n <Text fw={700} size=\"lg\" style={{ flex: 1, minWidth: 0, lineHeight: 1.2 }}>{name}</Text>\n {closable && (\n <CloseButton\n onClick={onClose}\n size=\"sm\"\n c=\"red\"\n aria-label=\"Quitar\"\n style={{ flexShrink: 0 }}\n />\n )}\n </Group>\n {(specialty || badge) && (\n <Group gap={6} wrap=\"wrap\">\n {specialty && (\n <Badge variant=\"light\" color=\"blue\" radius=\"sm\" size=\"sm\">\n {specialty}\n </Badge>\n )}\n {badge}\n </Group>\n )}\n </Stack>\n\n {/* Action variants */}\n {actions.length === 1 && (() => {\n const action = actions[0]\n const addons = (action.addons ?? []).filter((a) => !a.mandatory)\n const selectedAddons = protocolSelection?.actionId === action.id ? protocolSelection.addonIds ?? [] : []\n return (\n <Stack gap={4}>\n <Group gap=\"sm\" wrap=\"nowrap\" align=\"flex-start\">\n <Text component=\"span\" size=\"sm\" c=\"dark\" style={{ flex: 1, minWidth: 0, display: 'block' }}>{action.label}</Text>\n </Group>\n {action.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>{action.question}</Text>\n )}\n {addons.length > 0 && (\n <Stack gap={2}>\n {addons.map((addon) => (\n <Switch\n key={addon.id}\n checked={selectedAddons.includes(addon.id)}\n onChange={(e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked)}\n size=\"xs\"\n label={\n <span>\n <Text component=\"span\" size=\"xs\" fw={500} style={{ display: 'block' }}>\n {addon.label}\n </Text>\n {addon.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>\n {addon.question}\n </Text>\n )}\n </span>\n }\n styles={{\n root: { cursor: 'pointer' },\n track: { cursor: 'pointer' },\n label: { cursor: 'pointer', paddingLeft: 6 },\n }}\n />\n ))}\n </Stack>\n )}\n </Stack>\n )\n })()}\n {actions.length > 1 && (\n <Radio.Group value={protocolSelection?.actionId ?? null} onChange={handleChange}>\n <Stack gap={6}>\n {actions.map((action) => {\n const isSelected = action.id === protocolSelection?.actionId\n const addons = (action.addons ?? []).filter((a) => !a.mandatory)\n return (\n <Stack key={action.id} gap={0}>\n <Radio.Card\n value={action.id}\n radius=\"md\"\n p=\"xs\"\n withBorder\n style={{\n cursor: 'pointer',\n borderColor: isSelected\n ? 'var(--mantine-color-blue-4)'\n : 'var(--mantine-color-gray-2)',\n backgroundColor: isSelected\n ? 'var(--mantine-color-white)'\n : 'var(--mantine-color-gray-0)',\n }}\n >\n <Stack gap={2}>\n <Group gap=\"sm\" wrap=\"nowrap\" align=\"flex-start\">\n <Radio.Indicator\n icon={CheckIcon}\n size=\"xs\"\n style={{ flexShrink: 0 }}\n />\n <Text component=\"span\" size=\"sm\" c=\"dark\" style={{ flex: 1, minWidth: 0, display: 'block' }}>{action.label}</Text>\n </Group>\n {action.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" ml={28} style={{ display: 'block' }}>{action.question}</Text>\n )}\n </Stack>\n\n {/* Addons (toggles) — inside the selected card */}\n {isSelected && addons.length > 0 && (\n <Stack gap={2} mt={6} ml={28}>\n {addons.map((addon) => (\n <Switch\n key={addon.id}\n checked={protocolSelection.addonIds?.includes(addon.id)}\n onChange={(e) => handleAddonToggle(action.id, addon.id, e.currentTarget.checked)}\n size=\"xs\"\n label={\n <span>\n <Text component=\"span\" size=\"xs\" fw={500} style={{ display: 'block' }}>\n {addon.label}\n </Text>\n {addon.question && (\n <Text component=\"span\" size=\"xs\" c=\"dimmed\" style={{ display: 'block' }}>\n {addon.question}\n </Text>\n )}\n </span>\n }\n styles={{\n root: { cursor: 'pointer' },\n track: { cursor: 'pointer' },\n label: { cursor: 'pointer', paddingLeft: 6 },\n }}\n />\n ))}\n </Stack>\n )}\n </Radio.Card>\n </Stack>\n )\n })}\n </Stack>\n </Radio.Group>\n )}\n </Stack>\n </Card>\n )\n}\n"]}
|