@openedx/paragon 22.3.2 → 23.0.0-alpha.1

package/dist/Popover/popover-bootstrap.scss

@@ -0,0 +1,198 @@
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--pgn-elevation-popover-zindex);
+  display: block;
+  max-width: var(--pgn-size-popover-max-width);
+
+  @include reset-text();
+  @include font-size(var(--pgn-typography-popover-font-size));
+
+  word-wrap: break-word;
+  background-color: var(--pgn-color-popover-bg);
+  background-clip: padding-box;
+  border: var(--pgn-size-popover-border-width) solid var(--pgn-color-popover-border);
+  box-shadow: var(--pgn-elevation-popover-box-shadow);
+
+  @include border-radius(var(--pgn-size-popover-border-radius));
+
+  .arrow {
+    position: absolute;
+    display: block;
+    width: var(--pgn-size-popover-arrow-width);
+    height: var(--pgn-size-popover-arrow-height);
+    margin: 0 var(--pgn-size-popover-border-radius);
+
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      display: block;
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-popover-top {
+  margin-bottom: var(--pgn-size-popover-arrow-height);
+
+  > .arrow {
+    bottom: calc(-1 * calc(var(--pgn-size-popover-border-width) + var(--pgn-size-popover-arrow-height)));
+
+    &::before {
+      bottom: 0;
+      border-width: var(--pgn-size-popover-arrow-height) calc(var(--pgn-size-popover-arrow-width) * .5) 0;
+      border-top-color: var(--pgn-color-popover-arrow-outer);
+    }
+
+    &::after {
+      bottom: var(--pgn-size-popover-border-width);
+      border-width: var(--pgn-size-popover-arrow-height) calc(var(--pgn-size-popover-arrow-width) * .5) 0;
+      border-top-color: var(--pgn-color-popover-arrow-base);
+    }
+  }
+}
+
+.bs-popover-right {
+  margin-left: var(--pgn-size-popover-arrow-height);
+
+  > .arrow {
+    left: calc(-1 * calc(var(--pgn-size-popover-border-width) + var(--pgn-size-popover-arrow-height)));
+    width: var(--pgn-size-popover-arrow-height);
+    height: var(--pgn-size-popover-arrow-width);
+    margin: var(--pgn-size-popover-border-radius) 0;
+
+    &::before {
+      left: 0;
+      border-width:
+        calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height)
+        calc(var(--pgn-size-popover-arrow-width) * .5) 0;
+      border-right-color: var(--pgn-color-popover-arrow-outer);
+    }
+
+    &::after {
+      left: var(--pgn-size-popover-border-width);
+      border-width:
+        calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height)
+        calc(var(--pgn-size-popover-arrow-width) * .5) 0;
+      border-right-color: var(--pgn-color-popover-arrow-base);
+    }
+  }
+}
+
+.bs-popover-bottom {
+  margin-top: var(--pgn-size-popover-arrow-height);
+
+  > .arrow {
+    top: calc(-1 * calc(var(--pgn-size-popover-border-width) + var(--pgn-size-popover-arrow-height)));
+
+    &::before {
+      top: 0;
+      border-width:
+        0 calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height)
+        calc(var(--pgn-size-popover-arrow-width) * .5);
+      border-bottom-color: var(--pgn-color-popover-arrow-outer);
+    }
+
+    &::after {
+      top: var(--pgn-size-popover-border-width);
+      border-width:
+        0 calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height)
+        calc(var(--pgn-size-popover-arrow-width) * .5);
+      border-bottom-color: var(--pgn-color-popover-arrow-base);
+    }
+  }
+
+  // This will remove the popover-header's border just below the arrow
+  .popover-header::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: var(--pgn-size-popover-arrow-width);
+    margin-left: calc(var(--pgn-size-popover-arrow-width) * -.5);
+    border-bottom: var(--pgn-size-popover-border-width) solid var(--pgn-color-popover-header-bg);
+  }
+}
+
+.bs-popover-left {
+  margin-right: var(--pgn-size-popover-arrow-height);
+
+  > .arrow {
+    right: calc(-1 * calc(var(--pgn-size-popover-border-width) + var(--pgn-size-popover-arrow-height)));
+    width: var(--pgn-size-popover-arrow-height);
+    height: var(--pgn-size-popover-arrow-width);
+    margin: var(--pgn-size-popover-border-radius) 0;
+
+    &::before {
+      right: 0;
+      border-width:
+        calc(var(--pgn-size-popover-arrow-width) * .5) 0
+        calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height);
+      border-left-color: var(--pgn-color-popover-arrow-outer);
+    }
+
+    &::after {
+      right: var(--pgn-size-popover-border-width);
+      border-width:
+        calc(var(--pgn-size-popover-arrow-width) * .5) 0
+        calc(var(--pgn-size-popover-arrow-width) * .5)
+        var(--pgn-size-popover-arrow-height);
+      border-left-color: var(--pgn-color-popover-arrow-base);
+    }
+  }
+}
+
+.bs-popover-auto {
+  &[x-placement^="top"] {
+    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
+    @extend .bs-popover-top;
+  }
+
+  &[x-placement^="right"] {
+    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
+    @extend .bs-popover-right;
+  }
+
+  &[x-placement^="bottom"] {
+    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
+    @extend .bs-popover-bottom;
+  }
+
+  &[x-placement^="left"] {
+    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
+    @extend .bs-popover-left;
+  }
+}
+
+
+// Offset the popover to account for the popover arrow
+.popover-header {
+  padding: var(--pgn-spacing-popover-header-padding-y) var(--pgn-spacing-popover-header-padding-x);
+  margin-bottom: 0;
+
+  @include font-size(var(--pgn-typography-font-size-base));
+
+  color: var(--pgn-color-popover-header-text);
+  background-color: var(--pgn-color-popover-header-bg);
+  border-bottom: var(--pgn-size-popover-border-width) solid var(--pgn-color-popover-header-border-bottom-dark);
+
+  @include border-top-radius(calc(var(--pgn-size-popover-border-radius) - var(--pgn-size-popover-border-width)));
+
+  &:empty {
+    display: none;
+  }
+}
+
+.popover-body {
+  padding: var(--pgn-spacing-popover-body-padding-y) var(--pgn-spacing-popover-body-padding-x);
+  color: var(--pgn-color-popover-body);
+}

