@knocklabs/react 0.11.6 → 0.11.8

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

@@ -1 +1 @@
-{"version":3,"file":"V2.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/V2.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2 } from \"lucide-react\";\nimport React from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\n\nimport { DRAG_HANDLE_OVERHANG, DragHandle } from \"./DragHandle\";\nimport { GuideContextDetails } from \"./GuideContextDetails\";\nimport { GuideRow } from \"./GuideRow\";\nimport {\n  DisplayOption,\n  GuidesListDisplaySelect,\n} from \"./GuidesListDisplaySelect\";\nimport { clearRunConfigLS, getRunConfig } from \"./helpers\";\nimport { useDraggable } from \"./useDraggable\";\nimport {\n  InspectionResult,\n  useInspectGuideClientStore,\n} from \"./useInspectGuideClientStore\";\n\nconst GuidesList = ({\n  guides,\n  displayOption,\n}: {\n  guides: InspectionResult[\"guides\"];\n  displayOption: DisplayOption;\n}) => {\n  return guides.map((guide, idx) => {\n    const { isEligible, isQualified, selectable } = guide.annotation;\n    const isDisplayable = isEligible && isQualified;\n    const isDisplaying = isDisplayable && selectable.status === \"returned\";\n\n    if (displayOption === \"only-displaying\" && !isDisplaying) {\n      return null;\n    }\n    if (displayOption === \"only-displayable\" && !isDisplayable) {\n      return null;\n    }\n    if (displayOption === \"all-eligible\" && !isEligible) {\n      return null;\n    }\n\n    return <GuideRow key={guide.key} guide={guide} orderIndex={idx} />;\n  });\n};\n\nexport const V2 = () => {\n  const { client } = useGuideContext();\n\n  const [guidesListDisplayOption, setGuidesListDisplayOption] =\n    React.useState<DisplayOption>(\"all-guides\");\n\n  const [runConfig, setRunConfig] = React.useState(() => getRunConfig());\n  const [isCollapsed, setIsCollapsed] = React.useState(false);\n\n  React.useEffect(() => {\n    const { isVisible = false, focusedGuideKeys = {} } = runConfig || {};\n    const isDebugging = client.store.state.debug?.debugging;\n    if (isVisible && !isDebugging) {\n      client.setDebug({ focusedGuideKeys });\n    }\n\n    return () => {\n      client.unsetDebug();\n    };\n  }, [runConfig, client]);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const { position, isDragging, handlePointerDown } = useDraggable({\n    elementRef: containerRef,\n    reclampDeps: [isCollapsed],\n    rightPadding: DRAG_HANDLE_OVERHANG,\n    initialPosition: { top: 16, right: 16 },\n  });\n\n  const result = useInspectGuideClientStore(runConfig);\n  if (!result || !runConfig?.isVisible) {\n    return null;\n  }\n\n  return (\n    <Box\n      tgphRef={containerRef}\n      position=\"fixed\"\n      style={{\n        top: position.top + \"px\",\n        right: position.right + \"px\",\n        zIndex: TOOLBAR_Z_INDEX,\n      }}\n    >\n      <DragHandle onPointerDown={handlePointerDown} isDragging={isDragging} />\n      {isCollapsed ? (\n        <KnockButton onClick={() => setIsCollapsed(false)} positioned={false} />\n      ) : (\n        <Stack\n          direction=\"column\"\n          backgroundColor=\"surface-2\"\n          shadow=\"2\"\n          rounded=\"3\"\n          border=\"px\"\n          overflow=\"hidden\"\n          style={{ width: \"400px\" }}\n        >\n          <Stack\n            w=\"full\"\n            p=\"2\"\n            justify=\"space-between\"\n            direction=\"row\"\n            style={{ boxSizing: \"border-box\" }}\n          >\n            <Box style={{ width: \"220px\" }}>\n              <GuidesListDisplaySelect\n                value={guidesListDisplayOption}\n                onChange={(opt) => setGuidesListDisplayOption(opt)}\n              />\n            </Box>\n\n            <Stack gap=\"2\">\n              <Button\n                onClick={() => {\n                  setRunConfig((curr) => ({ ...curr, isVisible: false }));\n                  clearRunConfigLS();\n                  client.unsetDebug();\n                }}\n                size=\"1\"\n                variant=\"soft\"\n                trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n              >\n                Exit\n              </Button>\n              <Button\n                onClick={() => setIsCollapsed(true)}\n                size=\"1\"\n                variant=\"soft\"\n                leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n              />\n            </Stack>\n          </Stack>\n\n          <Box w=\"full\">\n            <GuideContextDetails />\n            {result.error && (\n              <Box px=\"2\" pb=\"1\">\n                <Text as=\"span\" size=\"0\" weight=\"medium\" color=\"red\">\n                  {result.error}\n                </Text>\n              </Box>\n            )}\n            <GuidesList\n              guides={result.guides}\n              displayOption={guidesListDisplayOption}\n            />\n          </Box>\n        </Stack>\n      )}\n    </Box>\n  );\n};\n"],"names":["GuidesList","guides","displayOption","map","guide","idx","isEligible","isQualified","selectable","annotation","isDisplayable","isDisplaying","status","GuideRow","key","V2","client","useGuideContext","guidesListDisplayOption","setGuidesListDisplayOption","React","useState","runConfig","setRunConfig","getRunConfig","isCollapsed","setIsCollapsed","useEffect","isVisible","focusedGuideKeys","isDebugging","store","state","debug","debugging","setDebug","unsetDebug","containerRef","useRef","position","isDragging","handlePointerDown","useDraggable","elementRef","reclampDeps","rightPadding","DRAG_HANDLE_OVERHANG","initialPosition","top","right","result","useInspectGuideClientStore","Box","zIndex","TOOLBAR_Z_INDEX","DragHandle","KnockButton","Stack","width","boxSizing","GuidesListDisplaySelect","opt","Button","curr","clearRunConfigLS","icon","Undo2","Minimize2","alt","GuideContextDetails","error","Text"],"mappings":";;;;;;;;;;;;;;;;AAyBA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,QAAAA;AAAAA,EACAC,eAAAA;AAIF,MACSD,EAAOE,IAAI,CAACC,GAAOC,MAAQ;AAC1B,QAAA;AAAA,IAAEC,YAAAA;AAAAA,IAAYC,aAAAA;AAAAA,IAAaC,YAAAA;AAAAA,MAAeJ,EAAMK,YAChDC,IAAgBJ,KAAcC,GAC9BI,IAAeD,KAAiBF,EAAWI,WAAW;AAQxDV,SANAA,MAAkB,qBAAqB,CAACS,KAGxCT,MAAkB,sBAAsB,CAACQ,KAGzCR,MAAkB,kBAAkB,CAACI,IAChC,uCAGDO,GAAS,EAAA,KAAKT,EAAMU,KAAK,OAAAV,GAAc,YAAYC,GAAO;AAAA,CACnE,GAGUU,IAAKA,MAAM;AAChB,QAAA;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB,GAE7B,CAACC,GAAyBC,CAA0B,IACxDC,EAAMC,SAAwB,YAAY,GAEtC,CAACC,GAAWC,CAAY,IAAIH,EAAMC,SAAS,MAAMG,GAAc,GAC/D,CAACC,GAAaC,CAAc,IAAIN,EAAMC,SAAS,EAAK;AAE1DD,EAAAA,EAAMO,UAAU,MAAM;;AACd,UAAA;AAAA,MAAEC,WAAAA,IAAY;AAAA,MAAOC,kBAAAA,IAAmB,CAAA;AAAA,IAAG,IAAIP,KAAa,CAAC,GAC7DQ,KAAcd,IAAAA,EAAOe,MAAMC,MAAMC,UAAnBjB,gBAAAA,EAA0BkB;AAC1CN,WAAAA,KAAa,CAACE,KAChBd,EAAOmB,SAAS;AAAA,MAAEN,kBAAAA;AAAAA,IAAAA,CAAkB,GAG/B,MAAM;AACXb,MAAAA,EAAOoB,WAAW;AAAA,IACpB;AAAA,EAAA,GACC,CAACd,GAAWN,CAAM,CAAC;AAEhBqB,QAAAA,IAAejB,EAAMkB,OAAuB,IAAI,GAChD;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,IAAYC,mBAAAA;AAAAA,MAAsBC,EAAa;AAAA,IAC/DC,YAAYN;AAAAA,IACZO,aAAa,CAACnB,CAAW;AAAA,IACzBoB,cAAcC;AAAAA,IACdC,iBAAiB;AAAA,MAAEC,KAAK;AAAA,MAAIC,OAAO;AAAA,IAAA;AAAA,EAAG,CACvC,GAEKC,IAASC,EAA2B7B,CAAS;AACnD,SAAI,CAAC4B,KAAU,EAAC5B,KAAAA,QAAAA,EAAWM,aAClB,uCAINwB,GACC,EAAA,SAASf,GACT,UAAS,SACT,OAAO;AAAA,IACLW,KAAKT,EAASS,MAAM;AAAA,IACpBC,OAAOV,EAASU,QAAQ;AAAA,IACxBI,QAAQC;AAAAA,EAAAA,EAGV,GAAAlC,gBAAAA,EAAA,cAACmC,GAAW,EAAA,eAAed,GAAmB,YAAAD,GAAuB,GACpEf,IACCL,gBAAAA,EAAA,cAACoC,GAAY,EAAA,SAAS,MAAM9B,EAAe,EAAK,GAAG,YAAY,GAAM,CAAA,IAEpEN,gBAAAA,EAAA,cAAAqC,GAAA,EACC,WAAU,UACV,iBAAgB,aAChB,QAAO,KACP,SAAQ,KACR,QAAO,MACP,UAAS,UACT,OAAO;AAAA,IAAEC,OAAO;AAAA,EAAQ,EAAA,GAEvBtC,gBAAAA,EAAA,cAAAqC,GAAA,EACC,GAAE,QACF,GAAE,KACF,SAAQ,iBACR,WAAU,OACV,OAAO;AAAA,IAAEE,WAAW;AAAA,EAAa,EAAA,GAEhCvC,gBAAAA,EAAA,cAAAgC,GAAA,EAAI,OAAO;AAAA,IAAEM,OAAO;AAAA,OAClBtC,gBAAAA,EAAA,cAAAwC,GAAA,EACC,OAAO1C,GACP,UAAW2C,OAAQ1C,EAA2B0C,CAAG,GAAE,CAEvD,mCAECJ,GAAM,EAAA,KAAI,OACRrC,gBAAAA,EAAA,cAAA0C,GAAA,EACC,SAAS,MAAM;AACbvC,IAAAA,EAAcwC,CAAUA,OAAA;AAAA,MAAE,GAAGA;AAAAA,MAAMnC,WAAW;AAAA,IAAA,EAAQ,GACrCoC,EAAA,GACjBhD,EAAOoB,WAAW;AAAA,EAEpB,GAAA,MAAK,KACL,SAAQ,QACR,cAAc;AAAA,IAAE6B,MAAMC;AAAAA,IAAO,eAAe;AAAA,EAAA,EAAO,GAAA,MAGrD,GACA9C,gBAAAA,EAAA,cAAC0C,KACC,SAAS,MAAMpC,EAAe,EAAI,GAClC,MAAK,KACL,SAAQ,QACR,aAAa;AAAA,IAAEuC,MAAME;AAAAA,IAAWC,KAAK;AAAA,KAA2B,CAEpE,CACF,GAEChD,gBAAAA,EAAA,cAAAgC,GAAA,EAAI,GAAE,OACL,GAAAhC,gBAAAA,EAAA,cAACiD,OAAmB,GACnBnB,EAAOoB,SACLlD,gBAAAA,EAAA,cAAAgC,GAAA,EAAI,IAAG,KAAI,IAAG,OACZhC,gBAAAA,EAAA,cAAAmD,GAAA,EAAK,IAAG,QAAO,MAAK,KAAI,QAAO,UAAS,OAAM,MAAA,GAC5CrB,EAAOoB,KACV,CACF,GAEDlD,gBAAAA,EAAA,cAAApB,GAAA,EACC,QAAQkD,EAAOjD,QACf,eAAeiB,EAAwB,CAAA,CAE3C,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"V2.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/V2.tsx"],"sourcesContent":["import { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { SegmentedControl } from \"@telegraph/segmented-control\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text } from \"@telegraph/typography\";\nimport {\n  Box as BoxIcon,\n  ChevronDown,\n  ChevronRight,\n  Gauge,\n  GripVertical,\n  LogOut,\n  Minimize2,\n  SlidersHorizontal,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\n\nimport { GuideContextDetails } from \"./GuideContextDetails\";\nimport { GuideRow } from \"./GuideRow\";\nimport { clearRunConfigLS, getRunConfig } from \"./helpers\";\nimport { useDraggable } from \"./useDraggable\";\nimport {\n  InspectionResultOk,\n  useInspectGuideClientStore,\n} from \"./useInspectGuideClientStore\";\n\nconst TOOLBAR_WIDTH = \"540px\";\n\ntype DisplayOption = \"all-guides\" | \"only-eligible\" | \"only-displayable\";\n\nconst GuidesList = ({\n  guides,\n  displayOption,\n}: {\n  guides: InspectionResultOk[\"guides\"];\n  displayOption: DisplayOption;\n}) => {\n  const [expandedGuideRowKey, setExpandedGuideRowKey] = React.useState<\n    string | undefined\n  >();\n\n  React.useEffect(() => {\n    setExpandedGuideRowKey(undefined);\n  }, [displayOption]);\n\n  return guides.map((guide, idx) => {\n    const { isEligible, isQualified } = guide.annotation;\n    const isDisplayable = isEligible && isQualified;\n\n    if (displayOption === \"only-displayable\" && !isDisplayable) {\n      return null;\n    }\n    if (displayOption === \"only-eligible\" && !isEligible) {\n      return null;\n    }\n    return (\n      <GuideRow\n        key={guide.key}\n        guide={guide}\n        orderIndex={idx}\n        isExpanded={guide.key === expandedGuideRowKey}\n        onClick={() => {\n          setExpandedGuideRowKey((k) =>\n            k && k === guide.key ? undefined : guide.key,\n          );\n        }}\n      />\n    );\n  });\n};\n\nexport const V2 = () => {\n  const { client } = useGuideContext();\n\n  const [displayOption, setDisplayOption] =\n    React.useState<DisplayOption>(\"only-eligible\");\n  const [runConfig, setRunConfig] = React.useState(() => getRunConfig());\n  const [isCollapsed, setIsCollapsed] = React.useState(false);\n  const [isContextPanelOpen, setIsContextPanelOpen] = React.useState(false);\n\n  const { debugSettings } = useStore(client.store, (state) => ({\n    debugSettings: state.debug || {},\n  }));\n\n  React.useEffect(() => {\n    const { isVisible = false, focusedGuideKeys = {} } = runConfig || {};\n    const isDebugging = client.store.state.debug?.debugging;\n    if (isVisible && !isDebugging) {\n      client.setDebug({ focusedGuideKeys });\n\n      // If focused, switch to all guides so you can see in the list.\n      if (Object.keys(focusedGuideKeys).length > 0) {\n        setDisplayOption(\"all-guides\");\n      }\n    }\n\n    return () => {\n      client.unsetDebug();\n    };\n  }, [runConfig, client, setDisplayOption]);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const { position, isDragging, handlePointerDown, hasDraggedRef } =\n    useDraggable({\n      elementRef: containerRef,\n      reclampDeps: [isCollapsed],\n      initialPosition: { top: 16, right: 16 },\n    });\n\n  const result = useInspectGuideClientStore(runConfig);\n  if (!result || !runConfig?.isVisible) {\n    return null;\n  }\n\n  return (\n    <Box\n      tgphRef={containerRef}\n      position=\"fixed\"\n      style={{\n        top: position.top + \"px\",\n        right: position.right + \"px\",\n        zIndex: TOOLBAR_Z_INDEX,\n      }}\n    >\n      {isCollapsed ? (\n        <Stack\n          border=\"px\"\n          rounded=\"4\"\n          align=\"center\"\n          justify=\"center\"\n          w=\"10\"\n          h=\"10\"\n          onPointerDown={handlePointerDown}\n          backgroundColor=\"surface-1\"\n          style={{\n            cursor: isDragging ? \"grabbing\" : \"grab\",\n            touchAction: \"none\",\n            userSelect: \"none\",\n          }}\n        >\n          <Box\n            style={{\n              transform: \"scale(0.7)\",\n              transformOrigin: \"center center\",\n            }}\n          >\n            <KnockButton\n              onClick={() => {\n                if (!hasDraggedRef.current) {\n                  setIsCollapsed(false);\n                }\n              }}\n              positioned={false}\n            />\n          </Box>\n        </Stack>\n      ) : (\n        <Stack\n          direction=\"column\"\n          backgroundColor=\"surface-1\"\n          rounded=\"4\"\n          border=\"px\"\n          overflow=\"hidden\"\n          style={{\n            width: TOOLBAR_WIDTH,\n            boxShadow: \"0 8px 32px var(--tgph-gray-5)\",\n          }}\n        >\n          {/* Header — also acts as drag handle area */}\n          <Stack\n            w=\"full\"\n            p=\"2\"\n            justify=\"space-between\"\n            direction=\"row\"\n            align=\"center\"\n            gap=\"2\"\n            borderBottom=\"px\"\n            onPointerDown={handlePointerDown}\n            style={{\n              boxSizing: \"border-box\",\n              cursor: isDragging ? \"grabbing\" : \"grab\",\n              touchAction: \"none\",\n              userSelect: \"none\",\n            }}\n          >\n            {/* Left: drag icon + segmented control + settings */}\n            <Stack align=\"center\" gap=\"1_5\" style={{ minWidth: 0, flex: 1 }}>\n              <Stack\n                display=\"inline-flex\"\n                align=\"center\"\n                style={{\n                  cursor: isDragging ? \"grabbing\" : \"grab\",\n                  touchAction: \"none\",\n                  userSelect: \"none\",\n                }}\n                onPointerDown={(e: React.PointerEvent) => {\n                  // Already handled by parent, prevent double-fire\n                  e.stopPropagation();\n                  handlePointerDown(e);\n                }}\n              >\n                <Icon color=\"gray\" size=\"1\" icon={GripVertical} aria-hidden />\n              </Stack>\n              <Stack\n                align=\"center\"\n                gap=\"1_5\"\n                onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n              >\n                <SegmentedControl.Root\n                  size=\"1\"\n                  type=\"single\"\n                  value={displayOption}\n                  onValueChange={(val: DisplayOption) => {\n                    if (!val) return;\n                    setDisplayOption(val);\n                  }}\n                >\n                  <SegmentedControl.Option value=\"all-guides\">\n                    All guides\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option value=\"only-eligible\">\n                    Eligible\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option value=\"only-displayable\">\n                    On this page\n                  </SegmentedControl.Option>\n                </SegmentedControl.Root>\n\n                <Tooltip label=\"Sandbox: Contain engagement actions to client side only\">\n                  <Button\n                    size=\"1\"\n                    variant={\n                      debugSettings.skipEngagementTracking ? \"outline\" : \"ghost\"\n                    }\n                    color={\n                      debugSettings.skipEngagementTracking ? \"blue\" : \"gray\"\n                    }\n                    icon={{ icon: BoxIcon, alt: \"Sandbox mode\" }}\n                    onClick={() => {\n                      client.setDebug({\n                        ...debugSettings,\n                        skipEngagementTracking:\n                          !debugSettings.skipEngagementTracking,\n                      });\n                    }}\n                  />\n                </Tooltip>\n\n                <Tooltip label=\"Ignore throttle: Show next guide immediately\">\n                  <Button\n                    size=\"1\"\n                    variant={\n                      debugSettings.ignoreDisplayInterval ? \"outline\" : \"ghost\"\n                    }\n                    color={\n                      debugSettings.ignoreDisplayInterval ? \"blue\" : \"gray\"\n                    }\n                    icon={{ icon: Gauge, alt: \"Ignore throttle\" }}\n                    onClick={() => {\n                      client.setDebug({\n                        ...debugSettings,\n                        ignoreDisplayInterval:\n                          !debugSettings.ignoreDisplayInterval,\n                      });\n                    }}\n                  />\n                </Tooltip>\n\n                <Tooltip label=\"Inspect target params\">\n                  <Button\n                    size=\"1\"\n                    variant={isContextPanelOpen ? \"outline\" : \"ghost\"}\n                    color={isContextPanelOpen ? \"blue\" : \"gray\"}\n                    leadingIcon={{\n                      icon: SlidersHorizontal,\n                      alt: \"Inspect target params\",\n                    }}\n                    trailingIcon={\n                      isContextPanelOpen\n                        ? { icon: ChevronDown, alt: \"Hide context data\" }\n                        : { icon: ChevronRight, alt: \"Show context data\" }\n                    }\n                    onClick={() => setIsContextPanelOpen((v) => !v)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n\n            {/* Right: exit + minimize buttons */}\n            <Stack\n              align=\"center\"\n              gap=\"1_5\"\n              style={{ flexShrink: 0 }}\n              onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n            >\n              <Stack align=\"center\" gap=\"1_5\">\n                <Button\n                  size=\"1\"\n                  variant=\"outline\"\n                  leadingIcon={{ icon: LogOut, alt: \"Exit\" }}\n                  onClick={() => {\n                    setRunConfig((curr) => ({ ...curr, isVisible: false }));\n                    clearRunConfigLS();\n                    client.unsetDebug();\n                  }}\n                >\n                  Exit\n                </Button>\n                <Tooltip label=\"Minimize toolbar\">\n                  <Button\n                    size=\"1\"\n                    variant=\"outline\"\n                    leadingIcon={{ icon: Minimize2, alt: \"Minimize\" }}\n                    onClick={() => setIsCollapsed(true)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n          </Stack>\n\n          {/* Collapsible panel to show context data */}\n          {isContextPanelOpen && (\n            <Box borderBottom=\"px\">\n              <GuideContextDetails />\n            </Box>\n          )}\n\n          {/* Guide list content area */}\n          <Box p=\"1\" overflow=\"auto\" style={{ maxHeight: \"calc(80vh - 96px)\" }}>\n            {result.status === \"error\" ? (\n              <Box px=\"2\" pb=\"1\">\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color={\n                    result.error === \"no_guides_fetched\" ? \"default\" : \"red\"\n                  }\n                >\n                  {result.message}\n                </Text>\n              </Box>\n            ) : (\n              <GuidesList\n                guides={result.guides}\n                displayOption={displayOption}\n              />\n            )}\n          </Box>\n        </Stack>\n      )}\n    </Box>\n  );\n};\n"],"names":["TOOLBAR_WIDTH","GuidesList","guides","displayOption","expandedGuideRowKey","setExpandedGuideRowKey","React","useState","useEffect","undefined","map","guide","idx","isEligible","isQualified","annotation","GuideRow","key","k","V2","client","useGuideContext","setDisplayOption","runConfig","setRunConfig","getRunConfig","isCollapsed","setIsCollapsed","isContextPanelOpen","setIsContextPanelOpen","debugSettings","useStore","store","state","debug","isVisible","focusedGuideKeys","isDebugging","debugging","setDebug","Object","keys","length","unsetDebug","containerRef","useRef","position","isDragging","handlePointerDown","hasDraggedRef","useDraggable","elementRef","reclampDeps","initialPosition","top","right","result","useInspectGuideClientStore","Box","zIndex","TOOLBAR_Z_INDEX","Stack","cursor","touchAction","userSelect","transform","transformOrigin","KnockButton","current","width","boxShadow","boxSizing","minWidth","flex","e","stopPropagation","Icon","GripVertical","SegmentedControl","val","Tooltip","Button","skipEngagementTracking","icon","BoxIcon","alt","ignoreDisplayInterval","Gauge","SlidersHorizontal","ChevronDown","ChevronRight","v","flexShrink","LogOut","curr","clearRunConfigLS","Minimize2","GuideContextDetails","maxHeight","status","Text","error","message"],"mappings":"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"}

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

