Adds support for "Still watching" prompt to prevent users from idling when watching stream

[rithviknishad]

Proposed Changes

• Fixes Add a Check to Ensure Users Are Actively Watching Camera Feeds #8170
• Shows a prompt to confirm whether the user is still watching the stream with a linear backoff of 3 minutes base saturated (at most 12 minutes). Once timed-out, unmounts the child component.

(Set a faster timeout in screen recording for demo purpose)

Screen.Recording.2024-08-29.at.19.23.31.mov

@ohcnetwork/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 31, 2024 3:01am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	86479c6
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/66d75fd49451250008d0b393
😎 Deploy Preview	https://deploy-preview-8440--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rithviknishad]

Adding i18n...

[bodhish]

Let's make the time configurable via env;

[rithviknishad]

Let's make the time configurable via env;

How about through config.json instead? (All whitelablling envs are present there)

[rithviknishad]

Also @bodhish the configuration should be for the base delay for the linear backoff right?

[bodhish]

I'm not sure where we have kept the end, but let's keep it at a unified place.

Also set a sensible default, if the env is not present, the default should be taken

[nihal467]

@rithviknishad the camera authentication frontend PR is buggy so keep this PR on hold since the camera feed is not working in develop

[rithviknishad]

@nihal467 This can be tested without the feed being live. The still watching component wrapper is agnostic of where it's used. It just wraps over any component and observes for touches within that wrapped component.

[nihal467]

LGTM

[github-actions]

👋 Hi, @rithviknishad,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[bodhish]

LGTM

[github-actions]

@rithviknishad Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