package/dist/ProductTour/Checkpoint.js

@@ -4,7 +4,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/dist/ProductTour/Checkpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_extends","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  index,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n  const isOnlyCheckpoint = totalCheckpoints === 1;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      {(title || !isOnlyCheckpoint) && (\n        <div className=\"pgn__checkpoint-header\">\n          <CheckpointTitle>{title}</CheckpointTitle>\n          <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n        </div>\n      )}\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  body: null,\n  dismissButtonText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n  showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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"}
+{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_extends","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  index,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n  const isOnlyCheckpoint = totalCheckpoints === 1;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      {(title || !isOnlyCheckpoint) && (\n        <div className=\"pgn__checkpoint-header\">\n          <CheckpointTitle>{title}</CheckpointTitle>\n          <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n        </div>\n      )}\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  body: null,\n  dismissButtonText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n  showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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","ignoreList":[]}

package/dist/ProductTour/Checkpoint.scss

@@ -1,20 +1,16 @@
-@import "variables";
-
-$checkpoint-arrow-top-color: solid $checkpoint-arrow-width $checkpoint-border-color;
-$checkpoint-arrow-default-color: solid $checkpoint-arrow-width $checkpoint-background-color;
-$checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
-
 .pgn__checkpoint {
   position: absolute;
-  background: $checkpoint-background-color;
-  border-top: $checkpoint-border-width solid $checkpoint-border-color;
-  border-radius: $border-radius;
-  padding: map_get($spacers, 4);
-  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .3);
-  z-index: $checkpoint-z-index;
-  max-width: $checkpoint-max-width;
-
-  @media (max-width: map-get($grid-breakpoints, "md")) {
+  background: var(--pgn-color-product-tour-checkpoint-bg);
+  border-top:
+    var(--pgn-size-product-tour-checkpoint-width-border)
+    solid var(--pgn-color-product-tour-checkpoint-border);
+  border-radius: var(--pgn-size-border-radius-base);
+  padding: var(--pgn-spacing-spacer-4);
+  box-shadow: 0 .25rem .5rem var(--pgn-color-product-tour-checkpoint-box-shadow);
+  z-index: var(--pgn-elevation-product-tour-checkpoint-zindex);
+  max-width: var(--pgn-size-product-tour-checkpoint-width-max);
+
+  @media (--pgn-size-breakpoint-max-width-sm) {
     min-width: 90%;
     max-width: 90%;
   }
@@ -38,12 +34,12 @@ $checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
 
   #pgn__checkpoint-arrow::before,
   #pgn__checkpoint-arrow::after {
-    visibility: visible;
     content: "";
+    visibility: visible;
   }
 
   .pgn__checkpoint-button_dismiss {
-    margin-inline-end: map_get($spacers, 2);
+    margin-inline-end: var(--pgn-spacing-spacer-2);
   }
 
   .pgn__checkpoint-breadcrumb {
@@ -52,11 +48,11 @@ $checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
     border-radius: 50%;
 
     &.pgn__checkpoint-breadcrumb_active {
-      background: $checkpoint-breadcrumb-color;
+      background: var(--pgn-color-product-tour-checkpoint-breadcrumb);
     }
 
     &.pgn__checkpoint-breadcrumb_inactive {
-      border: 1px solid $checkpoint-breadcrumb-color;
+      border: 1px solid var(--pgn-color-product-tour-checkpoint-breadcrumb);
       background: transparent;
     }
 
@@ -80,7 +76,7 @@ $checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
   }
 
   .pgn__checkpoint-body {
-    color: $checkpoint-body-color;
+    color: var(--pgn-color-product-tour-checkpoint-body);
     margin-bottom: map_get($spacers, 3\.5);
     text-align: start;
   }
@@ -92,25 +88,33 @@ $checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
   }
 
   #pgn__checkpoint-title {
-    font-size: $h3-font-size;
+    font-size: var(--pgn-typography-font-size-h3);
     margin-inline-end: map_get($spacers, 2\.5);
     margin-bottom: 0;
   }
 }
 
 .pgn__checkpoint[data-popper-placement^="top"] > #pgn__checkpoint-arrow {
-  left: -$checkpoint-arrow-width !important; // Override PopperJS arrow placement
+  left: calc(var(--pgn-size-product-tour-checkpoint-width-arrow) * -1) !important;
   bottom: 1px;
 
   [dir="rtl"] & {
-    left: $checkpoint-arrow-width !important;
+    left: var(--pgn-size-product-tour-checkpoint-width-arrow) !important;
   }
 
   &::after {
-    border-bottom: $checkpoint-arrow-transparent;
-    border-top: $checkpoint-arrow-default-color;
-    border-left: $checkpoint-arrow-transparent;
-    border-right: $checkpoint-arrow-transparent;
+    border-bottom:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-top:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-top)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-top);
+    border-left:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-right:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
     filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .1));
     -webkit-filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .1));
   }
@@ -118,39 +122,63 @@ $checkpoint-arrow-transparent: solid $checkpoint-arrow-width transparent;
 
 .pgn__checkpoint[data-popper-placement^="bottom"] > #pgn__checkpoint-arrow {
   top: -36px;
