@knocklabs/react 0.12.1 → 0.13.1

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  type ToolbarV2RunConfig,\n  checkActivatable,\n  checkStateIfThrottled,\n} from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport * as React from \"react\";\n\nimport { FOCUS_ERRORS } 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  byKey?: SelectionResultByLimit;\n  byType?: 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  orderIndex: number;\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 UncommittedGuide = {\n  __typename: \"UncommittedGuide\";\n  orderIndex: number;\n  key: KnockGuide[\"key\"];\n  active: false;\n  bypass_global_group_limit: false;\n  annotation: {\n    isEligible: false;\n    isQualified: false;\n    active: {\n      status: false;\n    };\n    selectable: {\n      status: undefined;\n    };\n  };\n};\n\nexport type InspectionResultOk = {\n  status: \"ok\";\n  guides: (AnnotatedGuide | UncommittedGuide)[];\n};\ntype InspectionResultError = {\n  status: \"error\";\n  error:\n    | \"no_guides_fetched\"\n    | \"no_guide_group\"\n    | \"focus_unknown_guide\"\n    | \"focus_uncommitted_guide\"\n    | \"focus_unselectable_guide\";\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.byKey?.one?.metadata?.opts?.includeThrottled ||\n    !!query.byKey?.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 =\n    !!query.byType?.one?.metadata?.opts?.includeThrottled;\n\n  const result = query.byType!.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.byType!.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 =\n    !!query.byType?.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.byKey) {\n    return inferSelectByKeyReturnStatus(guide, snapshot, stage, query);\n  }\n\n  if (query.byType?.all) {\n    return inferSelectAllByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n  if (query.byType?.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    byKey: (stage.results.byKey || {})[guide.key],\n    byType: (stage.results.byType || {})[guide.type],\n  };\n\n  const queried = Boolean(query.byKey || query.byType);\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  orderIndex: number,\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    orderIndex,\n    annotation,\n  };\n};\n\nconst newUncommittedGuide = (key: KnockGuide[\"key\"], orderIndex: number) =>\n  ({\n    __typename: \"UncommittedGuide\",\n    key,\n    orderIndex,\n    active: false,\n    bypass_global_group_limit: false,\n    annotation: {\n      isEligible: false,\n      isQualified: false,\n      active: {\n        status: false,\n      },\n      selectable: {\n        status: undefined,\n      },\n    },\n  }) as UncommittedGuide;\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  // Cache of the last settled orderedGuides, used to keep the toolbar stable\n  // while the group stage is transiently cleared or re-opening.\n  const orderedGuidesRef = React.useRef<\n    (AnnotatedGuide | UncommittedGuide)[] | undefined\n  >(undefined);\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  // The stage is transient while it is undefined (just cleared) or \"open\"\n  // (new stage with empty results); during these windows the computed\n  // selectable status collapses to undefined for every guide. \"closed\" and\n  // \"patch\" both preserve results, so we treat them as settled.\n  const isTransient = !groupStage || groupStage.status === \"open\";\n\n  // Annotate guides for various eligibility, activation and query statuses\n  // that are useful for debugging purposes. Serve the last settled result\n  // during transient windows to avoid flashing status dots.\n  let orderedGuides: (AnnotatedGuide | UncommittedGuide)[];\n  if (isTransient && orderedGuidesRef.current) {\n    orderedGuides = orderedGuidesRef.current;\n  } else {\n    orderedGuides = defaultGroup.display_sequence.map((guideKey, index) => {\n      const guide = snapshot.guides[guideKey];\n      if (!guide) {\n        return newUncommittedGuide(guideKey, index);\n      }\n      return annotateGuide(guide, index, snapshot, groupStage);\n    });\n\n    if (!isTransient) {\n      orderedGuidesRef.current = orderedGuides;\n    }\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 foundGuide = orderedGuides.find((g) => g.key === focusedGuideKey);\n\n    // No such guide exists for the given focused guide key.\n    if (!foundGuide) {\n      return {\n        status: \"error\",\n        error: \"focus_unknown_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUnknownGuide.toLowerCase()}.`,\n      };\n    }\n\n    // This guide exists but has never been committed and published, so it is\n    // not present in the API response.\n    if (isUncommittedGuide(foundGuide)) {\n      return {\n        status: \"error\",\n        error: \"focus_uncommitted_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUncommittedGuide.toLowerCase()}.`,\n      };\n    }\n\n    // This guide exists and is present in the response, but it is not queried\n    // in the current page so it is impossible to force render this guide.\n    if (!foundGuide.annotation.selectable.status) {\n      return {\n        status: \"error\",\n        error: \"focus_unselectable_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUnselectableGuide.toLowerCase()}.`,\n      };\n    }\n  }\n\n  return {\n    status: \"ok\",\n    guides: orderedGuides,\n  };\n};\n\nexport const isUncommittedGuide = (input: unknown): input is UncommittedGuide =>\n  typeof input === \"object\" &&\n  input !== null &&\n  \"__typename\" in input &&\n  (input as UncommittedGuide).__typename === \"UncommittedGuide\";\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","byType","result","size","first","values","inferSelectAllByTypeReturnStatus","guides","guidesByKey","inferSelectReturnStatus","toSelectableStatus","status","undefined","results","type","Boolean","toIneligibilityStatus","marker","statuses","reason","targetable","message","steps","every","s","archived_at","archived","active","resolveIsEligible","resolveIsQualified","activatable","selectable","annotateGuide","orderIndex","ineligibleGuides","location","ineligiblity","checkActivatable","annotation","isEligible","isQualified","newUncommittedGuide","__typename","useInspectGuideClientStore","runConfig","client","useGuideContext","useStore","store","state","checkStateIfThrottled","guideGroups","debug","counter","queries","orderedGuidesRef","React","useRef","debugging","req","Object","entries","error","defaultGroup","groupStage","getStage","isTransient","orderedGuides","current","display_sequence","map","guideKey","index","focusedGuideKey","keys","focusedGuideKeys","foundGuide","find","g","FOCUS_ERRORS","focusUnknownGuide","toLowerCase","isUncommittedGuide","focusUncommittedGuide","focusUnselectableGuide","input"],"mappings":"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"}
+{"version":3,"file":"useInspectGuideClientStore.mjs","names":[],"sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/useInspectGuideClientStore.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideClientGroupStage,\n  KnockGuideClientStoreState,\n  KnockGuideIneligibilityMarker,\n  KnockGuideSelectionResult,\n  type ToolbarV2RunConfig,\n  checkActivatable,\n  checkStateIfThrottled,\n} from \"@knocklabs/client\";\nimport { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport * as React from \"react\";\n\nimport { FOCUS_ERRORS } 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  byKey?: SelectionResultByLimit;\n  byType?: 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  orderIndex: number;\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 UncommittedGuide = {\n  __typename: \"UncommittedGuide\";\n  orderIndex: number;\n  key: KnockGuide[\"key\"];\n  active: false;\n  bypass_global_group_limit: false;\n  annotation: {\n    isEligible: false;\n    isQualified: false;\n    active: {\n      status: false;\n    };\n    selectable: {\n      status: undefined;\n    };\n  };\n};\n\nexport type InspectionResultOk = {\n  status: \"ok\";\n  guides: (AnnotatedGuide | UncommittedGuide)[];\n};\ntype InspectionResultError = {\n  status: \"error\";\n  error:\n    | \"no_guides_fetched\"\n    | \"no_guide_group\"\n    | \"focus_unknown_guide\"\n    | \"focus_uncommitted_guide\"\n    | \"focus_unselectable_guide\";\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.byKey?.one?.metadata?.opts?.includeThrottled ||\n    !!query.byKey?.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 =\n    !!query.byType?.one?.metadata?.opts?.includeThrottled;\n\n  const result = query.byType!.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.byType!.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 =\n    !!query.byType?.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.byKey) {\n    return inferSelectByKeyReturnStatus(guide, snapshot, stage, query);\n  }\n\n  if (query.byType?.all) {\n    return inferSelectAllByTypeReturnStatus(guide, snapshot, stage, query);\n  }\n  if (query.byType?.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    byKey: (stage.results.byKey || {})[guide.key],\n    byType: (stage.results.byType || {})[guide.type],\n  };\n\n  const queried = Boolean(query.byKey || query.byType);\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  orderIndex: number,\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    orderIndex,\n    annotation,\n  };\n};\n\nconst newUncommittedGuide = (key: KnockGuide[\"key\"], orderIndex: number) =>\n  ({\n    __typename: \"UncommittedGuide\",\n    key,\n    orderIndex,\n    active: false,\n    bypass_global_group_limit: false,\n    annotation: {\n      isEligible: false,\n      isQualified: false,\n      active: {\n        status: false,\n      },\n      selectable: {\n        status: undefined,\n      },\n    },\n  }) as UncommittedGuide;\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  // Cache of the last settled orderedGuides, used to keep the toolbar stable\n  // while the group stage is transiently cleared or re-opening.\n  const orderedGuidesRef = React.useRef<\n    (AnnotatedGuide | UncommittedGuide)[] | undefined\n  >(undefined);\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  // The stage is transient while it is undefined (just cleared) or \"open\"\n  // (new stage with empty results); during these windows the computed\n  // selectable status collapses to undefined for every guide. \"closed\" and\n  // \"patch\" both preserve results, so we treat them as settled.\n  const isTransient = !groupStage || groupStage.status === \"open\";\n\n  // Annotate guides for various eligibility, activation and query statuses\n  // that are useful for debugging purposes. Serve the last settled result\n  // during transient windows to avoid flashing status dots.\n  let orderedGuides: (AnnotatedGuide | UncommittedGuide)[];\n  if (isTransient && orderedGuidesRef.current) {\n    orderedGuides = orderedGuidesRef.current;\n  } else {\n    orderedGuides = defaultGroup.display_sequence.map((guideKey, index) => {\n      const guide = snapshot.guides[guideKey];\n      if (!guide) {\n        return newUncommittedGuide(guideKey, index);\n      }\n      return annotateGuide(guide, index, snapshot, groupStage);\n    });\n\n    if (!isTransient) {\n      orderedGuidesRef.current = orderedGuides;\n    }\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 foundGuide = orderedGuides.find((g) => g.key === focusedGuideKey);\n\n    // No such guide exists for the given focused guide key.\n    if (!foundGuide) {\n      return {\n        status: \"error\",\n        error: \"focus_unknown_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUnknownGuide.toLowerCase()}.`,\n      };\n    }\n\n    // This guide exists but has never been committed and published, so it is\n    // not present in the API response.\n    if (isUncommittedGuide(foundGuide)) {\n      return {\n        status: \"error\",\n        error: \"focus_uncommitted_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUncommittedGuide.toLowerCase()}.`,\n      };\n    }\n\n    // This guide exists and is present in the response, but it is not queried\n    // in the current page so it is impossible to force render this guide.\n    if (!foundGuide.annotation.selectable.status) {\n      return {\n        status: \"error\",\n        error: \"focus_unselectable_guide\",\n        message: `Unable to display \\`${focusedGuideKey}\\`, ${FOCUS_ERRORS.focusUnselectableGuide.toLowerCase()}.`,\n      };\n    }\n  }\n\n  return {\n    status: \"ok\",\n    guides: orderedGuides,\n  };\n};\n\nexport const isUncommittedGuide = (input: unknown): input is UncommittedGuide =>\n  typeof input === \"object\" &&\n  input !== null &&\n  \"__typename\" in input &&\n  (input as UncommittedGuide).__typename === \"UncommittedGuide\";\n"],"mappings":";;;;;AAeA,IAAM,KAAoC,MACjC,EAAM,QAAQ,GAAK,OAAU;CAAE,GAAG;EAAM,EAAK,MAAM;AAAK,IAAI,CAAC,CAAC,GAyIjE,KACJ,GACA,GACA,GACA,MACsC;CACtC,IAAM,IACJ,CAAC,CAAC,EAAM,OAAO,KAAK,UAAU,MAAM,oBACpC,CAAC,CAAC,EAAM,OAAO,KAAK,UAAU,MAAM;CAkBtC,OAfI,EAAM,4BACD,aAIL,EAAM,QAAQ,EAAM,WAClB,EAAS,aAAa,CAAC,IAClB,cAEF,aAMF;AACT,GAEM,KACJ,GACA,GACA,GACA,MACsC;CACtC,IAAM,IACJ,CAAC,CAAC,EAAM,QAAQ,KAAK,UAAU,MAAM,kBAEjC,IAAS,EAAM,OAAQ;CAC7B,IAAI,EAAO,SAAS,GAClB,OAAO;CAST,IAAI,EAAM,2BAA2B;EAEnC,IAAM,IAAQ,CADE,GAAG,EAAO,OAAO,CACnB,CAAA,CAAO;EAMrB,OAJI,EAAM,QAAQ,EAAM,MAIjB,aAFE;CAGX;CAaA,OAVI,EAAM,QAAQ,EAAM,WAClB,EAAS,aAAa,CAAC,IAClB,cAEF,aAMF;AACT,GAEM,KACJ,GACA,GACA,GACA,MACsC;CACtC,IAAM,IAAS,EAAM,OAAQ;CAC7B,IAAI,EAAO,SAAS,GAClB,OAAO;CAGT,IAAM,IAAS,CAAC,GAAG,EAAO,OAAO,CAAC,GAC5B,IAAQ,EAAO,IAGf,IAAqD,EAAM,CAAM;CAsBvE,OAlBI,EAAM,QAAQ,KAAK,UAAU,MAAM,mBAE9B,EAAY,EAAM,OAAO,aAAa,aAM3C,EAAM,6BAA6B,EAAM,QAAQ,EAAM,aACpD,EAAY,EAAM,OAGnB,EAAS,YACJ,EAAM,4BAA4B,aAAa,cAEjD,aALE;AASb,GAEM,KACJ,GACA,GACA,GACA,MACG;CAGH,IAAI,EAAM,OACR,OAAO,EAA6B,GAAO,GAAU,GAAO,CAAK;CAGnE,IAAI,EAAM,QAAQ,KAChB,OAAO,EAAiC,GAAO,GAAU,GAAO,CAAK;CAEvE,IAAI,EAAM,QAAQ,KAChB,OAAO,EAAiC,GAAO,GAAU,GAAO,CAAK;AAKzE,GAEM,KACJ,GACA,GACA,MACqB;CACrB,IAAI,CAAC,KAAS,EAAM,WAAW,QAC7B,OAAO,EAAE,QAAQ,KAAA,EAAU;CAG7B,IAAM,IAAQ;EACZ,QAAQ,EAAM,QAAQ,SAAS,CAAC,EAAA,CAAG,EAAM;EACzC,SAAS,EAAM,QAAQ,UAAU,CAAC,EAAA,CAAG,EAAM;CAC7C;CAGA,IAAI,EADoB,EAAM,SAAS,EAAM,SAG3C,OAAO,EAAE,QAAQ,KAAA,EAAU;CAG7B,IAAM,IAAS,EAAwB,GAAO,GAAU,GAAO,CAAK;CAKpE,OAJK,IAIE;EAAE;EAAQ;CAAM,IAHd,EAAE,QAAQ,KAAA,EAAU;AAI/B,GAEM,KACJ,GACA,MAC+B;CAC/B,IAAM,IAAuC,CAAC;CA4B9C,QAzBE,GAAQ,WAAW,4BACnB,GAAQ,WAAW,iCAEnB,EAAS,aAAa;EACpB,QAAQ;EACR,QAAQ,EAAO;EACf,SAAS,EAAO;CAClB,KAIA,GAAQ,WAAW,yBAClB,EAAM,SAAS,CAAC,EAAA,CAAG,OAAO,MAAM,CAAC,CAAC,EAAE,QAAQ,WAAW,OAExD,EAAS,WAAW,EAClB,QAAQ,GACV,IAGE,GAAQ,WAAW,uBACrB,EAAS,SAAS,EAChB,QAAQ,GACV,IAGK;AACT,GAEM,KAAqB,EACzB,WACA,eACA,kBAIA,EAFI,CAAC,EAAO,UACR,CAAC,EAAW,UACZ,EAAS,SAIF,KAAsB,EACjC,gBACA,oBAGA,EADI,CAAC,EAAY,UACb,CAAC,EAAW,SAIZ,KACJ,GACA,GACA,GACA,MACmB;CACnB,IAAM,EAAE,qBAAkB,gBAAa,GACjC,IAAS,EAAiB,EAAM,MAChC,IAAe,EAAsB,GAAO,CAAM,GAElD,IAA8B;EAElC,QAAQ,GAAc,UAAU,EAAE,QAAQ,GAAK;EAC/C,YAAY,GAAc,cAAc,EAAE,QAAQ,GAAK;EACvD,UAAU,GAAc,YAAY,EAAE,QAAQ,GAAM;EAEpD,aAAa,EAAE,QAAQ,EAAiB,GAAO,CAAQ,EAAE;EACzD,YAAY,EAAmB,GAAO,GAAU,CAAK;CACvD,GAEM,IAA8B;EAClC,GAAG;EACH,YAAY,EAAkB,CAAQ;EACtC,aAAa,EAAmB,CAAQ;CAC1C;CAEA,OAAO;EACL,GAAG;EACH;EACA;CACF;AACF,GAEM,KAAuB,GAAwB,OAClD;CACC,YAAY;CACZ;CACA;CACA,QAAQ;CACR,2BAA2B;CAC3B,YAAY;EACV,YAAY;EACZ,aAAa;EACb,QAAQ,EACN,QAAQ,GACV;EACA,YAAY,EACV,QAAQ,KAAA,EACV;CACF;AACF,IAEW,KACX,MACiC;CACjC,IAAM,EAAE,cAAW,EAAgB,GAG7B,IAA+B,EAAS,EAAO,QAAQ,MAAU;EACrE,IAAM,IAAY,EAAsB,CAAK;EAE7C,OAAO;GACL,UAAU,EAAM;GAChB,QAAQ,EAAM;GACd,aAAa,EAAM;GACnB,kBAAkB,EAAM;GACxB,OAAO,EAAM;GACb,SAAS,EAAM;GACf,SAAS,EAAM;GACf;EACF;CACF,CAAC,GAIK,IAAmB,EAAM,OAE7B,KAAA,CAAS;CAGX,IAAI,CAAC,EAAS,OAAO,WACnB;CAIF,IAAM,IAAM,OAAO,QAAQ,EAAS,OAAO,CAAC,CAAC;CAC7C,IAAI,CAAC,KAAO,EAAI,EAAE,CAAC,WAAW,WAC5B,OAAO;EACL,QAAQ;EACR,OAAO;EACP,SAAS;CACX;CAIF,IAAM,IAAe,EAAS,YAAY;CAC1C,IAAI,CAAC,GACH,OAAO;EACL,QAAQ;EACR,OAAO;EACP,SAAS;CACX;CAGF,IAAM,IAAa,EAAO,SAAS,GAM7B,IAAc,CAAC,KAAc,EAAW,WAAW,QAKrD;CACJ,AAAI,KAAe,EAAiB,UAClC,IAAgB,EAAiB,WAEjC,IAAgB,EAAa,iBAAiB,KAAK,GAAU,MAAU;EACrE,IAAM,IAAQ,EAAS,OAAO;EAI9B,OAHK,IAGE,EAAc,GAAO,GAAO,GAAU,CAAU,IAF9C,EAAoB,GAAU,CAAK;CAG9C,CAAC,GAEI,MACH,EAAiB,UAAU;CAK/B,IAAM,IAAkB,OAAO,KAAK,EAAU,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACtE,IAAI,GAAY,WAAW,YAAY,GAAiB;EACtD,IAAM,IAAa,EAAc,MAAM,MAAM,EAAE,QAAQ,CAAe;EAGtE,IAAI,CAAC,GACH,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS,uBAAuB,EAAgB,MAAM,EAAa,kBAAkB,YAAY,EAAE;EACrG;EAKF,IAAI,EAAmB,CAAU,GAC/B,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS,uBAAuB,EAAgB,MAAM,EAAa,sBAAsB,YAAY,EAAE;EACzG;EAKF,IAAI,CAAC,EAAW,WAAW,WAAW,QACpC,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS,uBAAuB,EAAgB,MAAM,EAAa,uBAAuB,YAAY,EAAE;EAC1G;CAEJ;CAEA,OAAO;EACL,QAAQ;EACR,QAAQ;CACV;AACF,GAEa,KAAsB,MACjC,OAAO,KAAU,cACjB,KACA,gBAAgB,KACf,EAA2B,eAAe"}

