@coorpacademy/components 11.40.18 → 11.40.20

package/lib/template/app-player/player/tourguide/index.js

@@ -0,0 +1,294 @@
+"use strict";
+
+exports.__esModule = true;
+exports.shouldStartTour = exports.default = exports.__test__ = exports.TourGuideStepPropType = exports.TourGuideOptionsPropType = exports.TourGuideConfigPropType = void 0;
+var _sortBy2 = _interopRequireDefault(require("lodash/fp/sortBy"));
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
+var _isObject2 = _interopRequireDefault(require("lodash/fp/isObject"));
+var _isFunction2 = _interopRequireDefault(require("lodash/fp/isFunction"));
+var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tourguidejs = require("@sjmc11/tourguidejs");
+require("./style.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Fixed class used to attach our CSS customizations to the TourGuide dialog.
+const TOURGUIDE_DIALOG_CLASS = 'coorp-tourguide-dialog';
+
+// Normalize step content for stable serialization:
+// - keep strings as-is
+// - allow objects with a custom toString
+// - otherwise fall back to empty string
+const normalizeStepContent = content => {
+  if ((0, _isString2.default)(content)) {
+    return content;
+  }
+  if ((0, _isObject2.default)(content) && (0, _isFunction2.default)(content?.toString)) {
+    if (content.toString === Object.prototype.toString) {
+      return '';
+    }
+    return content.toString();
+  }
+  return '';
+};
+
+// Build a deterministic key for steps to avoid re-init on referential changes only.
+// We include target/order/group/content so a real content change triggers a re-init.
+const serializeSteps = steps => (0, _pipe2.default)((0, _map2.default)(step => `${step.target || ''}|${step.order ?? ''}|${step.group || ''}|${normalizeStepContent(step.content)}`), (0, _join2.default)(';;'))(steps || []);
+
+// Same idea for options: stable key for effect dependencies.
+// Sorting keys ensures we don't recreate the client due to object key ordering.
+const serializeOptions = options => (0, _pipe2.default)(_keys2.default, (0, _sortBy2.default)(_identity2.default), (0, _map2.default)(key => `${key}:${String(options[key])}`), (0, _join2.default)('|'))(options || {});
+const shouldStartTour = (autoStart, group, client) => autoStart && !client.isFinished(group);
+
+// Test-only hooks for unit tests (not used in production code).
+exports.shouldStartTour = shouldStartTour;
+const __test__ = exports.__test__ = {
+  normalizeStepContent,
+  serializeSteps,
+  serializeOptions,
+  TOURGUIDE_DIALOG_CLASS,
+  shouldStartTour
+};
+const TourGuideStepPropType = exports.TourGuideStepPropType = _propTypes.default.shape({
+  title: _propTypes.default.string,
+  content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  target: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]).isRequired,
+  order: _propTypes.default.number,
+  group: _propTypes.default.string,
+  position: _propTypes.default.string,
+  fixed: _propTypes.default.bool,
+  buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
+    text: _propTypes.default.string,
+    type: _propTypes.default.string
+  }))
+});
+const TourGuideOptionsPropType = exports.TourGuideOptionsPropType = _propTypes.default.shape({
+  autoScroll: _propTypes.default.bool,
+  autoScrollSmooth: _propTypes.default.bool,
+  autoScrollOffset: _propTypes.default.number,
+  backdropAnimate: _propTypes.default.bool,
+  backdropClass: _propTypes.default.string,
+  backdropColor: _propTypes.default.string,
+  dialogAnimate: _propTypes.default.string,
+  dialogZ: _propTypes.default.number,
+  dialogWidth: _propTypes.default.number,
+  dialogMaxWidth: _propTypes.default.number,
+  dialogPlacement: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
+  targetPadding: _propTypes.default.number,
+  hideNext: _propTypes.default.bool,
+  hidePrev: _propTypes.default.bool,
+  nextLabel: _propTypes.default.string,
+  prevLabel: _propTypes.default.string,
+  finishLabel: _propTypes.default.string,
+  completeOnFinish: _propTypes.default.bool,
+  exitOnEscape: _propTypes.default.bool,
+  exitOnClickOutside: _propTypes.default.bool,
+  keyboardControls: _propTypes.default.bool,
+  showStepDots: _propTypes.default.bool,
+  stepDotsPlacement: _propTypes.default.oneOf(['footer', 'body']),
+  showButtons: _propTypes.default.bool,
+  showStepProgress: _propTypes.default.bool,
+  progressBar: _propTypes.default.string,
+  closeButton: _propTypes.default.bool,
+  rememberStep: _propTypes.default.bool,
+  propagateEvents: _propTypes.default.bool,
+  debug: _propTypes.default.bool
+});
+const TourGuideConfigPropType = exports.TourGuideConfigPropType = _propTypes.default.shape({
+  steps: _propTypes.default.arrayOf(TourGuideStepPropType).isRequired,
+  options: TourGuideOptionsPropType,
+  group: _propTypes.default.string,
+  autoStart: _propTypes.default.bool,
+  forceStart: _propTypes.default.bool,
+  startStep: _propTypes.default.number,
+  onStepChange: _propTypes.default.func,
+  onStart: _propTypes.default.func,
+  onExit: _propTypes.default.func,
+  onFinish: _propTypes.default.func,
+  testMode: _propTypes.default.bool
+});
+
+// TourGuideManager is a React-only controller:
+// - creates/destroys the TourGuide client
+// - starts the tour when allowed
+// - cleans up DOM nodes left by the library
+const TourGuideManager = ({
+  steps = [],
+  options = {},
+  group,
+  autoStart = true,
+  forceStart = false,
+  startStep,
+  onStepChange,
+  onStart,
+  onExit,
+  onFinish,
+  // Unit-test injection point to avoid using the real TourGuideClient.
+  testClientFactory,
+  testMode = false
+}) => {
+  const clientRef = (0, _react.useRef)(null);
+  // Expose refs for unit tests without relying on globals.
+  const isTestEnv = Boolean(testMode);
+  if (isTestEnv) {
+    __test__.__clientRef = clientRef;
+  }
+  const hasStartedRef = (0, _react.useRef)(false);
+  const hasExitedRef = (0, _react.useRef)(false);
+  const startStepRef = (0, _react.useRef)(startStep);
+  const onStepChangeRef = (0, _react.useRef)(onStepChange);
+  const onStartRef = (0, _react.useRef)(onStart);
+  const onExitRef = (0, _react.useRef)(onExit);
+  const onFinishRef = (0, _react.useRef)(onFinish);
+  const sanitizedOptions = (0, _react.useMemo)(() => {
+    // We control dialogClass internally; don't let external props override it.
+    const cleanOptions = {
+      ...options
+    };
+    delete cleanOptions.dialogClass;
+    return cleanOptions;
+  }, [options]);
+  const optionsKey = serializeOptions(sanitizedOptions);
+  const sanitizedOptionsRef = (0, _react.useRef)({
+    key: optionsKey,
+    value: sanitizedOptions
+  });
+  if (sanitizedOptionsRef.current.key !== optionsKey) {
+    sanitizedOptionsRef.current = {
+      key: optionsKey,
+      value: sanitizedOptions
+    };
+  }
+  const stableOptions = sanitizedOptionsRef.current.value;
+  const stepsKey = serializeSteps(steps);
+  // Clone steps because TourGuideJS mutates targets (string -> HTMLElement).
+  // Use stepsKey so we only re-clone when the actual content changes.
+  const stepsForClientRef = (0, _react.useRef)({
+    key: stepsKey,
+    value: (steps || []).map(step => ({
+      ...step
+    }))
+  });
+  if (stepsForClientRef.current.key !== stepsKey) {
+    stepsForClientRef.current = {
+      key: stepsKey,
+      value: (steps || []).map(step => ({
+        ...step
+      }))
+    };
+  }
+  const stepsForClient = stepsForClientRef.current.value;
+  (0, _react.useEffect)(() => {
+    startStepRef.current = startStep;
+    onStepChangeRef.current = onStepChange;
+    onStartRef.current = onStart;
+    onExitRef.current = onExit;
+    onFinishRef.current = onFinish;
+  }, [startStep, onStepChange, onStart, onExit, onFinish]);
+  (0, _react.useEffect)(() => {
+    // Avoid client creation on the server or with empty steps.
+    if (typeof window === 'undefined' || stepsForClient.length === 0) {
+      return undefined;
+    }
+    if (!_tourguidejs.TourGuideClient && !testClientFactory) {
+      return undefined;
+    }
+    const createClient = testClientFactory || (clientOptions => {
+      return new _tourguidejs.TourGuideClient(clientOptions);
+    });
+    // Create a fresh client when steps/options change and apply our fixed dialog class.
+    const client = createClient({
+      steps: stepsForClient,
+      ...stableOptions,
+      dialogClass: TOURGUIDE_DIALOG_CLASS
+    });
+    clientRef.current = client;
+    hasStartedRef.current = false;
+    hasExitedRef.current = false;
+    if (typeof startStepRef.current === 'number' && startStepRef.current >= 0) {
+      client.activeStep = startStepRef.current;
+    }
+    client._globalAfterChangeCallback = (currentStepIndex, nextStepIndex) => {
+      if (onStepChangeRef.current) {
+        onStepChangeRef.current(nextStepIndex);
+      }
+    };
+    client._globalAfterExitCallback = () => {
+      if (hasExitedRef.current) {
+        return;
+      }
+      hasExitedRef.current = true;
+      if (onExitRef.current) {
+        onExitRef.current();
+      }
+    };
+    client._globalFinishCallback = () => {
+      if (onFinishRef.current) {
+        onFinishRef.current();
+      }
+    };
+    return () => {
+      // Ensure old DOM nodes are removed; TourGuideJS uses fixed IDs
+      // and can otherwise leave stale elements behind.
+      const exitPromise = client.isVisible ? client.exit().catch(() => {}) : Promise.resolve();
+      exitPromise.finally(() => {
+        client.dialog?.remove();
+        client.backdrop?.remove();
+      }).catch(() => {});
+      if (clientRef.current === client) {
+        clientRef.current = null;
+      }
+    };
+  }, [stepsKey, optionsKey, stepsForClient, stableOptions, testClientFactory]);
+  (0, _react.useEffect)(() => {
+    const client = clientRef.current;
+    if (!client) {
+      return undefined;
+    }
+    if (autoStart) {
+      // Don't restart a tour that was already completed for this group unless explicitly allowed.
+      if (!forceStart && group && client.isFinished && client.isFinished(group)) {
+        return undefined;
+      }
+      if (hasStartedRef.current) {
+        hasStartedRef.current = false;
+        client.exit().catch(() => {});
+      }
+      const start = () => {
+        // Mark as started before calling into the library to avoid double-start.
+        hasStartedRef.current = true;
+        if (onStartRef.current) {
+          onStartRef.current(client.activeStep, group);
+        }
+        client.start(group).catch(() => {});
+      };
+      start();
+    } else if (!autoStart && hasStartedRef.current) {
+      hasStartedRef.current = false;
+      client.exit().catch(() => {});
+    }
+    return undefined;
+  }, [autoStart, forceStart, group, stepsKey, optionsKey]);
+  return null;
+};
+TourGuideManager.propTypes = {
+  steps: _propTypes.default.arrayOf(TourGuideStepPropType),
+  options: TourGuideOptionsPropType,
+  group: _propTypes.default.string,
+  autoStart: _propTypes.default.bool,
+  forceStart: _propTypes.default.bool,
+  startStep: _propTypes.default.number,
+  onStepChange: _propTypes.default.func,
+  onStart: _propTypes.default.func,
+  onExit: _propTypes.default.func,
+  onFinish: _propTypes.default.func,
+  testClientFactory: _propTypes.default.func,
+  testMode: _propTypes.default.bool
+};
+var _default = exports.default = TourGuideManager;
+//# sourceMappingURL=index.js.map