-  left: -$checkpoint-arrow-width !important; // Override PopperJS arrow placement
+  left: calc(var(--pgn-size-product-tour-checkpoint-width-arrow) * -1) !important;
 
   &::after {
-    border-bottom: $checkpoint-arrow-top-color;
-    border-top: $checkpoint-arrow-transparent;
-    border-left: $checkpoint-arrow-transparent;
-    border-right: $checkpoint-arrow-transparent;
+    border-bottom:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-border);
+    border-top:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-left:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-right:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
   }
 }
 
 .pgn__checkpoint[data-popper-placement^="left"] > #pgn__checkpoint-arrow {
-  top: -$checkpoint-arrow-width !important; // Override PopperJS arrow placement
+  top: calc(var(--pgn-size-product-tour-checkpoint-width-arrow) * -1) !important; // Override PopperJS arrow placement
   right: 1px;
 
   &::after {
-    border-bottom: $checkpoint-arrow-transparent;
-    border-top: $checkpoint-arrow-transparent;
-    border-left: $checkpoint-arrow-default-color;
-    border-right: $checkpoint-arrow-transparent;
+    border-bottom:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-top:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-left:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-top)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-top);
+    border-right:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
     filter: drop-shadow(3px 1px 2px rgba(0, 0, 0, .1));
   }
 }
 
 .pgn__checkpoint[data-popper-placement^="right"] > #pgn__checkpoint-arrow {
-  top: -$checkpoint-arrow-width !important; // Override PopperJS arrow placement
+  top: calc(var(--pgn-size-product-tour-checkpoint-width-arrow) * -1) !important; // Override PopperJS arrow placement
   left: 1px;
 
   &::after {
-    left: -2 * $checkpoint-arrow-width;
-    border-bottom: $checkpoint-arrow-transparent;
-    border-top: $checkpoint-arrow-transparent;
-    border-left: $checkpoint-arrow-transparent;
-    border-right: $checkpoint-arrow-default-color;
+    left: calc(-2 * var(--pgn-size-product-tour-checkpoint-width-arrow));
+    border-bottom:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-top:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-left:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-transparent)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-transparent);
+    border-right:
+      solid var(--pgn-size-product-tour-checkpoint-arrow-top)
+      var(--pgn-color-product-tour-checkpoint-arrow-border-top);
     filter: drop-shadow(-3px 1px 2px rgba(0, 0, 0, .1));
   }
 }

