swoop-common 2.2.207 → 2.2.209

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.
@@ -3,16 +3,7 @@ import { Box, Button, Chip, Divider, ListItem, ListItemButton, ListItemText, Typ
3
3
  import { getComponentDataByTemplateName, TEMPLATE_NAMES } from "../../lib/config/templateStructure";
4
4
  import { getComponentsByIds } from "../util/api";
5
5
  import { COMPONENT_SYSTEMS } from "../consts/system";
6
- const TEMPLATE_CHIP_STYLES = {
7
- [TEMPLATE_NAMES.PACKAGE]: { backgroundColor: "#E3F2FD", color: "#1565C0" }, // blue
8
- [TEMPLATE_NAMES.PACKAGES]: { backgroundColor: "#E3F2FD", color: "#1565C0" }, // blue
9
- [TEMPLATE_NAMES.TRANSFER]: { backgroundColor: "#F3E5F5", color: "#7B1FA2" }, // purple
10
- [TEMPLATE_NAMES.ACTIVITY]: { backgroundColor: "#E8F5E9", color: "#2E7D32" }, // green
11
- [TEMPLATE_NAMES.CRUISE_ACTIVITY]: { backgroundColor: "#DCEDC8", color: "#558B2F" }, // different shade of green
12
- [TEMPLATE_NAMES.GROUND_ACCOMMODATION]: { backgroundColor: "#FFF9C4", color: "#F9A825" }, // yellow
13
- [TEMPLATE_NAMES.SHIP_ACCOMMODATION]: { backgroundColor: "#FCE4EC", color: "#C2185B" }, // red/pink
14
- };
15
- const getTemplateChipStyle = (templateName) => { var _a; return (_a = TEMPLATE_CHIP_STYLES[templateName]) !== null && _a !== void 0 ? _a : { backgroundColor: "grey.200", color: "text.secondary" }; };
6
+ import { getTemplateChipStyle } from "../consts/templateChipStyles";
16
7
  /*
17
8
  Content per item type from ticket:
18
9
  Package: Trip ID (hide on IB), Start city, Private, Guided
@@ -0,0 +1,8 @@
1
+ export declare const TEMPLATE_CHIP_STYLES: Partial<Record<string, {
2
+ backgroundColor: string;
3
+ color: string;
4
+ }>>;
5
+ export declare const getTemplateChipStyle: (templateName: string) => {
6
+ backgroundColor: string;
7
+ color: string;
8
+ };
@@ -0,0 +1,24 @@
1
+ import { TEMPLATE_NAMES } from "../../lib/config/templateStructure";
2
+ export const TEMPLATE_CHIP_STYLES = {
3
+ [TEMPLATE_NAMES.PACKAGE]: { backgroundColor: "#DCEEFB", color: "#1565C0" }, // blue
4
+ [TEMPLATE_NAMES.PACKAGES]: { backgroundColor: "#DCEEFB", color: "#1565C0" }, // blue
5
+ [TEMPLATE_NAMES.TRANSFER]: { backgroundColor: "#ECE5FF", color: "#6D4AFF" }, // purple
6
+ [TEMPLATE_NAMES.ACTIVITY]: { backgroundColor: "#E8F0D9", color: "#5B7F3D" }, // green
7
+ [TEMPLATE_NAMES.CRUISE_ACTIVITY]: { backgroundColor: "#D7F5EA", color: "#1F9074" }, // different shade of green
8
+ [TEMPLATE_NAMES.GROUND_ACCOMMODATION]: { backgroundColor: "#F7E8C8", color: "#9C6B1F" }, // tan
9
+ [TEMPLATE_NAMES.SHIP_ACCOMMODATION]: { backgroundColor: "#FBDCE9", color: "#B23A6B" }, // pink
10
+ [TEMPLATE_NAMES.FLIGHT]: { backgroundColor: "#D6F0FA", color: "#0E7A9C" }, // sky blue
11
+ [TEMPLATE_NAMES.JOURNEYS]: { backgroundColor: "#E3E0FB", color: "#4B3FA8" }, // indigo
12
+ [TEMPLATE_NAMES.CRUISE]: { backgroundColor: "#D3F1F0", color: "#16847A" }, // ocean teal
13
+ [TEMPLATE_NAMES.INDEPENDENT_ARRANGEMENTS]: { backgroundColor: "#FBEBD2", color: "#B36B00" }, // amber
14
+ [TEMPLATE_NAMES.ACCOMMODATION]: { backgroundColor: "#F2E4D8", color: "#8A5A34" }, // warm beige
15
+ [TEMPLATE_NAMES.EXCURSIONS]: { backgroundColor: "#EFF5D0", color: "#6B7F1F" }, // olive
16
+ [TEMPLATE_NAMES.GUIDED_MULTIDAY_ACTIVITY]: { backgroundColor: "#D9F5E3", color: "#1F8F5F" }, // mint
17
+ [TEMPLATE_NAMES.ALL_INCLUSIVE_HOTEL]: { backgroundColor: "#FBF0C7", color: "#A67C00" }, // gold
18
+ [TEMPLATE_NAMES.LOCATION]: { backgroundColor: "#E1E6ED", color: "#47586B" }, // slate
19
+ [TEMPLATE_NAMES.PRIVATE_TOUR]: { backgroundColor: "#FBE0DC", color: "#C1462E" }, // coral
20
+ [TEMPLATE_NAMES.FEE]: { backgroundColor: "#ECECEC", color: "#5F5F5F" }, // neutral grey
21
+ [TEMPLATE_NAMES.ROOM]: { backgroundColor: "#FCE9DA", color: "#B5651D" }, // peach
22
+ [TEMPLATE_NAMES.GROUP_TOUR]: { backgroundColor: "#F0E6FB", color: "#7A3FA0" }, // violet
23
+ };
24
+ export const getTemplateChipStyle = (templateName) => { var _a; return (_a = TEMPLATE_CHIP_STYLES[templateName]) !== null && _a !== void 0 ? _a : { backgroundColor: "grey.200", color: "text.secondary" }; };
@@ -11,3 +11,4 @@ export { FORM_BUILDER_JSON_SCHEMA } from "./schema/formBuilders/formBuilderJsonS
11
11
  export { FORM_BUILDER_UI_SCHEMA } from "./schema/formBuilders/formBuilderUiSchema";
12
12
  export * from "./contexts/ComponentPickerContext";
13
13
  export * from "./consts/system";
14
+ export * from "./consts/templateChipStyles";
@@ -11,3 +11,4 @@ export { FORM_BUILDER_JSON_SCHEMA } from "./schema/formBuilders/formBuilderJsonS
11
11
  export { FORM_BUILDER_UI_SCHEMA } from "./schema/formBuilders/formBuilderUiSchema";
12
12
  export * from "./contexts/ComponentPickerContext";
13
13
  export * from "./consts/system";
14
+ export * from "./consts/templateChipStyles";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "swoop-common",
3
- "version": "2.2.207",
3
+ "version": "2.2.209",
4
4
  "main": "dist/api/index.js",
5
5
  "types": "dist/api/index.d.ts",
6
6
  "exports": {