@coorpacademy/components 11.40.18-react18.9 → 11.40.19

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":[]}

package/lib/template/app-player/player/tourguide/style.css

@@ -0,0 +1,385 @@
+@value colors: "../../../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_blue_50 from colors;
+@value cm_grey_75 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+@value transparent from colors;
+
+/* TourGuideJS styles */
+
+:global([data-tg-tour]) {
+  scroll-margin: 30px 0;
+}
+
+:global(.tg-backdrop) {
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+  display: none;
+  z-index: 99;
+  border-radius: 7px;
+  box-shadow: rgba(33, 33, 33, 0.8) 0 0 1px 2px, rgba(33, 33, 33, 0.8) 0 0 0 1000vh;
+  border: 1px solid rgba(193, 192, 232, 0.5);
+  top: 50vh;
+  left: 50vw;
+  width: 0;
+  height: 0;
+}
+
+:global(.tg-backdrop.tg-backdrop-animate) {
+  transition: all 300ms;
+}
+
+:global(.tg-backdrop.allow-interaction) {
+  pointer-events: none;
+}
+
+:global(.tg-dialog) {
+  border-radius: 12px;
+  animation-delay: 100ms;
+  min-height: 120px;
+  background: #fff;
+  color: #252525;
+  max-width: 340px;
+  width: max-content;
+  z-index: 9999;
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0;
+  font-size: 0.9rem;
+}
+
+:global(.tg-dialog .tg-dialog-header) {
+  display: flex;
+  align-items: center;
+  padding: 25px 25px 0 25px;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-title) {
+  font-size: 1rem;
+  font-weight: 700;
+  margin-right: auto;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-title + .tg-dialog-body) {
+  padding: 18.75px 25px 18.75px 25px;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-close-btn) {
+  width: 12px;
+  height: 12px;
+  margin-left: 10px;
+  opacity: 0.4;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover) {
+  opacity: 0.8;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus) {
+  opacity: 1;
+}
+
+:global(.tg-dialog .tg-dialog-header .tg-dialog-spinner) {
+  display: none;
+  opacity: 0.4;
+  margin-top: -1px;
+  -webkit-animation: tg-spin 1s linear infinite;
+  -moz-animation: tg-spin 1s linear infinite;
+  -o-animation: tg-spin 1s linear infinite;
+  animation: tg-spin 1s linear infinite;
+}
+
+:global(@keyframes tg-spin) {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+
+:global(.tg-dialog .tg-dialog-progress-bar) {
+  background: #f1f1f1;
+  height: 5px;
+  display: block;
+  margin-top: 18.75px;
+  position: relative;
+}
+
+:global(.tg-dialog .tg-dialog-progress-bar > .tg-bar) {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 4px;
+  background: #414144;
+  height: 100%;
+  display: block;
+  transition: all 300ms;
+}
+
+:global(.tg-dialog .tg-dialog-body) {
+  padding: 25px;
+  font-weight: 400;
+}
+
+:global(.tg-dialog .tg-dialog-dots) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 15px 0;
+  margin-bottom: 10px;
+  border-top: 1px solid #dedee7;
+  border-bottom: 1px solid #dedee7;
+}
+
+:global(.tg-dialog .tg-dialog-dots > span.tg-dot) {
+  display: inline-block;
+  width: 9px;
+  height: 9px;
+  background: #c2c7ce;
+  border-radius: 12px;
+  margin: 0 4px;
+}
+
+:global(.tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active) {
+  background: #5362d9;
+}
+
+:global(.tg-dialog .tg-dialog-footer) {
+  padding: 12.5px 25px 25px 25px;
+  display: flex;
+  align-items: center;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn) {
+  padding: 5px 10px;
+  border: 1px solid #cbcfd5;
+  color: #6f727e;
+  border-radius: 4px;
+  font-weight: 500;
+  font-size: 0.82rem;
+  white-space: nowrap;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn + button) {
+  margin-left: auto;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled) {
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover) {
+  color: #464852;
+  border: 1px solid #b5b7c2;
+  outline: none;
+  box-shadow: none;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus) {
+  outline: none;
+  box-shadow: none;
+}
+
+:global(.tg-dialog .tg-dialog-footer button.tg-dialog-btn:active) {
+  color: #4655cb;
+  background: #f1f2ff;
+  border: 1px solid #5362d9;
+  outline: none;
+  box-shadow: none;
+}
+
+:global(.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup) {
+  margin: 0 auto;
+  padding: 0 10px;
+  text-align: center;
+  line-height: 1;
+}
+
+:global(.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress) {
+  font-size: 0.78rem;
+  font-weight: 700;
+  margin: 0 auto;
+  opacity: 0.4;
+  letter-spacing: 1px;
+  display: inline-block;
+}
+
+:global(.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots) {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+:global(.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots > span.tg-dot) {
+  width: 8px;
+  height: 8px;
+  margin: 0 3px;
+}
+
+:global(.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots + .tg-step-progress) {
+  margin-top: 10px;
+  font-size: 0.68rem;
+}
+
+:global(.tg-dialog .tg-arrow) {
+  position: absolute;
+  background: #fff;
+  width: 9px;
+  height: 9px;
+  border-radius: 1px;
+  transform: rotate(45deg);
+}
+
+:global(.tg-dialog.tg-dialog-fixed) {
+  transition: none;
+  animation-delay: 0ms;
+}
+
+:global(.tg-dialog.animate-position) {
+  transition: all 300ms;
+}
+
+:global(.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title) {
+  opacity: 0.4;
+}
+
+:global(.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn) {
+  display: none;
+}
+
+:global(.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner) {
+  display: inline-block;
+}
+
+:global(.tg-dialog.tg-dialog-loading .tg-dialog-body) {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+:global(.tg-dialog.tg-dialog-loading .tg-dialog-footer) {
+  pointer-events: none;
+  opacity: 0.4;
+}
+
+:global(.tg-no-interaction *) {
+  pointer-events: none !important;
+  user-select: none !important;
+}
+
+:global(.tg-no-interaction .tg-dialog),
+:global(.tg-no-interaction .tg-active-element),
+:global(.tg-dialog *),
+:global(.tg-active-element *) {
+  pointer-events: auto !important;
+  user-select: text !important;
+}
+
+/* Custom styles for Coorpacademy */
+
+:global(.coorp-tourguide-dialog) {
+  font-family: Gilroy;
+  font-weight: 900;
+  font-style: Solid;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-prev-btn.disabled) {
+  opacity: 0;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-next-btn) {
+  cursor: pointer;
+  border-color: transparent;
+  vertical-align: middle;
+  color: cm_primary_blue;
+  background-color: cm_blue_50;
+  font-family: Gilroy;
+  font-weight: 900;
+  font-style: Solid;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  padding: 8px 10px;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-prev-btn) {
+  cursor: pointer;
+  border-color: transparent;
+  vertical-align: middle;
+  color: cm_grey_500;
+  background-color: cm_grey_75;
+  font-family: Gilroy;
+  font-weight: 900;
+  font-style: Solid;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  padding: 8px 10px;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-next-btn:hover) {
+  color: color(cm_primary_blue a(75%));
+  background-color: color(cm_blue_50 a(75%));
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-prev-btn:hover) {
+  color: color(cm_grey_500 a(75%));
+  background-color: color(cm_grey_75 a(75%));
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-title) {
+  color: cm_grey_700;
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 16px;
+  line-height: 22px;
+  letter-spacing: 0px;
+  vertical-align: bottom;
+  padding-top: 15px;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-close-btn) {
+  cursor: pointer;
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  color: black;
+}
+
+:global(.coorp-tourguide-dialog #tg-dialog-body) {
+  font-weight: 600;
+  font-style: SemiBold;
+  line-height: 20px;
+  letter-spacing: 0px;
+  vertical-align: bottom;
+  color: cm_grey_500;
+}
+
+:global(.coorp-tourguide-dialog .tg-dialog-footer) {
+  justify-content: space-between;
+}
+
+:global(.coorp-tourguide-dialog .tg-dialog-footer-sup) {
+  font-weight: 600;
+  font-style: SemiBold;
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0px;
+  text-align: center;
+  vertical-align: bottom;
+  color: cm_grey_400;
+  position: absolute;
+  top: 20px;
+  left: 14px;
+}