package/dist/ProductTour/CheckpointActionRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  dismissButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onDismiss,\n  onEnd,\n  showDismissButton,\n  index,\n}, ref) => (\n  <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n    {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n      <Button\n        variant=\"tertiary\"\n        className=\"pgn__checkpoint-button_dismiss\"\n        onClick={onDismiss}\n      >\n        {dismissButtonText}\n      </Button>\n    )}\n    <Button\n      autoFocus\n      className=\"pgn__checkpoint-button_advance\"\n      variant=\"primary\"\n      onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n    >\n      {isLastCheckpoint ? endButtonText : advanceButtonText}\n    </Button>\n  </div>\n));\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  dismissButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => {},\n  onDismiss: () => {},\n  onEnd: () => {},\n  showDismissButton: undefined,\n  index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n  /** The text displayed on the button used to advance the tour. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour. */\n  endButtonText: PropTypes.node,\n  /** Whether the parent Checkpoint is the last in the tour. */\n  isLastCheckpoint: PropTypes.bool,\n  /** A function that runs when triggering the `onClick` event of the advance button. */\n  onAdvance: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the dismiss button. */\n  onDismiss: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n  onEnd: PropTypes.func,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n  /** Allows visibility of last index value for onEnd checkpoint compatibility */\n  index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,mBAAmB,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAU1CC,GAAG;EAAA,IATJC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,iBAAiB,GAAAT,IAAA,CAAjBS,iBAAiB;IACjBC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAAA,oBAELf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GAClD,CAACQ,iBAAiB,KAAKI,SAAS,GAAG,CAACR,gBAAgB,GAAGI,iBAAiB,kBACvEd,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLiB,OAAO,EAAC,UAAU;IAClBF,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAER;EAAU,GAElBJ,iBACK,CACT,eACDR,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLmB,SAAS;IACTJ,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEV,gBAAgB,GAAG;MAAA,OAAMG,KAAK,CAACE,KAAK,CAAC;IAAA,IAAG;MAAA,OAAMJ,SAAS,CAACI,KAAK,CAAC;IAAA;EAAC,GAEvEL,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACL,CAAC;AAAA,CACP,CAAC;AAEFJ,mBAAmB,CAACmB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,iBAAiB,EAAE,EAAE;EACrBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,KAAK,EAAE,SAAAA,MAAA,EAAM,CAAC,CAAC;EACfC,iBAAiB,EAAEI,SAAS;EAC5BH,KAAK,EAAE;AACT,CAAC;AAEDZ,mBAAmB,CAACoB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEN,SAAS,CAACuB,IAAI;EACjC;EACAhB,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,aAAa,EAAER,SAAS,CAACuB,IAAI;EAC7B;EACAd,gBAAgB,EAAET,SAAS,CAACwB,IAAI;EAChC;EACAd,SAAS,EAAEV,SAAS,CAACyB,IAAI;EACzB;EACAd,SAAS,EAAEX,SAAS,CAACyB,IAAI;EACzB;EACAb,KAAK,EAAEZ,SAAS,CAACyB,IAAI;EACrB;EACAZ,iBAAiB,EAAEb,SAAS,CAACwB,IAAI;EACjC;EACAV,KAAK,EAAEd,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAexB,mBAAmB"}
+{"version":3,"file":"CheckpointActionRow.js","names":["React","PropTypes","Button","CheckpointActionRow","forwardRef","_ref","ref","advanceButtonText","dismissButtonText","endButtonText","isLastCheckpoint","onAdvance","onDismiss","onEnd","showDismissButton","index","createElement","className","undefined","variant","onClick","autoFocus","defaultProps","propTypes","node","bool","func","number"],"sources":["../../src/ProductTour/CheckpointActionRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nconst CheckpointActionRow = React.forwardRef(({\n  advanceButtonText,\n  dismissButtonText,\n  endButtonText,\n  isLastCheckpoint,\n  onAdvance,\n  onDismiss,\n  onEnd,\n  showDismissButton,\n  index,\n}, ref) => (\n  <div className=\"pgn__checkpoint-action-row\" ref={ref}>\n    {(showDismissButton === undefined ? !isLastCheckpoint : showDismissButton) && (\n      <Button\n        variant=\"tertiary\"\n        className=\"pgn__checkpoint-button_dismiss\"\n        onClick={onDismiss}\n      >\n        {dismissButtonText}\n      </Button>\n    )}\n    <Button\n      autoFocus\n      className=\"pgn__checkpoint-button_advance\"\n      variant=\"primary\"\n      onClick={isLastCheckpoint ? () => onEnd(index) : () => onAdvance(index)}\n    >\n      {isLastCheckpoint ? endButtonText : advanceButtonText}\n    </Button>\n  </div>\n));\n\nCheckpointActionRow.defaultProps = {\n  advanceButtonText: '',\n  dismissButtonText: '',\n  endButtonText: '',\n  isLastCheckpoint: false,\n  onAdvance: () => {},\n  onDismiss: () => {},\n  onEnd: () => {},\n  showDismissButton: undefined,\n  index: 0,\n};\n\nCheckpointActionRow.propTypes = {\n  /** The text displayed on the button used to advance the tour. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour. */\n  endButtonText: PropTypes.node,\n  /** Whether the parent Checkpoint is the last in the tour. */\n  isLastCheckpoint: PropTypes.bool,\n  /** A function that runs when triggering the `onClick` event of the advance button. */\n  onAdvance: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the dismiss button. */\n  onDismiss: PropTypes.func,\n  /** A function that runs when triggering the `onClick` event of the advance button if isLastCheckpoint is true. */\n  onEnd: PropTypes.func,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n  /** Allows visibility of last index value for onEnd checkpoint compatibility */\n  index: PropTypes.number,\n};\n\nexport default CheckpointActionRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,mBAAmB,gBAAGH,KAAK,CAACI,UAAU,CAAC,UAAAC,IAAA,EAU1CC,GAAG;EAAA,IATJC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,iBAAiB,GAAAT,IAAA,CAAjBS,iBAAiB;IACjBC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAAA,oBAELf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC,4BAA4B;IAACX,GAAG,EAAEA;EAAI,GAClD,CAACQ,iBAAiB,KAAKI,SAAS,GAAG,CAACR,gBAAgB,GAAGI,iBAAiB,kBACvEd,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLiB,OAAO,EAAC,UAAU;IAClBF,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAER;EAAU,GAElBJ,iBACK,CACT,eACDR,KAAA,CAAAgB,aAAA,CAACd,MAAM;IACLmB,SAAS;IACTJ,SAAS,EAAC,gCAAgC;IAC1CE,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAEV,gBAAgB,GAAG;MAAA,OAAMG,KAAK,CAACE,KAAK,CAAC;IAAA,IAAG;MAAA,OAAMJ,SAAS,CAACI,KAAK,CAAC;IAAA;EAAC,GAEvEL,gBAAgB,GAAGD,aAAa,GAAGF,iBAC9B,CACL,CAAC;AAAA,CACP,CAAC;AAEFJ,mBAAmB,CAACmB,YAAY,GAAG;EACjCf,iBAAiB,EAAE,EAAE;EACrBC,iBAAiB,EAAE,EAAE;EACrBC,aAAa,EAAE,EAAE;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,KAAK,EAAE,SAAAA,MAAA,EAAM,CAAC,CAAC;EACfC,iBAAiB,EAAEI,SAAS;EAC5BH,KAAK,EAAE;AACT,CAAC;AAEDZ,mBAAmB,CAACoB,SAAS,GAAG;EAC9B;EACAhB,iBAAiB,EAAEN,SAAS,CAACuB,IAAI;EACjC;EACAhB,iBAAiB,EAAEP,SAAS,CAACuB,IAAI;EACjC;EACAf,aAAa,EAAER,SAAS,CAACuB,IAAI;EAC7B;EACAd,gBAAgB,EAAET,SAAS,CAACwB,IAAI;EAChC;EACAd,SAAS,EAAEV,SAAS,CAACyB,IAAI;EACzB;EACAd,SAAS,EAAEX,SAAS,CAACyB,IAAI;EACzB;EACAb,KAAK,EAAEZ,SAAS,CAACyB,IAAI;EACrB;EACAZ,iBAAiB,EAAEb,SAAS,CAACwB,IAAI;EACjC;EACAV,KAAK,EAAEd,SAAS,CAAC0B;AACnB,CAAC;AAED,eAAexB,mBAAmB","ignoreList":[]}

package/dist/ProductTour/CheckpointBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","_ref","ref","children","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className=\"pgn__checkpoint-body\" ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nCheckpointBody.defaultProps = {\n  children: null,\n};\n\nCheckpointBody.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG,EAAK;EAAA,IAApBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC,sBAAsB;IAACH,GAAG,EAAEA;EAAI,GAC5CC,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,cAAc,CAACO,YAAY,GAAG;EAC5BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,cAAc,CAACQ,SAAS,GAAG;EACzBJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,cAAc"}
+{"version":3,"file":"CheckpointBody.js","names":["React","PropTypes","CheckpointBody","forwardRef","_ref","ref","children","createElement","className","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBody = React.forwardRef(({ children }, ref) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className=\"pgn__checkpoint-body\" ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nCheckpointBody.defaultProps = {\n  children: null,\n};\n\nCheckpointBody.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG,EAAK;EAAA,IAApBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC,sBAAsB;IAACH,GAAG,EAAEA;EAAI,GAC5CC,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,cAAc,CAACO,YAAY,GAAG;EAC5BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,cAAc,CAACQ,SAAS,GAAG;EACzBJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}

package/dist/ProductTour/CheckpointBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n  if (totalCheckpoints === 1) {\n    return null;\n  }\n  return (\n    <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n      {new Array(totalCheckpoints).fill(0).map((v, i) => (\n        i === currentIndex\n          ? (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n              data-testid=\"pgn__checkpoint-breadcrumb_active\"\n            />\n          )\n          : (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n              data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n            />\n          )\n      ))}\n    </span>\n  );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n  currentIndex: null,\n  totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n  /** The current index of the parent Checkpoint within the tour. */\n  currentIndex: PropTypes.number,\n  /** The total number of Checkpoints within the tour. */\n  totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAqCC,GAAG,EAAK;EAAA,IAA1CC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;EAC9E,IAAIA,gBAAgB,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACb;EACA,oBACEP,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC,sCAAsC;IAACJ,GAAG,EAAEA;EAAI,GAC7D,IAAIK,KAAK,CAACH,gBAAgB,CAAC,CAACI,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAC5CA,CAAC,KAAKR,YAAY,gBAEdN,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,8DAA8D;MACxE,eAAY;IAAmC,CAChD,CAAC,gBAGFT,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,gEAAgE;MAC1E,eAAY;IAAqC,CAClD,CACF;EAAA,CACJ,CACG,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACc,YAAY,GAAG;EACnCV,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE;AACpB,CAAC;AAEDL,qBAAqB,CAACe,SAAS,GAAG;EAChC;EACAX,YAAY,EAAEL,SAAS,CAACiB,MAAM;EAC9B;EACAX,gBAAgB,EAAEN,SAAS,CAACiB;AAC9B,CAAC;AAED,eAAehB,qBAAqB"}
+{"version":3,"file":"CheckpointBreadcrumbs.js","names":["React","PropTypes","CheckpointBreadcrumbs","forwardRef","_ref","ref","currentIndex","totalCheckpoints","createElement","className","Array","fill","map","v","i","key","defaultProps","propTypes","number"],"sources":["../../src/ProductTour/CheckpointBreadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointBreadcrumbs = React.forwardRef(({ currentIndex, totalCheckpoints }, ref) => {\n  if (totalCheckpoints === 1) {\n    return null;\n  }\n  return (\n    <span className=\"pgn__checkpoint-breadcrumb-container\" ref={ref}>\n      {new Array(totalCheckpoints).fill(0).map((v, i) => (\n        i === currentIndex\n          ? (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_active\"\n              data-testid=\"pgn__checkpoint-breadcrumb_active\"\n            />\n          )\n          : (\n            <span\n              /* eslint-disable-next-line react/no-array-index-key */\n              key={i}\n              className=\"pgn__checkpoint-breadcrumb pgn__checkpoint-breadcrumb_inactive\"\n              data-testid=\"pgn__checkpoint-breadcrumb_inactive\"\n            />\n          )\n      ))}\n    </span>\n  );\n});\n\nCheckpointBreadcrumbs.defaultProps = {\n  currentIndex: null,\n  totalCheckpoints: null,\n};\n\nCheckpointBreadcrumbs.propTypes = {\n  /** The current index of the parent Checkpoint within the tour. */\n  currentIndex: PropTypes.number,\n  /** The total number of Checkpoints within the tour. */\n  totalCheckpoints: PropTypes.number,\n};\n\nexport default CheckpointBreadcrumbs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAqCC,GAAG,EAAK;EAAA,IAA1CC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;EAC9E,IAAIA,gBAAgB,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;EACb;EACA,oBACEP,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC,sCAAsC;IAACJ,GAAG,EAAEA;EAAI,GAC7D,IAAIK,KAAK,CAACH,gBAAgB,CAAC,CAACI,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,OAC5CA,CAAC,KAAKR,YAAY,gBAEdN,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,8DAA8D;MACxE,eAAY;IAAmC,CAChD,CAAC,gBAGFT,KAAA,CAAAQ,aAAA;MACE;MACAO,GAAG,EAAED,CAAE;MACPL,SAAS,EAAC,gEAAgE;MAC1E,eAAY;IAAqC,CAClD,CACF;EAAA,CACJ,CACG,CAAC;AAEX,CAAC,CAAC;AAEFP,qBAAqB,CAACc,YAAY,GAAG;EACnCV,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE;AACpB,CAAC;AAEDL,qBAAqB,CAACe,SAAS,GAAG;EAChC;EACAX,YAAY,EAAEL,SAAS,CAACiB,MAAM;EAC9B;EACAX,gBAAgB,EAAEN,SAAS,CAACiB;AAC9B,CAAC;AAED,eAAehB,qBAAqB","ignoreList":[]}

package/dist/ProductTour/CheckpointTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n  <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n    {children}\n  </h2>\n));\n\nCheckpointTitle.defaultProps = {\n  children: null,\n};\n\nCheckpointTitle.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG;EAAA,IAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAClDN,KAAA,CAAAO,aAAA;IAAIC,EAAE,EAAC,uBAAuB;IAACH,GAAG,EAAEA;EAAI,GACrCC,QACC,CAAC;AAAA,CACN,CAAC;AAEFJ,eAAe,CAACO,YAAY,GAAG;EAC7BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,eAAe,CAACQ,SAAS,GAAG;EAC1BJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,eAAe"}
+{"version":3,"file":"CheckpointTitle.js","names":["React","PropTypes","CheckpointTitle","forwardRef","_ref","ref","children","createElement","id","defaultProps","propTypes","node"],"sources":["../../src/ProductTour/CheckpointTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CheckpointTitle = React.forwardRef(({ children }, ref) => (\n  <h2 id=\"pgn__checkpoint-title\" ref={ref}>\n    {children}\n  </h2>\n));\n\nCheckpointTitle.defaultProps = {\n  children: null,\n};\n\nCheckpointTitle.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default CheckpointTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CAAC,UAAAC,IAAA,EAAeC,GAAG;EAAA,IAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAClDN,KAAA,CAAAO,aAAA;IAAIC,EAAE,EAAC,uBAAuB;IAACH,GAAG,EAAEA;EAAI,GACrCC,QACC,CAAC;AAAA,CACN,CAAC;AAEFJ,eAAe,CAACO,YAAY,GAAG;EAC7BH,QAAQ,EAAE;AACZ,CAAC;AAEDJ,eAAe,CAACQ,SAAS,GAAG;EAC1BJ,QAAQ,EAAEL,SAAS,CAACU;AACtB,CAAC;AAED,eAAeT,eAAe","ignoreList":[]}

package/dist/ProductTour/index.js

@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';

package/dist/ProductTour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","Checkpoint","ProductTour","forwardRef","_ref","ref","tours","tourValue","find","tour","enabled","_ref2","_ref2$checkpoints","checkpoints","startingIndex","onEscape","onEnd","tourOnDismiss","onDismiss","tourAdvanceButtonText","advanceButtonText","tourDismissButtonText","dismissButtonText","tourEndButtonText","endButtonText","_useState","_useState2","_slicedToArray","currentCheckpointData","setCurrentCheckpointData","_useState3","_useState4","index","setIndex","_useState5","_useState6","isTourEnabled","setIsTourEnabled","_useState7","_useState8","prunedCheckpoints","setPrunedCheckpoints","_ref3","title","body","onAdvance","placement","target","showDismissButton","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","keyCode","global","addEventListener","removeEventListener","handleAdvance","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","undefined","propTypes","arrayOf","shape","node","func","oneOf","string","isRequired","bool","number","tourId"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled, checkpoints = [], startingIndex, onEscape, onEnd, onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText, dismissButtonText: tourDismissButtonText,\n    endButtonText: tourEndButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title, body, onAdvance, onDismiss, advanceButtonText, dismissButtonText,\n    endButtonText, placement, target, showDismissButton,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.keyCode === 27) {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissButtonText={dismissButtonText || tourDismissButtonText}\n      endButtonText={endButtonText || tourEndButtonText}\n      index={index}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      showDismissButton={showDismissButton}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      body: '',\n      dismissButtonText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      placement: 'top',\n      title: '',\n      showDismissButton: undefined,\n    },\n    dismissButtonText: '',\n    endButtonText: '',\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text displayed on the button used to dismiss the tour for the given Checkpoint\n       * (overrides the `dismissButtonText` defined in the parent tour object). */\n      dismissButtonText: PropTypes.node,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n      /** Enforces visibility of the dismiss button under all circumstances */\n      showDismissButton: PropTypes.bool,\n    })),\n    /** The text displayed on the button used to dismiss the tour. */\n    dismissButtonText: PropTypes.node,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\nexport default ProductTour;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,cAAc;AAErC,IAAMC,WAAW,gBAAGL,KAAK,CAACM,UAAU,CAAC,UAAAC,IAAA,EAAYC,GAAG,EAAK;EAAA,IAAjBC,KAAK,GAAAF,IAAA,CAALE,KAAK;EAC3C,IAAMC,SAAS,GAAGD,KAAK,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACC,OAAO;EAAA,EAAC;EACpD,IAAAC,KAAA,GAIIJ,SAAS,IAAI,CAAC,CAAC;IAHjBG,OAAO,GAAAC,KAAA,CAAPD,OAAO;IAAAE,iBAAA,GAAAD,KAAA,CAAEE,WAAW;IAAXA,WAAW,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;IAAEE,aAAa,GAAAH,KAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IAAEC,KAAK,GAAAL,KAAA,CAALK,KAAK;IAAaC,aAAa,GAAAN,KAAA,CAAxBO,SAAS;IACjDC,qBAAqB,GAAAR,KAAA,CAAxCS,iBAAiB;IAA4CC,qBAAqB,GAAAV,KAAA,CAAxCW,iBAAiB;IAC5CC,iBAAiB,GAAAZ,KAAA,CAAhCa,aAAa;EAEf,IAAAC,SAAA,GAA0D1B,QAAQ,CAAC,IAAI,CAAC;IAAA2B,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAjEG,qBAAqB,GAAAF,UAAA;IAAEG,wBAAwB,GAAAH,UAAA;EACtD,IAAAI,UAAA,GAA0B/B,QAAQ,CAAC,CAAC,CAAC;IAAAgC,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAA9BE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EACtB,IAAAG,UAAA,GAA0CnC,QAAQ,CAAC,KAAK,CAAC;IAAAoC,UAAA,GAAAR,cAAA,CAAAO,UAAA;IAAlDE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EACtC,IAAAG,UAAA,GAAkDvC,QAAQ,CAAC,EAAE,CAAC;IAAAwC,UAAA,GAAAZ,cAAA,CAAAW,UAAA;IAAvDE,iBAAiB,GAAAD,UAAA;IAAEE,oBAAoB,GAAAF,UAAA;EAC9C,IAAAG,KAAA,GAGId,qBAAqB,IAAI,CAAC,CAAC;IAF7Be,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,KAAA,CAATG,SAAS;IAAE3B,SAAS,GAAAwB,KAAA,CAATxB,SAAS;IAAEE,iBAAiB,GAAAsB,KAAA,CAAjBtB,iBAAiB;IAAEE,iBAAiB,GAAAoB,KAAA,CAAjBpB,iBAAiB;IACvEE,aAAa,GAAAkB,KAAA,CAAblB,aAAa;IAAEsB,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAEC,MAAM,GAAAL,KAAA,CAANK,MAAM;IAAEC,iBAAiB,GAAAN,KAAA,CAAjBM,iBAAiB;;EAGrD;AACF;AACA;AACA;EACE,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,cAAc,EAAK;IAC3C,IAAMC,8BAA8B,GAAGD,cAAc,CAACE,MAAM,CAC1D,UAACC,UAAU;MAAA,OAAK,CAAC,CAACC,QAAQ,CAACC,aAAa,CAACF,UAAU,CAACN,MAAM,CAAC;IAAA,CAC7D,CAAC;IACDN,oBAAoB,CAACU,8BAA8B,CAAC;EACtD,CAAC;EAEDrD,SAAS,CAAC,YAAM;IACd,IAAIY,OAAO,IAAIG,WAAW,EAAE;MAC1BwB,gBAAgB,CAAC3B,OAAO,CAAC;MACzBuC,gBAAgB,CAACpC,WAAW,CAAC;MAC7BoB,QAAQ,CAACnB,aAAa,IAAI,CAAC,CAAC;IAC9B;EACF,CAAC,EAAE,CAACJ,OAAO,EAAEG,WAAW,EAAEC,aAAa,CAAC,CAAC;EAEzChB,SAAS,CAAC,YAAM;IACd,IAAIsC,aAAa,IAAII,iBAAiB,CAACgB,MAAM,EAAE;MAC7C3B,wBAAwB,CAACW,iBAAiB,CAACR,KAAK,CAAC,CAAC;IACpD;EACF,CAAC,EAAE,CAACA,KAAK,EAAEI,aAAa,EAAEI,iBAAiB,CAAC,CAAC;EAE7C1C,SAAS,CAAC,YAAM;IACd,IAAM2D,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAK,EAAK;MAC3B,IAAIA,KAAK,CAACC,OAAO,KAAK,EAAE,EAAE;QACxBtB,gBAAgB,CAAC,KAAK,CAAC;QACvB,IAAItB,QAAQ,EAAE;UACZA,QAAQ,CAAC,CAAC;QACZ;MACF;IACF,CAAC;IACD6C,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,SAAS,CAAC;IAE7C,OAAO,YAAM;MACXG,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEL,SAAS,CAAC;IAClD,CAAC;EACH,CAAC,EAAE,CAAC1C,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACR,SAAS,IAAI,CAACqB,qBAAqB,IAAI,CAACQ,aAAa,EAAE;IAC1D,OAAO,IAAI;EACb;EAEA,IAAM2B,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1B9B,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC;IACnB,IAAIa,SAAS,EAAE;MACbA,SAAS,CAAC,CAAC;IACb;EACF,CAAC;EAED,IAAMmB,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1B/B,QAAQ,CAAC,CAAC,CAAC;IACXI,gBAAgB,CAAC,KAAK,CAAC;IACvB,IAAInB,SAAS,EAAE;MACbA,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MACLD,aAAa,CAAC,CAAC;IACjB;IACAY,wBAAwB,CAAC,IAAI,CAAC;EAChC,CAAC;EACD;EACA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE;EACA,IAAMoC,SAAS,GAAG,SAAZA,SAASA,CAAIC,eAAe,EAAK;IACrCjC,QAAQ,CAAC,CAAC,CAAC;IACXI,gBAAgB,CAAC,KAAK,CAAC;IACvB,IAAIG,iBAAiB,CAAC0B,eAAe,CAAC,CAAClD,KAAK,EAAE;MAC5CwB,iBAAiB,CAAC0B,eAAe,CAAC,CAAClD,KAAK,CAAC,CAAC;IAC5C,CAAC,MAAM,IAAIA,KAAK,EAAE;MAChBA,KAAK,CAACwB,iBAAiB,CAAC0B,eAAe,CAAC,CAAC;IAC3C;IACArC,wBAAwB,CAAC,IAAI,CAAC;EAChC,CAAC;EACD,oBACEhC,KAAA,CAAAsE,aAAA,CAAClE,UAAU;IACTmB,iBAAiB,EAAEA,iBAAiB,IAAID,qBAAsB;IAC9DyB,IAAI,EAAEA,IAAK;IACXhB,qBAAqB,EAAEA,qBAAsB;IAC7CN,iBAAiB,EAAEA,iBAAiB,IAAID,qBAAsB;IAC9DG,aAAa,EAAEA,aAAa,IAAID,iBAAkB;IAClDS,KAAK,EAAEA,KAAM;IACba,SAAS,EAAEkB,aAAc;IACzB7C,SAAS,EAAE8C,aAAc;IACzBhD,KAAK,EAAEiD,SAAU;IACjBnB,SAAS,EAAEA,SAAU;IACrBC,MAAM,EAAEA,MAAO;IACfJ,KAAK,EAAEA,KAAM;IACbyB,gBAAgB,EAAE5B,iBAAiB,CAACgB,MAAO;IAC3CR,iBAAiB,EAAEA,iBAAkB;IACrC3C,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CAAC;AAEFH,WAAW,CAACmE,YAAY,GAAG;EACzB/D,KAAK,EAAE;IACLc,iBAAiB,EAAE,EAAE;IACrBP,WAAW,EAAE;MACXO,iBAAiB,EAAE,EAAE;MACrBwB,IAAI,EAAE,EAAE;MACRtB,iBAAiB,EAAE,EAAE;MACrBE,aAAa,EAAE,EAAE;MACjBqB,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;MACnB3B,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;MACnB4B,SAAS,EAAE,KAAK;MAChBH,KAAK,EAAE,EAAE;MACTK,iBAAiB,EAAEsB;IACrB,CAAC;IACDhD,iBAAiB,EAAE,EAAE;IACrBE,aAAa,EAAE,EAAE;IACjBN,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;IACnBF,KAAK,EAAE,SAAAA,MAAA,EAAM,CAAC,CAAC;IACfD,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC,CAAC;IAClBD,aAAa,EAAE;EACjB;AACF,CAAC;AAEDZ,WAAW,CAACqE,SAAS,GAAG;EACtBjE,KAAK,EAAEN,SAAS,CAACwE,OAAO,CAACxE,SAAS,CAACyE,KAAK,CAAC;IACvC;IACArD,iBAAiB,EAAEpB,SAAS,CAAC0E,IAAI;IACjC;IACA7D,WAAW,EAAEb,SAAS,CAACwE,OAAO,CAACxE,SAAS,CAACyE,KAAK,CAAC;MAC7C;AACN;MACMrD,iBAAiB,EAAEpB,SAAS,CAAC0E,IAAI;MACjC;MACA9B,IAAI,EAAE5C,SAAS,CAAC0E,IAAI;MACpB;AACN;MACMpD,iBAAiB,EAAEtB,SAAS,CAAC0E,IAAI;MACjC;AACN;MACMlD,aAAa,EAAExB,SAAS,CAAC0E,IAAI;MAC7B;AACN;MACM7B,SAAS,EAAE7C,SAAS,CAAC2E,IAAI;MACzB;AACN;MACMzD,SAAS,EAAElB,SAAS,CAAC2E,IAAI;MACzB;AACN;MACM3D,KAAK,EAAEhB,SAAS,CAAC2E,IAAI;MACrB;MACA7B,SAAS,EAAE9C,SAAS,CAAC4E,KAAK,CAAC,CACzB,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAClE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,CACzE,CAAC;MACF;MACA7B,MAAM,EAAE/C,SAAS,CAAC6E,MAAM,CAACC,UAAU;MACnC;MACAnC,KAAK,EAAE3C,SAAS,CAAC0E,IAAI;MACrB;MACA1B,iBAAiB,EAAEhD,SAAS,CAAC+E;IAC/B,CAAC,CAAC,CAAC;IACH;IACAzD,iBAAiB,EAAEtB,SAAS,CAAC0E,IAAI;IACjC;IACAhE,OAAO,EAAEV,SAAS,CAAC+E,IAAI,CAACD,UAAU;IAClC;IACAtD,aAAa,EAAExB,SAAS,CAAC0E,IAAI;IAC7B;IACAxD,SAAS,EAAElB,SAAS,CAAC2E,IAAI;IACzB;IACA3D,KAAK,EAAEhB,SAAS,CAAC2E,IAAI;IACrB;IACA5D,QAAQ,EAAEf,SAAS,CAAC2E,IAAI;IACxB;IACA7D,aAAa,EAAEd,SAAS,CAACgF,MAAM;IAC/B;IACAC,MAAM,EAAEjF,SAAS,CAAC6E,MAAM,CAACC;EAC3B,CAAC,CAAC;AACJ,CAAC;AAED,eAAe5E,WAAW"}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","Checkpoint","ProductTour","forwardRef","_ref","ref","tours","tourValue","find","tour","enabled","_ref2","_ref2$checkpoints","checkpoints","startingIndex","onEscape","onEnd","tourOnDismiss","onDismiss","tourAdvanceButtonText","advanceButtonText","tourDismissButtonText","dismissButtonText","tourEndButtonText","endButtonText","_useState","_useState2","_slicedToArray","currentCheckpointData","setCurrentCheckpointData","_useState3","_useState4","index","setIndex","_useState5","_useState6","isTourEnabled","setIsTourEnabled","_useState7","_useState8","prunedCheckpoints","setPrunedCheckpoints","_ref3","title","body","onAdvance","placement","target","showDismissButton","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","keyCode","global","addEventListener","removeEventListener","handleAdvance","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","undefined","propTypes","arrayOf","shape","node","func","oneOf","string","isRequired","bool","number","tourId"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled, checkpoints = [], startingIndex, onEscape, onEnd, onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText, dismissButtonText: tourDismissButtonText,\n    endButtonText: tourEndButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title, body, onAdvance, onDismiss, advanceButtonText, dismissButtonText,\n    endButtonText, placement, target, showDismissButton,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.keyCode === 27) {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissButtonText={dismissButtonText || tourDismissButtonText}\n      endButtonText={endButtonText || tourEndButtonText}\n      index={index}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      showDismissButton={showDismissButton}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      body: '',\n      dismissButtonText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      placement: 'top',\n      title: '',\n      showDismissButton: undefined,\n    },\n    dismissButtonText: '',\n    endButtonText: '',\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text displayed on the button used to dismiss the tour for the given Checkpoint\n       * (overrides the `dismissButtonText` defined in the parent tour object). */\n      dismissButtonText: PropTypes.node,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n      /** Enforces visibility of the dismiss button under all circumstances */\n      showDismissButton: PropTypes.bool,\n    })),\n    /** The text displayed on the button used to dismiss the tour. */\n    dismissButtonText: PropTypes.node,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\nexport default ProductTour;\n"],"mappings":"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","ignoreList":[]}