@internetarchive/elements 1.1.7-webdev-9378.0 → 1.1.7-webdev-9054.1

package/dist/src/elements/ia-image-viewer/image-viewer-gestures.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer-gestures.js","sourceRoot":"","sources":["../../../../src/elements/ia-image-viewer/image-viewer-gestures.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { prefersReducedMotion } from '@src/util/prefers-reduced-motion';\nimport type { SlideDirection } from './models';\n\n/** What the gesture controller needs from the viewer it drives. */\nexport type ImageViewerGestureHost = ReactiveControllerHost & {\n  readonly imageCount: number;\n\n  readonly currentIndex: number;\n\n  /** The element gestures are tracked against, once it has rendered. */\n  readonly imageArea?: HTMLElement;\n\n  /** The element a drag translates. */\n  readonly slideTrack?: HTMLElement;\n\n  /** Commits an in-flight slide animation so a new one starts from rest. */\n  settleIfAnimating(): void;\n\n  showNext(): void;\n\n  showPrevious(): void;\n\n  preloadAroundIndex(index: number): void;\n\n  /** Adds the neighbouring slides a drag reveals on either side. */\n  insertDragSlides(): void;\n\n  removeDragSlides(): void;\n\n  /** Advances to the neighbouring image a completed drag landed on. */\n  commitDrag(direction: SlideDirection): void;\n};\n\n/** Minimum horizontal travel before a gesture counts as a swipe at all */\nconst SWIPE_THRESHOLD = 30;\n\n/** Minimum swipe distance (fraction of width) to commit navigation */\nconst SWIPE_COMMIT_FRACTION = 0.25;\n\n/** Minimum velocity (px/ms) for a flick to commit regardless of distance */\nconst SWIPE_FLICK_VELOCITY = 0.3;\n\n/** Longest the track takes to settle after the finger lifts */\nconst SETTLE_MAX_MS = 300;\n\n/** How long a snap-back takes when the swipe didn't go far enough */\nconst SNAP_BACK_MS = 200;\n\n/** Horizontal wheel travel that adds up to one navigation */\nconst WHEEL_THRESHOLD = 80;\n\n/** How long after an animation to keep ignoring wheel inertia */\nconst WHEEL_COOLDOWN_MS = 300;\n\n/** How far a finger travels before the gesture locks in as horizontal */\nconst SWIPE_LOCK_DISTANCE = 10;\n\n/**\n * Touch, wheel and keyboard navigation for the image viewer.\n *\n * A drag is driven imperatively: it translates the track directly and asks the\n * viewer to insert neighbouring slides by hand, because a re-render mid-gesture\n * would replace the element the touch started on and the browser would fire\n * touchcancel.\n */\nexport class ImageViewerGestures implements ReactiveController {\n  /** Whether a drag is in progress. The viewer reads this while rendering. */\n  dragging = false;\n\n  private host: ImageViewerGestureHost;\n\n  /**\n   * The element the touch and wheel listeners are currently on, so they can\n   * follow the image area when it's replaced. A boolean wouldn't: the area is\n   * removed whenever the image list empties, and a later refill renders a\n   * different element.\n   */\n  private listeningTo: HTMLElement | null = null;\n\n  private touchStartX: number | null = null;\n\n  private touchStartY: number | null = null;\n\n  private touchStartTime = 0;\n\n  /** Whether the current gesture has locked in as a horizontal swipe */\n  private swiping = false;\n\n  /** Set when a swipe completes, so the tap it ends on doesn't open the image */\n  private swipeHandled = false;\n\n  private dragOffsetX = 0;\n\n  private wheelDeltaX = 0;\n\n  private wheelAnimating = false;\n\n  private wheelAnimationEndTime = 0;\n\n  constructor(host: ImageViewerGestureHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    document.addEventListener('keydown', this.onKeydown);\n    // Reconnecting doesn't schedule an update, so the gesture listeners have\n    // to be put back here rather than waiting for one.\n    this.attachListeners();\n  }\n\n  hostUpdated(): void {\n    this.attachListeners();\n  }\n\n  hostDisconnected(): void {\n    document.removeEventListener('keydown', this.onKeydown);\n    this.detachListeners();\n  }\n\n  /**\n   * Whether a swipe just ended on this tap, meaning the click that follows it\n   * should be ignored rather than treated as opening the image.\n   */\n  consumeSwipeTap(): boolean {\n    if (!this.swipeHandled) return false;\n    this.swipeHandled = false;\n    return true;\n  }\n\n  /** Lets wheel navigation resume once a slide animation has finished. */\n  animationSettled(): void {\n    this.wheelAnimating = false;\n    this.wheelAnimationEndTime = performance.now();\n    this.wheelDeltaX = 0;\n  }\n\n  /**\n   * Points the gesture listeners at the current image area, moving them off\n   * the previous one. The area isn't rendered until there are images to show,\n   * and it's torn down and rebuilt whenever the list empties and refills, so\n   * this runs on every update and re-attaches whenever the element changes.\n   */\n  private attachListeners(): void {\n    const area = this.host.imageArea;\n    if (area === this.listeningTo) return;\n    this.detachListeners();\n    if (!area) return;\n\n    this.listeningTo = area;\n    area.addEventListener('touchstart', this.onTouchStart, { passive: true });\n    area.addEventListener('touchmove', this.onTouchMove, { passive: false });\n    area.addEventListener('touchend', this.onTouchEnd, { passive: true });\n    area.addEventListener('wheel', this.onWheel, { passive: false });\n  }\n\n  private detachListeners(): void {\n    const area = this.listeningTo;\n    if (!area) return;\n    area.removeEventListener('touchstart', this.onTouchStart);\n    area.removeEventListener('touchmove', this.onTouchMove);\n    area.removeEventListener('touchend', this.onTouchEnd);\n    area.removeEventListener('wheel', this.onWheel);\n    this.listeningTo = null;\n  }\n\n  private onTouchStart = (e: TouchEvent): void => {\n    if (this.host.imageCount <= 1) return;\n    this.host.settleIfAnimating();\n    const touch = e.touches[0];\n    this.touchStartX = touch.clientX;\n    this.touchStartY = touch.clientY;\n    this.touchStartTime = e.timeStamp;\n    this.swiping = false;\n    this.dragOffsetX = 0;\n  };\n\n  private onTouchMove = (e: TouchEvent): void => {\n    if (this.touchStartX === null || this.touchStartY === null) return;\n    const dx = e.touches[0].clientX - this.touchStartX;\n    const dy = e.touches[0].clientY - this.touchStartY;\n\n    const locksHorizontal =\n      Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > SWIPE_LOCK_DISTANCE;\n    if (!this.swiping && locksHorizontal) {\n      this.swiping = true;\n      this.dragging = true;\n      this.host.preloadAroundIndex(this.host.currentIndex);\n      this.host.insertDragSlides();\n    }\n\n    if (!this.swiping) return;\n    e.preventDefault();\n\n    this.dragOffsetX = dx;\n    this.applyDragTransform();\n  };\n\n  private onTouchEnd = (e: TouchEvent): void => {\n    if (this.touchStartX === null) return;\n    const dx = e.changedTouches[0].clientX - this.touchStartX;\n    const elapsed = e.timeStamp - this.touchStartTime;\n    this.touchStartX = null;\n    this.touchStartY = null;\n\n    if (!this.swiping) return;\n    this.swiping = false;\n\n    const track = this.host.slideTrack;\n    const area = this.host.imageArea;\n    if (!track || !area) {\n      this.dragging = false;\n      return;\n    }\n\n    const width = area.offsetWidth;\n    const velocity = Math.abs(dx) / Math.max(elapsed, 1);\n    const pastThreshold = Math.abs(dx) > width * SWIPE_COMMIT_FRACTION;\n    const flicked = velocity > SWIPE_FLICK_VELOCITY;\n    const shouldCommit =\n      (pastThreshold || flicked) && Math.abs(dx) >= SWIPE_THRESHOLD;\n    const direction: SlideDirection = dx < 0 ? 'next' : 'prev';\n\n    this.swipeHandled = true;\n\n    // The rest of the way is proportional to how far the finger already got,\n    // so a nearly complete swipe finishes almost instantly.\n    const remainingFraction = (width - Math.abs(dx)) / width;\n    const completionDuration = shouldCommit\n      ? Math.round(\n          Math.max(\n            100,\n            Math.min(SETTLE_MAX_MS, remainingFraction * SETTLE_MAX_MS),\n          ),\n        )\n      : SNAP_BACK_MS;\n\n    const finalTransform = !shouldCommit\n      ? 'translateX(-100%)'\n      : direction === 'next'\n        ? 'translateX(-200%)'\n        : 'translateX(0%)';\n\n    const finish = (): void => {\n      track.style.transition = '';\n      track.style.transform = '';\n\n      if (shouldCommit) this.host.commitDrag(direction);\n\n      this.dragging = false;\n      this.dragOffsetX = 0;\n      // Remove the hand-inserted slides before the viewer renders, since it\n      // doesn't track them and would leave them in the track.\n      this.host.removeDragSlides();\n      this.host.preloadAroundIndex(this.host.currentIndex);\n      this.host.requestUpdate();\n    };\n\n    // With reduced motion there's nothing to transition, and a zero-duration\n    // transition doesn't fire transitionend, so settle straight away rather\n    // than waiting on the timeout that would otherwise cover for it.\n    if (prefersReducedMotion()) {\n      track.style.transform = finalTransform;\n      finish();\n      return;\n    }\n\n    track.style.transition = `transform ${completionDuration}ms ease-out`;\n    track.style.transform = finalTransform;\n\n    let settled = false;\n    const onTransitionDone = (): void => {\n      if (settled) return;\n      settled = true;\n      track.removeEventListener('transitionend', onTransitionDone);\n      finish();\n    };\n\n    track.addEventListener('transitionend', onTransitionDone);\n    // Fallback in case transitionend doesn't fire\n    setTimeout(onTransitionDone, completionDuration + 50);\n  };\n\n  /** Applies the drag offset to the track during touch gestures. */\n  private applyDragTransform(): void {\n    const track = this.host.slideTrack;\n    if (!this.dragging || !track) return;\n    track.style.transform = `translateX(calc(-100% + ${this.dragOffsetX}px))`;\n  }\n\n  private onWheel = (e: WheelEvent): void => {\n    if (this.host.imageCount <= 1) return;\n\n    // Ignore vertical-dominant scrolls\n    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) return;\n    if (e.deltaX === 0) return;\n\n    e.preventDefault();\n\n    // Block during animation and for a brief cooldown after to absorb inertia\n    const inCooldown =\n      performance.now() - this.wheelAnimationEndTime < WHEEL_COOLDOWN_MS;\n    if (this.wheelAnimating || inCooldown) {\n      this.wheelDeltaX = 0;\n      return;\n    }\n\n    this.wheelDeltaX += e.deltaX;\n    if (Math.abs(this.wheelDeltaX) < WHEEL_THRESHOLD) return;\n\n    const forward = this.wheelDeltaX > 0;\n    this.wheelDeltaX = 0;\n    this.wheelAnimating = true;\n    if (forward) this.host.showNext();\n    else this.host.showPrevious();\n  };\n\n  private onKeydown = (e: KeyboardEvent): void => {\n    if (this.host.imageCount <= 1) return;\n    // A listener on `document` sees a shadow-DOM event retargeted to its\n    // outermost host, so the focused field is the first entry in the path.\n    const target = (e.composedPath()[0] ?? e.target) as HTMLElement;\n    if (['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName)) return;\n    if (target.isContentEditable) return;\n    if (e.key === 'ArrowLeft') this.host.showPrevious();\n    else if (e.key === 'ArrowRight') this.host.showNext();\n  };\n}\n"]}
+{"version":3,"file":"image-viewer-gestures.js","sourceRoot":"","sources":["../../../../src/elements/ia-image-viewer/image-viewer-gestures.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { prefersReducedMotion } from '@src/util/prefers-reduced-motion';\nimport type { SlideDirection } from './models';\n\n/** What the gesture controller needs from the viewer it drives. */\nexport type ImageViewerGestureHost = ReactiveControllerHost & {\n  readonly imageCount: number;\n\n  readonly currentIndex: number;\n\n  /** The element gestures are tracked against, once it has rendered. */\n  readonly imageArea?: HTMLElement;\n\n  /** The element a drag translates. */\n  readonly slideTrack?: HTMLElement;\n\n  /** Commits an in-flight slide animation so a new one starts from rest. */\n  settleIfAnimating(): void;\n\n  showNext(): void;\n\n  showPrevious(): void;\n\n  preloadAroundIndex(index: number): void;\n\n  /** Adds the neighbouring slides a drag reveals on either side. */\n  insertDragSlides(): void;\n\n  removeDragSlides(): void;\n\n  /** Advances to the neighbouring image a completed drag landed on. */\n  commitDrag(direction: SlideDirection): void;\n};\n\n/** Minimum horizontal travel before a gesture counts as a swipe at all */\nconst SWIPE_THRESHOLD = 30;\n\n/** Minimum swipe distance (fraction of width) to commit navigation */\nconst SWIPE_COMMIT_FRACTION = 0.25;\n\n/** Minimum velocity (px/ms) for a flick to commit regardless of distance */\nconst SWIPE_FLICK_VELOCITY = 0.3;\n\n/** Longest the track takes to settle after the finger lifts */\nconst SETTLE_MAX_MS = 300;\n\n/** How long a snap-back takes when the swipe didn't go far enough */\nconst SNAP_BACK_MS = 200;\n\n/** Horizontal wheel travel that adds up to one navigation */\nconst WHEEL_THRESHOLD = 80;\n\n/** How long after an animation to keep ignoring wheel inertia */\nconst WHEEL_COOLDOWN_MS = 300;\n\n/** How far a finger travels before the gesture locks in as horizontal */\nconst SWIPE_LOCK_DISTANCE = 10;\n\n/**\n * Touch, wheel and keyboard navigation for the image viewer.\n *\n * A drag is driven imperatively: it translates the track directly and asks the\n * viewer to insert neighbouring slides by hand, because a re-render mid-gesture\n * would replace the element the touch started on and the browser would fire\n * touchcancel.\n */\nexport class ImageViewerGestures implements ReactiveController {\n  /** Whether a drag is in progress. The viewer reads this while rendering. */\n  dragging = false;\n\n  private host: ImageViewerGestureHost;\n\n  /**\n   * The element the touch and wheel listeners are currently on, so they can\n   * follow the image area when it's replaced. A boolean wouldn't: the area is\n   * removed whenever the image list empties, and a later refill renders a\n   * different element.\n   */\n  private listeningTo: HTMLElement | null = null;\n\n  private touchStartX: number | null = null;\n\n  private touchStartY: number | null = null;\n\n  private touchStartTime = 0;\n\n  /** Whether the current gesture has locked in as a horizontal swipe */\n  private swiping = false;\n\n  /** Set when a swipe completes, so the tap it ends on doesn't open the image */\n  private swipeHandled = false;\n\n  private dragOffsetX = 0;\n\n  private wheelDeltaX = 0;\n\n  private wheelAnimating = false;\n\n  private wheelAnimationEndTime = 0;\n\n  constructor(host: ImageViewerGestureHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    document.addEventListener('keydown', this.onKeydown);\n    // Reconnecting doesn't schedule an update, so the gesture listeners have\n    // to be put back here rather than waiting for one.\n    this.attachListeners();\n  }\n\n  hostUpdated(): void {\n    this.attachListeners();\n  }\n\n  hostDisconnected(): void {\n    document.removeEventListener('keydown', this.onKeydown);\n    this.detachListeners();\n  }\n\n  /**\n   * Whether a swipe just ended on this tap, meaning the click that follows it\n   * should be ignored rather than treated as opening the image.\n   */\n  consumeSwipeTap(): boolean {\n    if (!this.swipeHandled) return false;\n    this.swipeHandled = false;\n    return true;\n  }\n\n  /** Lets wheel navigation resume once a slide animation has finished. */\n  animationSettled(): void {\n    this.wheelAnimating = false;\n    this.wheelAnimationEndTime = performance.now();\n    this.wheelDeltaX = 0;\n  }\n\n  /**\n   * Points the gesture listeners at the current image area, moving them off\n   * the previous one. The area isn't rendered until there are images to show,\n   * and it's torn down and rebuilt whenever the list empties and refills, so\n   * this runs on every update and re-attaches whenever the element changes.\n   */\n  private attachListeners(): void {\n    const area = this.host.imageArea;\n    if (area === this.listeningTo) return;\n    this.detachListeners();\n    if (!area) return;\n\n    this.listeningTo = area;\n    area.addEventListener('touchstart', this.onTouchStart, { passive: true });\n    area.addEventListener('touchmove', this.onTouchMove, { passive: false });\n    area.addEventListener('touchend', this.onTouchEnd, { passive: true });\n    area.addEventListener('wheel', this.onWheel, { passive: false });\n  }\n\n  private detachListeners(): void {\n    const area = this.listeningTo;\n    if (!area) return;\n    area.removeEventListener('touchstart', this.onTouchStart);\n    area.removeEventListener('touchmove', this.onTouchMove);\n    area.removeEventListener('touchend', this.onTouchEnd);\n    area.removeEventListener('wheel', this.onWheel);\n    this.listeningTo = null;\n  }\n\n  private onTouchStart = (e: TouchEvent): void => {\n    if (this.host.imageCount <= 1) return;\n    this.host.settleIfAnimating();\n    const touch = e.touches[0];\n    this.touchStartX = touch.clientX;\n    this.touchStartY = touch.clientY;\n    this.touchStartTime = e.timeStamp;\n    this.swiping = false;\n    this.dragOffsetX = 0;\n  };\n\n  private onTouchMove = (e: TouchEvent): void => {\n    if (this.touchStartX === null || this.touchStartY === null) return;\n    const dx = e.touches[0].clientX - this.touchStartX;\n    const dy = e.touches[0].clientY - this.touchStartY;\n\n    const locksHorizontal =\n      Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > SWIPE_LOCK_DISTANCE;\n    if (!this.swiping && locksHorizontal) {\n      this.swiping = true;\n      this.dragging = true;\n      this.host.preloadAroundIndex(this.host.currentIndex);\n      this.host.insertDragSlides();\n    }\n\n    if (!this.swiping) return;\n    e.preventDefault();\n\n    this.dragOffsetX = dx;\n    this.applyDragTransform();\n  };\n\n  private onTouchEnd = (e: TouchEvent): void => {\n    if (this.touchStartX === null) return;\n    const dx = e.changedTouches[0].clientX - this.touchStartX;\n    const elapsed = e.timeStamp - this.touchStartTime;\n    this.touchStartX = null;\n    this.touchStartY = null;\n\n    if (!this.swiping) return;\n    this.swiping = false;\n\n    const track = this.host.slideTrack;\n    const area = this.host.imageArea;\n    if (!track || !area) {\n      this.dragging = false;\n      return;\n    }\n\n    const width = area.offsetWidth;\n    const velocity = Math.abs(dx) / Math.max(elapsed, 1);\n    const pastThreshold = Math.abs(dx) > width * SWIPE_COMMIT_FRACTION;\n    const flicked = velocity > SWIPE_FLICK_VELOCITY;\n    const shouldCommit =\n      (pastThreshold || flicked) && Math.abs(dx) >= SWIPE_THRESHOLD;\n    const direction: SlideDirection = dx < 0 ? 'next' : 'prev';\n\n    this.swipeHandled = true;\n\n    // The rest of the way is proportional to how far the finger already got,\n    // so a nearly complete swipe finishes almost instantly.\n    const remainingFraction = (width - Math.abs(dx)) / width;\n    const completionDuration = shouldCommit\n      ? Math.round(\n          Math.max(\n            100,\n            Math.min(SETTLE_MAX_MS, remainingFraction * SETTLE_MAX_MS),\n          ),\n        )\n      : SNAP_BACK_MS;\n\n    const finalTransform = !shouldCommit\n      ? 'translateX(-100%)'\n      : direction === 'next'\n        ? 'translateX(-200%)'\n        : 'translateX(0%)';\n\n    const finish = (): void => {\n      track.style.transition = '';\n      track.style.transform = '';\n\n      if (shouldCommit) this.host.commitDrag(direction);\n\n      this.dragging = false;\n      this.dragOffsetX = 0;\n      // Remove the hand-inserted slides before the viewer renders, since it\n      // doesn't track them and would leave them in the track.\n      this.host.removeDragSlides();\n      this.host.preloadAroundIndex(this.host.currentIndex);\n      this.host.requestUpdate();\n    };\n\n    // With reduced motion there's nothing to transition, and a zero-duration\n    // transition doesn't fire transitionend, so settle straight away rather\n    // than waiting on the timeout that would otherwise cover for it.\n    if (prefersReducedMotion()) {\n      track.style.transform = finalTransform;\n      finish();\n      return;\n    }\n\n    track.style.transition = `transform ${completionDuration}ms ease-out`;\n    track.style.transform = finalTransform;\n\n    let settled = false;\n    const onTransitionDone = (): void => {\n      if (settled) return;\n      settled = true;\n      track.removeEventListener('transitionend', onTransitionDone);\n      finish();\n    };\n\n    track.addEventListener('transitionend', onTransitionDone);\n    // Fallback in case transitionend doesn't fire\n    setTimeout(onTransitionDone, completionDuration + 50);\n  };\n\n  /** Applies the drag offset to the track during touch gestures. */\n  private applyDragTransform(): void {\n    const track = this.host.slideTrack;\n    if (!this.dragging || !track) return;\n    track.style.transform = `translateX(calc(-100% + ${this.dragOffsetX}px))`;\n  }\n\n  private onWheel = (e: WheelEvent): void => {\n    if (this.host.imageCount <= 1) return;\n\n    // Ignore vertical-dominant scrolls\n    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) return;\n    if (e.deltaX === 0) return;\n\n    e.preventDefault();\n\n    // Block during animation and for a brief cooldown after to absorb inertia\n    const inCooldown =\n      performance.now() - this.wheelAnimationEndTime < WHEEL_COOLDOWN_MS;\n    if (this.wheelAnimating || inCooldown) {\n      this.wheelDeltaX = 0;\n      return;\n    }\n\n    this.wheelDeltaX += e.deltaX;\n    if (Math.abs(this.wheelDeltaX) < WHEEL_THRESHOLD) return;\n\n    const forward = this.wheelDeltaX > 0;\n    this.wheelDeltaX = 0;\n    this.wheelAnimating = true;\n    if (forward) this.host.showNext();\n    else this.host.showPrevious();\n  };\n\n  private onKeydown = (e: KeyboardEvent): void => {\n    if (this.host.imageCount <= 1) return;\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') return;\n    if (target.isContentEditable) return;\n    if (e.key === 'ArrowLeft') this.host.showPrevious();\n    else if (e.key === 'ArrowRight') this.host.showNext();\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/elements",
-  "version": "1.1.7-webdev-9378.0",
+  "version": "1.1.7-webdev-9054.1",
   "description": "A web component library from the Internet Archive.",
   "license": "AGPL-3.0-only",
   "type": "module",
@@ -34,12 +34,23 @@
     "strings:build": "wireit"
   },
   "dependencies": {
+    "@internetarchive/analytics-manager": "^0.1.5",
     "@internetarchive/ia-clearable-text-input": "^1.1.1",
     "@internetarchive/ia-dropdown": "^2.2.0",
+    "@internetarchive/lazy-loader-service": "^0.2.0",
+    "@internetarchive/modal-manager": "^2.0.6",
+    "@internetarchive/promised-singleton": "^0.2.1",
     "@lit/localize": "^0.12.2",
+    "@types/applepayjs": "^14.0.9",
+    "@types/braintree-web": "^3.143.0",
+    "@types/googlepay": "^0.7.12",
+    "@types/grecaptcha": "^3.0.9",
+    "@types/paypal-checkout-components": "^4.0.8",
+    "currency.js": "^2.0.4",
     "dayjs": "^1.11.23",
     "lit": "^2.8.0 || ^3.3.2",
     "magic-snowflakes": "^7.0.2",
+    "nanoevents": "^9.1.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {