@knocklabs/react 0.12.0 → 0.13.0

package/dist/esm/modules/guide/components/Toolbar/V2/GuideContextDetails.mjs

@@ -1,48 +1,190 @@
-import e from "react";
-import { useGuideContext as d, useStore as s } from "@knocklabs/react-core";
-import { Box as o, Stack as t } from "@telegraph/layout";
-import { Toggle as c } from "@telegraph/toggle";
-import { Tooltip as l } from "@telegraph/tooltip";
-import { Text as a } from "@telegraph/typography";
-import { sharedTooltipProps as m } from "./helpers.mjs";
-const w = () => {
-  const {
-    client: r
-  } = d(), {
-    debugSettings: i
-  } = s(r.store, (n) => ({
-    debugSettings: n.debug || {}
-  }));
-  return /* @__PURE__ */ e.createElement(o, { py: "3", px: "3" }, /* @__PURE__ */ e.createElement(t, { direction: "column", gap: "1", width: "full" }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", display: "block" }, "Toolbar settings"), /* @__PURE__ */ e.createElement(t, { direction: "column", gap: "1" }, /* @__PURE__ */ e.createElement(t, { direction: "row", gap: "2", align: "center", h: "7" }, /* @__PURE__ */ e.createElement(l, { label: "When enabled, engagement actions are not sent to Knock.", ...m }, /* @__PURE__ */ e.createElement(o, { width: "36", mt: "1" }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", color: "gray", borderBottom: "px", borderStyle: "dashed" }, "Sandbox engagement"))), /* @__PURE__ */ e.createElement(c.Default, { size: "1", pt: "1_5", value: !!i.skipEngagementTracking, onValueChange: (n) => {
-    r.setDebug({
-      ...i,
-      skipEngagementTracking: n
-    });
-  } })), /* @__PURE__ */ e.createElement(t, { direction: "row", gap: "2", align: "center", h: "7" }, /* @__PURE__ */ e.createElement(l, { label: "Ignore throttle and show next guide immediately", ...m }, /* @__PURE__ */ e.createElement(o, { width: "36", mt: "1" }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", color: "gray", borderBottom: "px", borderStyle: "dashed" }, "Ignore throttle"))), /* @__PURE__ */ e.createElement(c.Default, { size: "1", pt: "1_5", value: !!i.ignoreDisplayInterval, onValueChange: (n) => {
-    r.setDebug({
-      ...i,
-      ignoreDisplayInterval: n
-    });
-  } })))), /* @__PURE__ */ e.createElement(t, { direction: "column", gap: "1", width: "full" }, /* @__PURE__ */ e.createElement(l, { label: /* @__PURE__ */ e.createElement(a, { as: "span", size: "1" }, "The tenant and data payload passed to KnockGuideProvider. Available for use in runtime conditions."), ...m }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", borderBottom: "px", borderStyle: "dashed", mt: "4", style: {
-    whiteSpace: "nowrap",
-    width: "fit-content"
-  } }, "Target params")), /* @__PURE__ */ e.createElement(t, { direction: "column", gap: "2" }, /* @__PURE__ */ e.createElement(t, { direction: "row", gap: "2", align: "center" }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", color: "gray", width: "36", mt: "1" }, "Tenant"), /* @__PURE__ */ e.createElement(o, { rounded: "2", overflow: "auto", backgroundColor: "surface-2", border: "px", p: "1", style: {
-    flex: 1,
-    minWidth: 0
-  } }, /* @__PURE__ */ e.createElement("pre", { style: {
-    fontSize: "11px",
-    margin: 0
-  } }, /* @__PURE__ */ e.createElement("code", null, r.targetParams.tenant || "-")))), /* @__PURE__ */ e.createElement(t, { direction: "row", gap: "2", align: "flex-start" }, /* @__PURE__ */ e.createElement(a, { as: "span", size: "1", weight: "medium", color: "gray", width: "36", mt: "1" }, "Data"), /* @__PURE__ */ e.createElement(o, { rounded: "2", overflow: "auto", backgroundColor: "surface-2", border: "px", p: "1", style: {
-    flex: 1,
-    minWidth: 0,
-    minHeight: "50px",
-    maxHeight: "200px"
-  } }, /* @__PURE__ */ e.createElement("pre", { style: {
-    fontSize: "11px",
-    margin: 0
-  } }, /* @__PURE__ */ e.createElement("code", null, r.targetParams.data ? JSON.stringify(r.targetParams.data, null, 2) : "-")))))));
+import { sharedTooltipProps as e } from "./helpers.mjs";
+import { useGuideContext as t, useStore as n } from "@knocklabs/react-core";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, Stack as o } from "@telegraph/layout";
+import { Tooltip as s } from "@telegraph/tooltip";
+import { Text as c } from "@telegraph/typography";
+import { Toggle as l } from "@telegraph/toggle";
+//#region src/modules/guide/components/Toolbar/V2/GuideContextDetails.tsx
+var u = () => {
+	let { client: u } = t(), { debugSettings: d } = n(u.store, (e) => ({ debugSettings: e.debug || {} }));
+	return /* @__PURE__ */ i(a, {
+		py: "3",
+		px: "3",
+		children: [/* @__PURE__ */ i(o, {
+			direction: "column",
+			gap: "1",
+			width: "full",
+			children: [/* @__PURE__ */ r(c, {
+				as: "span",
+				size: "1",
+				weight: "medium",
+				display: "block",
+				children: "Toolbar settings"
+			}), /* @__PURE__ */ i(o, {
+				direction: "column",
+				gap: "1",
+				children: [/* @__PURE__ */ i(o, {
+					direction: "row",
+					gap: "2",
+					align: "center",
+					h: "7",
+					children: [/* @__PURE__ */ r(s, {
+						label: "When enabled, engagement actions are not sent to Knock.",
+						...e,
+						children: /* @__PURE__ */ r(a, {
+							width: "36",
+							mt: "1",
+							children: /* @__PURE__ */ r(c, {
+								as: "span",
+								size: "1",
+								weight: "medium",
+								color: "gray",
+								borderBottom: "px",
+								borderStyle: "dashed",
+								children: "Sandbox engagement"
+							})
+						})
+					}), /* @__PURE__ */ r(l.Default, {
+						size: "1",
+						pt: "1_5",
+						value: !!d.skipEngagementTracking,
+						onValueChange: (e) => {
+							u.setDebug({
+								...d,
+								skipEngagementTracking: e
+							});
+						}
+					})]
+				}), /* @__PURE__ */ i(o, {
+					direction: "row",
+					gap: "2",
+					align: "center",
+					h: "7",
+					children: [/* @__PURE__ */ r(s, {
+						label: "Ignore throttle and show next guide immediately",
+						...e,
+						children: /* @__PURE__ */ r(a, {
+							width: "36",
+							mt: "1",
+							children: /* @__PURE__ */ r(c, {
+								as: "span",
+								size: "1",
+								weight: "medium",
+								color: "gray",
+								borderBottom: "px",
+								borderStyle: "dashed",
+								children: "Ignore throttle"
+							})
+						})
+					}), /* @__PURE__ */ r(l.Default, {
+						size: "1",
+						pt: "1_5",
+						value: !!d.ignoreDisplayInterval,
+						onValueChange: (e) => {
+							u.setDebug({
+								...d,
+								ignoreDisplayInterval: e
+							});
+						}
+					})]
+				})]
+			})]
+		}), /* @__PURE__ */ i(o, {
+			direction: "column",
+			gap: "1",
+			width: "full",
+			children: [/* @__PURE__ */ r(s, {
+				label: /* @__PURE__ */ r(c, {
+					as: "span",
+					size: "1",
+					children: "The tenant and data payload passed to KnockGuideProvider. Available for use in runtime conditions."
+				}),
+				...e,
+				children: /* @__PURE__ */ r(c, {
+					as: "span",
+					size: "1",
+					weight: "medium",
+					borderBottom: "px",
+					borderStyle: "dashed",
+					mt: "4",
+					style: {
+						whiteSpace: "nowrap",
+						width: "fit-content"
+					},
+					children: "Target params"
+				})
+			}), /* @__PURE__ */ i(o, {
+				direction: "column",
+				gap: "2",
+				children: [/* @__PURE__ */ i(o, {
+					direction: "row",
+					gap: "2",
+					align: "center",
+					children: [/* @__PURE__ */ r(c, {
+						as: "span",
+						size: "1",
+						weight: "medium",
+						color: "gray",
+						width: "36",
+						mt: "1",
+						children: "Tenant"
+					}), /* @__PURE__ */ r(a, {
+						rounded: "2",
+						overflow: "auto",
+						backgroundColor: "surface-2",
+						border: "px",
+						p: "1",
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: /* @__PURE__ */ r("pre", {
+							style: {
+								fontSize: "11px",
+								margin: 0
+							},
+							children: /* @__PURE__ */ r("code", { children: u.targetParams.tenant || "-" })
+						})
+					})]
+				}), /* @__PURE__ */ i(o, {
+					direction: "row",
+					gap: "2",
+					align: "flex-start",
+					children: [/* @__PURE__ */ r(c, {
+						as: "span",
+						size: "1",
+						weight: "medium",
+						color: "gray",
+						width: "36",
+						mt: "1",
+						children: "Data"
+					}), /* @__PURE__ */ r(a, {
+						rounded: "2",
+						overflow: "auto",
+						backgroundColor: "surface-2",
+						border: "px",
+						p: "1",
+						style: {
+							flex: 1,
+							minWidth: 0,
+							minHeight: "50px",
+							maxHeight: "200px"
+						},
+						children: /* @__PURE__ */ r("pre", {
+							style: {
+								fontSize: "11px",
+								margin: 0
+							},
+							children: /* @__PURE__ */ r("code", { children: u.targetParams.data ? JSON.stringify(u.targetParams.data, null, 2) : "-" })
+						})
+					})]
+				})]
+			})]
+		})]
+	});
 };
-export {
-  w as GuideContextDetails
-};
-//# sourceMappingURL=GuideContextDetails.mjs.map
+//#endregion
+export { u as GuideContextDetails };
+
+//# sourceMappingURL=GuideContextDetails.mjs.map

package/dist/esm/modules/guide/components/Toolbar/V2/GuideContextDetails.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GuideContextDetails.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideContextDetails.tsx"],"sourcesContent":["import { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { Toggle } from \"@telegraph/toggle\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text } from \"@telegraph/typography\";\n\nimport { sharedTooltipProps } from \"./helpers\";\n\nexport const GuideContextDetails = () => {\n  const { client } = useGuideContext();\n  const { debugSettings } = useStore(client.store, (state) => ({\n    debugSettings: state.debug || {},\n  }));\n\n  return (\n    <Box py=\"3\" px=\"3\">\n      <Stack direction=\"column\" gap=\"1\" width=\"full\">\n        <Text as=\"span\" size=\"1\" weight=\"medium\" display=\"block\">\n          Toolbar settings\n        </Text>\n        <Stack direction=\"column\" gap=\"1\">\n          <Stack direction=\"row\" gap=\"2\" align=\"center\" h=\"7\">\n            <Tooltip\n              label=\"When enabled, engagement actions are not sent to Knock.\"\n              {...sharedTooltipProps}\n            >\n              <Box width=\"36\" mt=\"1\">\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color=\"gray\"\n                  borderBottom=\"px\"\n                  borderStyle=\"dashed\"\n                >\n                  Sandbox engagement\n                </Text>\n              </Box>\n            </Tooltip>\n            <Toggle.Default\n              size=\"1\"\n              pt=\"1_5\"\n              value={!!debugSettings.skipEngagementTracking}\n              onValueChange={(value: boolean) => {\n                client.setDebug({\n                  ...debugSettings,\n                  skipEngagementTracking: value,\n                });\n              }}\n            />\n          </Stack>\n          <Stack direction=\"row\" gap=\"2\" align=\"center\" h=\"7\">\n            <Tooltip\n              label=\"Ignore throttle and show next guide immediately\"\n              {...sharedTooltipProps}\n            >\n              <Box width=\"36\" mt=\"1\">\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color=\"gray\"\n                  borderBottom=\"px\"\n                  borderStyle=\"dashed\"\n                >\n                  Ignore throttle\n                </Text>\n              </Box>\n            </Tooltip>\n            <Toggle.Default\n              size=\"1\"\n              pt=\"1_5\"\n              value={!!debugSettings.ignoreDisplayInterval}\n              onValueChange={(value: boolean) => {\n                client.setDebug({\n                  ...debugSettings,\n                  ignoreDisplayInterval: value,\n                });\n              }}\n            />\n          </Stack>\n        </Stack>\n      </Stack>\n      <Stack direction=\"column\" gap=\"1\" width=\"full\">\n        <Tooltip\n          label={\n            <Text as=\"span\" size=\"1\">\n              The tenant and data payload passed to KnockGuideProvider.\n              Available for use in runtime conditions.\n            </Text>\n          }\n          {...sharedTooltipProps}\n        >\n          <Text\n            as=\"span\"\n            size=\"1\"\n            weight=\"medium\"\n            borderBottom=\"px\"\n            borderStyle=\"dashed\"\n            mt=\"4\"\n            style={{\n              whiteSpace: \"nowrap\",\n              width: \"fit-content\",\n            }}\n          >\n            Target params\n          </Text>\n        </Tooltip>\n        <Stack direction=\"column\" gap=\"2\">\n          <Stack direction=\"row\" gap=\"2\" align=\"center\">\n            <Text\n              as=\"span\"\n              size=\"1\"\n              weight=\"medium\"\n              color=\"gray\"\n              width=\"36\"\n              mt=\"1\"\n            >\n              Tenant\n            </Text>\n            <Box\n              rounded=\"2\"\n              overflow=\"auto\"\n              backgroundColor=\"surface-2\"\n              border=\"px\"\n              p=\"1\"\n              style={{ flex: 1, minWidth: 0 }}\n            >\n              <pre style={{ fontSize: \"11px\", margin: 0 }}>\n                <code>{client.targetParams.tenant || \"-\"}</code>\n              </pre>\n            </Box>\n          </Stack>\n          <Stack direction=\"row\" gap=\"2\" align=\"flex-start\">\n            <Text\n              as=\"span\"\n              size=\"1\"\n              weight=\"medium\"\n              color=\"gray\"\n              width=\"36\"\n              mt=\"1\"\n            >\n              Data\n            </Text>\n            <Box\n              rounded=\"2\"\n              overflow=\"auto\"\n              backgroundColor=\"surface-2\"\n              border=\"px\"\n              p=\"1\"\n              style={{\n                flex: 1,\n                minWidth: 0,\n                minHeight: \"50px\",\n                maxHeight: \"200px\",\n              }}\n            >\n              <pre style={{ fontSize: \"11px\", margin: 0 }}>\n                <code>\n                  {client.targetParams.data\n                    ? JSON.stringify(client.targetParams.data, null, 2)\n                    : \"-\"}\n                </code>\n              </pre>\n            </Box>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Box>\n  );\n};\n"],"names":["GuideContextDetails","client","useGuideContext","debugSettings","useStore","store","state","debug","Box","Stack","Text","React","Tooltip","sharedTooltipProps","Toggle","skipEngagementTracking","value","setDebug","ignoreDisplayInterval","whiteSpace","width","flex","minWidth","fontSize","margin","targetParams","tenant","minHeight","maxHeight","data","JSON","stringify"],"mappings":"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"}
+{"version":3,"file":"GuideContextDetails.mjs","names":[],"sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideContextDetails.tsx"],"sourcesContent":["import { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { Toggle } from \"@telegraph/toggle\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text } from \"@telegraph/typography\";\n\nimport { sharedTooltipProps } from \"./helpers\";\n\nexport const GuideContextDetails = () => {\n  const { client } = useGuideContext();\n  const { debugSettings } = useStore(client.store, (state) => ({\n    debugSettings: state.debug || {},\n  }));\n\n  return (\n    <Box py=\"3\" px=\"3\">\n      <Stack direction=\"column\" gap=\"1\" width=\"full\">\n        <Text as=\"span\" size=\"1\" weight=\"medium\" display=\"block\">\n          Toolbar settings\n        </Text>\n        <Stack direction=\"column\" gap=\"1\">\n          <Stack direction=\"row\" gap=\"2\" align=\"center\" h=\"7\">\n            <Tooltip\n              label=\"When enabled, engagement actions are not sent to Knock.\"\n              {...sharedTooltipProps}\n            >\n              <Box width=\"36\" mt=\"1\">\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color=\"gray\"\n                  borderBottom=\"px\"\n                  borderStyle=\"dashed\"\n                >\n                  Sandbox engagement\n                </Text>\n              </Box>\n            </Tooltip>\n            <Toggle.Default\n              size=\"1\"\n              pt=\"1_5\"\n              value={!!debugSettings.skipEngagementTracking}\n              onValueChange={(value: boolean) => {\n                client.setDebug({\n                  ...debugSettings,\n                  skipEngagementTracking: value,\n                });\n              }}\n            />\n          </Stack>\n          <Stack direction=\"row\" gap=\"2\" align=\"center\" h=\"7\">\n            <Tooltip\n              label=\"Ignore throttle and show next guide immediately\"\n              {...sharedTooltipProps}\n            >\n              <Box width=\"36\" mt=\"1\">\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color=\"gray\"\n                  borderBottom=\"px\"\n                  borderStyle=\"dashed\"\n                >\n                  Ignore throttle\n                </Text>\n              </Box>\n            </Tooltip>\n            <Toggle.Default\n              size=\"1\"\n              pt=\"1_5\"\n              value={!!debugSettings.ignoreDisplayInterval}\n              onValueChange={(value: boolean) => {\n                client.setDebug({\n                  ...debugSettings,\n                  ignoreDisplayInterval: value,\n                });\n              }}\n            />\n          </Stack>\n        </Stack>\n      </Stack>\n      <Stack direction=\"column\" gap=\"1\" width=\"full\">\n        <Tooltip\n          label={\n            <Text as=\"span\" size=\"1\">\n              The tenant and data payload passed to KnockGuideProvider.\n              Available for use in runtime conditions.\n            </Text>\n          }\n          {...sharedTooltipProps}\n        >\n          <Text\n            as=\"span\"\n            size=\"1\"\n            weight=\"medium\"\n            borderBottom=\"px\"\n            borderStyle=\"dashed\"\n            mt=\"4\"\n            style={{\n              whiteSpace: \"nowrap\",\n              width: \"fit-content\",\n            }}\n          >\n            Target params\n          </Text>\n        </Tooltip>\n        <Stack direction=\"column\" gap=\"2\">\n          <Stack direction=\"row\" gap=\"2\" align=\"center\">\n            <Text\n              as=\"span\"\n              size=\"1\"\n              weight=\"medium\"\n              color=\"gray\"\n              width=\"36\"\n              mt=\"1\"\n            >\n              Tenant\n            </Text>\n            <Box\n              rounded=\"2\"\n              overflow=\"auto\"\n              backgroundColor=\"surface-2\"\n              border=\"px\"\n              p=\"1\"\n              style={{ flex: 1, minWidth: 0 }}\n            >\n              <pre style={{ fontSize: \"11px\", margin: 0 }}>\n                <code>{client.targetParams.tenant || \"-\"}</code>\n              </pre>\n            </Box>\n          </Stack>\n          <Stack direction=\"row\" gap=\"2\" align=\"flex-start\">\n            <Text\n              as=\"span\"\n              size=\"1\"\n              weight=\"medium\"\n              color=\"gray\"\n              width=\"36\"\n              mt=\"1\"\n            >\n              Data\n            </Text>\n            <Box\n              rounded=\"2\"\n              overflow=\"auto\"\n              backgroundColor=\"surface-2\"\n              border=\"px\"\n              p=\"1\"\n              style={{\n                flex: 1,\n                minWidth: 0,\n                minHeight: \"50px\",\n                maxHeight: \"200px\",\n              }}\n            >\n              <pre style={{ fontSize: \"11px\", margin: 0 }}>\n                <code>\n                  {client.targetParams.data\n                    ? JSON.stringify(client.targetParams.data, null, 2)\n                    : \"-\"}\n                </code>\n              </pre>\n            </Box>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Box>\n  );\n};\n"],"mappings":"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"}