@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/analytics/index.es.js

@@ -5,15 +5,15 @@ import { SurveyQuestionType as S } from "posthog-js";
 import A from "@mui/material/Alert";
 import B from "@mui/material/Button";
 import a from "@mui/material/Stack";
-import { useTheme as _ } from "@mui/material/styles";
+import _ from "@mui/material/styles/useTheme";
 import { Text as u, TextField as L } from "@mxenabled/mxui";
-import { L as W } from "../Loader-Ckqi9Rx6.mjs";
-import { M as j } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { k as f, u as g, g as q, b as E } from "../hooks-C41HAxM5.mjs";
+import { L as W } from "../Loader-DUaFpDGv.mjs";
+import { M as j } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { k as f, u as b, g as q, b as E } from "../hooks-C41HAxM5.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";
 const O = () => {
-  const { question: s, response: o, setResponse: i } = f(), { analytics: r } = g(), t = _(), p = s, m = (h, n) => {
+  const { question: s, response: o, setResponse: i } = f(), { analytics: r } = b(), t = _(), p = s, m = (h, n) => {
     i(n);
   };
   return /* @__PURE__ */ l(d.Fragment, { children: [
@@ -33,14 +33,14 @@ const O = () => {
           Q,
           {
             sx: {
-              borderColor: t.palette.neutral.light,
+              borderColor: t.palette.border.light,
               fontWeight: "bold",
               width: `${100 / p.scale}%`,
               "&:hover": {
                 backgroundColor: t.palette.background.paper
               },
               "&.Mui-selected, &.Mui-selected:hover": {
-                backgroundColor: t.palette.mode === "dark" ? "#0749B240" : t.palette.primary.light,
+                backgroundColor: t.palette.mode === "dark" ? "#0749B240" : t.palette.primary.lighter,
                 border: `1px solid ${t.palette.primary.main}`,
                 color: t.palette.primary.main
               }
@@ -61,14 +61,14 @@ const O = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ e(u, { bold: !0, variant: "caption", children: r.strongly_disagree }),
-          /* @__PURE__ */ e(u, { bold: !0, variant: "caption", children: r.strongly_agree })
+          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_disagree }),
+          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_agree })
         ]
       }
     )
   ] });
-}, z = y(O), H = () => {
-  const { response: s, setResponse: o } = f(), { analytics: i } = g();
+}, X = y(O), z = () => {
+  const { response: s, setResponse: o } = f(), { analytics: i } = b();
   return /* @__PURE__ */ e(
     L,
     {
@@ -82,7 +82,7 @@ const O = () => {
       value: s
     }
   );
-}, I = y(H), D = () => {
+}, H = y(z), I = () => {
   const { onEvent: s } = q(), o = _(), {
     surveyId: i,
     question: r,
@@ -92,9 +92,9 @@ const O = () => {
     questionCount: h,
     response: n,
     responsePayload: k,
-    resetStore: b,
+    resetStore: g,
     survey: w
-  } = f(), { analytics: c, common: M } = g(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
+  } = f(), { analytics: c, common: M } = b(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
   d.useEffect(() => {
     v && m();
   }, [v]), d.useEffect(() => {
@@ -102,20 +102,20 @@ const O = () => {
       $survey_id: i
     });
   }, [w]);
-  const F = () => {
+  const $ = () => {
     s("survey dismissed", {
       $survey_id: i
-    }), b(), C(!1);
-  }, R = () => {
+    }), g(), C(!1);
+  }, F = () => {
     p();
-  }, $ = () => {
-    s("survey sent", k), b(), C(!0);
+  }, R = () => {
+    s("survey sent", k), g(), C(!0);
   };
   return T ? !r && !x ? null : /* @__PURE__ */ l(
     j,
     {
       closeLabel: M.close_aria,
-      onClose: F,
+      onClose: $,
       sx: {
         "& .MuiCardHeader-root": {
           px: 24,
@@ -134,22 +134,22 @@ const O = () => {
         r && /* @__PURE__ */ l(d.Fragment, { children: [
           /* @__PURE__ */ l(a, { sx: { gap: 4, px: 24, py: 16 }, children: [
             /* @__PURE__ */ e(u, { bold: !0, truncate: !1, children: r.question }),
-            /* @__PURE__ */ e(u, { variant: "caption", children: h })
+            /* @__PURE__ */ e(u, { variant: "XSmall", children: h })
           ] }),
           /* @__PURE__ */ l(a, { sx: { gap: 6, px: 24, pb: 8 }, children: [
-            r.type === S.Rating && /* @__PURE__ */ e(z, {}),
-            r.type === S.Open && /* @__PURE__ */ e(I, {})
+            r.type === S.Rating && /* @__PURE__ */ e(X, {}),
+            r.type === S.Open && /* @__PURE__ */ e(H, {})
           ] }),
           /* @__PURE__ */ e(a, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
             B,
             {
               disabled: !t && !n,
-              onClick: t ? $ : R,
+              onClick: t ? R : F,
               sx: {
-                borderColor: o.palette.neutral.light,
+                borderColor: o.palette.border.light,
                 "&:hover": {
                   // temp hardcoded dark mode color until design team decision
-                  backgroundColor: o.palette.mode === "dark" ? "#0749B240" : o.palette.primary.light,
+                  backgroundColor: o.palette.mode === "dark" ? "#0749B240" : o.palette.primary.lighter,
                   borderColor: o.palette.primary.main
                 }
               },
@@ -165,7 +165,7 @@ const O = () => {
       ]
     }
   ) : /* @__PURE__ */ e(W, {});
-}, ie = y(D);
+}, ie = y(I);
 export {
   ie as SurveyMiniWidget
 };