@@ -1,56 +1,58 @@
 import e from "react";
-const C = {
+const S = {
   top: 16,
   right: 16
-};
-function L(n, i, h, o = 0) {
-  const r = window.innerWidth, f = window.innerHeight, w = i + o, p = r - n.right - i, d = Math.max(0, Math.min(p, r - w)), s = Math.max(0, Math.min(n.top, f - h)), u = r - d - i;
+}, T = 5;
+function y(n, s, w, o = 0) {
+  const r = window.innerWidth, f = window.innerHeight, D = s + o, p = r - n.right - s, d = Math.max(0, Math.min(p, r - D)), c = Math.max(0, Math.min(n.top, f - w)), u = r - d - s;
   return {
-    top: s,
+    top: c,
     right: u
   };
 }
 function b({
   elementRef: n,
-  initialPosition: i = C,
-  reclampDeps: h = [],
+  initialPosition: s = S,
+  reclampDeps: w = [],
   rightPadding: o = 0
 }) {
-  const [r, f] = e.useState(i), [w, p] = e.useState(!1), d = e.useRef(r);
+  const [r, f] = e.useState(s), [D, p] = e.useState(!1), d = e.useRef(r);
   d.current = r;
-  const s = e.useRef({
+  const c = e.useRef({
     x: 0,
     y: 0
   }), u = e.useRef({
     top: 0,
     right: 0
-  }), c = e.useRef(null), m = e.useRef(!1), a = e.useRef(null), v = e.useCallback(() => {
+  }), i = e.useRef(null), g = e.useRef(!1), h = e.useRef(!1), a = e.useRef(null), v = e.useCallback(() => {
     const t = n.current;
     if (!t) return;
     const l = t.getBoundingClientRect();
-    f((g) => L(g, l.width, l.height, o));
-  }, [n, o]), P = e.useCallback((t) => {
-    t.preventDefault(), s.current = {
+    f((m) => y(m, l.width, l.height, o));
+  }, [n, o]), A = e.useCallback((t) => {
+    t.preventDefault(), c.current = {
       x: t.clientX,
       y: t.clientY
     }, u.current = {
       ...d.current
-    }, m.current = !0, p(!0);
-    const l = (E) => {
-      m.current && c.current === null && (c.current = requestAnimationFrame(() => {
-        if (c.current = null, !m.current) return;
-        const A = E.clientX - s.current.x, F = E.clientY - s.current.y, M = {
-          top: u.current.top + F,
-          right: u.current.right - A
-        }, x = n.current;
-        if (!x) return;
-        const D = x.getBoundingClientRect(), y = L(M, D.width, D.height, o);
-        f(y);
+    }, g.current = !0, h.current = !1, p(!0);
+    const l = (R) => {
+      if (!g.current) return;
+      const M = R.clientX - c.current.x, P = R.clientY - c.current.y;
+      !h.current && Math.hypot(M, P) >= T && (h.current = !0), i.current === null && (i.current = requestAnimationFrame(() => {
+        if (i.current = null, !g.current) return;
+        const F = R.clientX - c.current.x, C = R.clientY - c.current.y, H = {
+          top: u.current.top + C,
+          right: u.current.right - F
+        }, E = n.current;
+        if (!E) return;
+        const L = E.getBoundingClientRect(), I = y(H, L.width, L.height, o);
+        f(I);
       }));
-    }, g = () => {
-      m.current = !1, p(!1), c.current !== null && (cancelAnimationFrame(c.current), c.current = null), document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", R), a.current = null;
-    }, R = () => g();
-    document.addEventListener("pointermove", l), document.addEventListener("pointerup", R), a.current = g;
+    }, m = () => {
+      g.current = !1, p(!1), i.current !== null && (cancelAnimationFrame(i.current), i.current = null), document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", x), a.current = null;
+    }, x = () => m();
+    document.addEventListener("pointermove", l), document.addEventListener("pointerup", x), a.current = m;
   }, [n, o]);
   return e.useEffect(() => () => {
     var t;
@@ -61,14 +63,15 @@ function b({
   }, [v]), e.useEffect(() => {
     const t = requestAnimationFrame(() => v());
     return () => cancelAnimationFrame(t);
-  }, h), {
+  }, w), {
     position: r,
-    isDragging: w,
-    handlePointerDown: P
+    isDragging: D,
+    handlePointerDown: A,
+    hasDraggedRef: h
   };
 }
 export {
-  L as clampPosition,
+  y as clampPosition,
   b as useDraggable
 };
 //# sourceMappingURL=useDraggable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/useDraggable.ts"],"sourcesContent":["import React from \"react\";\n\n// NOTE: This hook was generated entirely with Claude then lightly touched up,\n// and the behavior works correctly from testing it manually in the browser.\n\ntype Position = { top: number; right: number };\n\ntype UseDraggableOptions = {\n  elementRef: React.RefObject<HTMLElement | null>;\n  initialPosition?: Position;\n  reclampDeps?: React.DependencyList;\n  /** Extra space to reserve beyond the element's right edge (px). */\n  rightPadding?: number;\n};\n\ntype UseDraggableReturn = {\n  position: Position;\n  isDragging: boolean;\n  handlePointerDown: (e: React.PointerEvent) => void;\n};\n\nconst DEFAULT_POSITION: Position = { top: 16, right: 16 };\n\n/**\n * @param rightPadding Extra space to reserve on the right edge (e.g. for a\n *   drag handle that protrudes beyond the element). The element's left edge\n *   is clamped so that `elementWidth + rightPadding` stays within the viewport.\n */\nexport function clampPosition(\n  pos: Position,\n  elementWidth: number,\n  elementHeight: number,\n  rightPadding = 0,\n): Position {\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  const totalWidth = elementWidth + rightPadding;\n  const left = viewportWidth - pos.right - elementWidth;\n  const clampedLeft = Math.max(0, Math.min(left, viewportWidth - totalWidth));\n  const clampedTop = Math.max(\n    0,\n    Math.min(pos.top, viewportHeight - elementHeight),\n  );\n  const clampedRight = viewportWidth - clampedLeft - elementWidth;\n\n  return { top: clampedTop, right: clampedRight };\n}\n\nexport function useDraggable({\n  elementRef,\n  initialPosition = DEFAULT_POSITION,\n  reclampDeps = [],\n  rightPadding = 0,\n}: UseDraggableOptions): UseDraggableReturn {\n  const [position, setPosition] = React.useState<Position>(initialPosition);\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const positionRef = React.useRef(position);\n  positionRef.current = position;\n\n  const startPointerRef = React.useRef({ x: 0, y: 0 });\n  const startPositionRef = React.useRef<Position>({ top: 0, right: 0 });\n  const rafIdRef = React.useRef<number | null>(null);\n  const isDraggingRef = React.useRef(false);\n  const cleanupListenersRef = React.useRef<(() => void) | null>(null);\n\n  const reclamp = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    setPosition((prev) =>\n      clampPosition(prev, rect.width, rect.height, rightPadding),\n    );\n  }, [elementRef, rightPadding]);\n\n  // Stable pointerdown handler\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      startPointerRef.current = { x: e.clientX, y: e.clientY };\n      startPositionRef.current = { ...positionRef.current };\n      isDraggingRef.current = true;\n      setIsDragging(true);\n\n      const onPointerMove = (moveEvent: PointerEvent) => {\n        if (!isDraggingRef.current) return;\n\n        if (rafIdRef.current !== null) return;\n\n        rafIdRef.current = requestAnimationFrame(() => {\n          rafIdRef.current = null;\n          if (!isDraggingRef.current) return;\n\n          const dx = moveEvent.clientX - startPointerRef.current.x;\n          const dy = moveEvent.clientY - startPointerRef.current.y;\n\n          const newPos: Position = {\n            top: startPositionRef.current.top + dy,\n            right: startPositionRef.current.right - dx,\n          };\n\n          const el = elementRef.current;\n          if (!el) return;\n          const rect = el.getBoundingClientRect();\n          const clamped = clampPosition(\n            newPos,\n            rect.width,\n            rect.height,\n            rightPadding,\n          );\n          setPosition(clamped);\n        });\n      };\n\n      const cleanup = () => {\n        isDraggingRef.current = false;\n        setIsDragging(false);\n        if (rafIdRef.current !== null) {\n          cancelAnimationFrame(rafIdRef.current);\n          rafIdRef.current = null;\n        }\n        document.removeEventListener(\"pointermove\", onPointerMove);\n        document.removeEventListener(\"pointerup\", onPointerUp);\n        cleanupListenersRef.current = null;\n      };\n\n      const onPointerUp = () => cleanup();\n\n      document.addEventListener(\"pointermove\", onPointerMove);\n      document.addEventListener(\"pointerup\", onPointerUp);\n      cleanupListenersRef.current = cleanup;\n    },\n    [elementRef, rightPadding],\n  );\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      cleanupListenersRef.current?.();\n    };\n  }, []);\n\n  // Re-clamp on window resize\n  React.useEffect(() => {\n    const onResize = () => reclamp();\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [reclamp]);\n\n  // Re-clamp when deps change (e.g. collapse toggle)\n  React.useEffect(() => {\n    const id = requestAnimationFrame(() => reclamp());\n    return () => cancelAnimationFrame(id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, reclampDeps);\n\n  return { position, isDragging, handlePointerDown };\n}\n"],"names":["DEFAULT_POSITION","top","right","clampPosition","pos","elementWidth","elementHeight","rightPadding","viewportWidth","window","innerWidth","viewportHeight","innerHeight","totalWidth","left","clampedLeft","Math","max","min","clampedTop","clampedRight","useDraggable","elementRef","initialPosition","reclampDeps","position","setPosition","React","useState","isDragging","setIsDragging","positionRef","useRef","current","startPointerRef","x","y","startPositionRef","rafIdRef","isDraggingRef","cleanupListenersRef","reclamp","useCallback","el","rect","getBoundingClientRect","prev","width","height","handlePointerDown","e","preventDefault","clientX","clientY","onPointerMove","moveEvent","requestAnimationFrame","dx","dy","newPos","clamped","cleanup","cancelAnimationFrame","removeEventListener","onPointerUp","addEventListener","useEffect","onResize","id"],"mappings":"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"}
+{"version":3,"file":"useDraggable.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/useDraggable.ts"],"sourcesContent":["import React from \"react\";\n\n// NOTE: This hook was generated entirely with Claude then lightly touched up,\n// and the behavior works correctly from testing it manually in the browser.\n\ntype Position = { top: number; right: number };\n\ntype UseDraggableOptions = {\n  elementRef: React.RefObject<HTMLElement | null>;\n  initialPosition?: Position;\n  reclampDeps?: React.DependencyList;\n  /** Extra space to reserve beyond the element's right edge (px). */\n  rightPadding?: number;\n};\n\ntype UseDraggableReturn = {\n  position: Position;\n  isDragging: boolean;\n  handlePointerDown: (e: React.PointerEvent) => void;\n  /** True if the pointer moved beyond a small threshold during the last interaction. */\n  hasDraggedRef: React.RefObject<boolean>;\n};\n\nconst DEFAULT_POSITION: Position = { top: 16, right: 16 };\nconst DRAG_THRESHOLD = 5;\n\n/**\n * @param rightPadding Extra space to reserve on the right edge (e.g. for a\n *   drag handle that protrudes beyond the element). The element's left edge\n *   is clamped so that `elementWidth + rightPadding` stays within the viewport.\n */\nexport function clampPosition(\n  pos: Position,\n  elementWidth: number,\n  elementHeight: number,\n  rightPadding = 0,\n): Position {\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  const totalWidth = elementWidth + rightPadding;\n  const left = viewportWidth - pos.right - elementWidth;\n  const clampedLeft = Math.max(0, Math.min(left, viewportWidth - totalWidth));\n  const clampedTop = Math.max(\n    0,\n    Math.min(pos.top, viewportHeight - elementHeight),\n  );\n  const clampedRight = viewportWidth - clampedLeft - elementWidth;\n\n  return { top: clampedTop, right: clampedRight };\n}\n\nexport function useDraggable({\n  elementRef,\n  initialPosition = DEFAULT_POSITION,\n  reclampDeps = [],\n  rightPadding = 0,\n}: UseDraggableOptions): UseDraggableReturn {\n  const [position, setPosition] = React.useState<Position>(initialPosition);\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const positionRef = React.useRef(position);\n  positionRef.current = position;\n\n  const startPointerRef = React.useRef({ x: 0, y: 0 });\n  const startPositionRef = React.useRef<Position>({ top: 0, right: 0 });\n  const rafIdRef = React.useRef<number | null>(null);\n  const isDraggingRef = React.useRef(false);\n  const hasDraggedRef = React.useRef(false);\n  const cleanupListenersRef = React.useRef<(() => void) | null>(null);\n\n  const reclamp = React.useCallback(() => {\n    const el = elementRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    setPosition((prev) =>\n      clampPosition(prev, rect.width, rect.height, rightPadding),\n    );\n  }, [elementRef, rightPadding]);\n\n  // Stable pointerdown handler\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      startPointerRef.current = { x: e.clientX, y: e.clientY };\n      startPositionRef.current = { ...positionRef.current };\n      isDraggingRef.current = true;\n      hasDraggedRef.current = false;\n      setIsDragging(true);\n\n      const onPointerMove = (moveEvent: PointerEvent) => {\n        if (!isDraggingRef.current) return;\n\n        const dx = moveEvent.clientX - startPointerRef.current.x;\n        const dy = moveEvent.clientY - startPointerRef.current.y;\n        if (!hasDraggedRef.current && Math.hypot(dx, dy) >= DRAG_THRESHOLD) {\n          hasDraggedRef.current = true;\n        }\n\n        if (rafIdRef.current !== null) return;\n\n        rafIdRef.current = requestAnimationFrame(() => {\n          rafIdRef.current = null;\n          if (!isDraggingRef.current) return;\n\n          const dx = moveEvent.clientX - startPointerRef.current.x;\n          const dy = moveEvent.clientY - startPointerRef.current.y;\n\n          const newPos: Position = {\n            top: startPositionRef.current.top + dy,\n            right: startPositionRef.current.right - dx,\n          };\n\n          const el = elementRef.current;\n          if (!el) return;\n          const rect = el.getBoundingClientRect();\n          const clamped = clampPosition(\n            newPos,\n            rect.width,\n            rect.height,\n            rightPadding,\n          );\n          setPosition(clamped);\n        });\n      };\n\n      const cleanup = () => {\n        isDraggingRef.current = false;\n        setIsDragging(false);\n        if (rafIdRef.current !== null) {\n          cancelAnimationFrame(rafIdRef.current);\n          rafIdRef.current = null;\n        }\n        document.removeEventListener(\"pointermove\", onPointerMove);\n        document.removeEventListener(\"pointerup\", onPointerUp);\n        cleanupListenersRef.current = null;\n      };\n\n      const onPointerUp = () => cleanup();\n\n      document.addEventListener(\"pointermove\", onPointerMove);\n      document.addEventListener(\"pointerup\", onPointerUp);\n      cleanupListenersRef.current = cleanup;\n    },\n    [elementRef, rightPadding],\n  );\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      cleanupListenersRef.current?.();\n    };\n  }, []);\n\n  // Re-clamp on window resize\n  React.useEffect(() => {\n    const onResize = () => reclamp();\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [reclamp]);\n\n  // Re-clamp when deps change (e.g. collapse toggle)\n  React.useEffect(() => {\n    const id = requestAnimationFrame(() => reclamp());\n    return () => cancelAnimationFrame(id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, reclampDeps);\n\n  return { position, isDragging, handlePointerDown, hasDraggedRef };\n}\n"],"names":["DEFAULT_POSITION","top","right","DRAG_THRESHOLD","clampPosition","pos","elementWidth","elementHeight","rightPadding","viewportWidth","window","innerWidth","viewportHeight","innerHeight","totalWidth","left","clampedLeft","Math","max","min","clampedTop","clampedRight","useDraggable","elementRef","initialPosition","reclampDeps","position","setPosition","React","useState","isDragging","setIsDragging","positionRef","useRef","current","startPointerRef","x","y","startPositionRef","rafIdRef","isDraggingRef","hasDraggedRef","cleanupListenersRef","reclamp","useCallback","el","rect","getBoundingClientRect","prev","width","height","handlePointerDown","e","preventDefault","clientX","clientY","onPointerMove","moveEvent","dx","dy","hypot","requestAnimationFrame","newPos","clamped","cleanup","cancelAnimationFrame","removeEventListener","onPointerUp","addEventListener","useEffect","onResize","id"],"mappings":"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"}

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

@@ -1,36 +1,36 @@
 import { checkStateIfThrottled as p, checkActivatable as y } from "@knocklabs/client";
 import { useGuideContext as _, useStore as b } from "@knocklabs/react-core";
-const v = (e) => e.reduce((t, s) => ({
+const g = (e) => e.reduce((t, s) => ({
   ...t,
   [s.key]: s
-}), {}), g = (e, t, s, n) => {
-  var o, r, u, l, a, c, d, f;
-  const i = !!((l = (u = (r = (o = n.key) == null ? void 0 : o.one) == null ? void 0 : r.metadata) == null ? void 0 : u.opts) != null && l.includeThrottled) || !!((f = (d = (c = (a = n.key) == null ? void 0 : a.all) == null ? void 0 : c.metadata) == null ? void 0 : d.opts) != null && f.includeThrottled);
-  return e.bypass_global_group_limit ? "returned" : e.key === s.resolved ? t.throttled && !i ? "throttled" : "returned" : "queried";
+}), {}), v = (e, t, s, n) => {
+  var r, o, i, d, u, l, c, f;
+  const a = !!((d = (i = (o = (r = n.key) == null ? void 0 : r.one) == null ? void 0 : o.metadata) == null ? void 0 : i.opts) != null && d.includeThrottled) || !!((f = (c = (l = (u = n.key) == null ? void 0 : u.all) == null ? void 0 : l.metadata) == null ? void 0 : c.opts) != null && f.includeThrottled);
+  return e.bypass_global_group_limit ? "returned" : e.key === s.resolved ? t.throttled && !a ? "throttled" : "returned" : "queried";
 }, h = (e, t, s, n) => {
-  var r, u, l, a;
-  const i = !!((a = (l = (u = (r = n.type) == null ? void 0 : r.one) == null ? void 0 : u.metadata) == null ? void 0 : l.opts) != null && a.includeThrottled), o = n.type.one;
-  if (o.size === 0)
+  var o, i, d, u;
+  const a = !!((u = (d = (i = (o = n.type) == null ? void 0 : o.one) == null ? void 0 : i.metadata) == null ? void 0 : d.opts) != null && u.includeThrottled), r = n.type.one;
+  if (r.size === 0)
     return "queried";
   if (e.bypass_global_group_limit) {
-    const d = [...o.values()][0];
-    return e.key !== d.key ? "queried" : "returned";
+    const c = [...r.values()][0];
+    return e.key !== c.key ? "queried" : "returned";
   }
-  return e.key === s.resolved ? t.throttled && !i ? "throttled" : "returned" : "queried";
+  return e.key === s.resolved ? t.throttled && !a ? "throttled" : "returned" : "queried";
 }, G = (e, t, s, n) => {
-  var a, c, d, f;
-  const i = n.type.all;
-  if (i.size === 0)
+  var u, l, c, f;
+  const a = n.type.all;
+  if (a.size === 0)
     return "queried";
-  const o = [...i.values()], r = o[0], u = v(o);
-  return (f = (d = (c = (a = n.type) == null ? void 0 : a.all) == null ? void 0 : c.metadata) == null ? void 0 : d.opts) != null && f.includeThrottled ? u[e.key] ? "returned" : "queried" : (r.bypass_global_group_limit || r.key === s.resolved) && u[e.key] ? t.throttled ? e.bypass_global_group_limit ? "returned" : "throttled" : "returned" : "queried";
+  const r = [...a.values()], o = r[0], i = g(r);
+  return (f = (c = (l = (u = n.type) == null ? void 0 : u.all) == null ? void 0 : l.metadata) == null ? void 0 : c.opts) != null && f.includeThrottled ? i[e.key] ? "returned" : "queried" : (o.bypass_global_group_limit || o.key === s.resolved) && i[e.key] ? t.throttled ? e.bypass_global_group_limit ? "returned" : "throttled" : "returned" : "queried";
 }, S = (e, t, s, n) => {
-  var i, o;
+  var a, r;
   if (n.key)
-    return g(e, t, s, n);
-  if ((i = n.type) != null && i.all)
+    return v(e, t, s, n);
+  if ((a = n.type) != null && a.all)
     return G(e, t, s, n);
-  if ((o = n.type) != null && o.one)
+  if ((r = n.type) != null && r.one)
     return h(e, t, s, n);
 }, T = (e, t, s) => {
   if (!s || s.status === "open")
@@ -45,14 +45,14 @@ const v = (e) => e.reduce((t, s) => ({
     return {
       status: void 0
     };
-  const o = S(e, t, s, n);
-  return o ? {
-    status: o,
+  const r = S(e, t, s, n);
+  return r ? {
+    status: r,
     query: n
   } : {
     status: void 0
   };
-}, w = (e, t) => {
+}, q = (e, t) => {
   const s = {};
   return ((t == null ? void 0 : t.reason) === "not_in_target_audience" || (t == null ? void 0 : t.reason) === "target_conditions_not_met") && (s.targetable = {
     status: !1,
@@ -63,43 +63,43 @@ const v = (e) => e.reduce((t, s) => ({
   }), (t == null ? void 0 : t.reason) === "guide_not_active" && (s.active = {
     status: !1
   }), s;
-}, B = ({
+}, k = ({
   active: e,
   targetable: t,
   archived: s
-}) => !(!e.status || !t.status || s.status), I = ({
+}) => !(!e.status || !t.status || s.status), w = ({
   activatable: e,
   selectable: t
-}) => !(!e.status || !t.status), k = (e, t, s) => {
+}) => !(!e.status || !t.status), m = (e, t, s) => {
   const {
     ineligibleGuides: n,
-    location: i
-  } = t, o = n[e.key], r = w(e, o), u = {
+    location: a
+  } = t, r = n[e.key], o = q(e, r), i = {
     // isEligible:
-    active: (r == null ? void 0 : r.active) || {
+    active: (o == null ? void 0 : o.active) || {
       status: !0
     },
-    targetable: (r == null ? void 0 : r.targetable) || {
+    targetable: (o == null ? void 0 : o.targetable) || {
       status: !0
     },
-    archived: (r == null ? void 0 : r.archived) || {
+    archived: (o == null ? void 0 : o.archived) || {
       status: !1
     },
     // isQualified:
     activatable: {
-      status: y(e, i)
+      status: y(e, a)
     },
     selectable: T(e, t, s)
-  }, l = {
-    ...u,
-    isEligible: B(u),
-    isQualified: I(u)
+  }, d = {
+    ...i,
+    isEligible: k(i),
+    isQualified: w(i)
   };
   return {
     ...e,
-    annotation: l
+    annotation: d
   };
-}, q = (e) => ({
+}, B = (e) => ({
   __typename: "UnknownGuide",
   key: e,
   active: !1,
@@ -111,8 +111,8 @@ const v = (e) => e.reduce((t, s) => ({
       status: void 0
     }
   }
-}), U = (e) => {
-  var r;
+}), R = (e) => {
+  var d;
   const {
     client: t
   } = _(), s = b(t.store, (u) => {
@@ -124,31 +124,42 @@ const v = (e) => e.reduce((t, s) => ({
       ineligibleGuides: u.ineligibleGuides,
       debug: u.debug,
       counter: u.counter,
+      queries: u.queries,
       throttled: l
     };
   });
-  if (!((r = s.debug) != null && r.debugging))
+  if (!((d = s.debug) != null && d.debugging))
     return;
-  const n = s.guideGroups[0];
-  if (!n)
+  const n = Object.entries(s.queries)[0];
+  if (!n || n[1].status === "loading")
     return {
+      status: "error",
+      error: "no_guides_fetched",
+      message: "Loading..."
+    };
+  const a = s.guideGroups[0];
+  if (!a)
+    return {
+      status: "error",
       error: "no_guide_group",
-      guides: []
+      message: "No guide group found"
     };
-  const i = t.getStage(), o = n.display_sequence.map((u) => {
+  const r = t.getStage(), o = a.display_sequence.map((u) => {
     const l = s.guides[u];
-    return l ? k(l, s, i) : q(u);
-  });
-  return (i == null ? void 0 : i.status) === "closed" && e.focusedGuideKeys && !o.find((l) => e.focusedGuideKeys[l.key] && l.annotation.selectable.status) ? {
+    return l ? m(l, s, r) : B(u);
+  }), i = Object.keys(e.focusedGuideKeys || {})[0];
+  return (r == null ? void 0 : r.status) === "closed" && i && !o.find((l) => l.key === i && l.annotation.selectable.status) ? {
+    status: "error",
     error: "no_guide_present",
-    guides: []
+    message: `No component that can render \`${i}\` was found`
   } : {
+    status: "ok",
     guides: o
   };
-}, E = (e) => typeof e == "object" && e !== null && "__typename" in e && e.__typename === "UnknownGuide";
+}, U = (e) => typeof e == "object" && e !== null && "__typename" in e && e.__typename === "UnknownGuide";
 export {
-  E as isUnknownGuide,
-  I as resolveIsQualified,
-  U as useInspectGuideClientStore
+  U as isUnknownGuide,
+  w as resolveIsQualified,
+  R as useInspectGuideClientStore
 };
 //# sourceMappingURL=useInspectGuideClientStore.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInspectGuideClientStore.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/useInspectGuideClientStore.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideClientGroupStage,\n  KnockGuideClientStoreState,\n  KnockGuideIneligibilityMarker,\n  KnockGuideSelectionResult,\n  checkActivatable,\n  checkStateIfThrottled,\n} from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\n\nimport { ToolbarV2RunConfig } from \"./helpers\";\n\nconst byKey = <T extends { key: string }>(items: T[]) => {\n  return items.reduce((acc, item) => ({ ...acc, [item.key]: item }), {});\n};\n\n/**\n * This is the main module that will house core logic for the toolbar. It hooks\n * into the guide client state store, extracts relevant data for debugging, and\n * transforms it into easily consumable data for the toolbar - namely\n * \"annotating\" guides for its various statuses to display.\n */\n\n// Active: `true` status = good\ntype ActiveStatus = {\n  status: boolean;\n};\n\n// Targetable: `true` status = good\ntype TargetableStatusTrue = {\n  status: true;\n};\ntype TargetableStatusFalse = {\n  status: false;\n  reason: string;\n  message: string;\n};\ntype TargetableStatus = TargetableStatusTrue | TargetableStatusFalse;\n\ntype ActivatableStatus = {\n  status: boolean;\n};\n\n// Archived: `false` status = good\ntype ArchivedStatus = {\n  status: boolean;\n};\n\n// Selectable:\n//  - \"returned\": Queried and resolved to return the guide from useGuide(s).\n//  - \"throttled\": Queried and resolved but being throttled, so not yet returned.\n//  - \"queried\": Queried but not resolved, because there are other higher\n//    priority guides that are ahead of this guide in the query result.\n//  - undefined: Not reachable with any of the given queries and filters.\ntype SelectionResultByLimit = {\n  one?: KnockGuideSelectionResult;\n  all?: KnockGuideSelectionResult;\n};\ntype SelectionResultByQuery = {\n  key?: SelectionResultByLimit;\n  type?: SelectionResultByLimit;\n};\ntype SelectableStatusPresent = {\n  status: \"returned\" | \"throttled\" | \"queried\";\n  query: SelectionResultByQuery;\n};\ntype SelectableStatusAbsent = {\n  status: undefined;\n};\ntype SelectableStatus = SelectableStatusPresent | SelectableStatusAbsent;\n\ntype AnnotatedStatuses = {\n  // Individual eligibility statuses:\n  active: ActiveStatus;\n  targetable: TargetableStatus;\n  archived: ArchivedStatus;\n  // Individual qualified statuses:\n  activatable: ActivatableStatus;\n  selectable: SelectableStatus;\n};\n\ntype GuideAnnotation = AnnotatedStatuses & {\n  // Resolved eligibility based on active, targetable and archived statuses,\n  // which are backend driven evaluation results that are exposed for debugging.\n  isEligible: boolean;\n\n  // Resolved display qualification based on an activatable status, which\n  // informs \"when\" and \"where\" an eligible guide can be displayed to user.\n  isQualified: boolean;\n};\n\nexport type AnnotatedGuide = KnockGuide & {\n  annotation: GuideAnnotation;\n\n  // Legacy fields, typed only to make tsc happy when we prune these out.\n  activation_location_rules?: KnockGuide[\"activation_url_patterns\"];\n  priority?: number;\n};\n\n// Exists and ordered in control but absent in switchboard (therefore not\n// included in the api response), which implies a newly created guide that has\n// never been published to switchboard.\nexport type UnknownGuide = {\n  __typename: \"UnknownGuide\";\n  key: KnockGuide[\"key\"];\n  active: false;\n  bypass_global_group_limit: false;\n  annotation: {\n    isEligible: false;\n    isQualified: false;\n    selectable: {\n      status: undefined;\n    };\n  };\n};\n\nexport type InspectionResult = {\n  guides: (AnnotatedGuide | UnknownGuide)[];\n  error?: \"no_guide_group\" | \"no_guide_present\";\n};\n\ntype StoreStateSnapshot = Pick<\n  KnockGuideClientStoreState,\n  | \"location\"\n  | \"guides\"\n  | \"guideGroups\"\n  | \"ineligibleGuides\"\n  | \"debug\"\n  | \"counter\"\n> & {\n  throttled: boolean;\n};\n\nconst inferSelectByKeyReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const includeThrottled =\n    !!query.key?.one?.metadata?.opts?.includeThrottled ||\n    !!query.key?.all?.metadata?.opts?.includeThrottled;\n\n  // If unthrottled, then it should always be returned.\n  if (guide.bypass_global_group_limit) {\n    return \"returned\";\n  }\n\n  // If resolved, expect this guide to be returned unless being throttled.\n  if (guide.key === stage.resolved) {\n    if (snapshot.throttled && !includeThrottled) {\n      return \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  // If queried but not resolved, it means this guide is being shadowed by\n  // another guide with higher priority because throttled guides can be\n  // displayed only one at a time.\n  return \"queried\";\n};\n\nconst inferSelectOneByTypeReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const includeThrottled = !!query.type?.one?.metadata?.opts?.includeThrottled;\n\n  const result = query.type!.one!;\n  if (result.size === 0) {\n    return \"queried\";\n  }\n\n  // There may be multiple unthrottled guides of the same type, being queried\n  // by type to return a single guide, for example: useGuide({ type: \"card\" }).\n  //\n  // So it is possible for an unthrottled guide to be shadowed by another\n  // unthrottled guide of the same type with higher priority, so we need to\n  // look at the query result to determine its return status.\n  if (guide.bypass_global_group_limit) {\n    const guides = [...result.values()];\n    const first = guides[0]!;\n\n    if (guide.key !== first.key) {\n      // Being shadowed by another guide with higher priority.\n      return \"queried\";\n    }\n    return \"returned\";\n  }\n\n  // If resolved, expect this guide to be returned unless being throttled.\n  if (guide.key === stage.resolved) {\n    if (snapshot.throttled && !includeThrottled) {\n      return \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  // If queried but not resolved, it means this guide is being shadowed by\n  // another guide with higher priority because throttled guides can be\n  // displayed only one at a time.\n  return \"queried\";\n};\n\nconst inferSelectAllByTypeReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const result = query.type!.all!;\n  if (result.size === 0) {\n    return \"queried\";\n  }\n\n  const guides = [...result.values()];\n  const first = guides[0]!;\n\n  // Might want to consider moving this up to do once.\n  const guidesByKey: Record<KnockGuide[\"key\"], KnockGuide> = byKey(guides);\n\n  // If includeThrottled given, then expect all selected guides to be returned.\n  const includeThrottled = !!query.type?.all?.metadata?.opts?.includeThrottled;\n  if (includeThrottled) {\n    return guidesByKey[guide.key] ? \"returned\" : \"queried\";\n  }\n\n  // If the first selected guide is unthrottled or resolved, then we should\n  // have at minimum one guide to return, and potentially more based on whether\n  // we are throttling currently and which other guides are unthrottled.\n  if (first.bypass_global_group_limit || first.key === stage.resolved) {\n    if (!guidesByKey[guide.key]) {\n      return \"queried\";\n    }\n    if (snapshot.throttled) {\n      return guide.bypass_global_group_limit ? \"returned\" : \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  return \"queried\";\n};\n\nconst inferSelectReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n) => {\n  // Querying by key can only return up to a max of one guide, regardless of\n  // useGuide or useGuides, and should take precedence in status designation.\n  if (query.key) {\n    return inferSelectByKeyReturnStatus(guide, snapshot, stage, query);\n  }\n\n  if (query.type?.all) {\n    return inferSelectAllByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n  if (query.type?.one) {\n    return inferSelectOneByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n\n  // Should not happen but just for completeness.\n  return undefined;\n};\n\nconst toSelectableStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage | undefined,\n): SelectableStatus => {\n  if (!stage || stage.status === \"open\") {\n    return { status: undefined };\n  }\n\n  const query = {\n    key: (stage.results.key || {})[guide.key],\n    type: (stage.results.type || {})[guide.type],\n  };\n\n  const queried = Boolean(query.key || query.type);\n  if (!queried) {\n    // No present query in the current location can select this guide.\n    return { status: undefined };\n  }\n\n  const status = inferSelectReturnStatus(guide, snapshot, stage, query);\n  if (!status) {\n    return { status: undefined };\n  }\n\n  return { status, query };\n};\n\nconst toIneligibilityStatus = (\n  guide: KnockGuide,\n  marker?: KnockGuideIneligibilityMarker,\n): Partial<AnnotatedStatuses> => {\n  const statuses: Partial<AnnotatedStatuses> = {};\n\n  if (\n    marker?.reason === \"not_in_target_audience\" ||\n    marker?.reason === \"target_conditions_not_met\"\n  ) {\n    statuses.targetable = {\n      status: false,\n      reason: marker.reason,\n      message: marker.message,\n    };\n  }\n\n  if (\n    marker?.reason === \"marked_as_archived\" ||\n    (guide.steps || []).every((s) => !!s.message.archived_at)\n  ) {\n    statuses.archived = {\n      status: true,\n    };\n  }\n\n  if (marker?.reason === \"guide_not_active\") {\n    statuses.active = {\n      status: false,\n    };\n  }\n\n  return statuses;\n};\n\nconst resolveIsEligible = ({\n  active,\n  targetable,\n  archived,\n}: AnnotatedStatuses) => {\n  if (!active.status) return false;\n  if (!targetable.status) return false;\n  if (archived.status) return false;\n  return true;\n};\n\nexport const resolveIsQualified = ({\n  activatable,\n  selectable,\n}: AnnotatedStatuses) => {\n  if (!activatable.status) return false;\n  if (!selectable.status) return false;\n  return true;\n};\n\nconst annotateGuide = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage | undefined,\n): AnnotatedGuide => {\n  const { ineligibleGuides, location } = snapshot;\n  const marker = ineligibleGuides[guide.key];\n  const ineligiblity = toIneligibilityStatus(guide, marker);\n\n  const statuses: AnnotatedStatuses = {\n    // isEligible:\n    active: ineligiblity?.active || { status: true },\n    targetable: ineligiblity?.targetable || { status: true },\n    archived: ineligiblity?.archived || { status: false },\n    // isQualified:\n    activatable: { status: checkActivatable(guide, location) },\n    selectable: toSelectableStatus(guide, snapshot, stage),\n  };\n\n  const annotation: GuideAnnotation = {\n    ...statuses,\n    isEligible: resolveIsEligible(statuses),\n    isQualified: resolveIsQualified(statuses),\n  };\n\n  return {\n    ...guide,\n    annotation,\n  };\n};\n\nconst newUnknownGuide = (key: KnockGuide[\"key\"]) =>\n  ({\n    __typename: \"UnknownGuide\",\n    key,\n    active: false,\n    bypass_global_group_limit: false,\n    annotation: {\n      isEligible: false,\n      isQualified: false,\n      selectable: {\n        status: undefined,\n      },\n    },\n  }) as UnknownGuide;\n\nexport const useInspectGuideClientStore = (\n  runConfig: ToolbarV2RunConfig,\n): InspectionResult | undefined => {\n  const { client } = useGuideContext();\n\n  // Extract a snapshot of the client store state for debugging.\n  const snapshot: StoreStateSnapshot = useStore(client.store, (state) => {\n    const throttled = checkStateIfThrottled(state);\n\n    return {\n      location: state.location,\n      guides: state.guides,\n      guideGroups: state.guideGroups,\n      ineligibleGuides: state.ineligibleGuides,\n      debug: state.debug,\n      counter: state.counter,\n      throttled,\n    };\n  });\n\n  // Not in debugging session, so noop.\n  if (!snapshot.debug?.debugging) {\n    return undefined;\n  }\n\n  // Only for completeness, as there should always be a default group so this\n  // should never happen.\n  const defaultGroup = snapshot.guideGroups[0];\n  if (!defaultGroup) {\n    return {\n      error: \"no_guide_group\",\n      guides: [],\n    };\n  }\n\n  const groupStage = client.getStage();\n\n  // Annotate guides for various eligibility, activation and query statuses\n  // that are useful for debugging purposes.\n  const orderedGuides = defaultGroup.display_sequence.map((guideKey) => {\n    const guide = snapshot.guides[guideKey];\n    if (!guide) {\n      return newUnknownGuide(guideKey);\n    }\n\n    return annotateGuide(guide, snapshot, groupStage);\n  });\n\n  // Check if the focused guide actually exists and is selectable on the page.\n  if (groupStage?.status === \"closed\" && runConfig.focusedGuideKeys) {\n    const focusableGuide = orderedGuides.find(\n      (g) =>\n        runConfig.focusedGuideKeys![g.key] && g.annotation.selectable.status,\n    );\n    if (!focusableGuide) {\n      return {\n        error: \"no_guide_present\",\n        guides: [],\n      };\n    }\n  }\n\n  return {\n    guides: orderedGuides,\n  };\n};\n\nexport const isUnknownGuide = (input: unknown): input is UnknownGuide =>\n  typeof input === \"object\" &&\n  input !== null &&\n  \"__typename\" in input &&\n  (input as UnknownGuide).__typename === \"UnknownGuide\";\n"],"names":["byKey","items","reduce","acc","item","key","inferSelectByKeyReturnStatus","guide","snapshot","stage","query","includeThrottled","one","metadata","opts","all","bypass_global_group_limit","resolved","throttled","inferSelectOneByTypeReturnStatus","type","result","size","first","values","inferSelectAllByTypeReturnStatus","guides","guidesByKey","inferSelectReturnStatus","toSelectableStatus","status","undefined","results","Boolean","toIneligibilityStatus","marker","statuses","reason","targetable","message","steps","every","s","archived_at","archived","active","resolveIsEligible","resolveIsQualified","activatable","selectable","annotateGuide","ineligibleGuides","location","ineligiblity","checkActivatable","annotation","isEligible","isQualified","newUnknownGuide","__typename","useInspectGuideClientStore","runConfig","client","useGuideContext","useStore","store","state","checkStateIfThrottled","guideGroups","debug","counter","debugging","defaultGroup","error","groupStage","getStage","orderedGuides","display_sequence","map","guideKey","focusedGuideKeys","find","g","isUnknownGuide","input"],"mappings":"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"}
+{"version":3,"file":"useInspectGuideClientStore.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/useInspectGuideClientStore.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideClientGroupStage,\n  KnockGuideClientStoreState,\n  KnockGuideIneligibilityMarker,\n  KnockGuideSelectionResult,\n  checkActivatable,\n  checkStateIfThrottled,\n} from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\n\nimport { ToolbarV2RunConfig } from \"./helpers\";\n\nconst byKey = <T extends { key: string }>(items: T[]) => {\n  return items.reduce((acc, item) => ({ ...acc, [item.key]: item }), {});\n};\n\n/**\n * This is the main module that will house core logic for the toolbar. It hooks\n * into the guide client state store, extracts relevant data for debugging, and\n * transforms it into easily consumable data for the toolbar - namely\n * \"annotating\" guides for its various statuses to display.\n */\n\n// Active: `true` status = good\ntype ActiveStatus = {\n  status: boolean;\n};\n\n// Targetable: `true` status = good\ntype TargetableStatusTrue = {\n  status: true;\n};\ntype TargetableStatusFalse = {\n  status: false;\n  reason: string;\n  message: string;\n};\ntype TargetableStatus = TargetableStatusTrue | TargetableStatusFalse;\n\ntype ActivatableStatus = {\n  status: boolean;\n};\n\n// Archived: `false` status = good\ntype ArchivedStatus = {\n  status: boolean;\n};\n\n// Selectable:\n//  - \"returned\": Queried and resolved to return the guide from useGuide(s).\n//  - \"throttled\": Queried and resolved but being throttled, so not yet returned.\n//  - \"queried\": Queried but not resolved, because there are other higher\n//    priority guides that are ahead of this guide in the query result.\n//  - undefined: Not reachable with any of the given queries and filters.\ntype SelectionResultByLimit = {\n  one?: KnockGuideSelectionResult;\n  all?: KnockGuideSelectionResult;\n};\ntype SelectionResultByQuery = {\n  key?: SelectionResultByLimit;\n  type?: SelectionResultByLimit;\n};\ntype SelectableStatusPresent = {\n  status: \"returned\" | \"throttled\" | \"queried\";\n  query: SelectionResultByQuery;\n};\ntype SelectableStatusAbsent = {\n  status: undefined;\n};\ntype SelectableStatus = SelectableStatusPresent | SelectableStatusAbsent;\n\nexport type AnnotatedStatuses = {\n  // Individual eligibility statuses:\n  active: ActiveStatus;\n  targetable: TargetableStatus;\n  archived: ArchivedStatus;\n  // Individual qualified statuses:\n  activatable: ActivatableStatus;\n  selectable: SelectableStatus;\n};\n\ntype GuideAnnotation = AnnotatedStatuses & {\n  // Resolved eligibility based on active, targetable and archived statuses,\n  // which are backend driven evaluation results that are exposed for debugging.\n  isEligible: boolean;\n\n  // Resolved display qualification based on an activatable status, which\n  // informs \"when\" and \"where\" an eligible guide can be displayed to user.\n  isQualified: boolean;\n};\n\nexport type AnnotatedGuide = KnockGuide & {\n  annotation: GuideAnnotation;\n\n  // Legacy fields, typed only to make tsc happy when we prune these out.\n  activation_location_rules?: KnockGuide[\"activation_url_patterns\"];\n  priority?: number;\n};\n\n// Exists and ordered in control but absent in switchboard (therefore not\n// included in the api response), which implies a newly created guide that has\n// never been published to switchboard.\nexport type UnknownGuide = {\n  __typename: \"UnknownGuide\";\n  key: KnockGuide[\"key\"];\n  active: false;\n  bypass_global_group_limit: false;\n  annotation: {\n    isEligible: false;\n    isQualified: false;\n    selectable: {\n      status: undefined;\n    };\n  };\n};\n\nexport type InspectionResultOk = {\n  status: \"ok\";\n  guides: (AnnotatedGuide | UnknownGuide)[];\n};\ntype InspectionResultError = {\n  status: \"error\";\n  error: \"no_guides_fetched\" | \"no_guide_group\" | \"no_guide_present\";\n  message: string;\n};\ntype InspectionResult = InspectionResultOk | InspectionResultError;\n\ntype StoreStateSnapshot = Pick<\n  KnockGuideClientStoreState,\n  | \"location\"\n  | \"guides\"\n  | \"guideGroups\"\n  | \"ineligibleGuides\"\n  | \"debug\"\n  | \"counter\"\n  | \"queries\"\n> & {\n  throttled: boolean;\n};\n\nconst inferSelectByKeyReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const includeThrottled =\n    !!query.key?.one?.metadata?.opts?.includeThrottled ||\n    !!query.key?.all?.metadata?.opts?.includeThrottled;\n\n  // If unthrottled, then it should always be returned.\n  if (guide.bypass_global_group_limit) {\n    return \"returned\";\n  }\n\n  // If resolved, expect this guide to be returned unless being throttled.\n  if (guide.key === stage.resolved) {\n    if (snapshot.throttled && !includeThrottled) {\n      return \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  // If queried but not resolved, it means this guide is being shadowed by\n  // another guide with higher priority because throttled guides can be\n  // displayed only one at a time.\n  return \"queried\";\n};\n\nconst inferSelectOneByTypeReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const includeThrottled = !!query.type?.one?.metadata?.opts?.includeThrottled;\n\n  const result = query.type!.one!;\n  if (result.size === 0) {\n    return \"queried\";\n  }\n\n  // There may be multiple unthrottled guides of the same type, being queried\n  // by type to return a single guide, for example: useGuide({ type: \"card\" }).\n  //\n  // So it is possible for an unthrottled guide to be shadowed by another\n  // unthrottled guide of the same type with higher priority, so we need to\n  // look at the query result to determine its return status.\n  if (guide.bypass_global_group_limit) {\n    const guides = [...result.values()];\n    const first = guides[0]!;\n\n    if (guide.key !== first.key) {\n      // Being shadowed by another guide with higher priority.\n      return \"queried\";\n    }\n    return \"returned\";\n  }\n\n  // If resolved, expect this guide to be returned unless being throttled.\n  if (guide.key === stage.resolved) {\n    if (snapshot.throttled && !includeThrottled) {\n      return \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  // If queried but not resolved, it means this guide is being shadowed by\n  // another guide with higher priority because throttled guides can be\n  // displayed only one at a time.\n  return \"queried\";\n};\n\nconst inferSelectAllByTypeReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n): SelectableStatusPresent[\"status\"] => {\n  const result = query.type!.all!;\n  if (result.size === 0) {\n    return \"queried\";\n  }\n\n  const guides = [...result.values()];\n  const first = guides[0]!;\n\n  // Might want to consider moving this up to do once.\n  const guidesByKey: Record<KnockGuide[\"key\"], KnockGuide> = byKey(guides);\n\n  // If includeThrottled given, then expect all selected guides to be returned.\n  const includeThrottled = !!query.type?.all?.metadata?.opts?.includeThrottled;\n  if (includeThrottled) {\n    return guidesByKey[guide.key] ? \"returned\" : \"queried\";\n  }\n\n  // If the first selected guide is unthrottled or resolved, then we should\n  // have at minimum one guide to return, and potentially more based on whether\n  // we are throttling currently and which other guides are unthrottled.\n  if (first.bypass_global_group_limit || first.key === stage.resolved) {\n    if (!guidesByKey[guide.key]) {\n      return \"queried\";\n    }\n    if (snapshot.throttled) {\n      return guide.bypass_global_group_limit ? \"returned\" : \"throttled\";\n    }\n    return \"returned\";\n  }\n\n  return \"queried\";\n};\n\nconst inferSelectReturnStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage,\n  query: SelectionResultByQuery,\n) => {\n  // Querying by key can only return up to a max of one guide, regardless of\n  // useGuide or useGuides, and should take precedence in status designation.\n  if (query.key) {\n    return inferSelectByKeyReturnStatus(guide, snapshot, stage, query);\n  }\n\n  if (query.type?.all) {\n    return inferSelectAllByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n  if (query.type?.one) {\n    return inferSelectOneByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n\n  // Should not happen but just for completeness.\n  return undefined;\n};\n\nconst toSelectableStatus = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage | undefined,\n): SelectableStatus => {\n  if (!stage || stage.status === \"open\") {\n    return { status: undefined };\n  }\n\n  const query = {\n    key: (stage.results.key || {})[guide.key],\n    type: (stage.results.type || {})[guide.type],\n  };\n\n  const queried = Boolean(query.key || query.type);\n  if (!queried) {\n    // No present query in the current location can select this guide.\n    return { status: undefined };\n  }\n\n  const status = inferSelectReturnStatus(guide, snapshot, stage, query);\n  if (!status) {\n    return { status: undefined };\n  }\n\n  return { status, query };\n};\n\nconst toIneligibilityStatus = (\n  guide: KnockGuide,\n  marker?: KnockGuideIneligibilityMarker,\n): Partial<AnnotatedStatuses> => {\n  const statuses: Partial<AnnotatedStatuses> = {};\n\n  if (\n    marker?.reason === \"not_in_target_audience\" ||\n    marker?.reason === \"target_conditions_not_met\"\n  ) {\n    statuses.targetable = {\n      status: false,\n      reason: marker.reason,\n      message: marker.message,\n    };\n  }\n\n  if (\n    marker?.reason === \"marked_as_archived\" ||\n    (guide.steps || []).every((s) => !!s.message.archived_at)\n  ) {\n    statuses.archived = {\n      status: true,\n    };\n  }\n\n  if (marker?.reason === \"guide_not_active\") {\n    statuses.active = {\n      status: false,\n    };\n  }\n\n  return statuses;\n};\n\nconst resolveIsEligible = ({\n  active,\n  targetable,\n  archived,\n}: AnnotatedStatuses) => {\n  if (!active.status) return false;\n  if (!targetable.status) return false;\n  if (archived.status) return false;\n  return true;\n};\n\nexport const resolveIsQualified = ({\n  activatable,\n  selectable,\n}: AnnotatedStatuses) => {\n  if (!activatable.status) return false;\n  if (!selectable.status) return false;\n  return true;\n};\n\nconst annotateGuide = (\n  guide: KnockGuide,\n  snapshot: StoreStateSnapshot,\n  stage: KnockGuideClientGroupStage | undefined,\n): AnnotatedGuide => {\n  const { ineligibleGuides, location } = snapshot;\n  const marker = ineligibleGuides[guide.key];\n  const ineligiblity = toIneligibilityStatus(guide, marker);\n\n  const statuses: AnnotatedStatuses = {\n    // isEligible:\n    active: ineligiblity?.active || { status: true },\n    targetable: ineligiblity?.targetable || { status: true },\n    archived: ineligiblity?.archived || { status: false },\n    // isQualified:\n    activatable: { status: checkActivatable(guide, location) },\n    selectable: toSelectableStatus(guide, snapshot, stage),\n  };\n\n  const annotation: GuideAnnotation = {\n    ...statuses,\n    isEligible: resolveIsEligible(statuses),\n    isQualified: resolveIsQualified(statuses),\n  };\n\n  return {\n    ...guide,\n    annotation,\n  };\n};\n\nconst newUnknownGuide = (key: KnockGuide[\"key\"]) =>\n  ({\n    __typename: \"UnknownGuide\",\n    key,\n    active: false,\n    bypass_global_group_limit: false,\n    annotation: {\n      isEligible: false,\n      isQualified: false,\n      selectable: {\n        status: undefined,\n      },\n    },\n  }) as UnknownGuide;\n\nexport const useInspectGuideClientStore = (\n  runConfig: ToolbarV2RunConfig,\n): InspectionResult | undefined => {\n  const { client } = useGuideContext();\n\n  // Extract a snapshot of the client store state for debugging.\n  const snapshot: StoreStateSnapshot = useStore(client.store, (state) => {\n    const throttled = checkStateIfThrottled(state);\n\n    return {\n      location: state.location,\n      guides: state.guides,\n      guideGroups: state.guideGroups,\n      ineligibleGuides: state.ineligibleGuides,\n      debug: state.debug,\n      counter: state.counter,\n      queries: state.queries,\n      throttled,\n    };\n  });\n\n  // Not in debugging session, so noop.\n  if (!snapshot.debug?.debugging) {\n    return undefined;\n  }\n\n  // No recorded fetch requests, which implies an inflight request loading.\n  const req = Object.entries(snapshot.queries)[0];\n  if (!req || req[1].status === \"loading\") {\n    return {\n      status: \"error\",\n      error: \"no_guides_fetched\",\n      message: \"Loading...\",\n    };\n  }\n\n  // Should always be a default group so this should never happen.\n  const defaultGroup = snapshot.guideGroups[0];\n  if (!defaultGroup) {\n    return {\n      status: \"error\",\n      error: \"no_guide_group\",\n      message: \"No guide group found\",\n    };\n  }\n\n  const groupStage = client.getStage();\n\n  // Annotate guides for various eligibility, activation and query statuses\n  // that are useful for debugging purposes.\n  const orderedGuides = defaultGroup.display_sequence.map((guideKey) => {\n    const guide = snapshot.guides[guideKey];\n    if (!guide) {\n      return newUnknownGuide(guideKey);\n    }\n\n    return annotateGuide(guide, snapshot, groupStage);\n  });\n\n  // Check if the focused guide actually exists and is selectable on the page.\n  const focusedGuideKey = Object.keys(runConfig.focusedGuideKeys || {})[0];\n  if (groupStage?.status === \"closed\" && focusedGuideKey) {\n    const focusableGuide = orderedGuides.find(\n      (g) => g.key === focusedGuideKey && g.annotation.selectable.status,\n    );\n    if (!focusableGuide) {\n      return {\n        status: \"error\",\n        error: \"no_guide_present\",\n        message: `No component that can render \\`${focusedGuideKey}\\` was found`,\n      };\n    }\n  }\n\n  return {\n    status: \"ok\",\n    guides: orderedGuides,\n  };\n};\n\nexport const isUnknownGuide = (input: unknown): input is UnknownGuide =>\n  typeof input === \"object\" &&\n  input !== null &&\n  \"__typename\" in input &&\n  (input as UnknownGuide).__typename === \"UnknownGuide\";\n"],"names":["byKey","items","reduce","acc","item","key","inferSelectByKeyReturnStatus","guide","snapshot","stage","query","includeThrottled","one","metadata","opts","all","bypass_global_group_limit","resolved","throttled","inferSelectOneByTypeReturnStatus","type","result","size","first","values","inferSelectAllByTypeReturnStatus","guides","guidesByKey","inferSelectReturnStatus","toSelectableStatus","status","undefined","results","Boolean","toIneligibilityStatus","marker","statuses","reason","targetable","message","steps","every","s","archived_at","archived","active","resolveIsEligible","resolveIsQualified","activatable","selectable","annotateGuide","ineligibleGuides","location","ineligiblity","checkActivatable","annotation","isEligible","isQualified","newUnknownGuide","__typename","useInspectGuideClientStore","runConfig","client","useGuideContext","useStore","store","state","checkStateIfThrottled","guideGroups","debug","counter","queries","debugging","req","Object","entries","error","defaultGroup","groupStage","getStage","orderedGuides","display_sequence","map","guideKey","focusedGuideKey","keys","focusedGuideKeys","find","g","isUnknownGuide","input"],"mappings":"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"}

package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs

@@ -7,7 +7,7 @@ import { V2 as n } from "../components/Toolbar/V2/V2.mjs";
 import "../components/Modal/Modal.mjs";
 const f = ({
   children: t,
-  toolbar: e = "v1",
+  toolbar: e = "v2",
   ...o
 }) => /* @__PURE__ */ r.createElement(
   m,

package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n  KnockGuideProvider as KnockGuideProviderCore,\n  type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { ToolbarV1, ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n  toolbar?: \"v1\" | \"v2\";\n};\n\n// Re-export the core KnockGuideProvider, so we can add React specific\n// functionality like the Toolbar component which shouldn't be included in other\n// contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  children,\n  toolbar = \"v1\",\n  ...props\n}) => {\n  return (\n    <KnockGuideProviderCore\n      {...props}\n      // For backward compatibility with toolbar v1. Remove once v2 ships.\n      trackDebugParams={toolbar === \"v1\"}\n    >\n      {children}\n      {toolbar === \"v2\" ? <ToolbarV2 /> : <ToolbarV1 />}\n    </KnockGuideProviderCore>\n  );\n};\n"],"names":["KnockGuideProvider","children","toolbar","props","React","KnockGuideProviderCore","ToolbarV2","ToolbarV1"],"mappings":";;;;;;;AAeO,MAAMA,IAA+DA,CAAC;AAAA,EAC3EC,UAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,GAAIF;AAAAA,IAEJ,kBAAkBD,MAAY;AAAA,EAAA;AAAA,EAE7BD;AAAAA,EACAC,MAAY,OAAOE,gBAAAA,EAAA,cAACE,GAAY,IAAA,oCAAIC,GAAY,IAAA;AACnD;"}
+{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n  KnockGuideProvider as KnockGuideProviderCore,\n  type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { ToolbarV1, ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n  toolbar?: \"v1\" | \"v2\";\n};\n\n// Re-export the core KnockGuideProvider, so we can add React specific\n// functionality like the Toolbar component which shouldn't be included in other\n// contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  children,\n  toolbar = \"v2\",\n  ...props\n}) => {\n  return (\n    <KnockGuideProviderCore\n      {...props}\n      // For backward compatibility with toolbar v1. Remove once v2 ships.\n      trackDebugParams={toolbar === \"v1\"}\n    >\n      {children}\n      {toolbar === \"v2\" ? <ToolbarV2 /> : <ToolbarV1 />}\n    </KnockGuideProviderCore>\n  );\n};\n"],"names":["KnockGuideProvider","children","toolbar","props","React","KnockGuideProviderCore","ToolbarV2","ToolbarV1"],"mappings":";;;;;;;AAeO,MAAMA,IAA+DA,CAAC;AAAA,EAC3EC,UAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,GAAIF;AAAAA,IAEJ,kBAAkBD,MAAY;AAAA,EAAA;AAAA,EAE7BD;AAAAA,EACAC,MAAY,OAAOE,gBAAAA,EAAA,cAACE,GAAY,IAAA,oCAAIC,GAAY,IAAA;AACnD;"}

package/dist/types/modules/guide/components/Toolbar/V2/GuideAnnotatedStatusDot.d.ts

@@ -0,0 +1,6 @@
+export type StatusColor = "blue" | "red" | "yellow" | "gray";
+export declare const GuideAnnotatedStatusDot: ({ color, tooltip, }: {
+    color: StatusColor;
+    tooltip: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GuideAnnotatedStatusDot.d.ts.map

package/dist/types/modules/guide/components/Toolbar/V2/GuideAnnotatedStatusDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuideAnnotatedStatusDot.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideAnnotatedStatusDot.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAkD7D,eAAO,MAAM,uBAAuB,GAAI,qBAGrC;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,4CAeA,CAAC"}

package/dist/types/modules/guide/components/Toolbar/V2/GuideContextDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideContextDetails.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideContextDetails.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,+CA2J/B,CAAC"}
+{"version":3,"file":"GuideContextDetails.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideContextDetails.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,+CAqE/B,CAAC"}

package/dist/types/modules/guide/components/Toolbar/V2/GuideRow.d.ts

@@ -2,7 +2,9 @@ import { AnnotatedGuide, UnknownGuide } from './useInspectGuideClientStore';
 type Props = {
     guide: UnknownGuide | AnnotatedGuide;
     orderIndex: number;
+    isExpanded: boolean;
+    onClick: (guideKey: string) => void;
 };
-export declare const GuideRow: ({ guide, orderIndex }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const GuideRow: ({ guide, orderIndex, isExpanded, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=GuideRow.d.ts.map

package/dist/types/modules/guide/components/Toolbar/V2/GuideRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuideRow.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideRow.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,cAAc,EACd,YAAY,EAEb,MAAM,8BAA8B,CAAC;AAQtC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,YAAY,GAAG,cAAc,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uBAAuB,KAAK,4CA2KpD,CAAC"}
+{"version":3,"file":"GuideRow.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/GuideRow.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,cAAc,EAEd,YAAY,EAEb,MAAM,8BAA8B,CAAC;AA8KtC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,YAAY,GAAG,cAAc,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAA4C,KAAK,4CA4LzE,CAAC"}

package/dist/types/modules/guide/components/Toolbar/V2/GuideRowDetails.d.ts

@@ -0,0 +1,5 @@
+import { AnnotatedGuide, UnknownGuide } from './useInspectGuideClientStore';
+export declare const GuideRowDetails: ({ guide, }: {
+    guide: AnnotatedGuide | UnknownGuide;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GuideRowDetails.d.ts.map