package/dist/esm/modules/guide/components/Toolbar/index.mjs

@@ -0,0 +1,3 @@
+import { V2 as e } from "./V2/V2.mjs";
+import "./V2/index.mjs";
+export { e as ToolbarV2 };

package/dist/esm/modules/guide/components/Toolbar/shared.mjs

@@ -1,5 +1,6 @@
-const t = "var(--tgph-zIndex-tooltip)";
-export {
-  t as TOOLBAR_Z_INDEX
-};
-//# sourceMappingURL=shared.mjs.map
+//#region src/modules/guide/components/Toolbar/shared.ts
+var e = "var(--tgph-zIndex-tooltip)";
+//#endregion
+export { e as TOOLBAR_Z_INDEX };
+
+//# sourceMappingURL=shared.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","sources":["../../../../../../src/modules/guide/components/Toolbar/shared.ts"],"sourcesContent":["// Match the hardcoded z-index value in the telegraph tooltip package for now\n// to ensure everything within a toolbar is visible.\nexport const TOOLBAR_Z_INDEX = \"var(--tgph-zIndex-tooltip)\";\n"],"names":["TOOLBAR_Z_INDEX"],"mappings":"AAEO,MAAMA,IAAkB;"}
+{"version":3,"file":"shared.mjs","names":[],"sources":["../../../../../../src/modules/guide/components/Toolbar/shared.ts"],"sourcesContent":["// Match the hardcoded z-index value in the telegraph tooltip package for now\n// to ensure everything within a toolbar is visible.\nexport const TOOLBAR_Z_INDEX = \"var(--tgph-zIndex-tooltip)\";\n"],"mappings":";AAEA,IAAa,IAAkB"}

