@edifice.io/react 2.6.7-develop-pedago.20261005162423 → 2.6.7-develop-b2school.20261006084528

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 (28) hide show
  1. package/dist/components/Layout/Layout.js +17 -5
  2. package/dist/homepage.js +5 -2
  3. package/dist/hooks/useZendeskGuide/useZendeskGuide.d.ts +3 -1
  4. package/dist/hooks/useZendeskGuide/useZendeskGuide.js +10 -3
  5. package/dist/icons.js +404 -402
  6. package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js +3 -3
  7. package/dist/modules/homepage/components/Communities/Communities.d.ts +1 -2
  8. package/dist/modules/homepage/components/Communities/Communities.js +13 -14
  9. package/dist/modules/homepage/components/Communities/CommunitiesContainer.d.ts +1 -1
  10. package/dist/modules/homepage/components/Communities/CommunitiesContainer.js +5 -9
  11. package/dist/modules/homepage/components/Communities/CommunitiesSkeleton.js +7 -4
  12. package/dist/modules/homepage/components/Communities/useCommunities.d.ts +1 -4
  13. package/dist/modules/homepage/components/Communities/useCommunities.js +3 -8
  14. package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js +2 -2
  15. package/dist/modules/homepage/components/UserSpace/UserSpace.d.ts +3 -1
  16. package/dist/modules/homepage/components/UserSpace/UserSpace.js +13 -7
  17. package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts +4 -2
  18. package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js +3 -2
  19. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.d.ts +16 -0
  20. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js +15 -0
  21. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.d.ts +21 -0
  22. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js +47 -0
  23. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/index.d.ts +2 -0
  24. package/dist/modules/homepage/components/index.d.ts +2 -1
  25. package/dist/modules/icons/components/IconAddWidget.d.ts +7 -0
  26. package/dist/modules/icons/components/IconAddWidget.js +12 -0
  27. package/dist/modules/icons/components/index.d.ts +1 -0
  28. package/package.json +6 -6
@@ -14,16 +14,22 @@ import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
14
14
  import useCantoo from "../../hooks/useCantoo/useCantoo.js";
15
15
  import Alert from "../Alert/Alert.js";
16
16
  import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
17
- const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
17
+ import HelpZone from "../../modules/HelpZone/HelpZone.js";
18
+ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js"));
19
+ function getHeaderColor() {
20
+ return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
21
+ }
22
+ const Layout = ({
18
23
  children,
19
24
  headless = !1,
20
25
  whiteBg = !0,
21
26
  className,
22
27
  ...restProps
23
28
  }) => {
29
+ var _a;
24
30
  const {
25
31
  theme
26
- } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
32
+ } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", isEdificeInProductHelp = ((_a = useUiOverride("layout.helpzone")) == null ? void 0 : _a.variant) === "edifice-in-product", {
27
33
  productOverride,
28
34
  background,
29
35
  isBackgroundImageOverridden,
@@ -36,8 +42,13 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
36
42
  showCookiesConsent,
37
43
  handleConsultCookies,
38
44
  handleCloseCookiesConsent
39
- } = useCookiesConsent();
40
- useZendeskGuide(), useCantoo();
45
+ } = useCookiesConsent(), {
46
+ isReady: isHelpZoneReady,
47
+ isOpen: isHelpZoneOpen,
48
+ open: openHelpZone,
49
+ close: closeHelpZone
50
+ } = useZendeskGuide(isEdificeInProductHelp ? getHeaderColor() : void 0);
51
+ useCantoo();
41
52
  const classes = clsx("d-flex flex-column", {
42
53
  "bg-white": whiteBg,
43
54
  "container-fluid": !headless,
@@ -51,7 +62,8 @@ const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/compo
51
62
  renderNotificationsOverlay,
52
63
  /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
53
64
  renderToaster,
54
- renderCookies
65
+ renderCookies,
66
+ isEdificeInProductHelp && /* @__PURE__ */ jsx(HelpZone, { isReady: isHelpZoneReady, isOpen: isHelpZoneOpen, onOpen: openHelpZone, onClose: closeHelpZone })
55
67
  ] });
56
68
  };
57
69
  export {
package/dist/homepage.js CHANGED
@@ -11,7 +11,6 @@ import { default as default11 } from "./modules/homepage/components/Notification
11
11
  import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
12
12
  import { default as default12 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
13
13
  import { default as default13 } from "./modules/homepage/components/UserSpace/UserSpace.js";
14
- import { COMMUNITIES_PREVIEW_SIZE, useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
15
14
  import { CommunitiesContainer } from "./modules/homepage/components/Communities/CommunitiesContainer.js";
16
15
  import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
17
16
  import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
@@ -25,8 +24,10 @@ import { UsefulLinks } from "./modules/homepage/components/UsefulLinks/UsefulLin
25
24
  import { UsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/UsefulLinksContainer.js";
26
25
  import { UsefulLinksModal } from "./modules/homepage/components/UsefulLinks/UsefulLinksModal.js";
27
26
  import { UserSpaceContainer } from "./modules/homepage/components/UserSpace/UserSpaceContainer.js";
27
+ import { WidgetToggle } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js";
28
+ import { WidgetsPersonalizationPanel } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js";
29
+ import { useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
28
30
  export {
29
- COMMUNITIES_PREVIEW_SIZE,
30
31
  default2 as Communities,
31
32
  CommunitiesContainer,
32
33
  default3 as CommunitiesItem,
@@ -53,6 +54,8 @@ export {
53
54
  UsefulLinksModal,
54
55
  default13 as UserSpace,
55
56
  UserSpaceContainer,
57
+ WidgetToggle,
58
+ WidgetsPersonalizationPanel,
56
59
  useCommunities,
57
60
  useUsefulLinksContainer
58
61
  };
@@ -9,6 +9,8 @@ export interface UseZendeskGuideAPI {
9
9
  /**
10
10
  * Add Zendesk Guide
11
11
  *
12
- * @param headerColor Overrides the widget panel's theme color.
12
+ * @param headerColor Overrides the widget panel's theme color. Can change
13
+ * across renders (e.g. once resolved from async platform config) — the
14
+ * widget is updated in place, no need to keep it stable.
13
15
  */
14
16
  export default function useZendeskGuide(headerColor?: string): UseZendeskGuideAPI;
@@ -83,8 +83,7 @@ function useZendeskGuide(headerColor) {
83
83
  }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
84
84
  webWidget: {
85
85
  color: {
86
- theme: zendeskGuideConfig.color || "#ffc400",
87
- header: headerColor
86
+ theme: headerColor || zendeskGuideConfig.color || "#ffc400"
88
87
  },
89
88
  zIndex: 3,
90
89
  launcher: {
@@ -117,7 +116,15 @@ function useZendeskGuide(headerColor) {
117
116
  };
118
117
  }
119
118
  })();
120
- }, [hasSupportWorkflow]), {
119
+ }, [hasSupportWorkflow]), useEffect(() => {
120
+ !isReady || headerColor === void 0 || window.zE("webWidget", "updateSettings", {
121
+ webWidget: {
122
+ color: {
123
+ theme: headerColor
124
+ }
125
+ }
126
+ });
127
+ }, [headerColor, isReady]), {
121
128
  isReady,
122
129
  isOpen,
123
130
  open,