package/lib/template/app-player/player/tourguide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","require","_propTypes","_interopRequireDefault","_tourguidejs","e","__esModule","default","TOURGUIDE_DIALOG_CLASS","normalizeStepContent","content","_isString2","_isObject2","_isFunction2","toString","Object","prototype","serializeSteps","steps","_pipe2","_map2","step","target","order","group","_join2","serializeOptions","options","_keys2","_sortBy2","_identity2","key","String","shouldStartTour","autoStart","client","isFinished","exports","__test__","TourGuideStepPropType","PropTypes","shape","title","string","oneOfType","node","isRequired","object","number","position","fixed","bool","buttons","arrayOf","text","type","TourGuideOptionsPropType","autoScroll","autoScrollSmooth","autoScrollOffset","backdropAnimate","backdropClass","backdropColor","dialogAnimate","dialogZ","dialogWidth","dialogMaxWidth","dialogPlacement","oneOf","targetPadding","hideNext","hidePrev","nextLabel","prevLabel","finishLabel","completeOnFinish","exitOnEscape","exitOnClickOutside","keyboardControls","showStepDots","stepDotsPlacement","showButtons","showStepProgress","progressBar","closeButton","rememberStep","propagateEvents","debug","TourGuideConfigPropType","forceStart","startStep","onStepChange","func","onStart","onExit","onFinish","testMode","TourGuideManager","testClientFactory","clientRef","useRef","isTestEnv","Boolean","__clientRef","hasStartedRef","hasExitedRef","startStepRef","onStepChangeRef","onStartRef","onExitRef","onFinishRef","sanitizedOptions","useMemo","cleanOptions","dialogClass","optionsKey","sanitizedOptionsRef","value","current","stableOptions","stepsKey","stepsForClientRef","map","stepsForClient","useEffect","window","length","undefined","TourGuideClient","createClient","clientOptions","activeStep","_globalAfterChangeCallback","currentStepIndex","nextStepIndex","_globalAfterExitCallback","_globalFinishCallback","exitPromise","isVisible","exit","catch","Promise","resolve","finally","dialog","remove","backdrop","start","propTypes","_default"],"sources":["../../../../../src/template/app-player/player/tourguide/index.js"],"sourcesContent":["import {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, isFunction, isObject, isString, join, keys, map, pipe, sortBy} from 'lodash/fp';\nimport {TourGuideClient} from '@sjmc11/tourguidejs';\nimport './style.css';\n\n// Fixed class used to attach our CSS customizations to the TourGuide dialog.\nconst TOURGUIDE_DIALOG_CLASS = 'coorp-tourguide-dialog';\n\n// Normalize step content for stable serialization:\n// - keep strings as-is\n// - allow objects with a custom toString\n// - otherwise fall back to empty string\nconst normalizeStepContent = content => {\n  if (isString(content)) {\n    return content;\n  }\n\n  if (isObject(content) && isFunction(content?.toString)) {\n    if (content.toString === Object.prototype.toString) {\n      return '';\n    }\n    return content.toString();\n  }\n\n  return '';\n};\n\n// Build a deterministic key for steps to avoid re-init on referential changes only.\n// We include target/order/group/content so a real content change triggers a re-init.\nconst serializeSteps = steps =>\n  pipe(\n    map(\n      step =>\n        `${step.target || ''}|${step.order ?? ''}|${step.group || ''}|${normalizeStepContent(\n          step.content\n        )}`\n    ),\n    join(';;')\n  )(steps || []);\n\n// Same idea for options: stable key for effect dependencies.\n// Sorting keys ensures we don't recreate the client due to object key ordering.\nconst serializeOptions = options =>\n  pipe(\n    keys,\n    sortBy(identity),\n    map(key => `${key}:${String(options[key])}`),\n    join('|')\n  )(options || {});\n\nexport const shouldStartTour = (autoStart, group, client) => autoStart && !client.isFinished(group);\n\n// Test-only hooks for unit tests (not used in production code).\nexport const __test__ = {\n  normalizeStepContent,\n  serializeSteps,\n  serializeOptions,\n  TOURGUIDE_DIALOG_CLASS,\n  shouldStartTour\n};\n\nexport const TourGuideStepPropType = PropTypes.shape({\n  title: PropTypes.string,\n  content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n  target: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n  order: PropTypes.number,\n  group: PropTypes.string,\n  position: PropTypes.string,\n  fixed: PropTypes.bool,\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      type: PropTypes.string\n    })\n  )\n});\n\nexport const TourGuideOptionsPropType = PropTypes.shape({\n  autoScroll: PropTypes.bool,\n  autoScrollSmooth: PropTypes.bool,\n  autoScrollOffset: PropTypes.number,\n  backdropAnimate: PropTypes.bool,\n  backdropClass: PropTypes.string,\n  backdropColor: PropTypes.string,\n  dialogAnimate: PropTypes.string,\n  dialogZ: PropTypes.number,\n  dialogWidth: PropTypes.number,\n  dialogMaxWidth: PropTypes.number,\n  dialogPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n  targetPadding: PropTypes.number,\n  hideNext: PropTypes.bool,\n  hidePrev: PropTypes.bool,\n  nextLabel: PropTypes.string,\n  prevLabel: PropTypes.string,\n  finishLabel: PropTypes.string,\n  completeOnFinish: PropTypes.bool,\n  exitOnEscape: PropTypes.bool,\n  exitOnClickOutside: PropTypes.bool,\n  keyboardControls: PropTypes.bool,\n  showStepDots: PropTypes.bool,\n  stepDotsPlacement: PropTypes.oneOf(['footer', 'body']),\n  showButtons: PropTypes.bool,\n  showStepProgress: PropTypes.bool,\n  progressBar: PropTypes.string,\n  closeButton: PropTypes.bool,\n  rememberStep: PropTypes.bool,\n  propagateEvents: PropTypes.bool,\n  debug: PropTypes.bool\n});\n\nexport const TourGuideConfigPropType = PropTypes.shape({\n  steps: PropTypes.arrayOf(TourGuideStepPropType).isRequired,\n  options: TourGuideOptionsPropType,\n  group: PropTypes.string,\n  autoStart: PropTypes.bool,\n  forceStart: PropTypes.bool,\n  startStep: PropTypes.number,\n  onStepChange: PropTypes.func,\n  onStart: PropTypes.func,\n  onExit: PropTypes.func,\n  onFinish: PropTypes.func,\n  testMode: PropTypes.bool\n});\n\n// TourGuideManager is a React-only controller:\n// - creates/destroys the TourGuide client\n// - starts the tour when allowed\n// - cleans up DOM nodes left by the library\nconst TourGuideManager = ({\n  steps = [],\n  options = {},\n  group,\n  autoStart = true,\n  forceStart = false,\n  startStep,\n  onStepChange,\n  onStart,\n  onExit,\n  onFinish,\n  // Unit-test injection point to avoid using the real TourGuideClient.\n  testClientFactory,\n  testMode = false\n}) => {\n  const clientRef = useRef(null);\n  // Expose refs for unit tests without relying on globals.\n  const isTestEnv = Boolean(testMode);\n  if (isTestEnv) {\n    __test__.__clientRef = clientRef;\n  }\n  const hasStartedRef = useRef(false);\n  const hasExitedRef = useRef(false);\n  const startStepRef = useRef(startStep);\n  const onStepChangeRef = useRef(onStepChange);\n  const onStartRef = useRef(onStart);\n  const onExitRef = useRef(onExit);\n  const onFinishRef = useRef(onFinish);\n  const sanitizedOptions = useMemo(() => {\n    // We control dialogClass internally; don't let external props override it.\n    const cleanOptions = {...options};\n    delete cleanOptions.dialogClass;\n    return cleanOptions;\n  }, [options]);\n  const optionsKey = serializeOptions(sanitizedOptions);\n  const sanitizedOptionsRef = useRef({key: optionsKey, value: sanitizedOptions});\n  if (sanitizedOptionsRef.current.key !== optionsKey) {\n    sanitizedOptionsRef.current = {key: optionsKey, value: sanitizedOptions};\n  }\n  const stableOptions = sanitizedOptionsRef.current.value;\n  const stepsKey = serializeSteps(steps);\n  // Clone steps because TourGuideJS mutates targets (string -> HTMLElement).\n  // Use stepsKey so we only re-clone when the actual content changes.\n  const stepsForClientRef = useRef({key: stepsKey, value: (steps || []).map(step => ({...step}))});\n  if (stepsForClientRef.current.key !== stepsKey) {\n    stepsForClientRef.current = {key: stepsKey, value: (steps || []).map(step => ({...step}))};\n  }\n  const stepsForClient = stepsForClientRef.current.value;\n\n  useEffect(() => {\n    startStepRef.current = startStep;\n    onStepChangeRef.current = onStepChange;\n    onStartRef.current = onStart;\n    onExitRef.current = onExit;\n    onFinishRef.current = onFinish;\n  }, [startStep, onStepChange, onStart, onExit, onFinish]);\n\n  useEffect(() => {\n    // Avoid client creation on the server or with empty steps.\n    if (typeof window === 'undefined' || stepsForClient.length === 0) {\n      return undefined;\n    }\n    if (!TourGuideClient && !testClientFactory) {\n      return undefined;\n    }\n    const createClient =\n      testClientFactory ||\n      (clientOptions => {\n        return new TourGuideClient(clientOptions);\n      });\n    // Create a fresh client when steps/options change and apply our fixed dialog class.\n    const client = createClient({\n      steps: stepsForClient,\n      ...stableOptions,\n      dialogClass: TOURGUIDE_DIALOG_CLASS\n    });\n\n    clientRef.current = client;\n    hasStartedRef.current = false;\n    hasExitedRef.current = false;\n    if (typeof startStepRef.current === 'number' && startStepRef.current >= 0) {\n      client.activeStep = startStepRef.current;\n    }\n    client._globalAfterChangeCallback = (currentStepIndex, nextStepIndex) => {\n      if (onStepChangeRef.current) {\n        onStepChangeRef.current(nextStepIndex);\n      }\n    };\n    client._globalAfterExitCallback = () => {\n      if (hasExitedRef.current) {\n        return;\n      }\n      hasExitedRef.current = true;\n      if (onExitRef.current) {\n        onExitRef.current();\n      }\n    };\n    client._globalFinishCallback = () => {\n      if (onFinishRef.current) {\n        onFinishRef.current();\n      }\n    };\n\n    return () => {\n      // Ensure old DOM nodes are removed; TourGuideJS uses fixed IDs\n      // and can otherwise leave stale elements behind.\n      const exitPromise = client.isVisible ? client.exit().catch(() => {}) : Promise.resolve();\n      exitPromise\n        .finally(() => {\n          client.dialog?.remove();\n          client.backdrop?.remove();\n        })\n        .catch(() => {});\n      if (clientRef.current === client) {\n        clientRef.current = null;\n      }\n    };\n  }, [stepsKey, optionsKey, stepsForClient, stableOptions, testClientFactory]);\n\n  useEffect(() => {\n    const client = clientRef.current;\n    if (!client) {\n      return undefined;\n    }\n\n    if (autoStart) {\n      // Don't restart a tour that was already completed for this group unless explicitly allowed.\n      if (!forceStart && group && client.isFinished && client.isFinished(group)) {\n        return undefined;\n      }\n      if (hasStartedRef.current) {\n        hasStartedRef.current = false;\n        client.exit().catch(() => {});\n      }\n      const start = () => {\n        // Mark as started before calling into the library to avoid double-start.\n        hasStartedRef.current = true;\n        if (onStartRef.current) {\n          onStartRef.current(client.activeStep, group);\n        }\n        client.start(group).catch(() => {});\n      };\n      start();\n    } else if (!autoStart && hasStartedRef.current) {\n      hasStartedRef.current = false;\n      client.exit().catch(() => {});\n    }\n\n    return undefined;\n  }, [autoStart, forceStart, group, stepsKey, optionsKey]);\n\n  return null;\n};\n\nTourGuideManager.propTypes = {\n  steps: PropTypes.arrayOf(TourGuideStepPropType),\n  options: TourGuideOptionsPropType,\n  group: PropTypes.string,\n  autoStart: PropTypes.bool,\n  forceStart: PropTypes.bool,\n  startStep: PropTypes.number,\n  onStepChange: PropTypes.func,\n  onStart: PropTypes.func,\n  onExit: PropTypes.func,\n  onFinish: PropTypes.func,\n  testClientFactory: PropTypes.func,\n  testMode: PropTypes.bool\n};\n\nexport default TourGuideManager;\n"],"mappings":"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","ignoreList":[]}