package/dist/esm/modules/guide/components/Toolbar/styles.inline.mjs

@@ -0,0 +1,6 @@
+//#region src/modules/guide/components/Toolbar/styles.css?inline
+var e = "@keyframes toolbar-collapse-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes toolbar-expand-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tgph-button{--tgph-button-text-color:none;appearance:none;cursor:pointer;box-sizing:border-box;font-family:inherit;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}.tgph-button [data-button-text],.tgph-button [data-button-icon]{transition:color .2s ease-in-out}.tgph-button:not([data-tgph-button-state=disabled]):hover [data-button-text],.tgph-button:not([data-tgph-button-state=disabled]):hover [data-button-icon]{--color:var(--hover--tgph-button-text-color,var(--tgph-button-text-color))!important}.tgph-button[data-tgph-button-state=active]{box-shadow:var(--active--box-shadow,var(--box-shadow));background-color:var(--active--background-color,var(--background-color))}.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=solid],.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=soft],.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=outline]{background-color:var(--tgph-gray-3)}.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=ghost]{background-color:var(--tgph-transparent)}.tgph-button:disabled{cursor:not-allowed}.tgph-button[data-tgph-button-state=disabled]:hover{background-color:revert}.tgph-icon{display:inline-block}.tgph-icon[data-tgph-icon-animation=spin]{animation:1s linear infinite tgph-icon-spin}@keyframes tgph-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tgph-box{--background-color:none;--border-color:var(--tgph-gray-5);--box-shadow:none;--border-style:solid;--border-width:0;--padding:0;--margin:0;--border-radius:0;--width:auto;--max-width:auto;--min-width:auto;--height:auto;--max-height:auto;--min-height:auto;--z-index:auto;--position:static;--top:auto;--left:auto;--right:auto;--bottom:auto;--overflow:visible visible;--align-self:auto;--direction:row;background-color:var(--background-color);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);box-shadow:var(--box-shadow);padding:var(--padding);margin:var(--margin);border-radius:var(--border-radius);width:var(--width);max-width:var(--max-width);min-width:var(--min-width);height:var(--height);max-height:var(--max-height);min-height:var(--min-height);z-index:var(--z-index);position:var(--position);top:var(--top);left:var(--left);right:var(--right);bottom:var(--bottom);overflow:var(--overflow);align-self:var(--align-self);flex-direction:var(--direction)}.tgph-box--interactive:hover{background-color:var(--hover--background-color,var(--background-color));border-width:var(--hover--border-width,var(--border-width));border-style:var(--hover--border-style,var(--border-style));border-color:var(--hover--border-color,var(--border-color));box-shadow:var(--hover--box-shadow,var(--box-shadow));padding:var(--hover--padding,var(--padding));margin:var(--hover--margin,var(--margin));border-radius:var(--hover--border-radius,var(--border-radius));width:var(--hover--width,var(--width));max-width:var(--hover--max-width,var(--max-width));min-width:var(--hover--min-width,var(--min-width));height:var(--hover--height,var(--height));max-height:var(--hover--max-height,var(--max-height));min-height:var(--hover--min-height,var(--min-height));z-index:var(--hover--z-index,var(--z-index));position:var(--hover--position,var(--position));top:var(--hover--top,var(--top));left:var(--hover--left,var(--left));right:var(--hover--right,var(--right));bottom:var(--hover--bottom,var(--bottom));overflow:var(--hover--overflow,var(--overflow));align-self:var(--hover--align-self,var(--align-self));flex-direction:var(--hover--direction,var(--direction))}.tgph-box--interactive:focus-visible{background-color:var(--focus--background-color,var(--background-color));border-width:var(--focus--border-width,var(--border-width));border-style:var(--focus--border-style,var(--border-style));border-color:var(--focus--border-color,var(--border-color));box-shadow:var(--focus--box-shadow,var(--box-shadow));padding:var(--focus--padding,var(--padding));margin:var(--focus--margin,var(--margin));border-radius:var(--focus--border-radius,var(--border-radius));width:var(--focus--width,var(--width));max-width:var(--focus--max-width,var(--max-width));min-width:var(--focus--min-width,var(--min-width));height:var(--focus--height,var(--height));max-height:var(--focus--max-height,var(--max-height));min-height:var(--focus--min-height,var(--min-height));z-index:var(--focus--z-index,var(--z-index));position:var(--focus--position,var(--position));top:var(--focus--top,var(--top));left:var(--focus--left,var(--left));right:var(--focus--right,var(--right));bottom:var(--focus--bottom,var(--bottom));overflow:var(--focus--overflow,var(--overflow));align-self:var(--focus--align-self,var(--align-self));flex-direction:var(--focus--direction,var(--direction))}.tgph-box--interactive:active{background-color:var(--active--background-color,var(--background-color));border-width:var(--active--border-width,var(--border-width));border-style:var(--active--border-style,var(--border-style));border-color:var(--active--border-color,var(--border-color));box-shadow:var(--active--box-shadow,var(--box-shadow));padding:var(--active--padding,var(--padding));margin:var(--active--margin,var(--margin));border-radius:var(--active--border-radius,var(--border-radius));width:var(--active--width,var(--width));max-width:var(--active--max-width,var(--max-width));min-width:var(--active--min-width,var(--min-width));height:var(--active--height,var(--height));max-height:var(--active--max-height,var(--max-height));min-height:var(--active--min-height,var(--min-height));z-index:var(--active--z-index,var(--z-index));position:var(--active--position,var(--position));top:var(--active--top,var(--top));left:var(--active--left,var(--left));right:var(--active--right,var(--right));bottom:var(--active--bottom,var(--bottom));overflow:var(--active--overflow,var(--overflow));align-self:var(--active--align-self,var(--align-self));flex-direction:var(--active--direction,var(--direction))}.tgph-box--interactive:has(:focus-within){background-color:var(--focus-within--background-color,var(--background-color));border-width:var(--focus-within--border-width,var(--border-width));border-style:var(--focus-within--border-style,var(--border-style));border-color:var(--focus-within--border-color,var(--border-color));box-shadow:var(--focus-within--box-shadow,var(--box-shadow));padding:var(--focus-within--padding,var(--padding));margin:var(--focus-within--margin,var(--margin));border-radius:var(--focus-within--border-radius,var(--border-radius));width:var(--focus-within--width,var(--width));max-width:var(--focus-within--max-width,var(--max-width));min-width:var(--focus-within--min-width,var(--min-width));height:var(--focus-within--height,var(--height));max-height:var(--focus-within--max-height,var(--max-height));min-height:var(--focus-within--min-height,var(--min-height));z-index:var(--focus-within--z-index,var(--z-index));position:var(--focus-within--position,var(--position));top:var(--focus-within--top,var(--top));left:var(--focus-within--left,var(--left));right:var(--focus-within--right,var(--right));bottom:var(--focus-within--bottom,var(--bottom));overflow:var(--focus-within--overflow,var(--overflow));align-self:var(--focus-within--align-self,var(--align-self));flex-direction:var(--focus-within--direction,var(--direction))}.tgph-box--interactive:disabled,.tgph-box--interactive[aria-disabled=true]{background-color:var(--disabled--background-color,var(--background-color));border-width:var(--disabled--border-width,var(--border-width));border-style:var(--disabled--border-style,var(--border-style));border-color:var(--disabled--border-color,var(--border-color));box-shadow:var(--disabled--box-shadow,var(--box-shadow));padding:var(--disabled--padding,var(--padding));margin:var(--disabled--margin,var(--margin));border-radius:var(--disabled--border-radius,var(--border-radius));width:var(--disabled--width,var(--width));max-width:var(--disabled--max-width,var(--max-width));min-width:var(--disabled--min-width,var(--min-width));height:var(--disabled--height,var(--height));max-height:var(--disabled--max-height,var(--max-height));min-height:var(--disabled--min-height,var(--min-height));z-index:var(--disabled--z-index,var(--z-index));position:var(--disabled--position,var(--position));top:var(--disabled--top,var(--top));left:var(--disabled--left,var(--left));right:var(--disabled--right,var(--right));bottom:var(--disabled--bottom,var(--bottom));overflow:var(--disabled--overflow,var(--overflow));align-self:var(--disabled--align-self,var(--align-self));flex-direction:var(--disabled--direction,var(--direction))}.tgph-stack{--display:flex;--direction:row;--wrap:nowrap;--justify:flex-start;--align:stretch;--gap:0;display:var(--display);flex-direction:var(--direction);flex-wrap:var(--wrap);justify-content:var(--justify);align-items:var(--align);gap:var(--gap)}[data-tgph-toggle-switch]{cursor:pointer;flex-shrink:0;transition:background-color .18s cubic-bezier(.16,1,.3,1);position:relative}:has([data-tgph-toggle-input]:focus-visible) [data-tgph-toggle-switch]{outline:2px solid var(--tgph-blue-8);outline-offset:2px}[data-tgph-toggle-icon]{transition:transform .18s cubic-bezier(.16,1,.3,1)}[data-tgph-toggle-switch][data-tgph-toggle-checked=true] [data-tgph-toggle-icon]{transform:translateX(calc(100% - var(--tgph-spacing-0_5)))}[data-tgph-toggle-label]{cursor:pointer;-webkit-user-select:none;user-select:none}[data-tgph-toggle-label][data-tgph-toggle-disabled=true]{cursor:not-allowed;color:var(--tgph-gray-9)}[data-tgph-toggle-switch][data-tgph-toggle-checked=false]{background-color:var(--tgph-gray-7)!important}[data-tgph-toggle-switch][data-tgph-toggle-checked=true][data-tgph-button-state=disabled]{background-color:var(--background-color)!important}[data-tgph-toggle-switch][data-tgph-button-state=disabled]{opacity:.5}.tgph-text,.tgph-heading,.tgph-code{--color:var(--tgph-gray-12);--font-size:var(--tgph-text-2);--weight:var(--tgph-weight-regular);--leading:var(--tgph-leading-2);--tracking:var(--tgph-tracking-2);--text-align:left;--font-family:var(--tgph-family-sans);--text-overflow:clip;color:var(--color);font-size:var(--font-size);font-weight:var(--weight);line-height:var(--leading);letter-spacing:var(--tracking);text-align:var(--text-align);box-sizing:border-box;font-family:var(--font-family);text-overflow:var(--text-overflow)}[data-tgph-input-container]{box-sizing:border-box}[data-tgph-input-slot]{box-sizing:border-box;order:2}[data-tgph-input-slot]>[data-tgph-button]{width:var(--tgph-spacing-full);height:var(--tgph-spacing-auto)}[data-tgph-input-slot]>[data-tgph-button-layout=icon-only]{aspect-ratio:1;padding:var(--tgph-spacing-0)}[data-tgph-input-slot]>[data-tgph-button-layout=default]{padding:var(--tgph-spacing-2)}[data-tgph-input-slot]:has([data-tgph-button-layout=icon-only]){aspect-ratio:1}[data-tgph-input-slot]:has([data-tgph-button-layout=icon-only]){padding:var(--tgph-spacing-1)!important}[data-tgph-input-slot-position=leading]{order:1}[data-tgph-input-slot-position=trailing]{order:3}[data-tgph-input-slot-size=\"1\"]>[data-tgph-button],[data-tgph-input-slot-size=\"2\"]>[data-tgph-button]{border-radius:var(--tgph-rounded-1)}[data-tgph-input-slot-size=\"3\"]>[data-tgph-button]{border-radius:var(--tgph-rounded-2)}[data-tgph-input-container-state=disabled]{cursor:not-allowed}[data-tgph-input-field]{appearance:none;box-shadow:none;border:none;outline:none;order:2;font-family:inherit}[data-tgph-menu-button]:focus-visible,[data-tgph-menu-content]:focus,[data-tgph-menu-content]:focus-visible{outline:none}[data-tgph-menu-button][data-state=open]{background-color:var(--hover--background-color,var(--background-color))}[data-tgph-truncate]{--tgph-truncate-line-height:1lh;--tgph-truncate-marker-bg:var(--tgph-surface-1,#fff);--tgph-truncate-marker-fade-width:2px;--tgph-truncate-marker-gap:0px;--tgph-truncate-marker-color:color-mix(in srgb, currentColor var(--tgph-truncate-marker-opacity,50%), transparent);height:var(--tgph-truncate-line-height);min-width:0;overflow:hidden}[data-tgph-truncate-grid]{display:grid;position:relative}[data-tgph-truncate-content=visible]{white-space:nowrap}[data-tgph-truncate-content=overflow]{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;word-break:break-all;margin-top:calc(-1 * var(--tgph-truncate-line-height))}[data-tgph-truncate-marker-cell]{-webkit-user-select:none;user-select:none;pointer-events:none;overflow:visible;container:tgph-measure/size}[data-tgph-truncate-marker]{z-index:1;height:var(--tgph-truncate-line-height);background-color:var(--tgph-truncate-marker-bg);color:var(--tgph-truncate-marker-color);opacity:0;align-items:center;transition:opacity .12s ease-in-out;display:flex;position:absolute;top:0}@container tgph-measure (height>1lh){[data-tgph-truncate-marker]{opacity:1}}[data-tgph-truncate=truncate] [data-tgph-truncate-grid]{grid-template-columns:minmax(0,max-content) 0}[data-tgph-truncate=truncate] [data-tgph-truncate-marker]{right:0}[data-tgph-truncate=fruncate] [data-tgph-truncate-grid]{grid-template-columns:0 minmax(0,max-content) auto}[data-tgph-truncate=fruncate] [data-tgph-truncate-content]{direction:rtl}[data-tgph-truncate=fruncate] [data-tgph-truncate-content]>span{unicode-bidi:plaintext}[data-tgph-truncate=fruncate] [data-tgph-truncate-marker]{left:0}[data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before,[data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after{content:\"\";height:var(--tgph-truncate-line-height);width:calc(var(--tgph-truncate-marker-fade-width) + var(--tgph-truncate-marker-gap));background-color:var(--tgph-truncate-marker-bg);-webkit-mask-image:linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);-webkit-mask-image:linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);-webkit-mask-image:linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);mask-image:linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);position:absolute;top:0}[data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before{--tgph-truncate-fade-dir:to left;right:100%}[data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after{--tgph-truncate-fade-dir:to right;left:100%}[data-tgph-truncate-group=middle]{--tgph-truncate-marker-opacity:var(--tgph-truncate-middle-marker-opacity,80%);min-width:0;display:flex}[data-tgph-truncate-group=middle]>[data-tgph-truncate-segment]{min-width:0}[data-tgph-truncate-priority=end]>[data-tgph-truncate-segment=head]{flex:0 auto}[data-tgph-truncate-priority=end]>[data-tgph-truncate-segment=tail],[data-tgph-truncate-priority=start]>[data-tgph-truncate-segment=head]{flex:none;max-width:100%}[data-tgph-truncate-priority=start]>[data-tgph-truncate-segment=tail]{flex:0 auto}[data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]{color:#0000;background-color:#0000;width:2.5rem;padding:0}[data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before{content:\"\";position:absolute;inset:0}[data-tgph-truncate=truncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before{background:linear-gradient(to right, transparent, var(--tgph-truncate-marker-bg) 90%)}[data-tgph-truncate=fruncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before{background:linear-gradient(to left, transparent, var(--tgph-truncate-marker-bg) 90%)}:root{--tgph-border-style-solid:solid;--tgph-border-style-dashed:dashed;--tgph-transparent:transparent;--tgph-white:#fff;--tgph-black:#000;--tgph-alpha-white-1:#ffffff0d;--tgph-alpha-white-2:#ffffff1a;--tgph-alpha-white-3:#ffffff26;--tgph-alpha-white-4:#fff3;--tgph-alpha-white-5:#ffffff4d;--tgph-alpha-white-6:#fff6;--tgph-alpha-white-7:#ffffff80;--tgph-alpha-white-8:#fff9;--tgph-alpha-white-9:#ffffffb3;--tgph-alpha-white-10:#fffc;--tgph-alpha-white-11:#ffffffe6;--tgph-alpha-white-12:#fffffff2;--tgph-alpha-black-1:#0000000d;--tgph-alpha-black-2:#0000001a;--tgph-alpha-black-3:#00000026;--tgph-alpha-black-4:#0003;--tgph-alpha-black-5:#0000004d;--tgph-alpha-black-6:#0006;--tgph-alpha-black-7:#00000080;--tgph-alpha-black-8:#0009;--tgph-alpha-black-9:#000000b3;--tgph-alpha-black-10:#000c;--tgph-alpha-black-11:#000000e6;--tgph-alpha-black-12:#000000f2;--tgph-rounded-0:0px;--tgph-rounded-1:.125rem;--tgph-rounded-2:.25rem;--tgph-rounded-3:.375rem;--tgph-rounded-4:.5rem;--tgph-rounded-5:.75rem;--tgph-rounded-6:1rem;--tgph-rounded-full:9999px;--tgph-shadow-0:0px 0px 0px 0px #0000;--tgph-shadow-1:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff14, inset 0px 1px 0px 0px #ffffff0f, inset 0px -1px 0px 0px #ffffff05, 0px 1px 2px 0px #00000008;--tgph-shadow-2:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff1a, inset 0px 1px 0px 0px #ffffff14, inset 0px -1px 0px 0px #ffffff05, 0px 1px 2px 0px #0000000a, 0px 4px 8px -2px #0000000d;--tgph-shadow-3:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff1f, inset 0px 1px 0px 0px #ffffff17, inset 0px -1px 0px 0px #ffffff08, 0px 1px 1px 0px #0000000a, 0px 4px 6px -1px #0000000d, 0px 8px 16px -4px #0000000f;--tgph-shadow-inner:0px 5px 2px 0px #1c202403 inset, 0px 3px 2px 0px #1c202408 inset, 0px 1px 1px 0px #1c20240d inset, 0px 0px 1px 0px #1c20240f inset;--tgph-spacing-0:0px;--tgph-spacing-1:.25rem;--tgph-spacing-2:.5rem;--tgph-spacing-3:.75rem;--tgph-spacing-4:1rem;--tgph-spacing-5:1.25rem;--tgph-spacing-6:1.5rem;--tgph-spacing-7:1.75rem;--tgph-spacing-8:2rem;--tgph-spacing-9:2.25rem;--tgph-spacing-10:2.5rem;--tgph-spacing-11:2.75rem;--tgph-spacing-12:3rem;--tgph-spacing-14:3.5rem;--tgph-spacing-16:4rem;--tgph-spacing-20:5rem;--tgph-spacing-24:6rem;--tgph-spacing-28:7rem;--tgph-spacing-32:8rem;--tgph-spacing-36:9rem;--tgph-spacing-40:10rem;--tgph-spacing-44:11rem;--tgph-spacing-48:12rem;--tgph-spacing-52:13rem;--tgph-spacing-56:14rem;--tgph-spacing-60:15rem;--tgph-spacing-64:16rem;--tgph-spacing-72:18rem;--tgph-spacing-80:20rem;--tgph-spacing-96:24rem;--tgph-spacing-120:30rem;--tgph-spacing-140:35rem;--tgph-spacing-160:40rem;--tgph-spacing-px:1px;--tgph-spacing-0_5:.125rem;--tgph-spacing-1_5:.375rem;--tgph-spacing-2_5:.625rem;--tgph-spacing-3_5:.875rem;--tgph-spacing-full:100%;--tgph-spacing-auto:auto;--tgph-family-sans:Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--tgph-family-mono:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--tgph-leading-0:1rem;--tgph-leading-1:1rem;--tgph-leading-2:1.25rem;--tgph-leading-3:1.5rem;--tgph-leading-4:1.5rem;--tgph-leading-5:1.75rem;--tgph-leading-6:2rem;--tgph-leading-7:2.25rem;--tgph-leading-8:2.5rem;--tgph-leading-9:3.5rem;--tgph-leading-code-0:1rem;--tgph-leading-code-1:1rem;--tgph-leading-code-2:1.25rem;--tgph-leading-code-3:1.5rem;--tgph-leading-code-4:1.75rem;--tgph-leading-code-5:1.75rem;--tgph-leading-code-6:2rem;--tgph-leading-code-7:2.25rem;--tgph-leading-code-8:2.5rem;--tgph-leading-code-9:3rem;--tgph-tracking-0:0.25%;--tgph-tracking-1:0.25%;--tgph-tracking-2:0;--tgph-tracking-3:0;--tgph-tracking-4:-0.25%;--tgph-tracking-5:-0.5%;--tgph-tracking-6:-0.625%;--tgph-tracking-7:-0.75%;--tgph-tracking-8:-1%;--tgph-tracking-9:-2.5%;--tgph-text-0:.6875rem;--tgph-text-1:.75rem;--tgph-text-2:.8125rem;--tgph-text-3:.9375rem;--tgph-text-4:1.125rem;--tgph-text-5:1.25rem;--tgph-text-6:1.5rem;--tgph-text-7:1.875rem;--tgph-text-8:2.25rem;--tgph-text-9:3rem;--tgph-text-code-0:.625rem;--tgph-text-code-1:.688rem;--tgph-text-code-2:.812rem;--tgph-text-code-4:1.062rem;--tgph-text-code-5:1.188rem;--tgph-text-code-6:1.438rem;--tgph-text-code-7:1.75rem;--tgph-text-code-8:2.125rem;--tgph-text-code-9:2.875rem;--tgph-weight-regular:400;--tgph-weight-medium:500;--tgph-weight-semi-bold:600;--tgph-breakpoint-sm:640px;--tgph-breakpoint-md:768px;--tgph-breakpoint-lg:1024px;--tgph-breakpoint-xl:1280px;--tgph-breakpoint-2xl:1536px;--tgph-zIndex-hidden:-1;--tgph-zIndex-base:0;--tgph-zIndex-auto:auto;--tgph-zIndex-dropdown:1000;--tgph-zIndex-sticky:1100;--tgph-zIndex-banner:1200;--tgph-zIndex-overlay:1300;--tgph-zIndex-modal:1400;--tgph-zIndex-popover:1500;--tgph-zIndex-skipLink:1600;--tgph-zIndex-toast:1700;--tgph-zIndex-tooltip:1800;--tgph-surface-1:#fff;--tgph-surface-2:#fdfdfc;--tgph-surface-3:#fff;--tgph-gray-1:#fcfcfd;--tgph-gray-2:#f9f9fb;--tgph-gray-3:#eff0f3;--tgph-gray-4:#e6e8eb;--tgph-gray-5:#dfe2e5;--tgph-gray-6:#d7dadf;--tgph-gray-7:#cbcfd5;--tgph-gray-8:#b6bcc4;--tgph-gray-9:#888e95;--tgph-gray-10:#7e848a;--tgph-gray-11:#60646a;--tgph-gray-12:#1d2023;--tgph-beige-1:#fdfdfc;--tgph-beige-2:#f9f9f8;--tgph-beige-3:#f0f0ef;--tgph-beige-4:#e9e8e7;--tgph-beige-5:#e2e1df;--tgph-beige-6:#dad9d7;--tgph-beige-7:#cfcecc;--tgph-beige-8:#bcbbb8;--tgph-beige-9:#8e8c8a;--tgph-beige-10:#83827f;--tgph-beige-11:#646360;--tgph-beige-12:#21201e;--tgph-accent-1:#fffcfb;--tgph-accent-2:#fff5f2;--tgph-accent-3:#ffe9e2;--tgph-accent-4:#ffd6cb;--tgph-accent-5:#ffc8ba;--tgph-accent-6:#ffb7a6;--tgph-accent-7:#ffa28f;--tgph-accent-8:#f88872;--tgph-accent-9:#ff573a;--tgph-accent-10:#f2472a;--tgph-accent-11:#db3619;--tgph-accent-12:#5c291f;--tgph-green-1:#fbfefc;--tgph-green-2:#f4fbf7;--tgph-green-3:#e4f7ec;--tgph-green-4:#d3f1e0;--tgph-green-5:#bfead2;--tgph-green-6:#a7dfc1;--tgph-green-7:#86d0aa;--tgph-green-8:#4fba8a;--tgph-green-9:#00aa72;--tgph-green-10:#009c68;--tgph-green-11:#00834f;--tgph-green-12:#183b2b;--tgph-yellow-1:#fefdfb;--tgph-yellow-2:#fefbe9;--tgph-yellow-3:#fff7c2;--tgph-yellow-4:#ffee9c;--tgph-yellow-5:#fbe577;--tgph-yellow-6:#f3d673;--tgph-yellow-7:#e9c162;--tgph-yellow-8:#f3d673;--tgph-yellow-9:#ffc53d;--tgph-yellow-10:#ffba18;--tgph-yellow-11:#ab6400;--tgph-yellow-12:#4f3422;--tgph-blue-1:#fcfdff;--tgph-blue-2:#f6f9ff;--tgph-blue-3:#ebf2ff;--tgph-blue-4:#deebff;--tgph-blue-5:#cee0ff;--tgph-blue-6:#bbd3ff;--tgph-blue-7:#a3c1fb;--tgph-blue-8:#81a8f6;--tgph-blue-9:#4a82ff;--tgph-blue-10:#4276ec;--tgph-blue-11:#3569e0;--tgph-blue-12:#193065;--tgph-red-1:#fffcfc;--tgph-red-2:#fff7f7;--tgph-red-3:#ffe9e9;--tgph-red-4:#ffdadb;--tgph-red-5:#ffcbcd;--tgph-red-6:#ffbbbe;--tgph-red-7:#faa7ab;--tgph-red-8:#f28b92;--tgph-red-9:#e9004a;--tgph-red-10:#d9003d;--tgph-red-11:#d9003e;--tgph-red-12:#6c041f;--tgph-purple-1:#fcfcff;--tgph-purple-2:#f8f8ff;--tgph-purple-3:#f1f1ff;--tgph-purple-4:#e6e6ff;--tgph-purple-5:#dadaff;--tgph-purple-6:#cccbff;--tgph-purple-7:#b9b6ff;--tgph-purple-8:#9f99fc;--tgph-purple-9:#6547de;--tgph-purple-10:#583dc4;--tgph-purple-11:#6148d0;--tgph-purple-12:#2e2269}[data-tgph-appearance=dark]{--tgph-surface-1:#18191b;--tgph-surface-2:#101112;--tgph-surface-3:#101112;--tgph-gray-1:#101112;--tgph-gray-2:#18191b;--tgph-gray-3:#212325;--tgph-gray-4:#282a2d;--tgph-gray-5:#2f3235;--tgph-gray-6:#383b3e;--tgph-gray-7:#45484d;--tgph-gray-8:#5c6268;--tgph-gray-9:#6a6f76;--tgph-gray-10:#777d84;--tgph-gray-11:#afb5bb;--tgph-gray-12:#edeeef;--tgph-beige-1:#12110f;--tgph-beige-2:#191817;--tgph-beige-3:#232220;--tgph-beige-4:#2a2927;--tgph-beige-5:#31302e;--tgph-beige-6:#3b3937;--tgph-beige-7:#484745;--tgph-beige-8:#61605d;--tgph-beige-9:#6e6d6a;--tgph-beige-10:#7c7a78;--tgph-beige-11:#b4b3b0;--tgph-beige-12:#eeedeb;--tgph-accent-1:#160f0d;--tgph-accent-2:#201412;--tgph-accent-3:#3b140d;--tgph-accent-4:#530e04;--tgph-accent-5:#631507;--tgph-accent-6:#742315;--tgph-accent-7:#8d3323;--tgph-accent-8:#b5432f;--tgph-accent-9:#ff573a;--tgph-accent-10:#f1492d;--tgph-accent-11:#ff917a;--tgph-accent-12:#ffd1c7;--tgph-green-1:#0c130f;--tgph-green-2:#111b16;--tgph-green-3:#112d20;--tgph-green-4:#0c3c28;--tgph-green-5:#104a32;--tgph-green-6:#18583d;--tgph-green-7:#1e6949;--tgph-green-8:#217d57;--tgph-green-9:#00aa72;--tgph-green-10:#009d66;--tgph-green-11:#4dd399;--tgph-green-12:#aaf3cc;--tgph-yellow-1:#16120c;--tgph-yellow-2:#1d180f;--tgph-yellow-3:#302008;--tgph-yellow-4:#3f2700;--tgph-yellow-5:#4d3000;--tgph-yellow-6:#5c3d05;--tgph-yellow-7:#714f19;--tgph-yellow-8:#8f6424;--tgph-yellow-9:#ffc53d;--tgph-yellow-10:#ffd60a;--tgph-yellow-11:#ffca16;--tgph-yellow-12:#ffe7b3;--tgph-blue-1:#0b111c;--tgph-blue-2:#111826;--tgph-blue-3:#152548;--tgph-blue-4:#172e63;--tgph-blue-5:#1f3a76;--tgph-blue-6:#294787;--tgph-blue-7:#35569d;--tgph-blue-8:#3f66bb;--tgph-blue-9:#4a82ff;--tgph-blue-10:#3e75f1;--tgph-blue-11:#89b3ff;--tgph-blue-12:#d1e1ff;--tgph-red-1:#180e0f;--tgph-red-2:#201314;--tgph-red-3:#3f0f15;--tgph-red-4:#550517;--tgph-red-5:#670a1f;--tgph-red-6:#79182a;--tgph-red-7:#932738;--tgph-red-8:#c1334a;--tgph-red-9:#e9004a;--tgph-red-10:#c3354c;--tgph-red-11:#ff8e98;--tgph-red-12:#ffcfd1;--tgph-purple-1:#100f1d;--tgph-purple-2:#161528;--tgph-purple-3:#241e4b;--tgph-purple-4:#2e2368;--tgph-purple-5:#382c77;--tgph-purple-6:#423786;--tgph-purple-7:#4f449c;--tgph-purple-8:#6153bd;--tgph-purple-9:#6547de;--tgph-purple-10:#5936cd;--tgph-purple-11:#aea8ff;--tgph-purple-12:#dedeff}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=styles.inline.mjs.map

package/dist/esm/modules/guide/components/Toolbar/styles.inline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.inline.mjs","names":[],"sources":["../../../../../../src/modules/guide/components/Toolbar/styles.css?inline"],"sourcesContent":["@telegraph tokens;\n@telegraph components;\n\n/* Animation effect for toolbar V2 when expanding and collapsing. */\n@keyframes toolbar-collapse-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes toolbar-expand-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}"],"mappings":""}

package/dist/esm/modules/guide/components/Toolbar/useToolbarStyles.mjs

@@ -1,13 +1,14 @@
-import n from "react";
-import l from "./styles.css.inline.mjs";
-const o = "knock-guide-toolbar-styles", c = (e) => {
-  n.useEffect(() => {
-    if (!e || document.getElementById(o)) return;
-    const t = document.createElement("style");
-    t.id = o, t.textContent = l, document.head.appendChild(t);
-  }, [e]);
+import e from "./styles.inline.mjs";
+import t from "react";
+//#region src/modules/guide/components/Toolbar/useToolbarStyles.ts
+var n = "knock-guide-toolbar-styles", r = (r) => {
+	t.useEffect(() => {
+		if (!r || document.getElementById(n)) return;
+		let t = document.createElement("style");
+		t.id = n, t.textContent = e, document.head.appendChild(t);
+	}, [r]);
 };
-export {
-  c as useToolbarStyles
-};
-//# sourceMappingURL=useToolbarStyles.mjs.map
+//#endregion
+export { r as useToolbarStyles };
+
+//# sourceMappingURL=useToolbarStyles.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useToolbarStyles.mjs","sources":["../../../../../../src/modules/guide/components/Toolbar/useToolbarStyles.ts"],"sourcesContent":["import React from \"react\";\n\nimport toolbarStyles from \"./styles.css?inline\";\n\nconst STYLE_ELEMENT_ID = \"knock-guide-toolbar-styles\";\n\n// The toolbar's styles are bundled into dist/index.css, but consumers who only\n// render custom guide components have no reason to import that stylesheet.\n// Inject the toolbar's compiled styles at runtime when it becomes visible, so\n// the toolbar works without an explicit CSS import. When dist/index.css is\n// imported anyway, the injected rules are identical duplicates and harmless.\nexport const useToolbarStyles = (enabled: boolean) => {\n  React.useEffect(() => {\n    if (!enabled || document.getElementById(STYLE_ELEMENT_ID)) return;\n\n    const styleElement = document.createElement(\"style\");\n    styleElement.id = STYLE_ELEMENT_ID;\n    styleElement.textContent = toolbarStyles;\n    document.head.appendChild(styleElement);\n  }, [enabled]);\n};\n"],"names":["STYLE_ELEMENT_ID","useToolbarStyles","enabled","React","useEffect","document","getElementById","styleElement","createElement","id","textContent","toolbarStyles","head","appendChild"],"mappings":";;AAIA,MAAMA,IAAmB,8BAOZC,IAAmBA,CAACC,MAAqB;AACpDC,EAAAA,EAAMC,UAAU,MAAM;AACpB,QAAI,CAACF,KAAWG,SAASC,eAAeN,CAAgB,EAAG;AAErDO,UAAAA,IAAeF,SAASG,cAAc,OAAO;AACnDD,IAAAA,EAAaE,KAAKT,GAClBO,EAAaG,cAAcC,GAClBC,SAAAA,KAAKC,YAAYN,CAAY;AAAA,EAAA,GACrC,CAACL,CAAO,CAAC;AACd;"}
+{"version":3,"file":"useToolbarStyles.mjs","names":[],"sources":["../../../../../../src/modules/guide/components/Toolbar/useToolbarStyles.ts"],"sourcesContent":["import React from \"react\";\n\nimport toolbarStyles from \"./styles.css?inline\";\n\nconst STYLE_ELEMENT_ID = \"knock-guide-toolbar-styles\";\n\n// The toolbar's styles are bundled into dist/index.css, but consumers who only\n// render custom guide components have no reason to import that stylesheet.\n// Inject the toolbar's compiled styles at runtime when it becomes visible, so\n// the toolbar works without an explicit CSS import. When dist/index.css is\n// imported anyway, the injected rules are identical duplicates and harmless.\nexport const useToolbarStyles = (enabled: boolean) => {\n  React.useEffect(() => {\n    if (!enabled || document.getElementById(STYLE_ELEMENT_ID)) return;\n\n    const styleElement = document.createElement(\"style\");\n    styleElement.id = STYLE_ELEMENT_ID;\n    styleElement.textContent = toolbarStyles;\n    document.head.appendChild(styleElement);\n  }, [enabled]);\n};\n"],"mappings":";;;AAIA,IAAM,IAAmB,8BAOZ,KAAoB,MAAqB;CACpD,EAAM,gBAAgB;EACpB,IAAI,CAAC,KAAW,SAAS,eAAe,CAAgB,GAAG;EAE3D,IAAM,IAAe,SAAS,cAAc,OAAO;EAGnD,AAFA,EAAa,KAAK,GAClB,EAAa,cAAc,GAC3B,SAAS,KAAK,YAAY,CAAY;CACxC,GAAG,CAAC,CAAO,CAAC;AACd"}

package/dist/esm/modules/guide/components/helpers.mjs

@@ -1,16 +1,16 @@
-const r = (o) => {
-  let t;
-  try {
-    t = new URL(o);
-  } catch {
-    return !1;
-  }
-  return t.protocol === "http:" || t.protocol === "https:";
-}, i = (o, t = 200) => {
-  window != null && window.location && r(o) && setTimeout(() => window.location.assign(o), t);
+//#region src/modules/guide/components/helpers.ts
+var e = (e) => {
+	let t;
+	try {
+		t = new URL(e);
+	} catch {
+		return !1;
+	}
+	return t.protocol === "http:" || t.protocol === "https:";
+}, t = (t, n = 200) => {
+	window?.location && e(t) && setTimeout(() => window.location.assign(t), n);
 };
-export {
-  r as isValidHttpUrl,
-  i as maybeNavigateToUrlWithDelay
-};
-//# sourceMappingURL=helpers.mjs.map
+//#endregion
+export { e as isValidHttpUrl, t as maybeNavigateToUrlWithDelay };
+
+//# sourceMappingURL=helpers.mjs.map

package/dist/esm/modules/guide/components/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../../../src/modules/guide/components/helpers.ts"],"sourcesContent":["export const isValidHttpUrl = (input: string) => {\n  let url;\n\n  try {\n    url = new URL(input);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n};\n\nexport const maybeNavigateToUrlWithDelay = (\n  url: string,\n  delay: number = 200,\n) => {\n  if (!window?.location) return;\n  if (!isValidHttpUrl(url)) return;\n\n  setTimeout(() => window.location.assign(url), delay);\n};\n"],"names":["isValidHttpUrl","input","url","URL","protocol","maybeNavigateToUrlWithDelay","delay","window","location","setTimeout","assign"],"mappings":"AAAaA,MAAAA,IAAiBA,CAACC,MAAkB;AAC3CC,MAAAA;AAEA,MAAA;AACI,IAAAA,IAAA,IAAIC,IAAIF,CAAK;AAAA,UACT;AACH,WAAA;AAAA,EAAA;AAGT,SAAOC,EAAIE,aAAa,WAAWF,EAAIE,aAAa;AACtD,GAEaC,IAA8BA,CACzCH,GACAI,IAAgB,QACb;AACC,EAACC,yBAAQC,YACRR,EAAeE,CAAG,KAEvBO,WAAW,MAAMF,OAAOC,SAASE,OAAOR,CAAG,GAAGI,CAAK;AACrD;"}
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../../src/modules/guide/components/helpers.ts"],"sourcesContent":["export const isValidHttpUrl = (input: string) => {\n  let url;\n\n  try {\n    url = new URL(input);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n};\n\nexport const maybeNavigateToUrlWithDelay = (\n  url: string,\n  delay: number = 200,\n) => {\n  if (!window?.location) return;\n  if (!isValidHttpUrl(url)) return;\n\n  setTimeout(() => window.location.assign(url), delay);\n};\n"],"mappings":";AAAA,IAAa,KAAkB,MAAkB;CAC/C,IAAI;CAEJ,IAAI;EACF,IAAM,IAAI,IAAI,CAAK;CACrB,QAAY;EACV,OAAO;CACT;CAEA,OAAO,EAAI,aAAa,WAAW,EAAI,aAAa;AACtD,GAEa,KACX,GACA,IAAgB,QACb;CACE,QAAQ,YACR,EAAe,CAAG,KAEvB,iBAAiB,OAAO,SAAS,OAAO,CAAG,GAAG,CAAK;AACrD"}

package/dist/esm/modules/guide/components/index.mjs

@@ -0,0 +1,9 @@
+import { Banner as e, BannerView as t } from "./Banner/Banner.mjs";
+import "./Banner/index.mjs";
+import { Card as n, CardView as r } from "./Card/Card.mjs";
+import "./Card/index.mjs";
+import { V2 as i } from "./Toolbar/V2/V2.mjs";
+import "./Toolbar/index.mjs";
+import { Modal as a, ModalView as o } from "./Modal/Modal.mjs";
+import "./Modal/index.mjs";
+export { e as Banner, t as BannerView, n as Card, r as CardView, a as Modal, o as ModalView, i as ToolbarV2 };

package/dist/esm/modules/guide/index.mjs

@@ -0,0 +1,8 @@
+import { Banner as e, BannerView as t } from "./components/Banner/Banner.mjs";
+import { Card as n, CardView as r } from "./components/Card/Card.mjs";
+import "./components/Toolbar/V2/V2.mjs";
+import { Modal as i, ModalView as a } from "./components/Modal/Modal.mjs";
+import "./components/index.mjs";
+import { KnockGuideProvider as o } from "./providers/KnockGuideProvider.mjs";
+import "./providers/index.mjs";
+export { e as Banner, t as BannerView, n as Card, r as CardView, o as KnockGuideProvider, i as Modal, a as ModalView };

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

@@ -1,17 +1,19 @@
-import { KnockGuideProvider as c } from "@knocklabs/react-core";
-import o from "react";
-import "../components/Banner/Banner.mjs";
-import "../components/Card/Card.mjs";
-import { V2 as n } from "../components/Toolbar/V2/V2.mjs";
-import "../components/Modal/Modal.mjs";
-const G = ({
-  children: t,
-  toolbar: i = "v2",
-  readyToTarget: r,
-  listenForUpdates: e = !0,
-  ...m
-}) => /* @__PURE__ */ o.createElement(c, { ...m, readyToTarget: r, listenForUpdates: e }, t, i === "v2" && /* @__PURE__ */ o.createElement(n, { readyToTarget: r, listenForUpdates: e }));
-export {
-  G as KnockGuideProvider
-};
-//# sourceMappingURL=KnockGuideProvider.mjs.map
+import { V2 as e } from "../components/Toolbar/V2/V2.mjs";
+import "../components/index.mjs";
+import { KnockGuideProvider as t } from "@knocklabs/react-core";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/modules/guide/providers/KnockGuideProvider.tsx
+var i = ({ children: i, toolbar: a = "v2", readyToTarget: o, listenForUpdates: s = !0, ...c }) => /* @__PURE__ */ r(t, {
+	...c,
+	readyToTarget: o,
+	listenForUpdates: s,
+	children: [i, a === "v2" && /* @__PURE__ */ n(e, {
+		readyToTarget: o,
+		listenForUpdates: s
+	})]
+});
+//#endregion
+export { i as KnockGuideProvider };
+
+//# sourceMappingURL=KnockGuideProvider.mjs.map

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 { ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n  toolbar?: \"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  readyToTarget,\n  listenForUpdates = true,\n  ...props\n}) => {\n  return (\n    <KnockGuideProviderCore\n      {...props}\n      readyToTarget={readyToTarget}\n      listenForUpdates={listenForUpdates}\n    >\n      {children}\n      {toolbar === \"v2\" && (\n        <ToolbarV2\n          readyToTarget={readyToTarget}\n          listenForUpdates={listenForUpdates}\n        />\n      )}\n    </KnockGuideProviderCore>\n  );\n};\n"],"names":["KnockGuideProvider","children","toolbar","readyToTarget","listenForUpdates","props","React","KnockGuideProviderCore","ToolbarV2"],"mappings":";;;;;;AAeO,MAAMA,IAA+DA,CAAC;AAAA,EAC3EC,UAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEKC,gBAAAA,EAAA,cAAAC,GAAA,EACKF,GAAAA,GACJ,eAAAF,GACA,kBAAAC,KAECH,GACAC,MAAY,QACXI,gBAAAA,EAAA,cAACE,GACC,EAAA,eAAAL,GACA,kBAAAC,GAEH,CACH;"}
+{"version":3,"file":"KnockGuideProvider.mjs","names":[],"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 { ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n  toolbar?: \"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  readyToTarget,\n  listenForUpdates = true,\n  ...props\n}) => {\n  return (\n    <KnockGuideProviderCore\n      {...props}\n      readyToTarget={readyToTarget}\n      listenForUpdates={listenForUpdates}\n    >\n      {children}\n      {toolbar === \"v2\" && (\n        <ToolbarV2\n          readyToTarget={readyToTarget}\n          listenForUpdates={listenForUpdates}\n        />\n      )}\n    </KnockGuideProviderCore>\n  );\n};\n"],"mappings":";;;;;;AAeA,IAAa,KAAgE,EAC3E,aACA,aAAU,MACV,kBACA,sBAAmB,IACnB,GAAG,QAGD,kBAAC,GAAD;CACE,GAAI;CACW;CACG;WAHpB,CAKG,GACA,MAAY,QACX,kBAAC,GAAD;EACiB;EACG;CACnB,CAAA,CAEmB"}

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

@@ -0,0 +1,2 @@
+import { KnockGuideProvider as e } from "./KnockGuideProvider.mjs";
+export { e as KnockGuideProvider };

package/dist/esm/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs

@@ -1,53 +1,79 @@
-import e, { useCallback as M } from "react";
-import { useTranslations as x, useKnockClient as f, useKnockMsTeamsClient as A, useMsTeamsAuth as I, useAuthPostMessageListener as L, useAuthPolling as w } from "@knocklabs/react-core";
-import { openPopupWindow as k } from "../../../core/utils.mjs";
-/* empty css               */
-import { MsTeamsIcon as a } from "../MsTeamsIcon/MsTeamsIcon.mjs";
-/* empty css            */
-const F = ({
-  redirectUrl: _,
-  onAuthenticationComplete: l,
-  ...r
-}) => {
-  const b = "graphApiClientId" in r ? r.graphApiClientId : r.msTeamsBotId, {
-    t: n
-  } = x(), m = f(), {
-    setConnectionStatus: c,
-    connectionStatus: t,
-    setActionLabel: o,
-    actionLabel: u,
-    errorLabel: T,
-    tenantId: p,
-    knockMsTeamsChannelId: d,
-    popupWindowRef: s
-  } = A(), {
-    buildMsTeamsAuthUrl: h,
-    disconnectFromMsTeams: g
-  } = I(b, _);
-  L({
-    knockHost: m.host,
-    popupWindowRef: s,
-    setConnectionStatus: c,
-    onAuthenticationComplete: l
-  }), w({
-    popupWindowRef: s,
-    setConnectionStatus: c,
-    onAuthenticationComplete: l,
-    authCheckFn: M(async () => m.msTeams.authCheck({
-      tenant: p,
-      knockChannelId: d
-    }), [m.msTeams, p, d])
-  });
-  const C = n("msTeamsDisconnect") || null, E = n("msTeamsReconnect") || null;
-  return t === "connecting" || t === "disconnecting" ? /* @__PURE__ */ e.createElement("div", { className: "rtk-connect__button rtk-connect__button--loading" }, /* @__PURE__ */ e.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ e.createElement("span", null, n(t === "connecting" ? "msTeamsConnecting" : "msTeamsDisconnecting"))) : t === "error" ? /* @__PURE__ */ e.createElement("button", { onClick: () => {
-    const i = k(h());
-    s.current = i, c("connecting");
-  }, className: "rtk-connect__button rtk-connect__button--error", onMouseEnter: () => o(E), onMouseLeave: () => o(null) }, /* @__PURE__ */ e.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ e.createElement("span", { className: "rtk-connect__button__text--error" }, u || T || n("msTeamsError"))) : t === "disconnected" ? /* @__PURE__ */ e.createElement("button", { onClick: () => {
-    const i = k(h());
-    s.current = i, c("connecting");
-  }, className: "rtk-connect__button rtk-connect__button--disconnected" }, /* @__PURE__ */ e.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ e.createElement("span", null, n("msTeamsConnect"))) : /* @__PURE__ */ e.createElement("button", { onClick: g, className: "rtk-connect__button rtk-connect__button--connected", onMouseEnter: () => o(C), onMouseLeave: () => o(null) }, /* @__PURE__ */ e.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ e.createElement("span", { className: "rtk-connect__button__text--connected" }, u || n("msTeamsConnected")));
+import { openPopupWindow as e } from "../../../core/utils.mjs";
+/* empty css           */
+import { MsTeamsIcon as t } from "../MsTeamsIcon/MsTeamsIcon.mjs";
+import "../MsTeamsIcon/index.mjs";
+/* empty css        */
+import { useAuthPolling as n, useAuthPostMessageListener as r, useKnockClient as i, useKnockMsTeamsClient as a, useMsTeamsAuth as o, useTranslations as s } from "@knocklabs/react-core";
+import { useCallback as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.tsx
+var d = ({ redirectUrl: d, onAuthenticationComplete: f, ...p }) => {
+	let m = "graphApiClientId" in p ? p.graphApiClientId : p.msTeamsBotId, { t: h } = s(), g = i(), { setConnectionStatus: _, connectionStatus: v, setActionLabel: y, actionLabel: b, errorLabel: x, tenantId: S, knockMsTeamsChannelId: C, popupWindowRef: w } = a(), { buildMsTeamsAuthUrl: T, disconnectFromMsTeams: E } = o(m, d);
+	r({
+		knockHost: g.host,
+		popupWindowRef: w,
+		setConnectionStatus: _,
+		onAuthenticationComplete: f
+	}), n({
+		popupWindowRef: w,
+		setConnectionStatus: _,
+		onAuthenticationComplete: f,
+		authCheckFn: c(async () => g.msTeams.authCheck({
+			tenant: S,
+			knockChannelId: C
+		}), [
+			g.msTeams,
+			S,
+			C
+		])
+	});
+	let D = h("msTeamsDisconnect") || null, O = h("msTeamsReconnect") || null;
+	return v === "connecting" || v === "disconnecting" ? /* @__PURE__ */ u("div", {
+		className: "rtk-connect__button rtk-connect__button--loading",
+		children: [/* @__PURE__ */ l(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ l("span", { children: h(v === "connecting" ? "msTeamsConnecting" : "msTeamsDisconnecting") })]
+	}) : v === "error" ? /* @__PURE__ */ u("button", {
+		onClick: () => {
+			let t = e(T());
+			w.current = t, _("connecting");
+		},
+		className: "rtk-connect__button rtk-connect__button--error",
+		onMouseEnter: () => y(O),
+		onMouseLeave: () => y(null),
+		children: [/* @__PURE__ */ l(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ l("span", {
+			className: "rtk-connect__button__text--error",
+			children: b || x || h("msTeamsError")
+		})]
+	}) : v === "disconnected" ? /* @__PURE__ */ u("button", {
+		onClick: () => {
+			let t = e(T());
+			w.current = t, _("connecting");
+		},
+		className: "rtk-connect__button rtk-connect__button--disconnected",
+		children: [/* @__PURE__ */ l(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ l("span", { children: h("msTeamsConnect") })]
+	}) : /* @__PURE__ */ u("button", {
+		onClick: E,
+		className: "rtk-connect__button rtk-connect__button--connected",
+		onMouseEnter: () => y(D),
+		onMouseLeave: () => y(null),
+		children: [/* @__PURE__ */ l(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ l("span", {
+			className: "rtk-connect__button__text--connected",
+			children: b || h("msTeamsConnected")
+		})]
+	});
 };
-export {
-  F as MsTeamsAuthButton
-};
-//# sourceMappingURL=MsTeamsAuthButton.mjs.map
+//#endregion
+export { d as MsTeamsAuthButton };
+
+//# sourceMappingURL=MsTeamsAuthButton.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsAuthButton.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.tsx"],"sourcesContent":["import {\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockMsTeamsClient,\n  useMsTeamsAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport type MsTeamsAuthButtonProps = {\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n} & (\n  | {\n      /**\n       * The client ID of your Microsoft Graph API-enabled application registered with Microsoft Entra. This should\n       * match the \"Graph API client ID\" setting of your Microsoft Teams channel in the Knock dashboard.\n       */\n      graphApiClientId: string;\n    }\n  | {\n      /**\n       * @deprecated Use `graphApiClientId` instead. This field will be removed in a future release.\n       */\n      msTeamsBotId: string;\n    }\n);\n\nexport const MsTeamsAuthButton: FunctionComponent<MsTeamsAuthButtonProps> = ({\n  redirectUrl,\n  onAuthenticationComplete,\n  ...props\n}) => {\n  const graphApiClientId =\n    \"graphApiClientId\" in props ? props.graphApiClientId : props.msTeamsBotId;\n\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockMsTeamsChannelId,\n    popupWindowRef,\n  } = useKnockMsTeamsClient();\n\n  const { buildMsTeamsAuthUrl, disconnectFromMsTeams } = useMsTeamsAuth(\n    graphApiClientId,\n    redirectUrl,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.msTeams.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockMsTeamsChannelId,\n      });\n    }, [knock.msTeams, tenantId, knockMsTeamsChannelId]),\n  });\n\n  const disconnectLabel = t(\"msTeamsDisconnect\") || null;\n  const reconnectLabel = t(\"msTeamsReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rtk-connect__button rtk-connect__button--loading\">\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"msTeamsConnecting\")\n            : t(\"msTeamsDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rtk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"msTeamsError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--disconnected\"\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"msTeamsConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromMsTeams}\n      className=\"rtk-connect__button rtk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <MsTeamsIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rtk-connect__button__text--connected\">\n        {actionLabel || t(\"msTeamsConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"names":["MsTeamsAuthButton","redirectUrl","onAuthenticationComplete","props","graphApiClientId","msTeamsBotId","t","useTranslations","knock","useKnockClient","setConnectionStatus","connectionStatus","setActionLabel","actionLabel","errorLabel","tenantId","knockMsTeamsChannelId","popupWindowRef","useKnockMsTeamsClient","buildMsTeamsAuthUrl","disconnectFromMsTeams","useMsTeamsAuth","useAuthPostMessageListener","knockHost","host","useAuthPolling","authCheckFn","useCallback","msTeams","authCheck","tenant","knockChannelId","disconnectLabel","reconnectLabel","React","MsTeamsIcon","popup","openPopupWindow","current"],"mappings":";;;;;;AAmCO,MAAMA,IAA+DA,CAAC;AAAA,EAC3EC,aAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IACJ,sBAAsBD,IAAQA,EAAMC,mBAAmBD,EAAME,cAEzD;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxBC,IAAQC,EAAe,GAEvB;AAAA,IACJC,qBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,EAAsB,GAEpB;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,uBAAAA;AAAAA,EAAAA,IAA0BC,EACrDjB,GACAH,CACF;AAE2B,EAAAqB,EAAA;AAAA,IACzBC,WAAWf,EAAMgB;AAAAA,IACjBP,gBAAAA;AAAAA,IACAP,qBAAAA;AAAAA,IACAR,0BAAAA;AAAAA,EAAAA,CACD,GAEcuB,EAAA;AAAA,IACbR,gBAAAA;AAAAA,IACAP,qBAAAA;AAAAA,IACAR,0BAAAA;AAAAA,IACAwB,aAAaC,EAAY,YAChBnB,EAAMoB,QAAQC,UAAU;AAAA,MAC7BC,QAAQf;AAAAA,MACRgB,gBAAgBf;AAAAA,IAAAA,CACjB,GACA,CAACR,EAAMoB,SAASb,GAAUC,CAAqB,CAAC;AAAA,EAAA,CACpD;AAEKgB,QAAAA,IAAkB1B,EAAE,mBAAmB,KAAK,MAC5C2B,IAAiB3B,EAAE,kBAAkB,KAAK;AAI9CK,SAAAA,MAAqB,gBACrBA,MAAqB,kBAGnBuB,gBAAAA,EAAA,cAAC,SAAI,WAAU,mDAAA,mCACZC,GAAY,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACtCD,gBAAAA,EAAA,cAAA,QAAA,MAEK5B,EADHK,MAAqB,eAChB,sBACA,sBADmB,CAE3B,CACF,IAKAA,MAAqB,UAErBuB,gBAAAA,EAAA,cAAC,UACC,EAAA,SAAS,MAAM;AACPE,UAAAA,IAAQC,EAAgBlB,GAAqB;AACnDF,IAAAA,EAAeqB,UAAUF,GACzB1B,EAAoB,YAAY;AAAA,EAAA,GAElC,WAAU,kDACV,cAAc,MAAME,EAAeqB,CAAc,GACjD,cAAc,MAAMrB,EAAe,IAAI,EAEvC,GAAAsB,gBAAAA,EAAA,cAACC,GAAY,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACtCD,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,mCAAA,GACbrB,KAAeC,KAAcR,EAAE,cAAc,CAChD,CACF,IAKAK,MAAqB,iBAErBuB,gBAAAA,EAAA,cAAC,UACC,EAAA,SAAS,MAAM;AACPE,UAAAA,IAAQC,EAAgBlB,GAAqB;AACnDF,IAAAA,EAAeqB,UAAUF,GACzB1B,EAAoB,YAAY;AAAA,EAAA,GAElC,WAAU,wDAEV,GAAAwB,gBAAAA,EAAA,cAACC,KAAY,QAAO,QAAO,OAAM,QAAM,GACtCD,gBAAAA,EAAA,cAAA,QAAA,MAAM5B,EAAE,gBAAgB,CAAE,CAC7B,IAMD4B,gBAAAA,EAAA,cAAA,UAAA,EACC,SAASd,GACT,WAAU,sDACV,cAAc,MAAMR,EAAeoB,CAAe,GAClD,cAAc,MAAMpB,EAAe,IAAI,KAEvCsB,gBAAAA,EAAA,cAACC,GAAY,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACvCD,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAU,uCACbrB,GAAAA,KAAeP,EAAE,kBAAkB,CACtC,CACF;AAEJ;"}
+{"version":3,"file":"MsTeamsAuthButton.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.tsx"],"sourcesContent":["import {\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockMsTeamsClient,\n  useMsTeamsAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport type MsTeamsAuthButtonProps = {\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n} & (\n  | {\n      /**\n       * The client ID of your Microsoft Graph API-enabled application registered with Microsoft Entra. This should\n       * match the \"Graph API client ID\" setting of your Microsoft Teams channel in the Knock dashboard.\n       */\n      graphApiClientId: string;\n    }\n  | {\n      /**\n       * @deprecated Use `graphApiClientId` instead. This field will be removed in a future release.\n       */\n      msTeamsBotId: string;\n    }\n);\n\nexport const MsTeamsAuthButton: FunctionComponent<MsTeamsAuthButtonProps> = ({\n  redirectUrl,\n  onAuthenticationComplete,\n  ...props\n}) => {\n  const graphApiClientId =\n    \"graphApiClientId\" in props ? props.graphApiClientId : props.msTeamsBotId;\n\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockMsTeamsChannelId,\n    popupWindowRef,\n  } = useKnockMsTeamsClient();\n\n  const { buildMsTeamsAuthUrl, disconnectFromMsTeams } = useMsTeamsAuth(\n    graphApiClientId,\n    redirectUrl,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.msTeams.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockMsTeamsChannelId,\n      });\n    }, [knock.msTeams, tenantId, knockMsTeamsChannelId]),\n  });\n\n  const disconnectLabel = t(\"msTeamsDisconnect\") || null;\n  const reconnectLabel = t(\"msTeamsReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rtk-connect__button rtk-connect__button--loading\">\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"msTeamsConnecting\")\n            : t(\"msTeamsDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rtk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"msTeamsError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildMsTeamsAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rtk-connect__button rtk-connect__button--disconnected\"\n      >\n        <MsTeamsIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"msTeamsConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromMsTeams}\n      className=\"rtk-connect__button rtk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <MsTeamsIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rtk-connect__button__text--connected\">\n        {actionLabel || t(\"msTeamsConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;AAmCA,IAAa,KAAgE,EAC3E,gBACA,6BACA,GAAG,QACC;CACJ,IAAM,IACJ,sBAAsB,IAAQ,EAAM,mBAAmB,EAAM,cAEzD,EAAE,SAAM,EAAgB,GACxB,IAAQ,EAAe,GAEvB,EACJ,wBACA,qBACA,mBACA,gBACA,eACA,aACA,0BACA,sBACE,EAAsB,GAEpB,EAAE,wBAAqB,6BAA0B,EACrD,GACA,CACF;CASA,AAPA,EAA2B;EACzB,WAAW,EAAM;EACjB;EACA;EACA;CACF,CAAC,GAED,EAAe;EACb;EACA;EACA;EACA,aAAa,EAAY,YAChB,EAAM,QAAQ,UAAU;GAC7B,QAAQ;GACR,gBAAgB;EAClB,CAAC,GACA;GAAC,EAAM;GAAS;GAAU;EAAqB,CAAC;CACrD,CAAC;CAED,IAAM,IAAkB,EAAE,mBAAmB,KAAK,MAC5C,IAAiB,EAAE,kBAAkB,KAAK;CA0DhD,OAtDE,MAAqB,gBACrB,MAAqB,kBAGnB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAa,QAAO;GAAO,OAAM;EAAQ,CAAA,GACzC,kBAAC,QAAD,EAAA,UAEM,EADH,MAAqB,eAChB,sBACA,sBAAsB,EACxB,CAAA,CACH;MAKL,MAAqB,UAErB,kBAAC,UAAD;EACE,eAAe;GACb,IAAM,IAAQ,EAAgB,EAAoB,CAAC;GAEnD,AADA,EAAe,UAAU,GACzB,EAAoB,YAAY;EAClC;EACA,WAAU;EACV,oBAAoB,EAAe,CAAc;EACjD,oBAAoB,EAAe,IAAI;YARzC,CAUE,kBAAC,GAAD;GAAa,QAAO;GAAO,OAAM;EAAQ,CAAA,GACzC,kBAAC,QAAD;GAAM,WAAU;aACb,KAAe,KAAc,EAAE,cAAc;EAC1C,CAAA,CACA;MAKR,MAAqB,iBAErB,kBAAC,UAAD;EACE,eAAe;GACb,IAAM,IAAQ,EAAgB,EAAoB,CAAC;GAEnD,AADA,EAAe,UAAU,GACzB,EAAoB,YAAY;EAClC;EACA,WAAU;YANZ,CAQE,kBAAC,GAAD;GAAa,QAAO;GAAO,OAAM;EAAQ,CAAA,GACzC,kBAAC,QAAD,EAAA,UAAO,EAAE,gBAAgB,EAAQ,CAAA,CAC3B;MAMV,kBAAC,UAAD;EACE,SAAS;EACT,WAAU;EACV,oBAAoB,EAAe,CAAe;EAClD,oBAAoB,EAAe,IAAI;YAJzC,CAME,kBAAC,GAAD;GAAa,QAAO;GAAO,OAAM;EAAQ,CAAA,GACzC,kBAAC,QAAD;GAAM,WAAU;aACb,KAAe,EAAE,kBAAkB;EAChC,CAAA,CACA;;AAEZ"}

package/dist/esm/modules/ms-teams/components/MsTeamsAuthButton/index.mjs

@@ -0,0 +1,2 @@
+import { MsTeamsAuthButton as e } from "./MsTeamsAuthButton.mjs";
+export { e as MsTeamsAuthButton };